@charset "utf-8";
/* 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; }
.bannerTop {display:block;width:100%;height:auto;}
#nav{ height:60px; width:100%; background:#2ea3dc; 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;}
/*主要内容*/
#main{ max-width:1000px; margin:0 auto; background:#ffffff; width:100%;}
.line1{ overflow:hidden;zoom:1;  background:#1684b9; }
.line1 .left{ width:41%; float:left; background:#eeeeee;padding:15px 1.5% 10px 1.5%; }
.line1 .left img{ float:left; width:116px; padding-right:20px; }
.line1 .left ul li{ font-size:14px; margin-bottom:4px;}
.line1 .left ul li span{ padding-right:5px;}
.line1 .right{ float:right; width:56%;padding:15px 0px 10px 0px; }
.line1 .right div{ padding:0px 3%; overflow:hidden;zoom:1;}
.line1 .right img{ float:left; padding-right:20px;}
.line1 .right p{  padding-top:8px; color:#fff;}
.line1 .right p a{color:#fff;}
.line1 .right p span{ }
.line1 .left h4{ display:none;}
@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) {
	.bannerTop{ display:none;}
#header{ background: url(http://ats.chinataiwan.cn/Topic/2016/lapx/images/npxtops.jpg) no-repeat center; height:284px; }	
.line1 .left h4{font-size:18px; font-weight:700; color:#8b17a1; padding:0px 0px 10px; display:block; }
.line1 .left h4 a{color:#8b17a1;}
.line1 .left{ width:97%; padding-top:15px}
.line1 .right{ display:none;}
/*.line1 .right{ padding:0px; width:100%; padding-bottom:15px; font-size:16px;}
.line1 .right div{ padding:0px 1.5%;}*/
.line1 .left img{ display:none;}
.line1{ padding-top:0px;}
	}
.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;}
.line2 p{  }
/*第三行*/
.line3{ padding:20px 1.5%; overflow:hidden;zoom:1;border-bottom:1px solid #f0f0f0; }
.line3 .left{ float:left; width:46%;}
.line3 .left p{ padding-bottom:5px;}
.line3 .right{ float:right; width:46%; border-left:1px solid #e3e3e3; 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:#8b17a1; padding:0px 0px 10px; display:block; }
.line2 h4 a{color:#8b17a1;}
.line2 img{ display:none;}
.line3 .left{ display:none;}
/*.line3 .left,*/.line3 .right{ width:100%;}
/*.line3 .left{ padding-bottom:15px;}*/
.line3 .right{ border-left:none;}
}
/*第三行*/
.line4{ overflow:hidden;zoom:1;padding:20px 1.5%;}
.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/Topic/2016/lapx/images/ntitbg.jpg) 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:14px; font-weight:300; padding-top:8px;}
.line4 ul li h3 input{ margin-right:5px;}
.clear{ clear:left;}
@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 img{ max-width:100px; 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;}
.clear{ clear:none;}.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;
}
.xw_tp{ background:#e4e4e4; padding:7px 0px; text-align:center;}
.xe_input_1{ background:#none; border:none;background:#c93d3d; font-size:18px;  font-family:"微软雅黑"; height:33px; line-height:33px; width:100px; color:#fff}
.xe_input_2{ background:#none; border:none;background:#136ebb; font-size:18px;  font-family:"微软雅黑"; height:33px; line-height:33px; width:100px; color:#fff}
.xw_info{  padding:20px 0px;}
.xw_info h3{ background:#cccccc; font-size:14px; line-height:24px; height:24px; color:#F00; font-weight:700; text-align:center;}
.xw_info p { padding:10px 0px 0px;}
.xw_info p span{ display:inline-block;}
.xw_info p span.xw_info_1{ width:235px; text-align:right; font-size:14px; font-weight:700;}
.xw_info p span.xw_info_2{ width: 260px; padding-left:10px; }
.xw_info p span.xw_info_2 input{ width:200px; height:22px; line-height:22px;}
.xw_info p span.xw_info_3{ width: 600px; padding-left:10px; }
.xw_info p span.xw_info_3 input{ width:550px; height:22px; line-height:22px;}
.xw_info p span.xw_info_4{width:80px; text-align:right; font-size:14px; font-weight:700;}
.xw_info h2 { padding:20px 0px 0px 245px;}
#m_wx{ background:#155a9b;}
.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:420px; color:#fff; padding-top:10px;}
.m_wx_box img{ float:left; padding-left:150px;}
@media screen and (min-width: 0px) and (max-width: 460px) {
.xw_in{position: absolute;z-index: 100;left: 1px;top: 13px;}
.xw_info{ padding:20px 1.5%; width:97%}
.xw_info h3{  line-height:24px; height:auto; }
.xw_info p { padding:10px 0px 0px;}
.xw_info p span{ display:block;}
.xw_info p span.xw_info_1{ width:95%; text-align:left; font-size:14px; font-weight:700;}
.xw_info p span.xw_info_2{ width:95%; text-align:left; padding-left:10px; }
.xw_info p span.xw_info_2 input{ width:95%; text-align:left; height:22px; line-height:22px;}
.xw_info p span.xw_info_3{ width:95%; text-align:left; padding-left:10px; }
.xw_info p span.xw_info_3 input{width:95%; text-align:left; height:22px; line-height:22px;}
.xw_info p span.xw_info_4{width:95%; text-align:left; font-size:14px; font-weight:700;}
.xw_info h2 { padding:20px 0px 0px 0px;}
#m_wx{  width:100%}
.m_wx_box{ width:100%;max-width:460px;}
.m_wx_box p{ width:95%;}
.m_wx_box img{ width:55%; padding:10px 10%;}
}
@media screen and (min-width: 460px) and (max-width: 999px) {
.xw_in{position: absolute;z-index: 100;left: 1px;top: 13px;}
.xw_info{ padding:20px 1.5%; width:97%}
.xw_info h3{  line-height:24px; height:auto; }
.xw_info p { padding:10px 0px 0px;}
.xw_info p span{ display:block;}
.xw_info p span.xw_info_1{ width:95%; text-align:left; font-size:14px; font-weight:700;}
.xw_info p span.xw_info_2{ width:95%; text-align:left; padding-left:10px; }
.xw_info p span.xw_info_2 input{ width:95%; text-align:left; height:22px; line-height:22px;}
.xw_info p span.xw_info_3{ width:95%; text-align:left; padding-left:10px; }
.xw_info p span.xw_info_3 input{width:95%; text-align:left; height:22px; line-height:22px;}
.xw_info p span.xw_info_4{width:95%; text-align:left; font-size:14px; font-weight:700;}
.xw_info h2 { padding:20px 0px 0px 0px;}
#m_wx{  width:100%}
.m_wx_box{ width:100%;max-width:769px;}
.m_wx_box p{ width:95%;}
.m_wx_box img{ width:55%; padding:10px 10%;}	
	}
/*页尾*/
#footer{ width:100%; background:#e3e3e3;}
#footer a{ color:#000; text-decoration:none;}
#footer a:hover{color:#ff8500;}
#footer div{ width:100%; margin:0 auto; max-width:1000px; padding:10px 0px; overflow:hidden;zoom:1;background:url(http://ats.chinataiwan.cn/homepage/images/tw_logo_bottom.gif) no-repeat center left; font-size:12px;*width:1000px;}
#footer div p{ text-align:right;}
#footer div p img{vertical-align:middle; display:inline; padding-right:8px;}
#footer div p span{ padding-right:5px;}
#footer ul{ text-align:right; padding:5px 0px 10px; }
#footer ul li{ display:inline; }
#footer ul li a{ padding:0 5px; border-right:1px solid #000;}
.ft-logo{ display:none;}
@media screen and (min-width: 0px) and (max-width: 979px) {
	#footer{ background:#dedede;}
	#footer div{ background:none; font-size:14px;}
	#footer div p{ display:none;}
	#footer ul{ border-bottom:1px solid #c8c8c8; text-align:center; padding:10px 0px 15px;}
	#footer ul li{ display:inline-block;}
	#footer ul li a{ border-right:1px solid #777878; color:#777878;}
	#footer ul li:last-child{ display:none;}
	#footer ul li:nth-child(7) a{ border:none;}
	.ft-logo{ display:block; border-top:1px solid #eaeaea; text-align:center; padding:20px 0px 35px;}
	.ft-logo img{ display:inline;}
		}
@media screen and (min-width: 980px) and (max-width: 999px) {
	#footer div{ width:96%}
	}
/**********ie8含以下**********/	
.ie8 #footer div,.ie8 #nav div{ width:1000px;}