@charset "utf-8";
/* ===================首页样式========================== */
.banner .content{position: absolute;top: 0px;left: 0px;width: 100%;display: flex;align-items: center;height: 100%;}
.banner .content .title{opacity: 0;transform: translateX(150px);transition: all 1.5s 1s ease;}
.banner .swiper-slide-active .content .title{opacity: 1;transform: translateX(0);}
.banner .swiper-slide-active.oneSlide .content .title{transition-delay: .4s;}
.banner-lun img{height: 100vh;width: 100%;}
.banner-icon{position: absolute;left: 70px;bottom: 60px;z-index: 1;}
.banner-icon a{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 100px;background-color: #fff;margin-bottom: 15px;}
.banner-icon a:last-child{margin-bottom: 0px;}
.banner-icon a  img{max-width: 53%;}
.banner-pull{position: absolute;z-index: 1;right: 0px;bottom: 80px;font-size: 16px;font-weight: 700;color: #fff;animation: bannerPull .6s linear infinite alternate;}
@keyframes bannerPull{0%{transform:translateY(0px);}100%{transform:translateY(10px);}}
.banner-pull > a{display: flex;align-items: center;transform: rotate(90deg);}
.banner-pull .line{height: 1px;width: 26px;background-color: #af2b30;margin-left: 20px;}
.indfc_bg{position: absolute;top: 0px;display: flex;flex-wrap: nowrap;font-size: 200px;color: rgba(75, 75, 75, .06);text-transform: uppercase;font-weight: 700;font-family: "B";z-index: -9;}
.indfc_bg .title{animation: citymove2 60s linear infinite;white-space: nowrap;}
@keyframes citymove2{0%{transform: translateX(0);}100%{transform: translateX(-100%);}}
.indfc-list {position: relative;z-index: 2;}
.indfc-list li{width: calc(100%/6);border-right: 1px solid #efefef;transition: all .4s ease;}
.indfc-list li:hover{background-color: #f2f6f9;}
.indfc-list li:last-child{border-right: 0px;}
.indfc-list li .img{height: 400px;display: flex;justify-content: center;align-items: center;padding: 30px;}
.indfc-list li .img img{transition: all .4s ease;max-height: 100%;}
.indfc-list li .img:hover img{transform: scale(.9);}
.indfc-list li .cont{color: #191919;height: 90px;text-align: center;padding: 0px 30px;transition: all .4s ease;}
.indfc-list li:hover .cont{color: #ad2429;}
.indip-cont{height: 630px;background: url(../images/index/indip_bg.png)right center no-repeat #f2f6f9;}
.indip-cont .cont-l{width: 57%;display: flex;justify-content: center;align-items: center;}
.indip-cont .cont-l img{transition: all .4s ease;max-width: 60%;}
.indip-cont .cont-l img:hover{transform: scale(.9);}
.indip-cont .cont-r{width: 43%;padding-right: 240px;display: flex;flex-direction: column;justify-content: center;}
.indip-cont .cont-r .content p{color: rgba(255, 255, 255, .8);}
.indip-btn{height: 58px;width: 152px;border: 3px solid #fff;border-radius: 30px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.indip-btn:hover{background-color:#ad2429;}
.indip-svp{position: relative;}
.indip-svp .swiper-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;}
.indip-svp .swiper-btn a{width: 57px;height: 57px;border-radius: 100px;background-color: #fff;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.indip-svp .swiper-btn a i{color: #ad2429;font-weight: 700;font-size: 23px;transition: all .4s ease;}
.indip-svp .swiper-btn a:hover{background-color: #ad2429;}
.indip-svp .swiper-btn a:hover i{color: #fff;}
.indip-svp .swiper-btn.prev{left: 130px;}
.indip-svp .swiper-btn.next{right: 104px;}
.indcp{position: relative;z-index: 3;}
.indcp-list{padding: 10px 20px 25px 10px;margin-right: -12px;}
.indcp-list li{width: calc(100%/2 - 12px);margin-right: 12px;background-color: #eceef2;}
.indcp-list li a{display: flex;flex-direction: column;align-items: center;padding: 35px;}
.indcp-list li .img{height: 380px;display: flex;align-items: center;justify-content: center;}
.indcp-list li .indcp-btn{display: flex;align-items: center;color: #af2b30;}
.indcp-list li .indcp-btn i{font-size: 16px;margin-left: 6px;transition: all .4s ease;}
.indcp-list li .indcp-btn:hover i{transform: translateX(10px);}
.indcp-list li .img img{transition: all .4s ease;max-width: 80%;max-height: 100%;}
.indcp-list li .img:hover img{transform: scale(.9);}
.indcp-list li .title{transition: all .4s ease;}
.indcp-list li .title:hover{color: #ad2429;}
.indgo{background-color: #3b4b57;position: relative;padding-bottom: 90px;}
.indgo .indCommonTitle{position: relative;z-index: 4;}
.indgo-cont{width: 100%;}
.indgo-cont .cont-l{width: 54%;position: relative;display: flex;justify-content: center;align-items: flex-start;}
.indgo-cont .cont-l::after{content: "";border-radius: 50%; position: absolute;left: 40%;top: 50%;transform: translate(-50%,-50%);width: 80vw;height: 80vw;background: radial-gradient(circle,rgba(255,255,255,.3),transparent 50%);}
.indgo-cont .cont-r{width: 46%;display: flex;justify-content: center;flex-direction: column;position: relative;z-index: 4;}
.indgo-cont .cont-l .bg{position: absolute;top: 50%;transform: translateY(-50%) scale(1.84);display: none;}
.indgo-cont .cont-l .map{position: relative;z-index: 2;}
.indgo-cont .cont-r li .number{width: 60px;}
.indgo-cont .cont-r li .title{width: calc(100% - 60px);}
.indgo-cont .cont-r li {position: relative;padding-top: 10px;padding-bottom: 10px;}
.indgo-cont .cont-r li::before{content: "";position: absolute;top: 0px;left: 0px;height: 3px;width: 0%;background-color: #fff;transition: all .4s ease;}
.indgo-cont .cont-r li .hide{padding-left: 60px;display: none;}
.indgo-cont .cont-r li:nth-child(1){padding-top: 25px;}
.indgo-cont .cont-r li:nth-child(1) .hide{display: block;}
.indgo-cont .cont-r li.active::before{width: 100%;}
.indgo-cont .cont-l .map-line i{width: 6px;height: 6px;position: relative;display: block;background: #fff;border-radius: 50%;}
.indgo-cont .cont-l .map-line i::before,.indgo-cont .cont-l .map-line i::after {content: "";display: block;width: 40px;height: 40px;background: rgba(173, 36, 41, 1);border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -20px 0 0 -20px;animation: shineRing 1.5s linear infinite;opacity: 0;}
.indgo-cont .cont-l .map-line i::before {animation-delay: .6s;}
.indgo-cont .cont-l .map-line i::after {animation-delay: 0s;}
@keyframes shineRing{0%{opacity:0;transform:scale(.1)}5%{opacity:1}to{opacity:0;transform:scale(1.04)}}
.indgo-cont .cont-l .map-line .line{position: absolute;}
.indgo-cont .cont-l .map-line .line.usa {top: 42%;left: 23%;}
.indgo-cont .cont-l .map-line .line.britain {top: 33%;left: 43%;}
.indgo-cont .cont-l .map-line .line.France {top: 38%;left: 44%;}
.indgo-cont .cont-l .map-line .line.Germany {top: 36%;left: 47%;}
.indgo-cont .cont-l .map-line .line.SaudiArabia {top: 51%;left: 58%;}
.indgo-cont .cont-l .map-line .line.Russia {top: 17%;left: 67%;}
.indgo-cont .cont-l .map-line .line.Indonesia {top: 53%;left: 67%;}
.indgo-cont .cont-l .map-line .line.China {top: 48%;left: 73%;}
.indgo-cont .cont-l .map-line .line.Thailand {top: 57%;left: 71%;}
.indgo-cont .cont-l .map-line .line.usa .text {position: absolute;bottom: -30px;left: -15px;width: max-content;}
.indgo-cont .cont-l .map-line .line.britain .text {position: absolute;bottom: 14px;left: -20px;width: max-content;}
.indgo-cont .cont-l .map-line .line.France .text {position: absolute;bottom: -32px;left: -20px;width: max-content;}
.indgo-cont .cont-l .map-line .line.Germany .text {position: absolute;bottom: -7px;left: 25px;width: max-content;}
.indgo-cont .cont-l .map-line .line.SaudiArabia .text {position: absolute;bottom: 18px;left: -40px;width: max-content;}
.indgo-cont .cont-l .map-line .line.Russia .text {position: absolute;bottom: -34px;left: -20px;width: max-content;}
.indgo-cont .cont-l .map-line .line.Indonesia .text {position: absolute;bottom: -34px;left: -48px;width: max-content;}
.indgo-cont .cont-l .map-line .line.China .text {position: absolute;bottom: -31px;left: -16px;width: max-content;}
.indgo-cont .cont-l .map-line .line.Thailand .text {position: absolute;bottom: -34px;left: -23px;width: max-content;}
.indgo-list{position: absolute;z-index: 2;padding: 0px 110px;background-color: #ad2429;justify-content: space-between;box-shadow: 12.992px -0.454px 21px 0px rgba(108, 108, 108, 0.5);bottom: -84px;left: 50%;transform: translateX(-50%);width: 1440px;}
.indgo-list li{height: 170px;display: flex;flex-direction: column;justify-content: center;}
.indgo-list li .number{line-height: 1;}
.indgo-list li .text{margin-top: 3px;}
.indsc-Contbtn{justify-content: center;}
.indsc-Contbtn a{height: 58px;border-radius: 30px;background-color: #fff;display: flex;justify-content: center;align-items: center;color: #757575;transition: all .4s ease;padding: 0px 40px;margin-right: 10px;}
.indsc-Contbtn a:last-child{margin-right: 0px;}
.indsc-Contbtn a.active,.indsc-Contbtn a:hover{color: #fff;background-color: #ad2429;}
.indsc-list{margin-right: -50px;margin-bottom: -50px;display: none;}
.indsc-list.active{display: flex;}
.indsc-list .list-muen{display: block; width: calc(100%/3 - 50px);margin-right: 50px;margin-bottom: 50px;}
.indsc-list .list-muen .img{height: 260px;transition: all .4s ease;position: relative;overflow: hidden;border-radius: 5px;display: block;}
.indsc-list .list-muen:hover .img{box-shadow: 0.977px 13.966px 19.11px 1.89px rgba(108, 108, 108, 0.3);}
.indsc-list .list-muen .img>img{width: 100%;height: 100%;}
.indsc-list .list-muen .img .show{position: absolute;top: 0px;left: 0px;display: flex;justify-content: center;flex-direction: column;width: 100%;height: 100%;padding: 0px 45px;background-color: rgba(0, 0, 0, .9);opacity: 0;transition: all .4s ease;}
.indsc-list .list-muen .img .show .text {opacity: .8;}
.indsc-list .list-muen .cont{padding: 0px 22px;display: block;}
.indsc-list .list-muen:hover .img .show {opacity: 1;}
.indsc-list .list-muen .img .show .btn{display: flex;align-items: center;}
.indsc-list .list-muen .img .show .btn img{margin-right: 15px;}
.indsc-list .list-muen .img .show .btn a{margin-right: 20px;transition: all .4s ease;}
.indsc-list .list-muen .img .show .btn a:hover{color: #af2b30;}
.indsc-btn{display: flex;justify-content: center;}
.indsc-btn img{margin-right: 10px;transition: all .4s ease;}
.indsc-btn a{font-size: 16px;color: #af2b30;border: 3px solid #af2b30;border-radius: 30px;width: 170px;height: 60px;display: flex;justify-content: center;align-items: center;}
.indsc-btn a:hover img{transform: rotate(90deg);}
.induf-svp{}
.induf-svp .swiper-container{padding: 30px 285px;}
.induf-lun .img{height: 410px;position: relative;}
.induf-lun .img img{width: 100%;height: 100%;position: relative;z-index: 2;}
.induf-lun .img .bg{width: 100%;height: 100%;background-color: #757575;transform: rotate(5deg);position: absolute;top: 0px;left: 0px;transition: all .4s ease;}
.induf-lun:hover .img .bg{background-color: #ad2429;}
.induf-lun .img .show{position: absolute;z-index: 3;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.induf-lun .img .show>div{width: 47px;height: 47px;border: 3px solid #fff;border-radius: 100px;display: flex;justify-content: center;align-items: center;}
.induf-lun .img .show i{color: #fff;padding-left: 2px;}
.indtt-cont .cont-l{width: 42%;overflow: hidden;}
.indtt-cont .cont-l img{transition: all .4s ease;width: 100%;height: 100%;}
.indtt-cont .cont-l img:hover{transform: scale(1.04);}
.indtt-cont .cont-r{width: 58%;background: url(../images/index/indtt-cont1.jpg)center no-repeat;background-size: cover;padding: 0px 245px 0px 90px;display: flex;justify-content: center;flex-direction: column;}
.indtt-form .list{margin-right: -20px;}
.indtt-form .list li{width: calc(100%/3 - 20px);margin-right: 20px;}
.indtt-form input{background-color: rgba(0, 0, 0, 0);border-bottom: 2px solid #fff;width: 100%;height: 55px;color: #fff;font-size: 20px;}
.indtt-form input::-webkit-input-placeholder{color: #fff;font-size: 17px;}
.indtt-form input:-moz-placeholder{color: #fff;font-size: 17px;}
.indtt-form input::-moz-placeholder{color: #fff;font-size: 17px;}
.indtt-form input:-ms-input-placeholder{color: #fff;font-size: 17px;}
.indtt-btn .yz{width: 285px;height: 58px;border: 3px solid #fff;border-radius: 30px;position: relative;}
.indtt-btn .yz input{border-bottom: 0px;padding: 0px 135px 0px 20px;}
.indtt-btn .yz .img{width: 135px;height: 100%;position: absolute;right: -3px;top: 0px;background-color: #fff;border-radius: 0px 30px 30px 0px;overflow: hidden;}
.indtt-btn .yz .img img{width: 100%;height: 100%;}
.indtt-btn .btn{transition: all .4s ease; display: flex;justify-content: center;align-items: center;width: 150px;height: 58px;border: 3px solid #fff;border-radius: 30px;margin-left: 17px;}
.indtt-btn .btn:hover{background: #ad2429;border-color: #ad2429;}
.indcd{background-color: #f8f8f8;}
.indcd-lun{padding: 40px;background-color: #fff;display: block;transition: all .4s ease;}
.indcd-lun .img{height: 205px;overflow: hidden;}
.indcd-lun .img img{width: 100%;height: 100%;transition: all .4s ease;}
.indcd-lun .img:hover img{transform: scale(1.04);}
.indcd-lun .line{width: 100%;height: 1px;background-color: #ededed;transition: all .4s ease;}
.indcd-lun:hover .line{background-color: #ad2429;}
.indcd-lun .title{transition: all .4s ease;}
.indcd-lun .title:hover{color: #af2b30;}
.indcd-lun .data{display: flex;justify-content: space-between;}
.indcd-lun .data .number{color: #ad2429;line-height: 1;}
.indcd-lun .data .text{color: #394854;text-align: right;}
.indcd-lun:hover{box-shadow: 1.883px 26.934px 63.7px 6.3px rgba(108, 108, 108, 0.11);}
.indcd-svp{position: relative;} 
.indcd-svp .swiper-pagination-progressbar {background: #e3e5e7;position: absolute;width: 100%;height: 2px;}
.indcd-svp .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #ad2429;}
.indcd-btn {justify-content: flex-end;}
.indcd-btn .swiper-btn.prev{margin-right: 90px;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indgo-list{width: 1200px;}
    .indfc-list li .img{height: 300px;padding: 20px;}
    .indip-cont .cont-r{padding-right: 100px;}
    .indip-svp .swiper-btn.prev{left: 50px;}
    .indip-svp .swiper-btn.next{right: 50px;}
    .indcp-list li .img{height: 300px;}
    .indsc-list .list-muen .img .show{padding: 0 30px;}
    .indsc-list .list-muen .img .show .btn img{margin-right: 10px;}
    .indsc-list .list-muen .img .show .btn a{margin-right: 15px;}
    .indsc-list .list-muen .img .show .btn a:last-child{margin-right: 0;}
    .indtt-cont .cont-r{padding: 0px 140px 0px 60px;}
    .induf-lun .img{height: 320px;}
    .indcd-lun .img{height: 150px;}
    .indcd-lun{padding: 30px;}
    .indfc_bg{font-size: 170px;}
    .indsc-list .list-muen .img{height: 210px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indgo-list{width: 960px;}
    .indtt-cont .cont-r {padding: 40px 140px 40px 60px;}
    .indsc-list .list-muen .img{height: 170px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .indtt-cont .cont-l{width: 100%;}
    .indtt-cont .cont-r{width: 100%;}
    .induf-svp .swiper-container{padding: 30px 50px;}
    
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .indgo-list{width: 100%;}
    .banner-icon{left: 4%;bottom: 30px;}
    .banner-icon a{width: 28px;height: 28px;margin-bottom: 10px;}
    .banner-icon a img{max-width: 50%;max-height: 60%;}
    .banner-pull{font-size: 14px;right: -40px;}
    .indfc-list li{width: 50%;margin-top: 30px;}
    .indfc-list li .cont{height: 40px;}
    .indfc-list li .img{height: 250px;}
    .indip-cont .cont-l{width: 100%;padding: 30px 4%;}
    .indip-cont .cont-l img{max-width: 100%;}
    .indip-cont .cont-r{width: 100%;padding: 40px 4%;}
    .indip-svp .swiper-btn{transform: unset;top: 32%;}
    .indip-svp .swiper-btn a{width: 40px;height: 40px;}
    .indip-svp .swiper-btn a i{font-size: 18px;}
    .indip-svp .swiper-btn.next{right: 20px;}
    .indip-svp .swiper-btn.prev{left: 20px;}
    .indip-cont{height: auto;background: #394854;}
   
    .indgo{overflow: hidden;}
    .indgo-cont .cont-l{width: 100%;}
    .indgo-cont .cont-r{position: relative;z-index: 4;width: 100%;}
    .indgo-list{position: relative;left: auto;bottom: auto;transform: unset;padding: 0 15px 30px;margin-top: 20px;}
    .indgo-list li{height: auto;margin-top: 30px;width: 50%;}
    .indsc-Contbtn{overflow-x: auto;justify-content: flex-start;flex-wrap: nowrap;white-space: nowrap;margin-top: 20px;}
    .indsc-Contbtn a{height: 40px;padding: 0 20px;}
    
    .indtt-cont .cont-l{width: 100%;}
    .indtt-cont .cont-r{width: 100%;padding: 30px 15px;}
    .indtt-cont .cont-r .title{line-height: 28px;}
    .indtt-form .list li{width: 100%;}
    .indtt-form input{font-size: 14px;}
    .indtt-form input::-webkit-input-placeholder{font-size: 14px;}
    .indtt-btn .yz{width: 200px;height: 48px;}
    .indtt-btn .yz .img{width: 102px;right: 0;}
    .indtt-btn .yz input{padding: 0;padding-left: 15px;height: 44px;}
    .indtt-btn .btn{margin-left: 15px;width: 120px;height: 44px;}
    .induf-svp{padding: 0 4%;}
    .induf-svp .swiper-container{padding: 0;}
    .induf-lun .img{height: 230px;}
    .indcd-lun{padding: 15px;}
    .indcd-btn .swiper-btn.prev{margin-right: 30px;}
    .banner-lun img{height: 400px;}
    .banner .content{align-items: flex-start;padding-top: 60px;}
    .indfc_bg{animation-duration: 10s;font-size: 100px;line-height: 1.3;}
    /* @keyframes citymove2{0%{background-position:100vw 0px;}100%{background-position:0px 0px;}} */
    .indip-svp .swiper-slide{height: auto;background: #394854;}
    .indgo-cont .cont-l::after{left: 50%;width: 100vw;height: 100vw;background: radial-gradient(circle,rgba(255,255,255,.2),transparent 60%);}
    .indsc-list{margin: 30px -15px -15px 0;}
    .indsc-list .list-muen{margin: 0 15px 15px 0;width: calc(100% / 2 - 15px);}
    .indsc-list .list-muen .img{height: 200px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .indcp-list{padding: 15px 4% 30px;margin-right: 0;}
    .indcp-list li{width: 100%;margin: 15px 0 0;}
    .indcp-list li a{padding: 20px 15px;}
    .indcp-list li .indcp-btn i{font-size: 12px;transform: scale(.7);margin-top: 3px;margin-left: 2px;}
    .indcp-list li .img{height: 200px;}
    .indsc-list{margin: 20px 0 0;}
    .indsc-list .list-muen{width: 100%;margin: 15px 0 0;}
    .indsc-list .list-muen .img{height: 200px;}
    .indsc-list .list-muen .cont{padding:15px;margin: 0;}
    .indsc-btn a{font-size: 14px;width: 130px;height: 46px;}
    .indsc-btn img{margin-right: 8px;width: 12px;}

}