body,html{ -webkit-overflow-scrolling: touch;overflow: hidden;}
.guide-pages {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #000;
}

.guide-pages video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

.guide-pages .logo {
    position: absolute;
    bottom: 60px;
    width: 8.2vw;
    height: 3.18vw;
    background: url(static/img/logo.svg) no-repeat center center;
    background-size: contain;
    left: 50%;
    margin-left: -2.6vw;
    z-index: 99;
}

.jumpOver {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 5px 16px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border-radius: 24px;
    transition: all 0.3s;
}

.jumpOver:hover {
    background: rgba(0, 0, 0, 0.8);
}

.index_main{padding-top: 0;}




/*====*/
.loading{
    width:100vw;
    height: 100vh;
    position: fixed;
    left:0;
    top:0;
    z-index:20000;
}
.load_con{
    width:430px;
    position: relative;
    top:50.1vh;
    transform: translateY(-50%);
    margin:0 auto;
    height:150px;
    z-index: 101;

}
.loadImg_box{
    width:100%;
    text-align: center;
    height:60px;
    overflow: hidden;
}
.load_t{
    position: absolute;
    width:100%;
    top:0;
    height:50%;
    background: #26232a url(../image/load_t.jpg) no-repeat;background-size: cover;
    transition: .8s;
    z-index: 100;
}
.load_t_l{
    position: absolute;
    right:50%;
    bottom:0;
    height:4px;
    background:#fff;
    width:0;
    transition: all .8s ease-in-out;
}
.load_t_r{
    position: absolute;
    left:50%;
    bottom:0;
    height: 4px;
    width:0;
    background:#fff;
    transition: all .8s ease-in-out;
}
.load_t_active_lr{
    width:50%;
}
.load_b{
    width:100%;
    height:50vh;
    position: absolute;
    bottom:0;
    background: #26232a url(../image/load_b.jpg) no-repeat;background-size: cover;
    transition: .8s;
    z-index: 100;
}
.active_load_t{
    top:-50.1%;
}
.active_load_b{
    bottom:-50%;
}
.loadImg_box img{
    transition: 1s;
    display: inline-block;
}
.loadImg_box_active{
    transform: translateY(200%);
}

.line_pross{width: 100%;height: 3px;background: rgba(255,255,255,0.4);margin-top: 10px;position: relative;}
.line_pross::before{content: "";position: absolute;left: 0;top: 0;width: 0;height: 3px;transition: 3s;background: #fff;display: block;}
.line_pross.on::before{width: 100%;}

@media only screen and (max-width: 767px) {
    .load_con{width: 300px;}
}








/*首页*/
.banner{width:100%!important; position: relative; overflow: hidden;}
.banner .swiper-container{width:100%!important;}
.banner .swiper-slide{position: relative; overflow: hidden;}
.banner .swiper-slide img{width: 100%!important;transition:transform 15s cubic-bezier(.23,1,.32,1);transform:scale(1)}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; /*object-fit: fill;*/}
.banner .txt{color:#3C3940; text-align: center; top:32%;z-index: 3;}
.banner .txt h2{line-height: 1; font-family: Arial, Helvetica, sans-serif; margin-bottom:8%;/*text-shadow:5px 2px 6px rgba(0,0,0,0.2);*/max-height: 120px;
    overflow: hidden;}
.banner .swiper-slide:first-child .txt h2{font-size: 90px;}
.banner .txt h2 img{width: 260px!important;height: 140px!important;}
.banner .txt h2 span{color:#C1C1C1;}
.banner .txt h3{ line-height: 1.2;}
.banner .txt h3 img{width: 350px!important;height: 80px!important;}
.banner .txt h3 p{margin-bottom: 6%;}
.banner .txt h3 span{ letter-spacing: 10px;display: block;}
.banner .txt h3 em{ display: block; margin:6% 0 0; text-align: center;}
.banner .txt h3 em i{font-size: 36px; color:#53B3FF;}
.banner .swiper-button-prev,.banner .swiper-button-next{ left:5%; width: 36px; height:62px; background: url(../image/btn_ll_dis.png) no-repeat; background-size: cover;}
.banner .swiper-button-next{ right:5%; left:auto;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);}
.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet{width: 8px; height: 8px; margin:0 10px!important; background:#000000;opacity:1;filter: alpha(opacity=100);}
.banner .swiper-pagination-bullet-active{width: 12px; height: 12px; position: relative; top:2px; background: #2C2C2C;}

a.more{ display: block; width:56px; font-size: 14px; padding-bottom: 3px; color:#CA0000; border-bottom: 1px solid #CA0000;}
a.more.m_w{color:#fff; border-bottom: 1px solid #fff;}
@media only screen and (max-width: 1599px){
    .banner .txt h2{max-height: 100px;}
}

.index-part01{ padding:14% 0 8%; position: relative;}
.index-part0111{padding:45% 0 0; position: relative;}
.index-part01 dl{ text-align: center; color:#fff;}
.index-part01 dl dt img{ display: inline-block; margin-right: 3%; max-width: 100%;width: 744px;
    height: 200px;}
.index-part01 dl dt h1{ display: inline-block; line-height:2; font-weight: bold;margin-top:1%;font-size: 300%}
.index-part01 dl dt h1 span{ display: block; font-weight: normal;}
.index-part01 dl dd{margin: 3% 0 0;}
.index-part01 dl dd p{ line-height: 2;}
.index-part01 ul{margin:15% 0 0; color:#fff;}
.index-part01 li{ float: left; width:28.33%; margin:0 2.5%;position: relative;}
.index-part01 li h3{font-family: Arial, Helvetica, sans-serif; overflow: hidden;}
.index-part01 li h3 span{position: absolute; left:0; top:0; width:150px; height: 150px; line-height: 150px; text-align: center;}
.index-part01 li p{left:180px;}

.circleProgress_wrapper{width: 150px;height: 150px;position: relative;}
.wrapper{ display: none;width: 75px;height: 150px;position: absolute;top:0;overflow: hidden;}
.circleProgress_wrapper.on .wrapper{ display: block;}
.right{right:0;}
.left{left:0;}
.circleProgress{width: 150px;height: 150px;border:3px solid transparent;border-radius: 50%;position: absolute;top:0;-webkit-transform: rotate(-135deg);}
.rightcircle{border-top:3px solid #5E5C60;border-right:3px solid #5E5C60;right:0;-webkit-animation: circleProgressLoad_right 3s linear forwards;}
.leftcircle{border-bottom:3px solid #5E5C60;border-left:3px solid #5E5C60;left:0;-webkit-animation: circleProgressLoad_left 3s linear forwards;}
@-webkit-keyframes circleProgressLoad_right{
    0%{
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
    }
    50%,100%{
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }
}
@-webkit-keyframes circleProgressLoad_left{
    0%,50%{
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);;
    }
    100%{
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);;
    }
}


.index-part02{ padding:4% 7% 0; position: relative;}
.index-part02::before{content: ""; position: absolute; left:7%; top:0; width: 2px; height: 78%;background: #ed001e;}
.index-part02 h2{ color:#3C3940; margin-left: 2%;height:150px;}
.index-part02 li{ float: left; width:30%;}
.index-part02 li+li{ float: right; width:60%;}
.index-part02 li .img{width:100%; border-bottom:2px solid #3C3940; padding-bottom:10px; margin-bottom: 40px;}
.index-part02 li+li .img a{ float: left; width:50%;}

.index-part03{padding:8% 7% 0;position: relative; background: #fff;}
.index-part03 h2{ line-height: 1; margin-bottom: 2%;}
.index-part03 .cons{width:90%;margin:0 auto;position: relative;}
.index-part03 .cons .swiper-container{width:calc(100% - 180px);}
.index-part03 .swiper-button-prev{left:0; width:39px; height: 44px; background:url(../image/dot01.png) center no-repeat;}
.index-part03 .swiper-button-next{right:0; width:39px; height: 44px; background:url(../image/dot02.png) center no-repeat;}
.index-part03 li{padding:0 2px;}
.index-part03 li .inner{padding:20% 40px 50%;border-left:1px solid #C3C3C3;}
.index-part03 li .img{width:100%; position: relative; margin-bottom: 15%;}
.index-part03 li .img h2{position: absolute; left:0px; bottom:0px; color:#fff; font-family: Arial, Helvetica, sans-serif;background: url(../image/dot59.png) left bottom repeat-x;width: 100%;height: 100%;margin-bottom: 0;}
.index-part03 li .img h2 span {
    position: absolute;
    left: 20px;
    bottom: 15px;
    color: #fff;
    
}
.index-part03 li .txt{ position: relative;}
/*.index-part03 li .txt::before{opacity: 0;filter: alpha(opacity=0); content:""; position: absolute; left:-42px; top:0; width:3px; height: 100%; background: #51B2FF;}*/
.index-part03 li h3{margin-bottom: 5%;}
.index-part03 li p{ color:#555258; line-height:1.8; max-height:5.4em; height: 5.4em;}

.index-part04{ padding:4% 7% 0; position: relative; background: #fff;}
.index-part04::before{content: ""; position: absolute; left:7%; top:0; width: 2px; height: 19%;background: #ed001e;}
.index-part04 h2{ color:#3C3940; margin-left: 2%;height:100px;margin-top:2%;}
.index-part04 li{ float: left; width:47%; position: relative;}
.index-part04 li+li{ float: right;}
.index-part04 li .txt{ text-align: center; z-index: 1; color:#fff; width:100%; padding:0 5%;}
.index-part04 li h3{margin-bottom: 1.5%;}
.index-part04 li .bg-layer{ position: absolute; left:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.5);}

@media only screen and (min-width: 1025px) {
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ background: url(../image/btn_ll.png); background-size: cover;}
.index-part03 li .txt::before{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.index-part03 li:hover .txt::before{opacity: 1;filter: alpha(opacity=100);}
.index{-webkit-transform: translateX(10px);-moz-transform:translateX(10px);transform: translateX(10px);}
}
   
@media only screen and (max-width: 1365px) {    
    .index-part03 .cons{width:100%;}
}

@media only screen and (max-width: 1279px) {
    .banner .swiper-button-prev{ left:10px;width: 18px; height:31px;margin-top:-16px;}
    .banner .swiper-button-next{ right:10px; width: 18px; height:31px;margin-top:-16px;}
}
@media only screen and (max-width: 1024px) {
.guide-pages{ display: none;}
html, body{overflow: auto;}
.index-part01 ul{margin-top:6%;}
.index-part01 li{width:30.33%; margin:0 0.5%;}
.index-part01 li p{left:160px;}
.banner .txt h3 em i{font-size: 24px;}
}

@media only screen and (max-width: 1023px) { 
    .index_main{padding-top: 50px;}   
    .banner .txt{top:30%;}
    .banner .swiper-pagination{bottom:10px;}
    .index-part01 dl dt img{margin-right: 0;height: auto;}
    .index-part01 li p{position: static; margin-top:5%; width:100%;transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); }
    .index-part03 .cons .swiper-container{width:calc(100% - 80px);}
}

@media only screen and (max-width:767px) {
    .banner,.banner .swiper-container,.banner .swiper-wrapper,.banner .swiper-slide{ height: 300px;}
    .banner img{ display: none;}
    .banner .txt{width:80%;}
    .banner .txt h2,.banner .txt h3 p{margin-bottom: 5px;}
    .banner .txt h3 em{margin-top: 10px;}
    .banner .txt h3 em i{font-size: 24px;}
    .index-part01::before{height: 12%;}
    .index-part01 li{width:100%; margin:0 0 5%;}
    .index-part01 li h3 span{ float: none; display: block; margin:0 auto;}
    .index-part01 li p{ text-align: center;}
    .index-part02::before{height: 75%;}
    .index-part02 h2{ color:#3C3940; margin-left: 2%;height:90px;margin-bottom: 0;}
    .index-part02 li,.index-part02 li+li{width:100%;}
    .index-part03 li.swiper-slide-active .txt::before{opacity: 1;filter: alpha(opacity=100);}
    .index-part03 li .inner{padding:10% 20px 20%}
    .index-part03 li .txt::before{left:-22px;}
    .index-part04::before{height: 11%;}
    .index-part04 h2{ color:#3C3940; margin-left: 2%; margin-top: 10%;height:50px;}
    .index-part04 li{width:100%;}
    .circleProgress_wrapper{margin:0 auto;}
    .index-part01 li h3 span{width:100%;}

}
/*首页end*/
.index-body{opacity: 0;}