.home{
    background-color: #352C84;
}
.home .contain{
    background-color: #f3f3f3;
    overflow: hidden;
}
.banner {
    overflow: hidden;
    position: relative;
}
.banner .slick-initialized .slick-slide{    position: relative;}
.banner .slick-next,.banner .slick-prev{font-size: 0;position:absolute;
    width:31px;height:80px;line-height:50px;top:55%;
    text-align:center;color:#fff;border:none;outline:0;z-index:8;
    cursor:pointer;
    -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;
    transition:.3s;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
        
}
.banner .slick-prev{top:48%;left:0;background: url(../../image/index/sp.png) no-repeat;background-size: contain;opacity: 0;filter:alpha(opacity=0); }
.banner .slick-next{top:48%;right:0;background: url(../../image/index/sn.png) no-repeat;background-size: contain;opacity: 0;filter:alpha(opacity=0);}
.banner .slick-prev:hover{opacity: 1;filter:alpha(opacity=100);}
.banner .slick-next:hover{opacity: 1;filter:alpha(opacity=100);}

.banner .slider.slick-initialized.slick-slider:hover .slick-arrow {
    opacity: 0.8;filter:alpha(opacity=80);transition:all ease-in .3s;
}
.banner .slick-arrow:hover{opacity: 1!important;filter:alpha(opacity=100)!important;}

.banner .slick-dots{
    position: absolute;
    right: 70%;
    bottom: 10px;
    text-align: center;
    z-index: 9;
}
.banner .slick-dots li{display:inline-block;margin-right:14px}
.banner .slick-dots li button{
    display: block;width: 16px;height: 16px;
    font-size: 0;line-height: 0;border-radius: 50%;
    border: none;cursor: pointer;
    font-size:14px;color:#1d50a2;line-height:24px;text-align:center;border:2px solid #352C84;padding:0;cursor:pointer;
    background:#fff;
}
.banner .slick-dots li.slick-active button{background-color: #352C84;border-color: #fff;}


.banner .banner-txt{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 62px;
    width: 65%;
    color: #fff;
    padding-left: 25px;
    text-align: left;
    display: flex;
    align-items: center;
    background-color: #352C84;
    font-size: 27px;
    border-top-left-radius: 50px;
}
/*.m-banner-txt{*/
/*    display: none;*/
/*    color: #fff;*/
/*    background-color: #352C84;*/
/*    font-size: 14px;*/
/*    height: 26px;*/
/*    line-height: 30px;*/
/*    text-align: center;*/
/*    width: 100%;*/
/*}*/

.banner{
    padding-top: 39.3229%;
    position: relative;
    overflow: hidden;
}
.banner-video {
    width: 100%;
    height: 100%;
}
.banner-video video{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.banner .slider{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.banner .slick-list, .banner .slick-track{
    height: 100%;
}
.banner .slider-img{
    height: 100%;
}
.banner .slider-img img{
    width: 100%;
    height: 100%;
}

.research_banner .slick-next,.research_banner .slick-prev{font-size: 0;position:absolute;
    width:36px;height:36px;line-height:50px;top:55%;
    text-align:center;color:#fff;border:none;outline:0;z-index:8;
    cursor:pointer;
    -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;
    transition:.3s;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.45);
    border-radius: 50%;  
}
.research_banner .slick-prev{left:3px;top:48%;
    /* background: url(../image/index/arrow_left.png) no-repeat;background-size: contain; */
    background: url(../../image/index/arrow_right.png) no-repeat;
    background-size: contain;
    transform: rotateZ(180deg);
}
.research_banner .slick-next{right:3px;top:48%;background: url(../../image/index/arrow_right.png) no-repeat;background-size: contain;}
/*
// .banner .slick-dots li button{display: block;width: 24px;height: 24px;
//     font-size: 0;line-height: 0;border-radius: 50%;
//     border: none;cursor: pointer;
//     font-size:14px;color:#1d50a2;line-height:24px;text-align:center;border:none;padding:0;cursor:pointer;
//     background:#fff;
// }
// .banner .slick-dots li.slick-active button{background-color: #1D50A2;color: #fff;}
*/
.more{
    color:#666666;
    display: inline-flex;
    align-items: center;
    padding-top: 20px;
    font-size: 18px;
}
.more .more_img{
    margin-left: 10px;
    width: 26px;
    vertical-align: bottom;
}

.about{
    display: flex;
    justify-content: space-between;
    margin: 4.7292% auto 11.3333%;
    width: 83.3333%;
    max-width: 1600px;
    padding: 0 4.375%;
}
.about .img-file{
    position: absolute;
    left: 13%;
    top: 3%;
    width: 44.6%;
}
.about .area-img{
    width: 50%;
    position: relative;
    padding: 0 22px 0 72px;
}
.about .area-img .bg{
    width: 100%;
    position: relative;
}
.about .area-img .bg .img1{
    width: 100%;
}
.about .area-img .img2{
    position: absolute;
    width: 36.8794%;
    left: 4.255%;
    top: 12.766%;
    z-index: 2;
}
.about .area-img .img4{
    position: absolute;
    width: 38.4%;
    left: 10.255%;
    top: 36.766%;
    z-index: 2;
}
.about .area-img .img3{
    position: absolute;
    width: 70.922%;
    left: 26.9504%;
    top: 18.4397%;
}

.area-img .name{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #cca84d;
    margin-top: 20px;
}

.about .area-desc{
    width: 50%;
    padding-left: 4.6875%;
    text-align: justify;
}
.about .area-desc .tit{
    margin-bottom: 68px;
    font-size: 48px;
}
.about .area-desc .desc{
    font-size: 18px;
    position: relative;
    padding-top:15%;
}
/* .about .area-desc .desc .txt{
    text-indent: 2em;
} */
/* .about .area-desc .desc .txt.txt1{
    margin-bottom: 36px;
} */
.about .area-desc .desc img{
    width: 34px;
}
.about .area-desc .desc .img-left{
    position: absolute;
    left: 0;
    top: 2.5%;
}
.about .area-desc .desc .img-right{
    position: absolute;
    right: 0;
    bottom: 0;
}

/* research*/
.research{
    display: flex;
    position: relative;
    align-items: stretch;
}
.research_cont{
    background-color: #fff;
    flex:1;
    width: 56.5104%;
    position: relative;
    z-index: 90;
    /* padding: 0 45px; */
}
.research .img_bg{
    width: 43.4895%;
    position: relative;
}
.research .img_bg .img{
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    position: relative;
    z-index: 100;
}
.research .img_bg .img.pc{
    display: block;
}
.research .img_bg .img.mb{
    display: none;
}
.research .research_wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #f3f3f3;
    z-index: 10;
}
.research .research_txt{
    position: absolute;
    top: 47%;
    left: 51%;
    z-index: 100;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    font-size: 30px;
}
.research .research_btn{
    position: absolute;
    left: 47%;
    transform: translateX(-50%);
    bottom: 10%;
    font-size: 20px;
    background-color: #CCA84D;
    color: white;
    z-index: 100;
    border-radius: 25px;
    padding: 2px 15px;
    display: flex;
    align-items: center;
}
.research .research_btn img{
    margin-left: 10px;
}

.research .semicircle1{
    position: absolute;
    z-index: 100;
    width: 7.5%;
    left: 30%;
    top: -5%;
}
.research .semicircle2{
    position: absolute;
    z-index: 100;
    width: 4.5%;
    left: 21%;
    bottom: -2%;
}
.research .semicircle3{
    position: absolute;
    z-index: 100;
    width: 10%;
    bottom: -5%;
    left: 72.5%;
}

.research .slide img{
    width: 100%;
}
.research .slider{
    width: 95.5%;
    margin: 0 auto;
    position: relative;
    padding-top: 48.08%;
    overflow: hidden;
}
.research .slider .item{
    width: 100%;
    height: 100%;
}
.research .slick-list{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 89.496%;
    height: 100%;
}
.research .slick-track{
    height: 100%;
}
.research_banner{
    position: relative;
}
.research_banner .research_tit{
    font-size: 48px;
    padding: 30px 0 20px 0;
    width: 100%;
    text-align: center;
    line-height: 1;
}
.research .slider .slider-img{
    height: 100%;
    object-fit: cover;
}

.research_desc{
    width: 100%;
    padding: 2% 7.5% 2%;
    font-size: 24px;
}
.research_desc .c_cca84d{
    line-height: 1.2;
    display: inline-block;
}
.research_desc .txt{
    padding: 10px 0 10px;
    font-size: 18px;
}
.research_desc .txt .ky_zuozhe{
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1.2;
}
.research_desc .more{
    padding-top: 5px;
}
.research_desc .more:hover {
    color: #cca84d;
}

/*recruitment */
.recruitment{
    position: relative;
    padding: 80px 0 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    width: 83.3333%;
}  
.recruitment_img{
    width: 50%;
    position: relative;
    text-align: center;
}
.recruitment_img img{
    width: 91.75%;
}
.recruitment_cont{
    width: 50%;
}
.recruitment_cont .tit{
    text-align: center;
    font-size: 48px;
    padding: 15px 0;
    line-height: 1;
    color: white;
}
.recruitment_cont .r-list{
    width: 100%;
}
.recruitment_cont .r-list > div{
    text-align: center;
    margin-top: 15px;
}
.recruitment_cont .r-row{
    display: inline-block;
    width: 36.25%;
    padding-top: 35%;
    position: relative;
    overflow: hidden;
}
.recruitment_cont .r-row::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(51,51,153,.78);
    opacity: 0;
    transition: 1.25s;
    z-index: 5;
}
.recruitment_cont .r-row:not(:first-child){
    margin-left: 55px;
}
.recruitment_cont .r-row .img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1.25s;
}
.recruitment_cont .r-row .txt{
    position: absolute;
    bottom: 5px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 24px;
    transition: all 1.25s;
    z-index: 6;
}

/*国际合作*/
.internationality{
    display: flex;
    position: relative;
}
.internationality_cont{
    flex:1;
    width: 55%;
    position: relative;
    text-align: center;
    background: url(../../image/index/internationality/bg.png) 100% 100% no-repeat;
    background-position: top;
    background-color: #f3f3f3;
}
.internationality_cont > * {
    position: relative;
    z-index: 50;
}
.internationality_cont .tit{
    width: 80%;
    padding: 8% 0;
    font-size: 48px;
    margin-left: 10%;
    margin-right: 10%;
}
.internationality_cont .img{
    width: 33.3%;
    position: relative;
    padding-top: 12%;
    margin-bottom: 5px;
}
.internationality_cont .img img{
    max-height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.internationality_cont .more{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    color:#666666;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    font-size: 18px;
}
.internationality_cont .more:hover {
    color: #cca84d;
}
/* .internationality_cont .more_img{
    margin-left: 5px;
    width: 24px;
    vertical-align: bottom;
} */
.internationality_logo{
    width: 85%;
    margin-left: 7.5%;
    margin-right: 7.5%;
    display: flex;
    flex-wrap: wrap;
}
.internationality_img{
    width: 45%;
    position: relative;
}
.internationality_img .img{
    vertical-align: bottom;
    position: relative;
    z-index: 100;
    width: 100%;
}
.internationality_img .internationality_wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #fff;
    z-index: 10;
}
.internationality_img .internationality_wrap .wrap-img{
    display: none;
}
.internationality_img .semicircle1{
    position: absolute;
    z-index: 100;
    width: 7.5%;
    left: 30%;
    top: 5%;
}
.internationality_img .semicircle2{
    position: absolute;
    z-index: 100;
    width: 4.5%;
    left: 42%;
    bottom: 18%;
}
.internationality_img .semicircle3{
    position: absolute;
    z-index: 100;
    width: 13%;
    bottom: -3%;
    left: 63%;
}


.bg-wrap{
    background-image: url(../../image/index/bg.png);
    background-position: 0% 55%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
}
.bg-wrap .wrap{
    background-color: rgba(21, 11, 124, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* high-lights */
.high-lights{
    background-color: #fff;
    text-align: center;
    color: #333;
    padding-bottom: 110px;
}
.high-lights .tit{
    width: 84%;
    display: inline-block;
    margin: 0 auto;
    position: relative;
}
.high-lights .tit::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    width: 40%;
    background: #F3F3F3;
}
.high-lights .tit::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    width: 40%;
    background: #F3F3F3;
    z-index: 800;
}
.high-list{
    width: 83.3333%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    padding-top:  30px;
}
.high-list>div{
    flex:1;
    width: 50%;
}
.high-list .l{
    height: 180px;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    box-sizing: border-box;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}
.high-list .img{
    height: 40px;
}
.high-list .high-left .num{
    font-size: 72px;
    font-family: 'Times New Roman', Times, serif;
}
.high-list .high-left .small{
    font-size: 18px;
}
.high-list .high-right .num{
    font-size: 40px;
    font-family: 'Times New Roman', Times, serif;
    line-height: 1.2;
}
.high-list .high-right .small {
    font-size: 16px;
}
.high-list .noBorBot{
    border-bottom: none;
}
.high-list .noBorRig{
    border-right: none;
}

.recruitment_cont .r-row:hover .img{
    transform: scale(1.15);
}
.recruitment_cont .r-row:hover::before{
    opacity: 1;
}
.recruitment_cont .r-row:hover .txt{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
}

@media only screen and (max-width:1680px){
    .research .research_txt{
        font-size: 25px;
    }
    .high-list .high-left .num{
        font-size: 64px;
    }
    .high-list .high-right .num{
        font-size: 34px;
    }
}

@media only screen and (max-width:1440px){
    .research .research_btn{
        font-size: 18px;
    }
    .high-list .high-left .num{
        font-size: 56px;
    }
    .high-list .high-left .small{
        font-size: 16px;
    }
    .high-list .high-right .num{
        font-size: 28px;
    }
    .high-list .high-right .small {
        font-size: 14px;
    }
}
@media screen and (min-width: 1201px) {
    .m-banner-txt {
        display: none; /* 在电脑端隐藏 */
    }

    .banner-txt-1 {
        display: none;
    }
}
@media only screen and (max-width:1200px){
    .about{
        display: block;
    }
    .about .area-desc,
    .about .area-img{
        width: 100%;
    }
    .about .area-img{
        padding: 0;
        text-align: center;
    }
    .about .area-desc{
        padding-left: 0;
    }
    .about .area-desc .tit{
        font-size: 30px;
    }
    .about .area-desc .desc{
        font-size: 16px;
    }
    .research{
        display: block;
    }
    .research .img_bg{
        width: 100%;
    }
    .research .img_bg .img.pc{
        display: none;
    }
    .research .img_bg .img.mb{
        display: block;
    }
    .research .semicircle1{
        left: 21%;
        top: -5%;
    }
    .research .semicircle2{
        left: 14%;
        bottom: -5%;
    }
    .research .semicircle3{
        bottom: -15%;
        left: 75%;
    }
    
    .research .research_btn{
        font-size: 20px;
    }

    .research_cont{
        width: 100%;
        padding: 0;
    }
    .research_desc{
        width: 100%;
        padding: 4% 5%;
        margin: 0;
    }
    .research_desc .c_cca84d{
        font-size: 20px;
        line-height: 1.2;
        display: block;
    }
    .research_desc .txt{
        padding: 10px 0;
        font-size: 16px;
    }
    .research_banner{
        left: 0;
    }
    .research_desc .more{
        padding-top: 10px;
        font-size: 18px;
        /* margin-bottom: 34px; */
    }
    .research .research_wrap{
        top: 0%;
        height: 100%;
        background-color: #fff;
    }
    .recruitment{
        display: block;
        width: 90%;
        padding-bottom: 100px;
    }
    .recruitment_cont,
    .recruitment_img{
        width: 100%;
    }
    .recruitment_cont{
        margin-top: 35px;
    }

    .banner .slick-next, .banner .slick-prev{
        display: none !important;
    }

    .banner .slick-dots {
        right: 50%;
        transform: translateX(50%);
        display: none !important;
    }

    .m-banner-txt {
        display: block; /* 在移动设备上显示 */
        color: #fff;
        background-color: #352C84;
        font-size: 14px;
        height: 26px;
        line-height: 30px;
        text-align: center;
        width: 100%;
    }
    .banner .banner-txt {
        display: none;
    }

    .high-lights .high-list {
        display: block;
        width: 100%;
    }

    .high-lights .high-list>div {
        width: 100%;
    }
    .bg-wrap{
        background-size: 100% 100%;
    }

    .internationality{
        flex-direction: column;
        flex-direction: column-reverse;
    }
    .internationality_img,
    .internationality_cont{
        width: 100%;
    }
    .internationality_cont .tit,
    .internationality_logo,
    .internationality_cont .more{
        width: 100%;
        margin: 0 auto;
    }
    .internationality_logo .img{
        width: 50%;
        margin-bottom: 15px;
        padding-top: 15%;
    }
    .internationality_cont .more{
        padding-bottom: 21px;
    }
    
    .internationality_img .internationality_wrap .wrap-img{
        display: block;
    }
    .internationality_cont{
        background: linear-gradient(to bottom, #fff, #F7F7F5);
    }
    .recruitment_cont .r-row .txt{
        font-size: 16px;
    }
    .research_banner .slick-prev{
        left: -40px;
    }
    .research_banner .slick-next{
        right: -40px;
    }
    .research_banner .research_tit{
        font-size: 40px;
    }
    .research .slick-slider {
        overflow: visible;
        width: 78%;
        padding-top: 44%;
    }
    .research .slick-list{
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    .about{
        width: 100%;
    }
    .research .research_txt{
        font-size: 20px;
    }
    
    .banner .banner-txt{
        font-size: 3.1vw;
    }
    .recruitment_cont .r-row .txt{
        font-size: 14px;
    }
    .research .research_btn{
        font-size: 14px;
        padding: 2px 10px;
    }
    .high-list .l{
        height: 120px;
    }
    .high-list .high-left .num{
        font-size: 28px;
    }
    .high-list .high-left .small{
        font-size: 16px;
    }
    .high-list .high-right .num{
        font-size: 16px;
        line-height: 1.45;
        margin-top: 6px;
    }
    .high-list .high-right .small {
        font-size: 12px;
    }
}

@media only screen and (max-width:480px) {
    .research_btn{
        font-size: 12px;
        padding: 2px 5px;
    }
    .research_banner .slick-next, .research_banner .slick-prev{
        width: 30px;
        height: 30px;
    }
}