@charset "utf-8";
/* ===================棣栭〉鏍峰紡========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner a{display: block;width: 100%;}
.banner-img{width: 100%;}
.banner-imgpc,.banner-imgmb{width: 100%;object-fit: cover;}
.banner-imgpc{min-height: 360px;}
.banner-imgmb{min-height: 320px;display: none;}
.banner-wd{width: 100%;position: absolute;z-index: 2;left: 0;top: 41%;transform: translateY(-50%);color: #fff;}
.banner-wd i{display: block;width: 18px;height: 18px;border: 3px solid #fff;border-radius: 50%;}
.banner-wd h6{font-size: 62px;font-weight: 700;letter-spacing: .12em;margin: 16px 0 20px;}
.banner-wd p{font-size: 16px;letter-spacing: .4em;}
.banner-wd i, .banner-wd h6, .banner-wd p{opacity: 0;}

.banner .swiper-slide video {position: absolute;width: 100%;left: 0px;top: 0;object-fit: cover;}
.swiper-slide-active .banner-wd i{animation: banI 1s ease both 400ms;}
.swiper-slide-active .banner-wd h6{animation: banHP 1s ease both 600ms;}
.swiper-slide-active .banner-wd p{animation: banHP 1s ease both 800ms;}
@keyframes banI{0%{opacity: 0;transform: scale(0);}100%{opacity: 1;transform: scale(1);}}
@keyframes banHP{0%{opacity: 0;transform: translateX(120px);}100%{opacity: 1;transform: translateX(0);}}
.banner .swiper-pagination{bottom: 54px;}
.banner .swiper-pagination-bullet {width: 130px;height: 1px;border-radius: 0;background: rgba(255, 255, 255, .5);opacity: 1;position: relative;margin: 0 11px !important;}
.banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #2095c7;width: 0;height: 1px;z-index: 1;transition: 0s;}
.banner .swiper-pagination-bullet i:after{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background: rgba(255, 255, 255, .5);top: -2px;left: -14px;}
.banner .swiper-pagination-bullet:last-child i:before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background: rgba(255, 255, 255, .5);top: -2px;right: -14px;}
.banner .slideOntrue.swiper-pagination-bullet:before{width: 100%;transition: all 4s ease;}
.banner .slideOntrue.swiper-pagination-bullet i:after{background: #2095c7;}
.banner .slideOntrue.swiper-pagination-bullet:last-child i:before{background: #2095c7;transition: all 4s ease 2.8s;}


/* 瑙嗛寮圭獥 */
.popVideo{display: none;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-content{display: flex;justify-content: center;align-items: center;position: relative;width: 66%;height: 100%;margin: 0 auto;}
.popVideo-core{position: relative;display: inline-block;vertical-align: middle;width: 100%;position: relative;}
.popVideo-core video{width: 100%;}
.popVideo-close {width: 28px;height: 28px;position: absolute;right: -28px;top: -28px;z-index: 3;background: url('../images/public/close.png') no-repeat center;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
/* over */


.banner-video {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 50px;height: 50px;text-align: center;line-height: 46px;border: 3px solid #fff;color: #fff;font-size: 20px;font-family: "瀹嬩綋";border-radius: 50%;font-weight: bold;cursor: pointer;}








.indtit{width: 100%;position: relative;z-index: 2;}
.indtit p{font-size: 32px;color: #a6a8ab;font-weight: 700;font-family: 'GOTHICB';text-transform: uppercase;}
.indtit h6{font-size: 32px;color: #2095c7;font-weight: 500;margin-top: 20px;}
.indtit-white p,.indtit-white h6{color: #fff;}

.indjj{width: 100%;padding: 100px 0 120px;}
.indjj-wd{width: 50.2%;float: left;padding-top: 54px;position: relative;}
.indjj-wdft{width: 100%;padding-right: 166px;padding-top: 48px;position: relative;z-index: 2;}
.indjj-wdft p{font-size: 16px;color: #666;line-height: 28px;margin-top: 24px;}
.indjj-wdft p:first-child{margin-top: 0;}
.indjj-wdsd{position: absolute;width: 260px;top: 0;right: 0;background: #f7f7f7;}
.indjj-wdsd:after{content: "";position: absolute;top: 68px;width: 180px;height: 1px;background: #2095c7;left: -86px;}
/* 瑙嗛 */
.popVideo{display: none;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-content{display: flex;justify-content: center;align-items: center;position: relative;width: 66%;height: 100%;margin: 0 auto;}
.popVideo-core{position: relative;display: inline-block;vertical-align: middle;width: 100%;position: relative;}
.popVideo-core video{width: 100%;}
.popVideo-close {width: 28px;height: 28px;position: absolute;right: -28px;top: -28px;z-index: 3;background: url('../images/index/close.png') no-repeat center;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
/* ---- */
.indjj-wdsd,.indjj-imgpic{height: 482px;}
.indjj-img{width: 49.8%;float: right;overflow: hidden;position: relative;}
.indjj-imgpic{width: 100%;object-fit: cover;}
.indjj-img i{width: 72px;height: 72px;margin-top: -36px;margin-left: -36px;position: absolute;z-index: 2;top: 50%;left: 50%;cursor: pointer;}
.indjj-img i img{width: 100%;object-fit: cover;transition: all .4s ease;}
.indjj-img i:hover img{transform: scale(.94);}

.indcx{padding: 100px 0 150px;position: relative;}
.indcx-img1,.indcx-img2{position: absolute;z-index: 1;}
.indcx-img1{left: 0;top:0;}
.indcx-img2{right: 0;bottom: 0;}
.indcx-tit{text-align: center;z-index: 2;}
.indcx-tit h1{font-size: 32px;line-height: 36px;font-family: "DINM";color: #a6a8ab;text-transform: uppercase}
.indcx-tit h5{font-size: 32px;color: #3c9dcb;margin-top: 16px;}
.indcx-box {margin-top: 60px;z-index: 2;}
.indcx-box li{float: left;width: 25%;}
.indcx-box li a{display: block;width: 194px;text-align: center;margin: 0 auto;}
.indcx-boximg {width: 60%;margin: 0 auto;height: 110px;}
/* .indcx-boximg img{width: 100%;object-fit: contain;height: 90px;} */
.indcx-boxwd{margin-top: 50px;}
.indcx-boxwd h5{font-size: 24px;line-height: 36px;font-weight: bold;color: #333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indcx-boxwd p{font-size: 16px;line-height: 30px;color: #666;margin-top: 18px;}









.indfw{width: 100%;overflow: hidden;position: relative;}
.indfw:after{content: "";position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: .2;}
.indfw-bg{width: 100%;}
.indfw-bg ul li{position: absolute;top: 0;left: 0;width: 100%;transition: all 1.2s ease;opacity: 0;}
.indfw-bg ul li.ontrue {opacity: 1;}
.indfw-bg ul li img{width: 100%;object-fit: cover;}
.indfw-wdmenu{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.indfw-wdmenu .contain{position: relative;height: 100%;}
.indfw-wd{width:564px;position: absolute;top: 40%;left: 0;transform: translateY(-50%);z-index: 3;}
.indfw-wditem{width: 100%;}
.indfw-wdft{width: 100%;margin-top: 40px;}
.indfw-wdft p{font-size: 16px;color: #fff;line-height: 32px;}
.indfw-menu{position: absolute;width: 600px;right: 0;top: 0;height: 100%;}
.indfw-menu a{display: block;width: 100%;position: relative;height: 20%;background: rgba(0,0,0,.1);padding: 0 44px;}
.indfw-menu a:after{content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(255, 255, 255, .6);background-repeat: no-repeat;background-position: right 66px center;opacity: 0;left: 0;top: 0;transform-origin: 50%;transform: scaleY(0);transition: all .4s ease;}
.indfw-menu a:nth-child(1):after{background-image: url('../images/index/indfwic1.png');}
.indfw-menu a:nth-child(2):after{background-image: url('../images/index/indfwic2.png');}
.indfw-menu a:nth-child(3):after{background-image: url('../images/index/indfwic3.png');}
.indfw-menu a:nth-child(4):after{background-image: url('../images/index/indfwic4.png');}
.indfw-menu a:nth-child(5):after{background-image: url('../images/index/indfwic5.png');}
.indfw-menuwd{width: 100%;height: auto;display: flex;align-items: center;position: relative;z-index: 2;}
.indfw-menuwd:after{content: "";position: absolute;width: 100%;height: 1px;background: #fff;opacity: .6;left: 0;bottom: 0;}
.indfw-menuwdft{width: 100%;position: relative;}
.indfw-menuwdft h6{font-size: 24px;color: #fff;line-height: 44px;}
.indfw-menuwdft i{position: absolute;width: 44px;height: 44px;background: url('../images/index/indfwadd.png') no-repeat;right: 0;top: 0;}
.indfw-menuwdft p{font-size: 14px;color: #333;line-height: 24px;height: 0;overflow: hidden;width: 70%;max-height: 72px;overflow: hidden;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indfw-menu a.ontrue:after{opacity: 1;transform: scaleY(1);}
.indfw-menu a.ontrue .indfw-menuwd:after{display: none;}
.indfw-menu a.ontrue .indfw-menuwdft h6{color: #333;}
.indfw-menu a.ontrue .indfw-menuwdft p{height: auto;}
.indfw-menu a.ontrue .indfw-menuwdft i{display: none;}


.indxw{width: 100%;padding: 100px 0 120px;}
.indxw-item{width: 100%;margin-top: 52px;}
.indxw-loop{width: 48.6%;float: left;}
.indxw-loopwdimg{width: 100%;position: relative;display: block;overflow: hidden;}
.indxw-loopimg{width: 100%;object-fit: cover;height: 450px;transition: all 1s ease;}
.indxw-loopwd{position: absolute;z-index: 2;overflow: hidden;background: rgba(0,0,0,.4);transition: all .4s ease;padding: 20px 150px 20px 18px;left: 0;bottom: 0;width: 100%;}
.indxw-loopwd p{width: 100%;opacity: 0;padding-right: 110px;font-size: 18px;color: #fff;font-weight: 700;position: relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indxw-loopwd p span{position: absolute;right: 0;top: 0;font-size: 16px;font-weight: 300;font-family: 'GOTHICB';}
.indxw-loopwd p span:before{content: "";position: absolute;width: 1px;height: 12px;top: 50%;margin-top: -6px;left: -16px;background: #fff;}
.indxw-loop .swiper-pagination{width: 150px;left: auto;right: 0;padding-right: 16px;text-align: right;bottom: 18px;}
.indxw-loop .swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 100%;border: 1px solid #fff;background: transparent;opacity: 1;margin: 0 7px !important;}
.indxw-loop .swiper-pagination-bullet-active {background: #2095c7;border-color: #2095c7;}
.indxw-loopwdimg:hover .indxw-loopimg{transform: scale(1.04);}
.indxw-loopwdimg:hover .indxw-loopwd{background: rgba(0,0,0,.6);}
.swiper-slide-active .indxw-loopwd p{animation: indxwP .8s ease both 800ms;}
@keyframes indxwP{0%{opacity: 0;transform: translateY(40px);}100%{opacity: 1;transform: translateY(0);}}
.indxw-list{width: 47.2%;float: right;}
.indxw-list a{display: block;width: 100%;padding: 32px 0;border-bottom: 1px solid #eee;overflow: hidden;}
.indxw-list a:first-child{padding-top: 0;}
.indxw-listimg{width: 150px;height: 96px;float: left;overflow: hidden;}
.indxw-listimg img{width: 100%;object-fit: cover;transition: all .8s ease;}
.indxw-listwd{width: calc(100% - 150px);float: right;padding-left: 44px;padding-top: 4px;}
.indxw-listwd h6{font-size: 18px;color: #333;line-height: 26px;transition: all .4s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indxw-listwd p{font-size: 14px;color: #888;line-height: 24px;height: 48px;margin-top: 8px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indxw-list a:hover .indxw-listimg img{transform: scale(1.06);}
.indxw-list a:hover .indxw-listwd h6{color: #2095c7;}


.indzb{width: 100%;position: relative;}
.indzb img{width: 100%;object-fit: cover;}
.indzb-wd{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 2;}
.indzb-wdft{width: 600px;float: right;padding-right: 72px;}
.indzb-wdft h6{font-size: 36px;color: #fff;}
.indzb-wdft p{font-size: 16px;line-height: 32px;color: #fff;margin: 12px 0 18px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indzb-wdft a{display: block;width: 170px;height: 40px;line-height: 40px;border-radius: 30px;background: #fff;font-size: 0;text-align: center;overflow: hidden;position: relative;}
.indzb-wdft a span, .indzb-wdft a i{display: inline-block;vertical-align: middle;position: relative;z-index: 2;}
.indzb-wdft a span{font-size: 16px;color: #2095c7;position: relative;transition: all .4s ease;}
.indzb-wdft a i{width: 14px;height: 7px;background: url('../images/index/indzbarr.png') no-repeat;transition: all .4s ease;margin: 1px 0 0 4px;}
.indzb-wdft a:before{content: "";background: #2095c7;width: 0;right: 0;height: 100%;position: absolute;transition: all .5s ease;}
.indzb-wdft a:hover:before{width: 100%;right: auto;left: 0;}
.indzb-wdft a:hover span{color: #fff;}
.indzb-wdft a:hover i{background-image: url('../images/index/indzbarrH.png');}



/* -------------------------PC绔?-------------------------- */
@media all and (max-width:1700px) {
    /* 1600 脳 (900/1024/1200) */
    .banner-wd h6{font-size: 54px;}
    .banner .swiper-pagination{bottom: 44px;}
    .banner-wd{top: 44%;}
}

@media all and (max-width:1599px) {
    /* 1440 脳 (900/1050) */
    .banner-wd h6{font-size: 44px;}
    .banner .swiper-pagination{bottom: 36px;}
    .indjj, .indxw {padding: 80px 0 100px;}
    .indjj-wdft p{margin-top: 20px;}
    .indtit p{font-size: 30px;}
    .indtit h6 {font-size: 30px;margin-top: 16px;}
    .indjj-wdsd, .indjj-imgpic{height: 450px;}
    .indjj-wdft {padding-right: 150px;padding-top: 36px;}
    .indfw-menuwdft h6{font-size: 20px;line-height: 38px;}
    .indfw-menuwdft i {width: 38px;height: 38px;background-size: 100% auto;}
    .indfw-bg ul li img{height: 530px;}
    .indxw-loopimg{height: 410px;}
    .indxw-list a{padding: 24px 0;}
    .indzb-wdft h6{font-size: 32px;}
    .indzb img{height: 282px;}
    .indzb-wdft p {line-height: 28px;margin: 10px 0 16px;}
    .banner-wd{top: 50%;}
    .indcx-tit h1 ,.indcx-tit h5{font-size: 30px;}
}

@media all and (max-width:1439px) {
    /* 1360 脳 (768) */
    .banner-wd h6 {font-size: 38px;margin: 12px 0 16px;}
    .banner .swiper-pagination{bottom: 30px;}
    .indtit p {font-size: 26px;}
    .indtit h6 {font-size: 26px;margin-top: 12px;}
    .indjj-wd {padding-top: 44px;}
    .indjj-wdft {padding-right: 140px;padding-top: 30px;}
    .indjj-wdsd, .indjj-imgpic{height: 424px;} 
    .indjj-wdft p {margin-top: 16px;}
    .indjj-wdsd{width: 210px;}
    .indjj-wdsd:after {top: 56px;width: 150px;left: -68px;}
    .indjj, .indxw {padding: 80px 0 88px;}
    .indfw-wd{width: 480px;}
    .indfw-wdft {margin-top: 28px;}
    .indxw-loop{width: 50%;}
    .indzb-wdft h6 {font-size: 28px;}
    .banner-wd{top: 52%;}
}

@media all and (max-width:1359px) {
    /* 1280 脳 (800/854/1024) */
    .indjj-wdft p{margin: 10px;line-height: 26px;}
    .indjj-wd {padding-top: 28px;}
    .indjj-wdsd:after{top: 42px;}
    .indjj-wdsd, .indjj-imgpic{height: 410px;}
    .indxw-list a {padding: 20px 0;}
    .indxw-loopimg {height: 390px;}
    .indxw-loopwd p{font-size: 16px;padding-right: 100px;}
    .indxw-loopwd p span{font-size: 14px;}
    .indxw-loopwd {padding: 16px 150px 16px 18px;}
    .indzb-wdft h6 {font-size: 24px;}
    .indjj-wdft{padding-right: 120px;}
    .indcx-tit h1 ,.indcx-tit h5{font-size: 26px;}
    .indcx-tit h5{margin-top: 10;}
    .indcx {padding: 80px 0 130px;}
}

@media all and (max-width:1279px) {
    /* 1152 脳 (864) */
    .banner-wd h6 {font-size: 34px;margin: 10px 0 14px;}
    .banner .swiper-pagination {bottom: 24px;}
    .indjj, .indxw {padding: 64px 0 68px;}
    .indjj-wdft {padding-right: 40px;padding-top: 20px;}
    .indtit p {font-size: 24px;}
    .indtit h6 {font-size: 24px;margin-top: 10px;}
    .indjj-wdsd, .indjj-imgpic {height: 380px;}
    .indjj-wdsd{width: 168px;}
    .indjj-wdsd:after {top: 40px;width: 120px;left: -60px;}
    .indfw-wd{width: 440px;}
    .indfw-wdft p {line-height: 28px;}
    .indfw-menu{width: 480px;}
    .indfw-menu a {padding: 0 32px;}
    .indfw-menu a:after {background-position: right 40px center;}
    .indxw-item {margin-top: 44px;}
    .indxw-list a {padding: 16px 0;}
    .indxw-listwd {padding-left: 32px;}
    .indxw-loopimg{height: 370px;}
    .indzb img {height: 250px;}
    .indcx-tit h1 ,.indcx-tit h5{font-size: 24px;}
    .indcx-tit h5{margin-top: 0;}
    .indcx {padding: 60px 0 110px;}
    .indcx-img1,.indcx-img2{display: none;}
}

@media all and (max-width:1151px) {
    /* 1024 脳 (600/768) */
    .indjj-wdft p{font-size: 14px;}
    .popVideo-content {width: 92%;}
    .popVideo-close{right: 0;}
}


/* ------------------------鎵嬫満绔?------------------------- */
@media all and (max-width:1000px) {
    /* 骞虫澘璁惧 720 閫傞厤 */
    
    .banner-wd h6 {font-size: 30px;}
    .banner .swiper-pagination-bullet {width: 80px;}
    .indcx {padding: 30px 0 60px;}
    .indcx-box {margin-top: unset;}
    .indcx-boximg img {height: 70px;}
    .indcx-boxwd h5 {line-height: 20px;font-size: 20px;}
    .indcx-boxwd {margin-top: 30px;}
    .indcx-boxwd p {line-height: 24px;}
    .indcx-box li {width: 50%;margin-top: 30px;}
    .indfw-wdmenu {overflow-y: scroll;}
    /* 婊氬姩鏉 */
    .indfw-wdmenu::-webkit-scrollbar{background: #fff;width: 4px;height: 4px;}
    .indfw-wdmenu::-webkit-scrollbar-thumb  {border-radius: 10px;background-color: #2095c7;}



    .indfw-wd ,.indfw-menu{position: unset;margin: 20px auto 0;}
    .indfw-wd{transform:unset;}
    .indfw-menu{width: 440px;height: unset;}
    .indfw-menuwd {height: 70px !important;}
    .indfw-menu a{height: unset;}
    .indfw-menu a {padding: 0 26px;}
    .indxw {padding: 30px 0 60px;}
    .indxw-item {margin-top: 24px;}
    .indxw-list{margin-top: 30px;}
    .indxw-loopimg { height: 350px;}
    .indxw-loop,.indxw-list{width: 100%;float: unset;}
    .indxw-loop .swiper-pagination {bottom: 12px;}
    .indxw-loopwd {padding: 16px 280px 16px 18px;}
    .indzb img {height: 230px;}
    .indzb-wdft {width: 500px;padding-right: 36px;}
    
}
@media all and (max-width:640px) {
    /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */
    .banner-imgpc{display: none;}
    .banner-imgmb{display: block;min-height: 240px;}
    .banner-wd i {width: 14px;height: 14px;}
    .banner-wd h6 {font-size: 24px;}
    .banner-wd p {font-size: 14px;}
    .banner .swiper-pagination-bullet {width: 40px;}
    .indcx-box li a {width: 80%;}
    .indcx-boxwd {margin-top: 14px;}
    .indcx-boxwd h5 {line-height: unset;font-size: 18px;}
    .indcx-boxwd p {line-height: unset; margin-top: 10px;font-size: 14px;}
    .indcx-box li {margin-top: 20px;}
    .indcx {padding: 26px 0 30px;}
    .indfw-menuwdft h6 {font-size: 16px;}
    .indfw-wd ,.indfw-menu{width: 90%;}
    .indfw-menu a {padding: 0 18px;}
    .indxw-loopimg { height: 260px;}
    .indxw-loopwd {padding: 16px 100px 16px 18px;}
    .indxw-listwd {padding-left: 14px;}
    .indxw-list { margin-top: 20px;}
    .indxw-listimg {width: 100px;height: 86px;padding-top: 10px;}
    .indxw-listwd {width: calc(100% - 100px);padding-left: 14px;}
    .indxw-listwd h6 {font-size: 16px;}
    .indxw-listwd p {margin-top: 2px;}
    .indzb img {height: 180px;}
    .indzb-wdft {width: 300px;padding-right: unset;margin: 0 auto;float: unset;}
    .indzb-wdft h6 {font-size: 22px;}
    .indzb-wdft p {line-height: 24px;margin: 10px 0 16px;}
    .indzb-wdft a {width: 140px;height: 30px;line-height: 30px;border-radius: 30px;}
    .indzb-wdft a span {font-size: 14px;}
    .indcx-boximg {height: 74px;}
}