@charset "utf-8";
/* ===================首页样式========================== */
.banner-lun > img{width: 100%;}
.banner-lun .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.banner-lun .content .name{line-height: 1.36;}
.banner-btn{position: absolute;z-index: 3;bottom: 30px;right: 260px;}
.banner-btn .swiper-btn{position: relative;}
.banner-btn .swiper-btn a{width: 48px;height: 48px;border-radius: 50%;display: flex;justify-content: center;align-items: center;border: 3px solid #fff;opacity: .3;transition: all .4s ease;color: #fff;}
.banner-btn .swiper-btn a:hover{background-color: #1c5cb0;opacity: 1;border: 3px solid #1c5cb0;}
.banner-btn .swiper-btn.next a{transform: rotate(180deg);}
.banner-btn .swiper-btn.prev{margin-right: 22px;}
.banner-btn .swiper-btn.prev::before{content: "";position: absolute;right: 48px;top: 50%;transform: translateY(-50%);height: 3px;width: 100vw;background-color: rgba(255, 255, 255, .3);}
.banner-btn .swiper-btn.next::before{content: "";position: absolute;left: 48px;top: 50%;transform: translateY(-50%);height: 3px;width: 100vw;background-color: rgba(255, 255, 255, .3);}
.banner-bottom{position: absolute;left: 40px;bottom: 64px;z-index: 3;animation: bannerBottom .8s linear infinite alternate;}
@keyframes bannerBottom{0%{transform:translateY(0px);}100%{transform:translateY(-10px);}}

.IndTitle .name{line-height: 1;}

.indAb{background: url(../images/index/indAb-bg.jpg) center no-repeat;background-size: cover;}
.indAb-cont {position: relative;}
.indAb-cont .cont-l{width: 45%;display: flex;flex-direction: column;justify-content: center;position: relative;z-index: 2;}
.indAb-cont .cont-r{width: 55%;display: flex;justify-content: flex-end;position: relative;z-index: 2;}
.indAb-cont .cont-r .img{background-color: #02243d;width: 460px;height: 585px;}
.indAb-cont .cont-r .img img{width: 100%;height: 100%;transform: translate(-35px,35px);}
.indAb-title {position: absolute;opacity: .1;font-size: 125px;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.indAb-title>div{line-height: 1;}

.indPro-cont .cont-l{width: 36%;background: url(../images/index/indPro-left-bg.jpg) center no-repeat;background-size: cover;padding-left: calc((100% - 1400px)/2);display: flex;flex-direction: column;justify-content: center;}
/*.IndTitle .title{text-transform: uppercase;}*/
.indPro-cont .cont-r{width: 64%;position: relative;}
.indPro-svp .swiper-container{padding-right: 210px;}
.indPro-lun .img{height: 140px;display: flex;justify-content: center;align-items: center;}
.indPro-lun .img img{max-height: 100%;}
.indPro-svp .swiper-slide .indPro-lun .img img{transform: scale(.5);opacity: .2;transition: all .4s ease;}
.indPro-svp .swiper-slide .indPro-lun .title{opacity: 0;transition: all .4s ease;text-align: center;}
.indPro-svp .swiper-slide-active .indPro-lun .img img{transform: scale(1);opacity: 1;}
.indPro-svp .swiper-slide-active .indPro-lun .title{opacity: 1;}
.indPro-cont .cont-r > .muen{display: none;}
.indPro-cont .cont-r > .muen.active{display: block;animation: Opan .4s ease;width: 100%;height: 100%;}
.indPro-img{width: 100%;height: 100%;position: relative;}
.indPro-img img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;transition: all .4s ease;}
.indPro-img img{opacity: 1;}
/* .indPro-img img.active{opacity: 1;} */
.indPro-muen {position: absolute;right: 80px;top: 50%;transform: translateY(-50%);}
.indPro-muen a{width: 200px;height: 64px;display: flex;justify-content: center;align-items: center;background-color: #fff;margin-bottom: 1px;transition: all .4s ease;}
.indPro-muen a:last-child{margin-bottom: 0px;}
.indPro-muen a.active{color: #fff;background-color: #1c5cb0;}
.indPro-cont .cont-r{height: 920px;}
.indPro-svp{position: relative;}
.indPro-svp .swiper-btn {position: absolute;right: 0px;top: 50%;transform: translateY(-50%);z-index: 3;width: fit-content;}
.indPro-svp .swiper-btn a{width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;border: 3px solid #678091;border-radius: 100px;color: #678091;}
.indPro-svp .swiper-btn i{font-size: 18px;}
.indPro-svp .swiper-btn.next a{transform: rotate(180deg);}
.indPro-svp .swiper-btn.next{right: 40px;}
.indPro-svp .swiper-btn.prev{left: -120px;}

.indRD-cont .cont-l{width: 62%;height: 678px;position: relative;}
.indRD-cont .cont-r{width: 38%;padding-left: 100px;padding-top: 20px;}
.indRD-cont .cont-l img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;transition: all .4s ease;}
.indRD-cont .cont-l img.active{opacity: 1;}
.indRD-list {position: relative;width: 370px;}
.indRD-list img.bg{position: absolute;top: 30px;left: 100px;z-index: 1;}
.indRD-list .list{display: flex;}
.indRD-list .list > div{display: flex;flex-direction: column;align-items: center;position: relative;}
.indRD-list .list > div::before{content: "";position: absolute;height: 135px;width: 185px;background-color: #fff;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;}
.indRD-list .list .img{width: 82px;height: 82px;border-radius: 100px;display: flex;justify-content: center;align-items: center;border: 1px solid #1c5cb0;position: relative;z-index: 5;transition: all .4s ease;}
.indRD-list .list .img::before{content: "";position: absolute;width: 66px;height: 66px;border: 1px dashed #1c5cb0;border-radius: 100px;transition: all .4s ease;}
.indRD-list .list .img img:nth-child(1){display: block;}
.indRD-list .list .img img:nth-child(2){display: none;}
.indRD-list .list.active .img img:nth-child(1){display: none;}
.indRD-list .list.active .img img:nth-child(2){display: block;animation: Opan .4s ease;}
.indRD-list .list .title{position: relative;z-index: 5;max-width: 190px;font-size: 14px;line-height: 1.2;text-align: center;}
.indRD-list .list.active .img{background-color: #1c5cb0;}
.indRD-list .list.active .img::before{border: 1px dashed #fff;}
.indRD-list .list:nth-child(2){justify-content: flex-end;margin-top: 14px;}
.indRD-list .list:nth-child(3){justify-content: flex-end;margin-top: 120px;}
.indRD-list .list:nth-child(4){margin-top: 30px;}

.indFZ{background: url(../images/index/indFZ_bg.jpg) right no-repeat;}
.indFZ-list {margin-right: -25px;}
.indFZ-list .list{width: calc(100%/3 - 25px);margin-right: 25px;position: relative;overflow: hidden;display: block;}
.indFZ-item_inner {bottom: 0;left: 0;position: absolute;right: 0;top: 0;}
.indFZ-list .list::before{content: '';display: block;bottom: -1px;clip-path: polygon(0 100%,100% 100%,100% 0,60% 40%,0 100%);height: calc(58% + 1px);right: -1px;transition-duration: .8s;width: calc(100% + 1px);}
.indFZ-list .list::before{content: '';display: block;background: rgba(255,255,255,.88);height: 58%;position: absolute;transition-delay: .15s;;transition-property: background,height,right,bottom,-webkit-clip-path;transition-property: clip-path,background,height,right,bottom;transition-property: clip-path,background,height,right,bottom,-webkit-clip-path;width: 100%;}
.indFZ-list .list:hover::before{bottom: 0;clip-path: polygon(0 100%,100% 100%,100% 50%,40% 15%,0 35%);right: 0;}
.indFZ-list .list:hover::before{background: rgba(28,92,176,.7);}
.indFZ-item_inner .show{position: absolute;bottom: 0px;right: 0px;padding: 15px 15px;opacity: 1;transition: opacity .3s .15s,visibility .3s .15s;}
.indFZ-item_inner .hide{position: absolute;bottom: 40px;left: 0px;width: 100%;padding: 0px 15px;text-align: center;opacity: 0;transition: opacity .3s,visiblity 0s .3s;}
.indFZ-list .list:hover .indFZ-item_inner .show{opacity: 0;}
.indFZ-list .list:hover .indFZ-item_inner .hide{opacity: 1;}
.indFZ-list .list .img{height: 480px;}
.indFZ-list .list .img img{width: 100%;height: 100%;}

.indNS-list {margin-right: -25px;}
.indNS-list .list{width: calc(100%/3 - 25px);background-color: #eaf0f4;margin-right: 25px;transition: all .4s ease;}
.indNS-list .list .img{position: relative;height: 340px;overflow: hidden;}
.indNS-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.indNS-list .list:hover .img img{transform: scale(1.04);}
.indNS-list .list .img span{position: absolute;bottom: 0px;right: 0px;background: url(../images/index/indNS-list_span.png) center no-repeat;background-size: contain;width: 106px;height: 45px;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 16px;z-index: 2;}
.indNS-list .list:hover{background-color: #1c5cb0;}
.indNS-list .list .hit{display: flex;justify-content: space-between;}
.indNS-list .list .data{display: flex;align-items: center;transition: all .4s ease;}
.indNS-list .list .data i{font-size: 12px;margin-right: 10px;font-size: 16px;}
.indNS-list .list:hover .data{color: #fff;}
.indNS-list .list .btn{display: flex;align-items: center;transition: all .4s ease;}
.indNS-list .list .btn i{display: block;transform: rotate(180deg);margin-left: 15px;font-size: 16px;}
.indNS-list .list:hover .btn{color: #fff;}
.indNS-list .list .cont{padding: 32px;}
.indNS-list .list .title{transition: all .4s ease;}
.indNS-list .list:hover .title{color: #fff;}
.indNS-btn {display: flex;justify-content: center;}

.Tanck {position: fixed;top: 0px;left: 0px;z-index: 9999;display: none;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, .3);width: 100%;height: 100vh;}
.Tanck.active {display: flex;animation:Tanck .4s ease;}
@keyframes Tanck {0%{opacity: 0;}100%{opacity: 1;}}
.Tanck-cont {border-radius: 10px;background-color: #fff;width: 680px;}
.Tanck-title {border-bottom: 1px solid #e3e3e3;height: 70px;padding: 0px 38px;justify-content: space-between;align-items: center;}
.Tanck-from {padding: 40px 115px;}
.Tanck-from .hit span{color: #ee2424;font-size: 16px;}
.Tanck-from .list{height: 48px;width: 100%;border: 1px solid #e3e3e3;border-radius: 5px;position: relative;margin-bottom: 10px;}
.Tanck-from .list input{width: 100%;height: 100%;background-color: transparent;padding: 0px 15px;}
.Tanck-from .list.hot::before{content: "*";position: absolute;top: 0px;right: -20px;height: 100%;width: 10px;color: #ee2424;font-size: 16px;display: flex;justify-content: center;align-items: center;}
.Tanck-from .list textarea{width: 100%;height: 100%;background-color: transparent;padding: 10px 15px;}
.Tanck-from .list.line{height: 120px;}
.Tanck-close {display: block;}
.Tanck-close i{font-size: 13px;color: #999999;transition: all .4s ease;display: block;}
.Tanck-close:hover i{transform: rotate(90deg);color: #2a66b4;}
.Tanck-from .btn {justify-content: flex-end;}
.Tanck-from .btn a{width: 90px;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 5px;}
.Tanck-from .btn a:nth-child(1){border: 1px solid #e3e3e3;transition: all .4s ease;color: #666;margin-right: 10px;}
.Tanck-from .btn a:nth-child(2){border: 1px solid #2a66b4;background-color: #2a66b4;transition: all .4s ease;color: #fff;}
.Tanck-from .btn a:nth-child(1):hover{background-color: #2a66b4;color: #fff;}
.Tanck-from .btn a:nth-child(2):hover{background-color: #3282ea;}





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

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indPro-cont .cont-l {padding-left: calc((100% - 1200px)/2);}
    .indRD-cont .cont-l {height: 640px;}
    .indPro-cont .cont-r {height: 680px;}
    .indAb-cont .cont-r .img {width: 400px;height: 500px;}
    .indFZ-list .list .img{height: 410px;}
    .indNS-list .list .img{height: 290px;}
    .indPro-svp .swiper-btn.prev {left: -80px;}
    .indRD-list .list > div::before {height: 135px;width: 135px;}
    .indRD-list .list:nth-child(3) {margin-top: 100px;}
}

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

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

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indPro-cont .cont-l {padding-left: calc((100% - 960px)/2);}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-lun > img{min-height: 400px;}
    .indAb-cont .cont-l{width: 100%;}
    .indAb-cont .cont-r{width: 100%;margin-top: 25px;}
    .indAb-cont .cont-r .img{width: 100%;}
    .indAb-cont .cont-r .img img {transform: translate(0,0);}
    .indAb-title{display: none;}
    .indPro-cont .cont-l{width: 100%;padding: 36px 4%;}
    .indPro-cont .cont-r{width: 100%;}
    .indRD-cont .cont-l{width: 100%;}
    .indRD-cont .cont-r{width: 100%;padding: 26px 4%;}
    .indRD-list .list > div::before{display: none;}
    .indRD-list img.bg{display: none;}
    .indRD-list .list{justify-content: center !important;margin-top: 0px !important;width: calc(100%/2);margin-bottom: 15px;}
    .indRD-list{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: -15px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .banner-btn{right: auto;left: 50%;transform: translateX(-50%);}
    .banner-bottom{display: none;}
    .indAb-cont .cont-r .img{height: 418px;}
    .indPro-svp .swiper-container {padding: 0px 50px;}
    .indPro-muen{top: 0px;transform: translateY(0px);left: 0px;overflow-x: auto;right: auto;width: 100%;}
    .indPro-muen > div{display: flex;flex-wrap: wrap;}
    .indPro-muen a {width: 70px;height: 40px;margin:3px;}
    .indPro-cont .cont-r {height: 270px;}
    .indRD-cont .cont-l {height: 205px;}
    .indFZ-list {margin-right: 0px;margin-bottom: -15px;}
    .indFZ-list .list {width: 100%;margin-right: 0px;margin-bottom: 15px;}
    .indFZ-list .list .img{height: 350px;}
    .indNS-list {margin-right: 0px;margin-bottom: -15px;}
    .indNS-list .list {width: 100%;margin-right: 0px;margin-bottom: 15px;}
    .indNS-list .list .img{height: 250px;}
    .indNS-list .list .cont {padding: 15px;}
    .indPro-svp .swiper-btn.next {right: 0px;}
    .indPro-svp .swiper-btn.prev {left: 0px;}
    .indPro-cont .cont-l .CommonBtn{margin: 0px auto;margin-top: 30px;}
    .Tanck-cont{width: 100%;border-radius: 5px;}
    .Tanck-from {padding: 20px 30px;}
    .Tanck-from .list {height: 40px;}
    .Tanck-from .list.line {height: 90px;}
    .Tanck-title {height: 50px;padding: 0px 15px;}
}