@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px; }
a{color: #404040; 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","Microsoft Yahei",simsun,sans-serif;color: #000;background:#eaeaea;min-width:320px;overflow-x:hidden;-webkit-text-size-adjust:none;}  
img,video {max-width: 100%; height: auto;border:0; }
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标准语法)*/ }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
#header{ background:url(../images/gstop.jpg) center top no-repeat; height:443px; background-size:cover;}
/********搜索********/
.search{ width:1190px; margin:0 auto; padding-top:25px; padding-right:50px;}
.btnGo{ height: 26px; width: 26px; border: none; background: #0e529f url(../images/search.png) center no-repeat; display: block; float: right; position: relative; z-index: 100; cursor:pointer;}
.formW { width:300px; max-width: 0; display: block; float: right; height: 26px; margin-left: -1px; border: none; border-right: 0px solid #dddddd; vertical-align: top; transition: max-width 0.5s ease 0s; position: relative; z-index: 100; overflow: hidden }
.formW .inp { position: absolute; top: 0px; left: 0px; max-width: 300px; width: 100%; color: #bcbcbc; height: 26px; line-height: 26px; text-indent: 8px; font-size: 16px; background: #fff; border: none }
.formW .classify { position: absolute; top: 8px; right: 63px; border: 0; height: 24px; width: 66px; padding-left: 5px; border-left: 1px #dddddd solid; font-size: 16px; color: #adacac }
.formW .btn { position: absolute; top: 0px; right: 0px; cursor: pointer; height: 26px; width: 40px; border: 0; border-right: none; background: #0e529f; font-size: 14px; color:#fff; }
.show { max-width: 91%; }
.ft{ float:right; width:30px; height:26px; line-height:26px; background:#af7612; color:#fff; margin-left:3px; text-align:center;}
.ft a{ color:#fff;}
@media screen and (min-width: 0px) and (max-width: 320px){
.formW{ width:200px;}
.formW .inp{ max-width:200px;}
	 }
@media screen and (min-width: 321px) and (max-width: 640px){
.formW{ width:230px;}
.formW .inp{ max-width:230px;}
	 }
@media screen and (min-width: 0px) and (max-width: 400px){
#header{ background:url(../images/gstop-480.jpg) no-repeat top center; height:158px; background-size:cover;}	
	}
@media screen and (min-width: 401px) and (max-width: 480px){
#header{ background:url(../images/gstop-480.jpg) no-repeat top center; height:180px;background-size:cover; }	
	}
@media screen and (min-width: 481px) and (max-width: 640px){
#header{ background:url(../images/gstop-720.jpg) no-repeat top center; height:250px;background-size:cover;}	
	}
@media screen and (min-width: 641px) and (max-width: 769px){
#header{ background:url(../images/gstop-720.jpg) no-repeat top center; height:296px; background-size:cover;}	
	 }
@media screen and (min-width: 0px) and (max-width: 1030px){
.search{ padding:20px 3% 0; width:94%;}}
@media screen and (min-width: 770px) and (max-width: 1030px){
#header{height:390px;}	
	} 
/********导航********/
#nav{ width:100%; background:#004c99;}
#nav ul{ height:67px; width:1190px; margin:0 auto; text-align:center; }
#nav ul li{ line-height:67px; font-size:18px; display:inline; padding:0px 30px;}
#nav ul li a{ color:#fff;}
@media screen and (min-width: 0px) and (max-width: 640px){
#nav{height:38px; overflow:hidden; /*padding:0 0px 0px 15px;position:relative;*/}
#nav ul{ padding:0px;overflow-x: scroll; -webkit-overflow-scrolling: touch;white-space: nowrap;overflow-y: hidden;width:100%;cursor:pointer; height:58px; }
#nav ul li{ line-height:38px; font-size:16px; padding:0 10px; }	
	}
@media screen and (min-width: 641px) and (max-width: 769px){
#nav ul li{ padding:0 1.2%;}
	}
@media screen and (min-width: 0px) and (max-width: 769px){
#nav ul{ width:100%}
	}
@media screen and (min-width: 770px) and (max-width: 1030px){
#nav ul{ width:100%}	
#nav ul li{ padding:0 2.1%;}
	}
/********标题********/
.tit{ position:relative;}
.tit em{ font-style:normal;}
.tit h2{ text-align:right;background:url(../images/tit_bg.png) repeat-x bottom; overflow:hidden;zoom:1; font-size:14px; line-height:35px; font-weight:300;color:#0155a4;}
.tit h2 a{ color:#0155a4; padding:0px 5px;}
.tit h2 span{ background:#fff; border-bottom:1px solid #9b0009; float:left; font-size:18px; height:34px; padding-right:5px; font-weight:700; padding-left:5px;}
.tit h2 span a{color: #404040; }
.tit h2 i{ float:left; width:13px; background:url(../images/tit_i.png) bottom no-repeat; height:35px}
.tit.y{ position:relative; padding-top:5px;}
.mz{ position:absolute; right:0px; bottom:5px; z-index:800; width:77px;}

ul.list{ padding:15px 0px; font-family:simsun;}
ul.list li{ background: url(../images/listdot.jpg) 0px 10px no-repeat; font-size:16px; padding-left:10px;padding-bottom:6px; overflow:hidden;zoom:1; }
/********友情链接********/
.link{ padding:30px 0px;}
.link ul{ overflow:hidden;zoom:1; padding:20px 0px;}
.link ul li{ float:left; padding-left:10px; padding-bottom:10px; }
.link ul li a{white-space:nowrap;}

/********二维码********/
.code{width:85px;position:fixed;bottom:42px;/*top:530px;*/left:50%;margin-left:600px;}
.code p{ font-size:12px; color:#0f84d1;}
@media screen and (min-width: 0px) and (max-width: 640px){.link{ display:none;}}
@media screen and (min-width: 0px) and (max-width: 1030px){
.link{ padding:20px 0px 0px;}
.code{ position:relative; bottom:0px; left:0px; margin-left:0px; width:100%; background:#fff; padding:0px 2% 15px; margin:0 auto;}
.code ul{ overflow:hidden;zoom:1;}
.code ul li{ float:left; width:45%; text-align:center;}
.code ul li img{ display:inline;}
.code p{ font-size:16px;}
	}
#footer{ width:100%; background:#0155a4; padding:40px 0px; text-align:center; }
#footer .box{ width:1190px; margin:0 auto;}
#footer .box img{}
#footer .box p{ color:#fff; font-size:18px; padding-bottom:15px;}
#footer .box p a{color:#fff;}
#footer .box p span{ padding-left:20px;}
@media screen and (min-width: 0px) and (max-width:480px){
#footer .box p span{ display:block; padding-left:0px;}	
#footer .box p span.c1{ padding-left:69px;}
	}
@media screen and (min-width: 0px) and (max-width: 640px){
#footer{ padding:20px 0px 15px;}
#footer .box p{ font-size:14px; text-align:left; padding-bottom:8px;}
	}
@media screen and (min-width: 0px) and (max-width: 1030px){
#footer .box{ width:96%; padding:0 2%;}
	}
/*翻页*/
.page{text-align:center;font-size:1.0em; line-height:30px; margin:20px 0px;}
.page .obg{padding:0px 8px;line-height:24px;border:1px solid #d7d7d7;background:#f5f5f5; display:inline-block; }
.page .fonttype{padding:0px 8px;line-height:24px;border:1px solid #0c6ddd;background:#0c6ddd;border:1px solid #0c6ddd;background:#0c6ddd; color:#fff; display:inline-block;color:#fff;}

#topcontrol{width:40px;height:40px;border-radius:50%;cursor:pointer;background:rgba(0,0,0,0.1); background-size: 100% auto;transition:background-color 0.3s ease 0s;opacity:0;}
#topcontrol:hover {background-color:rgba(0,0,0,0.3);}
@media screen and (min-width: 0px) and (max-width: 1030px){
#topcontrol{ display:none;}
	}