@charset "utf-8";

/* ===================首页样式========================== */

/* ====公共样式==== */

.indtitle{width: 100%;text-align: center;}

.indtitle h6{font-size: 38px;color: #333;font-weight: bold;margin-bottom: 20px;}

.indtitle p{font-size: 16px;color: #888;line-height: 26px;margin: 0 auto;text-align:left;}

.indtitle.white h6{color: #fff;}

.indtitle.white p{color: #fff;}

/* ====over==== */



.Footer-copyright h5{display: none;}



.banner{width: 100%;position: relative;}

.banner-pcimg{display: block;}

.banner-mbimg{display: none;}

.banner-pcimg,.banner-mbimg{width: 100%;cursor: default;}

.banner-pcimg img,.banner-mbimg img{width: 100%;object-fit: cover;}

.banner-words{width: 1360px;position: absolute;z-index: 2;left: 50%;margin-left: -680px;top: 50%;transform: translateY(-50%);}

.banner-words h6{font-size: 50px;color: #fff;font-weight: bold;}

.banner-words p{font-size: 18px;color: #fff;line-height: 28px;margin-top: 24px;max-width: 600px;}

.banner-words a{display: block;width: 148px;height: 44px;margin-top: 44px;line-height: 44px;text-align: center;border-radius: 30px;border: 1px solid #fff;font-size: 14px;color: #fff;transition: all .4s ease;}

.banner-words a:hover{background: #e77817;border-color: #e77817;}

.swiper-slide-active .banner-words h6{animation: banWords 1.2s ease-in-out both 100ms;}

.swiper-slide-active .banner-words p{animation: banWords 1.2s ease-in-out both 600ms;}

.swiper-slide-active .banner-words a{animation: banWords 1.2s ease-in-out both 1000ms;}

@keyframes banWords {0% {transform: translateX(120px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}

.banner-prev,.banner-next{position: absolute;z-index: 4;top: 50%;width: 38px;height: 104px;margin-top: -52px;cursor: pointer;user-select: none;transition: all .3s ease-in-out;}

.banner-prev{left: 0;background: rgba(255, 255, 255, .2) url('../images/banarrl.png') no-repeat center center;}

.banner-next{right: 0;background: rgba(255, 255, 255, .2) url('../images/banarrr.png') no-repeat center center;}

.banner-prev:hover,.banner-next:hover{background-color: #e77817;}

.banner .swiper-pagination{bottom: 32px;}

.banner .swiper-pagination-bullet {width: 38px;height: 3px;border-radius: initial;background: rgba(255, 255, 255, .5);opacity: 1;position: relative;}

.banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #e77817;width: 0;height: 3px;z-index: 1;transition: 0s;}

.banner .slideOntrue.swiper-pagination-bullet:before{width: 100%;transition: all 4.2s ease;}



.sermode{width: 100%;overflow: hidden;padding: 100px 0 104px;}

.sermode .indtitle p{max-width: 770px;}

.sermode-list{width: 100%;overflow: hidden;margin-top: 54px;}

.sermode-list ul{margin-left: -1.5%;}

.sermode-list ul li{width: 18.5%;float: left;margin-left: 1.5%;position: relative;overflow: hidden;}

.sermode-img{width: 100%;object-fit: cover;}

.sermode-shade{position: absolute;z-index: 2;width: 100%;height: 100%;background: rgba(14, 140, 228, .7);top: 0;left: 0;transition: all .8s ease;}

.sermode-words{position: absolute;width: 100%;text-align: center;padding: 0 10%;top: 50%;transform: translateY(-50%);color: #fff;}

.sermode-words img{width: auto;}

.sermode-words i{width: 14px;height: 2px;background: #fff;margin: 18px auto 0;display: block;}

.sermode-words h6{font-size: 18px;margin-top: 16px;}

.sermode-words p{font-size: 14px;line-height: 24px;margin-top: 16px;height: 0;overflow: hidden;transition: all .6s ease;}

.sermode-words a{width: 120px;height: 34px;line-height: 34px;box-sizing: content-box;display: block;margin: 22px auto 0;text-align: center;font-size: 14px;background: #e77817;border: 2px solid #e77817;transition: all .3s ease;display: none;}

.sermode-words a:hover{background: transparent;color: #e77817;}

.sermode-list ul li:hover .sermode-shade{background: rgba(0, 0, 0, .4);}

.sermode-list ul li:hover .sermode-words i{display: none;}

.sermode-list ul li:hover .sermode-words p{height:auto;}

.sermode-list ul li:hover .sermode-words a{display: block;}

.sermode-more{width: 100%;text-align: center;margin-top: 54px;}

.sermode-more a{display: block;margin: 0 auto;box-sizing: content-box;width: 174px;height: 46px;text-align: center;line-height: 46px;font-size: 14px;color: #fff;background: #0e8ce4;border: 2px solid #0e8ce4;transition: all .4s ease;}

.sermode-more a:hover{background: #fff;color: #0e8ce4;}



.serflow{width: 100%;overflow: hidden;height: 745px;position: relative;padding-top: 100px;background-repeat: no-repeat !important;background-size: cover !important;background-position: center center !important;}

.serflow .indtitle p{max-width: 360px;}

.serflow-earth{position: absolute;width: 1299px;left: 50%;transform: translateX(-50%);bottom: 0;}

.serflow-earth img{width: 100%;}

.serflow-icon{position: absolute;z-index: 2;}

.serflow-icon p{font-size: 16px;line-height: 26px;color: #fff;}

.serflow-icon i{position: absolute;width: 12px;height: 12px;border-radius: 50%;}

.serflow-icon i:after,.serflow-icon i:before{content:"";opacity: .8;animation: shineRing 1.5s linear infinite;display:block;border-radius:50%;opacity:0;position:absolute;top:50%;left:50%;width: 20px;height: 20px;margin-left: -10px;margin-top: -10px;}

.serflow-icon i:before{animation-delay: .6s;}

.serflow-icon i:after{animation-delay: 0s;}

@keyframes shineRing {from {transform: scale(1, 1);opacity: 0.8;}to {transform: scale(2, 2);opacity: 0;}}

.serflow-w1{left: 66px;bottom: 90px;text-align: right;width: 100px;}

.serflow-w2{left: 228px;bottom: 324px;width: 70px;}

.serflow-w3{left: 450px;bottom: 440px;width: 70px;}

.serflow-w4{right: 450px;bottom: 440px;width: 70px;}

.serflow-w4,.serflow-w6 p{width:89px;}

.serflow-w5{right: 200px;bottom: 324px;width: 100px;}

.serflow-w6{right: 26px;bottom: 90px;width: 140px;}

.serflow-w1 i{background: #ffc600;top: -30px;right: 0;}

.serflow-w1 i:after,.serflow-w1 i:before{border: 1px solid #ffc600;}

.serflow-w2 i{background: #50c9f1;top: 30px;right: -30px;}

.serflow-w2 i:after,.serflow-w2 i:before{border: 1px solid #50c9f1;}

.serflow-w3 i{background: #ff94fb;bottom: -20px;right: -20px;}

.serflow-w3 i:after,.serflow-w3 i:before{border: 1px solid #ff94fb;}

.serflow-w4 i{background: #ffd200;bottom: -20px;left: -20px;}

.serflow-w4 i:after,.serflow-w4 i:before{border: 1px solid #ffd200;}

.serflow-w5 i{background: #00ff00;top: 30px;left: -30px;}

.serflow-w5 i:after,.serflow-w5 i:before{border: 1px solid #00ff00;}

.serflow-w6 i{background: #21fffc;top: -30px;left: 0;}

.serflow-w6 i:after,.serflow-w6 i:before{border: 1px solid #21fffc;}

.serflow-icon:after{content: "";width: 97px;height: 115px;background: url('../images/flowline.png') no-repeat;position: absolute;}

.serflow-w1:after{bottom: 106px;right: -118px;}

.serflow-w2:after{bottom: 8px;right: -174px;transform: rotate(26deg);}

.serflow-w3:after{bottom: -62px;right: -178px;transform: rotate(50deg);}

.serflow-w4:after{bottom: -108px;right: -70px;transform: rotate(74deg);}

.serflow-w5:after{bottom: -130px;right: -10px;transform: rotate(100deg);}

.serflow-w6:after{display: none;}



.serrange{width: 100%;overflow: hidden;padding-top: 100px;}

.serrange .indtitle{padding: 0 4%;}

.serrange .indtitle p{max-width: 740px;}

.serrange-list{width: 100%;height: 710px;padding-top: 90px;overflow: hidden;margin-top: 42px;background-repeat: no-repeat !important;background-size: cover !important;background-position: center center !important;}

.serrange-list ul{margin-left: -1.5%;}

.serrange-list ul li{width: 23.5%;float: left;margin-top: 32px;margin-left: 1.5%;background: #fff;text-align: center;transition: all .8s ease;}

.serrange-list ul li a{display: block;width: 100%;height: 220px;padding: 48px 28px 0;}

.serrange-list ul li img{height: 40px;margin: 0 auto;transition: all .6s ease;}

.serrange-ic{display: block;}

.serrange-ich{display: none;}

.serrange-list ul li i{display: block;width: 24px;height: 1px;background: #cfcfcf;margin: 20px auto 0;transition: all .6s ease;}

.serrange-list ul li h6{font-size: 16px;color: #333;margin-top: 24px;transition: all .6s ease;}

.serrange-list ul li p{margin-top: 10px;font-size: 14px;color: #a9a9a9;line-height: 24px;transition: all .6s ease;}

.serrange-list ul li:hover{background: #1ca2ff;}

.serrange-list ul li:hover .serrange-ic{display: none;}

.serrange-list ul li:hover .serrange-ich{display: block;}

.serrange-list ul li:hover h6, .serrange-list ul li:hover p{color: #fff;}

.serrange-list ul li:hover i{background: #fff;}



.intro{width: 100%;overflow: hidden;padding-top: 100px;}

.intro .indtitle a{display: block;width: 174px;height: 46px;line-height: 46px;margin: 40px auto 0;border: 1px solid #b5b5b5;text-align: center;font-size: 14px;color: #777;}

.intro .indtitle a:hover{border-color: #1ca2ff;color: #1ca2ff;}

.intro-video{width: 100%;margin-top: 100px;position: relative;}

.intro-video img{width: 100%;object-fit: cover;min-height: 380px;}

.intro-video video{width: 100%;}

.intro-num{width: 1360px;position: absolute;padding: 52px 0 42px;left: 50%;transform: translateX(-50%);top: -100px;background: #fff;}

.intro-num ul li{width: 25%;float: left;border-right: 1px solid #d9dde0;text-align: center;padding: 16px 0;}

.intro-num ul li:last-child{border-right: none;}

.intro-num ul li span{display: block;font-size: 52px;color: #0e8ce4;font-family: 'DINCond';}

.intro-num ul li p{font-size: 16px;color: #555;line-height: 26px;margin-top: 6px;}



.team{width: 100%;overflow: hidden;padding: 100px 0 80px;}

.team .contain{width: 1392px;}

.team-list{width: 100%;margin-top: 48px;}

.team-img{width: 100%;height: 120px;display: block;padding: 0 20px;line-height: 120px;text-align: center;border: 1px solid #f2f2f2;transition: all .4s ease;}

.team-img img{max-width: 100%;transition: all .3s ease;}

.team-img:hover{box-shadow: 0 4px 12px 2px #eceef4;}

.team-img:hover img{transform: translateY(-6px);}

.team-list .swiper-container{padding: 16px;}

.team-list .swiper-wrapper{margin-bottom: 48px;}

.team-list .swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 50%;background: #0e8ce4;opacity: 1;}

.team-list .swiper-pagination-bullet-active {background: #ff7700;}





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

@media all and (max-width:1700px) {

    /* 1600 × (900/1024/1200) */

}



@media all and (max-width:1599px) {

    /* 1440 × (900/1050) */

    .banner-words {width: 88%;left: 6%;margin-left: 0;}

    .banner-words h6{font-size: 42px;}

    .banner-words p{margin-top: 20px;}

    .banner-words a{margin-top: 36px;}

    .sermode {padding: 80px 0 84px;}

    .serflow {height: 720px;padding-top: 80px;}

    .serrange {padding-top: 80px;}

    .serrange-list {height: 680px;padding-top: 70px;}

    .intro {padding-top: 80px;}

    .team {padding: 80px 0 70px;}

    .team .contain{width: 90%;}

    .team-list {margin-top: 36px;}

    .intro-num {width: 88%;padding: 42px 0 32px;left: 6%;transform: translateX(0%);top: -80px;}

    .intro-video {margin-top: 80px;}

}



@media all and (max-width:1439px) {

    /* 1360 × (768) */

    .banner-words {width: 92%;left: 4%;margin-left: 0;}

    .banner-words h6{font-size: 36px;}

    .banner-words p{margin-top: 16px;}

    .banner-words a{margin-top: 30px;}

    .sermode {padding: 70px 0 74px;}

    .serflow {height: 700px;padding-top: 70px;}

    .serrange {padding-top: 70px;}

    .serrange-list {height: 660px;padding-top: 60px;}

    .intro {padding-top: 70px;}

    .team {padding: 70px 0 60px;}

    .team .contain{width: 94%;}

    .team-list {margin-top: 30px;}

    .intro-num {width: 92%;padding: 32px 0 28px;left: 4%;transform: translateX(0%);top: -60px;}

    .intro-video {margin-top: 60px;}

    .indtitle h6 {font-size: 32px;margin-bottom: 16px;}

}



@media all and (max-width:1359px) {

    /* 1280 × (800/854/1024) */

}



@media all and (max-width:1279px) {

    /* 1152 × (864) */

    .banner-words {text-align: center;}

    .banner-words h6{font-size: 36px;}

    .banner-words p{margin: 16px auto 0;}

    .banner-words a{margin: 24px auto 0;}

    .sermode {padding: 60px 0 64px;}

    .sermode-list {margin-top: 44px;}

    .serflow {height: 680px;padding-top: 60px;}

    .serrange {padding-top: 60px;}

    .serrange-list {height: 650px;padding-top: 60px;}

    .intro {padding-top: 60px;}

    .team {padding: 60px 0 50px;}

    .intro-num {padding: 32px 0 24px;}

    .intro-num ul li span{font-size: 48px;}

    .serrange-list ul li a {height: 220px;padding: 40px 20px 0;}

    .serflow-earth{width: 900px;}

    .serflow-icon:after{display: none;}

    .serflow-icon i{right: auto;left: 50%;top: auto;bottom: -30px;margin-left: -6px;}

    .serflow-w1 {left: 92px;bottom: 250px;}

    .serflow-w3 {left: 354px;bottom: 372px;}

    .serflow-w4 {right: 354px;bottom: 372px;}

    .serflow-w6 {right: 92px;bottom: 250px;text-align: right;width: 112px;}

    .serflow {height: 640px;padding-top: 60px;}

    .sermode-words a {margin: 18px auto 0;}

}



@media all and (max-width:1151px) {

    /* 1024 × (600/768) */

    .sermode-words h6 {font-size: 16px;margin-top: 14px;}

    .sermode-words p {line-height: 22px;margin-top: 14px;}

    .serrange-list ul li h6 {margin-top: 18px;}

    .serrange-list ul li i {margin: 18px auto 0;}

    .sermode-words i {margin: 16px auto 0;}

    .sermode-words {padding: 0 4%;}

    .sermode-words h6 {font-size: 14px;margin-top: 10px;}

}





/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {

    /* 平板设备 720 适配 */

    .sermode-words img{height: 28px;}

    .sermode-words i {margin: 14px auto 0;}

    .sermode-words a {width: 100px;height: 30px;line-height: 30px;margin: 16px auto 0;}

    .sermode-words p{/*display: none;*/}

    .serrange-list ul li a {height: 220px;padding: 32px 16px 0;}

    .serrange-list ul li p{line-height: 22px;}

    .intro-num ul li {padding: 12px 16px;}

    .intro-num ul li p {line-height: 24px;}

    .intro-num ul li span {font-size: 42px;}

    .banner-words{display: none;}

    .banner-words a {width: 120px;height: 38px;margin-top: 18px;line-height: 38px;}

}

@media all and (max-width:640px) {

    /* 移动终端以上 360 适配 */

    .banner-pcimg{display: none;}

    .banner-mbimg{display: block;}

    .banner-mbimg img{min-height: 360px;}

    .banner-words p{font-size: 16px;line-height: 24px;margin-top: 12px;display: none;}

    .banner-words h6 {font-size: 30px;}

    .banner-prev, .banner-next {width: 32px;height: 80px;margin-top: -40px;}

    .banner-words {width: 72%;left: 14%;}

    .banner .swiper-pagination {bottom: 20px;}

    .sermode {padding: 38px 0 44px;}

    .indtitle h6 {font-size: 26px;margin-bottom: 14px;}

    .sermode-list ul li{width: 48.5%;margin-top: 1.5%;}

    .sermode-list {margin-top: 24px;}

    .sermode-more {margin-top: 38px;}

    .sermode-more a {width: 160px;height: 40px;line-height: 40px;}

    .serflow-earth {width: 310px;position: relative;margin: 0 auto;height: 440px;bottom: auto;top: 0;left: 0;transform: translateX(0);}
    .serflow .indtitle{padding: 0 4%;}
    .serflow-earth img {width: 100%;position: absolute;bottom: 0;left: 0;z-index: 2;}
    .serflow-icon{width: 149px !important;}
    .serflow-icon p {font-size: 14px;line-height: 20px;height: 40px;}
    .serflow-icon i {top: 4px;bottom: auto;margin-left: 0;}
    .serflow {height: auto;padding-top: 38px;}
    .serflow-w1 {bottom: 370px;padding-right: 36px;left: 4% !important;}
    .serflow-w2 {bottom: 320px;padding-left: 36px;left: auto;right: 4% !important;}
    .serflow-w3 {bottom: 270px;padding-right: 36px;left: 4% !important;}
    .serflow-w4 {bottom: 220px;padding-left: 36px;right: 4% !important;}
    .serflow-w5 {bottom: 170px;padding-right: 36px;left: 4% !important;}
    .serflow-w6 {bottom: 120px;padding-left: 36px;right: 4% !important;}
    .serflow-w4, .serflow-w6 p{width: 100%;}
    .serflow-w1, .serflow-w3, .serflow-w5{text-align: right;}
    .serflow-w2, .serflow-w4, .serflow-w6{text-align: left;}
    .serflow-w1 i, .serflow-w3 i, .serflow-w5 i{left: auto;right: 0;}
    .serflow-w2 i, .serflow-w4 i, .serflow-w6 i{right: auto;left: 0;}
    .serrange {padding-top: 38px;}
    .serflow-earth:after{content: "";position: absolute;width: 1px;height: 90%;border: 1px dashed rgba(255, 255, 255, .2);left: 49.82%;bottom: 0;}

    .serrange-list {height: auto;padding: 50px 0 44px;margin-top: 32px;}

    .serrange-list ul li{width: 48.5%;margin-top: 1.5%;}

    .intro {padding-top: 40px;}

    .intro .indtitle a {width: 160px;height: 40px;line-height: 40px;margin: 30px auto 0;}

    .intro-video {margin-top: 38px;}

    .intro-num{position: static;padding: 0;width: 100%;}

    .intro-num ul li{width: 50%;margin-top: 16px;}

    .intro-num ul li:nth-child(2n){border-right: none;}

    .intro-num ul li span {font-size: 36px;}

    .team {padding: 38px 0 42px;}

    .team-img{height: 100px;line-height: 100px;padding: 0 16px;}

    .team-list {margin-top: 16px;}

    .intro-video img {min-height: 240px;}

    .team-list .swiper-container {padding: 10px;}

}