@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-img{width: 100%;overflow: hidden;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-img img.pc{display: block;min-height: 580px;}
.banner-img img.mb{display: none;min-height: 300px;}
.banner-prev, .banner-next{position: absolute;z-index: 4;width: 60px;height: 60px;top: 50%;margin-top: -30px;background: rgba(0, 0, 0, .6) url('../images/arrLW.svg') no-repeat center/24px auto;cursor: pointer;transition: all .4s ease;}
.banner-prev{left: 0;}
.banner-next{right: 0;transform: rotate(180deg);}
.banner-prev:hover, .banner-next:hover{background-color: #0062b2;}
.banner-dot{position: absolute;z-index: 4;left: 0;width: 100%;bottom: 16px;}
.banner .swiper-pagination{text-align: left;bottom: 0;}
.banner .swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 0;background: #fff;opacity: 1;margin: 0 10px 0 0 !important;}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #0062b2;}

.indcyxw{width: 100%;position: relative;overflow: hidden;}
.indcyxw .contain{display: flex;flex-wrap: wrap;justify-content: space-between;}
.indcy, .indxw{position: relative;min-height: 310px;}
.indcy{width: calc(100% - 480px);padding: 40px 60px 15px 0;}
.indcy-title{width: 100%;display: flex;font-size: 20px;align-items: center;}
.indcy-title .title{color: #3b4051;line-height: 1.1;}
.indcy-title .english{font-family:'BRUTALTYPE';color: #d6dde7;line-height: 1;margin-left: 10px;}
.indcy-list{width: 100%;margin-top: 20px;}
.indcy-ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.indcy-link{width: 25%;text-align: center;padding: 34px 0;position: relative;}
.indcy-link::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to bottom,#8edbf7,#2961da);opacity: 0;transition: all .4s ease;transform: scale(0.96);}
.indcy-link .icon{position: relative;z-index: 2;height: 100px;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.indcy-link .icon img{height: 100%;}
.indcy-link .title{position: relative;z-index: 2;font-size: 16px;color: #414d60;margin: 12px 0 6px;transition: all .4s ease;}
.indcy-link .english{position: relative;z-index: 2;font-size: 14px;color: #ced9e1;text-transform: uppercase;line-height: 16px;max-width: 130px;margin: 0 auto;font-family:'BRUTALTYPE';transition: all .4s ease;}
.indcy-link:last-child .english{max-width: 100px;}
.indcy-link:hover .icon{transform: translateY(-6px);}
.indcy-link:hover:hover::after{opacity: 1;transform: scale(1);}
.indcy-link:hover .title{color: #fff;}
.indcy-link:hover .english{color: #7cb9f6;}
.indxw{width: 480px;float: left;padding: 40px 0 40px 40px;}
.indxw::before{content: "";position: absolute;width: 2px;height: 100%;left: -1px;top: 0;background: #f4f4f4;}
.indxw-menu{width: 100%;position: relative;display: flex;flex-wrap: wrap;}
.indxw-menu::after{content: "";position: absolute;left: -40px;width: calc(100% + 40px);bottom: 0;height: 2px;background: #f4f4f4;}
.indxw-menu a, .indxw-more a{display: flex;height: 36px;font-size: 14px;color: #4d545f;position: relative;margin-right: 30px;transition: all .4s ease;}
.indxw-menu a::after{content: "";position: absolute;width: 0%;right: 0;height: 2px;background: #0062b2;bottom: 0;z-index: 2;transition: all .4s ease;}
.indxw-menu a:last-child{margin-right: 0;}
.indxw-menu a:hover, .indxw-menu a.active{color: #0062b2;}
.indxw-menu a.active::after{width: 100%;right: auto;left: 0;}
.indxw-more a{color: #0062b2;margin-right: 0 !important;}
.indxw-wrap{width: 100%;margin-top: 22px;}
.indxw-items{width: 100%;display: none;}
.indxw-items.active{display: block;}
.indxw-main{display: block;width: 100%;}
.indxw-main .title{font-size: 16px;color: #414d60;font-weight: 500;transition: all .4s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indxw-main .time{font-size: 15px;color: #8d95a2;line-height: 1;font-family:'BRUTALTYPE';margin: 4px 0 12px;}
.indxw-main .text{font-size: 14px;color: #8d95a2;line-height: 20px;height: 40px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-main:hover .title{color: #0062b2;}
.indxw-link{width: 100%;border-top: 1px solid #f4f4f4;margin-top: 16px;padding-top: 18px;min-height: 65px;}
.indxw-link a{display: flex;align-items: center;width: 100%;position: relative;padding-left: 86px;margin-top: 12px;}
.indxw-link a:first-child{margin-top: 0;}
.indxw-link a span{position: absolute;font-size: 15px;color: #8d95a2;line-height: 1;font-family:'BRUTALTYPE';left: 0;transition: all .4s ease;}
.indxw-link a h2{font-size: 14px;color: #8d95a2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}
.indxw-link a:hover span{color: #0062b2;}
.indxw-link a:hover h2{color: #0062b2;}
.indxw-more{position: absolute;right: 0;top: 40px;}

.indbjfz{width: 100%;position: relative;overflow: hidden;}
.indbjfz .contain{display: flex;flex-wrap: wrap;justify-content: space-between;}
.indbj, .indfz{min-height: 240px;position: relative;}
/* ---- */
.indbjfz-cont{font-size: 20px;position: relative;z-index: 2;}
.indbjfz-cont .title{color: #fff;}
.indbjfz-cont .english{color: #558ee6;line-height: 1;font-family:'BRUTALTYPE';margin: 2px 0 26px;}
.indbjfz-cont .text{color: #7cb9f6;font-weight: 300;line-height: 1.28;}
.indfz .indbjfz-cont .english{color: #308bdd;}
/* ---- */
.indbj{width: calc(100% - 480px);justify-content: space-between;display: flex;flex-wrap: wrap;padding: 20px 90px 0 0;}
.indbj::before{content: "";position: absolute;background: url('../images/indbjBg.jpg') no-repeat center/cover;right: -2px;top: 0;height: 100%;width: 66vw;}
.indbj .indbjfz-cont{width: calc(100% - 412px);padding: 20px 30px 0 0;}
.indbj-map{width: 412px;position: relative;z-index: 2;}
.indbj-map img{width: 100%;object-fit: cover;}
.indbj-map i{position: absolute;z-index: 2;width: 15px;height: 15px;border-radius: 50%;background: #DE2A17;}
.indbj-map i:before, .indbj-map i:after{content: "";opacity: 0;display: block;width: 58px;height: 58px;background: #DE2A17;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -29px 0 0 -29px;}
.indbj-map i:before{animation: mapRing1 1.5s linear infinite;}
.indbj-map i:after{animation: mapRing2 1.5s linear infinite .4s;}
@keyframes mapRing1{0%{opacity:0;transform:scale(0)}5%{opacity:0.4}to{opacity:0;transform:scale(1)}}
@keyframes mapRing2{0%{opacity:0;transform:scale(0)}5%{opacity:0.8}to{opacity:0;transform:scale(1)}}
.indbj-map i.icon1{left: 13%;top: 35%;}
.indbj-map i.icon2{left: 32%;top: 65%;}
.indbj-map i.icon3{left: 65%;top: 42%;}
.indbj-map i.icon4{left: 77%;top: 41%;}
.indfz{width: 480px;padding-left: 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.indfz::before{content: "";position: absolute;background: url('../images/indfzBg.jpg') no-repeat center/cover;left: 0;top: 0;height: 100%;width: 55vw;}
.indfz .indbjfz-cont{width: calc(100% - 178px);padding: 40px 20px 0 0;}
.indfz-stock{width: 178px;position: relative;padding: 40px 24px;z-index: 2;}
.indfz-stock::before{content: "";position: absolute;width: 100%;height: 1200px;background: rgba(0, 0, 0, .2);top: -100px;left: 0;}
.indfz-stock .title{font-size: 16px;color: #fff;position: relative;z-index: 2;}
.indfz-stock .info{width: 100%;margin-top: 24px;position: relative;z-index: 2;}
.indfz-stock .info h6{font-size: 32px;color: #fc3b2c;line-height: 1;font-family:'BRUTALTYPE';font-weight: 700;display: flex;align-items: center;}
.indfz-stock .info h6 i{display: inline-block;width: 28px;height: 26px;margin-left: 6px;background: url('../images/indfzIcon.svg') no-repeat center/100% auto;}
.indfz-stock .info p{font-size: 14px;color: #8fc4ef;margin-top: 22px;}
.indfz-stock .info.down h6{color: #2ea940;}
.indfz-stock .info.down h6 i{background-image: url('../images/indfzIconH.svg');}
.indfz-stock .info.none h6{color: #fff;}
.indfz-stock .info.none h6 i{display: none;}


/* -------------------------4k端--------------------------- */
@media all and (min-width:3000px) and (max-width:5000px) {
    .banner-img img.pc{display: block;min-height: 1160px;}
    .banner-img img.mb{display: none;min-height: 600px;}
    .banner-prev, .banner-next{width: 120px;height: 120px;margin-top: -60px;background-size: 48px auto;}
    .banner-dot{bottom: 32px;}
    .banner .swiper-pagination-bullet {width: 20px;height: 20px;margin: 0 20px 0 0 !important;}
    .indcy, .indxw{min-height: 620px;}
    .indcy{width: calc(100% - 960px);padding: 80px 120px 30px 0;}
    .indcy-title{font-size: 40px;}
    .indcy-title .english{margin-left: 20px;}
    .indcy-list{margin-top: 40px;}
    .indcy-link{padding: 68px 0;}
    .indcy-link .icon{height: 120px;}
    .indcy-link .title{font-size: 32px;margin: 24px 0 12px;}
    .indcy-link .english{font-size: 28px;line-height: 32px;max-width: 260px;}
    .indcy-link:last-child .english{max-width: 200px;}
    .indcy-link:hover .icon{transform: translateY(-12px);}
    .indxw{width: 960px;padding: 80px 0 80px 80px;}
    .indxw-more{top: 80px;}
    .indxw::before{width: 4px;left: -2px;}
    .indxw-menu::after{left: -80px;width: calc(100% + 80px);height: 2px;}
    .indxw-menu a,.indxw-more a{height: 72px;font-size: 28px;margin-right: 60px;}
    .indxw-menu a::after{height: 4px;}
    .indxw-wrap{margin-top: 44px;}
    .indxw-main .title{font-size: 32px;}
    .indxw-main .time{font-size: 30px;margin: 8px 0 24px;}
    .indxw-main .text{font-size: 28px;line-height: 40px;height: 80px;}
    .indxw-link{border-top: 2px solid #f4f4f4;margin-top: 32px;padding-top: 36px;min-height: 130px;}
    .indxw-link a{padding-left: 172px;margin-top: 24px;}
    .indxw-link a span{font-size: 30px;}
    .indxw-link a h2{font-size: 28px;}
    .indbj, .indfz{min-height: 480px;}
    .indbjfz-cont{font-size: 40px;}
    .indbjfz-cont .english{margin: 4px 0 52px;}
    .indbj{width: calc(100% - 960px);padding: 40px 180px 0 0;}
    .indbj::before{right: -4px;width: 132vw;}
    .indbj .indbjfz-cont{width: calc(100% - 824px);padding: 40px 60px 0 0;}
    .indbj-map{width: 824px;}
    .indbj-map i{width: 30px;height: 30px;}
    .indbj-map i:before, .indbj-map i:after{width: 116px;height: 116px;margin: -58px 0 0 -58px;}
    .indfz{width: 960px;padding-left: 80px;}
    .indfz::before{width: 110vw;}
    .indfz .indbjfz-cont{width: calc(100% - 356px);padding: 80px 40px 0 0;}
    .indfz-stock{width: 356px;padding: 80px 48px;}
    .indfz-stock::before{height: 2400px;top: -200px;}
    .indfz-stock .title{font-size: 32px;}
    .indfz-stock .info{margin-top: 48px;}
    .indfz-stock .info h6{font-size: 64px;}
    .indfz-stock .info h6 i{width: 56px;height: 52px;margin-left: 12px;}
    .indfz-stock .info p{font-size: 28px;margin-top: 44px;}
}

/* -------------------------2k端--------------------------- */
@media all and (min-width:2000px) and (max-width:3000px) {
    .banner-img img.pc{display: block;min-height: 870px;}
    .banner-img img.mb{display: none;min-height: 450px;}
    .banner-prev, .banner-next{width: 90px;height: 90px;margin-top: -45px;background-size: 36px auto;}
    .banner-dot{bottom: 24px;}
    .banner .swiper-pagination-bullet {width: 15px;height: 15px;margin: 0 15px 0 0 !important;}
    .indcy, .indxw{min-height: 465px;}
    .indcy{width: calc(100% - 720px);padding: 60px 90px 23px 0;}
    .indcy-title{font-size: 30px;}
    .indcy-title .english{margin-left: 15px;}
    .indcy-list{margin-top: 30px;}
    .indcy-link{padding: 51px 0;}
    .indcy-link .icon{height: 114px;}
    .indcy-link .title{font-size: 24px;margin: 18px 0 9px;}
    .indcy-link .english{font-size: 21px;line-height: 24px;max-width: 195px;}
    .indcy-link:last-child .english{max-width: 150px;}
    .indcy-link:hover .icon{transform: translateY(-9px);}
    .indxw{width: 720px;padding: 60px 0 60px 60px;}
    .indxw-more{top: 60px;}
    .indxw::before{width: 3px;left: -2px;}
    .indxw-menu::after{left: -60px;width: calc(100% + 60px);height: 3px;}
    .indxw-menu a, .indxw-more a{height: 54px;font-size: 21px;margin-right: 45px;}
    .indxw-menu a::after{height: 3px;}
    .indxw-wrap{margin-top: 33px;}
    .indxw-main .title{font-size: 24px;}
    .indxw-main .time{font-size: 23px;margin: 6px 0 18px;}
    .indxw-main .text{font-size: 21px;line-height: 30px;height: 60px;}
    .indxw-link{border-top: 2px solid #f4f4f4;margin-top: 24px;padding-top: 27px;min-height: 98px;}
    .indxw-link a{padding-left: 129px;margin-top: 18px;}
    .indxw-link a span{font-size: 23px;}
    .indxw-link a h2{font-size: 21px;}
    .indbj, .indfz{min-height: 360px;}
    .indbjfz-cont{font-size: 30px;}
    .indbjfz-cont .english{margin: 3px 0 39px;}
    .indbj{width: calc(100% - 720px);padding: 30px 135px 0 0;}
    .indbj::before{right: -3px;width: 99vw;}
    .indbj .indbjfz-cont{width: calc(100% - 618px);padding: 30px 45px 0 0;}
    .indbj-map{width: 618px;}
    .indbj-map i{width: 23px;height: 23px;}
    .indbj-map i:before, .indbj-map i:after{width: 87px;height: 87px;margin: -44px 0 0 -44px;}
    .indfz{width: 720px;padding-left: 60px;}
    .indfz::before{width: 83vw;}
    .indfz .indbjfz-cont{width: calc(100% - 267px);padding: 60px 30px 0 0;}
    .indfz-stock{width: 267px;padding: 60px 36px;}
    .indfz-stock::before{height: 1800px;top: -150px;}
    .indfz-stock .title{font-size: 24px;}
    .indfz-stock .info{margin-top: 36px;}
    .indfz-stock .info h6{font-size: 48px;}
    .indfz-stock .info h6 i{width: 42px;height: 39px;margin-left: 9px;}
    .indfz-stock .info p{font-size: 21px;margin-top: 33px;}
}

/* -------------------------PC端--------------------------- */

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
}

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .banner-img img.pc {min-height: 480px;}
    .banner-prev, .banner-next {width: 48px;height: 48px;margin-top: -24px;background-size: 20px auto;}
    .indcy {padding: 40px 20px 10px 0;}
    .indbj{padding: 40px 40px 40px 0;}
    .indbj .indbjfz-cont{width: 100%;padding: 0;}
    .indbjfz-cont .english {margin: 2px 0 10px;}
    .indfz{padding: 40px 0 40px 40px;}
    .indbj-map{margin-top: 32px;}
    .indfz .indbjfz-cont{width: 100%;padding: 0;}
    .indfz-stock{width: 100%;margin-top: 32px;padding: 28px 20px;}
    .indfz-stock::before {height: 100%;top: 0;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .indcy, .indxw{min-height: auto;width: 100%;}
    .indcy {padding: 40px 0;}
    .banner-prev, .banner-next{display: none;}
    .indxw::before {width: 100%;height: 2px;left: 0;}
    .indxw {padding: 0 0 40px;}
    .indxw-menu a, .indxw-more a{height: 60px;align-items: center;}
    .indxw-menu::after {left: 0;width: 100%;}
    .banner-img img.pc {min-height: 400px;}
    .indcy-link {padding: 24px 0;}
    .indxw-more{top: 0;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indbj, .indfz{width: 100%;min-height: auto;}
    .indbj, .indfz{padding: 40px 0;}
    .indbj::before{width: calc(100% + 200px);right: -100px;height: calc(100% + 2px);}
    .indfz::before{width: calc(100% + 200px);left: -100px;}
    .banner-img img.pc {min-height: 340px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-img img.pc{display: none;}
    .banner-img img.mb{display: block;}
    .indcy {padding: 32px 0 20px;}
    .indcy-list {margin-top: 14px;}
    .indcy-link{width: 50%;padding: 16px 0;}
    .indxw-menu a, .indxw-more a{height: 44px;margin-right: 20px;}
    .indxw {padding: 0 0 32px;}
    .indbj, .indfz {padding: 32px 0;}
    .indbjfz-cont .text{font-size: 18px;}
    .indbj-map {margin-top: 24px;width: 100%;}
    .indfz-stock {margin-top: 24px;padding: 20px 16px;}
    .indfz-stock .info p {margin-top: 10px;}
    .indfz-stock .info {margin-top: 12px;}
    .indbj-map i {width: 10px;height: 10px;}
    .indbj-map i.icon1{left: 13%;top: 37%;}
    .indbj-map i.icon2{left: 32%;top: 71%;}
    .indbj-map i.icon3{left: 65%;top: 46%;}
    .indbj-map i.icon4{left: 77%;top: 45%;}
    .banner .swiper-slide{transform: translate3d(0, 0, 0) !important;transition: none !important;}
}