.banner {width:100%;position:relative;height:230px;} /*公司简介--地图页面*/ .content_box{width:56%;margin:0 auto;background:white;padding:0 2%;margin-top:-80px;position: relative;z-index: 1000000000;} .PBannerWords{width:56%;margin:0 auto;font-size:30px;color: white;position: absolute;top: 50px;left: 22%;} .Location{color:#949494;} .Location a{color:#949494;font-size:14px;padding: 0px 10px 0px 10px;} .Location a:nth-child(1){padding: 0px 10px 0px 0px;} .Location{padding:35px 0px 25px 0px;border-bottom:1px solid #e1e1e1;} .Location a.location{color:#333333;} .English{display: none;} .Map{width:70%;margin-top:35px;float: left;margin-bottom:120px;} .Map img{width:100%;} .Address {width:23%;padding:0px 3% 0px 2%;float: right;margin:35px 0px 30px 0px;} .Address h2{color:#333333;font-size:14px;line-height: 25px;display: none;} .AddUl{margin-top:20px;} .AddUl li{width:100%;margin-top:15px;} .AddUl li h3{font-size:12px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-weight: bold;} .AddUl li p{color:#949494;font-size:14px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";line-height: 25px;} #l-map{height:20vw;width: 100%;} .BMap_Marker{width:19px!important;height:24px!important;background-size: contain!important;background:url(../images/address2.png) center center no-repeat!important;} /*ABOUT US--CCEEE STAFF*/ .Staff{width:100%;margin-top:30px;border-bottom:1px solid #e1e1e1;} .Staff .staffIntro{float:left;width:65%;color:#555555;font-size:16px;line-height: 25px;} .staffImg{width:30%;float: right;margin-bottom: 50px;} .staffImg img{max-width:100%;} .staffImg h3{margin-top:20px;color:#333333;font-size: 14px;} .staffImg p{margin-top:10px;line-height:20px;font-size:12px;color:#949494;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .staffUl{margin-top:30px;margin-bottom:100px;} .staffUl ul li{margin-right: 4%;width: 22%;float: left;} .staffUl ul li:nth-child(4n+1){ margin-right:0;} .staffUl ul li.Staff{width:100%;border-bottom:1px solid #e1e1e1;margin: 30px auto 30px;} .staffUl ul li.Staff .staffImg{width:22%;float: right;margin-bottom: 50px;} .staffUl ul li.Staff .staffIntro{display:block} .staffUl ul li .staffImg{width:100%;float:none;margin-bottom: 0;} .staffUl ul li .staffIntro{ display:none} .staffUl ul li img{max-width:100%;} .staffUl ul li h3{margin-top:15px;color:#333333;font-size:14px;} .staffUl ul li p{margin-top:10px;line-height:20px;font-size:12px;color:#666;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 58px;overflow: hidden;} .staffUl ul li:hover h3{text-decoration: underline;} .staffUl ul li:hover p{text-decoration: underline;} /*ABOUT US--PERSONEL BRIEF*/ .Personel{width:100%;margin-top:35px;border-bottom:1px solid #e1e1e1;color:#333333;padding-bottom:50px;} .Personel .Personel1{font-size:22px;color:#333333;} .Personel .Personel2{display: none;} .Personel .Personel3{display: none;} .Personel h4{font-size:14px;margin-top: 30px;color: #333333;line-height: 25px;} .Personel .staffIntro{color:#949494;line-height:20px;float:left;width:65%;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-size:12px;} .Personel .staffIntro .sum{margin-top:30px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";line-height: 25px; font-size: 12px;text-align: justify;} .CommitteeUl{margin-top:5px;margin-bottom: 80px;} .CommitteeUl h3{color:#666;font-size:18px;line-height: 40px;} .CommitteeUl ul li{width: 23.5%;float: left;margin: 0 2% 20px 0;} .CommitteeUl ul li:nth-child(4n){ margin-right:0;} .CommitteeUl ul li img{max-width:100%;} .CommitteeUl ul li p{margin:10px 0px 15px 0px;line-height:20px;font-size:14px;color:#333333;font-family: 'SFNSTextCondensedRegular';text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .CommitteeUl ul li em{color:#949494;font-size:12px;} .CommitteeUl ul li i{color:#333333;font-size:12px;} .CommUl{margin-top: 10px;} .CommitteeUl ul li:hover p{text-decoration: underline;} /*ABOUT US--JOBS*/ .Jobs{width:100%;margin-bottom: 100px} .Jobs ul{margin-bottom: 200px;} .Jobs ul li{padding:30px 0px;border-bottom:1px solid #e1e1e1;line-height: 25px;} .Jobs ul li .job{font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-size:14px;width:28%;float: left;margin-right:7%;font-weight:bold;color: #555;} .Jobs ul li .Area{width: 29%;float: left;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";color:#949494;font-size:12px;margin-right:7%;} .Jobs ul li .Area i{color:#333333;font-family:'SFNSTextCondensedSemibold',"Microsoft YaHei";} .Jobs ul li .Date{width: 29%;float: left;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";color:#333333;font-size:12px;position: relative;} .Jobs ul li .Date .date{width: 70%;margin-right:20%;} .Jobs ul li .Date .date i{color:#949494;font-family:'SFNSTextCondensedSemibold',"Microsoft YaHei";} .Jobs ul li .view{width: 18%;float: right;position: absolute;color:#333333;font-size:12px;right:10%;top:50%;transform:translateY(-30%);} .Jobs ul li .view i{position:relative;margin-left:45px;top:-18px;width:7px;height:12px;display:block;background:url(../images/jobs1.png) center center no-repeat;background-size:cover;} .Num{width:100%;margin-top:100px;padding-top:50px;border-top:1px solid #e1e1e1;text-align: center;} .Num a{padding: 3px 14px;margin: 0px 3px;border-radius: 16px;border:1px solid #e1e1e1;box-sizing:border-box;color:#333333;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";} .Num a:hover{background:#377c78;color:white;} .Jobs ul li:hover .view{color:#377c78;} .Jobs ul li:hover .view i{background:url(../images/jobs.png) center center no-repeat;background-size:cover;} /*ABOUT US--JOBS详情页*/ .JobsInfo{width:100%;} .JobsInfo h4{color:#666;font-size:22px;padding-top:25px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-weight: 500;} .JobsInfo ul,.JobsInfo .jobview{margin-top:30px;margin-bottom:60px;} .JobsInfo ul li,.JobsInfo .joblist{padding:20px 0px 30px 0px;border-top:1px solid #e1e1e1;color:#333333;} .JobsInfo ul li .JobsInfoL,.JobsInfo .joblist .JobsInfoL{width:20%;float: left;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-size:14px;font-weight: bold; color: #555;} .JobsInfo ul li .JobsInfoL2,.JobsInfo .joblist .JobsInfoL2{width:20%;float: left;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-size:16px;font-weight: bold;} .JobsInfo ul li .JobsInfoL1,.JobsInfo .joblist .JobsInfoL1{display: none;} .JobsInfo ul li .JobsInfoL i,.JobsInfo .joblist .JobsInfoL i{opacity:0} .JobsInfo ul li .JobsInfoR,.JobsInfo .joblist .JobsInfoR{width:80%;float: left;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-size:12px;font-weight: bold; color: #555;} .JobsInfo .joblist:nth-child(8) .JobsInfoR{color:#949494;font-size:12px;font-weight: normal;line-height: 20px;} .JobsInfo .joblist:nth-child(9) .JobsInfoR{color:#949494;font-size:12px;font-weight: normal;line-height: 20px;} .JobsInfo .joblist:nth-child(10) .JobsInfoR{color:#949494;font-size:12px;font-weight: normal;line-height: 20px;} .JobsInfo .joblist:nth-child(11) .JobsInfoR{color:#949494;font-size:12px;font-weight: normal;line-height: 20px;} /*ABOUT US--COMMITTEE人物页面*/ .committeeList{width:100%;margin-top:10px;margin-bottom: 70px} .committeeList ul li{width:22%;margin-top:30px;float: left;margin-left:4%;} .committeeList ul li img{width:100%;height: 12.2vw;} .committeeList ul li h3{color:#333333;font-size:14px;padding:10px 0px; text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 20px;overflow: hidden;} .committeeList ul li p{color:#666;font-size:12px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 51px;overflow: hidden;line-height: 18px;} .committeeList ul li:first-child{margin-left:0%;} .committeeList ul li:nth-child(4n+1){margin-left:0%;} .committeeList ul li:hover h3{text-decoration: underline;} .committeeList ul li:hover p{text-decoration: underline;} .V_mask{width:100%;background:rgba(0,0,0,0.5);height:100%;position:fixed;top: 0;overflow:hidden;text-align:center;display:none;} .V_videoInfo{width:640px;height:400px;position:relative;left:50%;top:50%;margin-top:-200px;/*background:#fff;*/margin-left: -320px;} .V_videoInfo .V_circle{width:30px;position: absolute;right: 0;z-index:10000000000000000000000000000000;cursor:pointer} .V_videoInfo .V_circle img{width:100%;} .V_videoInfo ul{width:100%;height:100%;overflow:hidden;position: relative;} .V_videoInfo ul li{width:100%;height:100%;overflow:auto;position: relative;} .V_videoInfo p{width:100%;} .V_videoInfo p embed{width:100%;} /*ABOUT US--PARTENERS*/ .parteners{width:100%;margin: 46px auto 100px;} .parteners .parteners1{width:100%;} .parteners .parteners1 ul li{width:18%;float: left;text-align: center;border:1px solid #e1e1e1;box-sizing:border-box;height:10vw;margin:0px 2.5% 2.5% 0;padding: 15px;} .parteners .parteners1 ul li:hover{ border:1px solid #6b9e9b} .parteners .parteners1 ul li .PartenerImg{margin:0 auto;display: table;vertical-align: middle;overflow: hidden;height: calc(10vw - 72px);} .parteners .parteners1 ul li .PartenerImg span{ width: 100%; height: calc(10vw - 72px); display: table-cell; vertical-align: middle; overflow: hidden; } .parteners .parteners1 ul li:nth-child(5n){margin:0px 0%;} .parteners .parteners1 ul li img{max-width:100%;max-height: 100%;} .parteners .parteners1 ul li p{color:#333333;font-size:12px;margin: 8px 0 0 0;height: 44px;overflow: hidden;line-height: 20px;font-weight: bold;} /*ABOUT US--ABOUT CCEEE*/ .AboutC{width:100%;border-bottom:1px solid #e1e1e1;padding-bottom: 50px;} .AboutC .C_name{text-align:center;margin-top:40px;font-size:22px;color: #377c78;} .about_arrows{width:15px;height:15px;background:url(../images/arrows1.png) center center no-repeat;background-size:cover;margin: 0px auto;margin-top: 40px;cursor:pointer;transition:1s all ease;} .AboutC .AboutIntro{color:#949494;font-size: 14px;line-height: 25px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";margin-top:35px; max-height: 202px;overflow: hidden;transition: 1s all ease;position: relative;} .AboutC .AboutIntro.AboutIntro_show{max-height: 3000px;transition: 1s all ease;} .about_arrows.AboutIntro_show1{ transform: rotateX(180deg);transition:1s all ease;} .AboutC1{width:100%;} .AboutC1 h3{font-size:20px;color:#666;margin-top:30px;} .AboutC1 .earch{margin:40px 0px 50px 0px;} .AboutC1 .earch img{width:100%;} .Mearch{display:none;} /*RESEARCH -- CORING CARD*/ .Scoring{width:100%;margin-top:70px;position: relative;} .SoringImg{width:100%;position: relative;margin-bottom:60px;} .Scoring1{margin-top:50px;border-bottom: 1px solid #e1e1e1;padding-bottom: 50px;} .Scoring1 .introduction{float: left;font-size:20px;color:#377c78;width:29%;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";} .Scoring1 .introductionWords{float: right;font-size:14px;color:#377c78;width:67%;margin-right:2%;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";} .Scoring1 .introductiontitle{margin-bottom: 40px;width:100%;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";float: right;font-size:16px;color:#666;} .Scoring1 .Lastest{width:100%;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";float: left;font-size:22px;color:#666;} .Scoring1 .introductiontitle .time{margin-top:10px;} .Scoring1 .introductiontitle .time em{color:#377c78;font-size:12px;} .Scoring1 .introductiontitle .time em i{color:#969696;} .LastestSummary .summaryImg{width:100%;float: left;margin-top: 70px;} .LastestSummary .summary{font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";float: right;width:67%;margin-right:2%;} .LastestSummary .summary .summarys{color:#333333;font-size:16px;margin-top:40px;} .LastestSummary .summary .sum{color:#969696;font-size:12px;line-height: 20px;margin:20px 0px 50px 0px;} .LastestSummary .summary .sum i{color:#333333;} .LastestSummary .summary .more{color:#333333;font-size:12px;} .LastestSummary .summary .more img{vertical-align: middle;width:7px;margin-top: -2px;} .LastestSummary .LastestSummaryL{float: left;width:27%;} .SoringImg.swiper-container{overflow: hidden;} #sec-banner { padding: 0; } #sec-banner .Sbanner { position: relative; overflow: hidden; } #sec-banner .Sbanner .banner-container { position: absolute; width: 100%; height: 100%; } #sec-banner .Sbanner .banner-container .banner-item { position: absolute; background: #fff; overflow: hidden; font-size: 0; box-shadow:0px 0px 30px rgba(199,199,199,0.9); } #sec-banner .Sbanner .banner-container .banner-item .video-box { font-size: 1rem; position: relative; padding-bottom: 56.25%; } #sec-banner .Sbanner .banner-container .banner-item .video-box video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: fill; } #sec-banner .Sbanner { padding-bottom: 56.25%; } #sec-banner .Sbanner .banner-container { left: 0; } #sec-banner .Sbanner .banner-container .banner-item { transform: translateX(0%); border: none; } @media (min-width: 768px) { #sec-banner .Sbanner { padding-bottom: 28%; } #sec-banner .Sbanner .banner-container { left: 50%; } #sec-banner .Sbanner .banner-container .banner-item { transform: translateX(-50%); } } #sec-banner .Sbanner .banner-container .banner-item img{width:100%;} /*报告*/ .report{position: relative;} .report1{overflow:hidden;} .reports{width:100%;margin: 30px 0px 100px 0px;} .reports h3{color:#666;font-size:22px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";} .ReportsImg{margin-top:40px;overflow: hidden;} .ReportsImg ul li{float: left;position: relative;height:auto;} .ReportsImg ul li .pic{ height: 12.4vw; width: 100%; display: table; vertical-align: middle; overflow: hidden; text-align: center; border: 1px solid #e1e1e1; box-sizing: border-box; } .ReportsImg ul li .pic em{ width: 100%; height: 12.4vw; background-color: #fff; text-align: center; display: table-cell; vertical-align: middle; } .ReportsImg ul li img{max-width: 100%;max-height: 12.4vw;vertical-align: middle;} .ReportsImg ul li h4{color: #333333;font-size:14px;line-height: 20px;margin-top:10px;} .ReportsImg ul li .sum{color: #969696;font-size:12px;line-height: 20px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";margin-top:5px;height: 64px;overflow: hidden;} .swiper-button-next, .swiper-button-prev {width: 44px; height: 44px;} .report .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: -22px;} .report .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: -22px;} .report .bar{position: absolute;top:36%;transform: translateY(-50%);width: 100%;z-index: 10000000000000;} /*AREAS&PROGRAMES --CAPACITY BUILDING--CLP*/ .CLP{width:100%;margin-top:70px;} .clp1{border-bottom: 1px solid #e1e1e1;padding-bottom:70px;} .clp1 .pic{width: 44%;float:left;text-align:center;} .clp1 .ClpImg{margin:0 auto;max-width:100%;max-height: 210px;} .clp1 .CLPwords{font-size:14px;color:#377c78;width:50%;float: right;margin-right:2%;line-height: 25px;} .clp2{margin-top:10px;} .clp2 h3{font-size:22px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-weight: 500;color:#666;margin-top:30px;} .clp2 .CLPwords1{float: left;width:49%;margin-top: 25px;} .clp2 .CLPwords1 h4{color:#377c78;font-size:16px;} .clp2 .CLPwords1 h4 .time{margin-top:20px;} .clp2 .CLPwords1 h4 .time em{color:#377c78;font-size:12px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";} .clp2 .CLPwords1 h4 .time em i{color:#969696;} .clp2 .CLPwords1 p{color:#969696;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-size:14px;margin:30px 0px;line-height: 25px;text-align: justify;height: 145px;overflow: hidden;} .clp2 .CLPwords1 .read{font-size: 12px;color:#333333;float: left;} .clp2 .CLPwords1 .read i{width:7px;height:10px;display: block;background:url(../images/jobs1.png)center center no-repeat;background-size: cover;float: right;margin-top: 4px;margin-left: 8px;} .clp2 .CLPwords1 .read img{width:7px;vertical-align: middle;margin-left:3px;} .CLPwordsImg{width:45%;float: right;} .CLPImg{width:100%;margin-left:0%;overflow: hidden;} .CLPwordsImg img{width:100%;} .CLPwordsImg{position: relative;margin-top: 60px;} .CLPwordsImg ul li{width:90%;margin-bottom: 30px;} .CLPwordsImg ul li img{height:16vw;} .CLPwordsImg .bar{position: absolute;top:50%;transform:translateY(-50%);height:40px;width: 100%;z-index:10000000000000000000;} .CLPwordsImg .bar .swiper-button-next{max-width:44px;float: left;right:-22px;top: 50%;transform: translateY(-50%);} .CLPwordsImg .bar .swiper-button-prev{max-width:44px;float: right;left:-22px;top: 50%;transform: translateY(-50%);} .swiper-container{ overflow: hidden;} .Events{margin-bottom: 50px;} .Events .news{width:73%;float: left;color:#333333;margin-top:30px;border-top:1px solid #e1e1e1;} .Events .news h3{font-size:30px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";margin-top:10px;font-weight: bold;display: none;} .Events .news ul{width:100%;margin:30px 0px 40px 0px;} .Events .news ul li{padding:30px 0px 60px 0px;border-top:1px solid #e1e1e1;position: relative;} .Events .news ul li:first-child{border-top:0px solid #fff;} .Events .news ul li p{width:80%;font-size:14px;float: left;color: #333;} .Events .news ul li .time{width:auto;float: right;position: absolute;/*right: 15%;top: 50%;transform: translateY(-50%);*/ top: auto;transform: none;left: 0px;padding-bottom: 20px;bottom: 10px;} .Events .news ul li .time em{/*display: block;*/font-size:12px;color:#969696;} .Events .news ul li .time em i{color:#333333;} .Events .news ul li .view{font-size:12px;color:#377c78;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);} .Events .news ul li .view i{width:7px;height:10px;display: block;background:url(../images/jobs.png)center center no-repeat;background-size: cover;float: right;margin-top: 4px;margin-left: 8px;} /*.Events .news ul li .view img{width:7px;vertical-align: middle;margin-top:-1px;}*/ .Events .news ul li:last-child{border-bottom:1px solid #e1e1e1;} .Events .Information{width:23.5%;float: right;color:#333333;margin-top:30px;border-top:1px solid #e1e1e1;} .Events .Information h3{font-size:22px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";margin-top:10px;font-weight: 500;color: #666;} .Events .Information ul{margin-top:20px;} .Events .Information ul li{padding: 20px 0px 45px 0px;border-bottom: 1px solid #e1e1e1} .Events .Information ul li h4{font-size:20px;} .Events .Information ul li p{font-size:14px;margin:20px 0px;} .Events .Information ul li .view1{display: none;} .Events .Information ul li .view{font-size:12px;color:#333333;float: left;} /*.Events .Information ul li .view img{width: 7px;vertical-align: middle;margin-top: -3px;margin-left: 5px;}*/ .Events .Information ul li .view i{width:7px;height:10px;display: block;background:url(../images/jobs1.png)center center no-repeat;background-size: cover;float: right;margin-top: 4px;margin-left: 8px;} .Events .Information ul li:last-child{border-bottom: 0px solid #e1e1e1} .Events .Information ul li:hover .view{color:#377c78;} .Events .Information ul li:hover .view i{background:url(../images/jobs.png)center center no-repeat;background-size: cover;} .num{text-align: center;} .num a{padding:4px 15px;border-radius: 20px;border:1px solid #ececec;box-sizing:border-box;color:#333333;} .num a.currentpage{background:#377c78;color:white;} /*AREAS&PROGRAMES --INTERNATIONAL EXCHANGE&CORPERATION--GCEEE*/ .Gceee{width:100%;margin-top:40px;} .Gceee .GceeeH3{color:#377c78;font-size:22px;text-align: center;} .GceeeWords{padding-bottom: 40px;border-bottom: 1px solid #e1e1e1;} .GceeeWords .gceeeinfo{color:#377c78;font-size:14px;line-height: 25px;margin: 35px 0px 40px 0px;} .GceeeWords .gceeeinfo img{width:100%;} .project{margin-top:10px;margin-bottom: 50px;} .project h3{color:#666;font-size:22px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei"; margin-top: 25px;} .project ul{margin-top:20px;padding-bottom: 50px;border-bottom: 1px solid #e1e1e1;margin-bottom: 20px;} .project ul li{width:31.33%;float: left;font-size:14px;margin:10px 0px 35px 0px;} .project ul li img{width:100%;} .project ul li:nth-child(3n-1){margin:10px 3% 30px 3%;} .project ul li:nth-child(5){margin:10px 3% 30px 3%;} .project ul li p{font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";color:#969696;line-height: 20px;font-size:12px; max-height: 60px;overflow: hidden;} .project ul li h4{color:#333333;margin:10px 0px;line-height: 20px;font-size:14px;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;} .project ul li .time{margin-top:20px;font-size:12px;} .project ul li .time em{color:#377c78;} .project ul li .time em i{color:#969696;} .project ul li:hover h4{text-decoration: underline;} .project ul li:hover p{text-decoration: underline;} /*AREAS&PROGRAMES --RESEARCH--SPECIAL TOPIC*/ .Gceee1{margin-top:20px;} .project1 ul {margin-top: 22px;} /*AREAS&PROGRAMES --CAPACITY BUILDING--CEO Union*/ .clp1 .CEOImg {width: 35%;margin-left: 4%;} /*NEWS&ENENTS--NEWS*/ .Events .News{border-top: 0px solid #e1e1e1;margin-top: 0px;width: 100%;} .Events .News ul li p {width: 70%;color: #333;} .Events .News ul li .time {width: auto;} .Events .News ul li .view {right: 4%;} /*NEWS&ENENTS--NEWS详情*/ .MnewsInfoR{display: none;} .NewsInfo{width:100%;margin-top:20px;} .NewsInfoL{width:20%;float: left} .NewsInfoL h3{color:#666;font-size: 22px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";} .NewsInfoR{float: right;width:73%;padding: 0px 2%;overflow: hidden;} .NewsInfoR .ntitle h3{color:#333333;font-size:18px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-weight:bold;} .NewsInfoR .ntitle h4{color:#333333;font-size:16px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";} .NewsInfoR .ntitle h4 .time{margin-top:20px;font-size:12px;} .NewsInfoR .ntitle h4 .time em{color:#377c78;} .NewsInfoR .ntitle h4 .time em i{color:#969696;} .NewsInfoR .mntitle{ display:none;} .NewsInfoWords{width:100%;} .NewsInfoWords img{max-width:100%;} .NewsInfoWords .NewsInfoImgs{width:100%;position: relative;} .NewsInfoWords ul li img{width:100%;} .NewsInfoWords ul{margin:30px 0px;} .NewsInfoWords .ninfo{color:#969696;font-size:14px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";margin-bottom: 50px; line-height: 25px;} .NewsInfoWords .NewsInfoImgs .bar{position: absolute;top:50%;transform:translateY(-50%);width:100%;height:30px;z-index:1000000000000000000000000;} /*NEWS&ENENTS--CCEEE SUMMIT*/ .mhide .SummitImg{ display:none;} .Summit{width:100%;} .SummitImg{width:100%;margin-top:30px;padding-bottom:30px;position: relative;} .SummitImg img{width:100%;} .SummitImg_Img{width:100%;height:13vw;} .SummitImg .summit_view{position:absolute;width: 30%;top: 45%;transform: translateY(-50%);right: 10%;color:#fff;} .SummitImg .summit_view h3{ font-size: 24px; margin: 0 auto 2%; max-height: 66px; overflow: hidden; } .SummitImg .summit_view p{ font-size: 18px; } .Meeting{width:100%;margin-top:20px;} .meeting{float: left;width:72%;} .meeting .tl{padding-top: 30px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-size:22px;color:#666;margin-top:10px;font-weight: 500;border-top:1px solid #e1e1e1;position: relative;} .meeting .tl .more{background: url(../images/plus.png) center center no-repeat;width:20px;height: 20px;display: block;position: absolute;right: 0;top: 60%;transform: translateY(-50%); display: none;} .meeting .tl .more.show{background: url(../images/minus.png) center center no-repeat;width:20px;height: 20px;transition:1s all ease;} .meetingwords{color:#969696;font-size: 14px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";margin:30px 0px 40px 0px;max-height: 202px;overflow: hidden;transition:1s all ease;position:relative;} .meeting_show{width:15px;height:15px;background:url(../images/arrows1.png) center center no-repeat;background-size:cover;margin: 0 auto;margin-bottom: 30px;cursor:pointer;transition:1s all ease;} .meeting_show.AboutIntro_show1{transform:rotateX(180deg);transition:1s all ease;} .meetingwords.show{ max-height:3000px;transition:1s all ease;} .MeetingImgs{width:100%;position: relative;margin-top:40px;} .meetingImg{width:100%;overflow: hidden;} .meetingImg ul{width:100%;position: relative;} .meetingImg ul li{float: left;} .meetingImg ul li img{width:100%;} .meetingImg .bar{position: absolute;top:50%;transform:translateY(-50%);width:100%;height:44px;z-index: 100000000000000;} .meetingImg .bar img{width:44px;} .meetingImg .bar .next{float: right;right: -20px;} .meetingImg .bar .prev{left: -20px;} .MeetingTitle{width:100%;} .MeetingTitle h3{display:none;} .MeetingTitle ul{width:100%;margin-top: 40px;border-bottom: 1px solid #e1e1e1;} .MeetingTitle ul li{width:100%;padding:30px 0px;border-top: 1px solid #e1e1e1;position: relative;} .MeetingTitle ul li p {width: 75%;font-size: 14px;float: left;color: #666;} .MeetingTitle ul li .view {float: right;font-size: 12px;color: #377c78;position: absolute;right: 5%;top: 50%;width:auto ;min-width: auto;display: inline-block;transform: translateY(-50%);} .MeetingTitle ul li .view i {width: 7px;height: 10px;display: block;background: url(../images/jobs.png)center center no-repeat;background-size: cover;float: right;margin-top: 4px;margin-left: 8px;} .MeetingTitle ul li .time {width: 15%;min-width: 110px;transform: translateY(-50%);margin-top: 40px;} .MeetingTitle ul li .time em {display: block;font-size: 12px;color: #969696;} .MeetingTitle ul li .time em i {color: #333333;} .meetingR{width:24%;float: right;} .meetingR h3{padding-top: 30px;font-size: 22px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";margin-top:10px;font-weight: 500;border-top:1px solid #e1e1e1;color: #666;} .meetingR ul{margin-top:20px;} .meetingR ul li{padding: 20px 0px 45px 0px;border-bottom: 1px solid #e1e1e1} .meetingR ul li h4{font-size:20px;} .meetingR ul li p{font-size:14px;margin:20px 0px;color:#333333;} .meetingR ul li .view1{display: none;} .meetingR ul li .view{font-size:12px;color:#333333;float: left;} /*.Events .Information ul li .view img{width: 7px;vertical-align: middle;margin-top: -3px;margin-left: 5px;}*/ .meetingR ul li .view i{width:7px;height:10px;display: block;background:url(../images/jobs1.png)center center no-repeat;background-size: cover;float: right;margin-top: 4px;margin-left: 8px;} .meetingR ul li:hover .view{color:#377c78;} .meetingR ul li:hover .view i{background:url(../images/jobs.png)center center no-repeat;background-size: cover;} /*SEARCH*/ .SearchSlide{width: 100%;height: 3px;background: linear-gradient(to right, #87b449 , #377c78);} .Searchs{display: block;padding-top: 30px;font-size:22px;} .content_box1{margin-top:0px;} .Search{width:100%;margin-top:10px;} .Search form{width:100%;height:30px;border:1px solid #377c78;position: relative;} .Search form .Stext{color:#969696;text-indent: 1em;height:100%;width: calc(100% - 30px);} .Search form .SubMit{position: absolute;right: 0;z-index: 1000000000000000000;width: 30px;height: 30px;background: url(../images/search1.png) #377c78 center center no-repeat;background-size: 70% auto;top: 0;} .Search form div{position: absolute;right: 0px;width:30px;height:100%;top: 0px;background: #377c78;} .Result{width:100%;margin:50px 0px 100px 0px;} /*搜索页分页*/ .Result .aboutpage{color:#969696;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";padding-bottom: 10px;border-bottom: 1px solid #e1e1e1;} .Result .aboutpage i{color:#377c78;} .Result .aboutpage .pages{margin:0;text-align: left;} .Result .aboutpage .pages a{ display:none;} .Result .aboutpage .pages .count{ display:block;font-size: 14px; } .Result ul{margin-top:25px;} .Result ul li{width:100%;margin-bottom: 20px;} .Result ul li h3{color:#333333;font-size:14px;} .Result ul li .sum{display:block;color:#969696;font-size:12px;margin-top:10px;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";} .Result ul li span .skey{color:#377c78;} .Result ul li:hover h3{text-decoration: underline;} .Result ul li:hover .sum{text-decoration: underline;} /*notSearch*/ .NoResult{margin:50px 0px 300px 0px;} .NoResult h3{font-size:16px;color:#377c78;padding-bottom: 20px;border-bottom: 1px solid #e1e1e1;} .Search .Form1{display: none;} .linear{display: none;} /*newsletter*/ .newsletter{ margin: 40px auto 0; } .newsletter li{border-bottom:1px solid #e1e1e1;padding: 20px 0 50px 0px;margin: 0 auto 10px;display: -webkit-box;display: -webkit-flex;position: relative;} .newsletter li .mshow{display:none;} .newsletter li .tl{ -webkit-box-flex: 1;-webkit-flex: 1;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-right: 50px;font-size: 14px;font-family: SFNSTextCondensedSemibold,"Microsoft YaHei";color:#333;} .newsletter li .tl,.newsletter li .pdate,.newsletter li .vpdf{ display: inline-block;} .newsletter li .pdate{font-size: 12px;color: #333333;width:auto;min-width: 86px;font-family:SFNSTextCondensedSemibold,"Microsoft YaHei";position: absolute;bottom: 20px;left: 0;} a.vpdf{color: #333333;font-size: 12px;min-width: auto;width: auto;font-family: 'SFNSTextCondensedSemibold',"Microsoft YaHei"; float: right;color: #377c78; font-size: 12px;} .vpdf i{ width: 10px; height: 12px; display:inline-block; background: url("../images/i2.png") right center no-repeat; background-size: contain; margin: 0 0 2px 6px; vertical-align: middle; } .newsletter li:hover .vpdf,.vpdf:hover{ color: #377c78; } .newsletter li:hover .vpdf i,.vpdf:hover i{ background: url("../images/i2.png") right center no-repeat; background-size: contain;} /*publicationlist*/ .publicationlist{} .publicationlist li{float: left;width: 22%;border-bottom:1px solid #e1e1e1;padding: 30px 4% 36px 0;} .publicationlist li:nth-child(4n){ padding-right: 0;} .publicationlist li img{ max-width: 100%; } .publicationlist li h4{line-height: 1.6;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 8px 0 0;} .publicationlist li .sum{color: #969696;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-size: 12px;overflow: hidden;margin: 6px 0 14px 0;} .publicationlist li .more{ color: #333333 } .publicationlist li .mdate{ display:none; } /*insights*/ .insights li{border-bottom:1px solid #e1e1e1;padding: 30px 0 36px 0;position: relative;} .insights li .pic{ display: inline-block; width: 13%; vertical-align: top; } .insights li .pic img{ max-width: 100%;} .insights li .tl{color:#333333;font-size: 14px;display: inline-block;width: 25%;position: absolute;left: 16%;top: 50%;transform: translateY(-50%);} .insights li .sum{color:#969696;width:35%;height: 60px;overflow: hidden;display: inline-block;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";font-size: 12px;position: absolute;left: 44%;top: 50%;transform: translateY(-50%);line-height: 20px;;} .insights li .date{color: #377c78;font-size: 12px;position: absolute;top: 50%;right: 11%;transform: translateY(-50%);font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";} .insights li .vpdf{ position: absolute; right:0; top: 50%; width: 8%; min-width: 58px; line-height: 14px; display: inline-block; font-size: 12px; transform: translateY(-50%); } /*pages*/ .pages{ text-align: center; margin: 60px auto 80px; } .pages .count{ display:none; } .pages font{ display:none; } .pages a{border:1px solid #e1e1e1;border-radius: 16px;padding: 6px 14px;min-width: 7px;color: #333333;display: inline-block;margin: 0 3px 10px 3px;font-size: 14px;font-weight: bold;font-family: 'SFNSTextCondensedRegular',"Microsoft YaHei";} .pages .ellipsis{font-size: 16px;padding: 0;border: 0;} .pages .icon{ fill: #333333; } .pages a:hover .icon{ fill: #ffffff; } .pages a.currentpage{ background: none;border-color: transparent;background: #377c78;color:#fff;} .pages a:hover{ background: #377c78; border-color:#377c78;color: #ffffff } /*日历*/ .events{margin: 0 auto 80px;} .prev-year{width:24px;height:30px;margin-top:3px;} .next-year{width:24px;height:30px;margin-top:3px;} .prev-month{width:24px;height:30px;margin-top:3px;} .next-month{width:24px;height:30px;margin-top:3px;}