@charset "utf-8";


/*!动画*/
@keyframes down {
    form {-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
    to {-webkit-transform: translateY(2em); -ms-transform: translateY(2em); -o-transform: translateY(2em); transform: translateY(2em); opacity: 0; }
}


.banner_box{position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #dddddd; overflow: hidden;}
.banner_box .swiPage{font-family: 'Poppins-Bold'; position: absolute; left: 0.6rem; bottom: 1.14rem; z-index: 10; display: flex; align-items: center;}
.banner_box .swiPage .current, .banner_box .swiPage .total{font-size: 0.28rem; color: #FFFFFF; line-height: 1.5;}
.banner_box .swiScroll{margin: 0 0.16rem; width: 4.34rem; height: 1px; background-color: #fff;}
.banner_box .swiScroll .swiper-scrollbar-drag{background: transparent;}
.banner_box .swiScroll .swiper-scrollbar-drag:before{content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 0.1rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-color: #FFFFFF; border-radius: 0.2rem;}
.banner_box .swiDown{margin-left: -0.25rem; position: absolute; left: 50%; bottom: 0.4rem; width: 0.5rem; height: 0.24rem; background: url(../images/icon-down1.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; z-index: 10; animation: down 1.5s infinite;}
.banner{height: 100%; position: relative; overflow: hidden;}
.banner .swiper-slide{overflow: hidden;}
.banner .con{display: block; height: 100%; position: relative; overflow: hidden;}
.banner .bg, .banner video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; z-index: 1;}
.banner .mask-text{padding: 0 0.6rem; position: absolute; left: 0; bottom: 2.46rem; right: 0; z-index: 10;}
.banner .title{font-family: 'Roboto-Medium'; width: 9.56rem; max-width: 100%; font-size: 0.4rem; color: #FFFFFF; line-height: 1.18;}
.banner .btns-g1{margin-top: 0.32rem;}

.swiperTeam-g1{position: relative;}
.swiperTeam-g1 .swiPagination{position: absolute; left: 0; bottom: 0 !important; right: 0; font-size: 0; text-align: center; z-index: 10; display: none;}
.swiperTeam-g1 .swiPagination .swiper-pagination-bullet{margin: 0 0.04rem; display: inline-block; vertical-align: middle; width: 0.1rem; height: 0.1rem; background-color: #EE7823; opacity: .4;}
.swiperTeam-g1 .swiPagination .swiper-pagination-bullet-active{opacity: 1;}
.swiperTeam-g1 .swiArrow{position: absolute; top: 1.55rem; width: 0.64rem; height: 0.64rem; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 0.2rem auto; background-size: 0.2rem auto; background-color: #F5F5F5; border: 1px solid #f5f5f5; box-shadow: -0.08rem 0.04rem 0.14rem 0 rgba(0,0,0,0.15); border-radius: 50%; cursor: pointer; z-index: 10; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.swiperTeam-g1 .swiArrow.prev{left: -0.32rem; background-image: url(../images/icon-arrow2.png);}
.swiperTeam-g1 .swiArrow.next{right: -0.32rem; background-image: url(../images/icon-arrow3.png);}
.swiperTeam-g1 .swiArrow:hover{border-color: #EEEEEE; background-color: #153D97;}
.swiperTeam-g1 .swiArrow.prev:hover{background-image: url(../images/icon-arrow4.png);}
.swiperTeam-g1 .swiArrow.next:hover{background-image: url(../images/icon-arrow5.png);}
.swiperTeam-g1 .slider{position: relative; overflow: hidden;}
.swiperTeam-g1 .con{display: block;}
.swiperTeam-g1 .pic{margin-bottom: 0.24rem; padding-top: 100%; position: relative; border-radius: 0.12rem; background-color: #333; overflow: hidden;}
.swiperTeam-g1 .tit{font-family: 'Roboto-Regular'; font-size: 0.48rem; color: #1D2130; font-weight: normal; line-height: 1.1;}
.swiperTeam-g1 .job{font-family: 'Roboto-Regular'; margin-top: 0.22rem; font-size: 0.2rem; color: #666666; line-height: 1.2;}

.lst-g1{margin: 0 -0.27rem -0.42rem; display: flex; flex-wrap: wrap;}
.lst-g1 li{padding: 0 0.27rem; margin-bottom: 0.42rem; width: 50%; flex-shrink: 0;}
.lst-g1 .con{display: block;}
.lst-g1 .icon{margin-bottom: 0.23rem; width: 0.76rem; height: 0.76rem; background-color: rgba(21, 61, 151, .1); border-radius: 0.12rem; position: relative; overflow: hidden;}
.lst-g1 .icon img{max-width: 70%; max-height: 70%;}
.lst-g1 .tit{font-family: 'Roboto-Regular'; font-size: 0.24rem; color: #333333; line-height: 1.17; font-weight: normal; min-height: 2.34em;}
.lst-g1 .desc{font-family: 'Roboto-Light'; margin-top: 0.16rem; font-size: 0.16rem; color: #666666; line-height: 1.5;}

.lst-g2{}
.lst-g2 li{border-bottom: 1px solid #BDBDBD;}
.lst-g2 .con{padding: 0.1rem 0; padding-right: 0.96rem; display: block; height: 1.3rem; position: relative; display: flex; align-items: center;}
.lst-g2 .con:before{content: ''; position: absolute; right: 0; top: 50%; width: 0.34rem; height: 0.34rem; background-image: url(../images/icon-arrow1.png); background-position: center center; -webkit-background-size: contain; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.lst-g2 .tit{font-family: 'Roboto-Regular'; font-size: 0.24rem; color: #333333; font-weight: normal; line-height: 1.5; max-height: 4.5em; overflow: hidden; -webkit-line-clamp: 3;}
.lst-g2 .tit span{}



.row-home1{margin-top: 100vh; background-color: #fff; position: relative; z-index: 10;}
.row-ind1{padding: 0.72rem 0 0.7rem; overflow: hidden;}
.row-ind2{padding: 0.64rem 0 1.02rem; overflow: hidden;}
.row-ind2 .hd-g1{margin-bottom: 0.6rem;}
.row-ind3{padding: 1.15rem 0 1.25rem; overflow: hidden;}
.row-ind3 .hd-g1{margin-bottom: 0.5rem;}

.boxAbout-g1{font-family: 'Roboto-Light'; margin-bottom: 0.78rem; font-size: 0.34rem; color: #666666; line-height: 1.5; display: flex; justify-content: space-between; align-items: flex-start;}
.boxAbout-g1 .hd-g1{display: block; flex-shrink: 0;}
.boxAbout-g1 .hd-g1 .btns-g1{margin-top: 40px;}
.boxAbout-g1 .right{width: 49.22%; flex-shrink: 0;}
.boxAbout-g1 .right span{font-family: 'Roboto-Medium'; color: #333333;}

.boxAbout-g2{display: flex; justify-content: space-between;}
.boxAbout-g2 .left{width: 29.38%; flex-shrink: 0;}
.boxAbout-g2 .pic{border-radius: 0.12rem; position: relative; overflow: hidden; background-color: #333;}
.boxAbout-g2 .pic:after{content: ''; display: block; padding-top: 172.34%;}
.boxAbout-g2 .right{width: 66.48%; flex-shrink: 0;}

.boxRese-g1{display: flex; justify-content: space-between; align-items: flex-start;}
.boxRese-g1 .left{width: 39.3%; flex-shrink: 0;}
.boxRese-g1 .pic{position: relative; background-color: #333; border-radius: 0.12rem; overflow: hidden;}
.boxRese-g1 .pic:after{content: ''; display: block; padding-top: 71.17%;}
.boxRese-g1 .right{margin-top: -0.35rem; width: 57.1%; flex-shrink: 0;}












@media (max-width: 1439px) {

}

@media (max-width: 1199px) {
    .banner_box{position: static; height: 240px;}
    .banner_box .swiPage{bottom: 0.15rem; left: 0.2rem;}
    .banner_box .swiPage .current, .banner_box .swiPage .total{font-size: 0.2rem;}
    .banner_box .swiScroll{margin: 0 0.08rem; width: 2.4rem;}
    .banner_box .swiDown{display: none;}
    .banner .mask-text{bottom: 0.7rem; padding: 0 0.2rem;}
    .banner .title{font-size: 0.28rem;}
    .banner .btns-g1{margin-top: 0.2rem;}
    .swiperTeam-g1{padding-bottom: 0.3rem;}
    .swiperTeam-g1 .swiArrow{display: none;}
    .swiperTeam-g1 .swiPagination{display: block;}
    .swiperTeam-g1 .pic{margin-bottom: 0.15rem;}
    .swiperTeam-g1 .tit{font-size: 0.22rem;}
    .swiperTeam-g1 .job{margin-top: 0.1rem; font-size: 0.18rem;}
    .lst-g1{margin: 0 -0.1rem -0.3rem;}
    .lst-g1 li{padding: 0 0.1rem; margin-bottom: 0.3rem;}
    .lst-g1 .icon{margin-bottom: 0.1rem; width: 0.54rem; height: 0.54rem;}
    .lst-g1 .tit{font-size: 0.2rem;}
    .lst-g2 .con{padding-right: 0.5rem;}
    .lst-g2 .tit{font-size: 0.2rem;}
    .row-home1{margin: 0;}
    .row-ind1, .row-ind2, .row-ind3{padding: 0.4rem 0;}
    .boxAbout-g1{display: block !important; margin-bottom: 0.25rem; font-size: 0.18rem;}
    .boxAbout-g1 .hd-g1, .boxAbout-g1 .right{width: 100%;}
    .boxAbout-g1 .hd-g1{display: flex; justify-content: space-between; align-items: center;}
    .boxAbout-g1 .hd-g1 .btns-g1{margin: 0;}
    .boxAbout-g2{display: block;}
    .boxAbout-g2 .left, .boxAbout-g2 .right{width: 100%;}
    .boxAbout-g2 .left{display: none;}
    .boxRese-g1{display: block;}
    .boxRese-g1 .left{display: none;}
    .boxRese-g1 .right{margin: 0; width: 100%;}
}

@media (max-width: 959px) {

}

@media (max-width: 767px) {

}