@charset "utf-8";
/* CSS Document */
@font-face { font-family:OpenSans; src:url(OpenSans-Regular.ttf); } 
@font-face { font-family:OpenSansBold; src:url(OpenSans-Bold.ttf); } 

html,body { width:100%; height:100%;} 
body {/*font-size: 62.5%;*/ -webkit-font-smoothing: antialiased; font-family:"OpenSans"; color:#252525;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color:#ffffff; font-size: 14px; }

html,body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0;  padding:0; font-family:"OpenSans";}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block;}
a,a:visited { text-decoration: none; color:#252525;} a:hover { color:#000000;}

textarea {  resize: none;} .posRel { position:relative;} .disBlock{ display:inline-block;} .paddingBox { padding:15px 15px;}
iframe,img {border:0;}img {vertical-align: middle;}.cl { clear:both;} .tc { text-align:center;} .fl { float:left;} .fr { float:right;} .font12 { font-size:12px;} .font14 { font-size:14px;} .font16 { font-size:16px;} .overflowH{ overflow:hidden;}
.fb { /*font-weight: bold;*/ font-family:"OpenSansBold"; }
ul,ol,li {list-style:none;}
input,select,textarea { outline: 0;  -webkit-user-modify: read-write-plaintext-only; border:0px;  font-family:"OpenSans";}
/*input {   -webkit-appearance: none;}*/
select {  -moz-appearance:none;  -webkit-appearance:none; background-color:transparent; margin:0px; border:0px;}
option { font-size:0.7em;}
* {  -webkit-tap-highlight-color: transparent;/*  -webkit-appearance: none; */ }

.white,.white a,a.white,a.white:link,.white a:link,.white a:visited,a.white:hover { color:#ffffff;}
.black,.black a,a.black,a.black:link,.black a:link,.black a:visited,a.black:hover { color:#000000;}
.gray,.gray a,a.gray,a.gray:link,.gray a:link,.gray a:visited,a.gray:hover { color:#828181;}
.blue,.blue a,a.blue,a.blue:link,.blue a:link,.blue a:visited,a.blue:hover { color:#15426f;}
.blue2,.blue2 a,a.blue2,a.blue2:link,.blue2 a:link,.blue2 a:visited,a.blue2:hover { color:#66a3c2;}
.colorBlue,.colorBlue a,a.colorBlue,a.colorBlue:link,.colorBlue a:link,.colorBlue a:visited,a.colorBlue:hover { color:#4289ad;}
.nameColor,.nameColor a,a.nameColor,a.nameColor:link,.nameColor a:link,.nameColor a:visited,a.nameColor:hover { color:#cb894f;}
.hr20 { height: 20px; clear: both;} .hr40 { height: 40px; clear: both;} .marginTb {margin-top: 25px; margin-bottom: 25px;} .marginB {margin-bottom: 10px;}

.topBar { width:100%; border-bottom:#15426f 4px solid; background: #ffffff; height: 107px;} /*20180321*/
 /*20180321 begin */
.navMore { display: block; float: right; width: 60px; height: 50px; background: url(../images/nav_more_arr.png) no-repeat 5px center; position: relative; cursor: pointer; }
.navMore .navMoreList { display: none; position: absolute; top: 50px; right: 0px; text-align: center;  z-index: 1; background-color: #15426f;}
.navMore:hover {background: url(../images/nav_more_arr.png) no-repeat -65px center;}
.navMore:hover .navMoreList { display: block;}
.navMore:hover .navMoreList li { min-width: 150px; border-bottom: #244d76 1px solid; padding: 0 5px; white-space: nowrap;}
.navMore:hover .navMoreList li:hover { background-color: #1a4774;}
 /*20180321 end */

.wrapBg { width:100%; overflow:hidden; background-color:#f2f2f2; padding:30px 0 0 0;}
.bgW { background-color:#ffffff; }
.wrapMain { width:1120px;/* margin:0 auto; */ margin-left: auto; margin-right: auto; clear:both;}
.logo { display:block; width:280px; height:60px; background:url(../images/logo.png) no-repeat 0 0; float:left; overflow:hidden; text-indent:-999px;}
.pcTop { clear:both; float:right; text-align:right; height:32px; overflow:hidden; line-height:20px; padding:10px 0px 5px 0px; color:#7a7a7a;}
.pcTop a,.pcTop a:link,.pcTop a:visited,.pcTop a:hover {color:#7a7a7a;}

.pcSearch { display:inline-block; float:left;  height:20px; padding:5px 5px; border:#ffffff 1px solid;}
.pcSearch.show { width:150px; border:#dddddd 1px solid;}
.pcSearch input.inputSearch { display:none; width:120px; height:20px; padding:0; border:0; float:left;}
.pcSearch.show input.inputSearch { display:block;}
.pcSearchBt { display:inline-block; /*float:right; width:20px;*/ width:20px; height:20px; overflow:hidden; text-indent:999px; background:url(../images/chinausfocus_ico.png) no-repeat 0 0;}

.language { display:inline-block; float:left; height:20px; padding:0px 20px; margin:5px 20px; margin-right: 0; border-left:#d6d6d6 1px solid;}
.sitemapBt { display:inline-block; float:left; height:20px; margin:5px 0; padding-left:30px; background:url(../images/chinausfocus_ico.png) no-repeat 0px -30px;}

.nav { float:right; height:50px; /*line-height:50px;*/ line-height:48px; padding:10px 0 0px 0; text-align:right; }
.nav a.navItem { display:inline-block; padding:0 3px; margin:0 2px; height:48px; }  /*20180321*/
.nav a.dq { border-bottom: #15426f 2px solid;}  /*20180321*/

.mainL { width:740px; float:left;}
.mainR { width:365px; float:right;}

.screenTop { padding:15px 0; overflow:hidden;}
/*.focusPic { width:740px; height:475px; float:left;}
.focusPic img { width:740px; height:475px; }*/
.swiper-container { width:740px; height:475px; float:left; overflow:hidden;}
.swiper-container img { width:740px; height:475px;}
.swiper-container .pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 97%;
  text-align: right;
}
.swiper-container .swiper-pagination-switch {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background: #ffffff;
  margin: 0 3px;
  opacity: 1.0;
  cursor: pointer;
}
.swiper-container .swiper-active-switch {
  background: #d7955a;
}
.swiper-container .swiper-slide { position: relative; }
.swiper-container .swiper-slide .titBox { display:block; width: 620px; height: 109px;  padding: 90px 90px 0px 30px; color: #ffffff;  font-size: 13px; position:absolute; left: 0; bottom: 0; z-index: 10; background: url(../images/focus_titbg.png) repeat-x 0 bottom; }
.swiper-container .swiper-slide .titBox .tit { height: 80px; line-height: 35px; font-size: 30px; font-family:"OpenSansBold";  }
.swiper-container a .swiper-slide .titBox,.swiper-container a:hover .swiper-slide .titBox { color: #ffffff; }

.hotTopics { height:250px; margin-bottom:15px; background:url(../images/hottop_bg.png) no-repeat 0 0; overflow:hidden; padding-left:25px;}
.hotTopics .colTit,.mainRbox .colTit { height:30px; font-size:26px; font-family:"OpenSansBold"; line-height:30px; padding:20px 0 10px 0px;  }
.hotTopics li { height:38px; line-height:38px; font-size:15px; overflow:hidden; border-top:#23384b 1px solid; margin-top:-1px;}

.pcadPic { width:365px; height:210px;}
.pcadPic img { width:365px; height:210px;}
.pcadPicList { margin:15px 0px 0px -5px; clear:both; overflow:hidden; width:1140px; height:210px;}
.pcadPicList li { float:left; width:365px; margin-right:15px;}
.pcadPicList li img {width:365px; height:210px;}

.picksListBar { width:100%; overflow:hidden; background-color:#b4b4b4; margin:15px 0 30px 0;}
.picksListBar.page404 { background:none; margin-bottom: 0;}
.page404PicksTit { margin: 0 15px; padding: 15px 0; line-height: 30px; text-align: center; font-size: 26px; color: #252525;}
.picksListBar .colTit,.mobileNews .colTit { font-size:24px; font-family:"OpenSansBold"; height:40px; line-height:40px; padding:20px 0 10px 0px;  }
.picksList { margin:0px 0px 15px 0px; clear:both; overflow:hidden; width:1140px; height:231px;}
/*.picksList li,.picksList li.swiper-slide { float:left; width:335px; height:200px; padding:15px 15px; margin-right:15px; border-bottom:#777777 1px solid; background-color:#ffffff; overflow:hidden;}*/
.picksList li,.picksList li.swiper-slide { float:left; width:380px; height:231px; }
.picksList li.swiper-slide .picksLiCon {padding:15px 15px; margin-right:15px; border-bottom:#777777 1px solid; background-color:#ffffff; overflow:hidden;}

.tit { font-size:20px; line-height:24px; }
.picksList .tit,.indexColBox .tit,.mobileNews .tit {overflow:hidden; padding-top:10px; padding-bottom:5px;}
.picksList .tit { height:48px;}
.picksList .summary,.indexColBox .summary,.mobileNews .summary { margin:10px 0px 5px 0px; overflow:hidden; font-size:13px; line-height:18px;}
.picksList .summary { height:54px;}
.picksList .editer { /*height:64px;*/ overflow:hidden;}
.editerPic { width:64px; height:64px; font-size:32px; line-height:64px; text-align:center; overflow:hidden; border-radius:64px;/* float:left; */margin-right:15px; color:#ffffff;}
.editerPic img { width:64px; height:64px; border-radius:64px; display:block;}
.picBg_1 { background-color:#66a3c2;}
.picBg_2 { background-color:#eeb482; }
.picBg_3 { background-color: #a3a3a3;}
.picBg_4 { background-color: #e2a8a3;}

.editerTxt { overflow:hidden; padding-top:5px;}
.picksList .editerTxt { max-height:72px;}
.name { font-size:16px; padding:5px 0px; line-height:18px;}
.editerSum { line-height:15px; font-size:12px; color:#818181;}

.indexColBox { background-color:#ffffff; margin-bottom:10px;}
.indexColBox .colTit { height:30px; line-height:30px; padding:15px 20px; background-color:#15426f; font-size:24px; font-family:"OpenSansBold"; }
.indexColBox li { border-top:#e7e7e7 1px solid; margin-top:-1px; padding:20px 25px; overflow:hidden;}
.indexColBox li.hasSon { padding:0 25px;}
/*.indexColBox li.hasSon .titS { clear:both; display:block;}*/
.indexColBox .txtList li { line-height:20px; padding:15px 5px; font-size:16px;}
.lineL_blue { border-left:#15426f 6px solid;}
.lineL_red { border-left:#a52421 6px solid;}
.indexColBox .sideL { width:160px; margin-right:20px; float:left;}
.indexColBox .sideR { overflow:hidden;}

.mainRbox { background-color:#ffffff; margin-bottom:10px; overflow:hidden;}
.mainRbox .colTit { padding:20px 0 10px 20px;}
.contributors li { padding:25px 20px 20px 20px; border-top:#dddddd 1px solid; margin-top:-1px; overflow:hidden;}
.contributors .editerSum { min-height:25px;}
.contributors .tit { line-height:20px; overflow:hidden; font-size:16px; padding-top:5px;}

.servicesBox { margin:0px 15px; overflow:hidden; width:342px;}
.servicesBox a.box { display:block; width:161px; height:120px; padding-top:30px; line-height:30px; text-align:center; float:left; margin-right:10px; margin-bottom:9px;}
.servicesBox .bg_1 { background-color:#cb894f;}
.servicesBox .bg_2 { background-color:#557a98;}
.servicesBox .icoPic { display:block; margin:0 auto; clear:both;}
.servicesList { margin:0px 15px; overflow:hidden; font-size:16px;}
.servicesList li { margin-bottom:10px; height:60px; line-height:60px; background-color:#f0f3f6;}
.servicesList .icoPic {display:block; float:left; background-color:#66a3c2;}
.servicesList .tit { display:block; height:60px; line-height: 60px; font-size:14px; overflow:hidden; padding:0 15px;}

.icoPic { width:60px; height:60px; background-image:url(../images/chinausfocus_services.png); background-repeat:no-repeat;}
.icoPic.ico_1 { background-position:0 0;}
.icoPic.ico_2 { background-position:0 -70px;}
.icoPic.ico_3 { background-position:0 -140px;}
.icoPic.ico_4 { background-position:0 -210px;}
.icoPic.ico_5 { background-position:0 -280px;}
.icoPic.ico_6 { background-position:0 -350px;}
.icoPic.ico_7 { background-position:0 -420px;}
.icoPic.ico_8 { background-position:0 -490px;}

.emailBar { height:38px; margin:0 15px; background-color:#f2f2f2;}
.emailBar .bt { display:block; width:80px; height:38px; float:right; text-align:center; line-height:38px; background-color:#a52421;}
.emailBar .inputBox { overflow:hidden; height:28px; padding:5px 10px;}
.emailBar .inputBox input { width:100%; background-color:#f2f2f2; line-height:28px; height:28px; color:#828181;}
.emailTxt { margin:0 15px 10px 15px; line-height:30px;}

.sideadPic { margin-bottom:10px;}
.sideadPic img { width:100%; height:auto;}

.wrapFooterNav { width:100%; background-color:#133a62; padding:25px 0px; overflow:hidden;} 
ul.footerNav { width:25%; float:left;}
ul.footerNav li.tit { border-bottom:#424242 1px solid; font-size:20px; line-height:40px; margin-bottom:5px;}
ul.footerNav li { line-height:24px;}

/*.copyright { line-height:50px; padding:5px 0; overflow:hidden; font-size:12px;}
.footerLogo { height:50px; float:left; display:block;} .footerLogo img { height:50px; width:auto;}*/

.mobileadPic,.mobileNews,.header,.mapBox_m,.searchCoverbg,.mobileEditer { display:none;}
.pageBtBar { height:30px; padding:5px 0; line-height:30px; float:right; font-size:16px; color:#ffffff; font-weight:normal; font-family:Arial; cursor:pointer;}
.pageBtBar span { display:inline-block; margin:0 5px; width:30px; height:30px; background-image:url(../images/pageBt.png); background-repeat:no-repeat;}
.swipePrevBt { background-position:0 0;}
.swipeNextBt { background-position:0 -40px;}

.Copyright { height: 60px; line-height: 60px; background-color: #ffffff; text-align: right; width: 100%; color: #252525; font-size: 12px;}
.Copyright .footerLogo { width: 250px; height: 60px; display: block; background: url(../images/copyright_logo.png) no-repeat 0 0; float: left; overflow: hidden; text-indent: 999px;}

.toTop { display: none;}

.aboutCtw { font-size: 16px;}
.aboutCtw .colTit { font-size: 20px; color: #245178; border-bottom: #b3cad0 1px solid; line-height: 35px; margin: 10px 0; }
 .rlastnewslist li { line-height: 20px; padding: 5px 0; }

 .pagedesc { margin: 10px 0; padding: 10px; border-top:#e5e5e5 1px solid; color: #484848; font-size: 12px; line-height: 20px; }
 .pagedesc h1, .pagedesc h2, .pagedesc h3 { font-size: 12px; line-height: 22px; padding: 5px 0; clear: both; font-weight: bold;}
 .pagedesc a,.pagedesc a:hover {color: #50b6dc;}
 .pagedesc a:hover { text-decoration: underline;}

 .shareIco { display: inline-block; width: 32px; height: 32px; overflow: hidden; text-indent: -999px; border: #ffffff 1px solid; border-radius: 32px; margin: 20px 10px 0 0; background-image: url(../images/share_ico.png); background-repeat: no-repeat;background-size: auto 32px;}
 .shareIco.s1 { background-position: 0px 0px;}
 .shareIco.s2 { background-position: -51px 0px;}
 .shareIco.s3 { background-position: -102px 0px;}

 .onlyMobile { display: none;}

/*-----------*/
@media all and (max-width: 750px) {
html { font-size: 48px;}	
body { padding-top:50px; font-size:24px;  }	
.onlyMobile { display: block;}

.wrapMain { width:auto; margin:0px 0px; clear:both;}
.screenTop { padding:0;}
.mainL { width:100%; float:none; clear:both;}
.topBanner{width:auto; margin:5px auto; height:2px; overflow:hidden; }
.pcadPicList,.mainR,.footerLogo,#footerNav_2,#footerNav_4,.topBar,.pageBtBar { display:none;}

.picksList { margin:0px 0px 0.18rem 0px; clear:both; overflow:hidden; width:auto; height:auto;}
/*.picksList li,.picksList li.swiper-slide { clear:both; float:none; width:auto;/ height:auto; padding:0.35rem 0.35rem; margin-right:0px; border-bottom:#777777 1px solid; background-color:#ffffff; overflow:hidden; margin-bottom:0.11rem;}*/
.picksList li,.picksList li.swiper-slide { clear:both; float:none; width:auto;/* height:4rem;*/ height:auto; }
.picksList li.swiper-slide .picksLiCon {padding:0.35rem 0.35rem; margin-right:0px; border-bottom:#777777 1px solid; background-color:#ffffff; overflow:hidden; margin-bottom:0.11rem;}
.picksListBar { margin:0; padding:0 0.29rem; box-sizing:border-box;}
.picksListBar .wrapMain { margin-bottom:0;}
.lineL_blue,.lineL_red { border:0;}

.picksList .summary,.indexColBox .summary,.mobileNews .summary { height:auto; margin:10px 0px 5px 0px; overflow:hidden; font-size:0.24rem; line-height:0.34rem;}

.swiper-container { width:100%; /*height:330px;*/ /*height:7.2rem; */ height: 0; padding-bottom: 96%; float:none; overflow:hidden;}
.swiper-container .swiper-slide .pic { width: 100%; /*height: 4.8rem; */ height: 0px; padding-bottom: 64%; overflow: hidden; position: relative;}
.swiper-container .swiper-slide .pic img { width:100%; height: 100%; /*height: 4.8rem;*/ position: absolute; left: 0; top: 0;}
.swiper-container .swiper-slide .titBox { display:block; width: 100%; box-sizing: border-box; height: 2.4rem;  padding: 0.2rem 0.3rem;  color: #252525;  font-size: 0.2rem; /*position:absolute; left: 0; top: 5.0rem; z-index: 10;*/ background: none; position: static; }
.swiper-container .swiper-slide .titBox .tit { height: 1.5rem; line-height: 0.5rem; font-size: 0.42rem; font-family: "OpenSansBold"}
.swiper-container a .swiper-slide .titBox,.swiper-container a:hover .swiper-slide .titBox { color: #252525; }
.swiper-container .pagination { bottom: 2.4rem; }
.swiper-container .swiper-pagination-switch { width:0.12rem; height:0.12rem; border-radius:0.12rem; }

.indexColBox { margin:0 0.29rem;}
.indexColBox li.hasSon { padding:0 15px;}
.indexColBox li.hasSon .titS { clear:both; display:block;}
.indexColBox .txtList li { padding:10px 5px; line-height:16px;}

.picksListBar .colTit,.mobileNews .colTit { font-size:0.38rem; height:0.9rem; line-height:0.9rem; padding:0;}
.picksListBar .colTit,.mobileNews .colTit { font-size:0.38rem; height:0.9rem; line-height:0.9rem; padding:0; }
.indexColBox .colTit { font-size:0.38rem; height:0.9rem; line-height:0.9rem; padding:0 0.4rem; }

.indexColBox li { clear:both; width:100%; padding:0.35rem 0.4rem; box-sizing:border-box; }
.indexColBox .sideL { display:none;}
.indexColBox .sideR { clear:both; width:100%; box-sizing:border-box; float:left;}
.indexColBox .mobileEditer { display:block; overflow:hidden; clear:both; padding:0.1rem 0 0.1rem 0;}

.wrapFooterNav { box-sizing:border-box; padding:10px 0px;}
/*.copyright { line-height:18px; padding:10px 10px 0 10px; text-align:center;}*/
ul.footerNav { width:50%; box-sizing:border-box;}
ul.footerNav li { padding:0 10px; font-size:12px;}

.mobileadPic { display:block;  margin:0.29rem; }
.mobileadPic img { width:100%; height:auto;}
.mobileNews { display:block; background-color:#66a3c2; padding:0 0.29rem;}
.mobileNews li { clear:both;  margin-bottom:0.18rem; padding:0.35rem 0.4rem 0.4rem 0.4rem; background-color:#ffffff; overflow:hidden; }
.mobileNews .xgBar { background:url(../images/arr_xg.png) no-repeat left center; background-size:13px 20px; font-size:0.24rem; padding-left:10px;}
.mobileNews .xgBar a { display:inline-block;  margin:2px 5px; height:20px; line-height:20px;}
.mobileNews .xgBar span.line { height:20px; width:1px; border-left:#dddddd 1px solid;}
.picksList .tit,.mobileNews .tit,.indexColBox .tit,.tit { padding:0; font-size:0.32rem; line-height:0.4rem; height:auto;}

.editerPic { width:1.2rem; height:1.2rem; line-height:1.2rem;  border-radius:0.6rem;/* float:left; */margin-right:0.2rem; font-size:0.6rem;}
.editerPic img { width:1.2rem; height:1.2rem; border-radius:1.2rem;}
.name { /*font-size:0.32rem; */padding:5px 0px; /*line-height:0.4rem;*/}
.editerSum { /*line-height:0.26rem; font-size:0.2rem;*/}

.wrapBg { padding:10px 0px;} 
.toTop { display: block; height:30px; text-align:center; padding:10px 10px; font-size:16px; border-bottom:#ffffff 1px solid;}
.toTop span { display:inline-block; height:30px; line-height:30px; background:url(../images/top_arr.png) no-repeat left center; background-size:30px 30px; padding-left:35px;}

.header { display:block; width: 100%; height: 40px; padding: 5px 0px; clear: both; background: #ffffff url(../images/logo.png) no-repeat center center; background-size: auto 35px;  position: fixed; left: 0; top: 0; z-index: 9999; border-bottom: #15426f 3px solid;}
.menuBt_m,.searchBt_m { display: block; width: 40px; height: 40px; margin:0px 5px; background-image: url(../images/header_ico.png); background-size: 40px 85px;}
.menuBt_m { float: left; background-position: 0 0; }
.searchBt_m { float: right; background-position: 0px -45px; }

.mapBox_m { width: 100%; height: 100%; padding-top:55px; overflow-y:auto;  position:fixed; left: 0; top: 0; z-index: 9998; background-color: #ffffff; display: none; box-sizing: border-box; font-size:0.26rem; }
.mapBox_m ul.navlist { padding: 15px 15px; border-top:#dddddd 1px solid; overflow: hidden;  }
.mapBox_m ul.navlist li  { width:50%; height: 0.7rem; line-height: 0.7rem; overflow: hidden; color: #585858; float: left; }
.mapBox_m a,.mapBox_m a:visited { color: #585858; }
.mapBox_m  a:hover,.mapBox_m  li a.dq { color: #1e629f }
.mapBox_m .tit { height: 0.7rem; line-height: 0.7rem; padding: 5px 15px; }
.mapBox_m ul.navlist li.tit { padding: 0; width: 100%; float: none; clear: both; }
.mapBox_m .font16 {font-size: 0.3rem;}

.searchCoverbg { width: 100%; height: 100%; box-sizing: border-box; padding-top: 52px; position: fixed; left: 0; top: 0; z-index: 9998; background: url(../images/coverbg.png) repeat center center; }
.searchCoverbg .searchBar{ height: 35px; border-bottom: #dddddd 1px solid; margin:15px 15px 20px 15px; background-color: #ffffff; }
.searchCoverbg .searchBar .searchBt { height: 28px; width: 55px; line-height: 28px; text-align: center; background-color: #153f6f; display: block; float: right; font-size:14px; }
.searchCoverbg .input { overflow: hidden; height: 28px;  margin-right: 10px; }
.searchCoverbg .input input { width: 100%; height: 28px; line-height: 28px; }

.Copyright { text-align: center; line-height: 20px; padding: 10px 10px; height: auto; box-sizing: border-box;}
.Copyright a.footerLogo { display: none;}
	
}