@charset "utf-8";
* {	margin: 0;padding: 0;-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:initial;}
body,button,input,select,textarea {	 font-family:"Microsoft YaHei","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
a {	text-decoration: none;	color: #474747;  }
a:hover {color: #0033cc;text-decoration: none;	}
img {	border: 0px; vertical-align:middle;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {color: #343434;background: #fff;margin: 0 auto;font-size: 16px !important; overflow-x:hidden;width:100%;}
.clear {	clear: both;}
.pic100 img{width:100%;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.overflow{ overflow:hidden;}
.white a,.white{ color:#fff;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top20{ margin-top:20px;}
.top40{ margin-top:40px;}
.pad40{padding:40px 0;}
.text-center{ text-align:center;}
.text-right{text-align:right;}
.row:after{content:''; display:block; clear:both;}
.flex-wrap {
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.container-fluid {
    width: 100%;
}
.clearfix:after{
    content:"";
    display:block;
    clear:both;
    height:0;
    line-height:0;
    visibility:hidden;
}
.clearfix{zoom:1;}
.container{width:1300px;margin: auto;}
@media (max-width:1440px) {
    .container {width:1190px;}
}
@media (max-width:1199px) {
    .container{width:991px}
}
@media (max-width:991px) {
    .container{width:750px}
}
@media (max-width:767px) {
    .container{width:100%}
}
.row:after{content:''; display:block;clear:both;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left}
.col-xs-12 {width:100%}
.col-xs-11 {width:91.66666667%}
.col-xs-10 {width:83.33333333%}
.col-xs-9 {	width:75%}
.col-xs-8 {	width:66.66666667%}
.col-xs-7 {	width:58.33333333%}
.col-xs-6 {	width:50%}
.col-xs-5 {	width:41.66666667%}
.col-xs-4 {	width:33.33333333%}
.col-xs-3 {	width:25%}
.col-xs-2 {	width:16.66666667%}
.col-xs-1 {	width:8.33333333%}
@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left}
    .col-sm-12 {width:100%}
    .col-sm-11 {width:91.66666667%}
    .col-sm-10 {width:83.33333333%}
    .col-sm-9 {width:75%}
    .col-sm-8 {width:66.66666667%}
    .col-sm-7 {width:58.33333333%}
    .col-sm-6 {width:50%}
    .col-sm-5 {width:41.66666667%}
    .col-sm-4 {width:33.33333333%}
    .col-sm-3 {width:25%}
    .col-sm-2 {width:16.66666667%}
    .col-sm-1 {width:8.33333333%}
}
@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left}
    .col-md-12 {width:100%}
    .col-md-11 {width:91.66666667%}
    .col-md-10 {width:83.33333333%}
    .col-md-9 {width:75%}
    .col-md-8 {width:66.66666667%}
    .col-md-7 {width:58.33333333%}
    .col-md-6 {width:50%}

    .col-md-5 {width:41.66666667%}
    .col-md-4 {width:33.33333333%}
    .col-md-3 {width:25%}
    .col-md-2 {width:16.66666667%}
    .col-md-1 {width:8.33333333%}
}
@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left}
    .col-lg-12 {width:100%}
    .col-lg-11 {width:91.66666667%}
    .col-lg-10 {width:83.33333333%}
    .col-lg-9 {width:75%}
    .col-lg-8 {width:66.66666667%}
    .col-lg-7 {width:58.33333333%}
    .col-lg-6 {width:50%}
    .col-lg-5 {width:41.66666667%}
    .col-lg-4 {width:33.33333333%}
    .col-lg-3 {width:25%}
    .col-lg-2 {width:16.66666667%}
    .col-lg-1 {width:8.33333333%}
}


@font-face {
    font-family: 'OPPOSans B';
    src: url('../fonts/OPPOSans-B.woff2') format('woff2'),
    url('../fonts/OPPOSans-B.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


header{padding:2px 0; background-color:#fff;position: relative;z-index:3;}
header .container{align-items: center; display:flex;}
.logo img{height:39px;}
.language{ display:inline-block; position:relative;margin-left:27px;cursor:pointer;}
.language>a{ background-color:#f4f4f4;border-radius:6px;color:#666666;padding:3px 10px; display:block;}
.language>a,header.fff .language>a,header.scollfox .language>a{ background-color:#f4f4f4;border-radius:6px;color:#666666;padding:4px 12px; display:block;}
.language>a:after,header.fff .language>a:after,header.scollfox .language>a:after{content:''; display:inline-block;width:0;height:0;border-top:6px solid #999999;border-left:6px solid transparent;border-right:6px solid transparent; vertical-align:middle;margin-left:4px;}
.language div,header.fff .language div,header.scollfox .language div{ position:absolute; width:100%;top:100%; font-size:15px;background-color:#f4f4f4; border-radius:10px; overflow:hidden; display:none;z-index: 1;}
.language div a{ display:block;padding:10px 5px; text-align:center;}
.language div a:hover,header.fff .language div a:hover,header.scollfox .language div a:hover{color:#0093ca;}
.language:hover div,header.fff .language:hover div,header.scollfox .language:hover div{ display:block;}
header.fff .language div a,header.scollfox .language div a{color: #474747;}
.headsearch{ position:relative;margin-left:40px; cursor:pointer;}
.headsearchC{position:absolute; top:100%;padding:34px 0 0;right:-20px; display:none;}
.headsearchC form{display:flex;background-color:#fff;padding:10px 15px;}
.headsearchC form input{background-color:transparent;font-size:14px;width:330px;padding:6px 10px;}
.headsearchC form button{ background-color:transparent; cursor:pointer;margin-left:10px;}
.headsearch:hover .headsearchC{ display:block;}
.headnav{ position:relative;margin-left:30px; cursor:pointer;}
nav{flex:1; text-align:right;}
nav li{ position:relative; display:inline-block;margin-left:20px;}
nav .navbg{width:100vw;left:0;top:100%; position:absolute;background-color:rgba(0,0,0,0.4);height:0;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
nav li>a{font-size:15px;display:block;font-weight:bold;padding:38px 0;position:relative;}
nav li>a:after{content:'';width:36px; position:absolute;bottom:28px;left:50%;margin-left:-18px;height:2px;}
nav li>a.cur,nav li:hover>a{color:#0059ab;}
nav li>a.cur:after,nav li:hover>a:after{background-color:#0072ff;}
nav li div{position:absolute;top:100%;left:0;display:none;z-index: 1;width:max-content;padding: 24px 0;font-size:15px;}
nav li div a{display:inline-block;padding:0 20px 0 0;color:#fff;}
nav li div a:hover{color:#fff;font-weight:bold;}
nav li:hover div{ display:block;}
nav li:nth-child(8) div,nav li:nth-child(9) div{right:0;left:auto;}
nav li:nth-child(8) div a,nav li:nth-child(9) div a{padding:0 0 0 20px;}
nav li:nth-child(8) div{margin-right: -9px;}
.navbg.open{height:69px;}
header.fff nav li>a,header.scollfox nav li>a{color: #474747;}
header.fff nav li:hover>a,header.scollfox nav li:hover>a{color:#22428e;}
header.fff .headsearch>a img,header.fff .headnav img,header.scollfox .headsearch>a img,header.scollfox .headnav img {filter: initial;}
.navPage.show {bottom: 0;}
.navPage {position: fixed;top: 0;bottom: 100%;left: 0;width: 100%;z-index: 10; overflow: hidden;display: flex;align-items:center;
    justify-content: center;transition: all .6s cubic-bezier(.215,.61,.355,1);}
.panelBg {background: url(../images/bg1.jpg) repeat;}
.navPage .navBox { width: 100%; margin: 0 auto;display: flex;justify-content: center;line-height: 1;}
.navBox {position: relative;float: left;}
.navPage .navBox dl {margin-right:3%;height: 316px;text-align: center;opacity: 0;}
.navPage .navBox dt {margin-bottom: 44px;}
.navPage .navBox dt a {font-size: 16px;color: #333;}
.navPage .navBox dd a{margin-bottom: 30px;display:block;font-size: 15px;color: #a0a0a0;}
.navPage.show .navBox dl:first-child {-webkit-animation: navShow 1s cubic-bezier(.17,.67,.38,.94) both;animation: navShow 1s cubic-bezier(.17,.67,.38,.94) both;}
.navPage.show .navBox dl:nth-child(2) {-webkit-animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .1s both;
    animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .1s both;}
.navPage.show .navBox dl:nth-child(3) {-webkit-animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .2s both;
    animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .2s both;}
.navPage.show .navBox dl:nth-child(4) {-webkit-animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .3s both;
    animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .3s both;}
.navPage.show .navBox dl:nth-child(5) {-webkit-animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .4s both;
    animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .4s both;}
.navPage.show .navBox dl:nth-child(6) {-webkit-animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .5s both;
    animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .5s both;}
.navPage.show .navBox dl:nth-child(7) {-webkit-animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .6s both;
    animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .6s both;}
.navPage.show .navBox dl:nth-child(8) {-webkit-animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .7s both;
    animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .7s both;}
.navPage.show .navBox dl:nth-child(9) {-webkit-animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .8s both;
    animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .8s both;}
.navPage.show .navBox dl:nth-child(10) {-webkit-animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .9s both;
    animation: navShow 1s cubic-bezier(.17,.67,.38,.94) .9s both;}
@-webkit-keyframes navShow{0%{margin-top:-300px;opacity:0}100%{margin-top:0;opacity:1}}@keyframes navShow{0%{margin-top:-300px;opacity:0}100%{margin-top:0;opacity:1}}
header.show{position:fixed;width:100%;top:0;z-index: 11;}
header.show .language{ display:none;}
header.show nav,header.show .headsearch{ opacity:0; pointer-events: none;}
.navPage .navBox dt a:hover,.navPage .navBox dd a:hover{color: #22428e;}
.scollfox{position: fixed;width: 100%;background-color:#fff;box-shadow: 0px 1px 11px rgba(213,213,213,0.3); animation: 850ms 350ms;-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.scollfox .mobile-inner-header-icon{color:#474747;}
.scollfox .mobile-inner-header-icon span{background-color:#474747;}
header.fff .logo1,header.scollfox .logo1{display:none;}
header.fff .logo2,header.scollfox .logo2{display:block;}
.banners{ display:none;}
.h_bannerbg{ position:absolute;width:100%;bottom:-3px;left:0; z-index:2;}
.h_new{ background-color:#f5f5f5;padding:40px 0;z-index: 1;}
.h_newtop{ display:flex;justify-content: space-between;}
.h_newtop .left{width:980px;}
.h_newtop .right{width:290px; background-color:#fff;padding:20px 20px 10px;}
.h_title{ display:flex;justify-content: space-between;align-items: center;}
.h_title h2{font-size:28px;color:#0033cc;font-weight:bold;}
.h_title h2:before{content:''; display:inline-block;margin-right:12px;width:6px;height:14px; background-color:#316af8;border-radius:60px;}
.h_title .more{font-size:18px;}
.h_title .more img{ display:inline-block;margin-left:10px;margin-top: -4px;}
.h_newtopLC{margin-top:16px;display:flex;}
.h_newtopLC .content{ background-color:#fff;padding:10px;width:636px;}
.h_newtopLC .content a{ display:none; overflow:hidden;height: 100%;}

.h_newbottomC dl a img{transition: transform 0.5s ease;}
.h_keyreviewtop a img{transition: transform 1s ease;}
.h_newbottomC dl a:hover img,
.h_newtopLC .content a:hover img,
.h_leaderC a:hover img,
.h_keyreviewbottom dl a:hover dt img,
.h_keyreviewtop a:hover img,
.projectsC dl:hover dt img,
.projects2C dl:hover dt img,
.newbottom dl:hover dt img,
.newtop .left:hover img,
.videobottom dl:hover dt img,
.responsibility dl:hover dd img,
.activitytop .left a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}

.h_newtopLC .tab {flex:1;}
.h_newtopLC .tab dl a{ display:block; background-color:#f8f8f8;padding:15px 20px; position:relative;}
.h_newtopLC .tab dl a:after{width:2px;height:100%; position:absolute;right:0;top:0; content:''; display:inline-block;}
.h_newtopLC .tab dl:nth-child(even) a{ background-color:#fff;}
.h_newtopLC .tab dl dt{ font-size:18px;height:52px;line-height:26px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.h_newtopLC .tab dl dd{margin-top:5px; text-align:right; font-size:12px;color:#999999;}
.h_newtopLC .tab dl.on a:after{ background-color:#0072ff;}
.h_newtopLC .tab dl.on dt{ font-weight:bold;color: #474747;}
.h_newtop .right h2{ text-align:center;color:#0033cc; font-size:24px;font-weight: bold;}
.h_newtop .right h2 p{color:red; text-transform:uppercase;font-size: 13px;font-weight: bold;font-style: italic;}
.h_newtopRC{margin-top:20px;}
.h_newtopRC a{ display:block;font-size: 15px;margin-bottom:8px;height:46px;line-height:23px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical; position:relative;padding-left:16px;}
.h_newtopRC a:hover{font-weight:bold;}
.h_newtopRC a:before{content:''; display:inline-block;width:4px;height:12px; background-color:#22428e;border-radius:10px; position:absolute;left:0;top:7px;}
.h_newtop .lm{background: #0033cc;padding: 10px 10px 10px;line-height: 1;}
.h_newtop .lm a,.h_newtop .lm a h2{color:#fff}
.h_newbottom{margin-top:30px;}
.h_newbottomC {margin:20px -1% 0;}
.h_newbottomC dl{float:left;width:23%;margin:0 1%;}
.h_newbottomC dl a{ background-color:#fff; display:block;}
.h_newbottomC dl dd{padding:20px;}
.h_newbottomC dl dd h5,.h_keyreviewbottom dl dd h5{font-size:18px;height:52px;line-height:26px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.h_newbottomC dl dd p{ text-align:right;margin-top:5px;}
.h_newbottomC dl dd p time{ display:inline-block; background-color:#22428e;padding:4px 10px;font-size:12px;color:#fff;}
.h_about{ background:url(../images/bg3.jpg) no-repeat center center fixed; background-size:cover;padding:86px 0;text-align:center;z-index: 1;}
.h_about h2{color:#fff; font-size:42px;font-weight:bold;}
.h_about .con{margin-top:30px;font-size:22px;font-weight:bold;color:#fff;line-height:38px;padding:0 70px;}
.h_about .more,.h_president .more a{ display:inline-block; background-color:#316af8;color:#fff; font-size:18px; text-transform:uppercase;margin-top:57px;padding:9px 58px;border-radius: 60px;}
.h_about .more{padding: 13px 70px;}
.h_about .more img,.h_president .more img,.projectmore span img{width:20px;display:inline-block;margin-left:6px; vertical-align:middle;margin-top:-4px;}
.h_about .count{margin-top:50px;}
.number{ display:flex;justify-content: space-between;}
.number li{list-style:none;padding:72px 10px;border-radius:8px;width:32%;background-color:rgba(255,255,255,0.3);}
.number li h5 span,.bohairim2 li h5 span{font-family: 'OPPOSans B';font-size:80px;font-weight:bold;background-image: -webkit-linear-gradient(left, #5a42ec,#05bbff,#006bff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;vertical-align:sub;}
.number li h5,.bohairim2 li h5{color:#0066ff;font-weight:bold;font-size:70px;}
.number li p{font-size:30px;margin-top:5px;color:#fff;}
.h_leader{ overflow:hidden;background: #fff;z-index:1;}
.h_leader h2,.h_keyreview h2{ text-align:center; font-size:42px;font-weight:bold;color: #0033cc;}
.h_keyreview{ background-color:#fff; z-index:1;}
.h_leaderC{width:110%;margin-left:-5%;margin-top:40px;}
.h_leaderC h5{overflow: hidden;background-color:#22428e;color:#fff;height:100px;padding:20px 17%; text-align:center;font-size:20px;display: flex;justify-content: center;line-height: 30px;}
.h_leaderC p{ overflow:hidden;}
.h_leaderC .swiper-pagination3{ text-align:center;margin-top:30px;}
.h_leaderC .swiper-pagination3 span{width:10px;height:10px;background-color:#aec6db;border-radius:50%; display:inline-block;margin:0 2px;}
.h_leaderC .swiper-pagination3 span.swiper-pagination-bullet-active{ background-color:#316af8;}
.h_president{ background:url(../images/bg4.jpg) no-repeat center center; background-size:cover;padding-top:44px;z-index: 1;}
.h_president .container{display:flex;align-items: end;}
.h_president .left{width:459px; position:relative; z-index:1;height:528px;overflow:hidden;}
.h_president .right{flex:1;}
.h_president .right h2{color:#fff; position:relative; font-weight:600;font-size:42px;padding:10px 50px;background-color: #5360a2;
    background: linear-gradient(left,#5360a2,rgba(83,96,126,0.5));
    background: -webkit-linear-gradient(left,#5360a2,rgba(83,96,126,0.5));}
.h_president .right h2 span{font-size:42px; display:inline-block;margin-left:10px;}
.h_president .right .con{position:relative;  background-color:rgba(255,255,255,0.64);font-size:22px;padding:39px 50px 67px;line-height:36px;background: linear-gradient(left,rgba(255,255,255,0.64),rgba(255,255,255,0));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0.64),rgba(255,255,255,0));}
.h_president .right h2:after{content:''; display:inline-block; position:absolute;background-color:#5360a2;left:100%;top:0;height:100%;width:calc(50vw - 600px);background: linear-gradient(left,rgba(83,96,126,0.5),rgba(83,96,126,0),rgba(83,96,126,0));
    background: -webkit-linear-gradient(left,rgba(83,96,126,0.5),rgba(83,96,126,0),rgba(83,96,126,0));}
.h_president .right .con:before{content:''; display:inline-block; position:absolute;background-color:rgba(255,255,255,0.64);right:100%;top:0;height:100%;width:calc(50vw - 141px);}
.h_team{ background-color:#f5f5f5;padding-bottom:40px;z-index: 1;}
.h_team .list{padding-top:40px;}
.h_team .list h2{font-weight: bold;font-size:28px;color:#343434; display:inline-block;}
.h_team .list .listC{margin:20px 0 0; overflow:hidden;}
.h_team .list .listC dl{position:relative; cursor:pointer;}
.h_team .list .listC dl dd,.president1C dl dd{ position:absolute;bottom:0;width:100%; background-color:rgba(81,96,164,0.86);color:#fff;padding:5px 5px; text-align:center;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; 
    height: 40px;
    line-height: 30px;
    background-color: #5360a2;
}
.h_team .list .listC dl dd h5,.president1C dl dd h5{ font-size:16px;font-weight:bold;}
.h_team .list .listC dl dd .con{font-size:15px;margin-top:4px;overflow:overlay;line-height: 23px;padding: 0 18px;text-align: justify;}
.president1C dl dd .con{font-size:15px;margin-top:4px;overflow:hidden;}
.h_team .list .listC dl dd .con::-webkit-scrollbar,.president1C dl dd .con::-webkit-scrollbar { width:4px;  height:4px; background-color:transparent;}  
.h_team .list .listC dl dd .con::-webkit-scrollbar-track,.president1C dl dd .con::-webkit-scrollbar-track  { border-radius: 10px; background-color:transparent;}  
.h_team .list .listC dl dd .con::-webkit-scrollbar-thumb,.president1C dl dd .con::-webkit-scrollbar-thumb  {border-radius: 10px; background-color: #4270c1;}
.h_team .list .listC dl:hover dd,.president1C dl:hover dd{height:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.h_team .list .listC dl:hover dd .con,.president1C dl:hover dd .con{max-height:208px;}
.h_keyreviewtop{margin-top:40px; position:relative;overflow: hidden;}
.h_keyreviewtop p{position:absolute;width:100%;height:100%;top:0;left:0;}
.h_keyreviewtop p img{width:100%;height:100%;object-fit:cover;}
.h_keyreviewtop .tit{ position:absolute;width:100%;bottom:0; background-color:rgba(81, 96, 164, 0.86);padding:46px 0;color:#fff; font-family:Arial, Helvetica, sans-serif;font-size:28px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.h_keyreviewtop .tit .container{ display:flex;align-items: center;}
.h_keyreviewtop .tit h5{font-weight:bold;margin-left:10px;font-size:28px;height:37px;line-height:37px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.h_keyreviewtop .tit time{margin-right:10px;}
.h_keyreviewtop:hover .tit{ background-color:#22428e;}
.h_keyreviewbottom {margin:20px -1% 0; overflow:hidden;}
.h_keyreviewbottom dl{float:left;width:31.333%;margin:0 1% 0;}
.h_keyreviewbottom dl a{ display:block;border:1px solid #ededed;}
.h_keyreviewbottom dl dt,.h_newbottomC dl dt{ overflow:hidden;}
.h_keyreviewbottom dl dd{padding:20px;}
.h_keyreviewbottom dl dd time{ text-align:right; display:block;margin-top:10px; font-family:Arial, Helvetica, sans-serif;}
.h_keyreviewbottom dl dd h5{ font-weight:bold;}
.h_video{overflow:hidden;margin:0 -0.5%;padding:70px 5%;position:relative;z-index:1;}
.h_video video{width:100%;top:0;height:100%;position:absolute;left:0;z-index:-1;object-fit: cover;}
.h_video .list{width:19%;margin:0 0.5%;float:left; position:relative; cursor:pointer; }
.h_video .list p{ position:absolute;top:10px;left:10px;width:30px;height:30px;}
.h_video .list:hover{box-shadow: 0 0 10px #222;}
.h_video .list:hover p{-webkit-animation: zhuan 10s linear infinite;animation: zhuan 10s linear infinite;}
@-webkit-keyframes zhuan { 0% { -webkit-transform: rotate(0);} 100% { -webkit-transform: rotate(-360deg);}}
@keyframes zhuan{0% { transform: rotate(0);} 100% { transform: rotate(-360deg);}}
.mask{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.65); z-index:5;top:0;left:0;display:none;}
.popvideobody{position:fixed;width:70%;height:80vh;top:50%;left:50%;transform:translate(-50%, -50%);z-index:6;display:none;}
.popvideo p{width:100%;height:100%;}
.popvideo video{width:100%;height:100%;max-width: 100%;max-height: 100%;}
.popvideo .close{color:#fff;font-size:54px; position:fixed;right:-47px;top:-33px;cursor:pointer;}
.popvideo{height: 100%;}
.h_institutionslist h2{ padding-bottom:10px; background:url(../images/bg6.png) no-repeat bottom left; background-size:100%;padding-right:70px; display:inline-block;font-size:32px;font-weight:bold;color:#343434;}
.h_institutionslist h2:before{content: '';display: inline-block;margin-right: 6px;width:4px;height: 10px;background-color: #316af8;border-radius: 60px;}
.h_institutionslist p{ font-family:Arial, Helvetica, sans-serif;color:#22428e; text-transform:uppercase;font-style: italic;font-weight:bold;margin-top:10px;}
.h_institutionsC{overflow:hidden;margin:40px -1%;}
.h_institutionslist .list{width:23%;margin:0 1% 20px;float:left;}

.h_institutionslist .h_institutionsC .list img{border:1px solid #dcdcdc;}
.h_institutionslist .h_institutionsC .list:hover img{border:1px solid #215ea4;}

.h_institutions{background-color:#f5f5f5;padding-bottom:1px;padding-top: 40px;}
.h_institutionslist1 .list,.h_institutionslist1 .list img{width:auto;height:133px;}
footer{background-color: #22428e;color:#fff;padding:70px 0 0;position: relative;z-index:1;}
footer .container{ display:flex;justify-content: space-between;}
.footleft{width:385px;}
.footright{width:840px;position:relative;}
.footlogo .img{height:39px;}
.links{margin-top:20px; position:relative;width:280px;z-index: 3;}
.links p{ background-color:rgba(255,255,255,0.5);border-radius:10px;padding:0 20px;line-height:50px;color:#fff; cursor:pointer;}
.links p:after{content:'';width:0;height:0;border-top:12px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent; position:absolute;right:20px;top:20px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.links .con{ position:absolute;width:100%;height:200px; overflow:scroll;top:100%;left:0; background-color:#fff;border:1px solid #dcdcdc;padding:10px; display:none;}
.links .con a{ display:block;padding:10px 5px;font-size:14px;}
.links .con::-webkit-scrollbar { width:6px;  height: 6px; background-color: #fcfcfc;}
.links .con::-webkit-scrollbar-track  { border-radius: 10px; background-color: #fcfcfc;}
.links .con::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #00a8ec; }
.links p.on:after{transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);}
.footinfo{margin-top:50px;}
.footinfo h2{font-size:24px;font-weight:bold;}
.footinfo h3{font-size:16px;font-weight:bold;margin-top:5px;}
.footinfo .con{margin-top:20px;line-height:26px;min-height: 130px;}
.footinfo span {background: rgba(255,255,255,0.5) !important;margin: 0 2px;width:34px;height:7px;border-radius:60px;}
.footinfo span.swiper-pagination-bullet-active {background: #fff !important;}
.footinfo .swiper-pagination{margin-top:15px; text-align:left;}
.footrightnav{ background:url(../images/bg7.jpg) no-repeat left -62px center; background-size:100%;overflow:hidden; display:flex;flex-wrap:wrap;}
.footrightnav dl{float:left;width:20%;margin-bottom:30px;}
.footrightnav dl dt a{ display:block;color:#fff;}
.footrightnav dl dd a{ display:block;color:rgba(255,255,255,0.5);margin:14px 0;}
.footrightcode{ position:absolute;bottom:46px;right:0; display:flex;}
.footrightcode dl{margin-left:10px; position:relative;color:#fff; text-align:center;overflow:hidden;}
.footrightcode dl dt img{width:90px;height:90px; border-radius:6px; display:block;margin-bottom:10px;}
.footrightcode dl dd{ position:absolute;bottom:100%; opacity:0;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.footrightcode dl dd:after{content:''; display:block;border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;margin:auto;}
.footrightcode dl dd img{width:90px;}
.footrightcode dl:hover{overflow:visible;}
.footrightcode dl:hover dd{ opacity:1;}
.banner .swiper-pagination2,.banner .swiper-pagination2s{ position:absolute;}
.logo1{ display:none;}
.logo2{ display:block;}
.site{ background-color:#fff;font-size: 18px;}
.site .hicon{ display:inline-block;margin-right:5px;width: 20px;margin-top: -3px;}
.site .icon{ display:inline-block;margin:0 6px;width: 10px;margin-top: -2px;}
.site a{color:#316af8;}
.site p{ display:inline-block;}
.site p a:first-child{color:#474747;}
.bohairim1,.bohairim3,.leader,.institutions,.committee,.president1,.projects,.projectdetail,.contact{ background-color:#f5f5f5;padding:70px 0;}
.bohairim1 h2,.leader h2,.institutions h2,.committee h2,.othertit{ text-align:center;display: flex;justify-content: center;}
.bohairim1 h2 span,.leader h2 span,.institutions h2 span,.committee h2 span,.othertit span{min-width: 170px;font-size:24px;display:inline-block; background-color:#0033cc;color:#fff; font-weight:bold;padding:0 10px;line-height:48px;}
.bohairim1 h2:before,.leader h2:before,.institutions h2:before,.committee h2:before,.othertit:before{content:'';width:23px;height:48px; background:url(../images/icon12.png) no-repeat; background-size:100%; display:inline-block;}
.bohairim1 h2:after,.leader h2:after,.institutions h2:after,.committee h2:after,.othertit:after{display:inline-block;content:'';width:23px;height:48px; background:url(../images/icon13.png) no-repeat; background-size:100%;}
.bohairim1 .con,.committeeC{margin-top:50px;line-height:34px;font-size:18px;}
.committeeC{margin-top:0;}
.bohairim2,.committee2{padding:70px 0;}
.committee h2{margin-bottom:40px;}
.bohairim2 ul{ display:flex;justify-content: space-around;text-align: center;}
.bohairim2 li{ list-style:none;}
.bohairim2 li p{font-size:22px;margin-top:10px;}
.bohairim2 li h5{font-size:38px;}
.bohairim2 li h5 span{vertical-align: text-top;}
.bohairim3 h2{color:#0033cc; font-size:28px; position:relative; z-index:1; font-weight:bold;}
.bohairim3 h2:after{content:''; display:inline-block;width:170px;height:10px; background-color:#a0ccf6; position:absolute;bottom:0;left:0; z-index:-1;}
.bohairim3 .con{margin-top:30px;line-height:34px;font-size:18px;text-align: justify;}
.bohairim3 .list{margin-bottom:50px;}
.floatright{float:right;width:50%;}
.site .container{ position:relative;padding:40px 0;}
.childnav{ position:absolute;bottom:0;right:0;font-size:16px;}
.childnav a{ display:inline-block;margin-left:20px;padding-bottom:20px; position:relative;color:#474747; position:relative;}
.childnav a:after{content:''; display:inline-block;width:30px;height:2px; background-color:#316af8; position:absolute;bottom:0;left:50%;margin-left:-15px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;transform: scale(0,1);-webkit-transform: scale(0,1);-moz-transform: scale(0,1);}
.childnav a:hover:after,.childnav a.cur:after{transform: scale(1,1);-webkit-transform: scale(1,1);-moz-transform: scale(1,1);}
.introduce1 .list h5{ text-align:center;margin:20px 0;font-size:20px;font-weight:bold;}
.introduce2{ background:url(../images/bg8.jpg) no-repeat center center; background-size:cover;padding:70px 0; text-align:center;}
.introduce2 li{padding: 0 0;background-color:transparent; position:relative;}
.introduce2 li h5{color: #fff;}
.introduce2 li h5 span{color: #fff;background-image: -webkit-linear-gradient(left, #fff,#fff,#fff);}
.introduce2 li p {font-size: 26px;}
.introduce2 li:after{content:''; display:inline-block;width:1px;height:80%; background-color:#fff; position:absolute;bottom:0;right:0;}
.introduce2 li:last-child:after{ display:none;}
.bohairim1 .con img{ max-width:100%;}
.introduce3 .con2{padding:80px 0 80px; background:#f5f5f5 url(../images/bg9.png) no-repeat bottom center; background-size:90%;}
.leaderC{margin:40px -1% 0; overflow:hidden; display:flex;flex-wrap:wrap;}
.leaderC dl{float:left;width:31.33333%;margin:0 1% 20px;background-color: #22428e;}
.leaderC dl dd{background-color: #22428e;color: #fff;padding:13px 33px;text-align: center;font-size:16px;display: flex;    justify-content: center;align-items: center;line-height: 21px;}
.institutionsC{margin:60px -1% 0; overflow:hidden; text-align:center;}
.institutionsC .list{margin:0 1% 20px; display:inline-block;}
.institutionsC .list img{height:140px;}
.committeeC h3 span,.member2 h3 span{padding-bottom: 10px;background: url(../images/bg6.png) no-repeat bottom left;background-size: 100%;padding-right:20px;display: inline-block;font-size: 24px;color: #343434;min-width:164px;}
.committeeC h4{ font-weight:bold;font-size: 24px;}
.secretariat .con .title{ display:flex;justify-content: space-around;font-size: 22px;font-weight: bold;}
.member1C{margin:30px -1% 0; overflow:hidden;}
.member1C .list{width:23%;margin:0 1% 20px;float:left;}
.member2_1,.member2_2{padding: 50px 0;}
.member2 h3 span{ font-weight:bold;font-size: 26px;}
.member2 h5{ font-weight:bold;font-size:24px;margin-bottom:10px;}
.member2 .row {margin:0 -15px;}
.member2 .con{line-height:30px;}
.member2_2{ background-color:#f5f5f5;}
.member2 h6{ font-weight:bold;font-size:18px;margin-bottom:10px;}
.president{border-top:1px solid #f5f5f5; background-color:#fff;padding:70px 0 0;}
.presidentC{margin-top:70px; overflow:hidden;display: flex;justify-content: space-between;}
.presidentC .left{float:left;width:465px;display: flex;align-items: end;margin-left: 3%;}
.presidentC .left img{width: 83%;}
.presidentC .right{float:right;width:calc(100% - 544px);padding-bottom: 70px;}
.presidentC .right h1{font-size:40px; font-weight:bold;color:#353b90;}
.presidentC .right h5{font-size:24px; font-weight:bold;margin-top:20px;}
.presidentC .right .content{font-size:18px;margin-top:50px;line-height:40px;}
.president1{padding:70px 5%;}
.president1C,.projectsC,.projects2C {margin: 50px -1% 0;overflow: hidden;}
.president1C dl{overflow: hidden;float: left;width:19%;margin: 0 0.5% 20px; position:relative; cursor:pointer;}
.president1C dl dd{height:44px;padding:6px 24px;}
.president1C dl dd h5{ font-size:17px;}
.president1C dl dd .con {text-align: justify;line-height: 20px;font-size: 14px;margin-top:12px;height:60px;}
.president1C dl:hover dd .con{width: 100%;max-height: calc(100% - 70px);height: auto;overflow-y: scroll;line-height: 25px;}
.president1C dl:hover dd .con::-webkit-scrollbar { width:6px;  height: 6px; background-color:transparent;}
.president1C dl:hover dd .con::-webkit-scrollbar-track  { border-radius: 10px; background-color:transparent;}
.president1C dl:hover dd .con::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #273ea5; }
.president2C dl{width:15.666%;}
.president2C dl dd{height:44px;padding:6px 18px;}
.president2C dl dd .con{height: 20px;}
.projectsC dl{float: left;width:32.333%;margin: 0 0.5% 20px; display:none;}
.projectsC dl dd{ background-color:#fff;padding:20px;display: flex;justify-content: center;align-items: center;height: 88px;}
.projectsC dl dd h5{max-height:48px;font-size:18px;text-align:center; overflow:hidden;}
.projectmore{margin-top:50px; text-align:center;}
.projectmore span{border-radius: 60px;display:inline-block; background-color:#0033cc;color:#fff;font-size:18px;padding:10px 40px; cursor:pointer;}
.projectmore span:hover{ opacity:0.8;}
.projectsC dl:first-child,.projectsC dl:nth-child(2),.projectsC dl:nth-child(3),.projectsC dl:nth-child(4),.projectsC dl:nth-child(5),.projectsC dl:nth-child(6),.projectsC.show dl,.projects2C.show dl,.projects2C dl:first-child,.projects2C dl:nth-child(2),.projects2C dl:nth-child(3),.projects2C dl:nth-child(4),.projects2C dl:nth-child(5),.projects2C dl:nth-child(6){ display:block;}
.projectmore.show{ display:none;}
.projectsC dl dt,.projects2C dl dt{ overflow:hidden;}
.projectsmainC{margin: 50px 10% 0;}
.projectdetail h1{ text-align:center;color:#444444;font-size:28px;font-weight:bold;}
.projectdetail .info{margin-top:30px;padding-top:10px;border-top:4px solid #316af8;position:relative;}
.projectdetail .info:before{content:''; display:inline-block;background:url(../images/bg10.png) no-repeat; background-size:auto 4px;width:100%;height:4px; position:absolute;top:-4px;left:0;}
.projectdetail .info time{color:#999999;float:left;margin-top: 10px;}
.projectdetail .info .social-share{float:left;margin-left:20px;}
.icon-wechat{ background:url(../images/icon15.png) no-repeat; background-size:32px;border:0 !important;}
.icon-wechat:before,.icon-weibo:before,.icon-qzone:before,.icon-qq:before{ display:none;}
.icon-wechat:hover{ opacity:0.8 !important;background:url(../images/icon15.png) no-repeat!important; background-size:32px !important;color:inherit !important;}
.icon-weibo{background:url(../images/icon16.png) no-repeat; background-size:32px;border:0 !important;}
.icon-weibo:hover{ opacity:0.8 !important;background:url(../images/icon16.png) no-repeat!important; background-size:32px !important;color:inherit !important;}
.icon-qzone{background:url(../images/icon17.png) no-repeat; background-size:32px;border:0 !important;}
.icon-qzone:hover{ opacity:0.8 !important;background:url(../images/icon17.png) no-repeat!important; background-size:32px !important;color:inherit !important;}
.icon-qq{background:url(../images/icon18.png) no-repeat; background-size:32px;border:0 !important;}
.icon-qq:hover{ opacity:0.8 !important;background:url(../images/icon18.png) no-repeat!important; background-size:32px !important;color:inherit !important;}
.projectdetail .info .back{float:right;margin-top:5px; }
.projectdetail .info .back a{background-color:#0033cc;color:#fff; display:inline-block;padding:5px 10px; font-size:15px;}
.projectdetail .info .back a img{ display:inline-block;margin-right:5px;width:8px;margin-top: -4px;}
.projectdetail .info .back a:hover{opacity:0.8;}
.projectdetail article{margin-top:40px;line-height:40px;text-align:justify;line-height:1.6;}
.projectdetail article img{max-width:100%;}
.projectsmainC dl dd{ background-color:#e8eff4;}
.projectsmainC dl{ display:block;}
.projects2C{ display:flex;flex-wrap:wrap;}
.projects2C dl{width: 32.333%;margin: 0 0.5% 20px;background-color: #e8eff4; display:none;}
.projects2C dl dd {padding: 20px;font-weight: bold;line-height: 23px;}
.newsearch{ margin:50px auto 0;width:860px;}
.newsearch select{float:left;min-width:240px;border:1px solid #ecebed;padding:20px 20px;cursor:pointer;appearance: none;-webkit-appearance: none; background:#fff url(../images/icon20.png) no-repeat right 20px center; background-size:17px;}
.newsearch .newsear{width:calc(100% - 250px);float:right; display:flex; background-color:#fff;border:1px solid #ecebed;padding:16px 20px;}
.newsearch .newsear input{flex:1;}
.newsearch .newsear button{ background-color:transparent;cursor:pointer;}
.newsearch .newsear button img{width: 24px;}
.newbottom,.videobottom{margin:40px -1% 0; overflow:hidden;display: flex; flex-wrap: wrap;}
.newbottom dl,.videobottom dl{float:left;width:31.333%;margin:0 1% 20px;}
.newbottom dl dt,.videobottom dl dt{ overflow:hidden;}
.newbottom dl dd,.videobottom dl dd{padding:25px 0; position:relative;overflow:hidden;}
.newbottom dl dd h5,.videobottom dl dd h5{font-size:16px;height:54px;line-height:27px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.newbottom dl dd h5{font-weight: bold;color: #5a5a5a;}
.newbottom dl a:hover dd h5,.videobottom dl:hover dd h5{color: #0033cc;}
.newbottom dl dd time{ display:block;margin-top:10px;color:#999999;}
.pagelist{ text-align:center; margin-top:40px;}
.pagelist li{display:inline-block;margin:0 3px;}
.pagelist li a,.pagelist li span{display:block;padding:9px 15px;color:#999;border-radius:50%;background-color:#ecebed;}
.pagelist li a.cur,.pagelist li.active span,.pagelist li a:hover{background-color:#22428e;color:#fff;}
.newbottom dl dd:before,.videobottom dl dd:before{ content:''; display:inline-block;width:100%;height:4px;position:absolute;bottom:0;left:0;}
.newbottom dl dd:after,.videobottom dl dd:after{ content:''; display:inline-block;width:25px;height:4px;  position:absolute;bottom:0;left:0;-webkit-animation: dong 20s linear infinite;animation: dong 20s linear infinite;}
@-webkit-keyframes dong {0% {left:0;}99% {left:110%;} 100% {left:0;}}
@keyframes dong{0% {left:0;}99% {left:110%;} 100% {left:0;}}
.newbottom dl:hover dd:before,.videobottom dl:hover dd:before{background-color:#22428e;}
.newbottom dl:hover dd:after,.videobottom dl:hover dd:after{background:url(../images/bg11.png) no-repeat; background-size:auto 100%;}
.newtop{margin-top:50px; overflow:hidden; background-color:#fff; position:relative;}
.newtop .swiper-slide{display:flex;}
.newtop .left{width:48%; overflow:hidden;}
.newtop .right{flex:1;padding:30px 40px 40px; display:flex;flex-direction: column;justify-content: space-between;}
.newtop .right h5{font-size:22px;font-weight:bold;height:64px;line-height:32px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.newtop .right time{ display:block;margin-top:20px;color:#999999;}
.newtop .right .more{ display:inline-block;background-color:#316af8;color:#fff;width: 163px;line-height: 55px;text-align: center;border-radius: 60px;}
.newtop .right .more img{ display:inline-block;margin-left:4px;width:22px;}
.newtop .right .more:hover{ opacity:0.8;}
.newtop .btns{z-index: 1;position:absolute;right:40px;bottom:40px; display:flex;width:140px;justify-content: space-between; cursor:pointer;}
.newtop .btns .btn img{width:55px;}
.newtop .right p{margin-top:20px;height:72px;line-height:26px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.new3topmore{text-align:right;margin-right: 200px;}
.new3bottom,.searchbody{margin-top:20px;}
.new3bottom dl{ margin-bottom:20px;}
.new3bottom dl a{ display:block;background-color:#fff;padding:40px; display:flex;border-radius:6px;}
.new3bottom dl dt{flex:1;margin-right:150px;}
.new3bottom dl dt h5{height:22px;line-height:22px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;font-size:20px;font-weight:bold;}
.new3bottom dl dt p{color: #474747;margin-top:10px;height:22px;line-height:22px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.new3bottom dl dd{color:#999999;}
.videobottom dl dd h5{ text-align:center;color: #5a5a5a;font-weight: bold;}
.responsibility{margin:60px -1% 0; overflow:hidden;}
.responsibility dl{float:left;width:48%;margin:0 1% 20px; background-color:#e8eff4;padding:30px;}
.responsibility dl dt{color:#474747;font-size: 24px;font-weight: bold;line-height: 40px;height:80px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.responsibility dl dd{margin-top:20px; overflow:hidden;}
.responsibility dl h5{color:#474747;margin-top:30px; text-align:center;font-size:22px;height:29px;line-height:29px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.responsibility dl p{ text-align:right;margin-top:20px;}
.responsibility dl p span{font-size:20px;}
.resdetail2{margin-top:50px;}
.resdetail2 h1{font-size:20px;font-weight:bold; text-align:center;}
.resdetail2 article{margin-top:50px;font-size:18px;line-height:30px;}
.resdetail2 article img,.resdetail2_2 img{max-width:100%;}
.resdetail2_2{padding:70px 0; background-color:#e8eff4;font-size:18px;line-height:30px;}
.contact1{ background-color:#fff;margin-top:40px;}
.contact1 .list{padding:30px 0;border-bottom:1px solid #ededed;}
.contact1 .list .container{ display:flex;}
.contact1 .list .left{width:34%;margin:20px 0 0 30px;}
.contact1 .list .left h2{ font-weight:bold;font-size:24px;}
.contact1 .list .left p{ font-weight:bold;margin-top: 10px;letter-spacing: 1px;}
.contact1 .list .right{flex:1;line-height: 30px;}
.contact2{ padding:70px 0;}
.contact2C{margin:60px 18% 0; display:flex;justify-content: space-between;}
.contact2C dl{width:310px; text-align:center;}
.contact2C dl dt{border:1px solid #ededed;width: 70%;margin: auto;}
.contact2C dl dd{margin-top:20px;font-size:20px;}
.contact3{padding-top:0;}
.contact3C{margin-top:40px;padding:40px 0; background:url(../images/bg12.jpg) no-repeat center center; background-size:cover;}
.contact3C .container{ background-color:rgba(255,255,255,0.48);border-radius:10px;padding:60px 0;}
.contact3C h2{ text-align:center;font-weight:bold;line-height:40px;}
.contact3C h2 p{font-size:19px;font-weight:initial;}
.contactdown{margin-top:40px;}
.contactdown dl{ background-color:#fff;padding:20px 35px;margin-bottom:10px; display:flex;}
.contactdown dl dt{flex:1;margin-right:100px;line-height:21px;height:21px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;font-weight:bold;}
.contactdown dl dd a{ display:inline-block;color:#4170bd;text-decoration: underline;}
.contactdown dl dd a:hover{ font-weight:bold;}
.contact3C .btn{margin-top:40px; text-align:center;}
.contact3C .btn a{ display:inline-block; background-color:#0033cc;border-radius:6px;color:#fff;font-size:20px;padding:20px 100px;}
.activitytop{ display:flex;margin-top:40px;}
.activitytop .left{width:48%; overflow:hidden;}
.activitytop .right{width:52%; background-color:#fff;}
.activitytop .left a{ display:none;}
.activitytop .right dl a{ display:block; padding:21px 20px;border-bottom:1px solid #ededed;}
.activitytop .right dl dt{font-weight:bold;font-size: 18px;line-height:25px;height:50px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.activitytop .right dl dd{margin-top:20px;color:#999999;font-size:14px;}
.activitytop .right dl.on a{border-bottom:1px solid #22428e; display:block;}
.activitytop .right dl.on a dt{color:#22428e;}
.activeitybottom,.activeitybottomC{margin-top:40px;}
.activeitybottomC{ display:flex;}
.activeitybottomC .more a{width:200px; background-color:#ecebed; display:flex;justify-content: center;align-items: center; font-size:28px;font-weight:bold;color:#22428e;height:100%;}
.activeitybottomC .more a img{ display:inline-block;margin-left:10px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.activeitybottomC .more a:hover img{ transform:translateX(15px);}
.activeitybottomC ul{flex:1; display:flex;}
.activeitybottomC ul li{ list-style:none; width:200px; overflow:hidden;}
.activeitybottomC ul li a{ display:block; position:relative;}
.activeitybottomC ul li a:after{content:''; display:block;width:100%; height:100%;top:0;left:0; background-color:rgba(0,0,0,0.3); position:absolute;}
.activeitybottomC ul li img{height:500px;object-fit: cover;width: 100%;}
.activeitybottomC ul li .tit{position:absolute;bottom:0;left:0;padding:30px;width:100%; opacity:0;background: linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,0));
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,0));}
.activeitybottomC ul li h5{line-height: 40px;color:#fff;font-weight:bold;font-size:28px;max-height:120px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.activeitybottomC ul li h5 time{display:block;font-size:20px;}
.activeitybottomC ul li.on .tit{ opacity:1;}
.activeitybottomC ul li.on a:after{background-color:rgba(0,0,0,0);}
.tip{ text-align:right;}
.newdetailtab{margin-top:30px; text-align: right;display: flex;justify-content: end;}
.newdetailtab p{ background-color: #ededed;border-radius:5px;padding:10px 20px;display: flex;}
.newdetailtab p span{padding:10px 20px;border-radius:5px;margin:0 5px; cursor: pointer;}
.newdetailtab p span.on{background-color: #fff;box-shadow: 0 0 10px #e2e2e2;}
.sersearch{margin-top:0;}
.searchbody{background-color:#fff;padding-bottom:30px;}
.searchbody dl a{ display:block;padding:40px;position:relative;}
.searchbody dl a:after{content:''; display:block; position:absolute;bottom:0;left:0;width:100%;height:3px; }
.searchbody dl dt{height:52px;line-height:26px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;font-size:18px;}
.searchbody dl dd{margin-top:30px;color:#999999; display:flex;}
.searchbody dl dd p{ display:flex;margin-right:20px;align-items: center;}
.searchbody dl dd p span{ color:#0033cc;font-size:20px;font-weight:bold;}
.searchbody dl a:hover:after{background:#22428e url(../images/bg11.png) no-repeat top left 8%; background-size:auto 100%;}
.member2_1 .toptop0{margin-top:0;}
.bq{margin-top: 30px;text-align:center;color:rgba(255,255,255,0.4);font-size:12px;}
.bq .container{ display:block;border-top:1px solid rgba(255,255,255,0.2);padding:20px 10px;}
.bq span{display:inline-block; margin:0 6px;}
.bq span a{color:rgba(255,255,255,0.4);}
.h_president .more{margin-top:40px;}
.h_president .more a{margin-top: 0;font-size: 18px;padding: 6px 42px;border-radius: 60px;}
.h_president .more a img{width: 20px;}
.h_video h2{text-align:center;color:#fff;margin-bottom:40px;font-size:42px;font-weight: bold;width: 100%;}
.h_videovideo{width: 100%;height: 100%;position: fixed;object-fit: cover;top: 0;left: 0;}
.h_teamtop{display:flex;justify-content:space-between;align-items:center;}
.h_teamtop .btn{border-radius: 4px;display:inline-block;margin-left:5px; cursor:pointer;background-color:#5360a2;padding:6px 8px 0;width:34px;height:34px;}
.h_teamtop .btn:hover{background-color:#316af8;}
.enh_newtopC{ display:none;}




.mobile-inner{ display:none; z-index:3;background-color:#fafafa;position:relative}
.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{ display:none; z-index:2;color:#222;height:40px;line-height: 40px;margin-top: 12px;font-size:16px;text-align:center;right:30px;top:3px;width:40px;position:absolute;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon-click{background-color:rgba(255,255,255,.2);cursor:pointer}.mobile-inner-header-icon span{margin-top: 10px;position:absolute;left:calc((100% - 25px)/2);top:calc((100% - 1px)/2);width:25px;height:1px;background-color:#222;}.mobile-inner-header-icon-click span{ background-color:#fff;}.mobile-inner-header-icon span:nth-child(1),.topnavR span i:nth-child(1){transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2),.topnavR span i:nth-child(2){transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1),.topnavR.click span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}@keyframes clickfirst{0%{transform:translateY(4px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(4px) rotate(0deg)}}.mobile-inner-nav{overflow-y: scroll !important;background-color:#216ba5;width:100%;height:100%;position:fixed;top:0;left:0;padding-top:80px;padding-bottom:80px;display:none}.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}
.mobile-inner-header-icon-click{ position:fixed;font-size: 0;}
.mobile-inner-header-icon-click span{margin-top:0;}
.mobile-inner-nav li div{ display:none;background-color: #307ebb;}
.mobile-inner-nav li div p{ display:none;background-color: #4a4a4a;}
.mobile-inner-nav li article a{padding-left: 7%;font-size: 14px;}
.mobile-inner-nav li a.on:after{content:'+';float:right;color:#fff;}
.phonelanguage a{width:19.4%;}
.bottomtel a img{width:23px; display:inline-block; vertical-align:middle;margin-right:6px;}
.bottomtel{ display:none; background-color:#1373f7;color:#fff; overflow:hidden; position:fixed;bottom:0;left:0;width:100%;z-index: 4;}
.bottomtel a{width:50%;float:left; text-align:center;color:#fff;padding:15px 0;}
.bottomtelh{display:none;height:55px;}
.bottomtel a:nth-child(2){ background-color:#3085f9;}
.bottomtel,.bottomtelh{ display:none;}

header.iconout{position: initial;}







@media(max-width:1440px){
    .headsearch,.headnav{margin-left: 20px;}
    nav li {margin-left: 13px;}
    nav li:nth-child(6) div{left: -162px}
    .activitytop .right dl dd {margin-top: 12px;}
    .activitytop .right dl a {padding: 20px 20px 19px;}
    .activeitybottomC ul li h5 {line-height: 27px;font-size:18px;max-height:81px;}
    .h_institutionslist1 .list, .h_institutionslist1 .list img {height: 140px;}
    .h_newtop .left {width: 884px;}
    .h_newtopLC .content { width: 588px;}
    .h_newtopLC .content img{height:100%;object-fit: cover;}
    .h_about h2 {font-size: 34px;}
    .h_about .con {font-size: 17px;line-height: 34px;}
    .number li p {font-size: 20px;}
    .number li h5 span, .bohairim2 li h5 span {font-size: 54px;}
    .h_president .right h2:after {width: calc(50vw - 595px);}
    .h_president .right .con:before { width: calc(50vw - 136px);}
    .institutionsC .list img {height: 128px;}
    .projectsmainC {margin: 50px 5% 0;}
    .h_institutionslist1 .list,.h_institutionslist1 .list img{width:auto;height:122px;}
    .h_keyreviewtop .tit h5,.h_title h2,.h_team .list h2{font-size: 20px;}
    .h_keyreviewtop .tit {padding: 36px 0;}
    .h_president .right .con {font-size: 16px; line-height:26px;}
    .h_president .right h2,.h_president .right h2 span {font-size: 30px;}
    .h_leader h2, .h_keyreview h2,.h_video h2{ font-size: 34px;}
    .h_leaderC h5 {font-size: 16px;line-height: 25px;height:90px;}
    html, body {font-size: 14px !important;}
    .presidentC .right h1 {font-size: 30px;}
    .h_newtop .right h2,.bohairim1 h2 span, .leader h2 span, .institutions h2 span, .committee h2 span, .othertit span,.bohairim3 h2{font-size: 22px;}
    .h_newtopLC .tab dl dt,.h_newbottomC dl dd h5, .h_keyreviewbottom dl dd h5{font-size: 16px;}
    .presidentC .right { width: calc(100% - 484px);}
    .presidentC .left { width: 426px;}
    .committeeC h3 span,.member2 h5,.presidentC .right h5,.contact1 .list .left h2{font-size: 20px;}
    .newtop .right h5{font-size:19px;}
    .contact2C dl dd,.h_newtop .right h2{font-size: 18px;}
    .h_newtopRC {margin-top: 13px;}
    .number li h5{ font-size: 42px;}
    .h_institutionslist h2{font-size:24px;}
    .projectdetail h1, .member2 h3 span{font-size: 23px;}
    .projectdetail .info .back a,.footinfo h3{font-size:13px;}
    .site,.projectsC dl dd h5{font-size: 16px;}
    .childnav,.h_team .list .listC dl dd h5,.bohairim1 .con, .committeeC,.bohairim3 .con,.leaderC dl dd,.presidentC .right .content,.resdetail2 article{font-size: 14px;line-height: 1.6;}
    .president1C dl dd h5{font-size:14px;}
    .footinfo h2 {font-size: 20px;}
    .h_title .more {font-size: 15px;}
    .h_title .more img {margin-left: 5px; width: 12px;}
    .h_newtopLC .tab dl dt, .h_newbottomC dl dd h5, .h_keyreviewbottom dl dd h5,.h_newtopRC a{font-size: 14px;height:44px;line-height: 22px;}
    .h_newtop .right h2 p,.h_team .list .listC dl dd .con,.president1C dl dd .con{font-size:12px;}
    .h_newtopLC .tab dl a {padding: 17px 20px;}
    .h_about .more {padding: 13px 50px;}
    .links p:after {border-top: 8px solid #fff;border-left: 7px solid transparent;border-right: 7px solid transparent;}
    .bohairim2 li p,.secretariat .con .title,.new3bottom dl dt h5{font-size: 18px;}
    .bohairim2 li h5{font-size: 26px;}
    .newbottom dl dd h5, .videobottom dl dd h5 {font-size: 15px;line-height: 22px;height:44px;}
    .activeitybottomC ul li h5 time{font-size: 16px;}
    .contact3C h2 p {font-size: 17px;}
    .h_team .list .listC dl dd{height: 32px;}
}
@media(max-width:1199px){
    .headsearch, .headnav{ display:none;}
    .logo img {height: 29px;}
    .language {margin-left: 16px;font-size: 14px;}
    .language>a, header.fff .language>a, header.scollfox .language>a {padding: 4px 7px;}
    .activitytop .right dl dt {height: 25px;-webkit-line-clamp:1;line-clamp:1;}
    .activitytop .right dl a {padding: 22px 20px;}
    .activeitybottomC ul li,.activeitybottomC .more a{width:150px;}
    .activeitybottomC .more a {font-size: 24px;}
    .footrightnav dl dd a {font-size: 14px;}
    .number li h5 span, .bohairim2 li h5 span {font-size: 50px;}
    .contact2C dl {width: 256px;}
    .h_institutionslist1 .list, .h_institutionslist1 .list img {height: 116px;}
    .h_president .right h2:after {width: calc(50vw - 495px);}
    .h_president .right .con:before { width: calc(50vw - 81px);}
    .h_president .left {width: 360px;height: 414px;}
    .h_president .right h2 {font-size: 30px;}
    .h_president .right h2 span {font-size: 30px;}
    .h_newtop .left {width: 680px;}
    .h_newtopLC .content {width: 440px;}
    .h_newbottomC dl dd h5, .h_keyreviewbottom dl dd h5 {font-size: 16px;height: 46px;line-height: 23px;}
    
    /*.h_newbottomC dl dt:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}*/
    
    .h_leader h2, .h_keyreview h2 {font-size: 34px;}
    .h_keyreviewtop .tit{font-size: 22px;padding: 26px 0;}
    .h_keyreviewtop .tit h5{font-size: 23px;}
    .h_title h2 {font-size: 24px;}
    .h_title .more {font-size: 16px;}
    .h_title .more img {margin-left: 6px;width: 12px;}
    .h_newtopLC .tab dl a {padding: 16px 20px;}
    .institutionsC .list img {height: 106px;}
    .newtop .right {padding:20px 30px;}
    .newtop .btns{bottom:20px;}
    .newtop .right .more {line-height: 44px;}
    .president1C dl {width: 24%;}
    .responsibility dl dt { font-size: 20px;line-height: 32px;height: 64px;}
    .responsibility dl h5 {font-size: 18px;}
    .responsibility dl p span {font-size: 16px;}
    .h_president .more { padding-right: 20px;}
    .h_institutionslist1 .list,.h_institutionslist1 .list img{width:auto;height:102px;}
    .presidentC .right {width: calc(100% - 390px);}
    .presidentC .left {width: 330px;}
    .presidentC .right h1 {font-size: 32px;}
    .presidentC .right h5 {font-size: 20px;margin-top: 12px;}
    .presidentC .right .content {margin-top: 36px;}
    .newtop .right p {margin-top: 12px;}
}
@media(max-width:991px){
    .bannerb,nav,.language,.activitytop .left,.activeitybottomC ul li a:after,.childnav{ display:none !important;}
    .mobile-inner-header-icon,.banners,.mobile-inner,.activeitybottomC,.activeitybottomC ul{ display:block !important;}
    header{position: fixed !important;background-color: #fff;box-shadow: 0px 1px 11px rgba(213,213,213,0.3);width: 100%;padding: 20px 0;}
    .mobile-inner-header-icon p{width:30px; overflow:hidden;margin:auto;}
    .mobile-inner-header-icon img{width:60px;}
    .headerh{ height:69px;}
    .newsearch,.activitytop .right{width:100%;}
    .activeitybottomC ul li{width:100% !important;margin-bottom:15px;}
    .activeitybottomC ul li .tit{opacity: 1;}
    .activeitybottomC .more{margin-top:40px; text-align:center;}
    .activeitybottomC .more a{ display:inline-block;padding: 10px 20px;}
    .activeitybottomC .more a img{width:18px;}
    .footrightnav{ display:none;}
    .bohairim1 .con, .committeeC,.bohairim3 .con,.projectdetail article,.presidentC .right .content,.resdetail2 article{margin-top:30px;line-height: 34px;font-size: 15px;}
    .number li h5 span, .bohairim2 li h5 span {font-size: 40px;}
    .bohairim2 li p {font-size: 17px;}
    .contact1 .list .right {margin-left: 20px;}
    .contact1 .list .left {width: 30%;margin: 20px 0 0 0px;}
    .contact2C dl {width: 194px;}
    .otherbanner img{width:180%;margin-left:-40%;}
    .site .hicon {width: 15px;}
    .site .icon {width: 7px;}
    .h_newtop{ display:block;}
    .h_newtop .left{width:100%;margin:0;}
    .h_newtopLC .content {width: 497px;}
    .h_newtop .right {width: 100%;margin-top: 20px;}
    .h_team .list .listC dl {width: 31.3333%;margin-bottom:15px;}
    .h_president .left {width: 290px;height: 333px;}
    .h_president .right .con {font-size: 16px;line-height: 1.6;}
    .h_president .right h2 {font-size: 30px;}
    .h_president .right h2 span {font-size: 30px;}
    .h_president .right h2:after {width: calc(50vw - 375px);}
    .h_president .right .con:before {width: calc(50vw - 85px);}
    .h_leaderC h5 {font-size: 17px;line-height: 25px;height: 130px;}
    .number li h5, .bohairim2 li h5{font-size: 35px;}
    .number li {padding: 40px 10px;}
    .h_institutionslist1 .list, .h_institutionslist1 .list img {height: 89px;}
    .institutionsC .list img {height: 80px;}
    .introduce3 .con2 { padding: 80px 0 100px;}
    .leaderC dl {width: 31.333%;}
    .tip{ text-align:left;margin-top:40px;}
    .newtop .right h5 {font-size: 18px;height: 56px;line-height: 28px;}
    .newtop .right {padding: 20px 20px;}
    .newtop .right .more {width: 124px;line-height: 40px;font-size: 14px;}
    .newtop .btns .btn img {width: 45px;}
    .newtop .btns {right: 20px;bottom:20px;width: 104px;}
    .presidentC .right h1 {font-size: 30px;}
    .presidentC .right h5 {font-size: 20px;}
    .president1C dl {width: 32.333%;}
    .secretariat .con .title {font-size: 20px;}
    .member2_1 .top0{margin:0;height:0;}
    .member2_1 .toptop0{margin-top:40px;}
    .h_institutionslist1 .list,.h_institutionslist1 .list img{width:auto;height:77px;}
    .presidentC{display: block;}
    .presidentC .left {float: none;width: 66%;display: block;margin: auto;}
    .presidentC .left img {width: 100%;}
    .presidentC .right {width: 100%;margin-top: 20px;}
}
@media(max-width:767px){
    .mobile-inner-header-icon {font-size: 14px;top: 2px;right:10px;margin-right: 0;}
    .logo{margin-left:15px;}
    .site .container { padding: 20px 15px;}
    .site { font-size: 15px;}
    .projects,.bohairim1,.bohairim2,.bohairim3,.committee,.committee2,.contact2,.contact3C,.h_new,.h_leader,.h_team,.h_president,.institutions,.leader,.member2_1, .member2_2,.projectdetail,.president{padding:40px 15px;}
    .bohairim1 h2 span, .leader h2 span, .institutions h2 span, .committee h2 span, .othertit span {min-width: 124px;font-size: 18px;}
    .bohairim1 h2:before, .leader h2:before, .institutions h2:before, .committee h2:before, .othertit:before,.bohairim1 h2:after, .leader h2:after, .institutions h2:after, .committee h2:after, .othertit:after{width: 17px;height: 36px;}
    .bohairim1 h2 span, .leader h2 span, .institutions h2 span, .committee h2 span, .othertit span{line-height: 35px;height: 35px;}
    .newsearch {margin: 20px auto 0;}
    .newsearch select {min-width: 120px;padding: 10px 10px;background: #fff url(../images/icon20.png) no-repeat right 10px center;background-size: 11px;}
    .newsearch .newsear {width: calc(100% - 125px);padding:8px 10px;}
    .newsearch .newsear button img{width:20px;}
    .activitytop,.activeitybottomC{margin-top: 20px;}
    .activeitybottomC ul li img {height: auto;}
    .activeitybottomC ul li h5 {line-height: 25px;font-size: 16px;max-height: 75px;}
    .activeitybottomC ul li .tit {padding: 15px;}
    .activeitybottomC .more a {font-size: 17px;}
    .activeitybottomC .more a img {width: 12px;margin-left: 5px;}
    .footinfo,.footrightcode dl dd:after{ display:none;}
    footer {padding: 40px 15px; text-align:center;}
    .footrightcode {position: initial;margin-top: 50px;justify-content: center;}
    footer .container,.contact1 .list .container,.newtop .swiper-slide{display: block;}
    .footleft,.footright,.newtop .left{width: 100%;}
    .footrightcode dl dd {top: 0; opacity: 1;}
    .links {margin: 20px auto 0;}
    .number li h5 span, .bohairim2 li h5 span {font-size: 24px;}
    .bohairim2 li h5 {font-size: 16px;}
    .bohairim2 li p {font-size: 14px;}
    .bohairim3 h2 {font-size: 24px;}
    .bohairim3 h2:after {width: 150px;}
    .bohairim3 .list {margin-bottom: 20px;}
    .committeeC h3 span, .member2 h3 span,.committeeC h4{font-size: 20px;}
    .committee2 .committeeC{margin-top: 0;}
    .footrightcode dl {margin:0 5px;}
    .contact{padding:40px 0;}
    .contact1,.contactdown{margin-top:20px;}
    .contact1 .list .left {width: 100%;margin: 0px 0 0 0px;}
    .contact1 .list .right {margin-left: 0;margin-top: 10px;font-size: 15px;}
    .contact1 .list {padding: 30px 15px;}
    .contact1 .list .left h2 { font-size: 20px;}
    .contact1 .list .left p {margin-top: 4px;font-size: 14px;}
    .contact2C,.h_keyreviewtop{margin: 20px 0 0;}
    .contact2C dl dd {margin-top: 13px;font-size: 14px;}
    .contact2C dl {width: 31.333%;}
    .contact3 {padding-top: 20px;}
    .contact3C h2 {line-height: 34px;font-size: 20px;}
    .contact3C .container {padding: 30px 0 50px;}
    .contactdown dl { padding: 20px 14px;}
    .contactdown dl dt {margin-right: 15px;}
    .contact3C .btn a {font-size: 16px;padding: 20px 20px;}
    .h_newtopLC{ display:block;}
    .h_newtopLC .content img {height: auto;}
    .h_newtopLC .content,.newbottom dl{width: 100%;}
    .h_newbottomC dl {width: 48%;}
    .h_newbottomC dl dd {padding: 15px 12px;}
    .h_newbottom{margin-top:20px;}
    .h_about {padding: 50px 15px;}
    .h_about h2,.h_leader h2, .h_keyreview h2,.h_video h2{font-size: 28px;}
    .h_about .con {font-size: 16px;line-height: 30px;margin-top: 20px;padding: 0 0px;}
    .h_about .more {font-size: 18px; margin-top: 50px;padding: 9px 38px;}
    .number li p,.h_keyreviewtop .tit h5{font-size: 16px;}
    .number li h5, .bohairim2 li h5 {font-size: 20px;}
    .number li {padding: 20px 0px;}
    .h_leaderC {width: 100%;margin-left: 0;margin-top: 20px;}
    .h_leaderC .swiper-container3{ overflow:hidden;}
    .h_leaderC h5 {font-size: 15px;line-height: 22px;height: 96px;}
    .h_leaderC .swiper-pagination3 {margin-top: 10px;}
    .h_team .list h2 {font-size: 24px;}
    .h_team .list .listC dl {width: 48%;margin-bottom: 8px;}
    .h_president .container{display: block;}
    .h_president .left {width: 60%;margin: auto;height: 68vw;}
    .h_president .right h2 {padding: 5px 15px;font-size: 21px;background: linear-gradient(left,#5360a2,rgba(83,96,126,0));background: -webkit-linear-gradient(left,#5360a2,rgba(83,96,126,0));}
    .h_president .right h2 span {font-size: 21px;}
    .h_president .right h2:after,.h_president .right .con:before{ display:none;}
    .h_president .right .con {font-size: 16px;line-height: 30px;padding:20px 15px;}
    .h_team .list {padding:10px 0;}
    .h_keyreviewtop .tit {font-size: 15px;padding:0px 15px;}
    .h_keyreviewbottom{padding:0 15px;}
    .h_keyreviewbottom dl:nth-child(3){ display:none;}
    .h_keyreviewbottom dl {width: 48%;}
    .h_keyreviewbottom dl dd {padding: 20px 10px;}
    .h_video .list {width: 32.333%;margin: 0 0.5% 5px;}
    .h_video {margin: 0 -0.5%;display: flex;flex-wrap: wrap;justify-content: center;}
    .h_video .list p {width: 40px;height: 40px;}
    .h_institutions {padding:40px 15px;}
    .h_institutionslist h2 {padding-right:50px;font-size: 24px;}
    .h_institutionslist p {font-size: 12px;}
    .h_institutionslist1 .list, .h_institutionslist1 .list img {height: 46px;}
    .h_institutionslist .list { margin: 0 1% 10px;}
    .h_institutionsC { margin: 20px -1% 0;}
    .h_institutionslist .list {width: 31.333%;}
    .h_institutionslist1 .list {width:auto;}
    .institutionsC {margin: 30px -1% 0;}
    .institutionsC .list img {height: auto;width: 100%;}
    .leaderC dl {width:48%;}
    .leaderC dl dd {font-size: 14px; line-height: 19px; padding: 10px 10px;height:auto;}
    .member1C .list {width: 31.3333%;margin: 0 1% 10px;}
    .member2 h5 {font-size: 20px;}
    .newtop .right .more,.pagelist,.newtop,.new3bottom,.searchbody{margin-top: 20px;}
    .newbottom, .videobottom {margin: 20px -1% 0;}
    .projectdetail h1{font-size:20px;}
    .projectdetail .info time {font-size: 12px;}
    .projectdetail .info .back a {padding: 3px 6px;font-size: 12px;}
    .new3topmore {margin-top: 30px;text-align: left;margin-right: 0;}
    .new3bottom dl {margin-bottom: 10px;}
    .new3bottom dl a { padding: 20px;display: block;}
    .new3bottom dl dd{font-size: 14px;margin-top:10px;}
    .new3bottom dl dt {margin-right: 0;}
    .newtop .right .more {width: 100px;line-height: 32px;}
    .newtop .right .more img {width: 14px;}
    .newtop .btns .btn img {width: 34px;}
    .newtop .btns {width: 87px;}
    .videobottom dl{width: 48%;margin: 0 1% 10px;}
    .videobottom dl dd{padding: 15px 0;}
    .presidentC .left {float: none;width: 60%;margin: auto;}
    .presidentC .right {float: none;width: 100%;margin-top: 20px;}
    .president1C dl,.projectsC dl,.projects2C dl{width: 49%;}
    .president1C dl dd .con {height:40px;}
    .projectsC dl dd h5 {max-height: 40px;font-size: 15px;}
    .projectsC dl dd {padding: 15px;height: 66px;}
    .projectsmainC {margin: 50px 15px 0;}
    .responsibility {margin: 20px 0 0;}
    .responsibility dl {width: 100%;margin: 0 0 10px;padding: 20px;}
    .responsibility dl dt {font-size: 16px;line-height: 25px;height: 50px;}
    .responsibility dl h5 {font-size: 16px;margin-top: 15px;}
    .responsibility dl p span{font-size: 15px;}
    .resdetail2_2 {padding: 40px 15px;width: calc(100% + 30px);margin-left: -15px;}
    .secretariat .con .title {display: block;}
    .secretariat .con .title span{display: block;}
    .searchbody dl a {padding: 20px;}
    .searchbody dl dt,.projectmore span{font-size: 16px;}
    .searchbody dl dd {margin-top: 20px;font-size: 14px;}
    .searchbody dl dd p span {font-size: 18px;}
    .sersearch {margin-top: 0;}
    .h_president .more {font-size: 15px;}
    .institutionsC .list {display: block;}
    .h_title h2,.presidentC .right h5, .contact1 .list .left h2, .h_newtop .right h2, .bohairim1 h2 span, .leader h2 span, .institutions h2 span, .committee h2 span, .othertit span{font-size: 20px;}
    .h_title .more,.number li p, .h_keyreviewtop .tit h5{font-size: 14px;}
    .h_newtop .right h2 p {font-size: 12px;}
    .h_newbottomC dl dd h5 {font-size: 14px;height: 60px;line-height: 20px;-webkit-line-clamp: 3;line-clamp:3;}
    .h_keyreviewbottom dl dd h5 {font-size: 14px;}
    .h_about .con {font-size: 15px;line-height: 25px;}
    .h_about .more{font-size: 16px; padding: 9px 28px;}
    .h_president .more a{font-size: 16px; padding: 5px 28px;}
    .h_video .list{width: 49%;}
    .introduce1 .list h5 {font-size: 16px; line-height: 24px;}
    .bohairim1 .con, .committeeC, .bohairim3 .con, .projectdetail article, .presidentC .right .content, .resdetail2 article {line-height: 26px;}
    .president1C, .projectsC, .projects2C {margin: 30px -1% 0;}
    .projects2C dl dd {padding: 10px;}
    .projectmore {margin-top: 10px;}
    .h_institutionslist1{margin-bottom:20px;}
    .contact2C dl dt {width: 100%;}
}
@media(max-width:600px){
    .newdetailtab {display: block;}
    .newdetailtab p {justify-content: space-around;}
    .newdetailtab p span {margin: 0;}
    .contact3C h2 p {font-size: 15px;line-height: 1.5; margin-top: 10px;}
    .contactdown dl dt {height: 42px;-webkit-line-clamp: 2;line-clamp:2;}
}
@media(max-width:400px){
    .newdetailtab p span {padding: 10px 0px;flex:1;text-align: center;}
}