@charset "utf-8";
a{ color:#595757}
a:hover{ color:#dab866; text-decoration:none;}
body{ font-size:15px;color:#595757; margin-top:120px;}
p{ line-height:1.8}
.navbar{ background:#fff; border-radius:0;height:120px; padding-top:30px; margin-bottom:0;}
.navbar-brand{ padding:0;}
.navbar-nav{ margin-top:5px;}
.navbar-nav>li> a{font-size:18px; color:#595757}
.navbar-nav>li a.active,.navbar-nav>li a:hover{ color:#dab866; background:none;}
.navbar-brand img{ max-width:100%}
.part{padding:80px 0;}
.about{ background:url(../images/bg.png) no-repeat center bottom #efeff0; background-size:100%;}
.about h1,.index-news h1{ color:#dab866; margin-bottom:50px}
.about img{ max-width:100%;}
.about-txt{ line-height:1.8; margin-top:50px;}
.about-txt h2{ margin-bottom:20px;}
.about a{color:#dab866;}

.footer{ background:#e6e6e7;padding-top:50px;}
.ft-nav a{display:block; line-height:1.8}
.ft-copy{ border-top:1px dotted #999; padding:30px 0; margin-top:20px;}
.area{ overflow:hidden; margin-top:20px;}
.area h1{ margin-bottom:30px; color:#dab866}
.area .row{ margin:0 -5px;}
.area div a img{ width:100%; display:block;}
.area div.row div{ width:33.333%;  float:left; margin-bottom:10px;}
.area div a{ display:block; margin:0 5px; position:relative; overflow:hidden;}
.area div a p{ position:absolute; left:0; top:0; height:100%; right:0; display:none; background:rgba(218,184,102,0.8); color:#fff; font-size:30px;}
.area div a p img{ max-width:100%; width:auto; margin:15% auto 20px;}
.area div a p span{ font-size:12px; width:80px; height:25px; line-height:25px; border:1px solid #fff; margin:10% auto; display:block}
.area div a:hover p{ display:block;}



.banner{ height:570px;}
.sec-tt{color:#dab866; margin-bottom:30px}
.sec-tt2{ font-size:24px;}
.article{ line-height:2; font-size:15px;}
.article img{ max-width:100%;}

.ct-about{background:url(../images/map.png?v=1.11) no-repeat center top #fff; padding-top:30px;}
.mt30{ margin-top:30px;}

.culture-list{ position:relative; overflow:hidden; width:100%}
.culture-tiem{ position:absolute; left:0;top:0;}
.culture-tiem img{ width:100%;}
.culture-tiem div{ position:absolute; left:0; top:0; bottom:0; padding:20% 10%; right:0; display:none; background:rgba(218,184,102,0.8); color:#fff; font-size:24px;}
.culture-tiem:hover div{ display:block; background:#dab866}
.culture-tiem div h4{ font-size:30px;}
.culture-tiem div p{ margin-top:20px;}
.culture-tiem div span{ display:block; margin-top:50px;}
.static{ position:relative;}


.ys{ padding:50px 0; color:#fff;}
.ys-item{ position:relative; cursor:pointer;}
.ys-item{ width:25%; float:left;}
.ys-item img{max-width:100%}
.ys-item h4{ margin-top:20px; text-align:center; border-left:1px solid #fff;}
.ys-item:first-child h4{ border-left:0;}
.ys-item.active h4{ color:#dab866}
.ys-item.active:after{ position:absolute; left:50%; margin-left:-20px; bottom:-31px; content:'';width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #fff}
.sep-line{ border-bottom:1px solid #fff; height:1px;}
.ys-item-txt{ display:none; line-height:1.6; font-size:14px;}

.arr-btn-group { text-align:center;}
.arr-btn-group a{ font-size:30px; margin:0 10px;color:#998e91; border:1px solid #998e91; border-radius:50%; text-align:center; width:50px; height:50px; line-height:53px; display:inline-block}

.arr-btn-group a:hover{color:#dab866; border:1px solid #dab866; background:#fff}
.sep-line2{border-bottom:2px solid #c9cacb; height:1px;}

.his{ padding:100px 0; color:#595757; position:relative;}
.sep-line2{ position:absolute; top:254px; width:100%; left:0;}
.his .container{position:relative;}
.his-item{ position:relative; cursor:pointer;float:left; z-index:99}
.his h4{ font-size:26px;}
.his-item-txt:before{ position:absolute; left:0; top:60px; content:'';width:12px;height:12px; background:#595757; border-radius:50%; display:block}
.his-item:hover h4{color:#dab866}
.his-item:hover .his-item-txt:before{background:#dab866;}
.his-item-txt{ margin-top:60px;}
.his-btn-group a{ position:absolute; font-size:60px; color:#969393; top:50%; margin-top:-33px;}
.his-btn-group a:hover{color:#dab866;}
.his-btn-group a.his-arr-l{ left:-10%;}
.his-btn-group a.his-arr-r{ right:-10%;}
.his-scorll-w{ overflow:hidden;}
.sub-nav{ text-align:center; margin-bottom:30px;}
.sub-nav a{ display:inline-block; width:25%; color:#595757; font-size:24px;filter:grayscale(100%); 
　　-webkit-filter:grayscale(100%); 
　　-moz-filter:grayscale(100%); 
　　-ms-filter:grayscale(100%); 
　　-o-filter:grayscale(100%); 
　　filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
　　-webkit-filter:grayscale(1)}
.sub-nav a img{ max-width:100%;}
.sub-nav a p{ margin-bottom:20px;}
.sub-nav a.on,.sub-nav a:hover{color:#dab866;-webkit-filter:none;-moz-filte:none;-o-filte:none;-ms-filte:none;filter:none;-webkit-filter:none;}
.sub-nav{ border-bottom:1px solid #eee; padding-bottom:30px;}

.sub-nav2{ padding-bottom:0;}
.sub-nav2 a{ background:#ddddde; width:auto;font-size:22px; padding:0 30px; margin:0 10px; font-size:16px; line-height:40px;height:40px; border-top-left-radius:10px; border-top-right-radius:10px;}
.sub-nav2 a.on,.sub-nav2 a:hover{ background:#dab866; color:#fff}
.sn-2 a{ width:14%}
.article img{ max-width:100%}

.news .news-r{ margin-top:0;}
.news .news-r h3{ color:#dab866;}
.news .news-r i{ font-style:normal; font-size:14px;color:#dab866;}
.news .news-r p{ border-top:1px dotted #ddd; padding-top:10px;}
.index-news-list{ margin-top:15px;border-top:1px dotted #ddd; padding-top:10px;}
.index-news-list a{ display:block; position:relative; line-height:30px; color:#666;}
.index-news-list span{ text-overflow:ellipsis;width:70%;white-space:nowrap; overflow:hidden; display:block; font-size:14px}
.index-news-list i{ position:absolute; right:0;top:0; font-style:normal;}
.form-horizontal .form-group{ margin-left:0; margin-right:0;}
.form-control{ border-radius:0;}
label{ font-weight:normal}
.btn2{ background:#dab866; color:#fff; border-radius:0;}

.hr_tbl{text-align:center; margin-top:20px;}

.hr_tbl .tt td{background:#dab866;height:50px; border:0;color:#fff; font-weight:bold}
.hr_tbl td{border-bottom:1px dashed #ddd; padding:10px 0;}


.pagination>li>a, .pagination>li>span {color: #dab866;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color:#dab866}

.news-l img{ width:100%; display:block}
.news-l div{ margin-top:10px;}
.news-l div h4{ padding:10px 0;}
.news-l div p{ margin:10px 0 20px; line-height:1.6;}
.news-l div span a{ color:#dab866;}

.news-r{ margin-top:-10px;}
.news-item{overflow:hidden;}
.news-item a{ padding:10px; display:block}
.news-item a:hover{ text-decoration:none; background:rgba(218,184,102,0.1)}
.news-item a h3{ color:#dab866; font-size:20px; position:relative;}
.news-item a h3 span{ display:block; height:1px; width:60px; background:#dab866; margin-top:10px;}
.news-item a:hover .time{ background:#dab866; }
.time{ text-align:center; background:#4d4d4d; color:#fff;font-size:18px;height:120px; line-height:1;}
.time span{ display:block; width:110px; font-size:55px;height:80px; line-height:80px;}
.media-body p{ color:#595757; margin-top:10px;}

.team-item div.inr{ height:100%; color:#555;}
.team-item div.inr div{ padding:10px 20px;text-align: justify;}
.team-item img{width:100%;display:block;}
.team-item div.inr{background:#fff;}
.team-item:hover div.inr{ background:#dab866; color:#fff;}
.team-item:hover div h4{ color:#fff;}

.team-bg{ background:#595757; padding:50px 0;color:#fff;}
.team-bg h1{color:#fff;}
.fzmb-item img{width:100%;}
.fzmb-item div.inr{ height:100%;}

.fzmb-item div.inr{background:#ddddde}
.fzmb-item div.inr div{ padding:10px 20px;text-align: justify;}
.fzmb-item div.inr div h4{color:#dab866; font-weight:bold;}
.fzmb-item:hover div.inr{ background:#dab866; color:#fff;}
.fzmb-item:hover div.inr div h4{ color:#fff;}
.fzmb{ line-height:1.8;}

.carousel-control.left,.carousel-control.right{ background:none;}
.am{ overflow:hidden; display:block}
.am>img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s; width:100%;}
.am:hover>img{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

@media (min-width: 768px){
.modal-dialog {
    width: 800px;
}
}
.form-inline{ margin-bottom:15px;}
.fullbox{display: -webkit-flex;-webkit-align-items: stretch;-webkit-flex-wrap: wrap;display: flex;align-items: stretch;flex-wrap: wrap;}

@media (max-width: 640px){
	.news .news-r h3{ font-size:18px;}
	.culture-tiem div{ padding:10%; display:block;background: rgba(218,184,102,0.3);}
	.navbar{ padding-top: 15px; height:80px;}
	.navbar-brand{margin-left:15px;}
	.navbar-brand img{ height:50px; }
	
	.navbar-toggle{ border-color:#666;}
	.navbar-toggle .icon-bar{ background:#666}
	
	.navbar-nav{ background:#333; margin-top:12px; padding:10px 0;}
	.navbar-nav>li> a{ color:#fff;}
	
	.culture-tiem{ width:100%;}
	.about-pic,.culture-tiem{ margin-bottom:10px;}
	.ft-copy .text-right{ text-align:left;}
	body{margin-top:80px;}
}
@media (max-width: 1000px){

.area div.row div{ width:100%;}
.sub-nav2 a{ padding:0 10px; margin:0 5px;}
.news .news-r{ margin-top:10px;}
.navbar{ z-index:99;}
body{ font-size:13px;}
.part{ padding:20px 0;}
.about h1, .index-news h1{ font-size:20px;}
.banner{ height:180px}

.sec-tt{ font-size:20px;}
.sub-nav a{ font-size:14px;}
.sub-nav a img{ width:50%;}
.sub-nav a p{ margin-bottom:10px;}
.ft-nav{ display:none;}

h2 {font-size:18px;}
.about-txt h2{ margin-bottom:10px;}
.area div a p{ font-size:20px;}
.area div a p img{ width:40px; margin:15% auto 10px;}

.ct-about{ background-size:100%; background-position:top center;}
.ys-item img{ width:35px;}
.ys-item h4{ font-size:12px;}
.news-r{ margin-top:10px;}
.news-item a{ padding:0;}
.news-item a h3{ font-size:14px;}
.media-body p{ line-height:1.6;}

.his-btn-group a.his-arr-l{ left:10px;}
.his-btn-group a.his-arr-r{ right:10px;}
.his-scorll-w{ margin:0 40px;}
.his-btn-group a{ font-size:24px;margin-top:-12px;}
.his h4{ font-size:16px;}
.his-item-txt{ margin-top:40px;}
.his-item-txt:before{ top:40px;}
.sep-line2{ top:165px;}
.his-item-txt:before{ width:8px; height:8px;}

.culture-tiem div h4{ font-size:20px;}
.culture-tiem div p{ font-size:14px;}
.ys-item h4{ padding:0 10px;}
.culture-tiem div span{ font-size:16px;}
.his{ padding-top:50px;}
.media-body p{ font-size:12px;}
.news-item a{ padding:10px 10px 0 10px;}
.modal{ top:10%;}

.sn-2 a{ font-size:10px;}
}