@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","Heiti SC","Microsoft Yahei",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%;}

#header{ background:#316fc4;}
.bannerTop {display:block;width:100%;height:auto;}
#nav{ width:100%; background:#000; height:71px; }
#nav a{ color:#fff;text-decoration: none;}
ul#subSNav {width:1100px;height:auto;margin:0 auto;overflow:hidden;}
ul#subSNav li {float:left;padding:0 3.7%;font-size:20px; height:71px; line-height:71px;}
ul#subSNav li a {color:#FFF; display:block;}
#nav h4{ display:none; text-align:center; line-height:45px; font-size:18px; font-weight:700; color:#fff; }
#enableBtn {float:right;width:22px;height:17px;margin:-31px 10px 0px 0px;display:none;cursor:pointer;background:url(http://ats.chinataiwan.cn/other/hnxt/images/navbtnbg.png) no-repeat;}
@media screen and (min-width: 0px) and (max-width: 640px) {
#nav{ height:auto; position:fixed; top:0px; z-index:1000;background: none;background:#316fc4;}
#header{ margin-top:43px;}
#nav h4,#enableBtn {display:block;}
ul#subSNav {width:100%;padding-left:0%;height:0px;transition:height ease 0.5s; overflow:hidden; overflow:hidden; zoom:1;}
ul#subSNav li{display:block;border-left:none;line-height:35px; height:35px; float:left; text-align:center;  padding:0px; font-weight:300; width:25%; font-size:16px;}
ul#subSNav li a{ color:#fff; display:block; }
ul#subSNav li a:hover{ color:#fff;background:#f7b608;}
#nav h3.eBtn ~ #subSNav {height:70px;}
}
@media screen and (min-width: 641px) and (max-width: 769px) {
	ul#subSNav{ width:100%; }
	ul#subSNav li{ width:12.3%; text-align:center; padding:0px;font-size:18px;}
	}
	
#main{ width:1100px; overflow:hidden;zoom:1; margin:0 auto; }
.line1{ overflow:hidden;zoom:1; padding:20px 0px 0px 0px;}
.line1 .left{ width:58.19%; max-width:640px; float:left;}

/*焦点图*/
#imgShow {position:relative;width:100%;max-height:348px;margin-bottom:5px;overflow:hidden;}
#container {width:100%;height:100%;margin:0 auto;overflow:hidden;white-space:nowrap;}
#container ul {width:400%;white-space:nowrap;display:inline-block;}/*width值：几张图片就是百分之几百。如4张图就是400%*/
#container li {position:relative;display:inline-block;width:25%;overflow:hidden;}
#container img {display:block;width:100%;max-height:355px;border:none;}
#container h3 {position:absolute;bottom:0;width:100%;background-color:#333;font-weight:normal;text-align:center;opacity:0.7;filter:alpha(opacity=70);z-index:100;padding:5px;font-size:0.875em;}
#container h3 a {color:#FFF;}
.arrowL,.arrowR {position:absolute;top:40%;width:50px;height:50px;cursor:pointer;background:url(http://www.chinataiwan.cn/images/btnLeft.v4.png) 50% 50% no-repeat;border-radius:50%;transition-property:background-color;transition-duration:1s;}
.arrowL {left:10px;}
.arrowR {right:10px;background:url(http://www.chinataiwan.cn/images/btnRight.v4.png) 50% 50% no-repeat;}
.btnHover {background-color:#666;opacity:0.6;filter:alpha(opacity=60);}
	
/*第一行右侧*/
.line1 .right{ width:38%; /*max-width:418px;*/ float:right;}
.line1 .right h2{ font-size:20px;}
.line1 .right p{ font-size:14px; padding:15px 0px 20px;}
@media screen and (min-width: 0px) and (max-width: 320px){
	.line1 .right p{ font-size:14px;}
	}
@media screen and (min-width: 321px) and (max-width: 480px){
	.line1 .right p{ font-size:14px;}
	}
@media screen and (min-width: 0px) and (max-width: 640px) {
#main{ width:96%; margin:2% auto;}
.line1{ background:none; padding:10px 0px 0px;} 
.line1 .left{ width:100%;}	
.line1 .right{ width:100%; padding-right:0px;}
.line1 .right p{ height:auto; overflow:auto;}
	}
@media screen and (min-width: 641px) and (max-width: 769px) {
#main{ width:96%; margin:2% auto;}
.line1{ padding-bottom:0px;}
.line1 .left{ width:46.36%;}
.line1 .right{ width:48.18%;}
.line1 .right p{ display:none;}
.line1 .right h2{ font-size:18px; overflow:hidden; padding-bottom:10px;}
	}	
/*第二行*/
.line2{ overflow:hidden;zoom:1; padding-top:40px;}
.lh-tit{ border-bottom:1px solid #8f0000; font-size:18px; line-height:1em; padding:10px 0px; font-weight:700; }
.lh-tit span{ float:left; line-height:1em;margin-right:5px;}
.line2 .leftbox{ width:33%; /*max-width:340px;*/ float:left;}
.line2 .left h3{font-size:16px; padding:20px 0 10px; }
.line2 .left ul li{font-size:14px; background: url(http://ats.chinataiwan.cn/other/hnxt/images/dotblack.jpg) no-repeat 0px 14px; padding:5px 0px 5px 8px; overflow:hidden;}
.line2 .center{ /*width:24.1%;*/width:265px;float:left; padding:0px 5.9% 0;}
.line2 .center ul{ padding-top:15px;}
.line2 .center ul li{width:250px; margin:0 auto; margin:0px auto 15px;position: relative; overflow:hidden;}
.line2 .center ul li a.trans{ display:block; width:100%; max-width:250px; overflow:hidden;margin:0 auto;}
.line2 .center ul li a.trans:hover img{transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04); -webkit-transform:scale(1.04,1.04);}
.line2 .center ul li a.trans img{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;-webkit-backface-visibility: hidden;display:block; width:100%;}
.line2 .center ul li p{ position:absolute; width:96%; bottom:0px; left:0px;background:rgba(0,0,0,0.8); padding:0px 2%; font-size:14px; z-index:3; height:28px; overflow:hidden; }
.ie8 .line2 .center ul li p{ background:#000;filter:alpha(opacity=80);}
.line2 .center ul li p a{ color:#fff; text-decoration:none;}
.line2 .center ul li p a:hover{ color:#fff;}
.line2 .right{ width:31%; /*max-width:340px;*/ float:right;}
.line2 .right .box{ background:#f4e4dd; padding:15px 10px; margin-bottom:5px;}
.tit1{ font-size:18px; font-weight:700; color:#b44b1c;}
.line2 .right .box p{ padding:3px 0px 0px; font-size:14px;}
.line2 .right .box p span{ font-weight:700; color:#b44b1c;}
.line2 .right ul{ padding:10px 0px 0px;}
.line2 .right ul li{font-size:14px; background: url(http://ats.chinataiwan.cn/other/hnxt/images/dotblack.jpg) no-repeat 0px 14px; padding:2px 0px 2px 8px; overflow:hidden;}
@media screen and (min-width: 0px) and (max-width: 320px) {
.line2 .leftbox{ width:100%}
.line2 .center{ width:100%; padding:10px 0px 0px;}
	}

@media screen and (min-width: 321px) and (max-width: 480px) {
.line2 .leftbox{ width:100%}
.line2 .center{ width:100%; padding:10px 0px 0px;}
	}
@media screen and (min-width: 481px) and (max-width: 640px) {

	}
@media screen and (min-width: 481px) and (max-width: 769px) {
.line2 .left h3,.line2 .left ul li{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.line2 .leftbox{ width:100%; overflow:hidden;zoom:1; float:left;}
.line2 .left{  margin-right:275px; }
.line2 .center{ width:265px;margin-left:-265px; float:right; padding:0px;}

	}
@media screen and (min-width: 0px) and (max-width: 769px) {
	.line2{ padding-top:10px;}
.line2 .right{ width:100%; padding-top:10px; clear:both;}
	}
/*第四行*/
.lin4{ overflow:hidden;zoom:1; padding-top:30px;width:1100px; margin:0 auto;}
.tit3{ background:url(http://ats.chinataiwan.cn/Topic/2016/twweek/images/tit02.jpg) no-repeat center center; font-size:24px; font-weight:700; color:#0000; padding-left:30px; height:36px; padding-top:4px; text-align:center;}
.lin4 ul{overflow:hidden;zoom:1; padding-bottom:10px;}
.lin4 ul li{ padding:15px 0.91% 15px; float:left; width:23.18%; text-align:center;}
.lin4 ul li a.trans{ display:block;  overflow:hidden; width:100%; max-width:255px;}
.lin4 ul li a.trans:hover img{transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04); -webkit-transform:scale(1.04,1.04);}
.lin4 ul li a.trans img{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;-webkit-backface-visibility: hidden;display:block; width:100%;}
.lin4 ul li img{ width:100%; max-width:255px;}
.lin4 ul li h3{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; font-weight:300; padding-top:10px;}
@media screen and (min-width: 0px) and (max-width: 320px) {
	 .lin4 ul{ width:255px;margin:0 auto; }
	 .lin4 ul li{ width:100%; float:none; padding:10px 0px;}
	}
@media screen and (min-width: 321px) and (max-width: 640px) {

.lin4 ul li{ padding:10px 2%; float:left; width:46%; max-width:255px;}
.lin4 ul li h3{ overflow:visible; white-space:normal;}
.lin4 ul li:nth-child(odd){ clear:left;}
	}
@media screen and (min-width: 641px) and (max-width: 769px) {
.lin4 ul li{ padding:10px 1.6%; float:left; width:30%;}
.lin4 ul li h3{ overflow:visible; white-space:normal;}
.lin4 ul li:nth-child(3n+1){ clear:left;}
	}	
@media screen and (min-width: 0px) and (max-width: 769px) {
	.lin4{ overflow:hidden;zoom:1; padding-top:10px; margin:0 2%; width:96%}
}

/*第五行*/
#time{  margin-top:20px;background:#ececec; padding:40px 0px;}
#time .box{width:1100px; position:relative; margin:0 auto; background:url(../images/whtime.jpg) no-repeat center center; height:653px;}
#time .box .p1{ position:absolute; width:460px; padding:15px; background:#fff; overflow:hidden;zoom:1; right:10px; top:0px;}
#time .box .p2{ position:absolute; width:460px; padding:15px; background:#fff; overflow:hidden;zoom:1; left:10px; top:69px;}
#time .box .p3{position:absolute;  width:460px; padding:15px; background:#fff; overflow:hidden;zoom:1; right:10px;top:195px;}
#time .box .p4{position: absolute;width: 460px;padding: 15px;background: #fff;overflow: hidden;zoom: 1;left: 33px;top: 322px}
#time .box .p5{ position:absolute; width:460px; padding:15px; background:#fff; overflow:hidden;zoom:1; right:10px; top:457px;}
#time .box img{ float:left;}
#time .box .p2 img{ float:right; width:110px; }
#time .box .p4 img{ float:right; width:110px; }
#time .box ul{ float:left; width:330px;}
#time .box .p1 ul{ width:250px; float:right;}
#time .box .p5 ul{ width:330px; float:right;}
#time .box .p3 ul{ float:right;}
#time .box ul li{font-size:14px; background: url(http://ats.chinataiwan.cn/other/hnxt/images/dotblack.jpg) no-repeat 0px 14px; padding:1px 0px 1px 8px;}
@media screen and (min-width: 0px) and (max-width: 999px){#time{ display:none;}}
/*第四行*/
#lh-secmain{background: #ececec;margin-top: 30px;overflow: hidden;zoom: 1; padding:20px 0px 0px;}
.lh-line4{ width:1100px; margin:0 auto;}
.tit4{ background:url(http://ats.chinataiwan.cn/Topic/2016/twweek/images/tit03.jpg) no-repeat center center; font-size:24px; font-weight:700; color:#0000; padding-left:30px; height:36px; padding-top:4px; text-align:center;}
ul.lh-pic1{ padding:10px 0px}
ul.lh-pic1 li{ float:left; width:45%; padding:22px 2.5% 20px; overflow:hidden;zoom:1;}
ul.lh-pic1 img{ width:240px; float:left; margin-right:15px;}
ul.lh-pic1 h4{ font-size:16px; font-weight:700;}
ul.lh-pic1 p{ font-size:14px; padding-top:5px;}
.clearl{ clear:both;}
@media screen and (min-width: 0px) and (max-width: 640px){
	.lh-line4{ width:96%; margin:0 auto;}	
	ul.lh-pic1 li{ width:46%; padding:22px 2%;}
	ul.lh-pic1 img{ float:none; margin:0 auto; width:100%;}
	ul.lh-pic1 h4{ text-align:center; padding-top:10px;} 
	ul.lh-pic1 li:nth-child(odd){ clear:left;}
	}
@media screen and (min-width: 641px) and (max-width: 769px) {
.lh-line4{ width:96%; margin:0 auto;}
ul.lh-pic1 li{ width:30%; padding:22px 1.5%;}
ul.lh-pic1 li:nth-child(3n+1){ clear:left;}
	 }
@media screen and (min-width: 641px) and (max-width: 769px) {.clearl{ clear:none;}}
.ie7 ul.lh-pic1 li{padding:22px;}
/*第六行*/
.lin6{ overflow:hidden;zoom:1; padding-top:40px;width:1100px; margin:0 auto; padding-bottom:40px;}
.lin6 .left{ float:left; width:48.64%;}
.lin6 .right{ float:right;width:48.64%;}
.lin6 .box{width:250px; float:left;position: relative; overflow:hidden; margin-right:10px; margin-top:15px;}
.lin6 .box a.trans{ display:block; width:100%; max-width:250px; overflow:hidden;margin:0 auto;}
.lin6 .box a.trans:hover img{transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04); -webkit-transform:scale(1.04,1.04);}
.lin6 .box a.trans img{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;-webkit-backface-visibility: hidden;display:block; width:100%;}
.lin6 .box p{ position:absolute; width:96%; bottom:0px; left:0px;background:rgba(0,0,0,0.7); padding:0px 2%; font-size:14px; z-index:3; height:28px; overflow:hidden; }
.ie8 .lin6 .box p{ background:#000;filter:alpha(opacity=80);}
.lin6 .box p a{ color:#fff; text-decoration:none;}
.lin6 .box p a:hover{ color:#fff;}
.lin6 ul{ margin-top:15px;}
.lin6 ul li{ list-style:disc inside; font-size:14px; height:26px; overflow:hidden;}
@media screen and (min-width: 0px) and (max-width: 480px) {
	.lin6 .box{ width:100%;float:none;}
	.lin6 .box a.trans img{ display:none;}
	 .lin6 .box p{ position:static; background:none;height:auto;}
	.lin6 ul li{ font-size:12px; height:auto; }
	.lin6 .box p a{ color:#000; font-size:16px;}
	.lin6 .box p a:hover{ color:#000;}
	.lin6 ul{ margin-top:5px;}
	}
@media screen and (min-width: 0px) and (max-width: 769px) {
	.lin6{ overflow:hidden;zoom:1; padding-top:10px; margin:0 2%; width:96%}
	.lin6 .left{  width:100%;}
   .lin6 .right{ width:100%; margin-top:15px;}
	}
/*翻页*/
.page{ text-align:center;}
.page a{ border:1px solid #797979; padding:0px 5px; margin:0px 5px;}

#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{ width:1000px;}



#smain{ margin:0 auto; width:1100px;overflow:hidden;zoom:1; border-bottom:1px solid #045fb3; padding-bottom:30px;}
.place{ font-size:14px; line-height:50px; height:50px; border-bottom:1px solid #045fb3; font-weight:700; padding-left:20px; color:#4e4e4e;}
.place a{ color:#4e4e4e;}
.place a:hover{ color:#cf0000;}
 .place span{ padding:0px 5px;}
.s-con{ float:left; width:100%; padding-top:30px;}
.s-con h1{ font-size:24px; font-weight:700; text-align:center; line-height:1.8em; color:#292929;}
.info{ font-size:14px; text-align:center; border-bottom:1px solid #d3d3d3; line-height:40px; height:40px; }
.article-box{ padding:10px 6% 0px;}
.article-box p{ padding:5px 0px 5px; font-size:14px; color:#4a4a4a;}
.side-bar{ width:300px; float:right; padding-top:15px;}
.s-box{ border:1px solid #e2e2e2; padding:10px 3%; margin:10px 0px 20px;}
.mgt10{ margin-top:10px;}
.s-rbox{margin-top:15px;}
.title{ font-weight:700; color:#4b4b4b;}
.title a{color:#4b4b4b;}
.title a:hover{ color:#cf0000;}
.sub-tit{ color:#045fb3;}
.sub-tit a{color:#045fb3;}
.sub-tit a:hover{ color:#cf0000;}
 /*鍒楄〃椤�*/
.s-newsbox{ float:left; width:100%; padding-top:25px;}
.s-newsbox h3{ font-size:14px; font-weight:700; background:#f3f3f3; height:33px; line-height:33px; padding-left:20px;}
.pdtb-20{ padding:20px 0px 14px;}
ul.pdtb-20{ padding-right:2%;padding-left:2%;}
ul.s-list li{ background:url(http://ats.chinataiwan.cn/agri/images/ad-dot2.jpg) no-repeat 5px 10px; font-size:14px; padding-left:17px; color:#4e4e4e; }
ul.s-list li{padding-bottom:6px; overflow:hidden;zoom:1;}
ul.s-list li a{ display:block;float:left; margin-right:100px;}
ul.s-list li i{ float:right;display:block; margin-left:-100px; width:100px; text-align:right; font-style:normal; }

ul.pdtb-30{ padding-right:2%;padding-left:2%;}
.pdb-30{ padding-bottom:30px;}
.page{ text-align:center;}
.page a{ border:1px solid #797979; padding:0px 5px; margin:0px 5px;}
 /*鏂板姞*/
.s-tit{ background:url(tbtitbg2016.gif) repeat-x 0px center; text-align:center; height:20px; line-height:20px; font-size:18px; font-weight:700; color:#4e4e4e; margin-top:40px;}
.s-tit span{ background:#fff; padding:0 20px;}
.con{ overflow:hidden;zoom:1; padding-top:50px; padding-bottom:50px;}
.s-col1,.s-col3{ float:left; width:32%}
.s-col2{float:left; width:32%; padding:0px 2%;}
.s-col1 img,.s-col3 img,.s-col2 img{ display:block; width:100%;}


@media screen and (min-width: 0px) and (max-width: 420px) {
	.s-newsbox ul li{width:100%;}
	.piclist_page li span{width:100%; max-width:350px;}
	}
@media screen and (min-width: 0px) and (max-width: 320px) {
	#smain{ padding-bottom:0px;}
	.article-box{padding:20px 1% 0px;}
	.s-box{ border:none;}
	.pdtb-20{ padding:10px 0px 4px;}
	ul.s-list li{ padding-bottom:3px;}
	ul.s-list li a{ margin-left:0px; width:100%; font-size:12px;}
	ul.s-list li i{ display:none; }
	.pdb-30{padding-bottom:15px;}
	/*鏂板姞*/
	.s-tit{ margin-top:20px;}
	.con{ padding-top:20px;}
	
   }
@media screen and (min-width: 321px) and (max-width: 480px) {
	.s-lbox{ float:left; width:47%}
	.s-rbox{ float:right; width:47%; margin-top:0px;}
	.article-box{padding:30px 1% 0px;}
	/*鏂板姞*/
	.s-tit{ margin-top:30px;}
	.con{ padding-top:30px;}
	}
@media screen and (max-width: 480px){
	#smain{ margin:0 2%; max-width:96%; border:none;}
	.place{ border:none; padding-left:3px;}
	.s-con{ width:100%;}
	.side-bar{ width:100%; overflow:hidden;zoom:1;}
	.s-con h1{ font-size:18px;}
	.info{ font-size:12px;}	
	.article-box p{ padding:10px 0px 15px;}
	.s-box{ border:none;}
	.s-newsbox{ width:100%; padding-top:0px;}
	.page{ padding-bottom:20px;}
	ul.pdtb-20{ padding-right:0%;padding-left:0%;}
	/*鏂板姞*/
	.s-col1,.s-col3,.s-col2{ width:100%}
	.s-col2{padding:20px 0px;}
	.con{ padding-bottom:0px;}
	}
@media screen and (min-width: 481px) and (max-width: 769px) {
	#smain{ margin:0 1%; max-width:98%}
	.place{ border:none; padding-left:10px;}
	.s-con{ width:100%;}
	.side-bar{ width:100%; overflow:hidden;zoom:1;}
	.s-con h1{ margin:0px 6%;}
	.info{ margin:0px 6%;}
	.s-lcon{ float:left;  width:46%;}
	.s-rcon{float:right;  width:46%;}
	.s-box{ border:none;}
	dl.p-list dt h3{max-width:100%;}
	dl.p-list dd{ font-size:14px; }
	.s-newsbox{ width:100%; padding-top:0px;}
	.page{ padding-bottom:20px;}
	 /*鏂板姞*/
    .con{ padding-top:30px; padding-bottom:10px;}

	}

/**************************************  fix  ******************************************/
.article-box{overflow:hidden;}
.article-box img {max-width:100%;}
.title a {color:#fff;}
.title a:hover {color:#cf0000;}
.s-newsbox h3 {background:#feb600;}

#projectList{max-width:1100px; width:100%; margin:20px auto;}
#projectList .lin4 li{padding-bottom:0px;}

.titl{ font-size:18px; font-weight:700; background:#f3f3f3;line-height:33px; padding-left:20px; margin-top:20px;}
.titl span{ float:right; margin-right:10px; font-size:14px; font-weight:300;}