﻿
.banner-title{
	width: 100%;
	border-top:1px solid #a38b51;
	border-bottom:1px solid #a38b51;
	overflow: hidden;
	}
.banner-title .box{
	width: 1024px;
	height:40px;
	line-height:40px;
	margin: 0 auto;
	}
.banner-title .box img,.banner-title .box .word{
	display: inline-block;
    vertical-align: middle;
	}
.banner-title .box .word a{padding: 0px 4px;}
.content{
	width:100%;
	min-height:500px;
	margin:0 auto;
	position: relative;
	}
/***************************************   about  start      *****************************************/

.banner-border{
	width: 100%;
	height:270px;
	overflow: hidden;
	}
.banner-border img{
	width: 100%;
	height:270px;
	animation:myfirst 15s alternate;
	-moz-animation:myfirst 15s alternate;  /*Firefox */
	-webkit-animation:myfirst 15s alternate; /* Safari and Chrome */
	-o-animation:myfirst 15s alternate; /* Opera */
	-ms-animation:myfirst 15s alternate; 
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
	}

@keyframes myfirst
{
	0%   {transform: scale(1);}
	50%  {transform: scale(1.2);}
	100% {transform: scale(1);}
}

@-moz-keyframes myfirst /* Firefox */
{
	0%   {transform: scale(1);}
	50%  {transform: scale(1.2);}
	100% {transform: scale(1);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0%   {transform: scale(1);}
	50%  {transform: scale(1.2);}
	100% {transform: scale(1);}
}

@-o-keyframes myfirst /* Opera */
{
	0%   {transform: scale(1);}
	50%  {transform: scale(1.2);}
	100% {transform: scale(1);}
}
@-ms-keyframes myfirst /* Opera */
{
	0%   {transform: scale(1);}
	50%  {transform: scale(1.2);}
	100% {transform: scale(1);}
}
.content .container{
	width: 1024px;
	margin: 0 auto;
	padding-bottom: 60px;
	}
.content .container .title{
	height: 100px;
    line-height: 100px;
	}
.content .container .title h4{
	display:inline-block;
	}
.content .zx-img{
	text-align: center;
	margin-top: 100px;
	}
.content .zx-img img{
	width: 70%;
	}
	.container-about {
		text-align:justify; 
	}
	.container-about p>span { 
		text-indent:2em;
	}
	
	
/***************************************   about  end      *****************************************/
/***************************************   dsj  start      *****************************************/
.content .dsj{
	background: url(../images/paper4.jpg) no-repeat center/cover;
	text-align: center;
	overflow: hidden;
	padding-bottom: 60px;
	}
.content .dsj .dsj-title{
	letter-spacing: 2px;
	padding: 50px 0px;
	}
.content .dsj .dsj-title .xian{
	width:100px;
	display: inline-block;
    vertical-align: middle;
	margin: 40px 10px;
	border:1px solid #C3B495;
	}
.content .dsj .dsj-title .word{
	display: inline-block;
    vertical-align: middle;
	background-color: #a38b51;
    padding: 2px 4px;
	margin: 0px 10px;
	}
.content .dsj .shuxian{
	width: 10px;
	height:80px;
	background-color:#C5B694;
	margin: 0 auto;
	position: relative;
	}
.content .dsj .dsj-ul li:first-child{
	border-radius: 4px 4px 0px 0px;
	}
.content .dsj .dsj-ul li:nth-last-child(1){
	border-radius: 0px 0px 4px 4px;
	}
.content .dsj .shuxian .hengxian1{
	width: 8px;
    height: 18px;
    background-color: #E30210;
    position: absolute;
    right: 10px;
    top: 15px;
	}
.content .dsj .shuxian .hengxian2{
	width: 40px;
    height: 18px;
    background-color: #C5B694;
    position: absolute;
    right: 18px;
    top: 15px;
	border-radius: 4px 0px 0px 4px;
	}
.content .dsj .shuxian .hengxian3{
	width: 8px;
    height: 18px;
    background-color: #E30210;
    position: absolute;
    left: 10px;
    top: 15px;
	}
.content .dsj .shuxian .hengxian4{
	width: 40px;
    height: 18px;
    background-color: #C5B694;
    position: absolute;
    left: 18px;
    top: 15px;
	border-radius: 0px 4px 4px 0px;
	}
.content .dsj .zhou-box{
	width: 460px;
	text-align: left;
    position: absolute;
	}
.content .dsj .zhou-box h4{
    text-align: right;
	margin-right:40px;
	}
.content .dsj .zhou-box .fang{
	margin-right: 10px;
	}
.content .dsj .zhou-box .zhou-word div{
	display: inline-block;
	}
.content .dsj .zhou-box-right{
	text-align: left;
	}
.content .dsj .zhou-box-right h4{
	text-align: left;
	}
.content .dsj .zhou-box .zhou-word{
	width: 400px;
	}
.content .dsj .position1{
	top: 0px;
    right: 35px;
	}
.content .dsj .position2{
	top:0px;
	left:80px;
	}
.content .dsj .img{
	width: 1024px;
    margin: 0 auto;
	margin-top: 40px;
}
/***************************************   dsj  end      *****************************************/
/***************************************   contact  start      *****************************************/
.content .container .h4height{
	margin-bottom:20px;
	}
.content .container .contact-ul{
	margin-top: 10px;
    position: relative;
	}
.content .container .contact-ul li{
	line-height: 40px;
	}
.content .container .contact-ul li:nth-last-child(1){
	position: absolute;
    top: 0px;
    right: 80px;
	}
.content .container .contact-ul li img{
	width: 20px;
    vertical-align: middle;
    margin: 0px 5px;
	}
.content .container .contact-ul li .time{
	margin-left: 120px;
	}
.content .map{
	width: 100%;
	margin:24px 0px;
	border-top: 1px solid #DCD8BF;
    border-bottom: 1px solid #DCD8BF;
	box-shadow: 0px 5px 5px 0px #E6E8E5;
	}
/***************************************   contact  end      *****************************************/
/***************************************   floor guidebook  start      *****************************************/
.content .container .guide-ul{
	text-align: center;
	padding-bottom: 25px;
	border-bottom:1px solid #E1E1E1;
	}
.content .container .guide-ul li{
	display:inline-block;
	margin: 0px 20px;
	padding: 14px 16px;
	background-color:#C6B694;
	transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
	cursor:pointer;
	}
.content .container .guide-ul .act{background-color:#A7161D;}

.content .container .f1-title{
	margin-top: 20px;
	margin-bottom: 20px;
 	font-weight: bold;
	}
.content .container .f1-title .f1-1f{
	width: 28%;
	font-weight: bold;
	text-align: right;
	display: inline-block;    
	vertical-align: middle;
	}
.content .container .f1-title .shu{
	height: 55px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 2%;
    border: 2px solid #A7161D;
	}
.content .container .f1-title .f1-right{
	width: 50%;
	display: inline-block;
	vertical-align: 14px;
	}
.content .container .f1-title h4{
	display: inline-block;
	margin: 10px 5px;
	}
.content .container .f1-img{
	width: 100%;
	}
.content .container .brand{
	text-align: center;
	margin: 10px 0px;
	}
.content .container .brand img,.content .container .brand .brand-title{
	display: inline-block;
	vertical-align: middle;
	}
.content .container .brand-ul{
	text-align: center;
    margin: 40px 0px;
	}
.content .container .brand-ul li{
	width: 10%;
	display: inline-block;
	margin: 0px 1%;
	}
.content .container .brand-ul li img{
	width: 100%;
	}
/***************************************   floor guidebook  end      *****************************************/
/***************************************   investor relation  start      *****************************************/
.content .container .nav-ul{
	text-align: center;
	padding: 24px 0px 16px 0px;
	border-bottom:1px solid #E1E1E1;
	}
.content .container .nav-ul li{
	display:inline-block;
	}
.content .container .nav-ul li a{
	height: 40px;
    line-height: 40px;
	display:inline-block;
	margin: 0px 30px;
	padding: 0px 20px;
	color:#ffffff;
	background-color:#BAA77C;
	border: 1px solid #BAA77C;
	transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
	}
.content .container .nav-ul li a:hover{
	color:#BAA77C;
	background-color:#ffffff;
	}
.content .container .nav-ul li .act{
	display: inline-block; 
	color:#BAA77C;
	background-color:#ffffff;
}
.content .container .table{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	}
.content .container .table tr th{
	text-align: center;
	height:40px;
	line-height:40px;
	background-color:#BAA77C;
	}
.content .container .table tr td {
	text-align: center;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #BAA77C;
	}
.content .container .table tr .shuxian {
	position: relative;
	}
.content .container .table tr .shuxian div{
	width:1px;
	height:20px;
	background-color:#ffffff;
	position: absolute;
	top: 10px;
    left: 0;
	}
.content .container .table tr th:first-child{
	width: 80%;
	}
.content .container .table tr td div{
	display: inline-block;
	vertical-align: middle;
	}
.content .container .table tr td img{
	display: inline-block;
	vertical-align: middle;
	}
.content .container .security{ 
	margin: 50px 0px;
	}
.content .container .governance{ 
    font-size: 16px;
	color: #555555;
	margin: 50px 0px;
	}
.content .container .governance li a{ 
    width: 90%;
	height: 60px;
    line-height: 60px;
	display: inline-block; 
	color: #555555;
	transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
	}
.content .container .governance .li1 a{ 
	color: #ffffff;
	}
.content .container .governance li span{ 
    width: 10%;
	height: 60px;
    line-height: 60px;
	display: inline-block;
	}
.content .container .governance li a .governance-img{ 
    vertical-align: middle;
    margin: 0px 10px;
	}
.content .container .governance .li1 {   
	background-color: #C6B694;
	}
.content .container .mailbox{
	margin:50px 0;
	padding:40px;
    border: 1px solid #cccccc;
	}
.content .container .mailbox .mb-left{
	width: 30%;
    text-align: center;
	}
.content .container .mailbox .mb-right{
	width: 70%;
	font-size: 16px;
	color: #555555;
	}
.content .container .mailbox .mb-right li{
	height: 40px;
    line-height: 40px;
	}
/***************************************   investor relation  end      *****************************************/

/***************************************   information  start      *****************************************/
.content .container .information-ul1{
	margin: 20px 0px;
	}
.content .container .information-ul1 li{
	width: 48%;
	height:270px;
	display: inline-block;
	position:relative;
	overflow: hidden;
	}
.content .container .information-ul1 li .a-hover,.content .container .information-ul2 li .a-hover { 
	position:absolute;
	bottom:-10px; 
	width:80%; 
	line-height:24px; 
	text-align: center;
	padding: 0% 10%;
	height:0px;  
	background-color:rgba(225,225,225,0.8); 
	transition: height .3s; 
	-moz-transition:height .3s; /* Firefox 4 */ 
	-webkit-transition: height .3s; /* Safari 和 Chrome */ 
	-o-transition: height .3s; /* Opera */
	z-index:100
	}
.content .container .information-ul1 li .a-hover .san-hover,.content .container .information-ul2 li .a-hover .san-hover{
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:10px solid rgba(225,225,225,0.8);
	border-left:6px solid transparent;
	position: absolute;
    top: -16px;
    left: 50%;
	}
.content .container .information-ul1 li:hover .a-hover,.content .container .information-ul2 li:hover .a-hover{
	height:160px;
	}
.content .container .information-ul1 li h4,.content .container .information-ul2 li h4{
	line-height: 60px;
	}
.content .container .information-ul1 li:nth-last-child(1){
	margin-left: 4%;
	}

.content .container .information-ul1 li a,.content .container .information-ul2 li a{
	width: 100%;
	height:100%;
	display: inline-block;
	position:relative;
	overflow: hidden;
	}
.content .container .information-ul1 li .a1{
	background: url(../images/in-1.jpg) no-repeat center;
	background-size: 100%;
	}
.content .container .information-ul1 li .a2{
	background: url(../images/in-2.jpg) no-repeat center;
	background-size: 100%;
	}
.content .container .information-ul2{
	margin: 40px 0px;
	}
.content .container .information-ul2 li{
	width: 32%;
	height:400px;
	display: inline-block;
	overflow: hidden;
	margin-right: 2%;
	}
.content .container .information-ul2 li:nth-last-child(1){
	margin-right: 0px;
	}
.content .container .information-ul2 li .ul2-a1{
	background: url(../images/in-3.jpg) no-repeat center;
	background-size: 100%;
	}
.content .container .information-ul2 li .ul2-a2{
	background: url(../images/in-4.jpg) no-repeat center;
	background-size: 100%;
	}
.content .container .information-ul2 li .ul2-a3{
	background: url(../images/in-5.jpg) no-repeat center;
	background-size: 100%;
	}
.content .information-page{
	width: 100%;
	text-align: center;
	position: absolute;
    bottom: 20px;
   
	}
.content .information-page li,.content .information-page div,.content .information-page div a{
	display: inline-block;
	vertical-align: middle;
	}
.content .information-page div{
	margin: 10px 20px;
	}
.content .information-page li a{
	padding: 4px 10px;
    margin: 0px 4px;
	display: inline-block;
	}
.content .information-page li a:hover{
    color: #ffffff;
    background-color: #a38b51;
    transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
	}
.content .information-page li .a-act{
    color: #ffffff;
    background-color: #a38b51;
    transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
	}
.content .information-page .up{
      width:0;
	  height:0;
	  border:9px solid transparent;
	  border-right:9px solid #a38b51;
	  }
.content .information-page .down{
      width:0;
	  height:0;
	  border:9px solid transparent;
	  border-left:9px solid #a38b51;
	}
/***************************************   information  end      *****************************************/
/***************************************   information-details  start      *****************************************/
.content .container .infor-details{
    margin-bottom: 30px;
	}
.content .container .infor-details .infor-title{
    text-align: center;
	line-height: 45px;
	}
.content .container .infor-details .xian{
    width: 100%;
	height:4px;
	border-top:1px solid #a38b51;
	border-bottom:5px solid #a38b51;
	}
.content .container .infor-details .time{
    text-align: center;
	}
.content .container .infor-details .time img{
    width: 16px;
	vertical-align: middle;
	display:inline-block;
	}
.content .container .infor-details .time div{
	vertical-align: middle;
	display:inline-block;
	margin-left: 5px;
	}
.content .container .infor-details .time .time-div{
	margin-right: 20px;
	}
.content .container .infor-details .last{
	width:86%;
	margin: 0 auto;
	margin-top: 50px;
	}
.content .container .infor-details .last img{
	width:26px;
	margin: 0px 5px;
	}
.content .container .infor-details .last img,.content .container .infor-details .last div div{
	display: inline-block;
    vertical-align: middle;
	}
.content .container .container-about .last{
	width:86%;
	margin: 0 auto;
	margin-top: 50px;
	}
.content .container .container-about .last img,.content .container .container-about .last div div{
	display: inline-block;
    vertical-align: middle;
	}
/***************************************   information-details  end      *****************************************/
/***************************************   trends  start      *****************************************/
.content .trends {
    width: 1214px;
	margin: 0 auto;
	padding-bottom: 80px;
}
.content .trends .guide-ul{
	text-align: center;
	}
.content .trends .guide-ul li{
	display: inline-block;
	margin: 40px 30px 0px 30px;
	cursor:pointer; 
	}
.content .trends .guide-ul li:hover{
	color: #A38A51;
	}
.content .trends .guide-ul .act{
	color: #A38A51;
	}
.content .trends .trends-ul{
	margin: 20px 0px;
	}
.content .trends .trends-ul li{
	width: 27%;
	height:250px;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	margin: 1% 3%;
	border-bottom: 1px solid #a38b51;
	}
.content .trends .trends-ul li .a-hover { 
	position:absolute;
	bottom:-39%; 
	width:90%; 
	line-height:24px; 
	text-align: center;
    padding: 4% 5%;
	height:0px;  
	background-color:rgba(225,225,225,0.8); 
	transition: height .3s; 
	-moz-transition:height .3s; /* Firefox 4 */ 
	-webkit-transition: height .3s; /* Safari 和 Chrome */ 
	-o-transition: height .3s; /* Opera */
	z-index:100;
	}
.content .trends .trends-ul li .a-hover .san-hover{
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:10px solid rgba(225,225,225,0.8);
	border-left:6px solid transparent;
	position: absolute;
    top: -16px;
    left: 50%;
	}
.content .trends .trends-ul li:hover .a-hover{
	height:155px;
	}
.content .trends .trends-ul li a .ul-div{
	width: 100%;
	height:80%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	}
.content .trends .trends-ul li a .ul-title{
	line-height:40px;
	}
.content .trends .trends-ul li .ul-img1{
	background: url(../images/in-3.jpg) no-repeat center;
	background-size: 100%;
	}
.content .trends .trends-ul li .ul-img2{
	background: url(../images/in-4.jpg) no-repeat center;
	background-size: 100%;
	}
.content .trends .trends-ul li .ul-img3{
	background: url(../images/in-5.jpg) no-repeat center;
	background-size: 100%;
	}
/***************************************   trends  end      *****************************************/
/***************************************   brandstory  start      *****************************************/
.content .container .brandstory{
	margin: 15px 0px 30px 0px;
	}
.content .container .brandstory li .bs-img{
	width: 44%;
	height:250px;
	display: inline-block;
	vertical-align: middle;opacity: .7;
	transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
	}
	.content .container .brandstory li:hover .bs-img{
	opacity: 1;
	}
.content .container .brandstory li .bs-div{
	width: 50%;
	display: inline-block;
	}
.content .container .brandstory li .bs-t{
	vertical-align: top;
	}
.content .container .brandstory li .bs-b{
	vertical-align: bottom;
	}
.content .container .brandstory li .bs-div .bs-xian{
	width: 100%;
	border-top:1px solid #a38b51;
	margin: 30px 0px;
	}
.content .container .brandstory li .bs-div .bs-box{
	width: 45%;
	height: 110px;
	line-height: 24px;
	background-color: #d2d2d2;
	padding: 20px 20px 20px 60px;
	}
.content .container .brandstory li .bs-div .bs-padding{
	padding: 20px 60px 20px 20px;
	}
.content .container .brandstory li .bs-div .bs-box h4{
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	}
.content .container .brandstory li .fm1{
	background: url(../images/1.jpg) no-repeat center;
	background-size: auto 100%;
	margin-left: 6%;
	}
.content .container .brandstory li .fm2{
	background: url(../images/fengmian2.jpg) no-repeat center;
	background-size: 100%;
	margin-right: 6%;
	}
.content .container .brandstory li .fm3{
	background: url(../images/3.jpg) no-repeat center;
	background-size: auto 100%;
	margin-left: 6%;
	}
/***************************************   brandstory  end      *****************************************/
/***************************************   brand  start      *****************************************/
.content .banner-brand{
	width: 100%;
	background: url(../images/banner-about.jpg) center;
    background-size: cover;
	overflow: hidden;
	}
.content .banner-brand .mengban{
	width: 100%;
    min-height: 873px;
	padding-top: 120px;
	}
.content .banner-brand .mengban .brand-border{
	width: 800px;
	height: 600px;
	margin:0 auto;
	padding: 10px;
	border:2px solid #ffffff;
	}
/***************************************   brand  end      *****************************************/
/***************************************   membership center  start      *****************************************/
.content .member {
    width: 100%;
    background: url(../images/member.jpg) no-repeat;
	background-position: center 0px;
	background-size: cover;
	position:relative;
	background-color: #000;
}
.content .member .kingimg{
    width: 100%;
    text-align: center;
	position:absolute;
	bottom:30px;
}
.content .member .kong{
    width: 100%;
	text-align: center;
	display: inline-block;
}
.content .member .kong-word{
    width: 100%;
	text-align: center;
    line-height: 24px;
}
.content .member .member-div{
	width: 1024px;
	margin: 0 auto;
	}
.content .member .member-div .p{
	margin-bottom: 20px;
	}
.content .member .member-div .last-p{
	line-height: 24px;
	padding: 20px 0px;
	}
.content .member .member-div .member-table{
	border:1px solid #CCBFA3;
	}
.content .member .member-div .member-table th{
	width: 16%;
	padding:8px;
	text-align: center;
	border:1px solid #ffffff;
	}
.content .member .member-div .member-table td{
	padding:10px;
	vertical-align: top;
	border-left:1px solid #CCBFA3;
	border-right:1px solid #CCBFA3;
	}
.content .member .member-div .member-table tr:nth-last-child(1){
	line-height:24px;
	}
.content .member .member-div .member-table .center{
	vertical-align: middle;
	text-align: center;
	}
.content .member .member-div .member-table .center td img{
	width: 60%;
	}
#scroll{
	position:relative;
	padding-bottom: 140px;
	}
#scroll .scroll-ul .scroll-ulli{
	display:none;
	}
.subl{
	width:60px;
	height:60px;
	position:absolute;
	top:520px;
	left:5%;
	cursor:pointer;
	z-index: 100;
	}
.subr{
	width:60px;
	height:60px;
	position:absolute;
	top:520px;
	right:5%;
	cursor:pointer; 
	z-index: 100;
	}
.content .member .border-color .member-table th {
    border: 1px solid #a38b51;
}
.content .member .border-color .member-table th .scroll-ul li:nth-child(2) th{width:10%}
.content .member .border-color .member-table td{
	border-left:1px solid #a38b51;
	border-right:1px solid #a38b51;
	}
.tr-border{border: 1px solid #a38b51;}
.scroll-ul .scroll-ulli .tr-ul .tr-ulli{
	line-height: 24px;
	list-style-type:square;
	margin-left: 10px;
	}
.scroll-ul .scroll-ulli .tr-ul1 .tr-ulli1{
    list-style-type:square;
	margin-left: 8%;
	}
.scroll-ul .scroll-ulli .tr-ul2 .tr-ulli2{
	width: 44%;
	height: 40px;
	line-height: 20px;
    margin: 2% 2%;
	display: inline-block;
	}
.scroll-ul .scroll-ulli .tr-ul2 .tr-ulli2 div{
	height: 40px;
	display: inline-block;
    vertical-align: middle;
	}
.scroll-ul .scroll-ulli .tr-ul2 .tr-ulli2 .ulli2-div1{
	width: 24%;
	line-height: 40px;
	text-align: center;
	background-color: #a38b51;border:1px solid #a38b51;
	}
.scroll-ul .scroll-ulli .tr-ul2 .tr-ulli2 .ulli2-div2{
	width: 68%;
	padding: 0px 10px;border:1px solid #a38b51;
	}
/***************************************   membership center  end      *****************************************/

/***************************************   tzzgx  start      *****************************************/
.tzzgx{
	box-sizing: border-box;
}
.tzzgx_ul{
	display: inline-block;
    vertical-align: top;
    width: 114px;
	height: 440px;
    text-align: center;
    background-color: #EDE8DC;
    padding: 10px 15px;
    margin-right: 15px;
	margin-top: 55px;
}
.tzzgx_ul li{
	font-size: 16px;
    font-weight: 600;
    color: #333333;
    padding: 10px 5px;
    border-bottom: 1px dotted #B49F71; 
    cursor: pointer;
}
.tzzgx_ul li.act{
	color: #795503;
}
.tzzgx_ul li:hover{
	color: #795503;
	transition: all .5s; 
	-moz-transition:all .5s; /* Firefox 4 */ 
	-webkit-transition: all .5s; /* Safari 和 Chrome */ 
	-o-transition: all .5s; /* Opera */
}
.tzzgx_ul li:nth-last-child(1){ 
    border-bottom: 0px; 
}
.tzzgx .f{
	display: inline-block;
    vertical-align: top;
    width: calc(1024px - 160px);
} 
.tzzgx_top{
    height: 26px;
	font-size: 16px;
    font-weight: 600;
	color: #715A28;
    margin: 24px 0px 0px 170px;
}
.tzzgx_table{
	margin-top: 10px;
}
.tzzgx table{
	width: 100%; 
	font-size: 16px;
}
.tzzgx table tr th:nth-child(1),.tzzgx table tr td:nth-child(1){
	width: 40%;
	padding-left: 70px;
}
.tzzgx table tr th:nth-child(2),.tzzgx table tr td:nth-child(2){
	width: 40%; 
	padding-left: 30px;
}
.tzzgx table tr th:nth-child(3){
	width: 20%;
}
.tzzgx table tr{
	height: 46px;
}
.tzzgx table tr:hover{
	background-color: #F8F6F1;
}
.tzzgx table th{
    font-weight: 600;
    color: #60460D; 
    border-bottom: 2px solid #E4DDCC;
	word-break:break-all
}
.tzzgx table td{ 
    border-bottom: 1px dashed #E4DDCC;
}
.tzzgx_to{
	color: #93815B;
	cursor: pointer;
}
.tzzgx_to:hover{
	font-weight: 600;
	transition: all .5s; 
	-moz-transition:all .5s; /* Firefox 4 */ 
	-webkit-transition: all .5s; /* Safari 和 Chrome */ 
	-o-transition: all .5s; /* Opera */
}
.tzzgx_mengban{
	display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100; 
	width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.3);
}
.tzzgx_tc{ 
	position:absolute;
	left: 50%;
	top: 50%;
	width: 670px;
	height: 480px;
	transform: translate(-50%,-50%);
	background-color: #ffffff;
	border-radius: 10px;
    box-shadow: 0px 0px 9px #444141;
}
.tc_head{ 
    position: relative; 
    height: 68px; 
    padding: 0px 30px;
    border-bottom: 2px solid #C4B48F;
}
.tc_head_icon{
	display: inline-block;
    vertical-align: middle;
    width: 22px;
    margin-right: 5px;
}
.tc_head_icon img{
	width: 100%;
}
.tc_head_name{
	display: inline-block;
    vertical-align: middle;
    line-height: 68px;
    color: #4A2A00;
    font-size: 24px;
}
.tc_close{
	position: absolute;
	top: 24px;
    right: 30px;
    width: 22px;
	cursor: pointer;
}
.tc_close img{
	width: 100%;
	animation:action_fan .8s;
	-webkit-animation:action_fan .8s; /*Safari and Chrome*/
}
.tc_close:hover img{ 
	animation:action .8s;
	-webkit-animation:action .8s; /*Safari and Chrome*/
} 
@keyframes action{
	100%{
		transform:rotate(180deg);
		-ms-transform:rotate(180deg); 	/* IE 9 */
		-moz-transform:rotate(180deg); 	/* Firefox */
		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
		-o-transform:rotate(180deg); 	/* Opera */
	}
}
@-webkit-keyframes action /*Safari and Chrome*/
{
	100%{
		transform:rotate(180deg);
		-ms-transform:rotate(180deg); 	/* IE 9 */
		-moz-transform:rotate(180deg); 	/* Firefox */
		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
		-o-transform:rotate(180deg); 	/* Opera */
	}
}
@keyframes action_fan{
	100%{
		transform:rotate(-180deg);
		-ms-transform:rotate(-180deg); 	/* IE 9 */
		-moz-transform:rotate(-180deg); 	/* Firefox */
		-webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
		-o-transform:rotate(-180deg); 	/* Opera */
	}
}
@-webkit-keyframes action_fan /*Safari and Chrome*/
{
	100%{
		transform:rotate(-180deg);
		-ms-transform:rotate(-180deg); 	/* IE 9 */
		-moz-transform:rotate(-180deg); 	/* Firefox */
		-webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
		-o-transform:rotate(-180deg); 	/* Opera */
	}
}
.tc_body{
	margin: 0px 30px;
}
.tc_body_ti{
	line-height: 60px;
    font-size: 18px;
    font-weight: 600;
    color: #A38A51;
}
.tc_shu{ 
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 20px;
    background-color: #9E8448;
    margin-right: 18px;
}
.tc_body_box{
	position: relative;
	height: 214px;
    line-height: 35px;
    font-size: 16px;
    color: #8A733E;
    background-color: #FFFDF6;
    padding: 12px 22px;
    border: 1px solid #CBBD9B;
	overflow-y: auto;
	word-break:break-all;
}
.tc_body_box_icon{ 
    position: absolute;
    top: -4px;
    right: 20px;
    width: 22px;
}
.tc_body_box_icon img{
	width: 100%;
}
.tc_bottom{ 
    text-align: center;
    padding: 0px 30px;
    margin-top: 28px;
}
.tc_btn{
	height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 600;
    color: #8A733E;
    background-color: #ffffff;
    padding: 0px 36px;
    border-radius: 10px;
    border: 1px solid;
	cursor: pointer;
}
.tc_btn:hover{ 
    color: #ffffff;
    background-color: #8A733E;
	transition: all .3s; 
	-moz-transition:all .3s; /* Firefox 4 */ 
	-webkit-transition: all .3s; /* Safari 和 Chrome */ 
	-o-transition: all .3s; /* Opera */
} 
.boxScroll::-webkit-scrollbar{
	width:8px;
	height:8px;
}
.boxScroll::-webkit-scrollbar-track{
    background: #f9f9f9; 
}
.boxScroll::-webkit-scrollbar-thumb{
    background: #d9d2c1; 
	border-radius: 4px;
}
.boxScroll::-webkit-scrollbar-thumb:hover{
    background: #CBBD9B;
	border-radius: 4px;
}
.boxScroll::-webkit-scrollbar-corner{
    background: #f6f6f6;
}
.tzzgx_shzr{ 
    line-height: 26px;
    font-size: 16px;
	text-indent: 2em;
    color: #666666; 
}
.tzzgx_shzr_ti{ 
    height: 44px;
    line-height: 44px;
    font-weight: 600;
    color: #6B5420;
    text-align: center;
    margin-top: 10px;
	margin-bottom: 22px;
    border-bottom: 2px solid #E4DDCC;
}
.tzzgx_shzr img{
	width: 100%;
	margin: 10px 0px;
}
.tzzgx_fj{  
    margin-top: 20px;
}
.tzzgx_fj a{ 
    color: #573F06; 
}
.tzzgx_hd{
    width: 640px;
    font-size: 16px; 
    margin: 0px auto;
}
.tzzgx_hd_ti{
	height: 40px;
    line-height:40px;
    font-size: 24px;
    color: #333333;
	text-align: center; 
    margin-top: 18px;
}
.inp_div{ 
    margin: 27px 0px;
}
.inp{ 
    width: 100%;
    height: 53px;
    line-height: 53px;
    font-size: 18px;
    padding: 0px 20px;
    border: 2px solid #BBA87E;
    box-sizing: border-box;
	outline: none;
}
.but_div{ 

}
.but{  
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    color: #ffffff;
    background-color: #A38A51;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
	cursor: pointer;
}
input::-webkit-input-placeholder {
	color: #A78F5A;
}
input::-moz-placeholder {/* Firefox 19+ */
	color: #A78F5A;
} 
input:-ms-input-placeholder { /* IE10+ */ 
	color: #A78F5A;   
} 
input:-moz-placeholder { 
	color: #A78F5A;   
} 
.but:hover{ 
    background-color: #8c7747;
}
.tzzgx_hd_txt{ 
    font-size: 18px;
    color: #A68E57;
    text-align: center;
    margin-top: 10px;
}
/***************************************   tzzgx  end      *****************************************/
/***************************************   xwzx  start      *****************************************/
.content .xwzx .trends-ul li {
	height: 280px;
	border-bottom: 0px;
}
.content .xwzx .trends-ul li a .ul-div {
	height: 200px;
	transition: all 0.4s;
}
.xwzx_div{
	position: relative;
	height: 200px;
	overflow: hidden;
}
.xwzx_img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.content .xwzx .trends-ul li:hover .ul-div {
	-ms-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
	transition: all 0.4s;
}
.content .xwzx .trends-ul li a .ul-title {
	height: 50px;
	line-height: 24px;
	text-align: left;
	color: #333;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
}
.content .xwzx .trends-ul li:hover .ul-title{
	color: #1181c4;
	text-decoration: underline;
}
.xwzx_div_day{
	height: 30px;
	line-height: 30px;
	text-align: left;
	margin-top: 5px;
}
.returnList{
	float: right;
}
/***************************************   xwzx  end      *****************************************/