.s-bannerFocus{width: 100%;margin-top: 80px; position: relative; height: 540px; background-size: cover; background-size: cover; background-image: url(../images/banner-bg1.jpg);}
.s-bannerFocus_item{width: 100%; position: relative;}

.sbanner-img-box{width:800px; position: absolute;right: 5%;bottom: 0; height: 500px;}
.s-bannerImg{position: absolute; left: 0;bottom: 0; transition: all 0.8s ease-in-out;}
.banner-img1{transform: translateY(-240px);opacity: 0;left: 10px;top: 4px;}
.s-banner1-img1{transform: translateY(-400px);opacity: 0; left:50px ; top: 10px; }
.s-banner1-img2{transform: translateY(-380px);opacity: 0;  left:250px ; top: 68px; }
.s-banner1-img3{transform: translateY(-360px);opacity: 0;  left:360px; top: 140px; }
.s-banner1-img4{transform: translateY(-340px);opacity: 0;  left:530px; top: 178px; }
.s-banner1-img5{transform: translateY(-320px);opacity: 0;  left:600px; top:340px; }
.s-banner1-img6{transform: translateY(-300px);opacity: 0;  left:110px; top:350px; }
.s-banner1-img7{transform: translateY(-280px);opacity: 0;  left:-150px; top:280px; }
.s-banner1-img8{transform: translateY(-260px);opacity: 0;  left: -100px; top: 137px;}
    .on .banner-img1{opacity: 1; transform:translateY(0); transition-delay:1s;}
    .on .s-banner1-img1{opacity: 1; transform:translateY(0); transition-delay:1.4s;}
    .on .s-banner1-img2{opacity: 1; transform:translateY(0); transition-delay:1.6s;}
    .on .s-banner1-img3{opacity: 1; transform:translateY(0); transition-delay:1.8s;}
    .on .s-banner1-img4{opacity: 1; transform:translateY(0); transition-delay:1.2s;}
    .on .s-banner1-img5{opacity: 1; transform:translateY(0); transition-delay:1.6s;}
    .on .s-banner1-img6{opacity: 1; transform:translateY(0); transition-delay:2s;}
    .on .s-banner1-img7{opacity: 1; transform:translateY(0); transition-delay:2.4s;}
    .on .s-banner1-img8{opacity: 1; transform:translateY(0); transition-delay:2.9s;}
.s-bannerImg img{max-width: initial;}

.s-bannerFocus_item{position:relative; height: 540px; background-position:center center;background-repeat: no-repeat;}
.s-bannerTxt_ban1{position: absolute; left: 0; top: 120px; width: 100%;}
.s-bannerTxt_x1{ font-size: 40px; width: 45%; font-weight: bold; line-height: 40px; color: #2e3341; display: block; opacity: 0; letter-spacing: 3px; transition: all 0.8s ease-in-out; transform: translateY(50px);padding-bottom: 30px;}

.s-bannerTxt_x2{ font-size: 18px;line-height: 18px; color: #545862; display: block; opacity: 0; letter-spacing: 3px; transition: all 0.8s ease-in-out; transform: translateY(50px);}

.s-bannerTxt_div{width: 220px; margin-top: 65px;}
.on .s-bannerTxt_x1{ opacity:1; transform:translateY(0); transition-delay:0.3s;}
.on .s-bannerTxt_x2{ opacity:1; transform:translateY(0); transition-delay:0.4s;}
.s-banner-right{position: absolute; right: 0; top: 40px;animation:s-banTBani1 2s ease-in-out infinite;}
.special-nbanBtn{font-size: 14px; border:none; color: #fff; padding: 0;  line-height: 50px;border-radius: 10px;box-shadow: 0px 12px 13px 0px rgba(131, 180, 222, 0.4);
        background-image: -moz-linear-gradient( 135deg, rgb(88,175,248) 0%, rgb(31,142,235) 100%);
        background-image: -webkit-linear-gradient( 135deg, rgb(88,175,248) 0%, rgb(31,142,235) 100%);
        background-image: -ms-linear-gradient( 135deg, rgb(88,175,248) 0%, rgb(31,142,235) 100%);
        height: 50px; width: 200px;  padding-left: 29px; font-size: 16px; display: inline-block; font-weight: normal; text-align:left; position:relative ;
}

          
.special-nbanBtn:hover{color: #fff;
    background-image: -moz-linear-gradient( 135deg, rgb(110,186,250) 0%, rgb(22,129,218) 100%);
    background-image: -webkit-linear-gradient( 135deg, rgb(110,186,250) 0%, rgb(22,129,218) 100%);
    background-image: -ms-linear-gradient( 135deg, rgb(110,186,250) 0%, rgb(22,129,218) 100%);
}     


.special-nbanBtn:after{ content: ""; transition: all 0.5s ease-in-out; background: url(../images/more-white.png) no-repeat; height: 16px; width: 16px; position: absolute; top: 32%; right: 18px; }
.special-nbanBtn:hover:after{content:""; right:25px; } 

  
@media screen and (min-width: 1200px) and (max-width: 1800px){
    .s-bannerFocus{height: 440px;}
    .s-bannerFocus_item{height: 440px;}
    .sbanner-img-box{width: 592px; position: absolute;right: 10%;bottom: 0; height: 440px;}
    .banner-img1 img{width:592px ;}
    .s-bannerImg img{max-width: initial;}
    .s-bannerImg{position: absolute; left: 0;bottom: 0; transition: all 0.8s ease-in-out;}
    .banner-img1{transform: translateY(-240px);opacity: 0;left: 10px;top: 4px;}
    .s-banner1-img1{transform: translateY(-400px);opacity: 0; left:50px ; top: 10px; }
    .s-banner1-img2{transform: translateY(-380px);opacity: 0;  left:250px ; top: 68px; }
    .s-banner1-img3{transform: translateY(-360px);opacity: 0;  left:360px; top: 140px; }
    .s-banner1-img4{transform: translateY(-340px);opacity: 0;  left:530px; top: 178px; }
    .s-banner1-img5{transform: translateY(-320px);opacity: 0;  left:500px; top:380px; }
    .s-banner1-img6{transform: translateY(-300px);opacity: 0;  left:110px; top:350px; }
    .s-banner1-img7{transform: translateY(-280px);opacity: 0;  left:-150px; top:280px; }
    .s-banner1-img8{transform: translateY(-260px);opacity: 0;  left: -40px; top: 117px;}
    .on .banner-img1{opacity: 1; transform:translateY(0); transition-delay:0.8s;}
    .on .s-banner1-img1{opacity: 1; transform:translateY(0); transition-delay:1.4s;}
    .on .s-banner1-img2{opacity: 1; transform:translateY(0); transition-delay:1.6s;}
    .on .s-banner1-img3{opacity: 1; transform:translateY(0); transition-delay:1.8s;}
    .on .s-banner1-img4{opacity: 1; transform:translateY(0); transition-delay:1.2s;}
    .on .s-banner1-img5{opacity: 1; transform:translateY(0); transition-delay:1.6s;}
    .on .s-banner1-img6{opacity: 1; transform:translateY(0); transition-delay:2s;}
    .on .s-banner1-img7{opacity: 1; transform:translateY(0); transition-delay:2.4s;}
    .on .s-banner1-img8{opacity: 1; transform:translateY(0); transition-delay:2.9s;}


    }
@media (max-width:1799px){
    /* .s-bannerFocus_item .s-bannerImg{height:520px;} */
    }
@keyframes s-banTBani1 {
        0% {
            transform:translateY(-5px);
        }
        50% {
            transform:translateY(5px);
        }
        100% {
            transform:translateY(-5px);
        }
    }
 @keyframes s-banTBani2 {
        0% {
            transform:translateY(0);
        }
        50% {
            transform:translateY(-20px);
        }
        100% {
            transform:translateY(0);
        }
    }
    @keyframes s-banTBani3 {
        0% {
            transform:translateY(-13px);
        }
        50% {
            transform:translateY(2px);
        }
        100% {
            transform:translateY(-13px);
        }
    }
.hmTbox p{padding-bottom: 15px; font-weight: bold;font-size: 16px; color: #545862;}
.hmTbox div{margin-top: 15px;}
.hmTbox strong{font-weight: bold;font-size: 32px; color: #2e3341;margin-bottom: 15px;}
.txt-blue{color: #1a77de;}
.special-experience{text-align: center; margin-top: 30px;}
.special-page1 .hmTbox p{padding: 0 0 30px;}
.special-page1{ padding: 70px 0 80px; width: 100%;background: url(../images/bg1.jpg) no-repeat left bottom; background-size: cover;}
.special-page1-con{width: 1200px; margin: 0 auto; background: url(../images/m1-bg.png) no-repeat;    border-radius: 20px; height: 432px;box-shadow: 0px 26px 21px 0px rgba(213, 231, 254, 0.56);}

.video-btn{
    width: 5.625rem;
    height: 5.625rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 4;
    opacity: 1;
    transition: opacity .3s ease;
    will-change: opacity;
    cursor: pointer;
  }
  .video-btn:before,.video-btn:after{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
  }
  .video-btn:before{
      background-image: url('../images/s-img/icon-2-1.png');
      animation: o-rotate 3s linear infinite;
  }
  .video-btn:after{
      background-image: url('../images/s-img/play.png');
  }
  @keyframes o-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
    
  } 
.page1-video-left{width: 645px; float: left; height: 432px; text-align: center; position: relative;padding-top: 25px;}
.page1-video-left img{display: inline-block;}
/* .m1-video-icon{position: absolute;cursor: pointer; left: 300px;opacity: 0.8;transition: all 0.6s linear; top: 190px; display: inline-block; width: 52px; height: 52px; background: url(../images/play.png) no-repeat;} */
.page1-video-right{width: 495px; margin-left: 30px; float: left;}
.page1-video-right h4{font-size: 24px; color: #2e3341; margin-top: 67px;}
.page1-video-right p{font-size: 16px; color: #545862;margin-top: 30px; line-height: 30px;}

.special-page1-bottom{width: 1200px; margin:60px auto;}
.special-page1-bottom ul{ display: flex; width: 1200px; flex-wrap: wrap; justify-content: space-evenly;}
.special-page1-bottom li{width: 340px; padding-bottom: 50px;}
.special-page1-bottom li div{font-size: 18px; color: #4b5761; clear: both;}
.special-page1-bottom li div img{display: inline-block; float: left; margin-right: 10px;}
.special-page1-bottom li p{font-size: 14px; color: #8b99ad; margin-top: 24px;}
.special-page1-bottom li:hover div{color:#1a77de;}


.special-page2{width: 100%; overflow: hidden; min-height:520px; padding: 100px 0 150px;  position: relative; background: url(../images/bg2.jpg) no-repeat; background-size: 100% 100%;} 
.special-page2-con{width: 1200px; margin:20px auto 0; overflow: hidden; padding-top: 50px;}
.special-page3{width: 100%; background: url(../images/bg3.jpg) no-repeat left bottom; background-size: cover;  padding: 90px 0 80px; margin: 0 auto;overflow: hidden;}
.page3-menu{width: 1200px; margin: 60px auto 0; display: flex; justify-content: space-evenly; border-bottom: 1px solid #f1f7fe;padding-bottom: 30px;} 
/* .page3-line{position: absolute; bottom:-2px; width: 149px; height: 13px; background: url(../images/dot-line.png) no-repeat #fff;} */
.page3-menu-box{display: block; text-align: center; font-size: 18px;line-height: 88px;  white-space: nowrap;position: relative;cursor: pointer;}
.p_icon{display: inline-block; float: left; margin-right: 5px; width: 40px; height: 40px;}
.page3-menu-box:after{ content: ""; height: 15px; background: url(../images/dot-line.png) no-repeat center bottom; width: 0%; position: absolute; left: 58%; bottom: -32px; transition: all 0.8s ease 0s; transform:translateX(-50%); }
.page3-menu .page3-menu-box.on:after{ width:100%;}
.p_icon1{background:url(../images/m3-icon1.png) no-repeat center center;}
.p_icon2{background:url(../images/m3-icon2.png) no-repeat center center;}
.p_icon3{background:url(../images/m3-icon3.png) no-repeat center center;}
.p_icon4{background:url(../images/m3-icon4.png) no-repeat center center;}
.p_icon5{background:url(../images/m3-icon5.png) no-repeat center center;}
.p_icon6{background:url(../images/m3-icon6.png) no-repeat center center;}
.p_icon7{background:url(../images/m3-icon7.png) no-repeat center center;}
.page3-menu-box h4{font-size: 18px; color: #1b1b1b; line-height:40px;font-weight: normal;}
.page3-menu-box:hover h4{color: #1a77de; line-height: 40px;font-weight: bold;}
.page3-menu-box.on h4{color: #1f8eeb;font-weight: bold;}
.page3-menu-box.on .p_icon1{background:url(../images/m3-icon11.png) no-repeat center center;}
.page3-menu-box.on .p_icon2{background:url(../images/m3-icon22.png) no-repeat center center;}
.page3-menu-box.on .p_icon3{background:url(../images/m3-icon33.png) no-repeat center center;}
.page3-menu-box.on .p_icon4{background:url(../images/m3-icon44.png) no-repeat center center;}
.page3-menu-box.on .p_icon5{background:url(../images/m3-icon55.png) no-repeat center center;}
.page3-menu-box.on .p_icon6{background:url(../images/m3-icon66.png) no-repeat center center;}
.page3-menu-box.on .p_icon7{background:url(../images/m3-icon77.png) no-repeat center center;}

.page3-menu-box.on:hover .p_icon1{background:url(../images/m3-icon11.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon2{background:url(../images/m3-icon22.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon3{background:url(../images/m3-icon33.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon4{background:url(../images/m3-icon44.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon5{background:url(../images/m3-icon55.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon6{background:url(../images/m3-icon66.png) no-repeat center center;}
.page3-menu-box.on:hover .p_icon7{background:url(../images/m3-icon77.png) no-repeat center center;}

.page3-cons{width: 1200px; margin: 0 auto;height: 455px;}
.page3-con{width: 1200px;margin: 0 auto; padding: 50px 0; display:none;overflow: hidden;}
.page3-con.on{display:block; animation:fadeInUp 0.5s ease;}
.page3-con-left{width: 480px; margin: 60px 60px 0; float: left;}
.page3-con-left .special-experience{text-align: left;}
.page3-con-right{width: 600px; float: left;}
.page3-con h4{color: #1f8eeb; font-size: 24px; line-height: 30px;}
.page3-con p{color:#4a4d57; padding-top: 40px; font-size: 14px; line-height: 30px;}
.special-page4{width: 100%;background: url(../images/bg4.jpg) no-repeat; background-size: cover;  padding: 90px 0 60px; margin: 0 auto; overflow: hidden;}
.special-page4-box{width: 1200px; margin: 50px auto 0;}
.special-page4-menu{width: 1200px; display: flex; justify-content: space-around; text-align: center; }

.special-page4-menu-nav div{font-size: 18px; text-align: center; margin-top: 10px; color: #9295a0;}
.page4-icon1{background: url(../images/m4-icon1.png) no-repeat center center #fff;}
.page4-icon2{background: url(../images/m4-icon2.png) no-repeat center center #fff;}
.page4-icon3{background: url(../images/m4-icon3.png) no-repeat center center #fff;}
.page4-icon4{background: url(../images/m4-icon4.png) no-repeat center center #fff;}
.page4-icon5{background: url(../images/m4-icon5.png) no-repeat center center #fff;}
.page4-icon6{background: url(../images/m4-icon6.png) no-repeat center center #fff;}


.special-page4-con{ display: none; overflow: hidden;}
.special-page4-con.on{display:block; animation:fadeInUp 0.5s ease;}
.special-page4-con .special-experience{text-align: left;}
.page4-icon{display: inline-block; width: 72px; height: 72px; border-radius: 72px; box-shadow: 0px 4px 27px 0px rgba(229, 229, 229, 0.56);}
.special-page4-menu-nav{display: inline-block;width: 150px;cursor: pointer; height: 109px; text-decoration: none;}
.special-page4-menu-nav.on div{color: #1f8eeb;font-weight: bold;}
.special-page4-menu-nav.on .page4-icon{box-shadow: 0px 4px 27px 0px rgba(131, 180, 222, 0.56);}
.special-page4-menu-nav.on .page4-icon1{background: url(../images/m4-icon1.png) no-repeat center center #1f8eeb;}
.special-page4-menu-nav.on .page4-icon2{background: url(../images/m4-icon22.png) no-repeat center center #1f8eeb;}
.special-page4-menu-nav.on .page4-icon3{background: url(../images/m4-icon33.png) no-repeat center center #1f8eeb;}
.special-page4-menu-nav.on .page4-icon4{background: url(../images/m4-icon44.png) no-repeat center center #1f8eeb;}
.special-page4-menu-nav.on .page4-icon5{background: url(../images/m4-icon55.png) no-repeat center center #1f8eeb;}
.special-page4-menu-nav.on .page4-icon6{background: url(../images/m4-icon66.png) no-repeat center center #1f8eeb;}

  
.special-page4-con{ width: 1200px; overflow: hidden; margin: 60px auto 0; }
.page4-con-left{float: left;width: 689px;}
.page4-con-right{float: left; margin-left: 40px;width: 470px;}
.page4-con-right h4{font-size: 24px; color: #1f8eeb; margin-bottom: 30px;}
.page4-con-right p{font-size: 14px; color: #4a4d57; line-height: 30px;}


.special-page5{width: 100%; position: relative; padding: 90px 0px 80px; background: url(../images/bg5.jpg) no-repeat; background-size: cover;overflow: hidden;}
.special-page5-con{width: 1200px; margin: 100px auto 0; display: flex;justify-content: space-around;}
.page5-box{min-height: 318px;margin-right: 15px; width: 188px;cursor: pointer; position: relative; display: inline-block;transition: all 0.3s linear;}
.page5-box-bg{position: absolute;left: 0; top: 0;background: url(../images/m5-bg1.jpg) no-repeat left top; border-radius: 10px; width: 100%; height: 318px;}
.page5-fold{text-align: center;position: absolute;left: 0; top: 0;transition: all 0.3s linear;}
.page5-fold span{display: block;}
.page5-txt{color: #fff; font-size: 22px;padding: 0 30px;}
.page5-fold-p{color: #fff; opacity: 0; margin: 0 auto;padding:0 40px;font-size: 15px; margin-top: 20px; line-height: 30px;transition: all 0.2s linear;} 
.page5-box:last-child{margin-right: 0;}
.page5-img{margin-top: 60px; height: 140px;transition: all 0.2s linear; text-align: center;}
.page5-img img{height: 110px;transition: all 0.5s linear;display: inline-block;}
.page5-box.curr{width: 380px; background: none;}
.page5-box.curr .page5-box-bg{background: url(../images/m5-bg.jpg) no-repeat left top;}
.page5-box.curr .page5-fold{top: -120px;width: 100%;}
.page5-box.curr .page5-fold span{display: inline-block;}
.page5-box.curr .page5-fold-p{opacity: 1;}
.page5-box.curr .page5-img{height: 190px;}
.page5-box.curr .page5-img img{height: 180px;}

.special-page6{width: 100%; position: relative; overflow: hidden; padding: 62px 0px 80px; background: url(../images/bg6.jpg) no-repeat; background-size: cover;overflow: hidden;}
.special-page6-con{width: 1200px; margin: 50px auto; display: flex; flex-wrap: wrap; justify-content: center;}
.special-page6-con a{display: inline-block;cursor: pointer;margin-bottom: 20px; margin-right: 45px;
     text-align: center; width: 204px;height: 64px; background: #fff;box-shadow: 0px 4px 27px 0px rgba(139, 168, 209, 0.2);}
     .special-page6-con a:nth-child(5n){margin-right: 0;}
.special-page6-con a img{display: inline-block;}

.special-page6-con a:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}

.special-page7{color: #FFF; text-align: center; padding: 62px 0px 80px; background: url(../images/bg7.jpg) no-repeat center center; background-size:cover; }
.special-page7 h4{font-size: 32px; color: #fff; text-align: center; margin-bottom: 20px;}
.special-page7 div{font-size: 16px;color: #fff;text-align: center; margin-bottom: 20px;}
.special-page7 p{ font-size: 20px; line-height: 60px; position: relative; }
.special-page7 strong{ font-size: 32px; color:#1f2329; line-height: 60px; text-align: center; display: block; margin: 25px 0px 0px; font-weight: normal; }
.special-page7 h6{ text-align:center}
.special-page7 h6 a{ line-height: 48px; text-align: center; border-radius: 10px; cursor: pointer;
    background-image: -moz-linear-gradient( 90deg, rgb(216,233,253) 1%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(216,233,253) 1%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(216,233,253) 1%, rgb(255,255,255) 100%);transition: all 0.5s ease-in-out;
    height: 50px; width: 200px;  padding-left: 29px; font-size: 16px; color: #1f8eeb; display: inline-block; font-weight: normal; text-align:left; position:relative ;}
.special-page7 h6 a:hover{
background-image: -moz-linear-gradient( 90deg, rgb(200,225,254) 1%, rgb(240,248,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(200,225,254) 1%, rgb(240,248,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(200,225,254) 1%, rgb(240,248,255) 100%);
}
.special-page7 h6 a:after{ content: "";transition: all 0.5s ease-in-out;   background: url(../images/more-blue.png) no-repeat; height: 16px; width: 16px; position: absolute; top: 32%; right: 18px; }
.special-page7 h6 a:hover:after{content:""; right:25px; }