body{font: normal 100% Microsoft YaHei, Arial, sans-serif; margin: 0 auto; color: #000000}
img, object {max-width: 100%;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
img{border:0;vertical-align:middle;transition: transform .2s ease-out;}

a{ text-decoration: none; color: #000000;transition: all 0.7s;}
a:hover{ color: #1358be}
.clear:after,.area:after,.list:after,.wqhg:after{ content: ""; clear: both; display: table}
.clear,.area,.list,.wqhg{*zoom:1}
.area{ width: 1000px; margin: auto}
.content{ margin-top: 33px}
.header{ background: url("http://ats.chinataiwan.cn/other/live/images/tw_gtbxwfbh_top1.jpg") center no-repeat; width:100%; height: 226px}
/*自适应导航*/
#nav{ width:1000px; background:#ffa319 url(http://ats.chinataiwan.cn/other/live/images/tw_gtbxwfbh_navbg.jpg) right bottom no-repeat; margin: 0 auto }
#nav a{ color:#fff;text-decoration: none;}
#nav a:hover{ color:#fff;}
ul#subSNav{ overflow:hidden; zoom:1; width:75%; margin:0 auto;}
ul#subSNav li{  float:left; width:20%;text-align:center;height:43px;font-size: 18px; line-height:43px; font-weight: bold}
#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) {
    #header{ display:none;}
    #nav{ width:100%; background:#1358be }
    #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;background:#ffa319;}
    ul#subSNav li{display:block;border-left:none;line-height:35px; height:35px; float:left; text-align:center; width:25%; padding:0px; font-size: 18px; font-weight: normal }
    ul#subSNav li a{ color:#fff; display:block; }
    ul#subSNav li a:hover{ color:#fff;background:#f7b608;}
    #nav h3.eBtn ~ #subSNav {height:75px;}
}
@media screen and (min-width: 641px) and (max-width: 769px) {
    #nav{ width:100%; background:#ffa319; margin: 0 auto }
    ul#subSNav{ width:100%; max-width:769px; }
    ul#subSNav li{ width:19%;text-align:center;height:43px;font-size: 18px; line-height:43px; font-weight: bold}

}
/*焦点图*/
.left{ width:45.9%; 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:348px;border:none;}
#container h3 {position:absolute;bottom:0;width:100%;background-color:#333;color:#fff;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);}


/*右侧标题摘要*/
.info_zhaiyao{ width:52%; float: right}
.info_zhaiyao h3{ color: #1358be; font: bold 24px/30px Microsoft YaHei; text-align: center; margin:10px 0 20px; font-weight: bold}
.info_zhaiyao h3 a{ color:#1358be }
.info_zhaiyao p{ font-size: 16px; line-height: 30px; text-indent: 2em; padding: 0 5px 0 5px}
/*文字实录*/
.wenzisl{ height: 38px; background: #1358be; font-size: 20px; line-height: 38px; font-weight: bold; color: #fff;}
.wenzisl h3{float:left; margin-left: 15px; font-weight: bold}
.wenzisl span{ float: right; background: #ffa216; width: 78px;  height: 38px; display: block; text-align: center; font-size: 16px; line-height: 38px; font-weight: bold;}
.wenzisl span a{ color: #fff}
.wenzisl span a:hover{ color:#ff0000 }
.shilu_box{ height: 500px; padding: 10px 0; overflow: hidden; border-bottom: 5px #1358be solid; font-size: 14px}
.shilu_box dl{ border-bottom:1px #cccccc dashed; padding: 10px;}
.shilu_box dt{ font-size: 14px; font-weight: bold; color:#1358be; margin-bottom: 10px}
.shilu_box dt i{ color: #fff; background: #ffa216; font-size: 16px; font-style: normal; padding: 2px 5px; margin-right: 10px}
.shilu_box dd{ line-height: 30px}
.shilu_box dl.odd{ color:#1358be }

.col{ height: 32px; border-bottom: 3px #d2d2d2 solid; margin-top: 10px;}
.col h2{ text-align: right; color: #1358be; font-size: 14px; margin-right: 15px; line-height: 32px;}
.col h2 a{color: #1358be;}
.col h2 span{ float: left; background: #1358be; padding: 2px 10px 1px; border-right:1px #fff solid; font-size: 18px; color: #fff; margin-top:0px; font-weight: bold;}
/*图片报道*/
.piclist{}
.piclist ul{ margin-top:20px}
.piclist li{ float: left; margin-right: 21px; width: 319px;width: 312px\9; overflow: hidden}
.piclist li .pic{ display: block; width: inherit; height: 179px; overflow: hidden}
.piclist li .pic img{ width: inherit; height: 179px; transition: transform .2s ease-out;}
.piclist li .pic img:hover{transform: scale(1.04)}
.piclist li span{ display: block; text-align: center; font-size: 14px; padding-top: 10px}
.piclist li:nth-of-type(3){margin-right: 0}
/*新闻报道*/
.list{ background: #f5f5f5; padding:10px 20px;margin-top: 20px;}
.list ul{}
.list li{ font-size: 14px; line-height: 36px; float: left; width: 50%; color: #404040}
.list li a{ color: #404040}
.list li a:hover{ color: #1358be}

/*往期回服*/
.wqhg{ background: #f5f5f5;margin-top: 20px;padding-bottom: 10px; width: 100%}
.wqhg ul{ padding:10px 20px; }
.wqhg li{ width: 33%; float: left; font-size: 14px; line-height: 30px;}
.wqhg li a.rq{ margin: 0 5px}
.wqhg li a.wb{ margin: 0 5px}
.wqhg li a.sp{ margin: 0 5px}
.wqhg li a{ color: #404040}
.wqhg li a:hover{color: #1358be}
.footer{ background: #1358be; color: #fff; text-align: center; padding: 20px 0; line-height: 36px}
.footer a{ color:#fff}
.footer div span{ margin:0 5px; font-size:14px}
.footer p.big{ font-size: 16px;}
.footer p.sml{ font-size: 14px}
/*内容页*/
.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;}
/*列表页*/
.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-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(dot-2016.gif) 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;}
@media screen and (min-width:481px) and (max-width:769px){
    .area{ width: 99%; margin: auto}
    .content{ margin-top: 22px}
    .header{background: url("http://ats.chinataiwan.cn/other/live/images/tw_gtbxwfbh_top1_768.jpg") center no-repeat; width:100%; height: 172px}
    .left{ width:47%; float: left}
    .shilu_box dd{ line-height: 24px}
    .info_zhaiyao{ width:50%; float:right}
    .info_zhaiyao h3{ font: bold 20px/30px Microsoft YaHei; margin:5px 0 8px;}
    .info_zhaiyao p{ font-size: 14px; line-height: 26px; text-indent: 2em}
    .piclist ul{ margin-top: 20px}
    .piclist li{ float: left; margin-right: 14px; width:244px; overflow: hidden}
    .piclist li .pic{ display: block; width:inherit; height:138px; overflow: hidden}
    .piclist li .pic img{ width:inherit; height:inherit;  transition: transform .2s ease-out;}
    .piclist li .pic img:hover{transform: scale(1.04)}
    .piclist li span{ display: block; text-align: center; font-size: 14px; padding-top: 10px}
    .piclist li:nth-of-type(3){margin-right: 0}
    .list{margin-top: 20px;}
    .wqhg{ background: #f5f5f5;margin-top: 20px; width: 100%}
    .wqhg ul{ padding:10px 20px;}
    .wqhg li{ width: 33%; float: left; font-size: 14px; line-height: 30px;}
    .wqhg li a.rq{ margin: 0 5px}
    .wqhg li a.wb{ margin: 0 5px}
    .wqhg li a.sp{ margin: 0 5px}

}
@media screen and (min-width:320px) and (max-width:480px){
    .area{ width:98%; margin: auto}
    .content{ margin-top:20px}
    .header{display:none}
    .left{ width: 100%}
    .info_zhaiyao{ width:99%; margin: 10px auto}
    .info_zhaiyao h3{ font: bold 20px/30px Microsoft YaHei;}
    .info_zhaiyao p{ font-size: 14px; line-height: 26px; text-indent: 2em}
    .piclist li{ float: left;width:49%; overflow: hidden; margin-right:1%}
    .piclist li .pic{ display: block; width:100%; height:auto; overflow: hidden}
    .piclist li .pic img{width:inherit; height:inherit; transition: transform .2s ease-out;}
    .piclist li .pic img:hover{transform: scale(1.04)}
    .piclist li span{ display: block; text-align: center; font-size: 14px; padding-top: 10px}
    .piclist li:nth-of-type(1){ float: left}
    .piclist li:nth-of-type(2){ float: right}
    .piclist li:nth-of-type(2){margin-right: 0}
    .piclist li:nth-of-type(3){display: none}
    .shilu_box dd{ line-height: 24px}
    .list{margin-top: 20px; padding: 10px}
    .list li{ font-size: 14px; line-height: 36px; float: left; width:100%;}
    .wqhg{ background: #f5f5f5;margin-top:20px; padding-bottom: 10px; width: 100%}
    .wqhg ul{ padding:10px 0px 10px 10px;}
    .wqhg li{ width: 49%; float: left; font-size: 14px; line-height: 30px;}
    .wqhg li a.rq{ margin: 0 3px}
    .wqhg li a.wb{ margin: 0 3px}
    .wqhg li a.sp{ margin: 0 3px}
.footer div:nth-of-type(2),.footer div:nth-of-type(3){ display:none}
.footer div span{ display:block; float:none}

}

@media screen and (min-width:0px) and (max-width: 320px){
    .area{width:98%; margin: auto}
    .header{display:none}
    .content{ margin-top: 20px;}
    .info_zhaiyao{ width:99%; margin: 10px auto}
    .info_zhaiyao h3{ font: bold 1.25em/1.875em Microsoft YaHei;}
    .info_zhaiyao p{ font-size: 14px; line-height: 26px; text-indent: 2em}
    .shilu_box dd{ line-height: 24px}
    .list{ padding:10px 10px;margin-top:20px;}
    .list li{ line-height: 24px; width: 98%}
    .piclist li{ float: left;width:49%; overflow: hidden; margin-right:1%}
    .piclist li .pic{ display: block; width:100%; height:auto; overflow: hidden}
    .piclist li .pic img{width:inherit; height:inherit; transition: transform .2s ease-out;}
    .piclist li .pic img:hover{transform: scale(1.04)}
    .piclist li span{ display: block; text-align: center; font-size: 14px; padding-top: 10px}
    .piclist li:nth-of-type(1){ float: left}
    .piclist li:nth-of-type(2){ float: right}
    .piclist li:nth-of-type(2){margin-right: 0}
    .piclist li:nth-of-type(3){display: none}

    .wqhg{ background: #f5f5f5;margin-top:20px; padding-bottom: 10px; width: 100%}
    .wqhg ul{ padding:10px 10px}
    .wqhg li{ width: 98%; float: left; font-size: 14px; line-height: 30px;}
    .wqhg li a.rq{ margin: 0 5px}
    .wqhg li a.wb{ margin: 0 5px}
    .wqhg li a.sp{ margin: 0 5px}
}