@font-face {font-family: 'Roboto';src: url('../font/Roboto-Regular.ttf') format('truetype'); /* Safari, Android, iOS */font-weight: normal;font-style: normal;}

/*
html { filter: grayscale(100%); }
*/

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: 'Roboto'; 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: #354e6b;}.black { color: #000000;}
a{color:#000000;text-decoration:none;}
a:link,a:visited,a:active { text-decoration: none;}
a:hover,.hover:hover a,* a:hover {color:#C13C34;text-decoration:underline;}

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

.tc { text-align: center;}.disBlock { display:inline-block;} .fl { float: left;} .fr { float: right;}
.underline { text-decoration: underline;}
.underlineNone { 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;}

.fontTitle { /* font-family: 'PT Serif'; */ font-family: 'Roboto';}
.picHorizontal,.picHorizontal2,.picSquare {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 正方形 */
.picHorizontal img,.picHorizontal2 img,.picSquare img,img.fitCoverpic2 { 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: #F6F6F6;}
.bgWhite { background-color: #FFFFFF;}
.bgBlue { background-color: #354e6b;}
.bgTexture {background: url('../images/bg_texture.jpg') repeat center top; background-size:1600px auto;}
.bgPic {background: url('../images/bgpic.jpg') no-repeat center center; background-size: cover;}

.ellipsis-multiline {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
/* --- */
.registerBar { width: 100%; height: 80px; line-height: 80px; background-color: #354e6b; font-size: 16px;}

.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;}
/* .bodyNoscroll { position: fixed; width: 100%;} */

.navBar_r { float: right; height: 35px;display: flex; justify-content: flex-end;/* margin-top: 5px;*/ margin-top: 10px;}
#navBar_r.mobileStatus { display: flex;}/* 小屏时状态不影响切换到大屏时状态 */
.navBar_r .getBtn { display: block; background: #C13B33; height: 35px; line-height: 35px; padding: 0 15px; margin-right: 10px; font-size: 14px; margin-left: 15px;}
.navBar_r .navItem { height: 45px;  margin: 0 8px; font-size: 16px;}
.navBar_r .navItem .navBtn { display: block; position: relative; padding-right: 19px; font-size: 14px; }
.navBar_r .navItem .navBtn:hover {color: #ffffff;}
.navBar_r .navItem .navBtn::after { display: block; position: absolute; top: 11px; right: 0; content: ''; width: 16px; height: 16px; background: url('../images/icon_arr.png') no-repeat center center; background-size: 14px auto; transition: all .3s;}
.navBar_r .navItem.open .navBtn::after  { transform: rotate(180deg);}
.navBar_r .navItem.open .navBtn { text-decoration: underline;}

.navBar_r .navItem a.navBtn,a.getBtn,a.getBtn:link,.getBtn:hover { color: #ffffff; line-height: 35px; }
.navBar_r .navItem a:hover {color:#C13C34;}
.navBar_r .navItem .dropdown { display: none; background-color:#f3f4f6; box-shadow: 0 6px 12px rgba(0, 0, 0, .175);  position: absolute; top: 55px; left: -0px;/* transition: opacity .3s ease; */z-index: 1;}
.dropdown li { line-height: 30px; /*white-space: nowrap; */ z-index: 1; padding: 5px 0;}
.dropdown li.title { font-size: 18px; line-height: 30px; }
.navBar_r .navItem.open .dropdown {display: block; width: 100%; padding: 30px 30px; }
.navBar_r .navItem.open h4 { font-weight: bold; margin-bottom: 20px; line-height: 32px; border-bottom: #4298bb 1px solid; font-weight: bold; font-size: 22px;} 
.dropdown .box { max-width: 360px;}
.dropdown .box .summary { margin-bottom: 20px; line-height: 24px; color: #333333;}
.dropdown .pic { margin-top: 10px;}
.dropdown .box img { max-width: 320px; width: 100%; height: auto; border-radius: 8px;}

.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}

.sideSharebar.connects_share  { /*display: none;*/ opacity: 0; width: 0; /* width: 45px; */ text-align: center; background-color: #c13c33; padding: 10px 0; position: fixed; top: 50%; margin-top: -50px; right: 0; z-index: 1;}
.sideSharebar.connects_share .icon_s{display:inline-block; transform: scale(.76);  width:30px;height:30px; margin: 4px auto; background-image:url(../images/icon_share.png);background-repeat:no-repeat;background-size:30px auto;overflow:hidden}
.sideSharebar.connects_share.simple { /*display: block;*/ opacity: 1; width: 45px; transition: all .3s ease;}
/* 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:#ffffff 1px solid;  background: rgba(255, 255, 255, .2);}
.searchBox .inputbox{overflow:hidden;height:28px;width:0;}
.searchBox.unfold .inputbox{display:block;width:135px;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;}
/* 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; }

/* ---焦点图-- */
.topFocus { width: 100%; min-height: 450px; max-height: 790px; overflow: hidden; position: relative;}
img.focusPic { width: 100%; height: auto; /*height: 100%; object-fit: cover;*/ }
.topFocus .btnMore { display: inline-block; border: #ffffff 1px solid; color: #ffffff; font-weight: bold; 
    /* margin-top: 50px; font-size: 24px; line-height: 20px; padding: 20px 40px; */
    margin-top: 3.1vw; font-size: 1.5vw; /*line-height: 1.25vw;*/ line-height: 0.8em; padding: 1.25vw 2.5vw;
}
.topFocus .btnMore:hover { background-color: rgba(255, 255, 255, .88); color: #C13C34; border-color: #C13C34; text-decoration: none; transition: all .3s ease;}
/* 标题在底部 */
.topFocus .bottomBox {  width: 100%;  padding: 20px 0px 20px 0; background: rgba(0, 0, 0, 0.4); position: absolute; z-index: 1; bottom: 0; left: 0;}
.topFocus .bottomBox h1 { font-size: 50px; line-height: 50px; font-weight: bold; overflow: hidden; }
.topFocus .bottomBox h1 a { text-decoration: none;}
.topFocus .bottomBox .btnMore { margin-top: 15px; font-size: 18px; padding: 8px 20px; line-height: 26px;}
/* ---焦点视频-- */
.topFocus.focusVideo { min-height: auto; max-height: none;}
.topFocus .midBox {display: flex; align-items: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0;z-index: 2;}
.topFocus.focusVideo video {object-fit: cover; width: 100%; height: auto;}
.topFocus.focusVideo::after{ content: "";  position: absolute;  width: 100%;  height: 100%;  bottom: 0px;  left: 0px;  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}

.videoCover { max-width: 1170px; margin: 0 auto;}
.midBox .article { /*max-width: 820px;  float: left; */ box-sizing: border-box; max-width: 70%; margin: 0 auto; text-align: center; overflow: hidden; padding-left: 5px; padding-right: 5px;}
.topFocus.focusVideo .midBox .article {  flex: 0 0 70%; }
.midBox .article .summary {text-shadow: 1px 1px rgba(0, 0, 0, .3); font-weight: bold; font-size: 38px; line-height: 50px; /*line-height: 1.3; */color: #ffffff; position: relative; padding-top: 60px;}
.midBox .article .summary::after { font-family: Arial; display: block; position: absolute; left: 50%; top: 0; content: open-quote; font-size: 100px; height: 50px; line-height: 100px; overflow: hidden;}
.midBox .article .name { font-size: 24px;color: #ffffff; margin-top: 30px; line-height: 1.2;}
.midBox .articleR { max-width: 30%; flex: 0 0 30%;  box-sizing: border-box;  padding-left: 15px; padding-right: 15px;}
.midBox .playBtn { display:block; width: 80px; height: 80px; margin: 0 auto; background: url(../images/playBtn.png) no-repeat 0 0; background-size: 80px auto;}
.playBtn.bottomRight {display:block; width: 80px; height: 80px; position: absolute; z-index: 3; right: 100px; bottom: 100px; background: url(../images/playBtn.png) no-repeat 0 0; background-size:80px auto;}

.columnName { padding-top: 90px; text-align: center;}
.columnName .title { /*font-size: 2.285vw;*/ font-size: 32px; letter-spacing: -.015em; font-weight: bold; padding-bottom: 20px; position: relative;}
.columnName .title::after { display: block; width: 126px; height: 18px; content: ''; position: absolute; left: 50%; margin-left: -63px; bottom: 0; background: url('../images/titleunderline.png') no-repeat center center; background-size: 66% auto;}
.columnName .title.t1 { color: #19325f;}
.columnName .title.t2 { color: #FFFFFF;}

.newslistBox {} /* for index */
/* .container.newslistBox { padding-left: 37px; padding-right: 37px;} */
.newBox {/*background-color: #18315f; */ background-color: #F6F6F6;  overflow: hidden;box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);}
.newslistBox .pic { width: 100%; height: 0; padding-bottom: 56%; overflow: hidden; position: relative;}
.newslistBox .pic img{position:absolute;width:100%;height:100%;object-fit:cover; transition: all .3s ease;}
.newslistBox .p1{font-size:12px;line-height:22px;padding:15px 12px 5px 12px;}
.newslistBox .tit{ /* margin-bottom: 40px; height: 70px;*/ font-size:22px; line-height:22px;padding: 0px 12px; margin-bottom: 25px; height: 85px; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;} .newslistBox .tit:hover,.newslistBox .tit:hover a { color: #C13C34; text-decoration: underline;}
/* .newslistBox .tit a {color: #ffffff;}   */
.newslistBox .tit a:hover { color: #C13C34;}
.newsRow [class*="col-"]{ padding-right: 7px; padding-left: 7px;}

.exploreMorebar { text-align: center; margin-bottom: 75px; }
.exploreMore { display: inline-block; line-height: 25px; position: relative; padding-left: 45px; padding-top: 5px; padding-bottom: 5px; position: relative; font-size: 16px; font-weight: bold;}
.exploreMore:hover { text-decoration: none; color: #C13C33;}
.exploreMore::after {transition: all .3s ease; display: block; width: 35px; height: 35px; content: ''; position: absolute; left: 0; top: 0; background-image: url(../images/btn_more.png); background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0;}
.exploreMore:hover::after { background-position: 0 -35px;}
.exploreMore.downarrow::after { background-position: 0 -105px;}
.exploreMore.downarrow:hover::after { background-position: 0 -70px;}

.impactMain { padding: 25px 80px 60px 75px; overflow: hidden;}
.impactMain .swiper-wrapper { height: auto; padding-bottom: 50px;}
.swiper-pagination-bullet { width: 12px; height: 12px; background-color: rgb(0, 0, 0,.2); border: rgb(255,255,255,.6) 1px solid; opacity: 1;}
.swiper-pagination-bullet-active { background: #19325f; opacity: 1; border: #ffffff 1px solid;}
.impactLeft { float: left;/* width: 315px; */ width: 40%; margin-top: 50px; margin-right: 15px; overflow: hidden;}
.impactLeft img { width: 100%; height: auto;}
.circularPhoto {width: 280px; height: 280px; float: right; border-radius: 999px; overflow: hidden; background-color: #C13C33; padding-right: 15px; padding-bottom: 15px;}
.circularPhoto .pic,.circularPhoto1 .pic { width: 100%; height: 0; padding-bottom: 100%;  position: relative;}
.circularPhoto img,.circularPhoto1 img { width: 100%; height: 100%; border-radius: 999px; object-fit: cover; position: absolute; left: 0; top: 0;}
.circularPhoto1 {width: 280px; height: 280px; float: right;padding-right: 15px; padding-bottom: 15px;} .circularPhoto1 img { border: #ffa420 3px solid; box-shadow: 2px 2px 2px #0003;}
.impactRight {font-size: 20px; line-height: 1.4; overflow: hidden; padding-top: 45px; padding-left: 45px; background-image: url('../images/quotation.png'); background-repeat: no-repeat; background-position: 0 0;}
.impactRight p { margin-bottom: 30px;}
.impactRight .p2 {font-size: 18px; margin-top: 30px; font-weight: bold;}
.impactRight .p3 { font-size: 16px;}

.rectangle9x9 {/* background-color: #ffffff;*/ margin-bottom: 110px; margin-top: 50px;display: grid; 
    grid-template-columns: 33.33% 33.33% 33.34%;
    grid-template-rows: 270px 270px 270px;/**/}
.rectangleItem { position: relative; display: flex; flex-wrap: wrap; align-content: center;}    
.rectangle9x9 .pic { overflow: hidden; width: 100%; position: relative;}
.rectangle9x9 .pic img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all .5s ease; }
.rectangle9x9 .text { padding: 0 60px; background-color: #ffffff;}
.howwework .title {width: 100%; /*font-size: 28px; font-size: 22px;*/ font-size: 26px; font-weight: bold; color: #183260; margin-bottom: 30px; line-height: 22px;}
.howwework.howweworkBg .title { margin-bottom: 10px;}
.howwework .title a {color: #183260; } .howwework .title a:hover { color: #C13C34;}
.howwework .summary { width: 100%; font-size: 16px; line-height: 22px;}
/* .rectangle9x9  .col-md-6 { display: flex;} */
.rectangle9x9 .pic:hover img { transform: scale(1.1);}

.rectangle9x9 .subscribe { padding: 10px 55px; background-color: #ffffff;}
.subscribe .subscribe_1 { width: 100%; /*font-size: 28px;*/ font-size: 22px; margin-bottom: 10px; overflow: hidden;}
.subscribe .subscribe_2,.subscribe .subscribe_3 { width: 100%; font-size: 16px; line-height: 22px;}
.subscribe .subscribe_3 { margin-bottom: 10px; font-size: 14px;}
/* .rectangle9x9 .subscribe_3 a { text-decoration: underline; color: #C13C33;} */
.subscribe .inputBar { height: 36px; margin: 10px auto; width: 100%;}
.subscribe .inputBar .inputBox { overflow: hidden; height: 36px; padding: 5px 10px; border-top: 1px solid #C13C33; border-bottom: 1px solid #C13C33; border-left: 1px solid #C13C33;}
.subscribe .inputBar .inputBox input { width: 100%; height: 24px; line-height: 24px;}
.subscribe .inputBar .submitBtn { display: block; cursor: pointer; color: #ffffff; width: 85px; float: right; font-size: 12px; text-align: center; height: 36px; line-height: 36px; background-color: #18325F;}
.subscribe .inputBar .submitBtn:hover { background-color: #C13C33; color: #ffffff;}

.col2Pictext {margin-top: 50px; /* margin-bottom: 100px;  */ background-color: #F6F6F6;} 
.col2Pictext.ideasList { background-color: #ffffff; margin-top: 20px;}
.col2Pictext .text { padding: 0 35px; }
.col2Pictext .title { font-size: 22px; margin-bottom: 15px; line-height: 24px;}
.col2Pictext .summary { font-size: 16px; line-height: 22px;  margin-bottom: 20px; }
.col2Pictext.aboutus { margin-top: 0; background: none;}
.col2Pictext.aboutus .summary{ font-size: 20px; line-height: 1.4;}
.col2Pictext .moreBar { }
.col2Item { display: flex; align-items: center;}
.col2Item .pic,.col2Item .text { width: 50%; overflow: hidden;}
.col2Item:nth-child(2n)  { flex-direction: row-reverse;}
.col2Pictext.ideasList .col2Item { padding-bottom: 45px;}
.col2Pictext.ideasList .text { padding-left: 25px; padding-right: 50px;}
.col2Pictext.ideasList .col2Item .pic { padding-left: 0; padding-right: 25px;}
.col2Pictext.ideasList .col2Item:nth-child(2n) .pic { padding-left: 25px; padding-right: 0;}
.col2Pictext.ideasList .col2Item:nth-child(2n) .text { padding-left: 50px; padding-right: 25px; text-align: right;}
.col2Pictext .pic img {/* width: 100%; height: auto; */transition: all .3s ease;} .col2Pictext .pic:hover img { transform: scale(1.1);}

.upcomingWrap { margin-top: 50px; margin-bottom: 40px;}
.calendarBox { width: 240px; float: left; background: #354e6b; text-align: center; color: #ffffff; padding: 50px 0; line-height: 75px;}
.calendarBox .c1 { font-size: 32px;}
.calendarBox .c2 { font-size: 80px;}
.eventsBox { padding: 0 20px; overflow: hidden;}
.eventsBox .title { font-size: 20px; line-height: 29px; margin-bottom: 15px; /*font-weight: bold;*/}
.eventsBox .time { font-size: 18px; margin-bottom: 15px;}
.eventsBox .summary { font-size: 16px; line-height: 22px;}
.eventsBox .title .iconUser { display: inline-block; margin: 0 5px; width: 22px; height: 24px; background: url('../images/icon_user.png') no-repeat center bottom;}
.calendarBox.s { width: 150px; line-height: 45px; padding: 8px 0; margin-left: 15px;}
.calendarBox.s .title { font-size: 18px;}
.calendarBox.s .c1 { font-size: 24px;}
.calendarBox.s .c2 { font-size: 48px;}

.upcomingWrap .col-lg-6:first-child { border-right: #EFEFEF 1px solid;}
.upcoming2 .col-12:first-child { border-bottom: #EFEFEF 1px solid; padding-bottom: 10px; margin-bottom: 10px;}

.communityWrap  { margin-top: 50px; margin-bottom: 40px;}
.communitBox { cursor: pointer; 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: 50px; position: absolute; left: 0;bottom: 0; background-color: rgba(193, 60, 52, .9); z-index: 3;}
/* .communitBox .cover .con { display: none; text-align: center;} */
.communitBox .cover .con { height: 55px;overflow: hidden;}
.communitylogo { display: none; width: 100%; text-align: center; max-height: 50%;}
.communitylogo img { /*width: 130px;*/ width: 155px;  max-width: 70%; height: auto; max-height: 100%; object-fit: contain; padding: 10px 10px; background-color: #ffffff;}
.communitBox .title { line-height: 25px; padding: 12px 10px; width: 100%; text-align: center; margin-bottom: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.communitBox .btnBar { transition: all .6s; opacity: 0; /*display: none;*/ width: 100%; height: 55px; 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%; 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,.2);  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;}
.communityWrap .col-md-6:nth-child(2) .cover,
.communityWrap .col-md-6:nth-child(4) .cover,
.communityWrap .col-md-6:nth-child(5) .cover,
.communityWrap .col-md-6:nth-child(7) .cover,
.communityWrap .col-md-6:nth-child(10) .cover,
.communityWrap .col-md-6:nth-child(12) .cover,
.communityWrap .col-md-6:nth-child(13) .cover,
.communityWrap .col-md-6:nth-child(15) .cover,
.communityWrap .col-md-6:nth-child(18) .cover,
.communityWrap .col-md-6:nth-child(20) .cover,
.communityWrap .col-md-6:nth-child(21) .cover,
.communityWrap .col-md-6:nth-child(23) .cover,
.communityWrap .col-md-6:nth-child(26) .cover,
.communityWrap .col-md-6:nth-child(28) .cover,
.communityWrap .col-md-6:nth-child(29) .cover,
.communityWrap .col-md-6:nth-child(31) .cover,
.communityWrap .col-md-6:nth-child(34) .cover,
.communityWrap .col-md-6:nth-child(36) .cover,
.communityWrap .col-md-6:nth-child(37) .cover,
.communityWrap .col-md-6:nth-child(39) .cover
 {background-color: rgba(102, 102, 102, .9);}
.communitBox .exploreMorebar { position: absolute; width: 100%; top: 50%; margin-top: -15px;}

/* --- */
.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;}
.colTitle { font-size: 36px; font-weight: bold; line-height: 50px; margin-bottom: 20px;}

/* Article */
.articleTop {}
.articleTop .breadnav { font-size: 22px; line-height: 26px; padding: 25px 0 5px 0; border-bottom: #ffffff 1px solid;}
.articleTop .breadnav a { color: #ffffff; display: inline-block; padding-right: 5px; }.articleTop .breadnav a:hover { color: #ffffff;}
.articleTop .breadnav span { display: inline-block; padding: 0 8px; margin-right: 5px;}
.articleTop .pubdate,.harborList .pubdate,.ideasAuthor .pubdate,.textpicList .pubdate,.newslist .pubdate,.headlines .pubdate,.harborContainer .pubdate { font-size: 16px; line-height: 30px; color: #555555;}.text-white .pubdate { color: #ffffff;} 
.articleTop h1 { width: 79%; clear: both; font-size: 38px; line-height: 1.4; /*line-height: 53px; */font-weight: bold; padding: 20px 0;} .articleTop h1.tc { width: 100%;}
.articleToppic { overflow: hidden;}
.articleToppic::before { display: block; content: ''; height: 150px; background-color: #354e6b;}
.articleSwiper { max-width: 1200px; margin: -100px auto 0 auto; height: auto;}
.hotvideoSwiper { max-width: 1200px; margin-left: auto; margin-right: auto; height: auto;}
.articleSwiper .swiper-wrapper,.hotvideoSwiper .swiper-wrapper{ height: auto;}
.articleSwiper .swiper-pagination { height: 0; top: 0; margin-top: 63%;}
.articleSwiper .picbg { width: 100%; height: 0; padding-top: 66.7%; overflow: hidden; position: absolute; left: 0; top: -10px; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; filter: blur(20px);}
/* .articleSwiper .picbg::after { display: block; width: 100%; height: 100%; content: ''; background-color: rgb(0, 0, 0,.5); filter: blur(10px);  position: absolute; left: 0; top: 0; z-index: 2;} */
.articleSwiper .pic/*,.hotvideoSwiper .pic */{ width: 100%; height: 0; padding-top: 66.7%; overflow: hidden; position: relative; background-color: #354e6b;}
.articleSwiper .pic img/*,.hotvideoSwiper .pic img*/ { width: 100%; height: 100%;/* object-fit: cover;*/  object-fit: contain; position: absolute; left: 0; top: 0; z-index: 2;}
.articleSwiper .pic.videoPic::after { cursor: pointer; display: block; content: ''; width: 100%; height: 100%; background-color: rgb(0, 0, 0,.6); position: absolute; left: 0; top: 0; z-index: 3; background-image: url(../images/playBtn.png); background-repeat: no-repeat; background-position: center center; background-size: 80px auto;}
.articleSwiper .tit { padding: 20px 50px; line-height: 22px; text-align: left; color: #555555; font-size: 16px;}
.hotvideoSwiper .cover,.headlines .cover { display: flex; flex-wrap: wrap; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0;}
.hotvideoSwiper .cover .con,.headlines .cover .con { width: 100%; text-align: center;}
.hotvideoSwiper .tit { padding: 10px 15px; font-size: 60px; line-height: 1.2; text-align: center; color: #ffffff;} .hotvideoSwiper .tit a,.hotvideoSwiper .tit a:hover { color: #ffffff;}
.hotvideoSwiper .btnlink { display: inline-block; margin-top: 60px; margin-bottom: 15px; font-size: 24px; line-height: 30px; padding: 12px 32px; border-radius: 60px; background-color: #354e6b; color: #ffffff;} .hotvideoSwiper .btnlink:hover { color: #ffffff;} .hotvideoSwiper .btnlink:focus-visible {outline:none;}
.hotvideoSwiper  .swiper-pagination { bottom: 30px;}
.articleToppic .leaderBox { max-width: 660px; margin: -100px auto 0 auto; text-align: center; letter-spacing: -1px;}
.articleToppic .leaderBox .leaderpic img {/*width: 100%; height: auto;*/ border: #ffffff 5px solid; } .articleToppic .leaderBox .leaderpic { max-width: 500px; margin-bottom: 30px; margin-right: auto; margin-left: auto;}
.articleToppic .leaderBox .jobtitle { font-size: 28px; line-height: 1.2; color: #696969;}
.articleToppic .leaderBox h1.leaderName { font-size: 32px; line-height: 1.5; font-weight: bold; padding-bottom: 10px;}

.articleCon { max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 50px 50px 0px 50px;}
.articleCon_l { width: 330px; float: left; padding-right: 30px;}
.articleCon_r { overflow: hidden; font-size: 16px; line-height: 26px;}
.content { padding-bottom: 30px;}.content p { padding-bottom: 16px;}.content img { max-width: 100%; height: auto;} .content a:link { text-decoration: underline; color: #354e6b;} .content a:hover { color: #C13C34;}
.author { margin-bottom: 40px; line-height: 22px; font-size: 16px; overflow: hidden; }
.author .avatar { width: 120px; height: 120px; border-radius: 50%; overflow: hidden;  margin-bottom: 15px;}
.author .name { font-weight: bold; color: #000000; margin-bottom: 5px;}
.author .jobtitle {}

.searchSidebar { border:#000000 1px solid; height:30px; margin: 5px auto 20px auto;  overflow:hidden;}
.searchSidebar .searchBtn { color: #000000;}
.searchSidebar .inputbox {display:block; overflow:hidden;height:28px;padding:4px 10px;}
.searchSidebar .inputbox input{ width:100%;height:20px;line-height:20px; background: none;}
.filterby .tit { font-size: 18px; font-weight: bold; line-height: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: #000000 1px solid;}
.filterList li { font-size: 18px; line-height: 20px; padding: 6px 0;}

.textpicList .item { /*padding-left: 12px; padding-right: 12px;*/}
.textpicList .pic { margin-bottom: 15px; }
.textpicList .p1 {font-size: 16px;color: #555555;line-height: 22px; padding: 2px 0;/* text-transform: uppercase;*/}
.textpicList .tit,.harborList li.item .tit,.ideasAuthor .tit,.newslist .tit,.headlines .tit,.newslist_col1 .tit {font-size: 22px;line-height: 32px;}
.newslist .tit {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
.harborList .summary,.headlines .summary,.newslist_col1 .summary { font-size: 16px; }
.textpicList .articleAuthor { line-height: 22px; font-size: 16px; color: #2186F4; margin-top: 5px; margin-bottom: 5px; padding: 5px 0;}
.textpicList .articleAuthor a,.textpicList .articleAuthor a:hover { color: #2186F4;}
.photosList { margin-bottom: -20px;}
.photosList .tit { font-size: 22px; line-height: 25px; padding: 5px 10px; text-align: right;}
.photosList .box { border: #ffffff 1px solid; background-color: #ffffff; transition: all .3s; cursor: pointer; margin-top: 5px; margin-bottom: 20px;}
.photosList .box:hover {border: #354e6b 1px solid; background-color: #354e6b;}
.photosList .box:hover .tit { color: #ffffff;} 

.articleSubscribe { max-width: 820px; margin: 0 auto; padding-bottom: 50px;}
.articleSubscribe .subscribe_2 { float: left; width: 50%; margin-top: 10px; text-align: right; padding-right: 15px;}
.articleSubscribe .subscribe_r { overflow: hidden;}

.moreworkItem { padding-bottom: 20px; }
.moreworkItem .title { font-size: 22px; margin-bottom: 15px; line-height: 24px; font-weight: bold;}
.moreworkItem .summary { font-size: 16px;  margin-bottom: 20px;}
.articleShare.top { float: right; margin-top: 5px; height: 26px; overflow: hidden;}
.articleShare.bottom .connects_share .icon_s { border-radius: 30px; box-sizing: content-box; border: #354e6b 3px solid; background-color: #354e6b;}
/* --- */
.dialogueTitle { height: 60px; font-size: 24px; line-height: 50px; font-weight: bold; color: #354e6b;}
.scrollBar { overflow-y:scroll; direction:rtl;}
.scrollBar::-webkit-scrollbar {width: 3px; background: linear-gradient(92deg, #F0005A 0%, #F0005A 5%, #3424af 55%, #1052cd 100%);}
/*定义滚动条轨道 内阴影+圆角*/
.scrollBar::-webkit-scrollbar-track { background: linear-gradient(92deg, #F0005A 0%, #F0005A 5%, #3424af 55%, #1052cd 100%);}
/*定义滑块 内阴影+圆角*/
.scrollBar::-webkit-scrollbar-thumb { background: rgb(255,255,255,.6); border-radius: 20px;}
.dialogueList { max-height: 230px; background-color: #f6f6f6; font-size: 18px;}
.dialogueList li {  }
.dialogueList li a { display: block; line-height: 20px; padding: 5px 10px; border-bottom: #ffffff 1px solid;}
.dialogueList li:hover { background-color: #c13c33;} .dialogueList li:hover a, .dialogueList a:hover { color: #ffffff; text-decoration: none;}
.tagnavName { padding-bottom: 5px; line-height: 50px; font-size: 36px; font-weight: bold;}
.tagnavCon { font-size: 16px; /*display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 10; overflow: hidden; text-overflow: ellipsis;*/}.tagnavCon p { padding: 8px 0;}
    /* ---secondarynav--- */
    .secondarynav_main { position: relative; }
    .secondarynav_controls { height: 50px; box-sizing: border-box; line-height: 40px; padding-top: 5px; padding-bottom: 5px; border-bottom: #dddddd 1px solid; font-size: 16px;}
    .secondarynav_label { float: left; font-size: 18px; font-weight: bold;}
    .secondarynav_btn { cursor: pointer; overflow: hidden; text-align: right; padding-right: 20px; position: relative;}
    .secondarynav_con { opacity: 0; height: 0; overflow: hidden;  transition: all .3s; position: absolute; width: 100%; top: 50px; left: 0; top: 50px;  overflow: hidden; z-index: 1000; background-color: #ffffff;}
    .secondarynav_main.open .secondarynav_con { opacity: 1; height: auto; border-bottom: #dddddd 1px solid; padding-bottom: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1); }
    .secondarynav_con .dialogueList { border-left: #dddddd 3px solid; max-height: none;}
    .secondarynav_btn::after { display: block; position: absolute; top: 12px; right: 0; content: ''; width: 16px; height: 16px; background: url('../images/icon_arrblack.png') no-repeat center center; background-size: 14px auto; transition: all .3s;}
    .secondarynav_main.open .secondarynav_btn::after  { transform: rotate(180deg);}

.howweworkBg { background: url('../images/howwework_bg.png') no-repeat center center; background-size: 220px auto;}
.howweworkItem { max-width: 400px; padding-top: 10px; padding-bottom: 10px;}
.howweworkItem.fr { float: right; text-align: right;}
.howweworkItem.fl { float: left; text-align: left;}

.bannerWrap  { width: 100%; height: 0; padding-top: 42.66%; overflow: hidden; position: relative;}
img.bannerPic { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.coverWrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; display: flex; align-items: center;}
.remarksBox { font-size: 16px; background-color: rgb(53, 78, 107,.8); padding: 50px 200px 50px 50px; box-sizing: border-box; width: 50%; min-height: 50%; margin-right: 15px; float: right;}
.remarksBox .tit { font-size: 22px; font-weight: bold; padding-bottom: 10px;}
/* --leadership-- */
.leadershipContainer { max-width: 1200px; margin: 0 auto;}
.leadershipBox1 { margin-bottom: 40px; position: relative; overflow: hidden;} /* .leadershipBox3 { margin-bottom: 15px;} */
.leadershipBox1 .leadershipPic { padding-left: 50px; padding-right: 50px; width: 50%; box-sizing: border-box; float: left;}
.leadershipBox1 .leadershipText { padding-right: 50px; overflow: hidden; height: 100%; position: absolute; width: 50%; top: 0; right: 0;}
.leadershipBox2 .leadershipPic { margin-bottom: 15px;}
.leadershipBox3 .leadershipPic { margin-bottom: 10px;}
.leadershipPic img { border: #ffffff 5px solid;}
.leadershipText .p0 { font-size: 24px; line-height: 24px; padding-top: 6px; padding-bottom: 6px; /*text-transform: uppercase; */}
.leadershipText .p1 { font-size: 22px; line-height: 24px; padding-top: 6px; padding-bottom: 6px; margin-bottom: 5px;}
.leadershipText .p2 { font-size: 20px; line-height: 22px; margin-top: 5px; color: #666666;}
.leadershipText .p3 { font-size: 16px; line-height: 22px; margin-top: 5px;}
.leadershipBox2 .p1,.leadershipBox2 .p2,.leadershipBox3 .p1,.leadershipBox3 .p2 { margin: 0;}
.leadershipBox2 .leaderItem { margin-bottom: 15px;}
.leadershipBox3 .leaderItem { margin-bottom: 50px;}

.groupsBox {/*padding: 15px 0;*/ margin: 15px auto; /*overflow: hidden;*/}
.groupsBox::after { display: block; width: 100%; clear: both; height: 0; content: '';}
.groupsTit { font-size: 32px; font-weight: bold;}
.groupsBox .groupsList { margin-bottom: 15px;}
.groupsList li { overflow: hidden; padding: 10px 0; line-height: 22px; clear: both; width: 100%;} 
.groupsList li .name { float: left; font-size: 22px; padding-right: 8px;}
.groupsList li .jobtitle { overflow: hidden; font-size: 16px;}
.groupsList li.columns2 { width: 50%; float: left; clear: none;}
/* ---AnnualReports--- */
.reportsList .reportBox { padding-top: 18px; padding-bottom: 30px;/* width: 280px; padding-left: 45px; padding-right: 45px;*/ max-width: 280px; margin: 0 auto;}
.reportsList .pic {width: 100%;height: 0;padding-bottom: 130%; box-sizing: content-box; overflow: hidden;position: relative;border-bottom: 4px solid;}
.reportsList .pic img {position: absolute;width: 100%;height: 100%;object-fit: cover;}
.reportBtnbar { padding-top: 15px; padding-bottom: 15px; overflow: hidden;}
.reportBtnbar .btnlink { display: inline-block; width: 100%; height: 32px; line-height: 32px; border-radius: 4px; text-align: center; background-color: #f6f6f6; font-size: 18px; color: #333333; }
.reportBtnbar a.btnlink:hover { color:#C13C34; background-color: #e6e6e6;}
.reportsList .p1 {font-size: 16px; line-height: 22px; color: #555555; padding-bottom: 10px; /* text-transform: uppercase;*/}
.reportsList .p2 {font-size: 20px;line-height: 24px; }
/* --Harbor Connect and newslist_col1-- */
.harborConnect { margin-top: -115px; z-index: 100; position: relative; overflow: hidden;}
.harborConnect_l { padding-top: 150px; padding-right: 80px; margin-bottom: 10px; overflow: hidden;}
.harborConnect_r { background-color: #f6f6f6; padding: 30px 30px 1px 30px; font-size: 16px; }
.harborConnect_r .topBox { padding: 20px 50px 0px 80px;}
.harborContainer {padding: 20px 15px ;} .harborContainer .pic img { max-width: 100%; height: auto;} .harborContainer .pic.harbourconnect { padding: 0 50px;}
.harborContainer .title {font-size: 36px; font-weight: bold; text-align: left; margin: 15px auto 20px auto;letter-spacing: -0.5px;}
.harborContainer .pubdate { padding: 20px 0;}
.harborList li.item,.newslist_col1 li.item { margin-bottom: 50px; overflow: hidden;}
.harborList li.item .pic { float: left;  margin-right: 30px; /*width: 320px;*/ width: 37.2%;}
.newslist_col1 li.item .pic {float: left;  margin-right: 30px; width: 380px; /* width: 37.2%;*/}
.harborList li.item .text,.newslist_col1 li.item .text { overflow: hidden;}
.newslist_col1 .tit { padding: 10px 0;} .newslist_col1 .pubInfo { font-size: 16px;} .newslist_col1 .vertical { padding: 0 10px;}
/* --ideas-- */
.ideasAuthorlist,.ideasAuthor {  position: relative;} .ideasAuthorlist { margin-bottom: 15px;}
.ideasAuthorlist::after { display: block; content: ''; height: 100%; width: 1px; border-left: #f6f6f6 1px solid; clear: both; position: absolute; left: 50%;}
.ideasAvatar.circularPhoto { width: 120px; height: 120px; margin-top: 5px; border-radius: 50%; padding-right: 5px; padding-bottom: 5px; overflow: hidden; float: left; margin-right: 25px;}
.ideasAvatar.circularPhoto2 {width: 100px; height: 100px;margin-top: 5px;  float: left; margin-right: 25px;}
.ideasAvatar.circularPhoto2 img { width: 100px; height: 100px; overflow: hidden; object-fit: cover; border: #ffa420 2px solid; box-shadow: 2px 2px 2px #0003;  border-radius: 100%;}
.ideasAuthorlist .item:nth-child(2n+1) .ideasAuthor { width: 95%; float: left;}
.ideasAuthorlist .item:nth-child(2n) .ideasAuthor { width: 95%; float: right;}
.ideasAuthorlist .item::after { display: block; content: ''; width: 95%; height: 1px; border-bottom: #f6f6f6 1px solid; clear: both; position: absolute; bottom: 0;}
.ideasAuthorlist .item:nth-child(2n+1)::after  { left: 0;}
.ideasAuthorlist .item:nth-child(2n)::after  { right: 0;}
.ideasAuthorlist .item:nth-last-child(1)::after,.ideasAuthorlist .item:nth-last-child(2)::after { display: none;}
.ideasAuthor .text { overflow: hidden;}
.ideasAuthor .summary { font-size: 16px; line-height: 22px;} .ideasAuthor .summary .jobtitle { font-size: 14px;} .ideasAuthor .name { font-weight: bold;}
.isvideo { cursor: pointer;} .isvideo:hover::after { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 3; content: ''; background: rgb(0, 0, 0,.7) url(../images/playBtn.png) no-repeat center center;  background-size:70px auto;}
.isvideo::before { display: block; content: ''; width: 40px; height: 40px; position: absolute; left: 1px; bottom: 2px; z-index: 2; background-image: url(../images/icon_types.png); background-repeat: no-repeat; background-size: 40px auto;}
.isvideo::before { background-position: 0 0;}
.socialBox { margin-bottom: 3px; break-inside: avoid;}
.socialList { column-count: 3; column-gap: 15px;}
.socialBox iframe { margin-left: auto !important; margin-right: auto !important; } /*瀑布流*/
.socialBox .instagram-media { min-width: 300px !important;} .socialBox iframe { width: 100%; border-radius: 3px; overflow: hidden;} /*4个*/

.headlines { padding-left: 15px; padding-right: 15px;}
.headlines .itemBox { height: 100%; background-color: #304660;} /*.headlines .tit { padding-top: 5px;}*/
.headlines .tit,.headlines .tit a,.headlines .tit a:hover { color: #ffffff; line-height: 30px;}
.headlines .cover { z-index: 2; padding-left: 20px; padding-right: 20px; /*background-color: rgb(0, 0, 0,.3);*/} 
.headlines h2.tit {  line-height: 1.2; text-align: center; font-size: 32px; margin-bottom: 10px; text-shadow: 1px 1px rgba(0, 0, 0, .7); display: none;}
.headlines .cover:hover { background-color: rgb(0, 0, 0,.3);} 
.headlines .cover .pubdate,.headlines .cover .summary { /* */display: none; font-size: 22px; line-height: 1.2;}
.headlines .summary { margin: 0 auto; padding-top: 10px;}
.headlines .cover:hover .pubdate,.headlines .cover:hover .summary,.headlines .cover:hover h2.tit { display: block; }
.headlines .itemBox .text { padding: 10px 15px;}
.headlinesPic { width: 100%; height: 100%; padding: 0; overflow: hidden; position: relative;} .headlinesPic img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.newslist .newspic { width: 50%; float: left; margin-right: 10px;}
.newslist .newstext { overflow: hidden;}
.headlines .row .item:last-child .headlinesPic img { position: static; height: auto;}/* 解决没有3列，只有一条信息时 */

.relatedBox { width: 65%; float: right;}
.relatedBox li.item { padding-bottom: 10px; margin-bottom: 10px;} .relatedBox li.item:last-child { margin-bottom: 0;} .relatedlist li.item { border-bottom: #f6f6f6 1px solid;}
.recentnewslist li.item { overflow: hidden;} .recentnewslist .pubdate { padding-left: 5px; float: right;}
/* ourwork nav */
.ourworkNav { margin-top: -70px; z-index: 1;}
.ourworkNav .navitem { display: block; margin-right: 1px; height: 70px; line-height: 70px; text-align: center; background-color: #354e6b; font-size: 32px;} .ourworkNav .navitem a { display: block; color: #ffffff;}
.ourworkNav .navitem.curr,.ourworkNav .navitem:hover {background-color: #c13c33;}
.ourworkNav .col-3:last-child .navitem  { margin-right: 0;}
/* partner */
.partnerslist { text-align: center; font-size: 16px; margin-top: 30px; margin-bottom: 30px;} .partnerslist li { line-height: 1.3; padding-top: 5px; padding-bottom: 5px;} .partnerTit { font-size: 18px;}
.partnerPic { width: 150px; height: 150px; margin: 25px auto 15px auto; border-radius: 50%; box-sizing: content-box; border: #354e6b 3px solid; overflow: hidden;}
.partnerPic a { width: 150px; height: 150px; display: block; overflow: hidden; position: relative;  border: #ffffff 3px solid; border-radius: 50%;}
.partnerPic img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; object-fit: cover; overflow: hidden; border-radius: 50%;}
/* ---modalSwiper--- */
/* .modalSwiper { width: 100%; overflow: hidden; position: relative; opacity: 0;} 
 .show .modalSwiper { opacity: 1; transition: opacity .3s linear;}
.modalSwiper .swiper-slide { text-align: center; display: flex; flex-direction: column; }
.modalSwiper .swiper-slide .pic { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; }
.modalSwiper .swiper-slide .pic img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0;} 
.modalSwiper .swiper-slide .tit { color: #ffffff; padding: 15px 15px; font-size: 16px;}*/

.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);}

.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;}
/* ---pages--- */
.pages { /*height:28px;*/ overflow:hidden; font-size: 16px; line-height:24px; padding:18px 0px; color:#787878; text-align: center;}
.pages a { display:inline-block; min-width: 8px; padding: 0px 8px; height:26px; text-align:center; color:#000000; margin:0px 4px; border: rgb(0, 0, 0,0) 1px solid;}
.pages a.page { background-color:#fcfcfc; color:#808081;}
.pages a.page:hover,.pages a:hover { border: #dddddd 1px solid;} .pages a.dq,.pages a:hover { color: #C13C34;}
.pages .goPageInput { display: inline-block; width: 56px;  height: 26px; margin: -2px 5px 0 10px;}
.pages .goPageInput input { height: 24px; width: 54px; line-height: 24px; text-align: center; background-color: #ffffff; border: #cfcfcf 1px solid;}
.pages .goPageBt { display: inline-block; width: 24px; height: 24px; margin: 0 5px; cursor: pointer; color: #133a62;}

/* footer */ 
#footer{background-color:#354e6b;padding-top:25px;padding-bottom:25px;overflow:hidden;color:#f7f7f7; }
.footerNav{float:left;font-size:14px;line-height:32px}
#footer a{color:#f7f7f7}
#footer a:hover{color:#e6e6e6}
.footerConnects{float:right;text-align:right}
.connects_1{font-size:24px;font-weight:bold;color:#f7f7f7;line-height:30px}
.connects_share{overflow:hidden;padding:20px 0}
.connects_share .icon_s{display:inline-block;width:30px;height:30px;margin-left:18px;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}
.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}
.copyright{font-size:14px;clear:both;overflow:hidden;margin-top:20px;margin-bottom:20px}
.subscribe_btn{display:inline-block;padding:9px 9px;border:#ffffff 1px solid;line-height:20px;font-size:16px}
#footer a.subscribe_btn:hover{color:#212529;background-color:#f3f3f3;border-color:#f3f3f3}

/* 动画 */
[data-aos=fade-up]{transform:translate3d(0,20px,0)}
[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform;;}

@media (min-width: 1400px) {
    .container {max-width: 1400px; padding-left: 30px; padding-right: 30px;}
    .socialList { column-count: 4;}
}
@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 (min-width: 768px) {
/* Our News and Stories效果 */    
.newsRow { height: 460px; margin-top: -10px;}      
.newsRow .col-md-3.newsItem {cursor: pointer; flex: 0 0 25%; max-width: 25%;  transition: all .15s ease-out; margin-top: 30px;margin-bottom: 30px;}
.newsRow:has(.col-md-3.newsItem:hover)>.col-md-3.newsItem {flex: 0 0 23%; max-width: 23%;}
.newsRow:has(.col-md-3.newsItem:hover)>.col-md-3.newsItem:hover { flex: 0 0 31%; max-width: 31%;}    

.container.px-md-0.newslistBox { padding-left: 7px !important; padding-right: 7px !important;}
}
@media (max-width: 1200px) {
    .topFocus .bottomBox h1 { font-size: 3.571vw; line-height: 3.571vw;}
    .rectangle9x9 .text,.rectangle9x9 .subscribe { padding-left: 30px; padding-right: 30px;}
    .subscribe_1 { margin-bottom: 5px;}
    .calendarBox { width: 180px;}
    .logo { width: 195px;}
    .columnName .title { font-size: 2.285vw;}
    .midBox .article .summary { font-size: 2.714vw; line-height: 3.571vw; padding-top: 4.285vw;}
    .midBox .article .summary::after { font-size: 7.142vw; height: 3.571vw; line-height: 7.142vw; }
    .midBox .playBtn {transform: scale(.9);}

    .articleTop h1 { font-size: 2.71vw; /*line-height: 3.78vw;*/ }
    .remarksBox { padding-right: 12vw;}
    .harborConnect_l { padding-right: 0;}
    .hotvideoSwiper .tit { font-size: 4.28vw;}   
    .articleCon { padding: 50px 30px 0px 30px;}   
    
    .headerBar.simple .searchBox.unfold .inputbox { width: 80px;}
    
}
@media (max-width: 992px) {
    .logo { transform: scale(.8); transform-origin:left center;}

    .columnName { padding-top: 50px;}
    .columnName .title { font-size: 24px;}
    .impactMain { padding-left: 10px; padding-right: 10px;}
    .impactLeft { width: 280px;}
    .impactRight { font-size: 20px; line-height: 26px;}
    .impactRight .p2 { font-size: 18px;}
    .impactRight .p3 { font-size: 16px;}

    .topFocus .btnMore { font-size: 16px;}
    .topFocus .bottomBox .btnMore { padding: 5px 15px;}
     .midBox .article .name {font-size: 18px; margin-top: 10px;}
     .midBox .playBtn {transform: scale(.7);}
    /* .midBox .article .summary { font-size: 32px;} */

    .newsRow { height: 360px;}

    .rectangle9x9 {
    grid-template-columns: 50% 50%;
    grid-template-rows: 270px 270px 270px 270px 270px;/**/}
    .rectangleItem:nth-child(3) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3;}
    .rectangleItem:nth-child(7) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5;}
    /* .rectangleItem:last-child { padding-top: 20px; padding-bottom: 30px;} */

    .upcomingWrap .col-lg-6:first-child { border-bottom: #EFEFEF 1px solid; border-right: none; padding: 10px 0 10px 0; margin-bottom: 10px;}
    .upcomingWrap .col-lg-6,.upcoming2 .col-12.px-3 { padding-left: 0 !important;}
    .calendarBox.s { width: 150px; line-height: 45px; padding: 8px 0; /*margin-left: 15px;*/ margin-left: 0px;}
    .calendarBox { width: 150px; line-height: 45px; padding: 28px 0; /*margin-left: 15px;*/ margin-left: 0px;}
    .calendarBox .title { font-size: 20px;}
    .calendarBox .c1 { font-size: 26px;}
    .calendarBox .c2 { font-size: 60px;}

    .newslistBox .tit { font-size: 18px; line-height: 26px;}
    .colTitle { font-size: 28px;}
    .remarksBox { padding: 30px;}  .relatedBox { width: 80%;}
    .headlinesPic { height: 0; padding-bottom: 56.25%;} .headlinesPic img { position: absolute !important; height: 100% !important;}/*解决没有3列，只有一条信息时*/
    .ourworkNav { margin-top: -55px;}.ourworkNav .navitem {height: 55px; line-height: 55px; font-size: 22px;}   
        /* 手机导航 */
    .registerBar { display: none;}
    .topSharebar { display: none;}
    .headerBar,.headerBar.simple { position: static; background-color: #354e6b;}
    .header { padding-left:0px ; padding-top: 20px; box-sizing: content-box;}
    /* .logo { transform: scale(1);} */
    #navBar_r.mobileStatus { display: block; height: 100%; opacity: 1; overflow: scroll; padding: 0 30px 0px 30px;} /*  小屏时状态 */
    #navBar_r { 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: #354e6b; */ background-color: #ffffff;  float: none; z-index: 999;}
    .navBar_r .bottomPlaceholder { width: 100%; height: 80px; clear: both;}
    .navBar_r .navItem { height: auto; margin:0 0 15px 0; font-size: 20px;}
    .navBar_r .navItem li { font-weight: normal; padding: 0 0; font-size: 16px;}
    .navBar_r .navItem .dropdown,.headerBar.simple .dropdown { height: auto; opacity: 1; position: static; background: none; box-shadow: none;}
    .navBar_r .navItem::after { display: none;}
    .navBar_r .getBtn { margin: 0 auto 20px auto; display: inline-block;}
    .navBar_r .navItem a.navBtn { color: #000000;}
    .navBar_r .navItem.open .dropdown { padding: 20px 0;}
    .dropdown .box { /*margin-bottom: 20px;*/ margin-bottom: 20px;}
    .navBar_r .navItem .navBtn::after { background-image: url(../images/icon_arrblack.png);}
    .navBar_r .navItem .navBtn:hover {color: #000000;}
    .navBar_r .navItem.open .navBtn,.navBar_r .navItem .navBtn:hover { text-decoration: none;}

    .searchBox { border: #354e6b 1px solid; margin: 10px 0px 10px 0;}
    .searchBtn { color: #354e6b;}
    .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;}
    .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: #354e6b;  border: #354e6b 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: 0; padding-bottom: 0;}
    .searchBox.onlyMobile,.languageBox.onlyMobile { display: block;}
    .bodyNoscroll { position: fixed; width: 100%;}
    /* 手机导航end */
    .harborConnect .onlyPc { display: none;} 
    .hc_secondarynav.onlyMobile { display: block;}
    .harborConnect { margin-top: 0;} .harborConnect_l { padding-top: 0;} 

    .newslist_col1 li.item .pic { /* width: 380px;*/ width: 38%;}
}
@media (max-width: 1100px)  {.socialList { column-count: 2;} }
@media (max-width: 768px) {
    .onlyPc { display: none;} 
    .onlyMobile { display: block;}
    /* .container.px-md-0 { padding-left: 0; padding-right: 0;} */
    .topFocus { min-height: auto; max-height: 100%; height: auto;}

    .topFocus .bottomBox { padding: 10px 0;}
    .topFocus .bottomBox h1 { font-size: 20px; line-height: 30px; font-weight: normal;  }
    .topFocus .bottomBox .btnMore { padding: 0px 10px; margin-top: 10px; font-weight: normal; font-size: 14px;}
    .topFocus.focusVideo video { display: none;}
    .topFocus.focusVideo img { width: 100%; height: auto; min-height: 200px;}
    .midBox .article,.midBox .articleR,.topFocus.focusVideo .midBox .article { max-width: 100%; width: 100%; flex: 0 0 100%;}
    .midBox .article .summary { font-size: 16px; line-height: 20px; padding-top: 30px;}
    .midBox .article .name {font-size: 14px; margin-top: 10px;}
    .midBox .article .summary::after { font-size: 50px; height: 30px; line-height: 50px; }
    .topFocus .btnMore { font-size: 14px; line-height: 22px; padding: 3px 10px;}
    .midBox .playBtn {transform: scale(.55);}
    .playBtn.bottomRight {transform: scale(.55); bottom: 0px; right: 0px;}

    .exploreMorebar { margin-bottom: 20px;}
    .exploreMore { padding-top: 0; padding-left: 35px;}
    .exploreMore::after { width: 25px; height: 25px;}
    .exploreMore:hover::after { background-position: 0 -25px;}
    .exploreMore.downarrow::after { background-position: 0 -75px;}
    .exploreMore.downarrow:hover::after { background-position: 0 -50px;}

    .columnName { padding-top: 30px;}
    .columnName .title { font-size: 22px; padding-bottom:15px; }
    .columnName .title::after {background-size:50% auto;}
    .newsRow { margin: 20px 0; height: auto;}
    .newBox { margin-bottom: 10px; box-shadow: none;}
    .newslistBox .tit { margin-bottom: 0; height: auto; padding-bottom: 15px;}
    .newsRow [class*="col-"]{ padding-right: 0px; padding-left: 0px;}

    .col2Pictext { margin-top: 10px;}
    .col2Item { display: block; border-bottom: #ffffff 10px solid;}
    .col2Item .pic,.col2Item .text { width: 100%; }
    .col2Item .text { padding: 15px 0px;} .col2Pictext.ideas .col2Item .text { padding: 15px 15px;}
    .col2Pictext .title { font-size: 20px; line-height: 1.3; margin-bottom: 8px;}
    .col2Pictext .summary { margin-bottom: 15px;} .col2Pictext.aboutus .summary { font-size: 18px; line-height: 24px;}
    .col2Pictext.ideasList .col2Item { padding-bottom: 0;}
    .col2Pictext.ideasList .col2Item .pic,.col2Pictext.ideasList .col2Item .text { padding-left: 0 !important; padding-right: 0 !important; text-align: left !important;}

    .impactLeft { float: none; margin: 0 auto;}
    .impactMain { padding: 25px 10px 30px 10px; }
    .circularPhoto,.circularPhoto1 { width: 200px; height: 200px; float: none; margin: 0 auto;} .circularPhoto1 { margin-bottom: 10px; padding-right: 0; padding-bottom: 0;}
    .impactRight { font-size: 18px; line-height: 24px; background-size: 40px 40px; padding-top: 30px; padding-left: 30px;}
    .impactRight p { margin-bottom: 15px;}
    .impactRight .p2 { font-size: 16px; margin-top: 15px;}
    .impactRight .p3 { font-size: 14px; line-height: 1.4; }

    /* #footer .container{padding-left:20px;padding-right:20px} */
    .footerNav,.footerConnects{float:none}
    .footerConnects{text-align:center;margin-bottom:25px}
    .connects_share .icon_s{margin-left:10px;margin-right:10px}   
    
    .communityWrap .communitBox.boxend { height: 100px; padding-bottom: 0;}

    .rectangle9x9 { display: block; margin-top: 20px; margin-bottom: 80px;}
    .rectangle9x9 .pic { position: static;} .rectangle9x9 .pic img { position: static; height: auto;}
    .rectangle9x9 .text,.rectangle9x9 .subscribe { padding:20px 10px;}
    .rectangle9x9 { grid-template-columns: 100%; grid-template-rows: repeat(8, auto);}
    .howwework .title { margin-bottom: 10px; font-size: 18px;}

    .upcomingWrap,.communityWrap { margin-top: 20px; margin-bottom: 30px;}
    .calendarBox,.calendarBox.s { width: 110px; height: 110px; overflow: hidden; line-height: 25px; padding: 12px 0 0 0; margin-left: 0px;}
    .calendarBox .c1,.calendarBox.s .c1 { font-size: 15px;}
    .calendarBox .c2,.calendarBox.s .c2 { line-height: 35px; font-size: 42px;}
    .eventsBox .title { font-size: 16px; line-height: 124%;}
    .eventsBox .time { font-size: 13px; margin-bottom: 5px;}
    .eventsBox .summary { display: none; /**/}
    .eventsBox { padding: 0 0 0 10px;}

    .sideSharebar { display: none;}
    /* 手机导航 MOVE*/
    .hrBar { height: 30px;} .hrBar::after { margin-top: 15px;} .hrNull { height: 15px;}
    .colTitle { font-size: 22px; line-height: 30px;}
    .colmainPadding { padding-top: 15px; padding-bottom: 15px;}

    
    .articleTop .breadnav { font-size: 18px;}
    .articleTop h1 { font-size: 28px;line-height:1.2; /* font-size: 24px;line-height: 28px;*/ width: 100%; padding: 10px 0 20px 0; font-weight: normal;}
    .articleToppic .leaderBox h1.leaderName { font-size: 28px;} .articleToppic .leaderBox .jobtitle { font-size: 24px;}
    .articleTop .pubdate { font-size: 14px;}
    .articleToppic::before { display: none;} 
    .articleSwiper{ margin-top: 0;}.articleToppic .leaderBox { margin-top: 20px; text-align: left;}
    .articleSwiper .swiper-pagination { margin-top: 60%;}
    .articleSwiper .tit { padding:10px 15px;}
    .articleSwiper .pic.videoPic::after { background-size: 60px auto;}
    .hotvideoSwiper .tit { font-size: 22px;} .hotvideoSwiper .swiper-pagination { bottom: 10px;}
    .hotvideoSwiper .btnlink { margin-top: 5px; padding: 5px 20px; font-size: 18px;}
    /* .articleCon { padding: 15px 15px; } */
    .articleCon_l {float: none; padding-right: 0; width: 100%;} .articleCon_r { line-height: 24px;} .content { padding-top: 16px;}
    .author { margin-top: 20px; margin-bottom: 20px;} .author .avatar { float: left; clear: none; margin-right: 20px;} .author .authorTxt { overflow: hidden; padding-top: 10px;}
    .textpicList .pic { margin-bottom: 10px;} .newslist_col1 li.item .pic { margin-right: 15px;}
    .textpicList .tit,.harborList li.item .tit,.ideasAuthor .tit,.newslist .tit,.headlines .tit,.newslist_col1 .tit {/*font-size: 18px; line-height: 24px; */ font-size: 20px; line-height: 1.3; } 
    .textpicList .item { margin-bottom: 20px; padding-left: 15px; padding-right: 15px; /*padding-left: 0; padding-right: 0; */}
    .articleSubscribe .subscribe_2 { width: 100%; float: none; text-align: left;} .articleSubscribe { padding-bottom: 15px;}
    .moreworkItem .title { font-size: 18px;}
    .moreworkItem { border-bottom: #e0e0e0 1px solid; margin-bottom: 20px;} .moreworkItem:nth-last-child(1) { border-bottom:none; margin-bottom:0;}
    .articleShare.top { float: none; clear: both; margin: 5px 0 10px -10px;}

    .howweworkBg { background:none;}
    .howweworkItem.fr,.howweworkItem.fl { float: none; max-width: 100%; text-align: left; border-bottom: #dddddd 1px solid;  padding-bottom: 20px; margin-bottom: 10px;}
    .howweworkBg .col-md-6:last-child .howweworkItem { border-bottom: none;}

    .dialogueTitle { font-size: 22px; height: 50px;}
    .tagnavName,.harborContainer .title { font-size: 30px; text-align: center; margin-top: 15px; padding-bottom: 0; letter-spacing: -0.5px;}  .harborContainer .title { text-align: left; line-height: 1.1;} .harborContainer .pic.harbourconnect { padding: 0;}
    .remarksBox { width: 100%; padding: 15px; margin-right: 0;}
    .leadershipBox1 { margin-bottom: 0; border-bottom: #eeeeee 1px solid;}
    .leadershipBox1 .leaderItem,.leadershipBox2 .leaderItem,.leadershipBox3 .leaderItem {margin-bottom: 15px;}
    .leadershipBox3 .leaderItem { padding-left: 15px !important; padding-right: 15px !important;}
    .leadershipBox2 .leaderItem::after,.leadershipBox3 .leaderItem::after { display: block; content: ''; height: 1px; border-bottom: #eeeeee 1px solid; width: 100%; clear: both;}
    .leadershipBox1 .leadershipPic { margin-bottom: 15px; padding-left: 0; padding-right: 0;}
    /* .leadershipBox3 .p2 { display: none;} */
    .leadershipContainer .leadershipPic { float: right; width: 40%;}
    .leadershipContainer .leadershipText { overflow: hidden;}
    .leadershipContainer .leadershipText { position: static; height: auto; width: auto; overflow: hidden; padding-right: 0;}
    .leadershipText .p0 { font-size: 22px;}
    .leadershipText .p3 { display: none;} 

    .partnerPic { width: 120px; height: 120px; } .partnerPic a { width: 120px; height: 120px;}
    /* .groupsTit { font-size: 22px;} */
    .groupsTit { font-size: 24px; padding-top: 30px; padding-bottom: 15px;}
    .groupsList li { padding: 5px 0;}
    .groupsList li .name { float: none; font-size: 18px; padding-right: 0px;}
    .groupsList li .jobtitle { font-size: 14px;}

    .harborConnect_r { padding: 0px;}
    .harborConnect_r .topBox { padding: 10px 15px 0px 15px;}

    .ideasAvatar { width: 80px; height: 80px; margin-right: 10px; }
    .ideasAuthorlist .item .ideasAuthor { width: 100% !important; float: none !important; padding-top: 15px; padding-bottom: 15px; border-bottom: #f6f6f6 1px solid;}
    .ideasAuthorlist::after,.ideasAuthorlist .item::after { display: none;}
    
    .headlines .itemBox { background: none;} .headlines .cover { background-color: rgb(0, 0, 0, .3);} .headlines .cover .pubdate, .headlines .cover .summary, .headlines .cover h2.tit { display: block; } 
    
    .bgTexture { padding-top: 10px;} .photosList .box { margin-bottom: 10px;}
    .relatedBox { width: 100%; float: none;}.recentnewslist .pubdate { float: none; display: block; padding-left: 0;}

    .ourworkNav { margin-top: -46px;}.ourworkNav .navitem { height: 46px; line-height: 46px; font-size: 20px;}

    .wrapMain.padding_lr { padding-left: 0; padding-right: 0;}
    .socialList { column-count: 1;}
}

@media (max-width: 576px) {
    .topFocus .btnMore { line-height: 22px;}
    .bannerWrap { padding-top: 66%;}
    .remarksBox { width: 100%; line-height: 1.1; padding: 15px;}
    .reportsList .reportBox { max-width: 100%; width: 100%;}
    .groupsList li.columns2 { width: 100%; float: none;}
    .articleCon { padding: 15px 15px; }
    
    .harborList li.item,.newslist_col1 li.item {/*margin-bottom: 15px;*/ margin-bottom: 0; border-bottom: #ffffff 2px solid;}
    .harborList li.item .pic,.newslist .newspic,.newslist_col1 li.item .pic { float: none;  margin-right: 0px; width: 100%;}
    .harborList li.item .text { padding: 15px 15px;} .newslist .newspic { padding: 15px 0;} .newslist_col1 .text { padding: 10px 0px 25px 0px;} 
    .harborList .summary,.headlines .summary,.newslist_col1 .summary { display: none;}
    .headlines .cover {padding-left: 10px; padding-right: 10px;}
    .headlines .cover .pubdate,.headlines .cover .summary { font-size: 16px;}
    .headlines h2.tit { font-size: 20px; }

    .picModal .modal-dialog { margin-right: 0; margin-left: 0;}.picModal .swiper-button-next,.picModal .swiper-button-prev { transform: scale(.5);}
    
}