@charset "gb2312";
/**********焦点�?热点新闻**********/
.line1{padding-top:20px; overflow:hidden;zoom:1; width:100%;}
.pic{ float:left; width:53%;}
.news{ float:right; width:44%;}
.news h1{ font-size: 18px; font-weight:bold;padding:0px 0px 5px;}
.news h1 a{ color:#1358be; }
.news h1 a:hover{color:#ff8500;}
.news p{ font-size:14px;padding:5px 0px 10px; height:44px; overflow:hidden;}
.news ul{ border-top:1px solid #e3e3e3; padding-top:10px;}
.news ul li{ padding-bottom:8px;}
@media screen and (min-width: 0px) and (max-width: 320px) {
.news h1{ font-size: 16px;}
.news p{ font-size:12px;padding-top:0px;}
.news ul li{ padding-bottom:6px;}
	}
@media screen and (min-width: 0px) and (max-width: 640px) {
.pic,.news{ width:100%;}
.news{ padding-top:15px;}
	}
@media screen and (min-width: 641px) and (max-width: 769px) {
.news h1{ font-size: 16px;}
.news ul li:nth-child(n+5){ display:none;}
.news ul li{ padding-bottom:5px; }
	}
@media screen and (min-width: 770px) and (max-width: 930px) {
.news h1{ padding-bottom:0px;}
.news ul li{ padding-bottom:2px; }
.news p{ }
	}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.news h1,.news ul li{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;zoom:1;}
}
/**********论坛播报 评论声音 图解论坛 论坛资料**********/
.line2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; }
.line2 .lineL{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;
-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1; order:1;}
.row1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;
-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1; order:1;  }
.row2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2; order:2; width:250px; margin:0px 30px;}
.row3{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2; order:2; width:30%;}
.tit{ font-size:18px; font-weight:700; color:#1358be; height:32px; line-height:32px; background:url(http://ats.taiwan.cn/other/hxlt/images/titbg.gif) left bottom no-repeat; margin:20px 0px;}
.tit a,.row1 h2 a,.row1 dd h3 a,.box-gray h2 a{color:#1358be;}
.tit a:hover,.row1 h2 a:hover,.row1 h2 a:hover,.box-gray h2 a:hover{color:#ff8500;}
.tit span,.box-gray h2 span{ font-size:14px; font-weight:300; float:right;}
.row1 h2,.row1 dd h3{ font-weight:normal; font-size:16px;font-weight:700;}
.row1 ul{ margin-top:10px;}
.row1 ul li{margin-bottom:8px; }
.row1 dl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; margin-bottom:20px; }
.row1 dt{ width:110px; margin-right:10px;}
.row1 dd{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; height:90px; overflow:hidden;}
.row1 dd h3{ margin-top:-3px;}
.row1 dd p{ font-size:14px;}
.row2 ul li{ position:relative;margin-bottom:18px;}
.row2 ul li h3{ font-weight:300;font-size:14px; position:absolute;z-index:2; left:0px; bottom:0px; padding:0px 5px;}
.row2 ul li h3 a{ color:#fff;}
.box-gray{ background:#efefef; padding:10px 20px;}
.box-gray h2{font-size:18px; font-weight:700; color:#1358be; height:32px; line-height:32px; }
.box-gray ul li{ height:20px; overflow:hidden;margin-bottom:8px;}
.box-gray ul li:nth-child(1) a{color:red}
.box-blue{ background:#3675d1; margin-top:15px;}
.box-blue h2{ color:#fff; font-size:16px; font-weight:700;background:#225eb7; height:34px; line-height:34px;padding:0px 10px;}
.box-blue h2 span{ font-weight:300; float:right; font-size:12px; }
.box-blue ul{ overflow:hidden;zoom:1; padding:10px;}
.box-blue ul li{color:#fff; float:left; width:20%; text-align:center;}
.box-blue ul li a{ color:#fff;}
ul.oth{ overflow:hidden;zoom:1; margin-top:15px;}
ul.oth li{ float:left; width:48%; text-align:center; display:block; background:#f0a81d; line-height:18px; font-weight:700; padding:10px 0px; color:#fff;}
ul.oth li a{ color:#fff;}
ul.oth li.m{ float:right;}
.row3 dl{overflow:hidden;zoom:1; padding:10px 5px; background:#efefef; margin-top:15px;}
.row3 dt{ width:88px; margin-right:10px; float:left;}
.row3 dd{ font-size:14px;}
@media screen and (min-width: 0px) and (max-width: 320px) {
.tit{ margin-top:0px; margin-bottom:15px; font-size:16px;}
.row1 ul li{margin-bottom:6px; }
.row2 ul li img{ margin:0 auto;}
.row2,.row3{margin-top:-10px;}
.box-gray h2{font-size:16px;}
	}
@media screen and (min-width: 321px) and (max-width: 640px) {
.row2 ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.row2 ul li{ width:48%;}
.row2 ul li img{ width:100%}
.row2 ul li:nth-child(1){ margin-right:2%;}
.row2 ul li:nth-child(3){ display:none;}
.row2 ul li h3{overflow:hidden; line-height:28px; height:28px;}
.row2,.row3{margin-top:-20px;}
	}
@media screen and (min-width: 0px) and (max-width: 640px) {
.line2,.line2 .lineL{ display:block;}
.row1{ width:100%; }
.row1 dd h3{  font-size:14px;}
.row2{ margin-left:0px; margin-right:0px;width:100%; }
.row3{ width:100%;}
.box-gray ul li{ height:auto; overflow: visible;}
	}
@media screen and (min-width: 641px) and (max-width: 769px) {
.line2{ display:block;}
.line2 .lineL{ -webkit-flex-wrap:nowrap;flex-wrap:nowrap;}
.row3{ width:100%;margin-top:-20px;}
.row2{ margin-right:0px;}
.box-gray{ overflow:hidden;zoom:1;}
.box-gray ul{}
.box-gray ul li{ width:45%; float:left; height:auto; overflow:visible;}
.box-gray ul li:nth-child(odd){ clear:left; margin-right:5%}
.row3 section{ position:relative;}
.box-blue{ width:48%;}
.row3 dl{ width:48%; position:absolute; right:0px; top:-15px; padding:8px 5px;}
ul.oth li.m{ padding:10px 5px;}
	}
@media screen and (min-width: 641px) {
.row1 h2{ height:25px; overflow:hidden;}
.row1 ul li{ height:20px; overflow:hidden;}
}
/**********视频直播 关键�?重要发布 闽台交流**********/
.line3{ overflow:hidden;zoom:1; padding-top:20px; clear:both;}
.line3 .lineL{ float:left; width:52%;}
.stit a{ display:block; background:#1358be; padding:0px 10px; height:32px; line-height:32px; float:left; color:#fff; font-size:18px; font-weight:700; text-align:center; margin-right:10px;}
.stit span a{ background:none; float:right;color:#3675d1; font-size:14px; font-weight:300;}
.line3 .lineL dl{ clear:both; overflow:hidden;zoom:1; padding-top:15px;}
.line3 .lineL dt{ float:left; width:66%; margin-right:1%; position: relative;}
.line3 .lineL dt .play{ position:absolute; top:30%; left:45%; }
.line3 .lineL dt p,.line3 .lineL dd p{ position:absolute; bottom:0px; left:0px; font-size:14px;width:96%;background:rgba(0,0,0,0.5); z-index:3;padding:0px 2%; height:28px; line-height:28px; overflow:hidden;}
.line3 .lineL dt p a,.line3 .lineL dd p a{ color:#fff;}
.line3 .lineL dd{ float:left; width:33%;position: relative;}
.line3 .lineL dd .play{ display:block;width:30px; height:30px;position:absolute; top:20%; left:40%;}
.mt{ margin-top:2px;}
.line3 .lineL ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap; margin-top:10px; }
.line3 .lineL ul li{ background:#5a92e4;width:33.33%;border:2px solid #fff; text-align:center; display:table; padding:0px 10px; height:72px;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;}
@media screen and (min-width:0\0){ 
.line3 .lineL ul{ overflow:hidden;zoom:1; margin-top:10px; display:block;}
.line3 .lineL ul li{ float:left; width:33.33%;}
}
.line3 .lineL ul li:nth-child(3n){ border-right:none;}
.line3 .lineL ul li a{ display:table-cell;vertical-align: middle; height:72px; width:100%;text-align: center; color:#fff; font-weight:700;}
.btit{ font-size:18px; font-weight:700; color:#3675d1; margin-top:15px; }
.line3 .lineR{ float:right; width:44%; }
.line3 .lineR h3{ height:32px; line-height:32px; font-size:16px; font-weight:700; color:#1358be; overflow:hidden; }
.line3 .lineR h3 a{color:#1358be;}
.lineR section{padding-top:15px; margin-bottom:20px;}
.lineR .pic{width:125px; margin-right:10px; float:left;}
.lineR ul{ }
.lineR ul li{ height:20px; overflow:hidden; margin-bottom:8px; }
@media screen and (min-width: 0px) and (max-width: 320px) {
.lineR .pic{ display:none;}
.line3 .lineR h3{ clear:both; height:auto; overflow:visible; line-height:1.5em; padding:5px;}
.lineR section{ padding-top:0px;}
.stit a{height:28px; line-height:28px; font-size:16px; }
.btit{ font-size:16px;}
.line3 .lineL ul li{ font-size:14px;}
	}
@media screen and (min-width: 0px) and (max-width: 480px) {
.line3 .lineL dt{ width:100%; margin-right:0%; }
.line3 .lineL dd{ float:left; width:49.5%; margin-top:10px;  }
.line3 .lineL dd:last-child{margin-left:1%;}
.mt{ margin-top:0px;}
}
@media screen and (min-width: 0px) and (max-width: 769px) {
.line3 .lineL{  width:100%;}
.lineL .stit{ border-bottom:1px solid #999;}
.line3 .lineR	{  width:100%; margin-top:15px;}	
	}
/**********主题论坛**********/
.ftit1{margin-top:20px;}
.ftit1 span{ padding:8px 0px 8px 15px; color:#fff; background:#1358be; display:block; font-weight:700;}
.line4 h3{ font-weight:blod; font-size:16px; color:#1358be; margin:12px 0px 12px 8px; clear:left;}
.line4 ul li.red a{ color:#f70000; border-right:none; font-weight:700;}
.line4 ul li:last-child a{ border-right:none;}
.line4 ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.line4 ul{*+height:1%;}
.btn1,.btn2,.closeBtn1{ display:none;}
.box1 ul li{ float:left;padding:3px 0px;}
.box1 ul li a{padding:0px 8px; line-height:1em; font-size:14px; border-right:1px solid #5f5f5f;}
.box1 ul li i{padding:0px 8px; line-height:1em; font-size:14px; border-right:1px solid #5f5f5f; font-style:normal;}
.box{ position:fixed; width:95%; max-width:1000px;top:50%;background:rgba(255,255,255,0.9); border:1px solid #CCC;border-radius:8px;display:none;z-index:1000;}
.closeBtn,.closeBtn1{ position:absolute; right:10px; top:10px; width:17px; height:17px;}
.btn1,.btn2,.btn3,.btn4{ float:left; width:185px; background:#fff url(http://ats.taiwan.cn/other/hxlt/images/btnbg.jpg) right center no-repeat; font-size:14px; color:#646464; font-weight:700; height:28px; line-height:28px; margin-left:15px; margin-top:12px; padding-left:15px;}
.ftit{margin-top:20px;background:#1358be; overflow:hidden;zoom:1; }
.ftit span{ padding:15px 0px 15px 15px; color:#fff;  display:block; font-weight:700; float:left;}
.box ul{ margin:10px;  height:400px;overflow-y:scroll;}
.box ul li{ float:left;padding:3px 0px;}
.box ul li a{padding:0px 8px; line-height:1em; font-size:14px; border-right:1px solid #5f5f5f;}
.box ul li i{padding:0px 8px; line-height:1em; font-size:14px; border-right:1px solid #5f5f5f;font-style:normal;}
@media screen and (min-width: 0px) and (max-width: 320px) {
.ftit span,.ftit1 span{ font-size:14px;}
.btn1,.btn2,.btn3,.btn4{ width:70px;}
	}
@media screen and (min-width: 321px) and (max-width: 480px) {
.ftit span,.ftit1 span{ font-size:14px;}
.btn1,.btn2,.btn3,.btn4{ width:110px;}
	}
@media screen and (min-width: 481px) and (max-width: 640px) {
.btn1,.btn2,.btn3,.btn4{ width:140px;}
}
@media screen and (min-width: 0px) and (max-width: 769px) {
.ftit1{background:#1358be; overflow:hidden;zoom:1;}
.ftit1 span{ float:left; padding:15px 0px 15px 15px;}
.line4 h3{ display:none;}
.btn1,.btn2,.closeBtn1{ display:block;}
.box1{position:fixed; width:95%;  max-width:1000px;top:50%;background:rgba(255,255,255,0.9); border:1px solid #CCC;border-radius:8px;display:none;z-index:1000; min-height:400px;}
.box1 ul{ margin:10px;overflow-y:scroll;}
}