@charset "utf-8";
/* ===================首页样式========================== */
/* banner */
.banner{width: 100%;position: relative;}
.banner .gallery .gallery-more{width: 100%;position: relative;}
.banner .gallery .gallery-more>img{width: 100%;}
.banner .gallery .gallery-more .cont{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;}
.banner .gallery .gallery-more .cont .contain{display: flex;justify-content: center;align-items: center;}
.banner .gallery .gallery-more .cont .content{background-color: rgba(0, 0, 0, 20%);text-align: center;padding: 50px 100px;}
.banner .thumbs{position: absolute;width: 100%;background-color: rgba(0, 0, 0, 40%);bottom: 0px;left: 0px;height: 80px;z-index: 999;}
.banner .thumbs .swiper-slide a{display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;transition: all .4s ease;border-left: 1px solid rgba(255, 255, 255, 15%);}
.banner .thumbs .swiper-container{height: 100%;}
.banner .thumbs .contain{height: 100%;}
.banner .thumbs .swiper-slide a img{margin-right: 20px;}
.banner .thumbs .swiper-slide a.active,.banner .thumbs .swiper-slide a:hover{background-color: #093090;}
.banner .thumbs .swiper-slide:nth-child(1) a{border-left: 0px;}

/* 公共标题 */
.commonTitle{width: 100%;position: relative;}
.commonTitle .line{display: flex;justify-content: center;}
.commonTitle .line>div{width: 50px;height: 2px;background-color: #093090;}
/* 公共按钮 */
.commonBtn{width:100%;display: flex;justify-content: center;}
.commonBtn .btn{width: 140px;height: 45px;}
.commonBtn .btn a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background-color: #093090;border-radius: 30px;}
.commonBtn .btn i{margin-right: 10px;transition: all .4s ease;}
.commonBtn .btn a:hover i{transform: rotate(180deg);}

/* indxw */
.indxw{background-color: #f8f8f8;}
.indxw .cont{width: 100%;position: relative;}
.indxw .cont .cont-l{width: 55%;position: relative;}
.indxw .cont .cont-r{width: 45%;padding-left: 70px;}
.indxw .cont .cont-l .back{width: 100%;height: 100%;z-index: 997;position: absolute;top: -30px;left: 0px;padding-left: 10px;padding-right: 65px;}
.indxw .cont .cont-l .back>div{background-image: -webkit-linear-gradient( 338deg, rgb(9,48,144) 0%, rgb(7,128,231) 100%);width: 100%;height: 100%;}
.indxw .cont .cont-l .indxw-svp{position: relative;z-index: 998;height: 100%;}
.indxw .cont .cont-l .indxw-svp .swiper-container{height: 100%;}
.indxw .cont .cont-l .indxw-svp .cont-lun{position: relative;height: 100%;}
.indxw .cont .cont-l .indxw-svp .cont-lun>img{width: 100%;height: 100%;}
.indxw .cont .cont-l .indxw-svp .cont-lun .show{background-color: rgba(0, 0, 0, 20%);padding: 30px;position: absolute;bottom: 0px;width: 100%;left: 0px;z-index: 99;}
.indxw .swiper-btn i{font-size: 50px;color: #fff;font-weight: 700;position: absolute;top: 40%;left: 0px;z-index: 999;}
.indxw .swiper-btn.next i{left: auto;right: 0px;}
.indxw .cont .cont-r .content{background-color: #fff;padding: 30px 50px 30px 0px;}
.indxw .cont .cont-r .content li{width: 100%;margin-bottom: 30px;}
.indxw .cont .cont-r .content li:last-child{margin-bottom: 0px;}
.indxw .cont .cont-r .content li .data{display: flex;justify-content: center;align-items: center;width:90px;height: 90px;background-color: #e3ebff;flex-direction: column;border-radius: 25px 0px 25px 0px;color: #000;transition: all .4s ease;}
.indxw .cont .cont-r .content li .data .text1{font-family: 'Montserrat';margin-bottom: -8px;}
.indxw .cont .cont-r .content li:hover .data{background-color: #093090;color: #fff;}
.indxw .cont .cont-r .content li .line{height: 90px;display: flex;margin-right: 30px;padding-top: 25px;}
.indxw .cont .cont-r .content li .line>div{height: 14px;width: 14px;background-color: #093090;border-radius: 100%;border: 4px solid #e3ebff;}
.indxw .cont .cont-r .content li .text{width: 370px;display: flex;align-items: center;}
.indxw .cont .cont-r .content li:hover .text>div{color: #093090;}
.indxw .cont .cont-r .content li .text>div{transition: all .4s ease;}
.indxw .cont .cont-r .content li .data{transform: translateX(-30px);}

/* indzj */
.indzj{background: url(../images/index/indzj-back.jpg)center no-repeat;background-size: cover;}
.indzj .cont-l{width: 64%;padding-right: 400px;}
.indzj .cont-r{width: 36%;}
.indzj .cont-l .commonTitle .line{justify-content: left;}
.indzj .cont-l .commonTitle .line>div{background-color: #fff;}
.indzj .cont-l .btn{width: 155px;height: 45px;}
.indzj .cont-l .btn a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;border-radius: 30px;transition: all .4s ease;background-color: #093090;align-items: center;}
.indzj .cont-l .btn .img{margin-left: 10px;}
.indzj .cont-l .btn a>div{display: flex;align-items: center;}
.indzj .cont-l .btn a:hover{transform: translateY(-5px);}
.indzj .cont-r li{border-bottom: 1px solid rgba(255, 255, 255, 20%);padding-bottom: 20px;margin-bottom: 20px;}
.indzj .cont-r li:last-child{margin-bottom: 0px;border-bottom: 0px solid #fff;}
.indzj .cont-r li .show{position: relative;}
.indzj .cont-r li .show .show-r{position: absolute;right: 0px;top: 0px;transition: all .4s ease;}
.indzj .cont-r li .show .show-r i{font-size: 18px;color: #fff;display: none;}
.indzj .cont-r li .hide{padding-top: 20px;color: #b0c4e2;}
.indzj .cont-r li.active .show .show-r{transform: rotate(180deg);}
.indzj .scroll{border-top: 1px solid rgba(255, 255, 255, 20%);}
.indzj .scroll ul{margin-right: -60px;}
.indzj .scroll li{align-items: flex-end;padding: 40px 0px;margin-right: 60px;width: calc(20% - 60px);position: relative;}
.indzj .scroll li .img{position: absolute;right: 0px;}
.indzj .scroll li .cont .title{margin-bottom: -3px;margin-top: -13px;}
.indzj .scroll li .cont .text{margin-bottom: -5px;}
.indzj .cont-l .commonTitle a{transition: all .4s ease;}
.indzj .cont-l .commonTitle a:hover{color: #093090;}
/* indal */

.indal .cont{width: 100%;}
.indal .cont .list-muen1{width: calc(50% - 25px);margin-right: 25px;position: relative;overflow: hidden;}
.indal .cont .list-muen1 img{height: 100%;width: 100%;transition: all .4s ease;}
.indal .cont .list-muen1 img:hover{transform: scale(1.04);}
.indal .cont>ul{margin-right: -25px;}
.indal .cont .list-muen1 .title{position: absolute;left: 0px;bottom: 0px;width: 100%;padding: 0px 40px 20px 20px;}
.indal .cont .list-muen2{position: relative;width: calc(50% - 25px);margin-right: 25px;margin-bottom: 25px;overflow: hidden;}
.indal .cont .list-muen1>ul{margin-right: -25px;margin-bottom: -25px;}

/* indry */
.indry{background: url(../images/index/indry-back.jpg)center no-repeat;background-size: cover;width: 100%;position: relative;}
.indry .img{display: flex;align-items: flex-end;height: 460px;}
.indry .ind-svp{display: flex;justify-content: center;position: relative;}
.indry .ind-svp .svp{width: 980px;}
.indry .ind-svp .swiper-btn i{font-size: 20px;color: #616879;}
.indry .ind-svp .swiper-btn a{width: 44px;height: 44px;border: 2px solid #616879;display: flex;align-items: center;justify-content: center;border-radius: 100%;}
.indry .ind-svp .swiper-btn{position: absolute;top: 40%;left: 0px;z-index: 999;}
.indry .ind-svp .swiper-btn.next{left: auto;right: 0px;}





/*  */
.banner .thumbs-prev i,.banner .thumbs-next i{font-size: 30px;color: #fff;position: absolute;top: 20%;z-index: 999;display: none;}
.banner .thumbs-prev i{left: 0px;}
.banner .thumbs-next i{left: auto;right: 0px;}


.indxw .cont .cont-l .back>div{display: none;}

.indxw-svp{position: relative;}
.indxw-svp .page .swiper-pagination-bullet{margin: 0px 5px;}
.indxw-svp .page .swiper-pagination{display: flex;}
.indxw-svp .page {position: absolute;bottom: 40px;right: 125px;}
/* .indxw-svp .page .swiper-pagination-bullet{background-color: #fff;opacity: .5;}
.indxw-svp .page .swiper-pagination-bullet-active{background-color: #093090;opacity: 1;} */



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indxw .cont .cont-r .content {padding: 30px 30px 30px 0px;}
    .indxw .cont .cont-r .content li .text {width: 300px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indxw .cont .cont-l {width: 100%;}
    .indxw .cont .cont-r {margin-top: 20px;width: 100%;padding-left: 0px;}
    .indxw .cont .cont-r .content li .data {transform: translateX(0px);}
    .indxw .cont .cont-r .content {padding: 30px;}
    .indxw .cont .cont-r .content li .line {margin-right: 30px;margin-left: 30px;}
    .indxw .cont .cont-r .content li .text {width: 690px;}
    .indzj .cont-l {width: 64%;padding-right: 200px;}
    .indry .img {height: auto;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .indry .ind-svp .svp {width: 800px;}
    .indxw .cont .cont-l .back{display: none;}
    .indzj .cont-l {width: 64%;padding-right: 135px;}
    .indzj .cont-r {width: 36%;height: 400px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner .gallery .gallery-more .cont .content {padding: 25px 70px;}
    .indxw .cont .cont-r .content li .text {width: 430px;}
    .indzj .scroll li .cont .text {margin-bottom: 10px;}
    .indzj .scroll li {justify-content: center;text-align: center;}
    .indzj .scroll li .img {position: static;}
    .indzj .cont-l {width: 100%;padding-right: 0px;margin-bottom: 40px;}
    .indzj .cont-r {width: 100%;height: 400px;}
    .indal .cont .list-muen1 {width: 100%;margin-right: 0px;margin-bottom: 25px}
    .indal .cont>ul {margin-right: 0px;margin-bottom: -25px;}
    .indry .ind-svp .svp {width: 500px;}
    .indry .img {height: 340px;}
    .banner .gallery .gallery-more>img {height: 500px;}
    .indry .img {height: auto;}

}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner .gallery .gallery-more>img {height: 400px;}
    .indxw .cont .cont-l .indxw-svp .cont-lun>img {height: 400px;}
    .indxw .cont .cont-l .indxw-svp .cont-lun .show {padding: 10px;}
    .indxw .cont .cont-r .content {padding: 15px;}
    .indxw .cont .cont-r .content li .line {margin-right: 10px;margin-left: 10px;}
    .indxw .cont .cont-r .content li .data {width: 100%;}
    .indxw .cont .cont-r .content li .line {margin: 0px auto;height: 30px;}
    .indxw .cont .cont-r .content li .text {width: 100%;}
    .indzj .scroll ul {margin-right: -40px;margin-bottom: -20px;}
    .indzj .scroll li .cont .title {margin-bottom: 0px;margin-top: 0px;}
    .indzj .scroll {padding: 20px 0px;}
    .indzj .scroll li {justify-content: flex-start;text-align: inherit;}
    .indzj .scroll li .img {position: absolute;}
    .indzj .scroll li .cont .text {margin-bottom: -4px;}
    .indal .cont .list-muen2 {width: 100%;margin-right: 0px;}
    .indal .cont .list-muen1>ul {margin-right: 0px;}
    .indry .ind-svp .svp {width: 100%;}
    .banner .thumbs-prev i,.banner .thumbs-next i{display: block;}
    .banner .gallery .gallery-more .cont .content {padding: 25px 30px;}
    .indry .img {height: auto;}
    .indzj .scroll li {padding: 0px;margin-right: 40px;width: calc(50% - 40px);margin-bottom: 20px;}
    .indxw .cont .cont-r .content li .line{display: none;}
    .indxw .cont .cont-l{margin-bottom: 15px;}
    .indxw-svp .page{position: static;display: flex;justify-content: center;transform: translateY(15px);}
}
/* -------------------------2k端--------------------------- */
@media all and (min-width:2000px) and (max-width:3000px) {
    /* 1920设计稿 2560分辨率【所有宽度 × (2560÷1920 ≈ 1.5)】【电脑缩放1920÷2560 = 75%】 */
    .indzj .cont-l {padding-right: 450px;}
}
/* -------------------------4k端--------------------------- */
@media all and (min-width:3000px) and (max-width:5000px) {
    /* 1920设计稿 3840分辨率【所有宽度 × (3840÷1920 = 2)】【电脑缩放1920÷3840 = 50%】 */
}