.wow{
    visibility: hidden;
}
/* 新闻列表开始 */
.content.news{
    position: relative;
}
.newsVideoBg{
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
    object-fit: cover;
}
.pageCont{
    margin-top: calc(-100vh + 120px);
    position: relative;
    z-index: 1;
    padding-bottom: 100px;
}
.casePageMain{
    padding-bottom: 0;
}
.pageTop{
    margin-top: 60px;
    position: relative;
}
.pageTitleEn{
    font-size: 32px;
    font-weight: bold;
    color: #27b7eb;
    overflow: hidden;
}
.pageTitleCn{
    display: flex;
}
.contactTitle .pageTitleCn{
    justify-content: center;
}
.pageTitleCnText{
    font-size: 40px;
    font-weight: bold;
}
.pageTitleCnIcon {
    margin-left: 12px;
    width: 12px;
    align-items: flex-end;
    display: flex;
    margin-bottom: 24px;
}
.pageTitleCnIcon img{
    width: 100%;
}
.decorate{
    position: absolute;
    right: 5%;
    top: 0;
}
.decorateInfo{
    width: 160px;
    height: 160px;
    position: relative;
}
.decorate.decorateNews{
    top: 0;
}
.decorateBg{
    width: 100%;
    height: 100%;
    animation: rotoImg 10s linear infinite;
}
.decorateImg {
    width: 68%;
    height: 68%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
}
.decorateBg img, .decorateImg img{
    width: 100%;
}
.decorateArrow{
    width: 22px;
    margin: 0 auto;
    margin-top: 10px;
}
.decorateArrow img{
    width: 100%;
    margin-top: 1px;
    animation: arrowLoad 2s infinite;
    position: relative;
}
.decorateArrow img:nth-child(1){

}
.decorateArrow img:nth-child(2){
    animation-delay: -0.15s;
}
.decorateArrow img:nth-child(3){
    animation-delay: -0.3s;
}
@keyframes arrowLoad {
    0% {
        opacity: 0;
        transform: translateY(-15px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(5px);
    }
}
.pageTab{
    display: flex;
    align-items: center;
    margin-top: 88px;
    padding-bottom: 55px;
    border-bottom: 1px solid #cccccc;
}
.pageTabSwiper{
    position: relative;
}
.pageTabList{
    width: auto;
    display: flex;
    font-size: 26px;
    margin-right: 90px;
    cursor: pointer;
    position: relative;
    color: #fff;
    text-shadow: -1px -1px 0 #999, 1px -1px 0 #999, -1px 1px 0 #999, 1px 1px 0 #999;
    transition: all 0.3s;
}
.pageTabList:after{
    content: '';
    position: absolute;
    top: calc(100% + 16px);
    height: 3px;
    background: #27b7eb;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.3s;
}
.pageTabList.curr, .pageTabList:hover{
    text-shadow: none;
    color: #333;
    font-weight: bold;
}
.pageTabList.curr:after, .pageTabList:hover:after{
    width: 100%;
}
.pageTabList:last-child{
    margin-right: 0;
}
.crumbs{
    display: flex;
    align-items: center;
    color: #666666;
}
.crumbsIcon{
    width: 17px;
    margin-right: 12px;
}
.crumbsIcon img{
    width: 100%;
}
.crumbsList{
    margin: 0 12px;
    font-size: 14px;
    color: #666666;
}

.newsInfo{
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
    padding-bottom: 120px;
}
.newsList{
    width: calc((100% - 100px) / 3);
    margin-left: 50px;
    margin-top: 70px;
    perspective: 1000px;
}
.newsListInfo{
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(15px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    transition: .6s ease-out;
}
.newsList:nth-child(3n+1){
    margin-left: 0;
}
.newsList:hover .newsListInfo{
    transform: rotateX(-3deg) rotateY(-9deg) translateX(-10px);
}
.newsImg{
    height: 14.585vw;
    border-radius: 0 0 50px 0;
    overflow: hidden;
}
.newsImg i{
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.newsCont{
    padding: 35px 30px;
    box-sizing: border-box;
}
.newsTitle {
    font-size: 20px;
    color: #333;
    line-height: 36px;
    height: 72px;
    transition: all 0.5s;
}
.newsDate{
    font-size: 20px;
    color: #c7c7c7;
    margin-top: 20px;
    font-family: "Montserrat-Bold-3";
}
.newsList:hover .newsTitle{
    color: #27b7eb;
}
.newsList:nth-child(3n+2){
    transform: translateY(90px);
}
.newsList:hover .newsImg i{
    transform: scale(1.1);
}
/* 新闻列表结束 */
@media (max-width: 1200px) {
    .pageCont{
        margin-top: calc(-100vh + 1.7rem)!important;
        padding-bottom: 1rem;
    }
    .pageTop{
        margin-top: 0!important;
    }
    .pageTitleEn{
        font-size: 0.4rem;
    }
    .pageTitleCnText{
        font-size: 0.48rem;
    }
    .decorate{
        display: none;
    }
    .news .pageTitleCnText{
        /*max-width: 3.4rem;*/
    }
    .pageTitleCnIcon{
        width: 0.16rem;
        margin-left: 0.1rem;
        margin-top: 0.1rem;
        margin-bottom: 0.25rem;
    }
    .pageTabList{
        font-size: 0.3rem;
        margin-right: 0.6rem;
    }
    .pageTab{
        margin-top: 0.55rem;
        padding-bottom: 0.7rem;
    }
    .pageTabList:after{
        top: calc(100% + 0.22rem);
        height: 0.04rem;
    }
    .newsInfo{
        flex-wrap: wrap;
        padding-top: 0;
        padding-bottom: 0.8rem;
    }
    .newsList{
        width: 100%;
        margin-top: 0.6rem;
        margin-left: 0;
    }
    .newsCont{
        padding: 0.5rem 0.35rem;
    }
    .newsList:hover .newsListInfo {
        transform: none;
    }
    .newsList:hover .newsImg i {
        transform: scale(1);
    }
    .newsImg{
        height: 3.85rem;
        border-radius: 0 0 0.2rem 0;
    }
    .newsTitle{
        font-size: 0.36rem;
        line-height: 0.54rem;
        height: 1.08rem;
    }
    .newsDate{
        font-size: 0.32rem;
        margin-top: 0.5rem;
    }
    .newsList:nth-child(3n+2){
        transform: translateY(0);
    }
}

/* 新闻详情开始 */
.detailInfo{
    margin-top: 75px;
    padding-bottom: 100px;
}
.detailInfoTop{
    display: flex;
    align-items: center;
    padding-bottom: 40px;
    border-bottom: 1px solid #cccccc;
}
.detailInfoTime{
    background: #00a2fe;
    padding: 8px 15px;
    box-sizing: border-box;
    border-radius: 0 0 25px 0;
    color: #fff;
    margin-right: 20px;
    width: 80px;
    font-family: "Montserrat-Bold-3";
}
.detailInfoTime .day{
    font-size: 24px;
    line-height: 1;
}
.detailInfoTime .year{
    font-size: 12px;
    margin-top: 5px;
}
.pageTitleCnText.detailTitle{
    font-size: 32px;
    display: inline-block;
}
.detailInfoTop .pageTitleCnIcon{
    width: 12px;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 0;
}
.detailInfoTop .pageTitleCn{
    flex: 1;
}
.detailInfoCont{
    margin-top: 40px;
    padding-bottom: 70px;
    border-bottom: 1px solid #cccccc;
    display: flex;
    position: relative;
    justify-content: space-between;
}
.detailInfoContMain{
    width: 86.25%;
}
.caseContDetailBtn p{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
}
.caseContDetailBtn p video {
    width: 100% !important;
    max-width: 1000px;
    margin: 0 auto;
    display: block;
    height: auto!important;
    object-fit: cover;
    position: relative;
    z-index: 0;
}
.caseContDetailBtn.detailNewsInfo p{
    margin-bottom: 40px;
}
.caseContDetailBtn p iframe{
    height: 800px;
    width: 100%;
}
.caseContDetailBtn p:last-child{
    margin-bottom: 0;
}
.detailNewsInfo p:first-child{
    margin-top: 0;
}
.detailNewsInfo{
    width: 86.25%;
}

.caseContDetailBtn p img{
    max-width: 80%;
    margin: 0 auto;
}
.newsDetail .detailInfoShareMain{
    flex: 1;
    display: none;
}
.caseContDetailTop{
    margin-bottom: 40px;
}
.caseContDetailTopText{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
}
.caseContDetailTopText img{
    width: 100%;
}
.caseContDetailTopText h3, .caseDetail .caseContDetailBtn h3{
    color: #333;
    position: relative;
    display: inline-block;
    font-size: 20px;
}
.caseContDetailTopText h3:after, .caseDetail .caseContDetailBtn h3:after {
    content: '';
    position: absolute;
    bottom: 4%;
    left: 50%;
    width: 110%;
    transform: translateX(-50%);
    height: 35%;
    background: linear-gradient(to top, #9bdfff, #fff);
    z-index: -1;
    border-radius: 10px;
}
.caseContDetailImgBox{
    margin-top: 30px;
}
.caseContDetailTopImg{
    width: 80%;
    margin: 0 auto;
}
.caseContDetailTopImg img{
    width: 100%;
    object-fit: cover;
    vertical-align: top;
}
.detailInfoContShare{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.newsDetail .detailInfoContShare{
    position: sticky;
    top: 45%;
}
.shareImg{
    width: 26px;
}
.shareImg img{
    width: 100%;
}
.shareText{
    font-size: 16px;
    color: #666666;
    margin-top: 8px;
}
.shareInfo{
    margin-top: 25px;
}
.icon-share{
    border-radius: 50%;
}
.icon-share .icon_box, .shareList {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #999;
    background: url("../images/icon/icon-4.png") center no-repeat;
    background-size: 22px 18px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.5s;
}
.icon-share .icon_box:after, .shareList:after{
    content: '';
    position: absolute;
    width: 150%;
    height: 150%;
    left: -130%;
    top: 100%;
    background: linear-gradient(to right, #0ab96d, #30e281);
    border-radius: 50%;
    transition: all 0.5s;
    z-index: -1;
}
.shareList:after{
    background: linear-gradient(to right, #f5a200, #f5cd43);
}
.pos_box .Smohan_Layer_box {
    height: 1px;
    overflow: hidden;
}
.icon-share .pos{
    margin-top: 10px;
    z-index: 1;
}
.shareList.wx{
    background: url("../images/icon/icon-4.png") center no-repeat;
    background-size: 22px 18px;
    margin-top: 25px;
}
.shareList.wb{
    background: url("../images/icon/icon-5.png") center no-repeat;
    background-size: 21px 19px;
    margin-top: 20px;
}
.caseDetail .shareList.wb{
    margin-top: 0;
}
.icon-share.wx .icon_box:hover, .icon-share.wx .icon_box.on{
    background: url("../images/icon/icon-4s.png") center no-repeat;
    background-size: 22px 18px;
    border: 1px solid transparent;
}
.shareList.wb:hover{
    background: url("../images/icon/icon-5s.png") center no-repeat;
    background-size: 21px 19px;
    border: 1px solid transparent;
}
.icon-share:hover .icon_box:after, .shareList:hover:after, .icon-share.wx .icon_box.on:after{
    left: -15%;
    top: -40%;
}
.detailInfoBtn{
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
}
.detailInfoBtnIcon{
    width: 28px;
    margin: 0 30px;
    display: flex;
    align-items: center;
}
.detailInfoBtnIcon img{
    width: 100%;
}
.detailInfoBtnLeft, .detailInfoBtnRight{
    display: flex;
    align-items: center;
    width: calc((100% - 150px) / 2);
}
.detailInfoBtnRight{
    justify-content: flex-end;
}
.detailInfoBtnLeftIcon{
    width: 45px;
    height: 45px;
    background: url("../images/icon/icon-6.png") center no-repeat;
    background-size: cover;
    margin-right: 30px;
    border-radius: 50%;
    transition: all 0.5s;
}
.detailInfoBtnRightIcon{
    width: 45px;
    height: 45px;
    background: url("../images/icon/icon-7.png") center no-repeat;
    background-size: cover;
    margin-left: 30px;
    border-radius: 50%;
    transition: all 0.5s;
}
.detailInfoBtnText{
    font-size: 20px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s;
}
.detailInfoBtnLeft:hover .detailInfoBtnLeftIcon{
    background: url("../images/icon/icon-6s.png") center no-repeat;
    background-size: 100%;
}
.detailInfoBtnRight:hover .detailInfoBtnRightIcon{
    background: url("../images/icon/icon-7s.png") center no-repeat;
    background-size: 100%;
}
.detailInfoBtnLeft:hover .detailInfoBtnText, .detailInfoBtnRight:hover .detailInfoBtnText{
    color: #333;
}
@media (max-width: 1200px) {
    .detailInfo{
        padding-bottom: 1rem;
    }
    .detailInfoBtnLeftIcon{
        width: 0.8rem;
        height: 0.8rem;
        margin-right: 0.25rem;
    }
    .detailInfoBtnRightIcon{
        width: 0.8rem;
        height: 0.8rem;
        margin-left: 0.25rem;
    }
    .detailInfoBtnText{
        font-size: 0.26rem;
    }
    .detailInfoBtnIcon{
        width: 0.44rem;
    }
    .detailInfoBtnLeft, .detailInfoBtnRight{
        width: auto;
    }
    .detailInfoBtn{
        margin-top: 0.6rem;
    }
    .caseContDetailBtn p iframe{
        height: 4rem;
    }
}
@media (max-width: 1200px) {
    .crumbsIcon{
        width: 0.3rem;
    }
    .crumbsList{
        font-size: 0.26rem;
        margin: 0 0.13rem;
    }
    .detailInfo{
        margin-top: 0.7rem;
    }
    .detailInfoTime{
        padding: 0.12rem 0.1rem;
        border-radius: 0 0 0.2rem 0;
        margin-right: 0.25rem;
        width: auto;
    }
    .detailInfoTime .day{
        font-size: 0.36rem;
    }
    .detailInfoTime .year{
        font-size: 0.2rem;
    }
    .pageTitleCnText.detailTitle{
        font-size: 0.42rem;
        line-height: 0.6rem;
        text-align: justify;
    }
    .detailInfoTop .pageTitleCnIcon{
        width: 0.16rem;
        margin-bottom: 0.08rem;
    }
    .detailInfoTop{
        padding-bottom: 0.55rem;
    }
    .detailInfoCont{
        margin-top: 0.55rem;
        padding-bottom: 0.6rem;
        flex-wrap: wrap;
    }
    .detailNewsInfo{
        width: 100%;
    }
    .detailInfoContMain{
        width: 100%;
    }
    .caseContDetailTop{
        margin-bottom: 0.45rem;
    }
    .caseContDetailBtn p{
        font-size: 0.26rem;
        line-height: 0.42rem;
    }
    .caseContDetailBtn.detailNewsInfo p{
        margin-bottom: 0.45rem;
    }
    .caseContDetailTopText{
        font-size: 0.26rem;
        margin-bottom: 0.45rem;
        line-height: 0.42rem;
    }
    .caseContDetailTopText h3, .caseDetail .caseContDetailBtn h3{
        font-size: 0.28rem;
    }
    .caseContDetailTopText{
        margin-top: 0;
    }
    .caseContDetailBtn p img{
        max-width: 100%;
        width: 100%;
    }
    .shareImg{
        display: none;
    }
    .detailInfoContShare{
        margin-top: 0.5rem;
    }
    .shareInfo{
        display: flex;
        align-items: center;
        margin-top: 0.2rem!important;
    }
    .shareText{
        margin-top: 0;
        margin-left: 0;
        font-size: 0.26rem;
    }
    .icon-share .icon_box{
        width: 0.74rem;
        height: 0.74rem;
    }
    .icon-share.wx .icon_box:hover, .icon-share.wx .icon_box.on {
        background: url(../images/icon/icon-4s.png) center no-repeat;
        background-size: 0.44rem 0.36rem;
        border: 1px solid transparent;
    }
    .shareList.wb:hover {
        background: url(../images/icon/icon-5s.png) center no-repeat;
        background-size: 0.42rem 0.38rem;
        border: 1px solid transparent;
    }
    .shareList{
        width: 0.74rem;
        height: 0.74rem;
        margin-left: 0.4rem;
    }
    .shareList:first-child{
        margin-left: 0;
    }
    .icon-share .pos{
        top: auto;
        margin-top: 0;
        bottom: 0.85rem;
    }
    .shareList.wb{
        margin-top: 0;
    }
}
/* 新闻详情结束 */
/* 关于我们开始 */
.about .pageCont{
    margin-top: calc(-100vh + 120px);
}
.pageContInfo{
    background: url("../images/page/about.png") center no-repeat;
    background-size: 100% 100%;
    padding-bottom: 100px;
}
.about .pageTitleCnText{
    font-size: 40px;
}
.about .pageTitleEn{
    font-size: 32px;
}
.about .pageTitleCnIcon{
    width: 12px;
}
.about .pageTop{
    /*margin-top: 50px;*/
}
.introduceInfo{
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
}
.introduceLeft{
    width: 50%;
}
.introduceLeftTitle{
    font-size: 26px;
    font-weight: bold;
}
.introduceLeftText{
    padding-top: 30px;
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    text-align: justify;
}
.introduceLeftText p{
    margin-top: 20px;
}
.introduceRight{
    margin-top: 20%;
}
.introduceRight{
    width: 43%;
}
.about .aboutUsBtnList{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 30px 0;
    border-top: 1px solid #e5e5e5;
}
.about .aboutUsBtnNum{
    display: flex;
    font-size: 26px;
    color: #27b7eb;
}
.about .aboutUsBtnText{
    font-size: 16px;
}
.about .aboutUsBtnNum span{
    font-size: 48px;
    font-family: "Montserrat-Bold-3";
}
.about .aboutUsBtnBox{
    display: flex;
    align-items: baseline;
}
.about .aboutUsBtnBox b{
    margin-left: 10px;
    font-size: 16px;
}
.pageValue{
    margin-top: 30px;
}
.culturalBelief{
    display: flex;
    margin-top: 110px;
    border-radius: 0 0 50px 0;
    overflow: hidden;
    position: relative;
    height: 600px;
    background: #fff;
}
.culturalBeliefInfo{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.culturalBeliefSwiper{
    width: 65.8%;
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 0 0 50px 0;
}
.culturalBeliefList{
    width: calc((100% - 65.8%) / 2);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.culturalBeliefList .swiper-button-prev:after, .culturalBeliefList .swiper-button-next:after{
    display: none;
}
.culturalBeliefList .swiper-button-prev, .culturalBeliefList .swiper-button-next{
    bottom: 90px;
    top: unset;
}
.culturalBeliefList .swiper-button-prev{
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    background: url("../images/icon/icon-6.png") center no-repeat;
    background-size: cover;
}
.culturalBeliefList .swiper-button-next{
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    background: url("../images/icon/icon-7.png") center no-repeat;
    background-size: cover;
}
.culturalBeliefList .swiper-button-prev:hover{
    background: url("../images/icon/icon-6s.png") center no-repeat;
    background-size: cover;
}
.culturalBeliefList .swiper-button-next:hover{
    background: url("../images/icon/icon-7s.png") center no-repeat;
    background-size: cover;
}
.culturalBeliefSwiper .swiper-pagination{
    position: absolute;
    right: 65px;
    top: 105px;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    height: 0;
    left: auto;
    color: #fff;
    font-size: 48px;
    font-family: "Montserrat-Bold-3";
}
.culturalBeliefSwiper .swiper-pagination .s2{
    margin-left: 5px;
}
.culturalBeliefSwiper .swiper-pagination .s2, .culturalBeliefSwiper .swiper-pagination .s1{
    font-size: 18px;
}
.culturalBeliefLeft{
    background: linear-gradient(to right, #e3f6ff, #fdfdfd);
}
.culturalBeliefRight{
    background: linear-gradient(to right, #fdfdfd, #e3f6ff);
}
.culturalBeliefIcon{
    margin-top: 170px;
}
.culturalBeliefIcon.curr, .culturalBeliefText.curr{
    transition: all 0.5s;
}
.culturalBeliefText{
    font-size: 24px;
    color: #a0a0a0;
    margin-top: 35px;
}
.culturalBeliefBg{
    width: 100%;
    height: 100%;
}
.culturalBeliefBg i{
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all 1.5s;
}
.culturalBeliefSwiper .swiper-slide-active .culturalBeliefBg i{
    transition-delay: 0.5s;
    transform: scale(1.05);
}
.culturalBeliefCont{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 100px 50px;
    box-sizing: border-box;
    color: #fff;
}
.culturalBeliefTitle{
    font-size: 24px;
}
.culturalBeliefCn{
    font-size: 30px;
    margin-top: 25px;
}
.culturalBeliefEn{
    margin-top: 12px;
    font-size: 18px;
}
.culturalBeliefCont .hide{
    display: none;
}
.honorInfo{
    margin-top: 200px;
    position: relative;
}
.projectMore{
    margin-top: 70px;
}
.honorInfo .pageTitle{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.honorCont{
    background-size: cover;
}
.honorContBg{
    width: 100%;
}
.honorContList{
    position: relative;
    display: flex;
    justify-content: flex-start;
}
.honorContList:nth-child(2n+1){
    justify-content: flex-end;
}
.honorContMain{
    display: flex;
}
.honorContFirBg{
    width: 52.91%;
}
.honorContFirBg img{
    width: 100%;
    margin-top: -0.65vw;
}
.honorImg{
    max-width: 25.59%;
    margin-left: 8.8%;
    height: 14.1vw;
    display: flex;
    align-items: flex-end;
    position: relative;
}
.honorImg:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
    width: 0.7vw;
    height: 8vw;
    background: url(../images/icon/icon-15.png) center no-repeat;
    background-size: cover;
}
.honorImg img{
    width: auto;
    height: 100%;
}
.honorImg:first-child{
    margin-left: 4%;
}
.honorContSenBg{
    width: 65.83%;
}
.honorContSenBg img{
    width: 100%;
    margin-top: -0.45vw;
}
.honorContSenBg .honorImg{
    max-width: 20.56%;
}
.honorContSenBg .honorImg:first-child{
    margin-left: 10%;
}
.honorBtn{
    position: relative;
}
.honorBtn .w1600{
    display: flex;
    justify-content: center;
}
.honorBtn:after{
    content: '';
    position: absolute;
    top: 5%;
    right: 3%;
    width: 52.5%;
    height: 10.5vw;
    background: url("../images/page/chairmanBg.png") center no-repeat;
    background-size: cover;
}
.chairmanLeft{
    width: 38.43%;
}
.chairmanTitle{
    font-size: 40px;
    font-weight: bold;
}
.chairmanSubtitle{
    font-size: 26px;
    margin-top: 20px;
}
.chairmanCont{
    margin-top: 50px;
}
.chairmanList{
    margin-top: 24px;
    color: #666666;
    position: relative;
    transition: all 0.5s;
    padding-left: 25px;
}
.chairmanList:after{
    content: '';
    position: absolute;
    width: 0;
    height: 8px;
    background: url('../images/icon/icon-11.png') center no-repeat;
    background-size: cover;
    transition: all 0.5s;
    left: 0;
    top: 7px;
}
.chairmanList:before{
    content: '';
    position: absolute;
    width: 14px;
    height: 2px;
    background: #27b7e9;
    transition: all 0.5s;
    left: 0;
    top: 10px;
}
.chairmanList:hover:after{
    width: 14px;
}
.chairmanList:hover{
    padding-left: 25px;
    color: #27b7e9;
}
.chairmanList:hover:before{
    width: 0;
}
.chairmanRight{
    margin-left: 10%;
    position: relative;
    z-index: 1;
    width: 25%;
}
.chairmanRight img{
    width: 100%;
}
@media (max-width: 1200px) {
    .about .pageCont{
        margin-top: -100vh;
    }
    .about .pageTitleEn{
        font-size: 0.32rem;
    }
    .about .pageTitleCnText{
        font-size: 0.4rem;
    }
    .about .pageTitleCnIcon{
        width: 0.14rem;
    }
    .trophy{
        display: none;
    }
    .introduceInfo{
        margin-top: 0.55rem;
        flex-wrap: wrap;
    }
    .introduceLeft{
        width: 100%;
    }
    .introduceLeftTitle{
        font-size: 0.32rem;
    }
    .introduceLeftText{
        padding-top: 0.25rem;
        font-size: 0.26rem;
        line-height: 0.48rem;
    }
    .introduceLeftText p{
        margin-top: 0.25rem;
    }
    .introduceRight{
        width: 100%;
        margin-top: 0.85rem;
    }
    .about .aboutUsBtnList{
        padding: 0.4rem 0;
    }
    .about .aboutUsBtnText{
        font-size: 0.26rem;
    }
    .about .aboutUsBtnNum{
        font-size: 0.32rem;
    }
    .about .aboutUsBtnNum span{
        font-size: 0.48rem;
    }
    .about .aboutUsBtnBox b{
        font-size: 0.26rem;
        margin-left: 0.12rem;
    }
    .pageContInfo{
        padding-bottom: 1.3rem;
        background: url(../images/mobile/page/about.png) top center no-repeat;
        background-size: 100% 100%;
    }
    .pageValue{
        margin-top: 0.7rem;
    }
    .culturalBelief{
        display: none;
    }
    .culturalMobileSwiper{
        position: relative;
        height: 3.8rem;
        margin-top: 0.55rem;
        margin-left: 4%;
        overflow: hidden;
    }
    .culturalMobileSwiper .swiper-slide{
        border-radius: 0 0 0.3rem 0;
        overflow: hidden;
    }
    .culturalMobileSwiper .swiper-pagination{
        position: absolute;
        right: 1rem;
        top: 0.55rem;
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        height: 0;
        left: auto;
        color: #fff;
        font-size: 0.4rem;
    }
    .culturalMobileSwiper .swiper-pagination .s2{
        margin-left: 0.05rem;
    }
    .culturalMobileSwiper .swiper-pagination .s2, .culturalMobileSwiper .swiper-pagination .s1{
        font-size: 0.18rem;
    }
    .culturalBeliefCont{
        padding: 0.5rem 0.4rem;
    }
    .culturalBeliefTitle{
        font-size: 0.26rem;
    }
    .culturalBeliefCn{
        font-size: 0.3rem;
        margin-top: 0.45rem;
    }
    .culturalBeliefEn{
        font-size: 0.22rem;
        margin-top: 0.15rem;
    }
    .honorInfo{
        margin-top: 0.95rem;
        padding-bottom: 0;
    }
    .honorInfo .pageTitle{
        position: initial;
    }
    .projectMore{
        margin-top: 0.45rem;
    }
    .projectMore .moreInfo{
        color: #fff;
    }
    .projectMore:after {
        left: -5%;
        top: -60%;
    }
    .projectMore .moreIcon {
        background: url(../images/index/icon-1s.png) center no-repeat;
        background-size: cover;
    }
    .honorCont{
        margin-top: 1rem;
    }
    .honorContFirBg{
        width: 98%;
    }
    .honorImg{
        height: 2.1rem;
        max-width: initial;
        margin-left: 0!important;
    }
    .honorImg:after{
        width: 0.18rem;
        height: 1.4rem;
    }
    .honorContSenBg{
        width: 98%;
    }
    .honorContSenBg .honorImg{
        max-width: initial;
    }
    .honorContSenBg .honorImg:first-child{
        margin-left: 0;
    }
    .honorContMain {
        display: flex;
        justify-content: space-evenly;
    }
    .honorBtn{
        margin-top: 0.3rem;
    }
    .honorBtn .w1600{
        flex-wrap: wrap;
    }
    .chairmanLeft{
        width: 100%;
    }
    .chairmanTitle{
        font-size: 0.4rem;
    }
    .chairmanSubtitle{
        font-size: 0.26rem;
        margin-top: 0.2rem;
    }
    .chairmanCont{
        margin-top: 0.5rem;
    }
    .chairmanList{
        font-size: 0.26rem;
        margin-top: 0.35rem;
        padding-left: 0.4rem;
    }
    .chairmanList:before{
        width: 0.24rem;
        height: 0.02rem;
        top: 0.15rem;
    }
    .chairmanList:hover{
        padding-left: 0.4rem;
    }
    .chairmanList:after{
        top: 0.1rem;
    }
    .chairmanList:hover:after{
        width: 0.24rem;
        height: 0.13rem;
    }
    .chairmanRight{
        margin: 0 auto;
        margin-top: 0.7rem;
        width: 4.6rem;
    }
    .chairmanRight img{
        width: 100%;
    }
    .honorBtn:after{
        display: none;
    }
    .chairmanRight:after {
        content: '';
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translateX(-50%);
        width: 120%;
        height: 12.5%;
        background: url(../images/page/chairmanBg.png) center no-repeat;
        background-size: cover;
    }
}
/* 关于我们结束 */
/* 联系我们开始 */
.contactTitle{
    display: flex;
    justify-content: center;
}
.contactInfo{
    position: relative;
    margin-top: 70px;
    padding-bottom: 50px;
}
.earthInfo{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.earthInfo .pcShow{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.earthImg{
    margin: 0 auto;
    width: 45.26%;
    animation: rotoImg 20s linear infinite;
}
@keyframes rotoImg{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
.earthImg img{
    width: 100%;
}
.tilter{
    width: 34.69vw;
    position: relative;
    color: #fff;
    margin-top: 60px;
}
.tilter:nth-child(2){
    margin-top: 140px;
}
.earthInfoList{
    background: url("../images/page/earthBg-1.png") center no-repeat;
    background-size: cover;
    box-sizing: border-box;
    transform-style: preserve-3d;
    height: 20.16vw;
    display: flex;
    align-items: center;
    padding: 0 5vw;
}
.tilter:nth-child(2) .earthInfoList{
    background: url("../images/page/earthBg-2.png") center no-repeat;
    background-size: cover;
}
.tilterCaption{
    transform: translateZ(50px) scale(0.95);
}
.tilterIcon{
    position: absolute;
    right: 0;
    top: 0;
    width: 254px;
    height: 232px;
    background: url("../images/page/lc.png") center no-repeat;
    background-size: cover;
    transform: translateZ(30px) scale(0.96);
}
.earthInfoListTitle{
    font-size: 26px;
    font-weight: bold;
}
.earthInfoBtnList{
    display: flex;
    margin-top: 30px;
}
.earthInfoBtnText{
    margin-left: 25px;
    line-height: 26px;
    flex: 1;
}
.earthInfoBtnIcon{
    width: 21px;
    display: flex;
    align-items: center;
}

.earthInfoBtnIcon img{
    width: 100%;
}
@media (max-width: 1600px){
    .earthInfoBtnList{
        margin-top: 20px;
    }
}
@media (max-width: 1450px){
    .earthInfoBtnList{
        margin-top: 15px;
    }
    .earthInfoListTitle{
        font-size: 22px;
    }
    .earthInfoBtnText{
        margin-left: 20px;
    }
    .earthInfoBtnIcon{
        width: 18px;
    }
}
@media (max-width: 1200px){
    .content.contact{
        overflow: hidden;
    }
    .contactInfo{
        margin-top: 0.5rem;
        padding-bottom: 1rem;
    }
    .earthImg{
        width: 66.26%;
    }
    .earthInfoList{
        height: 4.3rem;
        width: 100%;
        padding: 0.6rem 0.5rem 0.5rem 0.6rem;
        border-radius: 0 0 1rem 0;
    }
    .earthInfoList:nth-child(2){
        background: url("../images/page/earthBg-2.png") center no-repeat;
        background-size: cover;
    }
    .cancatSwiper{
        color: #fff;
    }
    .earthInfoListTitle{
        font-size: 0.32rem;
    }
    .earthInfoBtnText{
        font-size: 0.26rem;
        line-height: 0.42rem;
        margin-left: 0.25rem;
        flex: 1;
    }
    .earthInfoBtnList{
        margin-top: 0.25rem;
    }
    .tilterIcon{
        width: 2.6rem;
        height: 2.3rem;
    }
    .earthInfoBtnIcon{
        width: 0.25rem;
    }
    .earthInfoBtnIcon img{
        width: 100%;
    }
    .earthInfo{
        position: initial;
        margin-top: -2.8rem;
    }
    .cancatSwiper{
        position: relative;
        width: 100%;
    }
    .cancatBtn{
        margin-top: 0.5rem;
        display: flex;
        justify-content: center;
    }
    .cancatBtn .swiper-button-prev, .cancatBtn .swiper-button-next{
        position: relative;
        margin-top: 0;
        width: 0.8rem;
        height: 0.8rem;
    }
    .cancatBtn .swiper-button-prev{
        background: url("../images/icon/icon-6.png") center no-repeat;
        background-size: cover;
    }
    .cancatBtn .swiper-button-prev:hover{
        background: url("../images/icon/icon-6s.png") center no-repeat;
        background-size: cover;
    }
    .cancatBtn .swiper-button-next{
        background: url("../images/icon/icon-7.png") center no-repeat;
        background-size: cover;
        margin-left: 0.9rem;
    }
    .cancatBtn .swiper-button-next:hover{
        background: url("../images/icon/icon-7s.png") center no-repeat;
        background-size: cover;
    }
}
/* 联系我们结束 */
/* 荣誉资质开始 */
/*.qualificationBg{
    background: url("../images/page/qualificationBg.png") top left no-repeat;
    position: relative;
    z-index: 1;
}*/
.qualification .pageCont{
    margin-top: -101vh;
    padding-top: 150px;
    padding-bottom: 150px;
}
.qualificationInfo{
    margin-top: 70px;
    display: flex;
}
.qualificationInfo .pageTitle{
    width: 41.25%;
    height: auto!important;
}
.qualificationInfo .pageTitleEn{
    width: 360px;
}
.trophy{
    width: 80%;
    margin-top: 70px;
}
.trophy img{
    width: 100%;
}
.qualificationCont{
    margin-left: 100px;
    flex: 1;
}
.qualificationList{
    padding: 24px 0;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 18px;
    position: relative;
}
.qualificationList:last-child{
    border-bottom: none;
}
.qualificationList:after{
    content: '';
    position: absolute;
    width: 0;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #27b7eb;
    transition: all 0.5s;
}
.qualificationList:hover:after{
    width: 100%;
}
@media (max-width: 1200px){
    .qualification .pageCont{
        padding-top: 1.6rem;
        padding-bottom: 1.5rem;
        margin-top: -101vh!important;
    }
    .qualificationInfo{
        margin-top: 0.7rem;
        flex-wrap: wrap;
    }
    .qualificationCont{
        width: 100%;
        margin-left: 0;
        margin-top: 0.65rem;
    }
    .qualificationInfo .pageTitle{
        width: 100%!important;
    }
    .qualificationList{
        padding: 0.35rem 0;
        font-size: 0.28rem;
    }
    /*.qualificationBg {
        background: url(../images/mobile/page/qualificationBg.png) top left no-repeat;
        background-size: 100% auto;
    }*/
   /* .qualificationBg{
        background: url(../images/mobile/page/qualificationBg.png) top center no-repeat;
        background-size: 100% auto;
        position: relative;
    }*/
    .rHonor{
        background-size: 100% auto!important;
        position: sticky!important;
    }
}
/* 荣誉资质结束 */
/* 案例列表开始 */
.serviceType{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
}
.product .pageTab{
    border-bottom: 0;
    padding-bottom: 18px;
}
.serviceTypeList{
    display: flex;
    align-items: center;
    margin-right: 70px;
    position: relative;
    padding: 35px 0;
    font-size: 18px;
    color: #999999;
    cursor: pointer;
}
.serviceTypeList.curr, .serviceTypeList:hover{
    color: #27b7eb;
}
.serviceTypeList:last-child{
    margin-right: 0;
}
.designInfo{
    margin-top: 0;
    position: relative;
    z-index: 1;
    height: 31.2vw;
}
.designBg{
    width: 100%;
    height: 31.2vw;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    border-radius: 0 0 50px 0;
}
.designBg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
}
.designCont{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
}
.designMain{
    overflow: hidden;
    margin-top: 70px;
}
.designImg{
    width: 62.31%;
    margin: 0 auto;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
}
.designImg img{
    width: 100%;
}
.designBtn{
    position: absolute;
    bottom: 55px;
    left: 50px;
    width: 100%;
}
.designBtnTitle{
    font-size: 30px;
    color: #fff;
}
.identification {
    display: inline-block;
    padding: 8px 13px;
    border-radius: 100px;
    font-size: 15px;
    /*color: #27b7eb;*/
    box-sizing: border-box;
    margin-top: 20px;
    /*background: #fff;*/
    border: 1px solid #fff;
    color: #fff;
    transition: all 0.5s;
}
.designMain:hover .identification{
    color: #27b7eb;
    background: #fff;
    border: 1px solid transparent;
}
.caseInfo{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    padding-bottom: 150px;
}
.caseList{
    margin-top: 100px;
    width: 42.85%;
    height: 30.97vw;
    position: relative;
}
.caseListInfo{
    height: 100%;
    overflow: hidden;
    perspective: 1000px;
    border-radius: 0 0 75px 0;
}
/*.caseList:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/mobile/page/caseMask.png") left bottom no-repeat;
    background-size: 100% auto;
    z-index: 1;
}*/
.caseList:hover .caseListBg i{
    transform: scale(1.05);
}
.caseList:hover .caseListInfo{
    transform: rotateX(-3deg) rotateY(-9deg) translateX(-10px);
}
.caseList:hover .caseListIdent{
    color: #27b7eb;
    border: 1px solid transparent;
    background: #fff;
}
.caseListBg{
    height: 100%;
}
.caseListBg i{
    width: 100%;
    height: 100%;
    transition: 0.6s ease-out;
}
.caseListCont{
    position: absolute;
    bottom: 55px;
    left: 60px;
    right: 60px;
    z-index: 2;
    transform: translateZ(100px) scale(0.9);
}
.product .pageTitleCnText{
    width: 282px;
}
.caseListTitle{
    font-size: 26px;
    color: #fff;
}
.caseListIdent {
    display: inline-block;
    padding: 5px 13px;
    border-radius: 100px;
    font-size: 14px;
    /*color: #27b7eb;*/
    box-sizing: border-box;
    margin-top: 20px;
    /*background: #fff;*/
    border: 1px solid #fff;
    color: #fff;
    transition: all 0.5s;
}
.pagePubNav{
    position: relative;
    overflow: hidden;
}
.pagePubNav .swiper-slide{
    width: auto;
}
@media (max-width: 1200px) {
    .product .pageTab{
        padding-bottom: 0.18rem;
    }
    .serviceTypeList{
        font-size: 0.26rem;
        margin-right: 0.4rem;
        padding: 0.5rem 0;
    }
    .product .pageCont{
        padding-bottom: 0;
    }
    .designInfo{
        display: none;
    }
    .designMain{
        margin-top: 0;
    }
    .caseInfo{
        padding-bottom: 1.5rem;
    }
    .caseList{
        margin-top: 0.55rem;
        width: 100%;
        height: 6.8rem;
        border-radius: 0 0 0.75rem 0;
    }
    .caseListCont{
        left: 0.3rem;
        bottom: 0.6rem;
        right: 0.3rem;
        transform: none;
    }
    .caseListTitle{
        font-size: 0.36rem;
    }
    .caseListIdent{
        font-size: 0.26rem;
        padding: 0.1rem 0.2rem;
        border-radius: 1rem;
        margin-top: 0.25rem;
    }
    .product .pageTitleCnText{
        width: 3.45rem;
    }
}
/* 案例列表结束 */
/* 案例详情开始 */
.caseDetail .detailInfoTop{
    flex-wrap: wrap;
    padding-bottom: 40px;
    justify-content: space-between;
}
.signInfo{
    display: flex;
    justify-content: space-between;
}
.signMain{
    display: none;
}
.signMainList{
    padding: 12px 25px;
    border-radius: 100px;
    border: 1px solid #27b7eb;
    box-sizing: border-box;
    margin-left: 20px;
    color: #27b7eb;
    position: relative;
    transition: all 0.5s;
}
.signMainList:hover{
    border: 1px solid #27b7eb;
    color: #fff;
    background: #27b7eb;
}
.signMainList:first-child{
    margin-left: 0;
}
.signLink{
    margin-top: 0;
    border: 1px solid #27b7eb;
    background: transparent;
    box-shadow: none;
}
.caseDetail .detailInfoCont{
    flex-wrap: wrap;
    padding-bottom: 0;
    border-bottom: 0;
}
.caseBack{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #27b7eb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 83%;
    cursor: pointer;
    transition: all 0.5s;
}
.caseBackImg{
    width: 18px;
    height: 18px;
    background: url("../images/mobile/icon/icon-1.png") center no-repeat;
    background-size: cover;
}
.caseBackImg img{
    width: 100%;
}
.caseBackText{
    margin-top: 8px;
    color: #27b7eb;
    font-size: 16px;
    display: none;
}
.caseBack:hover{
    background: #27b7eb;
}
.caseBack:hover .caseBackImg{
    background: url("../images/mobile/icon/icon-1s.png") center no-repeat;
    background-size: cover;
}
.caseBack:hover .caseBackText{
    color: #fff;
}
.visit{
    display: none;
}
.caseDetail .detailInfoContMain{
    width: 100%;
    padding: 0 7%;
    box-sizing: border-box;
}
.caseDetail .detailInfoContShare{
    width: 100%;
    margin-top: 75px;
    padding-bottom: 80px;
    border-bottom: 1px solid #ccc;
}
.caseDetail .caseContDetailBtn p img{
    width: 100%;
    max-width: 100%;
}
.caseDetail .shareInfo{
    display: flex;
    align-items: center;
}
.caseDetail .shareList{
    margin-left: 16px;
}
.caseDetail .shareText{
    margin: 0;
    position: relative;
}
.caseDetail .shareText:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -33px;
    transform: translateY(-50%);
    width: 20px;
    height: 1px;
    background: #666;
}
.caseDetail .shareText:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -33px;
    transform: translateY(-50%);
    width: 20px;
    height: 1px;
    background: #666;
}
.caseDetail .shareList:first-child{
    margin-left: 0;
}
.caseDetail .caseList{
    margin-top: 80px;
}
.visitInfo{
    position: relative;
    z-index: 10;
    width: 0;
}
@media (max-width: 1200px){
    .signInfo{
        margin-top: 0.5rem;
    }
    .signMainList{
        font-size: 0.26rem;
        padding: 0.16rem 0.42rem;
        margin-left: 0;
        margin-right: 0.28rem;
        margin-top: 0.5rem;
    }
    .caseDetail .detailInfoTop{
        padding-bottom: 0.55rem;
    }
    .signLink.more:after{
        left: -120%;
        top: 100%;
    }
    .signLink.more .moreInfo{
        color: #27b7eb;
    }
    .signLink.more .moreIcon {
        background: url(../images/index/icon-1.png) center no-repeat;
        background-size: cover;
    }
    .caseBack{
        width: 0.8rem;
        height: 0.8rem;
        box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
        background: rgba(255,255,255,0.8);
        border: none;
    }
    .caseBackText{
        font-size: 0.24rem;
        margin-top: 0.14rem;
    }
    .caseBackImg{
        width: 0.36rem;
        height: 0.36rem;
        background: url(../images/mobile/icon/icon-1.png) center no-repeat;
        background-size: cover;
    }
    .caseDetail .detailInfoContMain{
        margin-left: 0;
        width: 100%;
    }
    .caseDetail .detailInfoCont{
        margin-top: -1.2rem;
        padding-top: 1rem;
    }
    .caseDetail .detailInfoContShare{
        margin-top: 0.5rem;
        padding-bottom: 0.6rem;
        display: none;
    }
    .caseDetail .shareText:before, .caseDetail .shareText:after{
        display: none;
    }
    .signInfo{
        margin-top: 0.3rem;
        width: 100%;
    }
    .visitInfo{
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: sticky;
        top: 50%;
        width: 0.8rem;
    }
    .caseBack{
        position: relative;
        top: 0;
    }
    .visit{
        border-radius: 50%;
        background: #fff;
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 0.8rem;
        height: 0.8rem;
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    }
    .visitImg{
        width: 0.36rem;
    }
    .visitImg img{
        width: 100%;
    }
    .caseDetail .caseList{
        margin-top: 0.55rem;
    }
}
/* 案例详情结束 */

/* 站内搜索开始 */
.pageSearch .top {
    position: relative;
    margin: 70px auto 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.pageSearch .top input {
    float: left;
    padding-left: 40px;
    width: calc(100% - 150px - 48px);
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #666;
    border: none;
}
.pageSearch .top .but {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 128px;
    height: 50px;
    border: none;
    border-left: #c6c6c6 1px solid;
    background: url(../images/icon/i18.png) center no-repeat;
    background-size: 34px auto;
    cursor: pointer;
}
.pageSearch .top .but:hover {
    background: url(../images/icon/i18.png) center no-repeat;
    background-size: 34px auto;
}
.pageSearch .list {
    margin-bottom: 90px;
}
.pageSearch .list a {
    position: relative;
    padding: 40px 0;
    border-bottom: #e6e6e6 1px solid;
}
.pageSearch .list a::after {
    transition: all 0.5s;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #27b7eb;
    content: " ";
}
.pageSearch .list a b {
    padding-bottom: 20px;
    font-size: 20px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pageSearch .list a .clearfix {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    font-size: 16px;
    color: #999;
}
.pageSearch .list a .clearfix i {
    margin-right: 20px;
    padding-left: 26px;
    background: url(../images/icon/i19.png) left center no-repeat;
    font-family: "Montserrat-Bold-3";
}
.pageSearch .list a i {
    font-size: 16px;
    color: #c7c7c7;
}
.pageSearch .list a p {
    font-size: 16px;
    line-height: 30px;
    color: #999;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pageSearch .list a:hover::after {
    transition: all 0.5s;
    width: 100%;
}
.pageSearch .list a:hover b {
    color: #27b7eb;
}
@media (max-width: 1200px) {
    .pageSearch .top {
        position: relative;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        height: 1.08rem;
        margin: 0.8rem auto 0;
    }
    .pageSearch .top input {
        float: left;
        padding-left: 0.48rem;
        width: calc(100% - 1.5rem - 0.48rem);
        height: 1.08rem;
        line-height: 1.1rem;
        font-size: 0.26rem;
        color: #666;
        border: none;
    }
    .pageSearch .top .but {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1.17rem;
        height: 0.65rem;
        border: none;
        border-left: #c6c6c6 1px solid;
        background: url(../images/icon/i18.png) center no-repeat;
        background-size: 0.4rem auto;
    }
    .pageSearch .list {
        padding-top: 0.24rem;
        margin-bottom: 0.8rem;
    }
    .pageSearch .list a {
        padding: 0.56rem 0 0.46rem 0;
        border-bottom: #f1f1f1 1px solid;
    }
    .pageSearch .list a b {
        font-size: 0.3rem;
        color: #333333;
        line-height: 0.42rem;
        font-weight: bold;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        height: 0.84rem;
        padding-bottom: 0;
        margin-bottom: 0.2rem;
    }
    .pageSearch .list a .clearfix {
        font-size: 0.24rem;
        color: #999;
        margin-top: 0.3rem;
        display: flex;
        align-items: center;
        margin: 0;
    }
    .pageSearch .list a .clearfix i {
        padding-left: 0.3rem;
        background: url(../images/icon/i19.png) left center no-repeat;
        background-size: 0.2rem auto;
        margin-right: 0.2rem;
    }
    .pageSearch .list a p {
        font-size: 0.24rem;
        line-height: 0.36rem;
        padding-top: 0.3rem;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .pageSearch .list a i {
        font-size: 0.24rem;
    }
    .pageSearch .top .but:hover{
        background-size: 0.4rem auto;
    }
}
/* 站内搜索结束 */
/* 加入我们开始 */
.pageBanner{
    width: 100%;
    height: 100vh;
    position: relative;
}
.pageBannerBg{
    height: 100%;
    overflow: hidden;
}
.pageBannerBg i{
    width: 100%;
    height: 100%;
    animation-name: pageBannerScale;
    animation-duration: 2s;
    animation-fill-mode: both;
}
.joinVideo{
    width: 100%;
    height: 100%;
}
.joinVideo video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: darken;
}
@keyframes pageBannerScale {
    0%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}
.pageBannerCont{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.pageBannerCont .pageTitle{
    padding-top: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.welfareList{
    position: absolute;
    left: 15%;
    top: 60%;
    opacity: 0;
    transition: all 0.8s;
}
@keyframes welfareMove {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.welfareListText{
    padding: 1vw 5vw;
    box-sizing: border-box;
    background: rgba(255,255,255,0.7);
    border-radius: 20px 20px 20px 0;
    font-size: 20px;
}
.welfareList.active{
    opacity: 1;
}
.welfareList.active:nth-child(1){
    left: 22%;
    top: 35%;
    transition-delay: 0.1s;
}
.welfareList.active:nth-child(2){
    left: 12.23%;
    top: 48%;
    transition-delay: 0.3s;
}
.welfareList.active:nth-child(3){
    left: 24.47%;
    top: 61%;
    transition-delay: 0.2s;
}
.welfareList.active:nth-child(4){
    left: 17.44%;
    top: 74%;
    transition-delay: 0.1s;
}
.welfareList.active:nth-child(5){
    left: 57.3%;
    top: 32%;
    transition-delay: 0.2s;
}
.welfareList.active:nth-child(6){
    left: 71.35%;
    top: 45%;
    transition-delay: 0.3s;
}
.welfareList.active:nth-child(7){
    left: 65.23%;
    top: 58%;
    transition-delay: 0.3s;
}
.welfareList.active:nth-child(8){
    left: 68.22%;
    top: 72%;
    transition-delay: 0.3s;
}
.welfareList.active:nth-child(1) .welfareListText, .welfareList.active:nth-child(2) .welfareListText,
.welfareList.active:nth-child(3) .welfareListText, .welfareList.active:nth-child(4) .welfareListText{
    border-radius: 20px 20px 0 20px;
}
.joinUs .pageCont{
    padding-bottom: 150px;
}
.joinTop{
    position: absolute;
    top: 0;
    left: 0;
    width: 45.625%;
}
.joinTopText{
    font-size: 18px;
    margin-top: 85px;
}
.joinInfo{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*padding-top: 330px;*/
}
.joinSwiper{
    position: relative;
}
.joinSwiper .swiper-slide{
    width: 100%!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.joinSwiper .swiper-slide:before{
    content: '';
    width: 45.625% !important;
    height: 410px;
}
.joinList {
    width: 45.625%!important;
    height: 410px;
    position: relative;
    margin-top: 6.2vw;
    animation-duration: 0.8s;
}
.joinSwiper .swiper-slide.swiper-slide-active .joinList{
    animation-name: fadeInUp_box;
    animation-fill-mode: both;
}
.joinList:nth-child(1){
    animation-delay: 0.1s;
    margin-top: 0;
}
.joinList:nth-child(2){
    animation-delay: 0.3s;
    margin-top: -6.2vw;
}
.joinList:nth-child(3){
    animation-delay: 0.5s;
}
.joinList:nth-child(4){
    animation-delay: 0.7s;
    margin-top: -6.2vw;
}
.joinBox{
    width: 100%;
    height: 100%;
    border-radius: 0 0 50px 0;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
/*.joinBox:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 70%;
    background: linear-gradient(to top, rgba(66,193,255,0.75), rgba(66,193,255,0));
    bottom: 0;
    left: 0;
}*/
.joinImg{
    width: 100%;
    height: 100%;
}
.joinImg i{
    width: 100%;
    height: 100%;
}
.joinCont{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 0 35px 30px 35px;
    box-sizing: border-box;
    z-index: 1;
}
.joinTitle{
    font-size: 22px;
    color: #fff;
}
.joinPageBtn{
    display: flex;
    justify-content: center;
    width: 45.625%;
    position: absolute;
    bottom: 110px;
    right: 0;
    align-items: center;
}
.joinSwiper .swiper-button-prev:after, .joinSwiper .swiper-button-next:after{
    display: none;
}
.joinSwiper .swiper-button-prev, .joinSwiper .swiper-button-next{
    bottom: 0;
    top: unset;
    position: relative;
    margin-top: 0;
}
.joinSwiper .swiper-button-prev{
    width: 45px;
    height: 45px;
    background: url("../images/icon/icon-6.png") center no-repeat;
    background-size: cover;
}
.joinSwiper .swiper-button-next{
    width: 45px;
    height: 45px;
    background: url("../images/icon/icon-7.png") center no-repeat;
    background-size: cover;
}
.joinSwiper .swiper-button-prev:hover{
    background: url("../images/icon/icon-6s.png") center no-repeat;
    background-size: cover;
}
.joinSwiper .swiper-button-next:hover{
    background: url("../images/icon/icon-7s.png") center no-repeat;
    background-size: cover;
}
.joinSwiper .swiper-pagination{
    position: initial;
    width: auto;
    display: flex;
    align-items: baseline;
    left: auto;
    color: #27b7eb;
    font-size: 48px;
    font-family: "Montserrat-Bold-3";
    margin: 0 25px;
}
.joinSwiper .swiper-pagination .s2{
    margin-left: 5px;
}
.joinSwiper .swiper-pagination .s2, .joinSwiper .swiper-pagination .s1{
    font-size: 18px;
}
.recruit{
    margin-top: 180px;
    height: 475px;
    border-radius: 0 0 50px 0;
    overflow: hidden;
    position: relative;
}
.recruit i{
    height: 100%;
    width: 100%;
    transition: all 7s;
    transform: scale(1);
}
.recruit.wow.animated i{
    transform: scale(1.08);
}
.recruit .pageTitleEn{
    font-size: 32px;
}
.recruit .pageTitleCnText{
    font-size: 40px;
    position: relative;
}
.recruit .pageTitleCnText:after{
    content: '';
    position: absolute;
    right: -30px;
    background: url("../images/icon/icon-1.png")center no-repeat;
    width: 16px;
    height: 28px;
    bottom: 18px;
}
.recruit .pageTitleCnIcon{
    margin-bottom: 18px;
}
.recruitCont{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 100px 0 90px 90px;
    box-sizing: border-box;
}
.pop_up_2 {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 32;
    width: 100%;
    height: 100%;
}
.pop_up_2 .swiper-container{
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}
.pop_up_2 .swiper-slide {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop_up_2 .pos {
    max-width: calc(90vw - 114px);
    max-height: 80vh;
}
.pop_up_2 img {
    max-width: 100%;
    max-height: calc(80vh - 92px);
}
.pop_up_2 .next {
    padding-top: 30px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    display: none;
}
.pop_up_2 .swiper-button-prev {
    left: 7%;
    width: 45px;
    height: 45px;
    background: url(../images/icon/icon-18.png) center no-repeat;
}
.pop_up_2 .swiper-button-next {
    right: 7.8%;
    width: 45px;
    height: 45px;
    background: url(../images/icon/icon-19.png) center no-repeat;
}
.pop_up_2 .delete {
    position: fixed;
    right: 7%;
    top: 5%;
    z-index: 16;
    width: 38px;
    height: 38px;
    background: url(../images/icon/icon_120.png) center no-repeat;
    cursor: pointer;
}
.pop_up_2_bac {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 31;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.85;
}
.pop_up_2 .swiper-pagination {
    position: initial;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    font-size: 18px;
}
.pop_up_2 .swiper-pagination span{
    font-size: 24px;
}
.pop_up_2 .swiper-pagination .s1, .pop_up_2 .swiper-pagination .s2{
    font-size: 16px;
    margin-left: 5px;
}
.popSwpier .swiper-button-next:before, .popSwpier .swiper-button-prev:before, .popSwpier .page-item:last-child:before, .popSwpier .page-item:first-child:before{
    border: 2px solid #fff;
}
@media (max-width: 1200px) {
    .joinSwiper{
        overflow: initial;
    }
    .pageBannerCont .pageTitle{
        padding-top: 1.65rem;
    }
    .welfareListText{
        padding: 0.25rem 0.5rem;
        font-size: 0.28rem;
        box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
        border-radius: 0.3rem 0.3rem 0.3rem 0;
        min-width: 2.3rem;
    }
    .welfareList.active:nth-child(1){
        top: 3.75rem;
        left: 0.5rem;
    }
    .welfareList.active:nth-child(2){
        top: 5.2rem;
        left: 0.9rem;
    }
    .welfareList.active:nth-child(3){
        top: 6.6rem;
        left: 0.15rem;
    }
    .welfareList.active:nth-child(4){
        top: 8rem;
        left: 0.4rem;
    }
    .welfareList.active:nth-child(5){
        top: 3.75rem;
        left: 3.75rem;
    }
    .welfareList.active:nth-child(6){
        top: 5.2rem;
        left: 4.5rem;
    }
    .welfareList.active:nth-child(7){
        top: 6.6rem;
        left: 4.25rem;
    }
    .welfareList.active:nth-child(8){
        top: 8rem;
        left: 4.5rem;
    }
    .welfareList.active:nth-child(1) .welfareListText, .welfareList.active:nth-child(2) .welfareListText, .welfareList.active:nth-child(3) .welfareListText, .welfareList.active:nth-child(4) .welfareListText {
        border-radius: 0.3rem 0.3rem 0 0.3rem;
    }
    .joinTop{
        position: initial;
        width: 100%;
    }
    .joinTopText{
        display: none;
    }
    .joinInfo{
        padding-top: 0.05rem;
        padding-bottom: 0;
    }
    .joinList:nth-child(2n+2) .joinBox{
        transform: translateY(0);
    }
    .joinList{
        width: 100% !important;
        height: 3.9rem;
        margin-top: 0.55rem;
    }
    .joinSwiper .swiper-slide:before{
        display: none;
    }
    .joinList:nth-child(1){
        margin-top: 0.55rem;
        animation-delay: 0.1s;
    }
    .joinList:nth-child(2){
        margin-top: 0.55rem;
        animation-delay: 0.2s;
    }
    .joinList:nth-child(3){
        margin-top: 0.55rem;
        animation-delay: 0.3s;
    }
    .joinList:nth-child(4){
        margin-top: 0.55rem;
        animation-delay: 0.4s;
    }
    .joinBox{
        border-radius: 0 0 0.5rem 0;
        margin-top: 0!important;
    }
    .joinCont{
        padding: 0 0.3rem 0.3rem 0.3rem;
    }
    .joinTitle{
        font-size: 0.28rem;
    }
    .joinPageBtn{
        position: initial;
        width: 100%;
        margin-top: 0.65rem;
    }
    .joinSwiper .swiper-button-prev, .joinSwiper .swiper-button-next{
        position: relative;
        margin-top: 0;
        width: 0.8rem;
        height: 0.8rem;
    }
    .joinSwiper .swiper-button-prev{
        background: url("../images/icon/icon-6.png") center no-repeat;
        background-size: cover;
    }
    .joinSwiper .swiper-button-prev:hover{
        background: url("../images/icon/icon-6s.png") center no-repeat;
        background-size: cover;
    }
    .joinSwiper .swiper-button-next{
        background: url("../images/icon/icon-7.png") center no-repeat;
        background-size: cover;
    }
    .joinSwiper .swiper-button-next:hover{
        background: url("../images/icon/icon-7s.png") center no-repeat;
        background-size: cover;
    }
    .joinSwiper .swiper-pagination{
        font-size: 0.58rem;
        margin: 0 0.5rem;
    }
    .joinSwiper .swiper-pagination .s2, .joinSwiper .swiper-pagination .s1{
        font-size: 0.22rem;
    }
    .joinSwiper .swiper-pagination .s2{
        margin-left: 0.1rem;
    }
    .recruit{
        margin-top: 1rem;
        height: 7.5rem;
    }
    .recruit .pageTitle{
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0.95rem;
    }
    .recruitCont{
        padding: 0 0.3rem;
    }
    .recruit .pageTitleEn{
        font-size: 0.32rem;
    }
    .recruit .pageTitleCnText{
        font-size: 0.4rem;
        text-align: center;
    }
    .recruit .pageTitleCnText:after{
        background-size: cover;
        bottom: 0.24rem;
        width: 0.12rem;
        height: 0.22rem;
        right: -0.2rem;
    }
    .recruit .projectMore{
        margin: 0 auto;
        margin-top: 0.55rem;
        color: #fff;
    }
    .recruitMore{
        display: flex;
        justify-content: center;
    }
    .recruit .moreIcon{
        background: url(../images/index/icon-1s.png) center no-repeat;
        background-size: cover;
    }
    .recruit .more:after{
        left: -5%;
        top: -60%;
    }
    .joinUs .pageCont{
        padding-bottom: 1.5rem;
        margin-top: calc(-100vh + 1rem) !important;
    }

    .pop_up_2 .pos {
        max-width: calc(100% - 0.6rem);
    }
    .pop_up_2 .next {
        font-size: 0.32rem;
        padding-top: 0.42rem;
    }
    .pop_up_2 .popSwpier {
        position: initial;
        bottom: 18%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.5rem;
    }
    .pop_up_2 .swiper-button-prev {
        width: 0.8rem;
        height: 0.8rem;
        background-size: cover;
        position: relative;
        margin-top: 0;
        left: auto;
        right: auto;
    }
    .pop_up_2 .swiper-button-next {
        width: 0.8rem;
        height: 0.8rem;
        background-size: cover;
        position: relative;
        margin-top: 0;
        margin-left: 0.5rem;
        left: auto;
        right: auto;
    }
    .pop_up_2 .swiper-pagination {
        display: flex;
        font-size: 0.24rem;
        padding: 0 0.4rem;
        width: auto;
    }
    .pop_up_2 .swiper-pagination span {
        font-size: 0.48rem;
    }
    .pop_up_2 .swiper-pagination .s1 {
        font-size: 0.24rem;
        font-weight: normal;
        margin-top: -0.1rem;
        margin-left: 0.12rem;
    }
    .pop_up_2 .swiper-pagination .s2 {
        font-size: 0.24rem;
        font-weight: normal;
        margin-top: -0.1rem;
        margin-left: 0.12rem;
    }
    .pop_up_2 .delete {
        width: 0.48rem;
        height: 0.48rem;
        right: 0.3rem;
        background-size: contain;
    }
    .popSwpier .swiper-button-next:before, .popSwpier .swiper-button-prev:before, .popSwpier .page-item:last-child:before, .popSwpier .page-item:first-child:before{
        border: 0.04rem solid #fff;
    }
}
/* 加入我们结束 */

#container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.panel {
    position: absolute;
    will-change: transform;
}