@charset "gb2312";
/* CSS Document */
*{margin:0px;padding:0px; }
a{color: #252525; text-decoration: none;transition: all 0.7s;}
a:hover{color:#ff8500;}
ul,li,ol{ list-style:none;border:none;}
body{font-size:16px;line-height:1.5em;font-family: "Arial Negreta","Arial","Microsoft Yahei","Heiti SC",simsun,sans-serif;color: #000;background:#fff;min-width:320px;overflow-x:hidden;-webkit-text-size-adjust:none;}  
img,video {max-width: 100%; height: auto;border:0; }
img{ display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
div, dl, ul, li, input, textarea { -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ }
/********导航********/
#gsheader img{ width:100%; display:block; }
#gsheader .middle{ display:none}
#gsheader .small{display:none}
@media screen and (min-width: 0px) and (max-width: 480px){
#gsheader .big{display:none}
#gsheader .middle{ display:none}
#gsheader .small{display:block;}
 }
@media screen and (min-width: 500px) and (max-width: 769px){
#gsheader .big{display:none}
#gsheader .middle{ display:block;}
#gsheader .small{display:none}
 }
#gsnav{ width:100%; background:#3d2000;}
#gsnav ul{ height:67px; width:1190px; margin:0 auto; text-align:center; }
#gsnav ul li{ line-height:67px; font-size:18px; display:inline; padding:0px 25px;}
#gsnav ul li a{ color:#fff;}
@media screen and (min-width: 0px) and (max-width: 640px){
#gsnav{height:38px; overflow:hidden; }
#gsnav ul{ padding:0px;overflow-x: scroll; -webkit-overflow-scrolling: touch;white-space: nowrap;overflow-y: hidden;width:100%;cursor:pointer; height:58px; }
#gsnav ul li{ line-height:38px; font-size:16px; padding:0 10px; }	
	}
@media screen and (min-width: 641px) and (max-width: 769px){
#gsnav ul li{ padding:0 1.4%;}
	}
@media screen and (min-width: 0px) and (max-width: 769px){
#gsnav ul{ width:100%}
	}
#main{ overflow:hidden;zoom:1; background:#f1e4c2; padding-bottom:40px;}
.line1{ overflow:hidden;zoom:1; width:100%;max-width:1200px; *width:1158px; margin:40px auto 0px;}
.line1 .left{ width:56.5%; float:left;}
/********焦点图********/
.hiSlider{overflow: hidden;background: #eee;}
.hiSlider-item{float: left;}
.hiSlider-item img{width:100%; display:block;}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:48%;height:53px;width:30px;background:url(../images/hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60)}.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{bottom:0;width:100%;*width:98%;padding:6px 0px 6px 2%;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:18px/2 "Microsoft YaHei",Arial,Tahoma; font-weight:700;}
@media \0screen\,screen\9 {.hiSlider-title{ background:#000; filter:Alpha(opacity=80)}}
.hiSlider-pages{bottom:10px;right:10px;text-align:right}
.hiSlider-pages a{height:8px;width:8px;margin:0 3px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}
.hiSlider-pages a.active{background:#5472BF}
.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
@media screen and (min-width: 0px) and (max-width: 640px){ 
.hiSlider-title{ font-size:16px;}
}
.line1 .hot{ padding-top:20px; }
.line1 .hot h1 a{ font-size: 18px; color: #0047c1; font-weight:300; }
.line1 .hot p a{ font-size:14px; display:block; padding:15px 0px; color:#252525; font-family:simsun;}
.line1 .hot ul{}
.line1 .hot ul li{ background:url(../images/dot.png) no-repeat left 10px; padding-left:15px; padding-bottom:15px; font-size:18px;}
.line1 .hot ul li a{color:#252525;}
.line1 .right{ width:38%; border:1px solid #aeafaf; background:#fff; float:right; padding:20px 0px; }
.line1 .right .tit{ background:url(../images/icon01.png) left center no-repeat; font-size:24px; font-weight:300; margin:10px 11%;padding:10px 0px 10px 60px;}
.line1 .right .box{ padding:20px 11%; font-size:18px;}
.line1 .right .box p{ padding-bottom:14px;}}
@media screen and (min-width: 0px) and (max-width: 639px){
.line1{ padding:0px 10px;}	
.line1 .hot p a{ padding:10px 0;}
.line1 .hot ul{ padding-top:10px;}
.line1 .hot ul li{padding-bottom:6px;}
.line1 .hot{padding-top:10px;}
	}
@media screen and (min-width: 0px) and (max-width: 480px){}
@media screen and (min-width: 0px) and (max-width: 769px){
#main{background:#fff; padding-bottom:0px;}
.line1{ margin-top:20px;}
.line1 .left{ width:100%;}
.line1 .right{ width:100%; border:none;}	
.line1 .right .tit{ margin:10px 0px;}
.line1 .right .box{ padding:20px 0;}
	}
.line2{ width:100%;max-width:1200px; margin:50px auto 0; }
.line2 img{ width:100%; display:block;}
@media screen and (min-width: 0px) and (max-width: 639px){.line2{ display:none;}}
@media screen and (min-width: 0px) and (max-width: 769px){
.line2{ margin-top:0px;}	
	}
.line3{width:100%;max-width:1200px; margin:40px auto 0;}	
.tit2{ background:url(../images/icon02.png) no-repeat left center; font-size:24px; font-weight:300; margin:0 auto; padding-left:50px; line-height:90px; padding-top:5px; width:200px;}
.line3 ul{ overflow:hidden;zoom:1; margin-right:-1.5%; padding-top:20px;}
.line3 ul li{ width:18.5%; margin-right:1.5%; float:left; position:relative; margin-bottom:50px;}
.line3 ul li img{ width:100%;}
.line3 ul li h3{ position:absolute;bottom: 0px;left: 0px;width: 100%;font-weight: 300;overflow: hidden;zoom: 1; 
  background-image:-webkit-linear-gradient( bottom,   
    rgba(0,0,0,0) 0%,     
    rgba(0,0,0,0.2) 20%,  
	rgba(0,0,0,0.4) 60%,     
    rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to bottom,   
    rgba(0,0,0,0) 0%,     
    rgba(0,0,0,0.2) 20%,  
	rgba(0,0,0,0.4) 60%,     
    rgba(0,0,0,0.5) 100%);color:#fff; padding:5px 10px; font-size:16px; font-weight:300;*width:205px;}
.line3 ul li h3 a{ color:#fff;}
@media screen and (min-width: 0px) and (max-width: 639px){ 
.line3 ul{ margin-right:-5%;}
.line3 ul li{ width:45%; margin-right:5%; margin-bottom:25px;}
}
@media screen and (min-width: 640px) and (max-width: 769px){
.line3 ul{ margin-right:-5%;}
.line3 ul li{ width:28.33%; margin-right:5%;}
	}
@media screen and (min-width: 0px) and (max-width: 769px){ 
.line3{ margin-top:20px;}	
.line3 ul li:nth-child(n+7){ display:none;}
	}	
.line4{width:100%;max-width:1200px; margin:40px auto 0px;*width:1200px; padding-bottom:40px; overflow:hidden;zoom:1;}
.line4 .pic{ float:left; width:50%; position:relative;}
.line4 h3{ position:absolute;bottom: 0px;left: 0px;width: 100%;font-weight: 300;overflow: hidden;zoom: 1;/*background-color: rgba(0,0,0,0.5);*/   
  background-image:-webkit-linear-gradient( bottom,   
    rgba(0,0,0,0) 0%,     
    rgba(0,0,0,0.5) 50%,      
    rgba(0,0,0,0.8) 80%);background-image:linear-gradient(to bottom,   
    rgba(0,0,0,0) 0%,     
    rgba(0,0,0,0.5) 50%,      
    rgba(0,0,0,0.8) 80%);color:#fff; padding:5px 10px; font-size:16px; font-weight:300; *width:95%; padding:5px 2.5%;}
.line4 h3 a{ color:#fff;}
ul.piclist{ float:right; width:51%; overflow:hidden;zoom:1; margin-right:-2%}	
ul.piclist li{width:48%; float:left; position:relative; margin-right:2%; margin-bottom:8px;}
ul.piclist li img,.line4 .pic img{width:100%}
@media screen and (min-width: 0px) and (max-width: 769px){ .line4{width:100%;margin-top:20px;padding-bottom:20px;}	
.line4 .pic{ width:100%;}
ul.piclist{ width:102%; float:none; padding-top:20px;}
ul.piclist li{ margin-bottom:20px;}
	}
.line5{ background:#f1e4c2; margin:40px auto 0px; padding:40px 0px;}		
.line5 .box{ width:100%;max-width:1200px; margin:0 auto;*width:1200px;}	
.line5 ul{ overflow:hidden; margin-right:-2.3%}
.line5 ul li{ width:47.7%; float:left; background:#f8f2e1; margin-right:2.3%; height:95px; overflow:hidden; margin-bottom:20px;}
.line5 ul li img{ float:left; margin-right:10px;}
.line5 ul li h3{ font-weight:300; font-size:16px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; padding:10px 5px 9px 0;}
.line5 ul li p{ font-size:14px; font-family:simsun;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-right:5px;}
.more{ width:181px; border:1px solid #d8d7d7; background:#fff url(../images/icon03.png) 115px center no-repeat ; border-radius:20px; line-height:40px; margin:40px auto 20px; text-align:center;}
.more a{ color:#444;}
.line6{ margin-top:40px;}
@media screen and (min-width: 0px) and (max-width: 639px){
.line5{ background:none;}
.line5{ margin-top:0px; padding:20px 0;}
.line5 ul li{ background:none;}
.line5 ul li img{ display:none;}
.line6{ margin-top:20px;}
	}
@media screen and (min-width: 640px) and (max-width: 769px){
.line5 ul li:nth-child(n+7){ display:none;}
.line5{ margin-top:20px; padding:20px 0;}
	}
@media screen and (min-width: 0px) and (max-width: 769px){ 
.line5 ul{ margin-right:0px; }
.line5 ul li{ width:100%;}
	}
/*footer_begin*/
div#footerG {width:100%;margin:0 auto;padding:20px 0 34px;font-size:0.875rem;font-size:14px;font-family:simsun;color:#757373;background:#f0f0f0;}
div#footerG>div {width:900px;margin:0 auto;overflow:hidden;}
div#footerG>div img {float:left;margin:0 14px 0 0;}
/*footer_end*/
/*mobileFooter_begin*/
div#footer {display:none;padding:26px 12% 25px;font-size:1rem;color:#787878;text-align:center;background:#f1f1f1;}
div#footer ul.fList {margin:0 auto 26px;font-size:1.875rem;line-height:1em;overflow:hidden;}
div#footer ul.fList>li {float:left;width:28%;}
div#footer ul.fList>li:last-child {width:16%}
div#footer ul.fList>li a {display:block;border:2px solid #e4e4e4;border-width:0 0 0 2px;color:#444;}
div#footer ul.fList>li:first-child a {border:none;}
div#footer p img.gshLogo {display:inline-block;margin:0 10px 0 0;vertical-align:middle;}