@charset "gb2312";
/* CSS Document */
*{margin:0px;padding:0px; }
a{color: #515151; 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:'Microsoft Yahei',simsun,simhei,Arial,'Heiti SC',sans-serif;color: #000;background:#f0f0f0;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%;}
#header{ background:#316fc4; }
#header .bannerTop{display:block;width:100%;height:auto;}
#nav{ height: 60px; width: 100%; background: #0473ad; line-height: 60px; font-size: 22px; }
#nav div{max-width:1000px;width:100%; margin:0 auto; text-align:center;} 
#nav span{ color:#fff; font-weight:300; padding:0px 2%;}
#nav span a{ color:#fff;}
#header .bannerTops{display:none;}
/*主要内容*/
#main{ max-width:1000px; margin:0 auto; background:#ffffff; width:100%;}
.line3 .left,.line3 .right{margin-bottom:-9999px;padding-bottom:9999px;}
.line3 .left{ width:41%; float:left;  padding-left:0%;  }
.line3 .left img{ float:left; width:116px; padding-right:20px; }
.line3 .left h4{display: none;}
.line3 .left ul li{ font-size:14px; margin-bottom:4px;}
.line3 .left ul li span{ padding-right:5px;}
@media screen and (min-width: 0px) and (max-width: 360px) {#nav{ font-size:12px; line-height:40px; height:40px;}
#nav span{ padding:0px 1.5%}}
@media screen and (min-width: 361px) and (max-width: 480px) {#nav{ font-size:14px; line-height:40px; height:40px;}
#nav span{ padding:0px 1%}}
@media screen and (min-width: 481px) and (max-width: 640px) {#nav{ font-size:16px; line-height:40px; height:40px;}}
@media screen and (min-width: 0px) and (max-width: 640px) {
	#nav{ position:fixed; top:0px;}
	#header .bannerTops{ display:block; width:100%; margin-top:40px;}
	#header .bannerTop{ display:none;}
	}

.ie8 #main,.ie8 #nav div{ width:1000px;}
/*第二行*/
.line2{ overflow:hidden;zoom:1;padding:15px 1.5%; color:#414040;background:#f9f9f9;}
.line2 img{ float:left; width:116px; padding-right:20px;}
.line2 h4{ display:none;}
/*第三行*/
.line3{ padding:20px 1.5% 10px; overflow:hidden;zoom:1; }
.line3 .left{ float:left; width:46%;}
.line3 .left p{ padding-bottom:5px;}
.line3 .right{ float:right; width:46%; border-left:1px solid #bd0012; padding-left:4%}
.line3 .right img{ float:left; width:95px; padding-right:20px; }
.line3 span{ color:#ffb81d; font-weight:700; }
@media screen and (min-width: 0px) and (max-width: 640px) {.line2{ }
.line2 h4{font-size:18px; font-weight:700; color:#000; padding:0px 0px 10px; display:block; }
.line2 h4 a{color:#000;}
.line2 img{ display:none;}
.line3 .right{ border-left:none;width:100%; padding-top: 10px;}
.line3 .left h4{font-size:18px; font-weight:700; color:#8b17a1; padding:0px 0px 10px; display:block; }
.line3 .left h4 a{color:#000;}
.line3 .left{ width:97%; padding-top:15px}
.line3 .left img{ display:none;}
.line3{ padding-top:0px;}
}
/*第三行*/
.line4{ overflow:hidden;zoom:1;padding:10px 1.5% 20px; margin-top: 10px;border-top:1px solid #bd0012;}
.line4 h2{ font-size:26px; font-weight:700; padding:20px 0px 10px; }
.line4 h2 span{ font-size:12px; padding-left:5px; color:#999596; font-weight:300;}
.line4 h4{ font-size:18px; color:#fff; font-weight:300; background:url(http://ats.chinataiwan.cn/other/2020/sdxw2020/images/ntitbg.png) no-repeat left top; padding:2px 0px 0px 15px;height:38px;}
.line4 h4 span{ padding-left:20px; color:#333; font-size:14px;}
.line4 ul{ overflow:hidden;zoom:1;}
.line4 ul li{ float:left; width:23.5%; margin:15px 0.75%;max-width:235px;}
.line4 ul li img{ display:block; max-width:235px; width:100%; }
.line4 ul li h3{ font-size:16px; font-weight:300; padding-top:8px;}
.line4 ul li h3 input{ margin-right:5px;}
.line4 ul li:nth-child(4n+1){clear:left;}
.line5{ text-align: center; background: #a7010e; padding: 50px 0px; }
.btn1{ background-color: none; background-color: #ffffff; border: none; color: #a7010e; width: 116px; height: 31px; font-size: 18px; font-weight: 700; }
.btn2{ background-color: none; background-color: #91010c; border: none; color: #fff; padding: 0px 10px; height: 31px; font-size: 18px; margin-left: 30px; }
@media screen and (min-width: 0px) and (max-width: 320px){.line4 ul li{ width:96%; margin:10px 2% 0px; max-width:96%;}
.line4 ul li img{ display:none;}}
@media screen and (min-width: 321px) and (max-width: 360px){.line4 ul li{ width:96%; margin:10px 2% 0px; max-width:96%;}
.line4 ul li img{ max-width:80px; float:left; margin-right:10px;}	}
@media screen and (min-width: 361px) and (max-width: 499px){
.line4 ul li{ width:96%; margin:10px 2% 0px; max-width:96%;}
    .line4 ul li h3{padding-top:0px;}
.line4 ul li img{ max-width:150px; float:left; margin-right:10px;}	
	}
@media screen and (min-width: 500px) and (max-width: 640px){
	.line4 ul li{ width:30.66%;}
	.line4 ul li:nth-child(3n+1){ clear:left;}
}
@media screen and (min-width: 0px) and (max-width: 640px){
.line4{ padding-top:0px;}
.line4 ul li:nth-child(4n+1){ clear:none;}
.line4 ul li:nth-child(3n+1){ clear:left;}
.line4 h2{ font-size:22px;}
	}
.ie8 .line4 ul li{ height:240px;width:23.5%;}
.xw_in{
	position: absolute;
	z-index: 100;
	left: 1px;
	top: 13px;
}
#m_wx{ background:#0473ad;}
.m_wx_box{ margin:0 auto; width:1000px;position: relative; z-index: 1; overflow:hidden; zoom:1; padding:15px 0px;}
.m_wx_box p{ float:left; width:42%; color:#fff; padding-top:10px; padding-left: 2%;}
.m_wximg{float:left;text-align: center; width:55%; }
.m_wximg img{ display: inline-block; width:108px; height: 108px;  }
.m_wximg img:nth-child(1){padding-right:40px;}
@media screen and (min-width: 0px) and (max-width: 460px) {
#m_wx{  width:100%}
.m_wx_box{ width:100%;max-width:460px;}
.m_wx_box p{ width:95%;margin: 0 auto; float: none; padding-left: 0px; }
.m_wximg{ width: 100%; float: none;}
 .m_wximg{ width: 100%; float: none; margin-top: 15px;}
}
@media screen and (min-width: 460px) and (max-width: 999px) {
#m_wx{ width:100%}
.m_wx_box{ width:100%;max-width:769px;}
.m_wx_box p{ width:95%;margin: 0 auto; float: none; }
 .m_wximg{ width: 100%; float: none; margin-top: 15px;}
	}
/*页尾*/
/*footer_begin*/
div#footerG {position:relative;width:100%;margin:0 auto;padding:20px 0 34px;font-size:0.875rem;font-size:14px;font-family:simsun;color:#757373;background:#f0f0f0;z-index:2147483641;}
div#footerG>div {width:900px;margin:0 auto;overflow:hidden;}
div#footerG>div img {float:left;margin:0 14px 0 0;}
div#footerG>div p a {display:inline-block;color:#757373;}
/*footer_end*/
/*mobileFooter_begin*/
div#footer {display:none;padding:26px 12% 25px;font-size:16px;color:#787878;text-align:center;background:#f1f1f1;}
div#footer ul.fList {margin:0 auto 26px;font-size:18px;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;}
@media screen and (max-width:768px){
/*footer_begin*/
div#footerG {display:none;}
/*footer_end*/
/*mobileFooter_begin*/
div#footer {display:block;}
/*mobileFooter_end*/
}
@media screen and (max-width:655px){
div#footer ul.fList {margin:0 auto 10px}
}
@media screen and (max-width:480px){  
div#footer {font-size:12px;}
div#footer ul.fList {font-size:14px;}
div#footer p {font-size:12px;line-height: 2em;}
}