/* @font-face {font-family: 'Roboto';src: url('../font/Roboto-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;} */
@font-face { font-family:OpenSauceOne; src:url(OpenSauceOne-Regular.ttf)format("truetype"); font-display: swap;} 
/* @font-face { font-family:OpenSauceOneBold; src: url(OpenSauceOne-Bold.ttf)format("truetype"); font-style: normal;font-display: swap}
@font-face { font-family:OpenSauceOneItalic; src: url(OpenSauceOne-Italic.ttf)format("truetype"); font-style: italic;font-display: swap} */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{/* font-family: Arial, Helvetica, sans-serif; */font-family: OpenSauceOne,PingFang SC,Microsoft YaHei,STHeiti; font-size: 14px; color:#000000; -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block;}
li {list-style: none;}
input{outline:none;border:0px;margin:0px;padding:0px}
input:-webkit-autofill{box-shadow:0 0 0 1000px white inset !important}

.blue,a.blue,.blue a { color: #364f6b;}.black { color: #000000;}
.red {color: #d22b29;} .overflowHidden { overflow: hidden;} .grey { color: #555555;}
a{color:#000000;text-decoration:none;}
a:link,a:visited,a:active { text-decoration: none;}
a:hover,.hover:hover a,* a:hover { /*text-decoration:underline;*/ text-decoration: none;  color: #d22b29;}

img{border:0;vertical-align:middle}
input,select,textarea,button { outline: 0;  -webkit-user-modify: read-write-plaintext-only; border:0px; font-family:OpenSauceOne,sans-serif; } 
* {  -webkit-tap-highlight-color: transparent;/*  -webkit-appearance: none; */ }
.onlyPc { display: block;} 
.onlyMobile { display: none ;}

.tc { text-align: center;}.tr { text-align: right;}.disBlock { display:inline-block;} .fl { float: left;} .fr { float: right;}
.fb,.colTitle,.moreworkItem .title {/*font-family: OpenSauceOneBold;*/ font-weight: bold;}
.underline { text-decoration: underline;}.underlineNone,.underlineNone:hover { text-decoration: none;}
.borderRadius { border-radius: 2px;}
.colmainPadding { padding-top: 50px; padding-bottom: 50px;}
.boxGradient { border-image: linear-gradient(92deg,#c13c33 0%, #c13c33 5%, #3424af 55%, #19325f 100%);border-image-slice: 1; border-width:1px; border-style: solid;}
.lineGradient {border-image: linear-gradient(90deg, #c13c33 0%, #c13c33 5%, #3424af 55%, #19325f 100%); border-image-slice: 1;}
.lineGradient.left {border-image: linear-gradient(180deg, #c13c33 0%, #c13c33 5%, #3424af 55%, #19325f 100%); border-image-slice: 1;}

/* 常规标题 20px,line-height 1.1 */
.textpicList .tit,.harborList li.item .tit,.ideasAuthor .tit,.newslist .tit,.headlines .tit,.newslist_col1 .tit,.ourvideosSwiper .item .tit,.reportsList .p2,.photosList .tit,.author2 .name {font-size: 20px; line-height: 1.1;}
.comm_top_piclist3.newslist .picL .tit { font-weight: bold; line-height: 32px;} /*.comm_top_piclist3.newslist .picR .tit { font-weight: bold;}*/

.summary,.impact_txt,.upcoming_r_box .pubdate,.author2 .jobtitle { font-size: 16px; line-height: 1.3;} 
.reportBtnbar .btnlink,.upcoming_register_bar .register_btn,.exploreMore { font-size: 16px;}
.summary_s { font-size: 14px; line-height: 1.5;}
/* .pubdate { font-size: 16px; line-height: 30px; color: #555555; } */
.pubdate { font-size: 14px; line-height: 30px; color: #555555; margin-top: 10px; margin-bottom: 10px;}

.fontTitle { /* font-family: 'PT Serif'; */ font-family: OpenSauceOne;} .capitalLetter{text-transform: uppercase;}
.picHorizontal,.picHorizontal2,.picSquare,.picHorizontal3 {width: 100%; height: 0;position: relative; overflow: hidden;}
.picHorizontal {  padding-bottom: 56.25%; } /* 16:9 横图 */
.picHorizontal2 {  padding-bottom: 75%; } /* 4:3 横图 */
.picSquare { padding-bottom: 100%; } /* 1:1 正方形 */
.picHorizontal3 {  padding-bottom: 66.7%; } /* 新改版横图比例 9:6 */
.picHorizontal img,.picHorizontal2 img,.picSquare img,.picHorizontal3 img,.partnersSwiper .item img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: all .3s ease; z-index: 1; }
.hoverScale img {transition: all .3s ease; } .hoverScale:hover img { transform: scale(1.1); } /*图片呼吸效果*/
img.fitCoverpic { width: 100%; height: 100%; object-fit: cover;}

.wrapMain { width: 100%; /*min-width: 1200px; overflow: hidden; */ box-sizing: border-box;} 
.wrapMain.padding_lr { padding-left: 30px; padding-right: 30px;}
.bgGrey { background-color: #f7f7fa;} .bgGrey2 { background-color: #f4f0eb;}
.bgWhite { background-color: #FFFFFF;}
.bgBlue { background-color: #354e6b;}
.bgTexture {background-color: #f4f1ec;}

.ellipsis-multiline {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
/* header */
.headerBar { width: 100%; position: absolute; /*position: fixed; left: 0; top: 80px; */z-index: 999; left: 0;} .headerBar {transition: padding 0s !important;}
.header { height: 55px;/* padding: 5px 25px 5px 30px;*/  padding: 0px 25px 5px 30px; position: relative;}
.logo { display: block; width: 395px; height: 45px; float: left; background-image: url('../images/logo.png'); background-repeat: no-repeat; background-position: 0 0; background-size: 395px 45px;}
.navbutton { display: block;}

.navBar { float: right; height: 35px;display: flex; justify-content: flex-end;/* margin-top: 5px;*/ margin-top: 10px;}
#navBar.mobileStatus { display: flex;}/* 小屏时状态不影响切换到大屏时状态 */
.navBar .getBtn { display: block; background: #d22b29; height: 35px; line-height: 35px; padding: 0 15px; margin-right: 10px; font-size: 16px; margin-left: 15px;} .navBar .getBtn.onlyMobile { display: none;}
.navBar .navItem { height: 45px;  margin: 0 8px; font-size: 14px; position: relative;}
.navBar .navItem .navBtn { display: block; position: relative; font-size: 16px; padding-right: 8px; padding-left: 8px; }
.navBar .navItem .navBtn:hover {color: #ffffff; text-decoration: none;}

.navBar .navItem .navBtn::before,.navBar .navItem .navBtn.dq ::before{ display: block; width: 0; position: absolute; height: 3px; top: 35px; left: 0; content: ''; background-color: #d22b29; transition:width .2s ease-out; }
.navBar .navItem:hover .navBtn::before,.navBar .navItem .navBtn.dq::before {  width: 100%; } 
.navBar .navItem.dropdownItem:hover .navBtn::before { display: none;}

.navBar .navItem a.navBtn,a.getBtn,a.getBtn:link,.getBtn:hover { color: #ffffff; line-height: 35px; }
.navBar .navItem a:hover {color:#C13C34;}
.navBar .navItem .dropdown { transition: all .3s; display: block; box-sizing: border-box; padding: 0 7px 0px 7px; background-color: #ffffff; height: 0; overflow: hidden; opacity: 0;  position: absolute; /*top: 50px;*/ top: 45px; left: 0; z-index: 100; min-width: 120px; text-align: left; }
.navItem .dropdown .cl { display: none;}.navItem.open .dropdown .cl { display: block; height: 7px; clear: both;}
.navBar .navItem.open .dropdown {display: block; overflow: visible; height: auto; opacity: 1; box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.navBar .navItem.dropdownItem.open .navBtn::after  { /*transform: rotate(180deg);*/ display: none;}
.dropdown li.title { font-size: 18px; line-height: 30px; }
.navItem .dropdown .menuBox { float: left; position: relative; margin-bottom: 7px; min-width: 106px;} /*120-7*2*/
.navItem .dropdown .menuBox li {  }
.navItem .dropdown .menuBox a {display: block; padding: 3px 35px 3px 8px; white-space: nowrap;line-height: 30px; position: relative; } 
.navItem .dropdown .menuBox a:hover,.navItem .dropdown .menuBox a.hover { background-color: #d22b29;color: #ffffff; text-decoration: none;}

.navItem .dropdown .menuBox li.has_submenu > a::after { display: block; content: ">"; text-align: center; transform: scale(1, 1.6); width: 30px; height: 30px; position: absolute; right: 0; top: 3px;}
.navItem .dropdown .menuBox li.has_submenu > a:hover::after { display: block; content: ">"; text-align: center; transform: scale(1, 1.8);color: #ffffff; width: 30px; height: 30px; position: absolute; right: 0; top: 3px;}
/* .navBar .navItem .dropdown.active_extend { min-width: 300px; width: 350px;} */
.submenu_list { display: none;}
.submenu_list { position: absolute; left: 100%; height: 100%; top: 0; padding-left: 10px;}
/* .submenu_list a { color: #000000 !important;}
.submenu_list a:hover { color: #ffffff !important;}  */
.submenu_list a { color: #000000;}
.submenu_list a:hover { color: #ffffff;} 
/*--??--*/
.dropdown.active_extend .menuBox { background: url(../images/point_bg.jpg) repeat-y right top;}
.dropdown.active_extend .menuBox li {padding-right: 10px;}

.navItem .dropdown::before { content: ""; display: block; margin-left: 15px; margin-top: -6px; width: 0; height: 0; border-width: 0 6px 6px; border-style: solid; border-color: transparent transparent #ffffff; }
.navItem .dropdown::after { content: ""; display: block; height: 7px; }

.headerBar.simple {position: fixed; background-color: rgb(0,0,0,.5); top: 0; transition: all .3s ease;}
.headerBar.simple .topSharebar { display: none;}
.headerBar.simple .logo { margin-left: -20px; width: 195px; transform: scale(.8); transition: transform .3s ease; margin-top: 5px;}
/* .headerBar.simple .dropdown { background-color: rgb(0,0,0,.8); } */
#appendtoBox {display: flex;}
/* share */
.topSharebar { height: 40px; display: flex; justify-content: flex-end; padding: 0 35px; margin-top: 15px; margin-bottom: -10px;}
.topSharebar .connects_share,.articleShare .connects_share { padding:0; }
.topSharebar .connects_share .icon_s,.articleShare .connects_share .icon_s{display:inline-block; transform: scale(.76); width:30px;height:30px; margin-left:2px;margin-right:2px;background-image:url(../images/icon_share.png);background-repeat:no-repeat;background-size:30px auto;overflow:hidden}
.connects_share .icon_s.s1{background-position:0 0} /*facebook*/
.connects_share .icon_s.s2{background-position:0 -30px} /*linkedin*/
.connects_share .icon_s.s3{background-position:0 -60px} /*ins*/
.connects_share .icon_s.s4{background-position:0 -90px} /* x */
.connects_share .icon_s.s0{background-position:0 -120px} /* shareicon */

/* search */
.searchBox{/*float:right;*/ height:30px; overflow:hidden; line-height: 22px;}
.searchBtn{width:30px;height:30px; cursor:pointer;float:right; color: #ffffff; padding: 2px;}
.searchBtn svg {width: 24px; height: 24px; outline: 0;}
.searchBox.unfold{ border-bottom:#ffffff 1px solid; /* background: rgba(255, 255, 255, .2);*/ margin-top: 50px; margin-right: 100px;}
.searchBox .inputbox{overflow:hidden;height:28px;width:0;}
.searchBox.unfold .inputbox{display:block;/*width:135px;*/ overflow: hidden; width: auto; padding:4px 10px;transition-duration:.5s;} 
.searchBox .inputbox input{ width:100%;height:20px;line-height:20px; background: none;color: #ffffff;} .searchBox .inputbox input::placeholder { color: #dddddd;}
.topbannerBg form { padding: 30px 0; margin: 0 auto; max-width: 420px; line-height: 40px;} .topbannerBg form .tit { padding-right: 10px; font-size: 18px;}  .topbannerBg form .searchBox { height: 40px; padding: 5px 5px; margin: 0;} .topbannerBg form .searchBox.unfold .inputbox { width: auto; } .topbannerBg form .searchBox .inputbox input { font-size: 22px;}
.searResults { text-align: right; font-size: 18px; margin-top: 30px; overflow: hidden;}

#searchboxModal .modal-content { background: none; border: none; padding-top: 80px;} #searchboxModal .modal-header { border-bottom: none}
#searchboxModal .close { color: #ffffff; font-weight: normal; opacity: 1; text-shadow:none; cursor: pointer;}
#searchboxModal .close span { display: inline-block; font-size: 20px; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 20px; background-color: rgb(255,255,255,.5);}

/* language */
.languageBox { /*float: left;*/ font-size: 16px; height: 25px; position: relative; margin: 3px 5px 0 5px;}
.languageBox .languageList { display: none; position: absolute; right: -10px; top: 25px; z-index: 1; background-color: rgb(0,0,0,.7); padding: 5px 20px; line-height: 40px;}
.languageBox:hover .languageList { display: block;}
.languageBox .languageList a,.languageBox .languageList a:hover { color: #ffffff;}
.languageCurr { cursor: pointer; height: 25px; padding-right: 25px; line-height: 25px; position: relative;}
.languageCurr::after { width: 25px; height: 25px; content: ''; display: block; position: absolute; top: 0; right: 0; background-image: url(../images/icon_language.png); background-repeat: no-repeat; background-size: auto 25px; background-position: -25px 0;}
.languageList .hoverUnderline { border-bottom-width: 3px; }

/* --- */
.topbannerBg { background-color: #354e6b; padding-top: 120px;} .topbannerBg .pubdate{ overflow: hidden;}
.hrBar { width: 100%; clear: both; height: 100px; overflow: hidden;}
.hrBar::after { display: block; content: ''; width: 100%; height: 1px; margin-top: 50px; border-top: #cccccc 1px solid;}
.hrBar.whiteline::after { border-top: #ffffff 1px solid;}
.hrNull { width: 100%; clear: both; height: 50px; overflow: hidden;}.hrNull2 { width: 100%; clear: both; height: 25px; overflow: hidden;}
.colTitle { font-size: 36px; line-height: 36px; margin-bottom: 20px;}

/* ---modalSwiper--- */
.modalSwiper { width: 100%; max-height: 100%; overflow: hidden; position: relative; opacity: 0;}
.show .modalSwiper { opacity: 1; transition: opacity .3s linear; }
.modalSwiper .swiper-slide { position: relative; text-align: center;}
.modalSwiper .swiper-slide .pic { width: 100%; max-height: 100%; }
.modalSwiper .swiper-slide .pic img { width: 100%; max-height: calc(100vh - 3.5rem);  object-fit: contain;}
.modalSwiper .swiper-slide .tit {/* */position: absolute; width: 100%; bottom: 0; left: 0; z-index: 10; color: #ffffff; padding: 15px 15px; font-size: 16px; background-color: rgb(0, 0, 0,.6);}

.modal-backdrop.show {opacity: .6}
.picModal .modal-content { /* background: none; */background: rgb(0,0,0,.6); border: none;}
.picModal .close { width: 36px; height: 36px; text-align: center; display: block; position: absolute; z-index: 100; top: 15px; right: 10px; font-size: 36px; font-weight: normal; opacity: 1; color: #000000;}
/* modal-fullscreen bootstrap5 */
/* #videoModal.modal.show { transform: opacity .15s linear;} */
.modal-videofullscreen .modal-header { border: none; padding: 5px;}
.modal-videofullscreen .modal-header .close { padding: 15px 15px; margin-right: 0px; cursor: pointer; text-shadow: none; opacity: 1; color: #ffffff; font-weight: normal; font-size: 36px;}
/* #videoModal video { width: 100%; height: auto;} */
.modal-videofullscreen .modal-content { background:none; border: none;}

.modal-videofullscreen { width: 100vw; max-width: none; overflow: auto; height: 100%; margin: 0; background-color: rgb(0, 0, 0,.66);}
.modal-videofullscreen .modal-content { height: 100%;}
.modal-videofullscreen .modal-body {/* display: flex;  flex-wrap: wrap;*/align-content:center; padding: 0; }
.modal-videofullscreen .modal-content .modal-video { /*position: relative;height: 100%; display: flex; flex-direction: column; */max-height: 100%;}
.modal-videofullscreen .videoBox { position: relative; height: 0; padding-bottom: 44%; text-align: center;}
.modal-videofullscreen .modal-video video {/* max-width: 1000px; height: auto; */  position: absolute;  width: 100%; height: 100%; margin: 0 auto; object-fit: contain;}
.modal-videofullscreen  .videoTitle {  text-align: center; font-size: 20px; color: #ffffff; padding: 20px;}

/* ---2025begin--- */
.exploreMorebar { text-align: center; padding-bottom: 75px; }
.exploreMore { display: inline-block; line-height: 32px; position: relative; padding-left: 55px; padding-top: 5px; padding-bottom: 5px; position: relative; }
.exploreMore:hover { text-decoration: none; color: #d22b29;}
.exploreMore::after {transition: all .3s ease; display: block; box-sizing: border-box; border-radius: 40px; width: 42px; height: 42px; border: #d22b29 1px solid; content: ''; position: absolute; left: 0; top: 0; background-image: url(../images/btn_arr.png); background-repeat: no-repeat; background-size: 100% auto; background-position: 0 1px;}
.exploreMore:hover::after { background-position: 0 -40px; background-color: #d22b29;}
.exploreMore.downarrow::after { background-position: 0 -120px;}
.exploreMore.downarrow:hover::after { background-position: 0 -80px;}
.moreworkItem .exploreMore::after { width: 35px; height: 35px; top: 4px;} .moreworkItem .exploreMore:hover::after { background-position: 0 -32px;}
.moreworkItem .exploreMore { padding-left: 45px;}
.playbtn_tr { position: absolute; display: block; top: 25px; right: 25px; z-index: 3; display: block; width: 40px; height: 30px; border-radius: 4px; background: #d22b29 url(../images/playbtn2.png) no-repeat center center; background-size: 40px auto;}
/* ---2025end--- */

/* --- --- */
.textpicList .item { /*padding-left: 12px; padding-right: 12px;*/}  /*2025-10-1*/
.textpicList .pic { /*margin-bottom: 15px;*/ }
/* .textpicList .pic { margin-bottom: 15px; } */
.textpicList .p1 {font-size: 16px;color: #555555;line-height: 22px; padding: 2px 0;/* text-transform: uppercase;*/}
/* .textpicList .tagTit { font-size: 28px; padding-top: 5px;} */
.textpicList .summary ,.textpicList .summary_s { /*margin-top: 5px;*/ margin-top: 10px; margin-bottom: 15px;}
/* .textpicList .textbox { padding-top: 15px; } */
.textpicList .textbox { padding-top: 10px; padding-bottom: 10px; }
.textpicList .textbox .tit,.textpicList .textbox .pubdate { margin: 5px 0;}
.textpicList .textbox .tit + .pubdate,.textpicList .textbox .pubdate + .tit { margin-top: 10px;}

/* partnersSwiper */
.partnersSwiper { padding-bottom: 100px; }
.partnersSwiper .item { width: 100%; height: 0; padding-bottom: 100%; position: relative;}

.communitBox { width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; font-size: 18px; color: #ffffff;}
.communitBox img.bgPic { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1;}
.communitBox .cover {width: 100%; height: auto; /* height: 50px; max-height: 50%; */ position: absolute;left: 0;bottom: 0;z-index: 3;}
.communitBox .cover .con {/* height: 55px;*/overflow: hidden;}
.communitylogo {display: none;width: 100%;text-align: center; /*max-height: 50%;*/ height: 150px; padding: 10px; margin-bottom: 15px; background-color: #ffffff;}
/* .communitylogo img {  width: 155px;  max-width: 70%; height: auto; max-height: 100%; object-fit: contain; padding: 10px 10px; background-color: #ffffff;} */
.communitylogo img { width: 100%; height: 100%; object-fit: contain; }
.communitBox .title { font-size: 22px; line-height: 1.5; padding: 12px 20px; width: 100%; text-align: center; text-transform: uppercase; /*margin-bottom: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ position: relative;}
.communitBox .title::after,.comm_top_lr .picbox .tit::after,.piclist_1_4 .picBox .tit::after { display: block; opacity: 0; width: 1px; background-color: #ffffff; bottom: 5px;  content: ""; height: 2px; left: 50%; position: absolute;  transition: transform .3s ease;}
.communitBox:hover .title::after,.comm_top_lr .picbox:hover .tit::after,.piclist_1_4 .picBox:hover .tit::after  { opacity: 1; transform: translateX(-50%) scaleX(50);}
.communitBox .btnBar { transition: all .3s; opacity: 0; /*display: none;*/ width: 100%; height: 55px; margin-bottom: 10px; padding: 10px 0; text-align: center; left: 0; bottom: 0; position: absolute; z-index: 4;}
.communitBox .more { display:inline-block; width: 160px; height: 36px; margin:0 auto; line-height: 34px; font-size: 15px; text-align: center;/* border: 1px solid #F6F6F6;*/}
.communitBox:hover .cover { height: 100%; max-height: 100%; transition: all .3s ease;}
.communitBox:hover .title { white-space: normal;}
.communitBox:hover .cover .con { display: flex; flex-wrap: wrap; align-content:center; position: relative; background-color: rgb(0,0,0,.6);  width: 100%; height: 100%; 
    /* flex-direction:column-reverse; */ }
.communitBox:hover .btnBar { bottom: 0px; display: block;opacity: 1; }
.communitBox:hover .communitylogo { display: block;}
.communitBox:hover img.bgPic {transform: scale(1.08); transition: .6s ease;}

.swiperPagebar { height: 100px; width: 100%; bottom: 0; left: 0; position: absolute;}
.swiperPagebar .inner {height: 100px; width: 100%; position: relative;}

.swiperPagebar .swiper-button-next,.swiperPagebar .swiper-button-prev,.swiperPagebar .swiper-button-next:hover,.swiperPagebar .swiper-button-prev:hover { background-image: url(../images/page_arr.png); background-repeat: no-repeat; background-size: 40px auto;}
.swiperPagebar .swiper-button-next,.swiperPagebar .swiper-button-prev { color: #d22b29; font-weight: bold; width: 40px; height: 40px; border-radius: 40px; border-color: #d22b29; border-width: 1px; border-style: solid;}
.swiperPagebar .swiper-button-next:after,.swiperPagebar .swiper-button-prev:after { display: none;}
.swiperPagebar .swiper-button-prev { left: 50%; margin-left: -45px; background-position: -1px -1px;}
.swiperPagebar .swiper-button-next { right: 50%; margin-right: -45px; background-position: -1px -41px;}
.swiperPagebar .swiper-button-prev:hover {background-position: -1px -81px;}
.swiperPagebar .swiper-button-next:hover {background-position: -1px -121px;}
.swiperPagebar .swiper-button-next:hover,.swiperPagebar .swiper-button-prev:hover { background-color: #d22b29;}
/* OUR IMPACT */
.impactItem { text-align: center; margin: 30px auto 40px auto;}
.impact_stats .num,.impact_stats .impactIcon {display: inline-block; overflow: hidden; height: 60px; line-height: 60px;}
.impact_stats .num { font-size: 50px; color: #d22b29;}
.impact_stats .impactIcon { width: 60px; margin-left: 10px; background-image: url(../images/icon_impact.png); background-repeat: no-repeat; background-size: 60px auto;}
.impact_stats .impactIcon.icon1 { background-position: 0 0;}
.impact_stats .impactIcon.icon2 { background-position: 0 -60px;}
.impact_stats .impactIcon.icon3 { background-position: 0 -120px;}
.impact_stats .impactIcon.icon4 { background-position: 0 -180px;}
.impact_txt { padding-top: 20px; padding-bottom: 20px;}
/* Upcoming */
.upcoming_box { margin-bottom: 40px;}
.upcoming_r_box { padding: 50px 50px; position: relative; background-color: #f7f7fa; min-height: 430px;}
.upcoming_box .pic { position: absolute; width: 100%; height: 100%; overflow: hidden;}
.upcoming_box .pic img { width: 100%; height: 100%; object-fit: cover;}
.tipsBar { margin: 5px auto; height: 40px;}
.tipsBar .tips { margin-left: -20px;}
.tipsBar .tips::before { display: inline-block; content: ''; width: 30px; height: 40px; overflow: hidden; background: url(../images/icon_tipsbg.png) no-repeat 0 0;}
.tipsBar .tips span.txt { display: inline-block; overflow: hidden; height: 40px; line-height: 40px; background-color: #ffd155; padding-right: 15px; padding-left: 5px; text-transform: uppercase; font-size: 16px;}
.upcoming_r_box .tit {font-size: 22px;line-height: 32px; margin-top: 20px; margin-bottom: 15px;}
.upcoming_r_box .pubdate { color: #d22b29; }
.upcoming_register_bar { margin-top: 20px;}
.upcoming_register_bar .register_btn { display: inline-block; line-height: 32px; padding: 0 35px; background-color: #d22b29;} .register_btn:hover { text-decoration: underline;}

/* footer */ 
#footer{background-color:#364f6b;padding-top:50px; overflow:hidden;color:#f7f7f7; font-size: 14px; }
.footer_p1 { padding-bottom: 50px; overflow: hidden;}
.footer_p1 .interaction { float: right; width: 300px; overflow: hidden;} .interaction a:hover { text-decoration: underline;}
.footer_p1 .interaction .interaction_btn { display: block; position: relative; height: 38px; line-height: 30px; margin-top: 20px; margin-bottom: 10px; padding: 4px 15px; border: #ffffff 1px solid; }
.footer_p1 .interaction .interaction_btn::after { display: block;content: ''; position: absolute; right: 10px; top: 0; z-index: 1; width: 25px; height: 35px; background: url(../images/ico_arr_right.png) no-repeat center center; background-size: 100% auto;}
.connects_share{overflow:hidden;padding:20px 0}
.connects_share li.item { float: left; width: 25%; text-align: center;}
.connects_share .icon_s{display:inline-block;width:30px;height:30px;background-image:url(../images/icon_share.png);background-repeat:no-repeat;background-size:30px auto;overflow:hidden}
.connects_share .icon_s.s1{background-position:0 0}
.connects_share .icon_s.s2{background-position:0 -30px}
.connects_share .icon_s.s3{background-position:0 -60px}
.connects_share .icon_s.s4{background-position:0 -90px}
.connects_share .icon_s.s0{background-position:0 -120px}

.footer_p1 .logo_contact { float: left; width: 720px;}
.footer_logo { width: 270px; float: left;} .footer_logo img { width: 100%; height: auto;}
.footer_navbox { padding-top: 28px; line-height: 30px; padding-left: 50px; overflow: hidden; } .footer_navbox a:hover {text-decoration: underline;}
.copyright{font-size:14px;clear:both;overflow:hidden; padding: 20px 0 35px 0; border-top: #3d5a7a 1px solid;}

@media (min-width: 1400px) {
    .container {max-width: 1400px; padding-left: 30px; padding-right: 30px;}
}
@media screen and (min-width:576px) and (max-width:1400px) {
    .container {max-width: 100%; padding-left: 30px; padding-right: 30px;} .swiper.container { padding-left: 0; padding-right: 0;}
}
@media (max-width: 1300px) {
     .logo { width: 195px;}
} 
@media (max-width: 1200px) {
    .headerBar.simple .searchBox.unfold .inputbox { width: 80px;} 
    .upcoming_r_box {min-height: 360px;}   
}
@media (max-width: 1100px) {
    .logo { transform: scale(.8); transform-origin:left center;} 
    .navBar .navItem { margin: 0 0;}

    .footer_p1 .logo_contact { width: 610px;} .footer_navbox { padding-left: 30px;}
}
@media (max-width: 992px) {
    .onlyPc { display: none;} 
    .onlyMobile { display: block;}
    .comm_top_picbanner .onlyPc { display: block;}
    .comm_top_picbanner .onlyMobile,.leadershipTabbar.onlyMobile { display: none;}

    .logo { transform: scale(.8); transform-origin:left center;}
    .headerBar.simple .logo { left: 50%; top: 50%; margin-left: -55px; margin-top: -20px; transform: scale(.6);} .headerBar.simple .navbutton { margin-top: 10px;}
    /* 手机导航 */
    .topSharebar { display: none;}
    .headerBar,.headerBar.simple { /*position: static;*/ background-color: #364f6b;} 
    .header { padding-left:0px ; padding-top: 20px; box-sizing: content-box;}
    .headerBar.simple .header { padding-top: 0; padding-bottom: 0;}

    #navBar.mobileStatus { display: block; height: 100%; opacity: 1; overflow: scroll; padding: 0 20px 0px 20px;} /*  小屏时状态 */
    #navBar { width: 100%; height: 0; opacity: 0; transition: height .3s; overflow: hidden; /*height: 100%; display: none; padding: 0 30px 50px 30px;*/ position: fixed; overflow: scroll; /*min-height: 100%; height: auto; position: absolute;*/  margin-top: 0; top: 80px;/* background-color: #364f6b; */ background-color: #ffffff;  float: none; z-index: 999;}
    .headerBar.simple #navBar { top: 55px;}
    .navBar .bottomPlaceholder { width: 100%; height: 80px; clear: both;}
    .navBar .navItem { height: auto; margin:0 40px 30px 40px; font-size: 20px; clear: both;}
    .navBar .navItem li { font-weight: normal; padding: 0 0; font-size: 16px;} .navBar .navItem li .submenu_list li {font-size: 13px;}
    .navBar .navItem .dropdown,.headerBar.simple .dropdown { height: auto; opacity: 1; position: static; background: none; box-shadow: none;}
    .navBar .navItem .dropdown { padding-left: 0px;}
    .navBar .navItem::after,.navItem.open .dropdown .cl,.navItem .dropdown .menuBox li.has_submenu > a::after { display: none;}
    .navBar .getBtn.onlyMobile { margin: 0; float: right; display: block;} .navBar .getBtn.onlyPc { display: none;}
    .connects_share.onlyMobile .icon_s {background-image:url(../images/icon_share_mobile.png); transform: scale(.7); margin-top: 3px; margin-left: 0; float: left;}
    .connects_share.onlyMobile { display: block; float: none; width: auto; margin-bottom: 20px; padding: 0; overflow: hidden;}
    .navBar .navItem a.navBtn { color: #364f6b; font-weight: bold; border-bottom: #dddddd 1px solid; margin-bottom: 5px;} 
    .navBar .navItem a.navBtn:hover,.navBar .navItem a.navBtn:visited {color: #364f6b;}
    .navItem .dropdown .menuBox > li > a { font-weight: bold;  margin-top: 5px;}
    .navBar .navItem.open .dropdown { overflow: hidden;}
    .dropdown .box { /*margin-bottom: 20px;*/ margin-bottom: 20px;}
    .navBar .navItem .navBtn::after { background-image: url(../images/icon_arrblack.png);}
    .navBar .navItem .navBtn:hover {color: #000000;}
    .navBar .navItem.open .navBtn,.navBar .navItem .navBtn:hover { text-decoration: none;}
    .navItem .dropdown .menuBox a { line-height: 22px;}

    .navBar .navItem .navBtn::before, .navBar .navItem .navBtn.dq ::before,.navItem .dropdown::after { display: none;}
    .navItem .dropdown .menuBox { float: none; margin-bottom: 0;}
    /* .navItem .dropdown .menuBox > li { border-bottom: #cccccc 1px dotted} .navItem .dropdown .menuBox > li:last-child { border-bottom: none;} */
    .navItem .dropdown .menuBox a:hover, .navItem .dropdown .menuBox a.hover { background-color: #ffffff; color: #000000;}
    .submenu_list { display: block !important; position: static; padding-left: 0px; margin-bottom: 10px;}

    .searchBox { border: #364f6b 1px solid; margin: 10px 0px 10px 0;}
    .searchBtn { color: #364f6b;}
    .searchBox .inputbox { width: auto; padding: 4px 10px;} .searchBox .inputbox input { color: #000000;} .searchBox .inputbox input::placeholder { color: #666666;}
    .topbannerBg form .searchBtn,.topbannerBg form .searchBox .inputbox input,.topbannerBg form .searchBox .inputbox input::placeholder { color: #ffffff;}

    .languageBox .languageList { display: block; position: static;}
    #appendtoBox { display: none;}
    .languageBox.onlyMobile { height: auto; margin: 0 0 20px 0; overflow: hidden;}
    .languageBox.onlyMobile .languageList { background: none; padding: 0;}
    .languageBox.onlyMobile .languageList li { width: 33.33%; float: left; text-align: center;}
    .languageBox.onlyMobile .languageList li a { display: block; border-radius: 2px; height: 35px; line-height: 35px; margin: 0 5px; color: #364f6b;  border: #364f6b 1px solid;}
    
    .navbutton { display: block; width:39px;height:35px; margin-left: 15px; /*float: right;*/ float: left; margin-top: 5px; background:url(../images/icon_menu.png) no-repeat 0 0;background-size:auto 35px; }
    .navbutton.closeNav { background-position: -40px 0; }
    .logo { position: absolute; left: 50%; top: 50%; margin-left: -68px; margin-top: -18px;}

    .topbannerBg { /*padding-top: 20px; padding-bottom: 20px;*/ padding-top: 80px;}
    .searchBox.onlyMobile,.languageBox.onlyMobile { display: block;}
    .bodyNoscroll { /*position: fixed;*/ width: 100%; overflow: hidden;}
    /* 手机导航end */
    /* Upcoming */
    .upcoming_box { margin-bottom: 30px;}
    .upcoming_box .pic { position: relative; width: 100%; height: 0; padding-bottom: 66.7%; overflow: hidden;}
    .upcoming_box .pic img { position: absolute;}
    .upcoming_r_box { padding: 15px 30px; min-height: auto;}

    .exploreMorebar { padding-bottom: 50px;}
    /* .exploreMorebar { margin-bottom: 20px;} */
    .exploreMore { padding-left: 45px;}
    .exploreMore::after { width: 35px; height: 35px; top: 4px;}
    .exploreMore:hover::after { background-position: 0 -32px;}
    .exploreMore.downarrow::after { background-position: 0 -99px;}
    .exploreMore.downarrow:hover::after { background-position: 0 -66px;}

    .footer_p1 .logo_contact,.footer_p1 .interaction { float: none; width: 100%;}
    footer .connects_share { width: 300px; float: right;}

    .textpicList .pubdate,.comm_top_piclist3 .pubdate,.newslist .pubdate,.harborList .pubdate{ margin-top: 0 !important; margin-bottom: 10px !important;}

}

@media (max-width: 768px) {
    .onlyPc,.comm_top_picbanner .onlyPc { display: none;} 
    .onlyMobile,.comm_top_picbanner .onlyMobile,.leadershipTabbar.onlyMobile { display: block;}
    /* .wrapMain.padding_lr { padding-left: 0; padding-right: 0;} */
    .exploreMore { font-size: 14px;}
    .hrBar { height: 30px;} .hrBar::after { margin-top: 15px;} .hrNull { height: 15px;} .hrNull2 { height: 0px;} 

    /* .textpicList .textbox { padding-top: 10px; padding-bottom: 5px; background-color: #f9f9f9; padding-right: 10px; padding-left: 10px;} */
    .textpicList .textbox { padding-top: 12px; padding-bottom: 15px; background-color: #f9f9f9; padding-right: 10px; padding-left: 10px;}
    .textpicList .textbox .tit,.textpicList .textbox .pubdate,.textpicList .textbox .tit + .pubdate,.textpicList .textbox .pubdate + .tit { margin: 0 !important;}

    /* .textpicList .tit,.harborList li.item .tit,.ideasAuthor .tit,.newslist .tit,.headlines .tit,.newslist_col1 .tit {font-size: 18px; line-height: 1.3; }  */
    /* 常规标题 20px,line-height 1.1 */
    .textpicList .tit,.harborList li.item .tit,.ideasAuthor .tit,.newslist .tit,.headlines .tit,.newslist_col1 .tit,.ourvideosSwiper .item .tit,.reportsList .p2,.photosList .tit,.author2 .name,
    .comm_top_piclist3.newslist .picL .tit,.comm_top_piclist3.newslist .picR .tit {font-size: 18px; line-height: 1.3;font-weight: normal;}

    .summary,.impact_txt,.author2 .jobtitle,.newslist_col1 .source,.at_A_Glance .summary_s { font-size: 14px; line-height: 1.5;} /*at_A_Glance 的小摘要在手机端用常规摘要*/
    .reportBtnbar .btnlink,.upcoming_register_bar .register_btn,.exploreMore { font-size: 14px;} /*网页端=常规摘要，手机端=常规摘要*/
    .summary_s { font-size: 14px; line-height: 1.1;} .pubdate  { font-size: 14px !important;} /*小摘要+时间*/

    .textpicList .item { margin-bottom: 20px; padding-left: 15px; padding-right: 15px; /*padding-left: 0; padding-right: 0; */} .bgGrey .textpicList .item { margin-bottom: 10px;}
    .textpicList .tagTit { font-size: 22px;} 

    /* OUR IMPACT */
    .impact_stats .num{ font-size: 30px;}
    .impactItem { margin-top: 10px; margin-bottom: 10px;}
    .impact_txt { padding: 10px 20px 20px 20px;}

    }

@media (max-width: 576px) {
    .communitBox .cover { height: 100%; max-height: 100%;}
    .communitBox .cover .con { display: flex; flex-wrap: wrap; align-content: center; position: relative; width: 100%;  height: 100%;/* flex-direction: column-reverse; */}
    .communitBox .title::after,.piclist_1_4 .picBox .tit::after { opacity: 1; transform: translateX(-50%) scaleX(50);} /*手机时默认状态显示标题下白线*/
    .picModal .modal-dialog { margin-right: 0; margin-left: 0;}.picModal .swiper-button-next,.picModal .swiper-button-prev { transform: scale(.5);}

    #footer { padding-top: 30px;}
    .footer_logo { float: none; margin: 0 auto; width: 200px;} 
    .footer_navbox ul {/* margin-left: 50%;*/} .footer_navbox ul li { /*margin-left: -100px;*/ text-align: center;}
    .footer_p1 .interaction { width: 285px; margin: 0 auto;}
    .footer_p1 { padding-bottom: 0px;}
    .footer_navbox { width: 100%; padding-top: 20px; padding-left: 0;}
    #footer .connects_share { width: 100%; margin: 0 auto; float: none; text-align: center;} 
    #footer .connects_share li.item { display: inline-block; float: none; width: auto;} #footer .connects_share .icon_s { transform: scale(.7);}
    .copyright { text-align: center;} 
  
}