@charset "utf-8";

._container{width:90%;margin:0 auto;}
._section{width:90%;margin:0 auto;position: relative;z-index: 2}
header .right .topbar .links .size a
#pc-nav-box{position: fixed;background: #fff;}
.head-top{display:flex;align-items: center;justify-content: space-between;}
header{position: fixed;top: 10px;left: 10px;padding: 10px;background: #fff;width: calc(100% - 20px);z-index: 222;border-radius: 10px;}
header .left{width: 659px;}
header .left .logo{display: flex;align-items: center;height: 100%;}
header .left .logo a{width: 50%;margin-right: 1.5rem;}
header .left img{display: block;margin: 0 auto;min-height: 40px;object-fit: contain;}
header .right{width: calc(100% - 300px);position: relative;}
header .right .topbar{display: flex;align-items: center;justify-content: flex-end;padding-bottom: 10px;}
header .right .topbar ul{display: flex;align-items: center;padding-left: 30px;}
header .right .topbar ul li a{color: #787D89;padding: 15px;display: block;}
header .right .topbar ul li a:hover{color: #000;}
header .right .topbar .links{display: flex;align-items: center;}
header .right .topbar .links .search{color: #0B3C98;cursor: pointer;}
header .right .topbar .links .search i{margin-right: 10px;}
header .right .topbar .links .size{position: relative;display: flex;align-items: center;justify-content: center;}
header .right .topbar .links .size a{display: flex;align-items: center;justify-content: center; width: 26px;height:26px;border-radius: 50%;color: #B4B4B4;}
header .right .topbar .links .size a.small{color: #fff;background: #1B468D;}
.fontMiddle header .right .topbar .links .size a.middle{color: #fff;background: #1B468D;}
.fontMiddle header .right .topbar .links .size a.small{color: #B4B4B4;background: #fff;}
.fontLarge header .right .topbar .links .size a.large{color: #fff;background: #1B468D;}
.fontLarge header .right .topbar .links .size a.small{color: #B4B4B4;background: #fff;}
header .right .topbar .social a{color: #B4B4B4;margin: 0 5px;}
header .right .topbar .social a:hover i{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
header .right .topbar .lang{margin-left: 15px;box-sizing: border-box;margin-right: 15px;position: relative;}
header .right .topbar .lang span{width: 38px;height: 38px;background: #E9E9E9;border-radius: 50%;justify-content: center; color:#0B3C98;display: flex;align-items: center;}
header .right .topbar .lang span img{}
header .right .topbar .lang .s-lang{
    position: absolute;
    background: #fff;
    border-radius: 4px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-shadow: 0 0 5px #ccc;
    padding: 8px 0;
    left: 0%;
    z-index: 555;
    top: 40px;
}
header .right .topbar .lang .s-lang::after{display: block;content: '';position: absolute;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fff;top:-5px; }
header .right .topbar .lang .s-lang .in{display: block;}
header .right .topbar .lang .s-lang a{display: block;text-align: center;width: 100%;height: 100%;padding: 5px;}
header .right .topbar .lang .s-lang a:hover{color: #0B3C98;}
header .right .topbar .lang:hover .s-lang{display: flex;}
header .right .nav-outer{padding-left: 30px; display: flex;justify-content: flex-end;align-items: center;}
header .right .nav-outer .nav-box ul li a{color: #000000;padding: 0 15px;}
header .right .nav-outer .nav-box ul li a:hover{color: #0B3C98;}
header .right .donation a{display: flex;align-items: center;justify-content: center; background: #1B468D;border: 1px solid #1B468D; color: #fff;padding: 8px 25px;border-radius: 40px;}
header .right .donation a img{filter: invert(50%) brightness(300%);margin-right: 10px;}
header .right .donation a:hover{background: none;color: #0B3C98;}

#calendar.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{
    color: #0B3C98 !important;
    border: 1px solid #0B3C98;
    width: 70%;
    height: 100%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}




#mobile-nav-box {display: none;}
main{}

.banbox{width: 100%;margin-bottom: 0px;position: relative;overflow: hidden;z-index: 2;

}
.bancont{
    border-bottom-left-radius: 1030px 245px;
    border-bottom-right-radius: 1030px 245px;
    margin-left: -100px;
    margin-right: -100px;
    padding-left: 100px;
    padding-right: 100px;
    -webkit-mask: linear-gradient(to right, transparent 0, transparent 100px, #000 100px, #000 calc(100% - 100px), transparent calc(100% - 100px), transparent 100%);
}
.banbox::before{
    content: "";
    position: absolute;
    bottom: -233px;
    left: -171px;
    width: 665px;
    height: 665px;
    box-sizing: border-box;
    border: 35px solid #fff;
    border-radius: 50%;
    mix-blend-mode: soft-light;
    opacity: .5;
    z-index: 2;
}
.banbox .swiper{position: relative;}
.banbox .swiper-wrapper{height: 100%;}
.swiper-pagination-bullet{background: #f0f0f0;width: 10px;height: 10px;color:#f0f0f0;opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#006530 }
.ban-item{width: 100%;height: 100%;overflow: hidden;position: relative;}
.ban-item::before{
    content: "";
    position: absolute;
    bottom: -233px;
    left: -171px;
    width: 665px;
    height: 665px;
    box-sizing: border-box;
    border: 35px solid #ffffff;
    border-radius: 50%;
    mix-blend-mode: soft-light;
    opacity: .5;
    z-index: 1;
}
.bani{height: 100%;width: 100%;overflow: hidden;}
.bani video{object-fit: cover;width: 100%;}
.bant{bottom:0%;left: 20%;width: 60%;height: 50%;display: flex;align-items: center;justify-content: flex-start;z-index: 500;}
.bantt{width: 100%;}
.bantt>h1{margin-bottom:20px;color:#fff}
.bantt>p{color:#fff;margin-bottom:20px;width: 60%;}
.ban-more{padding:1rem 4rem;background:#fff;border:1px solid #fff;border-radius: 4px;color:#00A950;transition: all 0.3s ease;display: inline-block;}
.ban-more:hover{background: unset;color:#fff}
.banbox .swiper-slide img{width: 100%;}

.banbox .pagination_index .playing {
    z-index: 10;
    margin-left: 5px;
    margin-top: -4px;
}
  
.banbox .pagination_index .playing span {
    cursor: pointer;
}
  
.banbox .pagination_index .playing i {
    color: #a6ce39;
    opacity: 1;
}
  
.banbox .pagination_index .playing .pause-button {
    display: none;
}
  
.banbox .arrow {
    position: absolute;
    right: 0px;
    bottom: 10%;
    width: auto;
    height: 50%;
    box-sizing: border-box;
    padding: 0 60px;
    z-index: 33;
}
  
.home-hero__scroll {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1.5;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: calc(50% - 50px);
    padding-bottom: 40px;
    width: 100px;
    text-align: center;
    z-index: 1;
}
.home-hero__scroll::after {
    display:none;
    content: '';
    width: 1px;
    height: 50px;
    position: absolute;
    left: 50%;
    bottom: -12px;
    background-color: #ffffff;
}
.banbox .arrow .swiper-pagination {
    width: auto;
    position: relative;
    bottom: 0;
    width: 31px;
    margin: 0 auto;

}
.banbox .arrow .swiper-pagination .swiper-pagination-bullet{
    display: flex;
    align-items: center;
    width: 7px;
    height: 7px;
    margin: 1rem auto;
    position: relative;
}  
.banbox .arrow .swiper-pagination .swiper-pagination-bullet::before{
    content: '';
    display: block;
    position: relative;
    width: 7px;
    height: 7px;
    padding: 0;
    font-size: 0;
    background-color: #ffffff;
    border: none;
    outline: none;
    border-radius: 10px;
    transition: width .3s, height .3s;
}
.banbox .arrow .swiper-pagination .swiper-pagination-bullet::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 31px;
    height: 31px;
    border-radius: 50px;
    background-color: #ffffff;
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s;
}
.banbox .arrow .swiper-pagination .swiper-pagination-bullet-active {
    width: 11px;
    height: 11px;
    background: #fff;
}
.banbox .arrow .swiper-pagination .swiper-pagination-bullet-active::before{

  width: 11px;
  height: 11px;
} 
.banbox .arrow .swiper-pagination .swiper-pagination-bullet-active::after{
    opacity: .3;
} 
.banbox .arrow .play-pause-button-wrapper {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}
  
.banbox .arrow .play-pause-button-wrapper .play-button {
    display: none;
}
  
.banbox .arrow .play-pause-button-wrapper i {
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    transform: translateY(-5px);
}
.circle{position: absolute;left: -100px;bottom: -150px;z-index: 2;}



.baner-type2{width: 100%;height: 100%;overflow: hidden;}
.ty2-bg{position: relative;left: 0;top:0;z-index: 10;width: 100%;height: 100%;}
.ty-imgbox{position: absolute;right: 0;top:0;z-index: 5;width: 100%;height:100%;display: flex;padding-left: 50%;}
.banimg2{width: 100%;height: 100%;}
.banimg2>img{width: 100%;height: 100%;object-fit: cover;}
/* index */
.activeBox{margin-bottom: 80px;max-width: 1638px;margin: 0 auto;}
.header-box{display: flex;justify-content: space-between;align-items: center;}
.inbox-tit{color:#010101;font-weight: bold;}
.more{width: max-content; display: flex;align-items: center;justify-content: space-between; border-radius: 10px;background: #0B3C98;padding: 15px 20px;color: #fff;}
.more::after{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/right.svg) no-repeat top center;
    background-size: cover;
    filter: invert(50%) brightness(300%);
    margin-left: 15px;

}
.more:hover{background: #3C69FF;color: #fff;}
.header-box .left em{font-style: normal;color: #0A76E2;}
.actiem{width: 100%;position: relative;}
.acitem-img{width: 100%;overflow: hidden;position: relative;}
.acitem-img::before{display: none;width:100%;height: 100%;content: "";position: absolute;left: 0;bottom:0;background: rgba(0,0,0,0.2);z-index: 10;}
.actiem:hover .acitem-img::before{display: none}
.acitem-img>img{width: 100%;height:100%;object-fit: cover;transition: all 0.3s ease;}
.actitem-txt{z-index: 5;}

.actiem:hover .acitem-img>img{transform: scale(1.1);}
.acitem-tit{}
.acitem-tit span{color:#fff;text-shadow:5px 5px 5px #000}
.events-block{position: relative;}
.events-block .row .col-xl-3 .actiem{border-right: 1px solid #D4D4D4;box-sizing: border-box;padding-right: 1.5rem;margin-right: 1rem;}
.events-block .row .col-xl-3 .actiem a{display: block;}
.events-block .row .col-xl-3 .actiem a .acitem-img{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 68.25%;
    position: relative;
    border-radius: 10px;
}
.events-block .row .col-xl-3 .actiem a .acitem-img img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.events-block .row .col-xl-3 .actiem a .actitem-txt{
    padding-top: 1.5rem;
}
.events-block .row .col-xl-3 .actiem a .actitem-txt em{font-style: normal;color: #0A76E2;}
.events-block .row .col-xl-3 .actiem a .actitem-txt h4{
    color: #0B3C98;
    margin-top: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.events-block .row .col-xl-3 .actiem a .actitem-txt .more{margin-top: 2rem;background: #EBF2FF;color: #0B3C98;}
.events-block .row .col-xl-3 .actiem a .actitem-txt .more::after{
    filter: none;
}
.more{
    webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.events-block .row .col-xl-3 .actiem a .actitem-txt .more:hover{background: #0B3C98;color: #fff;}
.events-block .row .col-xl-3 .actiem a .actitem-txt .more:hover::after{filter: invert(50%) brightness(300%) !important;}
.events-block .calendarbox{background: #E1F3FF;border-radius: 20px;padding: 1.5rem;}
.events-block .calendarbox .tips span{display: flex;align-items: center;justify-content: flex-end;color: #0B3C98;}
.events-block .calendarbox .tips span::before{
    content: '';
    display: inline-block;
    width: 15px;
    height: 20px;
    border-radius: 5px;
    border: 2px solid #0B3C98;
    margin-right: 10px;
}
.events-block .calendarbox .tips span:nth-child(2)::before{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #0B3C98;
}
.events-block .calendarbox .tips span i{font-style: normal;width: 50px;}
.events-block::before{
    content: "";
    position: absolute;
    top: -433px;
    left: -171px;
    width: 665px;
    height: 665px;
    box-sizing: border-box;
    border: 35px solid #C1F0FF;
    border-radius: 50%;
    z-index: -1;
}
.programmeb-block{padding: 100px 0px;}
.programmeb-block .row .col-xl-4 .actiem a{display: block;}
.programmeb-block .row .col-xl-4 .actiem a .acitem-img{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 86.25%;
    position: relative;
    border-radius: 10px;
}
.programmeb-block .row .col-xl-4 .actiem a .acitem-img img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.programmeb-block .row .col-xl-4 .actiem a .actitem-txt{
    padding: 1.5rem 0;
}
.programmeb-block .row .col-xl-4 .actiem a .actitem-txt b{display: block;text-align: center; font-style: normal;color: #3EB2C9;color: transparent; -webkit-text-stroke: 1px #3EB2C9; /* 为文本添加黑色描边 */}
.programmeb-block .row .col-xl-4 .actiem a .actitem-txt h4{color: #04414D;margin-top: 0.5rem;}



.achBox{margin-top: 0px;}
.achCont{display: flex;align-items: center;justify-content: center;}
.ach-num{color:#00A950;font-weight: bold;}
.ach-tit{color:#4D4D4D}
.ach-text{padding-left: 15px;}

.ach-imt>img{max-width: 140px;}
.ach-imt>span{display: block;text-align: center;margin-top: 10px;color:#00A950;}
.achItem{overflow: hidden;}

.achImgBox{margin-top: 80px;overflow: hidden;width: 100%;position: relative;}
.achImgBox::before{display: none;content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom:0;z-index: 2;background:rgba(0,0,0,0.5);transition: all 0.3s ease;}
.achImgBox:hover::before{height: 0;}
.achImgBox>img{width: 100%;transition: all 0.3s ease;}
.achImgBox:hover img{transform: scale(1.1);}


.about-sec{padding:100px 0;position: relative;overflow: hidden;}
.about-sec .mbleft{padding-left: 2rem;}
.about-sec .mbleft .desinfo p{color: #656565;}
.about-sec .mbleft .row .actiem .icos{display: flex;align-items: center;margin: 0 auto; justify-content: center; width: 144px;height: 144px;border: 1px solid #DFDFDF;border-radius: 50%;background: #FBFBFB;}
.about-sec .mbleft .row .actiem p{width: 70%;margin: 1rem auto; text-align: center;color: #535353;}


.about-cont{width: 70%;margin: 0 auto;}
.about-cont p{color:#8AAB93;text-align: center;}
.about-cont ul{text-align: center;}
.about-cont ul li{color:#8AAB93;padding:5px 0}
.dot-green{display: inline-block;width: 8px;height: 8px;background:#00A950;border-radius: 100%;margin-right: 10px;}
.about-cont h3{color:#00A950;text-align: center;margin: 10px 0;}
.ab-item{padding:30px}
.ab-item.bd{border-bottom: 1px solid #EFEFEF;}

.ab-list{display: flex;justify-content: center;}
.ab-list .-img{margin-bottom: 60px;}
.ab-list .-img>img{max-width: 115px;}
.ab-list .-tit{margin-bottom: 30px;color:#00A950}
.ab-list .-summ{color:#8AAB93}
.green-btn{padding:0.8rem 2.6rem;background: #00A950;border:1px solid #00A950;color: #fff;border-radius: 6px;transition: all 0.3s ease;}
.green-btn:hover{background: #FFF;color: #00A950;}

.indnew-item{margin:15px auto;padding:15px;width: 100%;}
.indnew-item:hover{background: #EFEFEF;}
.inews-cont{position: relative;}
.new-img{overflow: hidden;width: 100%;height: 350px;}
.new-img>img{width: 100%;height: 100%;object-fit:cover;}
.new-date{background:#00A950;color:#fff;border-radius: 0 0 10px 0;display: flex;align-items: center;justify-content: center;padding:10px 5px ;width: 220px;position: absolute;left: 0;bottom:-30px;}
.new-date>img{max-width: 17px;margin-right: 5px;}
.new-tit{color:#000000 ;margin: 20px 0;margin-top: 50px;}
.new-summary{color:#AEAEAE}

/*foot*/
footer{position: relative;background: #eee;}
footer .logobox{display: flex;}
footer .logobox .items span{display: block;color: #535353;margin-bottom: 1rem;}
footer .logobox .items a{display: block;height: 89px;display: flex;align-items: center;}
footer .logobox .items{display: block;width: 30%;padding-right: 5%;}
footer .logobox .items:nth-last-child(1){width: 50%;padding-left: 1rem;}
footer .logobox .logos{display: flex;align-items: center;}
footer .logobox .logos a{width: 100%;margin-right: 0rem;}
footer .logobox .logos a img{min-height: 40px;object-fit: contain;}
footer .links{display: flex;align-items: center;justify-content: flex-end;}
footer .links a{display: block;margin-left: 1rem;width: 56px;height: 56px;background: #fff;display: flex;align-items: center;justify-content: center; border-radius: 50%;color: rgba(0, 0, 0, 0.45);}
footer .links a i{font-size: 24px;}
footer .links a:hover{color: #000;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
footer .links a:nth-child(1){margin-left: 0;}
footer .footbottom{border-top: 1px solid rgba(190,190,190,0.49);padding-top: 2rem;}
footer .footbottom .border-right{height: 100%; border-left: 1px solid #DFE9E9;box-sizing: border-box;padding: 30px;padding-bottom: 0;}
footer .footbottom .border-right nav ul li a{color: #777777;display: block;margin-bottom: 15px;}
footer .footbottom .border-right nav ul li a:hover{color: #00A950;}
footer .footbottom .border-right .links a{color: #00A950;font-size: 24px;margin-right: 15px;}
footer .footbottom .border-right .links a:hover i{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
footer nav{max-width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
footer nav a{width: 50%;margin-bottom: 1.5rem; display: flex;align-items: center; color: #5E5E5E;}
footer nav a::before{content: '';display: inline-block;width: 7px;height: 7px;border-radius: 50%;background: #5E5E5E;margin-right: 10px;} 
footer .address{max-width: 700px;}
footer .address .items{margin-bottom: 1rem; color: #5E5E5E;position: relative;padding-left: 2rem;}
footer .address .items img{position: absolute;left: 0;top: 5px;}
footer .address .items span{}
footer .copyright{border-top: 1px solid rgba(150, 150, 150, 0.49);}
footer .lefts{display: flex;align-items: center;}
footer .lefts a{color: #848484;margin-right: 3rem;}
footer .lefts a:hover{color: #fff;}
footer p{color: #848484;}
.message {
    position: fixed;
    right: 1rem;
    bottom: 4rem;
    z-index: 99;
    border: none;
    color: #ffffff;
    height: 60px;
    width: 60px;
    opacity: 0;
    background: #0B3C98;
    border-radius: 50%;
    transform: translateY(5rem);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: all 0.35s ease;
}
.message::after {
    content: "\f062";
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 2em;
}
.message.on {
    opacity: 1;
    transform: translateY(0);
}
/* subpage */
.subban-sec{background: #00A950;padding:50px 0}
.subban-cont{display: flex;align-items: center;justify-content: space-between;}
.sban-left{width: 50%;}
.sban-right{width: 50%;overflow: hidden;}
.sban-right>img{width:100%;}
.sban-txt{padding-right:10%}
.sban-tit{color:#fff}
.sban-desc{color:#fff;margin:40px 0}


.more-btn2{padding:0.8rem 2.6rem;width:220px;background: #FFF28B;color: #000;border-radius: 6px;transition: all 0.3s ease;display: flex;align-items: center;justify-content:space-between;}
.more-btn2>img{width: 16px;}
.more-btn2:hover{background: #FFF;color: #000;}

.sup-main{background: #F5FCF8;}
.sub-cont{width: 50%;margin: 0 auto;margin-top:80px}
.sub-desc{background: #fff;padding:20px;color:#00A950;box-shadow: 0 0 26px 3px #f1f1f1;}
.subFormbox{margin-top: 80px;}
.fitm{margin-bottom:20px;flex-wrap: wrap;}
.fitm>label{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}

.fitm>label .lab-name{color:#7B7B7B;width: 25%;}
.fitm>label .lab-name-block{color:#7B7B7B;width: 100%;margin-bottom: 10px;}
.fitm>label input[type=text]{outline: unset;border:1px solid #93D8B4;background: #fff;color:#00A950;border-radius:5px;padding:8px 5px;width: 100%;}
.fitm>label .lab-name i{font-size: 10px;color:#FC1313;margin-right: 4px;}

.fitm>label .lab-y{width: 70%;}
.fitm>label .lab-y-block{width: 100%;}
.fitm>label .lab-name-block i{font-size: 10px;color:#FC1313;margin-right: 4px;}

.fitm>.fitm-item{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.fitm>.fitm-item .lab-name{color:#7B7B7B;width: 25%;}
.fitm>.fitm-item .lab-name-block{color:#7B7B7B;width: 100%;margin-bottom: 10px;}
.fitm>.fitm-item input[type=text]{outline: unset;border:1px solid #93D8B4;background: #fff;color:#00A950;border-radius:5px;padding:8px 5px;width: 100%;}
.fitm>.fitm-item .lab-name i{font-size: 10px;color:#FC1313;margin-right: 4px;}

.fitm>.fitm-item .lab-y{width: 70%;}
.fitm>.fitm-item .lab-y-block{width: 100%;}
.fitm>.fitm-item .lab-name-block i{font-size: 10px;color:#FC1313;margin-right: 4px;}



.gender-box>span{margin-right: 20px;}
.range-box>span{display: block;margin-bottom:10px}
.radio-icon{display: inline-block;width: 16px;height: 16px;background: url("../images/unckecked-r.png") no-repeat;background-size: 100%;}
input[type=radio]{visibility:hidden;position: absolute;left: 0}
input[type=radio]:checked + i{background: url("../images/checked-r.png") no-repeat;background-size: 100%;}

.checkbox-icon{display: inline-block;width: 20px;height: 20px;background: url("../images/unckecked-c.png") no-repeat;background-size: 100%;}
input[type=checkbox]{visibility:hidden;position: absolute;left: 0;}
input[type=checkbox]:checked + i{background: url("../images/checked-c.png") no-repeat;background-size: 100%;}


.sup-submit-btn{padding:0.8rem 4rem}

body .skin2 .layui-layer-title{background:#03AA52; color:#fff; border: none;}
body .skin2 .layui-layer-content{ color:#03AA52; }
body .skin2 .layui-layer-btn{border-top:1px solid #03AA52}
body .skin2 .layui-layer-btn a{background:#03AA52;border: none;}
body .skin2 .layui-layer-btn .layui-layer-btn1{background:#03AA52;color:#fff}


.page-banner{position: relative;overflow: hidden;border-radius: 0 0 30px 30px;}
.page-banner .boximg{position: relative;}
.page-banner .boximg::after{
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.45);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.page-banner .boximg img{width: 100%;}
.page-banner .inner{display: flex;flex-direction: column;justify-content: space-between; flex-wrap: wrap; width: 96%;align-items: center;position: absolute;left: 2%;top: 50%;transform: translateY(-50%); color: #fff;}
.page-banner .inner h1{color: #fff;width: 100%;margin-top: 80px;}
.page-banner .inner .bread{margin-top: 20px;}
.page-banner .inner .bread *{color: #fff;margin-top: 10px;}
.page-banner .inner .page-banner-text{border-top: 1px solid rgba(255, 255, 255, 0.3);padding-top: 20px;margin-top: 20px; color: #fff;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.page-banner .inner .page-banner-text .txt{color: #fff;width: calc(100% - 300px);}
.page-banner .inner .page-banner-text .txt p{color: #fff;}
.page-banner .inner .page-banner-text .bread{width: 300px;text-align: right;margin-bottom: 20px;}
.page-banner .inner .page-banner-text .bread a{color: #fff;text-transform: capitalize;}
.page-banner .inner .page-banner-text .bread a:hover{color: #03AA52;}
.page-banner .inner .page-banner-text .bread a::after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #fff;
    margin: 0 15px;
}
.page-banner .inner .page-banner-text .bread a i{color: #fff;margin-right: 10px;}
.page-banner .inner .page-banner-text .bread a:nth-last-child(1)::after{display: none;}

.navbar{width: 100%;border-bottom: 1px solid #D0D0D0; padding: 0;}
.navbar .container{display: flex;align-items: center;}
.navbar .container .nava{width: 100%; display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.navbar .container .nava a{position: relative; display: block; padding: 30px 0px;margin: 0 40px; color: #04414D;position: relative;}
.navbar .container .nava a::after{
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #1A7FE3;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.navbar .container .nava a.active,.navbar .container .nava a:hover{color: #1A7FE3;}
.navbar .container .nava a.active::after,.navbar .container .nava a:hover::after{
   width: 100%;
}

.circle1{position: absolute;left: -120px;top: 0;}
.about-block{position: relative;overflow: hidden;}
.about-block .row .col-md-5 .imgs img{width: 100%;border-radius: 30px;}
.about-block .row .col-md-7 .txt{padding-left: 5rem;}
.about-block .row .col-md-7 .txt em{font-style: normal;color: #0A76E2;}
.about-block .row .col-md-7 .txt p{color: #656565;}
.about-block .row .col-md-7 .txt span{color: #656565;}
.about-block .row .col-md-7 .txt ul{padding-left: 1rem;}
.about-block .row .col-md-7 .txt ul li{list-style: disc;margin-top: 5px;}
.about-block .row .col-md-7 .txt ul li::marker{color: #5BBCFE;background: #5BBCFE;}

.about-block .row .col-md-7 .txt .address dd{margin-top: 1.5rem; display: flex;align-items: center;justify-content: space-between;}
.about-block .row .col-md-7 .txt .address dd .icos{width: 42px;height: 42px;border-radius: 50%;background: #EBEBEB;display: flex;align-items: center;justify-content: center;}
.about-block .row .col-md-7 .txt .address dd span{width: calc(100% - 60px);}
.about-block  .bluelightback{background: #F3F6FB;padding: 60px 0px;}
.about-block  .bluelightback .row .col-md-6 .imgs{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 42.25%;
    position: relative;
    border-radius: 10px;
}
.about-block  .bluelightback .row .col-md-6 .imgs img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.about-block  .bluelightback .row .col-md-6 .txt p{margin-top: 1.5rem;margin-bottom: 0;}
.about-block .txtbox em{color: #0A76E2;text-align: center;}
.about-block .numberbox .col-md-2{width: 33.3333%;} 
.about-block .numberbox .col-md-2 .box{display: block; width: 100%;height: 100%; border-radius: 30px;position: relative;overflow: hidden;background: #F6F6F6;}
.about-block .numberbox .col-md-2 .box .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 65%;
    position: relative;
}
.about-block .numberbox .col-md-2 .box .boximg img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.about-block .numberbox .col-md-2 .numberb h1{margin-bottom: 20px;color: #262626;}
.about-block .numberbox .col-md-2 .numberb{padding: 2rem;}
.about-block .numberbox .col-md-2 .numberb p{color: #656565;}
.about-block .numberbox .col-md-2 .box:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.about-block .numberbox .col-md-2 .box:hover .boximg img{transform: scale(1.1);}
.about-block .leftmenu{position: relative;padding-right: 1.5rem;margin-right: 1.5rem;}
.about-block .leftmenu em{font-style: normal;color: #4FA9E1;}
.about-block .leftmenu::after{
    content: '';
    display: block;
    width: 1px;
    background: #707070;
    height: 90%;
    position: absolute;
    right: 0;
    top: 0;
}
.about-block .leftmenu .menulist ul li{border-bottom: 1px solid #C4E1FF;padding-bottom: 2rem;margin-bottom: 2rem;}
.about-block .leftmenu .menulist ul li h4{color: #1C468D;font-weight: bold;margin-bottom: 0.5rem;}

.about-block .features .items{margin-top: 2rem; display: flex;align-items: center;justify-content: space-between; background: #F3F6FB;border-radius: 30px;position: relative;overflow: hidden;}
.about-block .features .items .txtbox{width: 50%;box-sizing: border-box;padding: 2rem;}
.about-block .features .items .txtbox h4{margin-bottom: 1rem;color: #1C468D;}
.about-block .features .items .txtbox p{margin-bottom: 2rem;color: #676767;}
.about-block .features .items .txtbox p:nth-last-child(1){margin-bottom: 0;}
.about-block .features .items .imgs{width: 50%;}
.about-block .features .items:nth-child(even){flex-direction: row-reverse;}
.about-block .curriculum ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-block .curriculum ul li{ position: relative; width: 48%;border-bottom: 1px solid #E2E2E2;padding: 2rem 0px;padding-left: 1.5rem;}
.about-block .curriculum ul li::before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #5BBCFE;
    color: #5BBCFE;
    position: absolute;
    left: 0;
    top: 2.3rem;
}
.about-block table{background: #F3F6FB;border-radius: 20px;position: relative;overflow: hidden;}
.about-block table thead tr{background: #1C468D;}
.about-block table thead tr th{padding: 1rem;color: #fff;vertical-align: middle;}
.about-block table tbody{border-top: none !important;}
.about-block table tbody tr td{padding: 1rem;border-bottom: none;vertical-align: middle;}
.about-block .information .bluelightback{border-radius: 20px;background: #F3F6FB;padding: 1.5rem 3rem;margin-bottom: 1rem;}
.about-block .information .bluelightback ul li{list-style: disc;margin: 0.5rem 0;color: #3D3D3D;}
.about-block .information .bluelightback ul li::marker{color: #5BBCFE;}
.about-block .information .bluelightback:nth-last-child(1) ul li{list-style: upper-roman;}

.about-block .career .row .col-md-6 a{display: block;}
.about-block .career .row .col-md-6 a .imgs{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 63.25%;
    position: relative;
    border-radius: 10px;
}
.about-block .career .row .col-md-6 a .imgs img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.about-block .career .row .col-md-6 a .txt{margin-top: 1.5rem;}
.about-block .career .row .col-md-6 a .txt p{margin-top: 0.5rem;color: #656565;}
.about-block .therebox .row .col-md-4{width: 100%;}
.about-block .therebox .row .col-md-4 .box{background: #F5F5F5;border-radius: 20px;height: 100%;position: relative;overflow: hidden; display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;} 
.about-block .therebox .row .col-md-4 .box h3{display: none; text-align: right;margin-bottom: 5rem;width: 100%;}
.about-block .therebox .row .col-md-4 .box h4{padding: 1.5rem;background: #1B468D;color: #fff;}
.about-block .therebox .row .col-md-4 .box p{padding: 1.5rem; color: #262626;}
.about-block .bigaf{position: relative;}
.about-block .bigaf::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(3, 103, 114, 0.7);
    position: absolute;
    left: 0;
    bottom: 0;
}
.about-block .big img{width: 100%;}

.objectives-block{position: relative;overflow: hidden;padding: 100px 0px;}
.objectives-block::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(3,103,114,1);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.7;
}



.objectives-block .container{position: relative;z-index: 2;}
.objectives-block .row .col-md-2{width: 20%;}
.objectives-block .row .col-md-2 .icos{width:144px;height:144px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.objectives-block .row .col-md-2 .icos img{}
.objectives-block .row .col-md-2 p{color: #fff;margin-top: 20px;}


.blueback{background: #1C468D;padding: 70px 0px;color: #fff;}
.blueback .more{background: #FFFFFF;color: #0B3C98;}
.blueback .more::after{filter: none !important;}
.blueback .more:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);background: #efefef;}
.facilities .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 72.25%;
    position: relative;
    border-radius: 10px;
}
.facilities .boximg img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.facilities .txt{padding-top: 10px;}


.events-news-block{position: relative;overflow: hidden;padding-bottom: 100px;}
.events-news-block .bar {position: relative;z-index: 2;padding: 30px 0px;}
.events-news-block .bar .search-form{display: flex;align-items: center;justify-content: space-between;}
.events-news-block .bar .search-form .form-group{display: flex;align-items: center;}
.events-news-block .bar .search-form .form-group .inp{margin-right: 10px;}
.events-news-block .bar .search-form .form-group .inp .select-menu{border-radius: 10px;border: 1px solid #CECECE;}
.events-news-block .bar .search-form #Search{width: 353px; border-radius: 10px;border: 1px solid #CECECE;padding: 15px;}
.events-news-block .events .imgs{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 58.25%;
    position: relative;
    border-radius: 10px;
}
.events-news-block .events .imgs img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.events-news-block .events .txt{display: flex;align-items: center;justify-content: space-between;padding: 10px 0px;}
.events-news-block .events .txt p{width: calc(100% - 120px);margin-bottom: 0;color: #04414D;}
.events-news-block .events .txt .time{display: flex;align-items: center;justify-content: center;flex-direction: column; flex-wrap: wrap; color: #fff; width: 100px;height: 100px;border: 10px;background: #0A76E2;border-radius: 10px;}
.events-news-block .events .txt .time em{width: 100%; font-style: normal;display: block;text-align: center;line-height: 1;}

.events-news-block .events a:hover .imgs img{transform: scale(1.1);}
.events-news-block .article{width: 94%;}
.events-news-block .article .back{flex-direction: row-reverse;background: #EBF2FF;color: #0B3C98;}
.events-news-block .article .back::after{filter: none;transform: rotate(180deg);margin-left: 0;margin-right: 1.5rem;}
.events-news-block .article .back:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.events-news-block .article .text p{color: #656565;margin-bottom: 30px;}
.events-news-block .article .text p a{color: #0A76E2;text-decoration: underline;}
.events-news-block .recentlist .list{margin-top: 1.5rem;border-bottom: 1px solid #efefef;padding-bottom: 1rem;margin-bottom: 1rem;}
.events-news-block .recentlist .list .imgs{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 58.25%;
    position: relative;
    border-radius: 10px;
}
.events-news-block .recentlist .list .imgs img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.events-news-block .recentlist .list .txt{margin-top: 1rem;}
.events-news-block .recentlist .list .txt p{color: #04414D;margin-bottom: 0.5rem;}
.events-news-block .recentlist .list .txt span{color: #0A76E2;}
.events-news-block .recentlist .list a:hover .imgs img{transform: scale(1.1);} 

.events-news-block .notice .border{border: 1px solid #C4C4C4;height: 100%;padding: 2rem;border-radius: 20px;}
.events-news-block .notice .border h3{color: #393939;margin-bottom: 3rem;}
.events-news-block .notice .border .more{background: #EBF2FF;color: #0B3C98;}
.events-news-block .notice .border .more::after{filter: none;}
.events-news-block .notice .border .more:hover{background: #efefef}
.events-news-block .notice .border .time{display: flex;align-items: center;color: #0A76E2;margin-left: 2rem;font-style: normal;}
.events-news-block .notice .border .time img{margin-right: 10px;}
.events-news-block .notice .col-md-4 img{width: 100%;height: 100%;object-fit: cover;}
.events-news-block .bluelightback{background: #F3F6FB;padding: 60px 0px;}
.events-news-block .bluelightback .faqbox .items{background: #fff;}



.imgboxs{position: relative;padding-top: 100px;}
.imgboxs>img{width: 100%;}
.imgboxs .inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 22;}
.imgboxs .inner .bluebox{background: #245494;border-radius: 33px;max-width: 565px;padding: 3rem;}
.imgboxs .inner .bluebox dl{margin-top: 1.5rem;}
.imgboxs .inner .bluebox dl dd{margin-top: 1rem;display: flex;align-items: center;}
.imgboxs .inner .bluebox dl dd img{margin-right: 10px;}

.pageinfo ul{display: flex;align-items: center;justify-content: center;}
.pageinfo ul li{margin: 10px;}
.pageinfo ul li a{display: flex;align-items: center;justify-content: center;border-radius: 5px;border: 1px solid #D0D0D0;}
.pageinfo ul li a.active{background: #0A76E2;color: #fff;border: none;}
.pageinfo ul li a.prev,.pageinfo ul li a.next{background: #1B468D;border: none;}
.pageinfo ul li a.prev::after{content: '\f104';font-family: 'FontAwesome';color: #fff;}
.pageinfo ul li a.next::after{content: '\f105';font-family: 'FontAwesome';color: #fff;}

.project-activities-block{position: relative;overflow: hidden;}
.project-activities-block .row .col-md-4 a{display: block;width: 100%;height: 100%;}
.project-activities-block .row .col-md-4 a .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 72.25%;
    position: relative;
    border-radius: 10px;
}
.project-activities-block .row .col-md-4 a .boximg img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.project-activities-block .row .col-md-4 a .con{padding: 20px 30px;}
.project-activities-block .row .col-md-4 a .con h3{
    margin-bottom: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.project-activities-block .row .col-md-4 a .con em{font-style: normal; display: inline-block;background: #0B3C98;border-radius: 6px;padding: 10px 20px;color: #fff;}
.project-activities-block .row .col-md-4 a .con span{
    margin-left: 10px;
    padding: 10px 20px;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
    border-radius: 6px;
}
.project-activities-block .row .col-md-4 a .con span img{
    margin-left: 10px;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.project-activities-block .row .col-md-4 a:hover .con span{background: #6F621D;color: #fff;}
.project-activities-block .row .col-md-4 a:hover .con span img{transform: rotate(45deg);    filter: invert(50%) brightness(300%) !important;}
.project-activities-block .row .col-md-4 a:hover .boximg img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.project-activities-block .bar{padding: 0 30px; display: inline-block; border-radius: 40px;border: 1px solid #D3D7E0;}
.project-activities-block .bar a{display: inline-block; padding: 20px 0; margin: 0 20px;}
.project-activities-block .bar a.active{color: #0B3C98;border-bottom: 4px solid #0B3C98;}
.project-activities-block .plasticity{display: flex;align-items: flex-start; justify-content: space-between;border-top: 1px solid #D4D9D2;}
.project-activities-block .plasticity em.cate{margin-top: 60px; display: inline-block;border-radius: 7px;background: #0B3C98;color: #fff;padding: 10px 20px;font-style: normal;}
.project-activities-block .plasticity .conbox{border-left: 1px solid #D4D9D2;width: calc(100% - 350px);box-sizing: border-box;padding-left: 50px;padding-top: 60px;}
.project-activities-block .plasticity .conbox .greenlightback{background: #F2F6F7;padding: 50px;}
.project-activities-block .plasticity .conbox .greenlightback dl dd{margin-top: 30px;position: relative;padding-left: 60px;}
.project-activities-block .plasticity .conbox .greenlightback dl dd img{margin-right: 20px;position: absolute;left: 0;top: 0;}
.project-activities-block .plasticity .conbox .urla a{display: inline-block;background: #D1FC96;padding: 15px 30px;margin-top: 20px;}
.project-activities-block .plasticity .conbox .urla a img{margin-left: 15px;}
.project-activities-block .plasticity .conbox .pic{position: relative;}
.project-activities-block .plasticity .conbox .pic .urla{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.project-activities-block .plasticity .conbox .txt p:nth-last-child(1){margin-bottom: 0;}
.project-activities-block .plasticity .conbox .walkbox ul li{color: #4D4D4D; position: relative;padding-left: 30px;margin-top: 30px;}
.project-activities-block .plasticity .conbox .walkbox ul li::before{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #D4D9D2;
    position: absolute;
    left: 0;
    top: 15px;
}
.project-activities-block .plasticity .conbox .walkbox ul li h3{font-size: 36px;color: #000;margin-bottom: 10px;}
.project-activities-block .articles{overflow: hidden;position: relative;padding-bottom: 100px;}
.project-activities-block .articles .swiper-slide .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 70.55%;
    position: relative;
    border-radius: 10px;
}
.project-activities-block .articles .swiper-slide .boximg img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.project-activities-block .articles .swiper-slide .con{padding: 20px 30px;}
.project-activities-block .articles .swiper-slide .con h3{margin-bottom: 50px;}
.project-activities-block .articles .swiper-slide .con em{font-style: normal; display: inline-block;background: #0B3C98;border-radius: 6px;padding: 10px 20px;color: #fff;}
.project-activities-block .articles .swiper-slide .con span{
    margin-left: 10px;
    padding: 10px 20px;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
    border-radius: 6px;
}
.project-activities-block .articles .swiper-slide .con span img{
    margin-left: 10px;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.project-activities-block .articles .swiper-slide a:hover .con span{background: #6F621D;color: #fff;}
.project-activities-block .articles .swiper-slide a:hover .con span img{transform: rotate(45deg);    filter: invert(50%) brightness(300%) !important;}
.project-activities-block .articles .arrow{position: relative;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.project-activities-block .articles .arrow .arrow-pagination{width: calc(100% - 200px);position: relative;}
.project-activities-block .articles .arrow .swiper-btn{width: 160px;position: relative;}
.project-activities-block .articles .arrow .swiper-btn .swiper-button-next,.project-activities-block .articles .arrow .swiper-btn .swiper-button-prev{background: #F2F6F7;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #0B3C98;}
.swiper-pagination-progressbar{top: 10px !important;height: 2px !important;}
.project-activities-block .Programme{border-top: 1px solid #D4D9D2;display: flex;justify-content: space-between;align-items: flex-start;}
.project-activities-block .Programme .pic{width: 347px;padding-top: 50px;}
.project-activities-block .Programme .txtcon{padding-top: 50px; width: calc(100% - 380px);border-left: 1px solid #D4D9D2;box-sizing: border-box;padding-left: 50px;}
.project-activities-block .Programme .txtcon.border-none{border: none;}
.project-activities-block .Programme .txtcon.border-none .txt.ul-color ul li{color: #4D4D4D;margin-bottom: 10px;}
.project-activities-block .Programme .txtcon .tag{font-style: normal; display: inline-block;border-radius: 7px;background: #0B3C98;color: #fff;padding: 10px 20px;}
.project-activities-block .Programme .txtcon .garyback{background: #F2F6F7;display: flex;justify-content: space-between;}
.project-activities-block .Programme .txtcon .garyback .left{width: calc(100% - 487px);box-sizing: border-box;padding: 40px;}
.project-activities-block .Programme .txtcon .garyback .left ol{background: rgba(0, 0, 0, 0.05);padding: 20px;margin: 20px 0px;}
.project-activities-block .Programme .txtcon .garyback .left ol li{margin-left: 20px; list-style: decimal;}
.project-activities-block .Programme .txtcon .garyback .right{width: 487px;}
.project-activities-block .Programme .txtcon .garyback .right img{width: 100%;height: 100%;object-fit: cover;}
.project-activities-block .linksbox{background: #F2F6F7;padding: 50px;margin-top: 100px;}
.project-activities-block .linksbox dl {display: flex;justify-content: center;align-items: center;}
.project-activities-block .linksbox dl dd{display: flex;align-items: center;justify-content: center;margin: 20px 0px;}
.project-activities-block .linksbox dl dd .icos{width: 84px;height: 84px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.project-activities-block .linksbox dl dd p{margin-left: 20px;}
.project-activities-block .linksbox dl dd p span{display: block;}
.project-activities-block .linksbox dl dd:nth-child(1){border-right: 1px solid #E3EAEC;box-sizing: border-box;padding-right: 50px;margin-right: 50px;}
.project-activities-block .Programme .txtcon .felist .items{padding: 40px 0; display: flex;justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.project-activities-block .Programme .txtcon .felist .items .icos{width: 110px;}
.project-activities-block .Programme .txtcon .felist .items .con{width: calc(100% - 110px);}
.project-activities-block .Programme .txtcon .felist .items .con p{margin-top: 20px;}
.project-activities-block .Programme .txtcon .felist .items:nth-last-child(1){border: none;}
.project-activities-block .Programme .txtcon .txt ul li{list-style: disc;color: #4D4D4D;margin-left: 20px;}
.project-activities-block .clentslist a img{display: block;margin: 0 auto;}
.project-activities-block .clentslist a .icos{height: 134px;display: flex;align-items: center;justify-content: center;}
.project-activities-block .clentslist a p{text-decoration: underline;}
.project-activities-block .twoitems ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.project-activities-block .twoitems ul li{width: 49.5%;background: #F2F6F7;padding: 12px;margin-bottom: 15px;}
.urla a{display: inline-block;background: #D1FC96;padding: 15px 30px;margin-top: 20px;}
.urla a img{margin-left: 15px;transition: all 0.5s ease 0s ;}
.urla a:hover img{transform: rotate(45deg);}
.urla a:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.project-activities-block .bluelightback{background: #F2F6F7;border-radius: 20px;padding: 40px;}
.project-activities-block .bluelightback h4{margin: 30px 0px;color: #313131; font-weight: bold;font-size: 36px;    font-family: 'Figtree-Bold';}
.project-activities-block .bluelightback p{margin-bottom: 20px;}
.project-activities-block .bluelightback p:nth-last-child(1){margin-bottom: 0;}
.project-activities-block .newsbox .box{border-top: 1px solid #EBEBEB;padding-top: 30px;margin-top: 40px;}
.project-activities-block .newsbox .box:nth-last-child(1){border-bottom: 1px solid #EBEBEB;padding-bottom: 40px;}
.project-activities-block .newsbox .box .tag{display: flex;flex-wrap: wrap;}
.project-activities-block .newsbox .box .tag em{display: inline-block;background: #0B3C98;border-radius: 30px;margin-right: 10px;margin-bottom: 10px; color: #fff;font-style: normal;padding: 10px 20px;}
.project-activities-block .newsbox .box .tag em.greenlight{background: #92D050;}
.project-activities-block .newsbox .box .boxs{width: 78%;}
.project-activities-block .newsbox .box .boxs .date{font-style: normal;color: #ACB0B9;display: flex;align-items: center;}
.project-activities-block .newsbox .box .boxs .date img{margin-right: 15px;}
.project-activities-block .newsbox .box .boxs h2{color: #313131;margin: 20px 0px;}
.project-activities-block .newsbox .box .boxs .desinfo{color: #4D4D4D;}
.project-activities-block .newsbox .box .col-md-6{position: relative;}
.project-activities-block .newsbox .box .col-md-6 a{position: absolute;right: 0;top: 0;display: inline-block;width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #D1FC96;}
.project-activities-block .newsbox .box .col-md-6 a img{display: block;transition: all 0.5s ease 0s ;}
.project-activities-block .newsbox .box .col-md-6 a:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.project-activities-block .newsbox .box .col-md-6 a:hover img{transform: rotate(45deg);}
.green{color: #0B3C98;}

.project-activities-block .tabbar{display: flex;flex-wrap: wrap;}
.project-activities-block .tabbar a{display: inline-block;border-radius: 32px;background: #F1F1F1;padding: 17px 30px;margin-right: 20px;margin-bottom: 20px;}
.project-activities-block .tabbar a.active{background: #0B3C98;color: #fff;}
.project-activities-block .a-logobox .imgs{display: block;margin-right: 50px;margin-bottom: 50px;}
.project-activities-block .Storypart{position: relative;overflow: hidden;margin-top: 80px;padding-top: 80px;}
.project-activities-block .Storypart::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 67%;
    background: #0B3C98;
}
.project-activities-block .Storypart .container{position: relative;z-index: 99;}
.project-activities-block .Storypart .switab h3{cursor: pointer; background: #FFFFFF;border-radius: 60px;text-align: center;padding: 10px;}
.project-activities-block .Storypart .switab .swiper-wrapper{flex-wrap: wrap;}
.project-activities-block .Storypart .switab .swiper-slide{margin-top: 10px;cursor: pointer;}
.project-activities-block .Storypart .switab .swiper-slide-thumb-active h3{background: #D1FC96;} 
.project-activities-block .Storypart .swiimg .swiper-slide{margin-top: 70px;margin-bottom: 50px; border: 6px solid #FFFFFF;background: #0B3C98;transition: 300ms;}
.project-activities-block .Storypart .swiimg .swiper-slide .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 60.55%;
    position: relative;
}
.project-activities-block .Storypart .swiimg .swiper-slide .boximg img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.project-activities-block .Storypart .swiimg .swiper-slide h4{color: #fff;padding: 20px 10px;}
.project-activities-block .Storypart .swiimg .swiper-slide-active{
    transform: scale(1.2);
    background: none;
}
.project-activities-block .Storypart .swiimg .swiper-slide-active h4{color: #6F621D;font-size: 40px;}
.project-activities-block .Storypart .swiimg .swiper-slide-active .boximg{
    padding-bottom: 72.55%;
}
.project-activities-block .Storypart .swiimg .swiper-button-next{right: 29.5%;}
.project-activities-block .Storypart .swiimg .swiper-button-prev{left: 29.5%;}



.project-activities-block .Howtopart{background: #D1FC96;padding: 80px 0px;}
.project-activities-block .Howtopart .garyback{border-radius: 40px;background: #F0F4F4;box-sizing: border-box;padding: 80px 50px;}
.project-activities-block .Howtopart .garyback .col-md-2{width: 20%;position: relative;}
.project-activities-block .Howtopart .garyback .col-md-2 .imgs{width: 208px;height: 208px;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.project-activities-block .Howtopart .garyback .col-md-2 h4{color: #4D4D4D;}
.project-activities-block .Howtopart .garyback .col-md-2::after{
    content: "\f0da";
    font-family: 'FontAwesome';
    color: #6F621D;
    position: absolute;
    right: 0;
    top: 20%;
    font-size: 30px;
}
.project-activities-block .Howtopart .garyback .col-md-2:nth-last-child(1)::after{display: none;}
.project-activities-block .hkpart{background: #F0F4F4;padding: 150px 100px;}
.project-activities-block .hkpart .txt{color: #4D4D4D;}
.project-activities-block .nativepart{position: relative;overflow: hidden;background: #D1FC96;padding: 80px 0px;}
.project-activities-block .nativepart .row .col-md-3 .boxcontent{border: 5px solid #fff;position: relative;background: #0B3C98;height: 100%;}
.project-activities-block .nativepart .row .box{position: relative;}
.project-activities-block .nativepart .row .box .imgs{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 60.05%;
    position: relative;
}
.project-activities-block .nativepart .row .box .imgs img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.project-activities-block .nativepart .row .box h4{color: #fff;padding: 16px;}
.project-activities-block .nativepart .row .hover{opacity: 0; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);color: #fff;box-sizing: border-box;padding: 30px;}
.project-activities-block .nativepart .row .hover ul li{position: relative;padding-left: 20px;margin-top: 25px;}
.project-activities-block .nativepart .row .hover ul li::before{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 10px;
}
.project-activities-block .nativepart .row .hover ul li h5{margin-bottom: 15px;}
.project-activities-block .nativepart .row .hover a{display: inline-block;background: #D1FC96;padding: 10px 20px;margin-top: 20px;}
.project-activities-block .nativepart .row .hover a img{margin-left: 20px;}
.project-activities-block .nativepart .row .col-md-3:hover .hover{opacity: 1;}
.project-activities-block .nativepart .load img{display: block;margin: 0 auto;}
.project-activities-block .nativepart .load a{display: block;background: #6F621D;color: #fff;padding: 10px 20px;max-width: 176px;margin: 0 auto;text-align: center;}
.white{color: #fff;}
.project-activities-block .videoepart{position: relative;overflow: hidden;background: #0B3C98;margin-top: 60px;padding: 80px 0px;}
.project-activities-block .videoepart .col-md-4 .boxcontent{position: relative;height: 100%;border: 5px solid #0CC352;background: #D1FC96;}
.project-activities-block .videoepart .col-md-4 .boxcontent .box{position: relative;}
.project-activities-block .videoepart .col-md-4 .boxcontent .box .imgs{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 57.05%;
    position: relative;
}
.project-activities-block .videoepart .col-md-4 .boxcontent .box .imgs::after{
    content: '';
    display: block;
    width: 74px;
    height: 74px;
    background: url(../images/small-logo.png) no-repeat top center;
    position: absolute;
    right: 30px;
    top: 30px;
}
.project-activities-block .videoepart .col-md-4 .boxcontent .box .imgs img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.project-activities-block .videoepart .col-md-4 .boxcontent .box .imgs::before{
     content: '';
     display: block;
     width: 76px;
     height: 75px;
     background: url(../images/play.png) no-repeat top center;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     z-index: 99;
}
.assistant{
    position: fixed;
    z-index: 99;
    right: 15px;
    bottom: 20%;
    .assis-text{
        width: 149px;
        height: 127px;
        border-radius: 10px;
        background-image: linear-gradient(to bottom right, #2761D5 , #96A3D6);
        p{
            color: #fff;
            padding: 1rem;
            padding-bottom: 0;
        }
        .imgs{
            display: flex;
            align-items: center;
            margin-top: 0.5rem;
            a{
                display: flex;
                align-items: center;
                justify-content: center;
                width: 33px;
                height: 33px;
                background: #fff;
                border-radius: 50%;
                margin-left: 2rem;
                transition: all;
                &::after{
                    content: '';
                    display: block;
                    width: 13px;
                    height: 13px;
                    background: url(../images/plus.svg) no-repeat top center;
                    background-size: cover;
                }
            }
        }

    }
    .assis-hover{
        width: 336px;
        border-radius: 10px;
        background: #FFFFFF;
        position: relative;
        overflow: hidden;
        position: absolute;
        right: 0;
        bottom: 0;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        display: none;
        &.show{
            display: block;
        }
        .assis-head{
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-image: linear-gradient(to right, #2761D5 , #96A3D6);
            padding: 0.5rem;
            padding-bottom: 0;
            span{
                color: #fff;
                img{
                    width: 56px;
                }
            }
            .close{
                display: flex;
                align-items: center;
                justify-content: center;
                width: 33px;
                height: 33px;
                background: #fff;
                border-radius: 50%;
                margin-left: 2rem;
                transition: all;
                cursor: pointer;
                margin-top: -0.5rem;
                &::after{
                    content: '';
                    display: block;
                    width: 13px;
                    height: 2px;
                    background: url(../images/minus.svg) no-repeat top center;
                    background-size: cover;
                }

            }

        }
        .assisbox{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 1.5rem;
            .box{
                width: 50%;
                border-bottom: 1px solid #EBEBEB;
                padding: 0.5rem 0.5rem;
                border-right: 1px solid #EBEBEB;
                &:hover{
                    a{
                        .icos{
                            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
                        }
                    }
                }
                &:nth-last-child(1){
                    border-bottom: none;
                }
                &:nth-last-child(2){
                    border-bottom: none;
                }
                &:nth-child(even){
                    border-right: none;
                }
                a{
                    display: block;
                    .icos{
                        width: 64px;
                        height: 64px;
                        border-radius: 50%;
                        background: #E8FAFF;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin: 0.5rem auto;
                    }
                }
            }
        }
    }
}



@media(max-width:1800px) {

    
}


@media(max-width:1680px) {
    .activeBox{max-width: 90%;}
    footer .foottop form .form-group{width: 300px;}
    .radiolist .radiobox-inline{width: 15%;}

}
@media(max-width:1600px) {
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 180px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-180px);}
}
@media(max-width:1540px) {
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 174px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-174px);}
}
@media(max-width:1480px) {
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 167px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-167px);}
    .stoy-block .Milestone .row .col-md-12::before{width: 127px;top: -90px;}
    .stoy-block .Milestone .row .col-md-12::after{width: 127px;}
    .stoy-block .Milestone .row .col-md-12:nth-child(even)::before{width: 127px;top: -90px;}
    header .left{width: 459px;}
}
@media(max-width:1440px) {
    .bant{left: 10%;width: 80%;}
    .activeBox{max-width: 96%;}
    footer .foottop form .form-group{width: 240px;}
    footer .foottop form button{padding: 12px 16px;}
    .project-activities-block .Programme .txtcon .garyback{flex-wrap: wrap;}
    .project-activities-block .Programme .txtcon .garyback .left{width: 100%;}
    .project-activities-block .Programme .txtcon .garyback .right{width: 100%;}
    .page-banner .inner{flex-direction: row;}
    .page-banner .inner .page-banner-text{margin-top: 40px;}
    .page-banner .inner h1{margin-top: 30px;}
    .project-activities-block .Howtopart .garyback .col-md-2 .imgs{width: 188px; height: 188px;}
    .project-activities-block .events-detail dl dd .sp2 .wid100 .row .col-md-6{width: 100%;margin-bottom: 30px;}
  
}
@media(max-width:1366px) {
    .bant{width: 80%;left: 10%;bottom: 10%;}
    .pup .pupcontent{padding: 100px;}
    .pup .pupcontent .close{right: 100px;}
    .page-banner{height: 600px;}
    .page-banner .boximg{height: 100%;}
    .page-banner .boximg img{width: 100%;height: 100%;object-fit: cover;}
    .project-activities-block .Storypart .swiimg .swiper-button-next{right: 21%;}
    .project-activities-block .Storypart .swiimg .swiper-button-prev{left: 21%;}
    .project-activities-block .Howtopart .garyback .col-md-2 .imgs{width: 168px; height: 168px;box-sizing: border-box;padding: 20px;}
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 157px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-157px);}
    .about-sec .mbleft .row .actiem p{width: 100%;}
    header .left{width: 389px;}
    header .right .nav-outer .nav-box ul li a{padding: 0 10px;}
    .banbox::before{left: -412px;bottom: -333px;}
    .ban-item::before{left: -412px;bottom: -333px;}
    .events-block::before{left: -408px;bottom: -333px;}
   
}
@media(max-width:1280px) {
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 150px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-150px);}
    .stoy-block .Milestone .row .col-md-12::before{width: 117px;top: -90px;}
    .stoy-block .Milestone .row .col-md-12::after{width: 117px;}
    .stoy-block .Milestone .row .col-md-12:nth-child(even)::before{width: 117px;top: -90px;}
    header .right .nav-outer .nav-box ul li a{padding: 0 5px;}
    header .left{width: 359px;}
    .about-block .therebox .row .col-md-4{width: 50%;}
}


@media(max-width:1200px) {
    header .left{border: none;}
    .nav-item{position: relative !important;}
    .mobile-menu .navigation li>ul>li{padding: 0rem;margin: 0; box-sizing: border-box;}
    .mobile-menu .navigation li>ul>li>a{padding: 0.8rem 0.5rem;display: block;width: 100%;text-align: center;}
    .mobile-menu .navigation li>ul{border: none;}
    .mobile-menu .navigation li>ul>li>ul{}
    .mobile-menu .navigation li>ul>li>ul>li>a img{margin-right: 10px;}
    .icon-box{display: block !important;}
    .icon-box .btn {
        margin-right: 1rem;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        height: 25px;
        width: 30px;
        cursor: pointer;
        z-index: 99;
    }
    .icon-box .btn span {
        position: absolute;
        webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        display: block;
        height: 3px;
        width: 100%;
        background: #555;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .icon-box .btn span:first-child {
        top: 0;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .icon-box .btn span:nth-child(2) {
        top: 9px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .icon-box .btn span:last-child {
        top: 18px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    header .right{display: none;}
    header .d-flex{align-items: center;}
    .banbox .swiper-slide{height: 700px;}
    .banbox .bani{height: 100%;}
    .banbox .bani img{width: 100%;height: 100%;object-fit: cover;}

    .stoy-block .greenback h4 br{display: none;}
    .pup .pupcontent{padding: 50px;}
    .pup .pupcontent .close{right: 50px;}
    .pup .pupcontent .txt{height: 200px;}
    .pup .pupcontent .close{width: 60px;height: 60px;right: 20px;top: 20px;}
    .pup .pupcontent .close::before{left: 20px;top: 30px;}
    .pup .pupcontent .close::after{left: 20px;top: 30px;}
    .project-activities-block .Howtopart .garyback .col-md-2 .imgs{width: 138px; height: 138px;}
    .project-activities-block .Howtopart .garyback .col-md-2::after{top: 15%;}
    .project-activities-block .participatepart .garyback .items{flex-wrap: wrap;}
    .project-activities-block .participatepart .garyback .items .left{width: 100%;margin-bottom: 20px;}
    .project-activities-block .newsbox .box .col-sm-12{width: 100%;}
    .project-activities-block .newsbox .box .col-sm-12>img{width: 100%;margin: 20px auto;}
    .project-activities-block .newsbox .box .col-md-6 a{top: 50px;}
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 140px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-140px);}

    
    
}
@media(max-width:1024px) {
    .page-banner .inner .page-banner-text{flex-wrap: wrap;}
    .page-banner .inner .page-banner-text .txt{width: 100%;}
    .page-banner .inner .page-banner-text .bread{width: 100%;}
   
    .navbar .container{flex-wrap: wrap;}
    .navbar .container h2{width: 100%;padding: 20px 0px;}
    .navbar .container ul{width: 100%;border-left: none;border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .home-contents-box.home-contents-box--company {margin-bottom: 150px !important;}

    .about-block .row .col-md-7 .txt{padding-left: 0;}
    .page-banner{height: 400px;}
    .events-block .row .col-xl-3{margin-bottom: 1.5rem;width: 50%;}
   
    
}
@media(max-width:820px) {
    .programmeb-block .row .col-xl-4{width: 50%;}
    .about-sec .mbleft .row .col-xl-4{width: 50%;}
    .about-sec .mbleft{padding-left: 0;}
    .banbox::before{}
    .ban-item::before{}
    .events-block::before{}
    .objectives-block .row .col-md-2{width: 33.333%;}
    .about-block .numberbox .col-md-2{width: 33.333%;}
    .about-block .therebox .row .col-md-4{width: 100%;}
    .about-block .features .items{flex-direction: column-reverse !important;}
    .about-block .features .items .txtbox{width: 100%;}
    .about-block .features .items .imgs{width: 100%;}


}
@media(max-width:768px) {
    .stoy-block .report .garyback{flex-wrap: wrap;}
    .stoy-block .report .garyback .conbox{width: 100%;}
    .stoy-block .address dl{width: 100%;}
    .project-activities-block .tagtreepart .articles .swiper-button-prev{left: -10px;}
    .project-activities-block .tagtreepart .articles .swiper-button-next{right: -10px;}
    .Support-Us-block .stepbox .steps{justify-content: space-between;}
    .Support-Us-block .stepbox .steps li::after{left: 40%;}
    .stoy-block .Milestone .boxcon{width: 100%;}
    .stoy-block .Milestone .row .col-md-12 .date{margin-bottom: 20px; width: 100%;color: #0B3C98 !important;text-align: left !important;transform: none !important;}
    .stoy-block .Milestone .row .col-md-12::before{display: none;}
    .stoy-block .Milestone .row .col-md-12::after{display: none;}
    .stoy-block .Milestone .row .col-md-12 h4::after{display: none;}
    .stoy-block .Milestone .row .col-md-12:nth-child(even)::before{display: none;}
    .stoy-block .Milestone .row::after{display: none;}
    .stoy-block .Milestone .boxcon{padding-bottom: 30px;}
    .imgboxs .inner{position: relative;width: 100%;margin: 2rem 0;}
    .imgboxs .inner .bluebox{max-width: 100%;}
    .imgboxs{padding-top: 0;}

}
@media(max-width:767px) {
    .banbox .swiper-slide{height: 500px;}
    .events-block .row .col-xl-3{width: 50%;}
    .events-block .row .col-xl-3 .actiem{border: none;padding-right: 0;margin-right: 0;}
    .events-block .row .col-xl-3:nth-last-child(1){width: 100%;margin-top: 1.5rem !important;}
  
    .banbox .arrow{padding-right: 10px;}
    .bant{left: 15px;}
    .bantt>p{width: 80%;}
    .header-box{margin-bottom: 1.5rem !important;}
    .about-sec .mbleft{padding-top: 1rem;}
    footer .links{justify-content: flex-start;margin-top: 0 !important;}
    footer .address .items img{top: 0px;}
    footer .copyright{display: block !important;text-align: center;}
    footer .lefts{width: 100%;justify-content: center;margin-bottom: 1rem;}
    .home-contents-box.home-contents-box--company{width: 100% !important;margin-left: 0 !important; box-sizing: border-box;padding: 10px;margin-bottom: 80px !important;}
    .home-company .arrow{margin-top: 20px;}
    .home-company::after{width: 145vw !important;}
    .programmeb-block{padding-bottom: 0;padding-top: 30px;}
    footer .logobox .items{width: 50%;padding-right: 0;}
    .objectives-block .row .col-md-2{width: 50%;}
    .about-block .row .col-md-7 .txt{margin-top: 2rem;}
    .page-banner{height: 300px;}
    .navbar .container .nava a{margin: 0 10px;padding: 20px 0px;}
    .events-news-block .bar{flex-wrap: wrap;}
    .events-news-block .bar .search-form .form-group{flex-wrap: wrap;width: 100%;}
    .events-news-block .bar .search-form .form-group .inp{width: 100%;}
    .search-form .form-group .select-menu-div{width: 100%;}
    .events-news-block .bar .search-form{flex-wrap: wrap;}
    .events-news-block .bar .search-form #Search{width: 100%;}
    .events-news-block .bar .search-form .form-group .inp{margin-right: 0;margin-bottom: 10px;}
    .about-block .numberbox .col-md-2{width: 50%;}
    .about-block .numberbox .col-md-2 .numberb{padding: 1.5rem;}
    .about-block .leftmenu::after{display: none;}
    .about-block .leftmenu{margin-right: 0;padding-right: 0;}
    .about-block .curriculum ul li{width: 100%;}
    .events-news-block .notice .row{flex-direction: column-reverse;}
    .imgboxs{margin-bottom: 50px;}
    .imgboxs>img{width: 100%;height: 200px;object-fit: cover;}
    .events-news-block{padding-bottom: 50px;}
    .events-news-block .article{width: 100%;}

    
}