@charset "utf-8";
/* ===================首页样式========================== */
.indban{width: 100%;overflow: hidden;position: relative;}
.indban-img{width: 100%;position: relative;}
.indban-img:after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: .2;z-index: 1;}
.indban-imgpc,.indban-imgmb{width: 100%;object-fit: cover;}
.indban-imgpc{min-height: 360px;}
.indban-imgmb{min-height: 320px;display: none;}
.indban .swiper-pagination{bottom: 30px;z-index: 2;}
.indban .swiper-pagination-bullet {width: 16px;height: 14px;border-radius: 0;background: url('../images/index/indbanic.png') no-repeat;opacity: 1;margin: 0 5px !important;}
.indban .swiper-pagination-bullet-active {background-image: url('../images/index/indbanicH.png');}
.indban-wd{position: absolute;z-index: 2;top: 50%;padding: 24px 60px;transform: translate(-50%,-50%);text-align: center;left: 50%;background: rgba(0, 0, 0, .4);transition: all .4s ease;}
.indban-wd h4{font-size: 60px;color: #fff;font-weight: 700;}
.indban-wd h4 i{width: 18px;height: 18px;margin: 0 20px;display: inline-block;vertical-align: middle;background: #fff;border-radius: 50%;}
.indban-wd p{font-size: 18px;color: #fff;margin-top: 14px;}
.indban-wd p:after{content: "";width: 16px;height: 7px;background: url('../images/index/indbanArr.png') no-repeat;display: inline-block;margin-left: 12px;vertical-align: middle;}
.indban-wd, .indban-wd h4, .indban-wd p{opacity: 0;}
.swiper-slide-active .indban-wd{animation: indbanWd 1s ease both .8s;}
.swiper-slide-active .indban-wd h4{animation: indbanH 1s ease both 1s;}
.swiper-slide-active .indban-wd p{animation: indbanP 1s ease both 1s;}
@keyframes indbanWd{0%{opacity: 0;}100%{opacity: 1;}}
@keyframes indbanH{0%{opacity: 0;transform: translateX(100px);}100%{opacity: 1;transform: translateX(0);}}
@keyframes indbanP{0%{opacity: 0;transform: translateX(-100px);}100%{opacity: 1;transform: translateX(0);}}
.indban-wd:hover{background: rgba(0, 0, 0, .6);}

.indgy{width: 100%;overflow: hidden;}
.indgy-video, .indgy-wdbox{width: 50%;float: left;height: 536px;position: relative;}
.indgy-video img{width: 100%;height: 100%;object-fit: cover;}
.indgy-video p{position: absolute;z-index: 2;width: 100px;height: 104px;top: 50%;left: 50%;margin-top: -52px;margin-left: -50px;cursor: pointer;text-align: center;}
.indgy-video p i{display: block;width: 62px;height: 62px;margin: 0 auto;background: url('../images/index/indgyic.png') no-repeat center /100% auto;transition: all .4s ease;}
.indgy-video p span{font-size: 24px;color: #fff;font-weight: 700;display: block;margin-top: 10px;}
.indgy-video p:hover i{transform: rotate(90deg);}
.indgy-wdbox{display: flex;align-items: center;background: url('../images/index/indgyImg2.png') no-repeat right bottom /90% auto;}
.indgy-wd{width: 488px;margin-left: 120px;}
.indgy-wdtit{width: 100%;}
.indgy-wdtit h2{font-size: 34px;color: #222;font-weight: 700;}
.indgy-wdtit p{font-size: 15px;color: #666;line-height: 28px;margin-top: 24px;}
.indgy-wdnum{width: 100%;margin-top: 46px;text-align: center;}
.indgy-wdnum li{width: 33.3333%;float: left;}
.indgy-wdnum li span{display: block;font-family: 'DINCond';font-size: 60px;color: #3fbaff;line-height: .8em;}
.indgy-wdnum li p{font-size: 13px;color: #666;margin-top: 14px;}

.inddw{width: 100%;/*padding-top: 90px;*/overflow: hidden;}
.inddw-contain{width: 1300px;margin: 0 auto;position: relative;z-index: 3;}
.inddw-list{width: 100%;margin-top: 34px;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;}
.inddw-list a{width: 20%;float: left;height: 646px;position: relative;display: flex;padding: 0 28px 38px;align-items: flex-end;}
.inddw-list a:after{content: "";position: absolute;width: 1px;height: 100%;top: 0;right: 0;background: #fff;opacity: .4;}
.inddw-list a:last-child:after{display: none;}
.inddw-wd{width: 100%;height: 154px;overflow: hidden;transition: all .6s ease;}
.inddw-wd img{width: 62px;display: block;margin: 0 auto;opacity: 0;transition: all .4s ease .3s;}
.inddw-wd h6{font-size: 18px;color: #fff;font-weight: 700;line-height: 30px;height: 60px;margin-top: 32px;}
.inddw-wd p{font-size: 14px;color: #fff;line-height: 24px;margin-top: 10px;}
.inddw-wd i{display: block;width: 24px;height: 9px;background: url('../images/index/inddwic2.png') no-repeat;margin-top: 20px;}
.inddw-list a:hover .inddw-wd img{opacity: 1;}

.indgz{width: 100%;padding: 90px 0 100px;overflow: hidden;background: linear-gradient(to bottom,#eff6fc,#fff);}
.indgz-list{width: 100%;margin-top: 34px;}
.indgz-link{margin-top: 1px;margin-left: 1px;}
.indgz-list a{display: block;width: 20%;float: left;margin-top: -1px;margin-left: -1px;height: 276px;background: #fff;transition: all .6s ease;position: relative;padding: 48px 36px 0;cursor: default;border: 1px solid #e3e3e3;}
.indgz-img{width: 100%;position: relative;height: 46px;}
.indgz-img img{max-height: 100%;}
.indgz-img-S{display: block;}
.indgz-img-H{display: none;}
.indgz-img p{font-size: 18px;color: #d9d9d9;font-family: Arial;position: absolute;top: 0;right: -20px;transition: all .4s ease;}
.indgz-wd{width: 100%;}
.indgz-wd h2{font-size: 18px;color: #555;font-weight: 700;line-height: 26px;margin: 10px 0;transition: all .4s ease;}
.indgz-wd p{font-size: 14px;color: #888;line-height: 24px;transition: all .4s ease;}
.indgz-list a:hover{background: url('../images/index/indgzBg.jpg') no-repeat center/cover;border-color: #3fbaff;box-shadow: 0 3px 12px 3px #bde7ff;position: relative;z-index: 2;}
.indgz-list a:hover .indgz-img-S{display: none;}
.indgz-list a:hover .indgz-img-H{display: block;}
.indgz-list a:hover .indgz-img p, .indgz-list a:hover .indgz-wd h2, .indgz-list a:hover .indgz-wd p{color: #fff;}

.indst{width: 100%;padding: 68px 0;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}
.indst-contain{width: 1300px;margin: 0 auto;}
.indst-wd, .indst-img{width: 50%;float: left;}
.indst-img{text-align: right;}
.indst-img img{max-width: 100%;}
.indst-wd{padding-top: 100px;}
.indst-wd .pubtit{text-align: left;}
.indst-wddesc{width: 100%;}
.indst-wddesc p{font-size: 22px;color: #93a7c7;margin: 20px 0 40px;}
.indst-wddesc img{max-width: 100%;}

.indyq{width: 100%;padding-top: 100px;overflow: hidden;}
.indyq-menu{width: 100%;font-size: 0;text-align: center;margin-top: 34px;}
.indyq-menu li{display: inline-block;padding: 0 40px 20px;margin: 0 4px;position: relative;user-select: none;cursor: pointer;}
.indyq-menu li h6{height: 48px;}
.indyq-menu li h6 img{max-height: 100%;margin: 0 auto;}
.indyq-menu-S{display: block;}
.indyq-menu-H{display: none;}
.indyq-menu li p{font-size: 18px;color: #333;transition: all .4s ease;margin-top: 6px;}
.indyq-menu li:after{content: "";position: absolute;width: 0;height: 5px;background: #3fbaff;right: 0;bottom: 0;transition: all .4s ease;}
.indyq-menu li.ontrue .indyq-menu-S{display: none;}
.indyq-menu li.ontrue .indyq-menu-H{display: block;}
.indyq-menu li.ontrue p{color: #3fbaff;}
.indyq-menu li.ontrue:after{right: auto;left: 0;width: 100%;}
.indyq-loop{width: 100%;position: relative;}
.indyq-loop img{width: 100%;object-fit: cover;}
.indyq-contain{width: 1300px;margin: 0 auto;}
.indyq-loop-item{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;z-index: 2;}
.indyq-loop-wd{width: 364px;}
.indyq-loop-wd h4{font-size: 26px;color: #fff;font-weight: 700;}
.indyq-loop-wd p{font-size: 15px;line-height: 26px;color: #fff;margin: 20px 0 50px;}
.indyq-loop-wd a{width: 184px;height: 52px;line-height: 48px;border-radius: 24px;border: 2px solid #fff;display: block;font-size: 18px;color: #fff;padding: 0 30px;background: url('../images/index/indyqArr.png') no-repeat right 12px center;transition: all .4s ease;}
.indyq-loop-wd a:hover{background-color: #3fbaff;border-color: #3fbaff;}

.indxw{width: 100%;padding: 100px 0 90px;overflow: hidden;}
.indxw .indcontain{padding: 0 124px;}
.indxw-loop{width: 100%;margin-top: 34px;}
.indxw-loop .swiper-container{padding: 4px 20px 20px;}
.indxw-imgwd{display: block;width: 100%;box-shadow: 0 2px 12px 2px #ededed;}
.indxw-img{width: 100%;overflow: hidden;}
.indxw-img img{width: 100%;object-fit: cover;transition: all .4s linear;}
.indxw-wd{width: 100%;padding: 36px 40px 40px;background: #fff;transition: all .4s ease;}
.indxw-wd h1, .indxw-wd p{padding-right: 30%;position: relative;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indxw-wd h1{font-size: 20px;color: #444;line-height: 28px;font-weight: 700;height: 56px;transition: all .4s ease;}
.indxw-wd p{font-size: 14px;color: #888;line-height: 24px;margin-top: 20px;height: 48px;transition: all .4s ease;background: url('../images/index/indxwic.png') no-repeat right top 6px;}
.indxw-imgwd:hover .indxw-img img{transform: scale(1.06);}
.indxw-imgwd:hover .indxw-wd{background: #3fbaff;}
.indxw-imgwd:hover .indxw-wd h1{color: #fff;}
.indxw-imgwd:hover .indxw-wd p{color: #fff;background-image: url('../images/index/indxwicH.png');}
.indxw-loop .swiper-wrapper{padding-bottom: 24px;}
.indxw-loop .swiper-pagination{bottom: 0;}
.indxw-loop .swiper-pagination-bullet {width: 36px;height: 3px;border-radius: 0;background: #eee;opacity: 1;margin: 0 7px !important;}
.indxw-loop .swiper-pagination-bullet-active {opacity: 1;background: #3fbaff;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .indxw .indcontain{padding: 0 80px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .indban-wd h4{font-size: 50px;}
    .indgy-video, .indgy-wdbox{height: 420px;}
    .indgy-wdtit h2{font-size: 30px;}
    .indgy-wdnum li span{font-size: 50px;}
    .indgy-wdtit p{margin-top: 18px;}
    .indgy-wdnum{margin-top: 36px;}
    .indgy-wd {margin-left: 90px;}
    .inddw {padding-top: 0px;}
    .indgz {padding: 80px 0 88px;}
    .indgz-wd h2{font-size: 16px;}
    .indgz-list a {padding: 32px 28px 0;}
    .indxw-wd h1, .indxw-wd p {padding-right: 24%;}
    .indxw-wd h1 {font-size: 18px;height: 52px;line-height: 26px;}
    .indxw-wd {padding: 30px 36px 36px;}
    .indyq {padding-top: 88px;}
    .indxw {padding: 88px 0 80px;}
    .indxw .indcontain {padding: 0 60px;}
    .inddw-list a {height: 600px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .indban-wd h4 {font-size: 40px;}
    .indban-wd {padding: 20px 40px;}
    .indgy-wd {margin-left: 68px;}
    .indgy-video, .indgy-wdbox {height: 380px;}
    .indgy-wdtit h2 {font-size: 28px;}
    .indgy-wdnum li span {font-size: 44px;}
    .indgz-wd p{line-height: 22px;}
    .inddw-contain, .indst-contain, .indyq-contain{width: 92%;}
    .indxw .indcontain {padding: 0 40px;}
    .indxw-wd h1, .indxw-wd p {padding-right: 20%;}
    .inddw-list a {height: 540px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .inddw {padding-top: 0px;}
    .indgz {padding: 70px 0 78px;}
    .indyq {padding-top: 78px;}
    .indxw {padding: 78px 0 70px;}
    .inddw-list a {height: 500px;padding: 0 24px 32px;}
    .indst-wd {padding-top: 68px;}
    .indyq-loop-wd p {margin: 18px 0 38px;}
    .indgy-wd {margin-left: 48px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .inddw {/*padding-top: 60px;*/}
    .indgz {padding: 60px 0 68px;}
    .indyq {padding-top: 68px;}
    .indxw {padding: 68px 0 60px;}
    .indgy-wd {margin-left: 0;width: 100%;padding: 0 4%;}
    .indgy-video, .indgy-wdbox {height: 350px;}
    .indban-wd h4 {font-size: 36px;}
    .indban-wd h4 i {width: 14px;height: 14px;margin: 0px 16px;}
    .indban-wd p {font-size: 16px;margin-top: 10px;}
    .indban .swiper-pagination {bottom: 24px;}
    .indban-wd {padding: 18px 32px;}
    .indgy-wdtit p {line-height: 24px;margin-top: 14px;}
    .indgy-wdtit h2 {font-size: 24px;}
    .indgy-wdnum li span {font-size: 38px;}
    .indgy-wdnum {margin-top: 28px;}
    .indgy-video p span{font-size: 20px;}
    .inddw-wd h6 {font-size: 16px;line-height: 24px;height: 48px;margin-top: 24px;}
    .inddw-wd{height: 134px;}
    .inddw-wd p{line-height: 22px;}
    .inddw-list a {height: 460px;padding: 0 20px 28px;}
    .indgz-list a{width: 25%;}
    .indyq-loop-wd p {margin: 16px 0 32px;line-height: 24px;}
    .indyq-loop-wd h4{font-size: 24px;}
    .indyq-loop-wd a {width: 160px;height: 44px;line-height: 40px;font-size: 16px;padding: 0 24px;}
    .indyq-menu li {padding: 0 32px 20px;}
    .indyq-loop img{min-height: 340px;}
    .indxw-wd {padding: 26px 28px 32px;}
    .indxw .indcontain {padding: 0 calc(4% - 20px);}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .indban-wd h4 {font-size: 32px;}
    .indst-wd {padding-top: 44px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indban-wd{width: 500px;}
    .indgy-video, .indgy-wdbox{width: 100%;height: auto;}
    .indgy-wd{padding: 40px 4%;}
    .inddw-wd img{opacity: 1;}
    .inddw-wd{height: auto;}
    .inddw-wd p{display: none;}
    .inddw-wd h6{height: auto;}
    .indgz-list a{width: 50%;height: 260px;}
    .indst-wddesc p {font-size: 20px;margin: 16px 0 30px;}
    .indst-wd {padding-top: 20px;}
    .indyq-menu li {padding: 0 24px 16px;}
    .indyq-menu li:after{height: 3px;}
    .indxw-wd h1, .indxw-wd p {padding-right: 16%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indban-imgpc{display: none;}
    .indban-imgmb{display: block;}
    .indban-wd h4 {font-size: 24px;}
    .indban-wd h4 i {width: 10px;height: 10px;margin: 0px 12px;}
    .indban-wd p {font-size: 12px;}
    .indban-wd p:after{display: none;}
    .indban-wd {width: 92%;transform: translate(0,-50%);left: 4%;padding: 16px 20px;}
    .indban .swiper-pagination {bottom: 18px;}
    .indgy-video p span {font-size: 18px;}
    .indgy-wdtit h2 {font-size: 20px;}
    .indgy-wdnum li{padding: 0 10px;}
    .indgy-wdnum li span {font-size: 32px;}
    .indgy-wdnum li p {font-size: 12px;margin-top: 10px;line-height: 20px;}
    .indgy-wdnum {margin-top: 24px;}
    .indgy-wd {padding: 32px 4%;}
    .inddw {/*padding-top: 40px;*/}
    .indgz {padding: 40px 0 42px;}
    .indyq {padding-top: 42px;}
    .indxw {padding: 42px 0 40px;}
    .inddw-list{margin-top: 32px;}
    .inddw-list a{width: 50%;height: auto;padding: 0;margin-top: 20px;}
    .inddw-list a:after{display: none;}
    .inddw-wd img{margin: 0;}
    .inddw-wd h6{margin-top: 12px;}
    .inddw-wd i{margin-top: 14px;}
    .inddw-list{background-size: auto 200px;background-color: #3fbaff;padding: 12px 0 200px;background-position: 44% bottom;}
    .indgz-list a {padding: 22px 20px 0;}
    .indgz-img p {font-size: 16px;right: -12px;}
    .indgz-wd h2 {font-size: 14px;margin: 8px 0 10px;line-height: 20px;}
    .indgz-wd p {line-height: 18px;font-size: 12px;}
    .indst {padding: 42px 0;}
    .indst-wd, .indst-img{width: 100%;}
    .indst-wd {padding-top: 0;}
    .indst-wddesc p {font-size: 18px;margin: 16px 0 24px;}
    .indst-img{text-align: center;margin-top: 28px;}
    .indyq-menu li p {font-size: 14px;margin-top: 4px;}
    .indyq-menu li {padding: 0 0 8px;margin: 0 6px;}
    .indyq-loop-wd h4 {font-size: 20px;}
    .indyq-loop-wd{width: 100%;}
    .indyq-loop-wd p {margin: 12px 0 24px;}
    .indyq-loop-wd a{width: 140px;padding: 0 18px;height: 40px;line-height: 36px;}
    .indyq-loop img {min-height: 260px;}
    .indyq-loop .swiper-slide:after{content: "";position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;background: #000;opacity: .4;}
    .indyq-menu {margin-top: 32px;}
    .indxw-loop {margin-top: 32px;}
    .indxw-loop .swiper-container {padding: 0;}
    .indxw .indcontain {padding: 0 4%;}
    .indxw-imgwd {display: block;width: 100%;box-shadow: none;}
    .indxw-wd {padding: 24px 20px 28px;background: #f3f3f3;}
    .indxw-wd h1 {font-size: 16px;height: 52px;}
    .indxw-wd p {line-height: 22px;margin-top: 12px;height: 44px;}
    .indxw-loop .swiper-pagination-bullet {width: 28px;margin: 0 4px !important;}
    .indxw-loop .swiper-wrapper {padding-bottom: 28px;}
}