@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; }
.bannerTop {display:block;width:100%;height:auto;}
#nav{ height:60px; width:100%; background:#ffb81d; line-height:60px; font-size:22px;}
#nav div{max-width:1000px;width:100%; margin:0 auto; text-align:center;} 
#nav span{ color:#8b17a1; font-weight:700; padding:0px 4%;}
#nav span a{ color:#8b17a1;}
/*主要内容*/
#main{ max-width:1000px; margin:0 auto; background:#ffffff; width:100%;}
.line1{ overflow:hidden;zoom:1; padding:35px 0px 10px 0px; border-bottom:1px solid #f0f0f0; }
.line1 .left{ width:49%; float:left; padding:0 1.5%}
.line1 .left img{ float:left; width:164px; padding-right:20px; padding-top:15px;}
.line1 .left ul li{ font-size:14px; margin-bottom:4px;}
.line1 .left ul li span{ padding-right:5px;}
.line1 .right{ float:right; width:48%;}
.line1 .right div{ border:2px solid #ffb81d; padding:10px 3%; overflow:hidden;zoom:1;}
.line1 .right img{ float:left; padding-right:20px;}
.line1 .right p{ font-size:18px; font-weight:700; text-align:center; padding-top:8px; color:#ffb81d;}
.line1 .left h4{ display:none;}
@media screen and (min-width: 0px) and (max-width: 360px) {#nav{ font-size:14px; line-height:40px; height:40px;}
#nav span{ padding:0px 2%}}
@media screen and (min-width: 361px) and (max-width: 480px) {#nav{ font-size:16px; line-height:40px; height:40px;}
#nav span{ padding:0px 2%}}
@media screen and (min-width: 481px) and (max-width: 640px) {#nav{ font-size:18px; line-height:40px; height:40px;}}
@media screen and (min-width: 0px) and (max-width: 640px) {
.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%;}
.line1 .right{ display:none;}
.line1 .left img{ display:none;}
.line1{ padding-top:15px;}
	}
.ie8 #main,.ie8 #nav div{ width:1000px;}
/*第二行*/
.line2{ overflow:hidden;zoom:1;padding:15px 1.5%; color:#414040;border-bottom:1px solid #f0f0f0;}
.line2 img{ float:left; width:164px; padding-right:20px;}
/*第三行*/
.line3{ padding:20px 1.5%; overflow:hidden;zoom:1; }
.line3 .left{ float:left; width:95%; font-size:16px;}
.line3 .right{ float:right; width:52%}
.line3 span{ color:#ffb81d; font-weight:700; font-size:18px;}
@media screen and (min-width: 0px) and (max-width: 640px) {.line2{ display:none;}
.line3 .left,.line3 .right{ width:100%;}
.line3 .left{ padding-bottom:15px;}
}
/*第三行*/
.line4{ overflow:hidden;zoom:1;padding:20px 1.5%;}
.line4 h2{ font-size:26px; font-weight:700; color:#8b17a1; padding:20px 0px 10px; }
.line4 h2 a{ color:#8b17a1;}
.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(../images/fjtitbg.jpg) no-repeat left top; padding:2px 0px 0px 15px;height:38px;}
.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; border:2px solid #0066cc; }
.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: 360px){.line4 ul li{ width:96%; margin:10px 2% 0px; max-width:96%;}
.line4 ul li img{ display:none;}}
@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%;}
.line5{ text-align:center; background:#8b17a1; padding:50px 0px;}
.btn1{ background-color:none;background-color:#ffb81d; border:none; color:#fff; width:116px; height:31px;  font-size:18px; font-weight:700;}
.btn2{ background-color:none;background-color:#616060; border:none; color:#fff; padding:0px 10px; height:31px;  font-size:18px; margin-left:30px; }
/*页尾*/
#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;}