/**
 * 
 * CSS File,created by dengyongliang, on 02.04 2015
 * 
 * 最后编辑人：dengyongliang  (每次修改本文件)
 * 
 * 适配屏幕 width<768
 * 
 * modify 20150226
 */

/* Global style(not allow modify)[[ */
.domPC{display: none!important;}
.boxs{padding: 0 10px;margin-bottom: 20px;}
.boxs .boxT{height:18px;line-height: 18px;vertical-align: top;border-bottom: 1px solid #383e54;margin: 15px 0;}
.boxs .boxT span{display: block;height:18px;line-height: 18px;background: url(//www.xinhuanet.com/politics/2015lh/foreign/bg_tabT.jpg) no-repeat 0 0;-webkit-background-size: auto 18px;background-size: auto 18px;font-size: 16px;color:#fff;vertical-align: top;font-style: italic;padding: 0 0 0 30px;position: relative;bottom: -1px;}
.moreWrap{display:block;width: 100%;height: 30px;line-height: 30px;text-align: center; background:#e6f1fb;color: #539fe0;text-decoration: none;border-width: 1px 0;border-style: dotted;border-color: #0a76d3;}
.dataList01{margin: 5px 0 0 0;padding: 5px 0;}
.dataList01 li{height:30px;padding: 0 0 0 10px;position: relative;vertical-align: top;overflow: hidden;}
.dataList01 li i{display: block;width:3px;height:3px;background:#008cea;position: absolute;left: 0px;top: 50%;margin-top: -1px;}
.dataList01 li a{text-decoration: none;font-size:16px;line-height: 30px;color: #000;vertical-align: top;}
/* 主体结构 */
#mainBody{min-width:320px;max-width: 640px;margin: 0 auto;background: url(//www.xinhuanet.com/politics/2015lh/foreign/bg_body.jpg) no-repeat 50% 0;-webkit-background-size: 100%;background-size: 100%;}
#header{padding-top: 63%;}
#header .broadcast{height: 70px;padding-left: 65px;margin-bottom: 5px;position: relative;}
#header .broadcast .row01{padding: 5px 0 0 5px;}
#header .broadcast .row01,#header .broadcast .row01 a{color: #fff;font-style: italic;text-decoration: none;}
#header .broadcast .row02{padding-top:2px ;padding-left: 2.5%;}
#header .broadcast .row02 *{font-size: 14px;color: #e5e6e9;height: 18px;line-height: 18px;overflow: hidden;}
#header .broadcast .row02 .title{ height:30px; line-height:30px; font-size:16px;}
#header .broadcast .row02 .title a{ height:30px; line-height:30px; font-size:16px;}
#header .introduction{height: 80px;margin-bottom: 5px;padding-top: 15px;}
#header .introduction p{font-size: 12px;color: #3b425c;line-height: 20px;text-indent: 2em;padding-left: 10px;margin: 0px;}
/* Global style(not allow modify)]] */
/* banner */
#banner{color: #fff; text-align: center;margin-bottom: 15px;}
#banner .swiper-slide{height: 100%; position: relative;}
#banner .swiper-slide .img{display:block;width: 100%; overflow: hidden;font-size: 0px;vertical-align: top;}
#banner .swiper-slide .img img{width: 100%;}
#banner .swiper-slide .title{width: 100%;height: 30px;line-height: 30px;background-color: rgba(226,230,231,1);text-align: left;}
#banner .swiper-slide .title a{display: block;padding: 0 5px;color: #333;text-decoration: none;}
#banner .pagination{height: 30px;line-height: 26px;position: absolute; z-index: 20; right: 0px; bottom: 0px;padding: 0 5px 0 10px;vertical-align: middle;
background: -moz-linear-gradient(left, rgba(227,230,231,0.6) 0%, rgba(227,230,231,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(227,230,231,0.6)), color-stop(100%,rgba(227,230,231,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left, rgba(227,230,231,0.6) 0%,rgba(227,230,231,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(227,230,231,0.6) 0%,rgba(227,230,231,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(227,230,231,0.6) 0%,rgba(227,230,231,1) 100%); /* IE10+ */background: linear-gradient(to right, rgba(227,230,231,0.6) 0%,rgba(227,230,231,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e6e7', endColorstr='#00e3e6e7',GradientType=1 ); /* IE6-9 */}
#banner .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; background: #00a0ea; margin-right: 5px; opacity: 0.8; cursor: pointer;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;vertical-align: middle;}
#banner .swiper-visible-switch{background: #aaa;}
#banner .swiper-active-switch{background: #f00;}
/* headlines */
#headlines{padding: 5px 10px;}
#headlines h1{height: 20px;overflow: hidden;margin: 0px;vertical-align: top;text-align: center;}
#headlines h1 a{font-size: 18px;line-height: 18px;color: #008cea;vertical-align: top;text-decoration: none;}
#headlines .summary{margin: 10px 0 0 0;font-size: 16px;line-height: 22px;color: #888787;text-indent: 2em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
#headlines .detailWrap{text-align: right;border-bottom: 1px dotted #c1c1c1;}
#headlines .detailWrap a{display: inline-block;width: 50px;height: 30px;line-height: 30px;text-align: right;font-size: 16px;color: #f00;text-decoration: none;}
/* box-video */
#box-video img{width: 100%; height:auto;}
#box-video .imgWrap{position: relative;margin-bottom: 20px;}
#box-video .imgs a{display: block;font-size: 0px;vertical-align: top;}
#box-video .bg{position: absolute;bottom:0px;left:0px;width: 100%;height: 30px;background: #000;margin: 0px;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}
#box-video h4{position: absolute;z-index:1;bottom:0px;left:0px;width: 100%;height: 30px;margin: 0px;}
#box-video h4 a{display: block;width: 90%;height:30px;line-height:30px;padding:0 5%;overflow: hidden;text-align: center;color: #fff;text-decoration: none;}
/* box-picture */
#box-picture li{float: left;width: 33.3%;height: 100px;margin-bottom: 10px;}
#box-picture li:nth-child(3n+2){text-align: center;}
#box-picture li:nth-child(3n+3){text-align: right;}
#box-picture li .wrap{width: 90px;display: inline-block;}
#box-picture li .img{display: block;width: 90px;height: 68px;background: green;margin-bottom: 3px;}
#box-picture li img{width: 100%;height: 68px;}
#box-picture li h3{height: 32px;overflow: hidden;margin: 0;}
#box-picture li h3 a{display: block;width: 100%;text-align: center;line-height: 16px;font-size: 14px;text-decoration: none;color: #888;font-weight: normal;}
/* footer */
#footer{background: #3b425c;text-align: center;line-height: 20px;font-size: 12px;color: #fff;padding: 10px 0;}

@media only screen and (min-width: 321px) and (max-width: 375px){
	#header{padding-top: 63.5%;}
	#header .broadcast{height: 82px;padding-left: 17%;} 
	#header .broadcast .row01{padding: 7px 0 0 20px;}
	#header .broadcast .row01,#header .broadcast .row01 a{color: #fff;font-size:18px;}
	#header .broadcast .row02{padding-left: 7%;}
	#header .broadcast .row02 *{padding: 0px;}
	#header .introduction{height: 110px;padding: 0px;border-top: 1px solid #fff;margin-bottom: 8px;}
	#header .introduction p{font-size: 14px;line-height: 24px;margin-top: 4%;}
}
@media only screen and (min-width: 376px) and (max-width: 414px){
	#header{padding-top: 63%;} 
	#header .broadcast{height: 91px;padding-left: 17%;}
	#header .broadcast .row01{padding: 10px 0 0 20px;}
	#header .broadcast .row01,#header .broadcast .row01 a{color: #fff;font-size:18px;}
	#header .broadcast .row02{padding-top: 2%;padding-left: 7%;}
	#header .broadcast .row02 *{padding: 0px;}
	#header .introduction{height: 122px;padding: 0px;border-top: 1px solid #fff;margin-bottom: 8px;}
	#header .introduction p{font-size: 16px;line-height: 28px;margin-top: 4%;}
}
@media only screen and (min-width: 415px) and (max-width: 480px){
	#header{padding-top: 64%;} 
	#header .broadcast{height: 103px;padding-left: 80px;}
	#header .broadcast .row01{padding: 5px 0 0 25px;}
	#header .broadcast .row01,#header .broadcast .row01 a{color: #fff;font-size:22px;}
	#header .broadcast .row02{padding-left: 7%;margin-top: 5px;}
	#header .broadcast .row02 *{height: 22px;padding: 0px;font-size: 16px;line-height: 22px;}
	#header .introduction{height: 142px;padding: 0px;border-top: 1px solid #fff;margin-bottom: 8px;}
	#header .introduction p{font-size: 18px;line-height: 30px;margin-top: 20px;}
}
@media only screen and (min-width: 481px) and (max-width: 640px){
	#header{padding-top: 64%;} 
	#header .broadcast{height: 122px;padding-left: 97px;}
	#header .broadcast .row01{padding: 5px 0 0 30px;}
	#header .broadcast .row01,#header .broadcast .row01 a{color: #fff;font-size:28px;}
	#header .broadcast .row02{padding-left: 7%;padding-top: 10px;}
	#header .broadcast .row02 *{height: 22px;padding: 0px;font-size: 16px;line-height: 22px;}
	#header .introduction{height: 168px;padding: 0px;border-top: 1px solid #fff;margin-bottom: 10px;}
	#header .introduction p{font-size: 20px;line-height: 32px;margin-top: 32px;}
}
@media only screen and (min-width: 640px){
	#header{padding-top: 63.5%;} 
	#header .broadcast{height: 144px;padding-left: 18%;}
	#header .broadcast .row01{padding: 10px 0 0 27px;}
	#header .broadcast .row01,#header .broadcast .row01 a{color: #fff;font-size:32px;}
	#header .broadcast .row02{padding-left: 5.5%;}
	#header .broadcast .row02 *{height: auto;padding: 0px;font-size:18px;line-height: 30px;}
	#header .introduction{height: 190px;padding: 0px;border-top: 1px solid #fff;margin-bottom: 8px;}
	#header .introduction p{font-size: 22px;line-height: 40px;margin-top: 4%;}
}

.pageList #mainBody{background: url(//www.xinhuanet.com/politics/2015lh/foreign/bg_body_pageList.jpg) no-repeat 50% 0;-webkit-background-size: 100%;background-size: 100%;}
.dataList02 li{padding: 15px 0;border-bottom: 1px dotted #c1c1c1;}
.dataList02 li img{float: left;width: 100px;height:75px;margin-right: 10px;}
.dataList02 li h3{margin:0px;font-weight: normal;height: 48px;overflow: hidden;}
.dataList02 li .conts{display:none;height:55px;line-height: 26px;font-size:16px;color:#999;overflow: hidden;margin: 5px 0 0 0;}
.dataList02 li a{display:block;text-decoration: none;font-size:16px;line-height:24px;color: #008cea;}
.dataList02 li a:hover{text-decoration: underline!important;}
.dataList02 li .time{display: block;width: 100%;text-align: right;font-size: 12px;color: #969696;margin-top: 5px;}

.dataList03 li{float: left;width: 50%;text-align: center;margin-bottom: 20px;}
.dataList03 li .info{width: 130px;margin:0 auto;}
.dataList03 li img{width: 130px;height:98px;margin: 0 auto}
.dataList03 li h3{margin:0px;font-weight: normal;height: 44px;overflow: hidden;}
.dataList03 li a{display:block;text-decoration: none;font-size:16px;line-height:22px;color: #008cea;}
.dataList03 li a:hover{text-decoration: underline!important;}

.navsj .begin{ display:block; width:32px; height:29px; background:url(//www.xinhuanet.com/politics/2015lh/foreign/bgPcNav_mobile.png) no-repeat; text-indent:-999px; position:fixed; left:10px; top:10px; overflow:hidden;  z-index:100;  -webkit-background-size: 32px 29px; background-size: 32px 29px;}
.navsj .navCon { position:fixed; top:10px; left:46px; overflow:hidden; height:65px; z-index:100; }
.navsj .navCon a{ float:left; height:29px; line-height:29px; font-size:16px; color:#fff; padding:0 10px; margin:0 6px 5px 0; background:#008cea; text-decoration:none;}
.clearfix { padding: 10px;}