/*start*/
.sp-p p { margin-bottom:0; }
/*end*/

/*banner*/
.banner { position: relative; height: 350px; overflow: hidden; text-align: center; color: #fff; }
@media(min-width: 768px) {
.banner { height: 400px; }
} 
@media(min-width: 1200px) {
.banner { height: 500px; }
}
@media(min-width: 1600px) {
.banner { height: 500px; }
}
.banner-about { background: url(../images/about-bg.jpg) center no-repeat; }
.banner-publications { background: url(../images/publications-bg.jpg) center no-repeat; }
.banner-news { background: url(../images/news-bg.jpg) center no-repeat; }
.banner-environmental { background: url(../images/environmental-bg.jpg) center no-repeat; }
.banner-tit-1 { font-size: 24px; font-weight: bold; margin-top: 140px; margin-bottom: 0; text-transform: uppercase; }
@media(min-width: 768px) {
.banner-tit-1 { font-size: 36px; margin-top: 180px; }
} 
@media(min-width: 1200px) {
.banner-tit-1 { font-size: 48px; margin-top: 220px; }
}
@media(min-width: 1600px) {
.banner-tit-1 { margin-top: 220px; }
}
.banner-tit-2 { font-size: 14px; font-weight: bold; display: inline; padding-top: 30px; }
.banner-tit-2 img { display: inline; padding-right: 10px; margin-top: -3px; }
.banner-tit-2 a { color: #fff; padding-left: 10px; }


/*inner-padding*/
.inner-padding {padding: 35px 0 50px;}
@media(min-width: 768px){
.inner-padding {padding: 50px 0 60px;}
}
@media(min-width: 992px){
.inner-padding {padding: 60px 0 70px;}
}
@media(min-width: 1200px){
.inner-padding {padding: 70px 0 90px;}
}




/* -------------   cz   ----------- */
/*.header-top{background-color: #fff; padding: 5px 0;}
.header-flex{display: flex;justify-content: space-between;align-items: center;}
.header-top-text{font-size: 16px;color: #000;font-weight: bold;display: none;}
.languase{margin-right: 10px;display: none;}
.languase a{display: flex;justify-content: center;align-items: center;width: 28px;height: 28px;border-radius: 100%;background-color: #999;color: #fff;font-size: 14px;margin-left: 6px;}
.languase a.active{background-color: #50b74b;}
.header-bottom{background-color: #50b74b;}
.header.active{position: fixed; top: 0;left: 0;width: 100%;}
@media (min-width:992px) {

    .header.active .header-top{display: none;}
    .header.active .header-bottom{display: block;}
}
.mobile-lang{display: flex;justify-content: center;align-items: center;}
.mobile-lang a{color: #fff;padding: 10px 5px;}
.mobile-lang a.active{text-decoration: underline;}
@media (min-width:425px) {

    .languase{display: flex;align-items: center;}
    .mobile-lang{display: none;}
}



@media (min-width:992px){
    .header-top{padding: 10px 0;}
    .header-top-text{font-size: 18px;display: block;}
    .languase{margin-right: 0;}
}


.box-menu > ul > li > ul::before{
    content: '';
    position: absolute;
    top: -12px;
    left: 15%;
    width: 0;
    height: 0;
    border-left: 8px solid #0063ff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    transform: rotate(270deg);
}
*/
.about-img{position: relative;}
.bottom-box{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;position: absolute;top: 0%;margin-top: 400px;}
.nav-link1{display: block;border: none !important;margin: 4px 2px;padding: 10px 6px;color: #000 !important;font-weight: bold;letter-spacing: 0;border-radius: 0 !important;width: 140px;text-align: center;}
.nav-link1.active{box-shadow: 0 0 8px rgba(0, 0, 0, .3);color: #fff !important;}
.about-title{font-size: 26px;color: #0250a3;font-weight: bold;}
.about-tit1{font-weight: bold;font-size: 20px;margin-top: 30px;}
@media (min-width:992px) {

    .about-title{font-size: 30px;}
    .about-tit1{font-size: 22px;}
}
.about-right-text1{margin-top: 20px;}
/*.about{background-color: #f1f5e9;}*/
.flex-box{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;display: flex;justify-content: center;align-items: center;margin: 30px 0;}
.swiper-img{position: relative;overflow: hidden;max-height: 316px;height: 100%;}
.swiper-img img{height: 100%;width: 100%;}
.photo-about{position: relative;}
/* .photo-next,.photo-prev{background: none !important;} */
.noact-btn{background-color: #d4d6d5 !important;}

.posi-box{position: relative;}
.posi-flex{width: 100%; z-index: 9;}
@media (min-width:992px) {

    .posi-flex{position: absolute;margin-top: 350px;}
}




@media (min-width:1024px) {
    .posi-flex{margin-top: 350px;}

}


@media (min-width:1200px) {
    .posi-flex{margin-top: 440px;}

}










@media (min-width:1400px) {
    .posi-flex{margin-top: 470px;}

}

@media (min-width:1600px) {
    .posi-flex{margin-top: 670px;}

}

.about-tab .tab-pane{background-color: #f1f5e9;}
.tab-content .fade {transition: all 0.35s;}
.tab-content1 .fade {transition: all 0s;}
.banner-clc{background-image: url(../images/clc-banner.png);background-repeat: no-repeat;background-position: center top;background-size: cover;object-fit: cover;}
.btn-ban{background-color: #fff;font-size: 22px;color: #a4a4a4 !important;padding: 12px 30px;}
.text-box{background-color: #e2f0d9;padding: 30px;}
.text-style{color: #1e4e79;font-size: 16px;line-height: 24px;margin-top: 10px;margin-bottom: 5px;font-weight: normal;}
.title-style{color: #1e4e79; font-weight: bold;font-size: 20px;}
@media (min-width:576px) {

    .title-style{font-size: 24px;}
  .text-style{font-size: 18px;line-height: 30px;}
}

@media (min-width:992px) {
    .pc-row{flex-direction: row-reverse;}
    .title-style{font-size: 34px;}
    .title-style1{font-size: 28px;}
    .text-style{font-size: 22px;}

}
.text-box-1{background-color: #fff !important;padding: 0 !important;}
.clc-con{height: 100%;display: flex;flex-direction: column;justify-content: center; align-items: flex-start;}

.box-style{margin: 50px 0;}
@media (min-width:992px) {
    .box-style1{margin: 0 !important;}
}

.clc-img,.clc-img img{width: 100%;height: 100%;object-fit: cover;}
.clc-img{height: 200px;width: 100%; position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;z-index: 1;}
@media (min-width:768px){

  .clc-img{height: 200px;}
}


@media (min-width:992px) {
    .clc-img{height: 500px;}

}

.clc-img1{height: auto !important;}
.text-box-2{padding: 30px 0px;}
.map-box iframe{width: 100%;}
.li-style{font-size: 16px;margin-bottom: 1px;padding: 6px 10px;display: table;color: deepskyblue;}
.li-style:hover,.li-style.active{background-color: #f6f9fc !important;color: #398555 !important;font-size: 22px;}
@media (min-width:992px){
  .text-box-2{padding: 30px 20px;}
    .li-style{font-size: 20px;}
    .li-style:hover,.li-style.active{font-size: 26px;}
}


/*@media(min-width: 1200px) {
.box-menu > ul > li { height: 70px !important; }
}
.box-menu > ul > li > ul{
    min-width: 220px;
}*/
.clc-banner-tit{color: #fff;font-weight: normal;margin: 100px 0 0;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); text-align: start;}
.clc-banner-tit1{font-size: 24px;font-style: italic;text-align: start;}

.d-flex{display: flex;flex-direction: column;justify-content: center; align-items: flex-start;height: 100%;}

.fixed-box{position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);width: 100%;height: 100%;z-index: 99999;display: none;}
.flex-box{display: flex;justify-content: center;align-items: center;height: 100%;position: relative;}
.flex-box img{border: 4px solid #fff;}
.close-icon{position: absolute;top: 10px;right: 10px;font-size: 20px;}
.nav-pills1{display: flex;flex-direction: column;}
.flex-col{display: flex;flex-direction: column;justify-content: center;align-items: stretch;}
.tab-pane{background-color: #fff;}

.figure{position: relative;display: flex;justify-content: center;align-items: center;}
.figure::after{content: '';position: absolute;top: 0;display: block;width: 100%;min-height: 0;height: auto;background-color: #50b74b;z-index: -1;animation: slide-bottom 6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; transition: ease-in .25s;}
.figure .clc-img{border: 10px solid rgba(0,0,0,0);}
@media (min-width:992px) {

    .figure .clc-img{height: 400px !important;}
}



@media (min-width:1200px) {
    .figure .clc-img{height: 500px !important;}

}

.figcaption{position: absolute;top: 100%;left: 0;padding: 0 10px 10px;background-color: rgba(0,0,0,0);display: none;opacity: 0;transition: opacity 0s;}
.figcaption .title-style, .figcaption .text-style{color: #fff;}
.padd-box .li .figure:hover::after{ transition: ease-out .25s;}
/*.padd-box .li:nth-child(1) .figure:hover::after{min-height: 320px;}
.padd-box .li:nth-child(2) .figure:hover::after{min-height: 320px;}
.padd-box .li:nth-child(3) .figure:hover::after{min-height: 340px;}
.padd-box .li:nth-child(4) .figure:hover::after{min-height: 380px;}
.padd-box .li:nth-child(5) .figure:hover::after{min-height: 320px;}
.padd-box .li:nth-child(6) .figure:hover::after{min-height: 320px;}
.padd-box .li:nth-child(7) .figure:hover::after{min-height: 380px;}

@media (min-width:768px) {

  .padd-box .li:nth-child(1) .figure:hover::after{min-height: 340px;}
  .padd-box .li:nth-child(2) .figure:hover::after{min-height: 340px;}
  .padd-box .li:nth-child(3) .figure:hover::after{min-height: 360px;}
  .padd-box .li:nth-child(4) .figure:hover::after{min-height: 420px;}
  .padd-box .li:nth-child(5) .figure:hover::after{min-height: 380px;}
  .padd-box .li:nth-child(6) .figure:hover::after{min-height: 360px;}
  .padd-box .li:nth-child(7) .figure:hover::after{min-height: 410px;}
}*/
@media (min-width:992px) {
    /*.padd-box .li .figure:hover::after{min-height: 660px !important;}*/

}



@media (min-width:1200px) {
    /*.padd-box .li .figure:hover::after{min-height: 670px !important;}*/

}


.position{position: relative;}
/* .position i{position: absolute;top: -16px;right: -36px;width: 34px;height: 18px;background-color: rgb(247, 103, 7);display: flex;justify-content: center;align-items: center;border-radius: 10px;font-size: 10px;color: #fff;font-weight: 700;animation-name: flashing;animation-duration: 1s;animation-iteration-count: infinite;} */
.position i{position: absolute;top: 16px;right: 70px;width: 34px;height: 18px;background-color: rgb(247, 103, 7);display: flex;justify-content: center;align-items: center;border-radius: 10px;font-size: 10px;color: #fff;font-weight: 700;z-index: 1;overflow: hidden;}
@media (min-width:992px) {
  /*.position i{top: 10px;right: 20px;}*/
  .position i{top: 18px;right: 30px;}
}
.position i::after{content: '';position: absolute;top: auto;bottom: 0;left: 0;width: 0;height: 0;border-style: solid;border-width: 10px 0 0 10px;border-color: transparent transparent transparent rgb(247, 103, 7);z-index: -1;}
.position i::before{content: '';position: absolute;left: 0;top: -5px;width: 10px;height: 26px;background-color: rgba(255, 255, 255, .3);transform: rotate(15deg);animation-name: flashing;animation-duration: 1.6s;animation-iteration-count: infinite;}
@keyframes flashing{
  0%{margin-left: -15px;}
  50%{margin-left: 40px;}
  100%{margin-left: -15px;}
}



/*start*/
@media(max-width:768px){
    .position i {
        top: 8px;
        right: 74px;
    }
}
/*header { max-width:100%; z-index:99999; }*/
.community-box p { margin-bottom:0; }

/*@media (min-width: 1600px){
    .lang {
        margin-left: 32px;
        margin-right: 32px;
    }
}*/

/*.box-menu > ul > li > a { margin-left:10px; margin-right:10px; }*/
.pc-menu { display:none; }
.mobile-menu { display:block; }
.menu-box-2 { flex-grow: 1; display: flex; align-content: center; justify-content: flex-end; }

@media (min-width: 992px){
    header {
        height: 60px;
    }
}

@media(min-width:1200px){
    .pc-menu { display:block; }
    .mobile-menu { display:none; }
    .menu-box-2 { display: block; }
    header { height: 100px; }
}
/*end*/