@charset "utf-8";
/* ===================首页样式========================== */
.bannerMix{width: 100%;overflow: hidden;position: relative;}
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-image{width: 100%;}
.banner-image img{width: 100%;}
.banner-image img.pc{height: 770px;}
.banner-image img.mb{min-height: 400px;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;text-align: center;}
.banner-cont .title{line-height: 1.1;}
.banner-cont .text{line-height: 1.1;color: #07a3e8;}
/* -- */
.banner-cont .title, .banner-cont .text{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerL 1s ease both 1s;}
.swiper-slide-active .banner-cont .text{animation: bannerR 1s ease both 1s;}
.oneSlide .banner-cont .title{animation: bannerL 1s ease both 1.8s;}
.oneSlide .banner-cont .text{animation: bannerR 1s ease both 1.8s;}
@keyframes bannerL{0%{opacity: 0;transform: translateX(-200px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
@keyframes bannerR{0%{opacity: 0;transform: translateX(200px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
/* -- */
.banner-line{position: absolute;pointer-events: none;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;}
.banner-line .line{position: absolute;}
.banner-line .line img{position: absolute;max-width: none;}
.banner-line .line p{position: absolute;overflow: hidden;}
.banner-line .line.line1{left: 0;bottom: 0;width: 98px;height: 574px;}
.banner-line .line.line1 p{width: 100%;bottom: 0;left: 0;height: 0;animation: bannerLine1 2s ease both .2s;}
.banner-line .line.line1 img{bottom: 0;width: 98px;}
@keyframes bannerLine1 {0%{height: 0;}100%{height: 100%;}}
.banner-line .line.line2{left: 24px;bottom: 0;width: 1015px;height: 59px;}
.banner-line .line.line2 p{width: 0;top: 0;left: 0;height: 100%;animation: bannerLine2 2s ease both .4s;}
.banner-line .line.line2 img{height: 59px;}
@keyframes bannerLine2 {0%{width: 0;}100%{width: 100%;}}
.banner-line .line.line3{right: 0;top: 58%;width: 1108px;height: 140px;}
.banner-line .line.line3 p{width: 0;top: 0;right: 0;height: 100%;animation: bannerLine3 2s ease both .2s;}
.banner-line .line.line3 img{right: 0;height: 140px;}
@keyframes bannerLine3 {0%{width: 0;}100%{width: 100%;}}
/* -- */
.bannerDot.swiper-pagination{left: 318px;bottom: 48px;pointer-events: auto;font-size: 0;width: 254px;}
.bannerDot .swiper-pagination-bullet{width: 20px;height: 20px;background: #07a3e8;opacity: 1;margin: 0 0 0 30px !important;}
.bannerDot .swiper-pagination-bullet:first-child{margin: 0 !important;}
.bannerDot .swiper-pagination-bullet-active {background: #fff;}

.indus{background: #07a3e8;}
.indus-info{width: 220px;}
.indus-info .link a{text-transform: uppercase;position: relative;border-bottom: 1px solid #222;transition: all .4s ease;}
.indus-info .link a:hover{color: #fff;border-color: #fff;}
.indus-list{width: calc(100% - 220px);padding-left: 86px;}
.indus-list ul{margin: -54px 0 0 -54px;}
.indus-list li{width: calc(33.3333% - 54px);margin: 54px 0 0 54px;text-align: center;}
.indus-list li .icon{display: flex;align-items: center;justify-content: center;width: 70px;height: 70px;margin: 0 auto;transition: all .4s ease;}
.indus-list li .icon img{max-height: 100%;}
.indus-list li .cont{width: 100%;}
.indus-list li .title{text-transform: uppercase;}
.indus-list li .text{opacity: 0.6;}
.indus-list li:hover .icon{transform: translateY(-6px);}

.indsh{background-repeat: no-repeat;background-attachment: fixed;background-size: cover;overflow: visible;z-index: 2;}
.indsh .contain{position: relative;top: -60px;}
.indsh-info{width: 570px;}
.indsh-info-cont{background: #fff;width: 100%;height: 615px;padding: 58px 36px;position: relative;text-align: center;box-shadow: 0px 5px 25px 0px rgba(51, 51, 51, 0.45);}
.indsh-info-cont .title{text-transform: uppercase;}
.indsh-info-cont .text{-webkit-line-clamp: 10;}
.indsh-info-cont .link{position: absolute;width: 100%;left: 0;bottom: 70px;}
.indsh-info-cont .link a, .indxw-more a, .indlx-form-list li button{margin: 0 auto;width: 194px;height: 54px;background: #000;text-transform: uppercase;transition: all .4s ease;}
.indsh-info-cont .link a:hover, .indxw-more a:hover, .indlx-form-list li button:hover{box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.4);}
.indsh-info-us{width: 100%;height: 290px;background: #07a3e8;display: flex;flex-direction: column;align-items: center;justify-content: center;text-transform: uppercase;margin-top: 35px;}
.indsh-info-us .name, .indsh-info-us .text{transition: all .4s ease;}
.indsh-info-us:hover .name{color: #222;}
.indsh-info-us:hover .text{color: #fff;}
.indsh-list{width: calc(100% - 570px);padding-left: 38px;}
.indsh-list ul{margin: -35px 0 0 -35px;}
.indsh-list li{width: calc(50% - 35px);margin: 35px 0 0 35px;background: #fff;height: 290px;padding: 48px 56px;text-align: center;box-shadow: 0px 5px 25px 0px rgba(51, 51, 51, 0.45);}
.indsh-list li .icon{display: flex;align-items: center;justify-content: center;width: 50px;height: 44px;margin: 0 auto;transition: all .4s ease;}
.indsh-list li .icon img{max-height: 100%;}
.indsh-list li:hover .icon{transform: translateY(-6px);}

.indxw{background: #07a3e8;}
.indxw-title{width: 100%;display: flex;justify-content: center;text-transform: uppercase;}
.indxw-title span{padding: 0 86px;position: relative;}
.indxw-title span::before, .indxw-title span::after{content: "";position: absolute;width: 58px;height: 18px;top: 50%;margin-top: -9px;}
.indxw-title span::before{left: 0;background: url('../images/index/titleL.png') no-repeat center/100% auto;}
.indxw-title span::after{right: 0;background: url('../images/index/titleR.png') no-repeat center/100% auto;}
.indxw-list{width: 100%;}
.indxw-ul{margin: -56px 0 0 -56px;}
.indxw-link{display: block;padding: 78px 36px 78px;height: 600px;width: calc(33.3333% - 56px);margin: 56px 0 0 56px;background: #fff;transition: all .4s ease;box-shadow: 0px 5px 25px 0px rgba(51, 51, 51, 0.45);}
.indxw-link .time{text-align: right;color: #07a3e8;}
.indxw-link .title{text-align: center;}
.indxw-link .image{width: 100%;overflow: hidden;}
.indxw-link .image img{width: 100%;transition: all .6s ease;}
.indxw-link:hover{transform: translateY(-20px);}
.indxw-link:hover .image img{transform: scale(1.06);}

.indpp{background: #222;}
.indpp-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.indpp .contain{position: relative;z-index: 4;}
.indpp-title{text-align: center;text-transform: uppercase;}
.indpp-loop{width: 100%;}
.indpp-list{width: 100%;}
.indpp-ul{margin: -20px 0 0 -20px;}
.indpp-logo{width: calc(20% - 20px);margin: 20px 0 0 20px;background: #fff;display: flex;align-items: center;justify-content: center;height: 90px;border: 1px solid #ccc;padding: 10px;}
.indpp-logo img{max-height: 100%;transition: all .4s ease;}
.indpp-logo:hover img{transform: translateY(-2px);}
.indpp-loop .swiper-wrapper{padding-bottom: 68px;}
.indpp-loop .swiper-pagination{bottom: 0;font-size: 0;}
.indpp-loop .swiper-pagination-bullet {width: 12px;height: 12px;background: transparent;opacity: 1;border: 1px solid #07a3e8;margin: 0 0 0 10px !important;}
.indpp-loop .swiper-pagination-bullet:first-child{margin: 0 !important;}
.indpp-loop .swiper-pagination-bullet-active {background: #07a3e8;}

.indlx{background: #fff;display: flex;flex-wrap: wrap;}
.indlx-form, .indlx-info{width: 50%;padding: 78px 24px;}
.indlx-form{background: #fff;}
.indlx-info{background-size: cover;}
.indlx-title{text-align: center;text-transform: uppercase;}
.indlx-form-list, .indlx-info-list{max-width: 580px;margin-left: auto;margin-right: auto;}
.indlx-form-list li{width: 100%;position: relative;}
.indlx-form-list li:not(:first-child){margin-top: 30px;}
.indlx-form-list li input, .indlx-form-list li textarea{width: 100%;font-size: 16px;color: #000;height: 58px;border: 1px solid #999;padding: 0 54px 0 30px;transition: border .4s ease;box-shadow: 2.294px 3.277px 6px 0px rgba(51, 51, 51, 0.15);}
.indlx-form-list li textarea{height: 180px;padding: 20px 54px 20px 30px;}
.indlx-form-list li input:focus, .indlx-form-list li textarea:focus{border-color: #000;}
.indlx-form-list li i{width: 54px;height: 58px;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;top: 0;}
.indlx-form-list li:last-child{margin-top: 50px;text-align: center;}
.indlx-form-list li button{cursor: pointer;}
.indlx-info-list{max-width: 520px;}
.indlx-info-list li{width: 100%;display: flex;align-items: flex-start;flex-wrap: wrap;}
.indlx-info-list li:not(:first-child){margin-top: 64px;}
.indlx-info-list li .icon{width: 66px;height: 66px;display: flex;align-items: center;justify-content: center;border: 1px solid #fff;border-radius: 50%;}
.indlx-info-list li .icon img{max-height: 100%;}
.indlx-info-list li .cont{width: calc(100% - 66px);padding-left: 42px;}
.indlx-info-list li .cont h6{opacity: 0.6;text-transform: uppercase;}
.indlx-info-list li .cont p{margin-top: 4px;}



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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner-image img.pc{height: 600px;}
    .banner-line .line.line1 img{width: 70px;}
    .banner-line .line.line1 {width: 70px;height: 410px;}
    .banner-line .line.line2 img {height: 39px;}
    .banner-line .line.line2 {left: 16px;width: 671px;height: 39px;}
    .bannerDot .swiper-pagination-bullet {width: 14px;height: 14px;margin: 0 0 0 20px !important;}
    .bannerDot.swiper-pagination {left: 211px;bottom: 31px;width: 166px;}
    .banner-line .line.line3 img {height: 109px;}
    .banner-line .line.line3 {top: 60%;width: 863px;height: 109px;}
    .indsh-list li {padding: 48px 30px;}
    .indxw-link {height: 550px;}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indsh-info {width: 400px;}
    .indsh-list {width: calc(100% - 400px);padding-left: 24px;}
    .indsh-list ul {margin: -24px 0 0 -24px;}
    .indsh-list li {width: calc(50% - 24px);margin: 24px 0 0 24px;padding: 48px 20px;}
    .indsh-info-us {margin-top: 24px;}
    .indsh-info-cont{height: 604px;}
    .indxw-ul {margin: -30px 0 0 -30px;}
    .indxw-link {padding: 60px 28px;height: 500px;width: calc(33.3333% - 30px);margin: 30px 0 0 30px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .oneSlide .banner-cont .title{animation: bannerL 1s ease both .4s;}
    .oneSlide .banner-cont .text{animation: bannerR 1s ease both .4s;}
    .banner-line .line.line1, .banner-line .line.line3, .banner-line .line.line2 p{display: none;}
    .banner-line .line.line2{width: 100%;height: auto;left: 0;bottom: 0;}
    .bannerDot.swiper-pagination{width: 100%;left: 0;bottom: 30px;}
    .indus-info {width: 200px;}
    .indus-list {width: calc(100% - 200px);padding-left: 0;}
    .indus-list ul {margin: -28px 0 0 -28px;}
    .indus-list li {width: calc(33.3333% - 28px);margin: 28px 0 0 28px;}
    .indsh-info{width: 100%;}
    .indsh-info-cont{height: auto;}
    .indsh-info-cont .link{position: static;margin-top: 30px;}
    .indsh-list{width: 100%;padding: 0;margin-top: 20px;}
    .indxw-ul {margin: -20px 0 0 -20px;}
    .indxw-link {padding: 50px 16px;height: auto;width: calc(33.3333% - 20px);margin: 20px 0 0 20px;}
    .indlx-form, .indlx-info {width: 100%;padding: 60px 24px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .bannerDot .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 0 0 14px !important;}
    .bannerDot.swiper-pagination {bottom: 24px;}
    .indus-info{width: 100%;}
    .indus-info .title p{display: inline;}
    .indus-info .link{margin-top: 8px;}
    .indus-list{width: 100%;margin-top: 20px;}
    .indus-list li .icon {width: 48px;height: 48px;}
    .indus-list li .cont{margin-top: 10px;}
    .indus-list ul {margin: -16px 0 0;}
    .indus-list li {width: 100%;margin: 16px 0 0;}
    .indus-list li .text{margin-top: 4px;}
    .indus{padding-bottom: 68px;}
    .indsh .contain {top: -36px;}
    .indsh-info-cont .text {-webkit-line-clamp: 6;line-height: 22px;margin-top: 10px;}
    .indsh-info-cont {padding: 36px 15px;}
    .indsh-info-cont .link {margin-top: 20px;}
    .indsh-info-cont .link a, .indxw-more a, .indlx-form-list li button {width: 128px;height: 40px;}
    .indsh-info-us {margin-top: 12px;height: auto;padding: 32px 0;}
    .indsh-info-us .text{margin-top: 0;}
    .indsh-list ul {margin: -12px 0 0 -12px;}
    .indsh-list li {width: calc(50% - 12px);margin: 12px 0 0 12px;padding: 24px 10px;height: auto;}
    .indsh{padding-bottom: 10px;}
    .indsh-list li .title{font-size: 15px;}
    .indsh-list li .text{font-size: 12px;line-height: 18px;}
    .indxw-title span::before, .indxw-title span::after {width: 29px;height: 10px;margin-top: -5px;}
    .indxw-title span {padding: 0 40px;}
    .indxw-list{margin-top: 20px;}
    .indxw-ul {margin: -16px 0 0;}
    .indxw-link {padding: 0;width: 100%;margin: 16px 0 0;padding: 20px 12px;}
    .indpp-ul {margin: -10px 0 0 -10px;}
    .indpp-loop{margin-top: 20px;}
    .indpp-logo {width: calc(33.3333% - 10px);margin: 10px 0 0 10px;height: 60px;}
    .indpp-loop .swiper-pagination-bullet {width: 10px;height: 10px;}
    .indpp-loop .swiper-wrapper {padding-bottom: 32px;}
    .indlx-form, .indlx-info {padding: 32px 4%;}
    .indlx-form-list li:not(:first-child) {margin-top: 16px;}
    .indlx-form-list li:last-child {margin-top: 20px;}
    .indlx-form-list li input, .indlx-form-list li textarea {height: 48px;padding: 0 48px 0 16px;}
    .indlx-form-list li textarea {height: 120px;padding: 10px 48px 10px 16px;}
    .indlx-form-list li i {width: 48px;height: 48px;}
    .indlx-info-list li:not(:first-child) {margin-top: 16px;}
    .indlx-info-list{margin-top: 24px;}
    .indlx-info-list li .icon {width: 44px;height: 44px;}
    .indlx-info-list li .cont {width: calc(100% - 44px);padding-left: 16px;}
    .indlx-info-list li .icon img{width: 20px;}
}