@font-face {
    font-family: 'Playfair Display';
    src: url("fonts/Fontspring-DEMO-juana-regularit.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSans-Light';
    src: url("fonts/IBMPlexSans-Light.ttf");
    font-weight: normal;
    font-style: normal;
}
form .form-group .select-menu {
    cursor: pointer;
    position: relative;
    width: 100%;
  }
  
  form .form-group .select-menu-ul {
    margin-top: 50px;
    list-style: none;
    opacity: 0;
    display: none;
    width: 100%;
    text-align: left;
    position: absolute;
    z-index: 1;
    background: #fff;
    padding-left: 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  
  form .form-group .select-menu-ul li {
    padding: 10px 10px;
    margin-bottom: 0;
    border-radius: 0;
    color: #666666;
  }
  
  form .form-group .select-menu-ul li::before {
    display: none !important;
  }
  
  form .form-group .select-menu-div {
    width: 100%;
    position: relative;
    padding: 0.3rem 0.5rem;
    border: none;
    border-radius: 30px;
    height: 100%;
  }
  
  form .form-group .select-menu-div i {
    margin-right: 5px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
  }
  form .form-group .select-menu-div i::after{
    content: '';
    display: inline-block;
    width: 13px;
    height: 8px;
    background: url(../static/images/d.svg) no-repeat top center;
    background-size: cover;
  }
  form .form-group .select-this {
    background: #2DBFF6;
    color: #fff !important;
  }
  
  form .form-group .select-menu-input {
    border: 0;
    cursor: pointer;
    user-select: none;
    width: 100%;
    outline: none;
    background: none;
    color: #666666;
    padding: 0;
    height: 100%;
  }
  
  form .form-group .select-menu-i {
    transform: rotate(180deg) translateY(50%);
  }
.bold{font-family: 'IBMPlexSans-Bold';}
.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-right: calc(-.5* var(--bs-gutter-x));margin-left: calc(-.5* var(--bs-gutter-x));}
.col-md-3{flex: 0 0 auto;width: 25%;padding-right: calc(var(--bs-gutter-x)* .5);padding-left: calc(var(--bs-gutter-x)* .5);}
.col-md-6{flex: 0 0 auto;width: 50%;padding-right: calc(var(--bs-gutter-x)* .5);padding-left: calc(var(--bs-gutter-x)* .5);}
.pageinfo ul{padding-left: 0;display: flex;justify-content: center;align-items: center;margin: 40px auto;padding-bottom: 60px;}
.pageinfo ul li a{margin: 0 10px; display: flex;align-items: center;font-size: 18px;color: #646464; justify-content: center;width: 46px;height: 46px;background: #F5F5F5;border-radius: 50%;}
.pageinfo ul li a.active,.pageinfo ul li a:hover{background: #2DBFF6;color: #fff;}
.pageinfo ul li a:hover::after{
    filter: invert(50%) brightness(300%);
}
.pageinfo ul li a.prev::after{
    content: '';
    display: block;
    width: 8px;
    height: 13px;
    background: url(../static/images/prev.svg) no-repeat top center;
    background-size: cover;
}
.pageinfo ul li a.next::after{
    content: '';
    display: block;
    width: 8px;
    height: 13px;
    background: url(../static/images/next.svg) no-repeat top center;
    background-size: cover;
}
.scroll-area-new{background-color: #fff !important;}
.scroll-area-new .scroll-content{ width: 100%;box-sizing: border-box;padding-left: 30px;padding-right: 0px;}
.sectionProject_news_new .h1-title{color: #37353B;font-size: 80px;text-transform: uppercase;padding-top: 30px;margin-bottom: 120px;}
.sectionProject_news_new::before{
    content: '';
    display: block;
    width: 1376px;
    height: 688px;
    position: absolute;
    right: -25%;
    top: -10%;
    background: url(../static/images/xt.png) no-repeat top center;
}
.peacemakers::before{
    right: 26%;
    top: 10%;
}
.transportation::before{
    right: 8%;
    top: 0%;
    transform: rotate(-19deg);
}
.contact::before{transform: rotate(-20deg);}
.sectionProject_news_new .bar {position: relative;z-index: 99;}
.sectionProject_news_new .bar form{background: #F1F1F1;border-radius: 31px;padding: 10px;display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;}
.sectionProject_news_new .bar form .form-group{display: flex;justify-content: space-between;background: #FFFFFF;border-radius: 20px;width: 411px;}
.sectionProject_news_new .bar form .form-group:nth-child(2){width: 276px;height: 44px;}
.sectionProject_news_new .bar form .form-group input{box-shadow: none;border: none;background: none;padding-left: 15px;outline: none;}
.sectionProject_news_new .bar form .form-group button{border: none;box-shadow: none;width: 44px;height: 44px;background: #2DBFF6;border-radius: 20px;display: flex;align-items: center;justify-content: center;}
.sectionProject_news_new .garyback{position: relative;z-index: 9;margin-top: 10px; background: #F8F8F8;border-radius: 20px;padding: 30px;}
.sectionProject_news_new .garyback .row{}
.sectionProject_news_new .garyback .row .col-md-3{margin-top: 10px;margin-bottom: 40px;}
.sectionProject_news_new .garyback .row .col-md-3 a{display: block;width: 100%;height: 100%;position: relative;box-sizing: border-box;padding-right: 30px;}
.sectionProject_news_new .garyback .row .col-md-3 a::after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #C9C9C9;
}
.sectionProject_news_new .garyback .row .col-md-3 a .tags{height: 120px;}
.sectionProject_news_new .garyback .row .col-md-3 a .tags em{ margin-bottom: 10px;margin-right: 10px; display: inline-block;float: left; border-radius: 20px;background: #2DBFF6;color: #fff;padding: 3px 20px;font-style: normal;}
.sectionProject_news_new .garyback .row .col-md-3 a .title{height: 40px; font-size: 18px;color: #000000;}
.sectionProject_news_new .garyback .row .col-md-3 a .title .highlight{color: red;}
.sectionProject_news_new .garyback .row .col-md-3 a .date{font-size: 18px;display: block;color: #24B0EB;margin-top: 20px;margin-bottom: 20px;}
.sectionProject_news_new .garyback .row .col-md-3 a .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 60.25%;
    position: relative;
    border-radius: 10px;
}
.sectionProject_news_new .garyback .row .col-md-3 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%;
    border-radius: 10px;
}
.sectionProject_news_new .garyback .row .col-md-3 a .desinfo{font-size: 14px;color: #949494;line-height: 1.4;margin-top: 20px;font-family: 'IBMPlexSans-Light';margin-bottom: 0;}
.sectionProject_news_new .garyback .row .col-md-3 a:hover .boximg img{transform: scale(1.1);}
.sectionProject_news_new .garyback .article{padding: 40px;}
.sectionProject_news_new .garyback .article.text-center{text-align: center;}
.sectionProject_news_new .garyback .article img{max-width: 100%; display: block;margin: 30px auto;}
.sectionProject_news_new .garyback .article p{margin-bottom: 20px;}
.sectionProject_news_new .garyback .article h4{color: #2DBFF6;}
.sectionProject_news_new .garyback .article b{display: block;font-weight: 500;color: #000;}
.sectionProject_news_new .garyback .article ul {padding-left: 15px;}
.sectionProject_news_new .garyback .article ul li{list-style: disc;color: #000;}

.sectionProject_news_new .garyback .whiteback{border-radius: 10px;background: #fff;padding: 30px;margin-top: 1.5rem;}
.sectionProject_news_new .garyback .h2-title{text-align: center;font-size: 30px;color: #000; font-family: "IBM Plex Sans", sans-serif;font-weight: normal;}
.sectionProject_news_new .garyback .whiteback .first{font-size: 18px;text-align: center;font-family: "IBM Plex Sans", sans-serif;font-weight: normal;}
.sectionProject_news_new .garyback .whiteback h4{color: #24B0EB;text-align: center;font-size: 18px;}
.sectionProject_news_new .garyback .whiteback .first .imgs{height: 80px; display: flex;align-items: center;justify-content: center; margin: 1rem auto 0 auto;}
.sectionProject_news_new .garyback .whiteback .first p{margin: 0 auto; margin-bottom: 0;margin-top: 2rem;width: 90%;font-size: 16px;font-family: "IBM Plex Sans", sans-serif;font-weight: 400;}
.sectionProject_news_new .garyback .whiteback .row .col-md-2{width: 20%;}
.sectionProject_news_new .garyback .whiteback .row .col-md-4{width: 33.333%;}
.sectionProject_news_new .garyback .whiteback .row .col-md-4 .greenText{color: #0F9713;font-size: 16px;margin-bottom: 20px;}

.sectionProject_news_new .head-top{position: relative; z-index: 2;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.sectionProject_news_new .head-top h1{width: 52%;padding-top: 0;}
#article .head-top h1{width: 100%;}
.sectionProject_news_new .head-top h1 span{
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-style: italic;
}
.sectionProject_news_new .img-cover{width: 45%;position: relative;}
.sectionProject_news_new .img-cover .skipContent{position: absolute;left: 0;bottom: 10px; width: 119px;height: 119px;background: #232323;}
.sectionProject_news_new .img-cover .skipContent #q-intro-scroll{width: 100%;height: 100%;margin-right: 0;}
.sectionProject_news_new .img-cover .skipContent #q-intro-scroll svg{transform: rotate(90deg);}
.sectionProject_news_new .img-cover img{width: 100%;}
.peacemakers .garyback .row .col-md-3 a .boximg{margin-top: 25px;}
.sectionProject_news_new .table-responsive{position: relative;z-index: 2; background: #F8F8F8;border-radius: 20px;padding: 20px;font-size: 18px;color: #000000;}
.sectionProject_news_new .table-responsive table{    
    border-collapse: separate;
    border-spacing: 0px 10px;
    table-layout: fixed;
    width: 100%;
}
.sectionProject_news_new .table-responsive table thead tr th{color: #2ABAF2;text-align: left;font-weight: 400;padding-right: 30px;}
.sectionProject_news_new .table-responsive table tbody tr{
    background: url(../static/images/tbg.png) no-repeat top center;
    background-size: 100% 100%;
    border-radius: 10px;
}
.sectionProject_news_new .table-responsive table tbody tr td{padding: 15px 30px 15px 0;}
.sectionProject_news_new .table-responsive table tbody tr td:nth-child(1){padding-left: 30px;}
.sectionProject_news_new .table-responsive table tbody tr td ul{padding-left: 15px;}
.sectionProject_news_new .table-responsive table tbody tr td ul li{list-style: disc;margin-top: 5px;margin-bottom: 5px;}
.sectionProject_news_new .table-responsive table tbody tr td ul li::marker{color: #B4B4B4;}
.sectionProject_news_new .tips{padding-left: 20px;margin-top: 30px;padding-bottom: 80px;}
.sectionProject_news_new .tips p{margin-bottom: 0;font-weight: 500;}
.sectionProject_news_new .tips ol{padding-left: 1rem;}
.sectionProject_news_new .tips ol li{color: #000000;list-style: decimal;}
.sectionProject_news_new .txtbar{position: relative;z-index: 2; background: #F8F8F8;border-radius: 20px;padding: 25px;display: flex;align-items: center;justify-content: space-between;margin: 30px auto;}
.sectionProject_news_new .txtbar h3{color: #000000;font-size: 24px;font-family: "IBM Plex Sans", sans-serif;font-weight: 400;}
.sectionProject_news_new .txtbar p{margin-bottom: 0;}
.sectionProject_news_new .txtbar .left{width: max-content;}
.sectionProject_news_new .txtbar .aurl{font-size: 24px; display: flex;align-items: center; border-radius: 10px;background: #2ABAF2;padding: 25px;}
.sectionProject_news_new .txtbar .aurl img{margin-right: 15px;}
.sectionProject_news_new .txtbar .aurl:hover{background: #15566F;}
.sectionProject_news_new .txtbar .logo{width: 400px; border-right: 1px solid rgba(112,112,112,0.14);}
.sectionProject_news_new .txtbar .logo img{display: block;margin: 0 auto;}
.sectionProject_news_new .txtbar .con{width: calc(100% - 450px);}
.sectionProject_news_new .txtbar .con p{font-family: 'IBMPlexSans-Light';margin-bottom: 20px;line-height: 1.2;font-size: 16px;}
.sectionProject_news_new .txtbar .con p:nth-last-child(1){margin-bottom: 0;}
.sectionProject_news_new .map{position: relative;z-index: 2;padding-bottom: 50px;}
.sectionProject_news_new .map img{width: 100%;}
.sectionProject_news_new .address dl{display: flex;width: 60%;justify-content: space-between;flex-wrap: wrap;}
.sectionProject_news_new .address dl dd{width: 50%;color: #000000;margin-bottom: 20px; font-size: 18px;display: flex;align-items: baseline;justify-content: space-between;}
.sectionProject_news_new .address dl dd .icos{display: flex;align-items: center;justify-content: center; width: 36px;height: 36px;background: #303030;border-radius: 50%;}
.sectionProject_news_new .address dl dd span{width: calc(100% - 50px);}
.sectionProject_news_new .social{display: flex;align-items: center; border-radius: 26px;background: #F8F8F8;padding: 20px 15px;width: max-content;margin-bottom: 30px;}
.sectionProject_news_new .social a{padding: 0 20px;border-right: 1px solid #E6E6E6;display: flex;align-items: center;}
.sectionProject_news_new .social a img{transition: all;}
.sectionProject_news_new .social a:hover img{transform: scale(1.1);}
.sectionProject_news_new .social a:nth-last-child(1){border: none;}
.sectionProject_news_new .fourtxt{display: flex;justify-content: space-between;flex-wrap: wrap;background: #fff;position: relative;z-index: 2;}
.sectionProject_news_new .fourtxt .items{width: 25%;box-sizing: border-box;padding-right: 80px;position: relative;}
.sectionProject_news_new .fourtxt .items::after{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #707070;
    position: absolute;
    right: 40px;
    top: 0;
    transform: rotate(20deg);

}
.sectionProject_news_new .fourtxt .items:nth-last-child(1){padding-right: 0;}
.sectionProject_news_new .fourtxt .items:nth-last-child(1)::after{display: none;}
.sectionProject_news_new .fourtxt .items .icos{height: 100px;display: flex;align-items: center;}
.sectionProject_news_new .fourtxt .items p{font-size: 18px;margin-top: 15px;line-height: 1.4;    font-family: "IBM Plex Sans", sans-serif;font-weight: 400;}
.sectionProject_news_new .teambox{position: relative;padding-bottom: 80px;}
.sectionProject_news_new .teambox::before{
    content: '';
    display: block;
    width: 80%;
    height: 2px;
    background: rgba(203,203,203,0.54);
    margin: 30px auto;

}
.sectionProject_news_new .teambox h2{font-size: 69px;color: #37353B;margin-top: 40px;text-transform: uppercase;}
.sectionProject_news_new .teambox h2 span{font-family: "Playfair Display", serif;font-weight: 400;font-style: italic;}
.sectionProject_news_new .teambox .col-md-3{margin-top: 1.5rem;}
.sectionProject_news_new .teambox .col-md-6{margin-top: 1.5rem;}
.sectionProject_news_new .teambox .box{background: #F8F8F8;border-radius: 20px;padding: 30px;height: 100%;color: #2B2B2B;}
.sectionProject_news_new .teambox .box em{font-style: normal;color: #02A4EF;font-size: 18px;font-family: "IBM Plex Sans", sans-serif;font-weight: 400;}
.sectionProject_news_new .teambox .box ul{padding-left: 0.8rem;}
.sectionProject_news_new .teambox .box ul li{font-size: 14px;color: #2B2B2B;list-style: disc;font-family: "IBM Plex Sans", sans-serif;font-weight: 400;}
.sectionProject_news_new .teambox .box ul li::marker{color: #999;width: 8px;height: 8px;}
.sectionProject_news_new .teambox .box h3{font-size: 24px;color: #000000;font-weight: 400;margin: 15px 0  45px 0;font-family: "IBM Plex Sans", sans-serif;font-weight: 400;}
.sectionProject_news_new .teambox .col-md-6 .box{display: flex;align-items: center;justify-content: space-between;}
.sectionProject_news_new .teambox .col-md-6 .box .left{width: calc(100% - 150px);}
.sectionProject_news_new .teambox .col-md-6 .box .left h3{margin: 15px 0px;font-size: 30px;}
.sectionProject_news_new .teambox .col-md-6 .box .imgs{width: 133px;}
.transportation .table-responsive table thead tr th:nth-child(1){font-size: 24px;color: #000000;font-weight: 400;}
.transportation .table-responsive table tbody tr td:nth-child(1){font-weight: 400;}
.introContent{display: flex;justify-content: space-between;flex-wrap: wrap;}
.introContent-imgs{ position: relative;z-index: 2;width: 486px;height: 100%;margin-left: 200px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.introContent-imgs .bluebg{width: 100%; height: 163px; font-size: 36px; border-radius: 50px;background: #CDEAF9;padding: 1.5rem 2.5rem;color: #000000;line-height: 1.3; position: relative;margin: 0.5rem auto 0.8rem auto;font-family: "IBM Plex Sans", sans-serif;}
.introContent-imgs .bluebg img{margin-bottom: -5px;}
.introContent-imgs .imgs{height: 40%;width: 100%;}
.introContent-imgs .imgs img{height: 100%;object-fit: cover;width: 100%;border-radius: 30px;}
.program-tags {
    width: 100%;
    padding: 40px 0 10px 0;
    height: 400px;
 
}

.tags-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.tags-left, .tags-center, .tags-right {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    position: absolute;
}

/* 左侧标签组样式 */
.tags-left {
    width: 30%;
    align-items: flex-start;
}

.tags-left .index-tag:nth-child(1) { transform: rotate(-8deg);left: 30px;  }
.tags-left .index-tag:nth-child(2) { transform: rotate(30deg); top: 185px;left: -20px; }
.tags-left .index-tag:nth-child(3) { transform: rotate(1deg); top: 180px;left: 280px; }
.tags-left .index-tag:nth-child(4) { transform: rotate(6deg); top: 102px;left: 415px;}
.tags-left .index-tag:nth-child(5) { transform: rotate(-6deg);top: 270px;left: 300px;}

/* 中间标签组样式 */
.tags-center {
    width: 30%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    left: 630px;
}

.tags-center .index-tag:nth-child(1) { transform: rotate(-54deg);top: 180px;left: 15px;}
.tags-center .index-tag:nth-child(2) { transform: rotate(19deg);left: 270px;top: 90px;  }

/* ���侧标签组样式 */
.tags-right {
    width: 30%;
    align-items: flex-end;
    left: 960px;
}

.tags-right .index-tag:nth-child(1) { transform: rotate(5deg);width: 628px;height: 115px;left: -50px;top: -50px; }
.tags-right .index-tag:nth-child(2) { top: 265px;left: -130px;}
.tags-right .index-tag:nth-child(3) { transform: rotate(-7deg);left: 375px;top:80px;}
.tags-right .index-tag:nth-child(4) { transform: rotate(3deg);left: 355px; top: 180px; }
.tags-right .index-tag:nth-child(5) { transform: rotate(-54deg);  }

.index-tag {
    padding: 12px 30px;
    border-radius: 75px;
    font-size: 32px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    justify-content: center;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: normal;

}
.index-tag:hover{margin-top: -10px;}
.index-tag span.number{font-size: 48px;font-weight: bold;margin: 0 10px;}
/* 标签颜色定义 */
.index-tag.council { background-color: #F1DECD; color: #37353B;padding: 12px 60px; }
.index-tag.teachers { background-color: #FFBA17;font-size: 32px; color: #725000;width: 343px;height: 120px;}
.index-tag.schools { background-color: #C90C82;width: 326px;height: 77px; }
.index-tag.youth { background-color: #07B0DB;width: 366px;height: 77px; }
.index-tag.professionals { background-color: #DCDCDC; color: #37353B;width: 393px;height: 84px;  }
.index-tag.exhibitions { background-color: #F2422D;width: 319px;height: 98px; }
.index-tag.peace-centre { background-color: #EBEBEB; color: #37353B;width: 424px;height: 115px; }
.index-tag.schools-count { background-color: #5FBD48; }
.index-tag.years { background-color: #00A0E9; width: 692px;height: 109px;}
.index-tag.unesco { background-color: #F2422D;width: 379px;height: 77px; }
.index-tag.un75 { background-color: #FB9F28;width: 310px;height: 77px; }
.index-tag.talks { background-color: #1B386A;width: 362px;height: 98px;left: 550px;top: 180px;font-size: 22px; }

/* 悬停效果 */
.index-tag:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.people{position: absolute;left: 0;width: 100%;}
.people .index-people:nth-child(1){position: absolute;left: 50px;top: 300px;}
.people .index-people:nth-child(2){position: absolute;left: 895px;top: 155px;}
.people .index-people:nth-child(3){position: absolute;left: 1510px;top: -115px;}
.people .index-people:nth-child(4){position: absolute;left: 1695px;top: 270px;}
/* 图标样式 */
.index-tag .icon {
    font-size: 16px;
}
.index-tag .text {
    white-space: nowrap;
    font-size: 32px;
    font-weight: normal;
}
.sectionPeace-forall{position: relative;}
.sectionPeace-forall::before{
    content: '';
    display: block;
    width: 2294px;
    height: 1130px;
    background: url(../static/images/text.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    left: -50%;
    bottom: -20%;
}
.sectionPeace-forall .peace-inner{width: 1800px; display: flex;align-items: flex-end;justify-content: space-between;}
.sectionPeace-forall .peace-inner h2{
    font-size: 65px;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #2e2e2e;
    transition: color 0.3s ease;
}
.sectionPeace-forall .peace-inner h2 span{
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-style: italic;
    display: block;
}
.sectionPeace-forall .peace-inner .peace-imgs-box{
    width: 655px;
    box-sizing: border-box;
    margin-right: 50px;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs{display: flex;justify-content: flex-end;flex-wrap: wrap;margin-top: 1%;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box{width: 33%;position: relative;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box:nth-child(1){display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: column;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box:nth-child(1) .imgs{height: 49%;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box:nth-child(2){width: 66%;margin-left: 1%;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box:nth-child(2) .uimg{height: 100%;width: 100%;object-fit: cover;border-radius: 20px;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box:nth-child(2).box2::before{
    content: '';
    display: block;
    width: 212px;
    height: 212px;
    background: url(../static/images/u4.png) no-repeat top center;
    position: absolute;
    left: 0;
    bottom: 5px;
}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box .imgs{background: #232323;border-radius: 20px;padding: 1rem;color: #fff;height: 100%;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box .imgs a img{filter: invert(50%) brightness(300%) !important;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box .imgs h3{color: #fff; margin-top: 0; font-size: 19px;font-family: "IBM Plex Sans", sans-serif;font-weight: normal;margin-top: 70px;margin-bottom: 0;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box .imgs:nth-child(2){background: #CDEAF9;}

.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(2) .box{width: 66%;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(2) .box:nth-child(1) .uimg{height: 100%;width: 100%;object-fit: cover;border-radius: 20px;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(2) .box:nth-child(2){width: 33%;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(3) .box:nth-child(2) .imgs{background: #02A4EF;height: 100%;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(3) .box:nth-child(2){width: 33%;margin-left: 0;margin-right: 1%;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(3) .box:nth-child(3) .uimg{height: 100%;width: 100%;object-fit: cover;border-radius: 20px;}
.sectionPeace-forall .peace-inner .skipContent{position: absolute;bottom: 0;left: -35%;height: 213px;width: 418px;border-radius: 120px;}
.sectionPeace-forall .peace-inner .skipContent #q-intro-scroll{width: 200px;height: 200px;}

.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(3){height: 213px;margin-bottom: 2%;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(2){height: 213px;}
.sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(1){height: calc(100% - 450px);}
.contactUs::after{
    content: '';
    display: block;
    width: 804px;
    height: 460px;
    background: url(../static/images/text2.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    right: -37%;
    top: -2%;
}
.portfolio .ctabox .tile__cta{display: none;}
.sectionProject_news_new .garyback .row .col-md-3 a .ged .tags{display: none;}
@media (max-width: 1680px) {
    .sectionProject_news_new .img-cover .skipContent{width: 100px;height: 100px;}
}
@media (max-width: 1440px) {
    .sectionProject_news_new .img-cover .skipContent{width: 90px;height: 90px;}
    .sectionProject_news_new .garyback .row .col-md-3 a .title{height: 60px;}
    .contact::before{right: -35%;}
    .portfolio .number{height: 180px;}
    .shapeBlk img{width: 220px;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(2){height: 160px;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(3){height: 160px;}
    .sectionPeace-forall .peace-inner .skipContent{height: 160px;}
    .sectionPeace-forall .peace-inner .skipContent #q-intro-scroll{width: 160px;height: 160px;}
    .sectionPeace-forall .peace-inner .peace-imgs-box{height: 100%;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(1){height: calc(100% - 360px);}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(2) .box{height: 100%;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(3) .box{height: 100%;}
}
@media (max-width: 1280px) {
    .contact::before{right: -55%;}
    .sectionProject_news_new .garyback .whiteback .row .col-md-2{width: 33.3333%;margin-bottom: 1rem;margin-top: 1rem;}
    .sectionProject_news_new .garyback .whiteback .row .col-md-4{width: 50%;margin-top: 1rem;margin-bottom: 1rem;}
}
@media (max-width: 1024px) {
    .sectionProject_news_new .head-top h1{width: 100%;}
    .sectionProject_news_new .img-cover{width: 100%;}
    .sectionProject_news_new .garyback .row .col-md-3{width: 33.3333%;}
    .sectionProject_news_new .txtbar h3{font-size: 20px;}
    .sectionProject_news_new .txtbar .aurl{font-size: 16px;}
    .transportation .table-responsive table thead tr th:nth-child(1){font-size: 18px;}
    .contact::before{right: -100%;}
    .sectionProject_news_new .address dl dd{width: 100%;}
    .sectionProject_news_new .garyback .whiteback .first{font-size: 16px;}
    .sectionProject_news_new .garyback .whiteback h4{font-size: 16px;}
    .sectionProject_news_new .garyback .whiteback .first p{font-size: 14px;}
    .sectionProject_news_new .garyback .whiteback .row .col-md-4 .greenText{font-size: 14px;}
    .sectionProject_news_new .garyback .h2-title{font-size: 24px;}
    .introContent{width: 1670px;}
    .index-tag{font-size: 20px !important;}
    .index-tag .text{font-size: 20px;}
    .index-tag span.number{font-size: 30px;}
}
@media (max-width: 996px) {
    .sectionProject_news_new .txtbar{flex-wrap: wrap;}
    .sectionProject_news_new .txtbar .logo{width: 100%;border: none;margin-bottom: 20px; border-bottom: 1px solid rgba(112, 112, 112, 0.14);}
    .sectionProject_news_new .txtbar .con{width: 100%;}
    .sectionProject_news_new .teambox h2{font-size: 49px;}
    .sectionProject_news_new .teambox .box em{font-size: 16px;}
    .sectionProject_news_new .teambox .box h3{font-size: 20px;}
    .sectionProject_news_new .garyback .row .col-md-3 a .title{font-size: 16px;}
    .sectionProject_news_new .garyback .row .col-md-3 a .date{font-size: 16px;}
    .sectionProject_news_new .teambox .col-md-6 .box .left h3{font-size: 24px;}
    .pageinfo ul li a{font-size: 16px;}
    .sectionProject_news_new .h1-title{font-size: 60px;}
    .sectionProject_news_new .teambox h2 span{display: inline-block;}
    .col-md-6{width: 100%;}
    .col-md-3{width: 100%;}
    .sectionProject_news_new .fourtxt .items{width: 50%;}
    .sectionProject_news_new .fourtxt .items::after{display: none;}
    .sectionProject_news_new .garyback .row .col-md-3{width: 50%;}
    .sectionProject_news_new .bar form .form-group{width: 311px;}
    .sectionProject_news_new .bar form .form-group:nth-child(2){width: 176px;}
    .sectionProject_news_new .table-responsive table{font-size: 16px;}
    .sectionProject_news_new .txtbar .aurl{margin-top: 20px;padding: 15px;}
    .contact::before{}
    .sectionProject_news_new .address dl{width: 100%;}
    .sectionProject_news_new .garyback .whiteback .row .col-md-2{width: 50%;}
    .sectionProject_news_new .garyback .whiteback .row .col-md-4{width: 100%;}
    .introContent-imgs{width: 100%;margin-left: 0;margin-top: 50px;position: relative;z-index: 2;}
    .sectionPeace-forall .peace-inner{width: 100%;display: block;}
    .sectionPeace-forall .peace-inner h2{width: 100%;}
    .sectionPeace-forall .peace-inner .peace-imgs-box{width: 100%;margin-right: 0;margin-top: 30px;}
    .panel{box-sizing: border-box;padding: 20px 0;}
    .sectionPeace-forall .peace-inner .skipContent{position: relative;left: 0;width: 300px;height: 134px;}
    .sectionPeace-forall .peace-inner .skipContent #q-intro-scroll{width: 121px;height: 121px;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box:nth-child(2).box2::before{width: 200px;height: 200px;        background-size: cover;}
    .nextProject .nextprojectTitle_wrap h2, .projectTitle_wrap h2, .articlesBlk_wrap h2{margin-bottom: 0;}
    .slideshow-list__el{border-left: none;border-bottom: 1px solid #C9C9C9;margin-bottom: 4rem;padding-bottom: 4rem;}
    .shapeBlk{margin-top: 30px;}
    .shapeBlk img{width: 100%;}
    .shapeBlk a{writing-mode: horizontal-tb;top: 30%; transform: rotate(0deg);}
    .index-tag{display: block;text-align: center; margin-bottom: 15px; width: 100% !important;position: relative !important; height: auto !important;transform: none !important;left: 0 !important;top: 0 !important;padding: 15px 20px !important;}
    .index-tag img{display: block;margin: 0 auto;}
    .tags-left, .tags-center, .tags-right{left: 0 !important; position: relative !important;width: 100% !important;display: block !important;}
    .tags-wrapper{display: block;}
    .article_inner{width: 100%;display: block;}
    .tags-right{left: 0;}
    .program-tags{height: auto;}

    .introContent{width: 100%;}
    .sectionPeace-forall{padding-left: 20px;padding-right: 20px;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(1){height: calc(100% - 480px);}
    .good-thoughts-scroll{width: 100%;height: auto;}
    .introMainContent h2{font-size: 65px;}
    .article_inner .section-title-new{font-size: 40px;}
    .contactWrap{padding-left: 20px;padding-right: 20px;}
    .sectionProject_news_new{padding-left: 0px;padding-right: 0px;}
    .introContent-imgs .bluebg{height: auto;}
    .sectionPeace-forall .peace-inner .peace-imgs-box{display: block;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(2){height: 213px;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(3){height: 213px;}
    .sectionPeace-forall::before{width: 100%;}
    .contactUs::after{width: 100%;}
    body,html{}
    .sectionPeace-forall::before{display: none;}
    .contactUs::after{display: none;}
    #q-intro-scroll svg{transform: rotate(90deg);}
    .copyrights{text-align: center;}
    .portfolio .number{display: none;}
    .portfolio .tile__cta{height: auto;}
    .scroll-area-new .scroll-content{padding-right: 30px;}
    .sectionProject_news_new .h1-title{margin-bottom: 40px;}
    .scroll-area-new .scroll-content{padding-right: 0px;padding-left: 0;}
    .nosc{padding-left: 15px;padding-right: 15px;}

}
@media (max-width: 767px) {
    .sectionProject_news_new .fourtxt .items{width: 100%;padding-right: 0;}
    .sectionProject_news_new .img-cover .skipContent{width: 60px;height: 60px;bottom: 5px;}
    #q-intro-scroll svg{width: 40px;}
    .sectionProject_news_new .teambox h2{font-size: 29px;}
    .sectionProject_news_new .h1-title{font-size: 30px;}
    .sectionProject_news_new .teambox .box em{font-size: 14px;}
    .sectionProject_news_new .teambox .box h3{font-size: 18px;margin-bottom: 20px;}
    .sectionProject_news_new .teambox .col-md-6 .box .left h3{font-size: 20px;}
    .sectionProject_news_new .garyback .row .col-md-3{width: 100%;}
    .sectionProject_news_new .garyback .row .col-md-3 a::after{bottom: 0; width: 100%;height: 1px; background: #C9C9C9;top: auto;}
    .sectionProject_news_new .garyback .row .col-md-3 a{padding-right: 0;padding-bottom: 30px;}
    .pageinfo ul li a{width: 40px;height: 40px;margin: 0 5px;}
    .sectionProject_news_new .bar form .form-group{width: 100% !important;margin: 5px 0px;}
    .sectionProject_news_new .table-responsive{overflow-x: scroll;}
    .sectionProject_news_new .table-responsive table{width: 200%;}
    .transportation .table-responsive table thead tr th:nth-child(1){font-size: 16px;}
    .sectionProject_news_new .h1-title{margin-top: 20px;}
    .sectionProject_news_new .garyback .article{padding: 0;}
    .sectionProject_news_new .garyback .whiteback .row .col-md-2{width: 100%;}
    .introContent{width: auto;}
    .sectionPeace-forall .peace-inner h2{font-size: 36px;}
    .article_inner .section-title-new{font-size: 36px;}
    .introContent-imgs .bluebg{font-size: 20px;height: auto;}
    .introMainContent h2 div{font-size: 32px;line-height: 1.2;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box:nth-child(2).box2::before{width: 160px;height: 160px;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(3) .box:nth-child(1){display: none;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(3) .box:nth-child(2){width: 49%;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(3) .box:nth-child(3){width: 49%;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(2) .box{width: 49%;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(2) .box:nth-child(2){width: 49%;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(2){height: 160px;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs:nth-child(3){height: 160px;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box .imgs h3{margin-top: 30px;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box:nth-child(1){width: 100%;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box:nth-child(2){width: 100%;margin-top: 1%;}
    .sectionPeace-forall .peace-inner .peace-imgs-box .peace-imgs .box:nth-child(1) .imgs{width: 49%;height: 100% !important;}
    .introContent .introContentWrap{padding-left: 0;}
    .copyrights span{font-size: 14px;}
    .introContent-imgs .bluebg{text-align: center;}
    .introContent-imgs .bluebg img{width: 100%;margin-top: 5px;}
    .contactUs{width: 100%;overflow: hidden;padding: 0;}
    .portfolio .tile__cta{display: none;}
    .portfolio .ctabox{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;margin-bottom: 1rem;}
    .portfolio .datetime{margin-bottom: 1rem;}
    .portfolio .ctabox .tile__cta{display: block;margin-bottom: 1rem;}
    .portfolio .tile__title{height: auto;margin-bottom: 2rem;}
    .slideshow-list__el .tile__content{margin-bottom: 20px;}
    .introContent:before{display: none;}
 
    .sectionProject_news_new .fourtxt .items{background: #F8F8F8;border-radius: 20px;box-sizing: border-box;padding: 1rem 3rem;margin-bottom: 1rem;}
    .sectionProject_news_new .bar form .form-group input{font-size: 16px;}
    .sectionProject_news_new .garyback .row .col-md-3 a .tags em{font-size: 14px;}
    .sectionProject_news_new .garyback .article p{font-size: 16px;}
    .sectionProject_news_new .garyback .article ul li{font-size: 16px;}
    .copyrights span{font-size: 14px !important;}
    .sectionProject_news_new .txtbar p{font-size: 16px;}
    .sectionProject_news_new .tips{font-size: 16px;}
    .sectionProject_news_new .tips ol{padding-left: 2rem;}
    .sectionProject_news_new .fourtxt .items{display: flex;align-items: center;justify-content: space-between;padding-left: 1.5rem !important;padding-right: 1.5rem !important;}
    .sectionProject_news_new .fourtxt .items .icos{width: 100px;}
    .sectionProject_news_new .fourtxt .items .icos img{width: 100%;}
    .sectionProject_news_new .fourtxt .items p{width: calc(100% - 110px);}
    .sectionProject_news_new .fourtxt .items:nth-last-child(1){padding-right: 3rem;}
    .sectionProject_news_new .map{height: 400px;}
    .sectionProject_news_new .map img{height: 100%;object-fit: cover;}
    .sectionProject_news_new .garyback .row .col-md-3 a .tags{display: none;}
    .sectionProject_news_new .garyback .row .col-md-3 a .ged{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
    .sectionProject_news_new .garyback .row .col-md-3 a .ged .tags{display: block;height: auto;margin-top: 20px;}
    .sectionProject_news_new .garyback .row .col-md-3 a .title{height: auto;}
    .sectionProject_news_new .garyback .row .col-md-3 a .date{margin-bottom: 10px;}
    .peacemakers::before{width: 100%; top: -3%;right: -35%;    background-size: cover;}
    .contact .address{position: relative;z-index: 2        ;}
    .sectionProject_news_new::before{
        display: none !important;
    }
    .home_page::before{
        content: '';
        display: block;
        background: url(../static/images/mobile_text.png) no-repeat top center !important;
        width: 464px;
        height: 430px;
        top: -80px !important;
        right: -5% !important;
        transform: rotate(-10deg) !important;
        position: absolute;
    }
    .nav-container-left ul li a{font-size: 30px !important;margin: 10px 0px;}
    .left-header{height: 80px;}
    .left-header .header-section.menu-icon{top: 0;}
    .introMainContent h2 div{font-size: 34px;line-height: 40px;}
    .introContent .introContentWrap{padding-left: 0;}
    .sectionProject_news_new .garyback .row .col-md-3 a .ged .tags{width: 100%;}
    .skipContent{height: 100px;width: 280px;}
    .skipContent #q-intro-scroll{width: 100px;height: 100px;}
}