/*首页*/
.banner{position: relative;}
.banner .swiper-container{width: 100%;}
.banner .swiper-slide{position: relative; width:100%;}
.banner .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,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: #fff;z-index: 2; width: 100%; top:25%; padding: 0 10%; text-align: center;}
.banner .txt h2,.banner .txt h3{ line-height: 1.2; max-height: 2.4em; overflow: hidden;}
.banner .txt h3{ margin-top: 2%; text-transform: uppercase;}
.banner .swiper-pagination{ display: none; bottom:5%;}
.banner .swiper-pagination-bullet{opacity: 1; background: #cfd4d9; width:12px; height:12px;}
.banner .swiper-pagination-bullet-active{background: #00bcff;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:1rem; height: 1rem; color: #00bcff; background: none;}
.banner span{ cursor: pointer; color: #666; position: absolute; z-index: 10; bottom:10%; left:50%; margin-left: -0.2rem; width: 0.4rem; height: 0.4rem; line-height: 0.4rem;}
.banner .swiper-slide:nth-child(2) span,.banner .swiper-slide:nth-child(3) span{ color: #fff;}

.tit{color: #00bcff; padding-top:0.25rem;position: relative;}
.tit::before{content: ""; position: absolute; left: 0; top:0; width: 0.36rem; height:0.03rem; background: #000; }

.index-part01{padding: 5% 0 8%;}
.index-part01 .ll{ float: left; width: 30%; margin-top: 10%;}
.index-part01 .rr{ float: right; width: 65%;}
.index-part01 .rr ul{ height: 100%; position: relative;}
.index-part01 .ll .con{margin-top:5%; line-height: 1.2; max-height: 4.8em; overflow: hidden;}
.index-part01 .ll ul{margin-top: 8%;}
.index-part01 .ll li{ cursor: pointer; width: 100%; padding:4% 0; border-bottom: 1px solid #a8acb0;}
.index-part01 .ll li i{ opacity: 0; color: #00bcff; float: right;}

.index-part01 .rr li{width: 47.5%; position: absolute; border-radius: 0.1rem; overflow: hidden;}
.index-part01 .rr li:nth-child(1){ left:0;top:11%;}
.index-part01 .rr li:nth-child(2){ right:7.5%; top:0;}
.index-part01 .rr li:nth-child(3){ left:7.5%; bottom:0;}
.index-part01 .rr li:nth-child(4){ right:0; bottom:13%;}
.index-part01 .rr li:nth-child(2),.index-part01 .rr li:nth-child(3){ width: 40%;}
.index-part01 .rr li dd{position: absolute; left:0; top:0; padding: 0.5rem; color: #fff; width: 100%; height: 100%;}
.index-part01 .rr li dd h4{margin-top:8%; max-height: 6em; overflow: hidden;}
.index-part01 .rr li dd span{ opacity: 0; position: absolute; right:0.3rem; top:0.3rem; display: block; width: 0.54rem; height: 0.54rem; line-height: 0.54rem; text-align: center; border:1px solid #fff;}
.index-part01 .rr li.on dd{background: url(/uploads/image/simages/index_bg02.png) no-repeat; background-size: cover; background-position: center;}
.index-part01 .rr li.on dd span{opacity: 1;}

.index-part02{position: relative;}
.index-part02 .con{top:40%;}
.index-part02 .tit::before{ background: #fff;}
.index-part02 .c{  line-height: 1.2; max-height:6em; overflow: hidden; margin-top: 2.5%;}
.index-part02 .video-box{position: relative;}
.index-part02 .video-box .vid-box{position: relative;}
.index-part02 .video-box .vid-box video{width: 100%; height: 100%; object-fit: fill;}
.index-part02 .video-box .vid-box em{ display: none;}
.index-part02 .video-box .con{color: #fff; z-index: 2;}
.index-part02 .video-box .con h2{ line-height: 1.2; font-weight: bold; text-align: center;}
.index-part02 .video-box .con .more{margin-top: 5%;}

.index-part03{padding:7.5% 0;}
.indp03_news{position: relative;}
.indp03_news .con{position: absolute; left:0; top:0.15rem;}
.indp03_news .tit{margin-top:0.3rem;}
.indp03_news .tit::before{display: none;}
.indp03_news .swbox{position: relative;}
.indp03_news dt{ float: left; width: 50%; margin-top: 2.2rem;}
.indp03_news dd{ float: right; width: 45%; border-radius: 0.1rem;}
.indp03_news dt h2{line-height: 1.2; max-height: 2.4em; height: 2.4em;}
.indp03_news dt em{ display: block; width: 0.32rem; height: 0.03rem; margin: 5% 0; background: #bac1cc;}
.indp03_news dt p{ width:80%; line-height: 2; max-height: 6em; height: 6em;}
.indp03_news .swiper-button-prev,.indp03_news .swiper-button-next{ font-weight: bold; left:-1.2rem; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; text-align: center; color: #000000;background: none;}
.indp03_news .swiper-button-next{left:auto; right:-1.2rem;}
.indp03_news .swiper-button-prev.swiper-button-disabled,.indp03_news .swiper-button-next.swiper-button-disabled{opacity: 1; color: #bac1cc; }
.indp03_news .swiper-pagination{text-align: left; bottom:15%;}
.indp03_news .swiper-pagination .swiper-pagination-current{font-size:0.48rem;}
.indp03_news .swiper-pagination .swiper-pagination-total{font-size: 0.24rem; color: #2b2d30;}

.circleprogress_wrapper *{box-sizing:initial;}
.circleprogress_wrapper{width: 0.6rem;height: 0.6rem;position: relative;}
.circlep{width: 0.3rem;height: 0.6rem;position: absolute;top: 0;overflow: hidden;}
.circlep.rr {right: 0;}
.circlep.ll {left: 0;}
.circleprogress{ width: 0.5rem;height: 0.5rem; background: #e0edff; border: 0.05rem solid #01bcff; border-radius: 50%; position: absolute;top: 0;-webkit-transform: rotate(45deg);}
.rightcircle {border-top: 0.05rem solid #00bcff; border-right: 0.05rem solid #00bcff;right: 0;-webkit-animation: circleprogressload_right 5s linear infinite;}
.leftcircle {border-bottom: 0.05rem solid #00bcff; border-left: 0.05rem solid #00bcff;left: 0;-webkit-animation: circleprogressload_left 5s linear infinite;}
@-webkit-keyframes circleprogressload_right {
    0% {
        border-top: 0.05rem solid #c0c4ca;
        border-right: 0.05rem solid #c0c4ca;
        -webkit-transform: rotate(45deg);
    }
    50% {
        border-top: 0.05rem solid #23e7ff;
        border-right: 0.05rem solid #23e7ff;
        border-left: 0.05rem solid #30c8ff;
        border-bottom: 0.05rem solid #30c8ff;
        -webkit-transform: rotate(225deg);
    }
    100% {
        border-left: 0.05rem solid #00bcff;
        border-bottom: 0.05rem solid #00bcff;
        -webkit-transform: rotate(225deg);
    }
}
@-webkit-keyframes circleprogressload_left {
    0% {
        border-bottom: 0.05rem solid #c0c4ca;
        border-left: 0.05rem solid #c0c4ca;
        -webkit-transform: rotate(45deg);
    }
    50% {
        border-bottom: 0.05rem solid #23e7ff;
        border-left: 0.05rem solid #23e7ff;
        border-top: 0.05rem solid #30c8ff;
        border-right: 0.05rem solid #30c8ff;
        -webkit-transform: rotate(45deg);
    }
    100% {
        border-top: 0.05rem solid #00bcff;
        border-right: 0.05rem solid #00bcff;
        border-bottom: 0.05rem solid #00bcff;
        border-left: 0.05rem solid #00bcff;
        -webkit-transform: rotate(225deg);
    }
}


.indp03_qhse{position: relative; margin-top: 10%; border-radius: 0.1rem; overflow: hidden;}
.indp03_qhse dd{position: absolute; left:0; top:0; padding:8% 6%; color: #fff; width: 48%; height: 100%;}
.indp03_qhse dd .tit::before{background: #00bcff;}
.indp03_qhse dd h2{margin-top: 6%; max-height: 4.5em; overflow: hidden;}
.indp03_qhse dd .more{margin-top:12%;}

.index-part04{padding:3.5% 0; color: #fff;}
.index-part04 dt{ float: left; width: 50%;}
.index-part04 dd{ float: right; width: 50%; text-align: right;}

@media only screen and (max-width: 767px) {
.tit::before{width: 1.2rem;}
.index-part01 .ll,.index-part01 .rr{width: 100%;}
.index-part01 .ll{margin-top: 0;}
.index-part01 .ll ul{margin-top:2%; display: none;}
.index-part01 .ll li{ float: left; width: 25%;}
.index-part01 .rr{ margin-top: 5%; height: auto!important;}
.index-part01 .rr li{position: relative; left:auto!important; top: auto!important; right:auto!important;bottom:auto!important;width: 100%!important; margin: 0 0 2%;}
.index-part01 .rr li dd{padding: 5%;}
.index-part01 .rr li dd span{/*opacity: 1;*/ right:5%; top:5%; width: 30px; height: 30px; line-height: 30px;}
.index-part02{padding: 5% 0 0;}
.index-part02 .video-box{ height: auto!important; background: none;}
.index-part02 .video-box .con{color: #000; position: static;transform:translate(0,0)!important}
.index-part02 .tit::before{background: #000;}
.index-part02 .video-box video{margin-top: 5%; object-fit: unset;}
.index-part02 .video-box .vid-box em{ display: block; color: #fff;}
.indp03_news .con{position: static;}
.indp03_news dt,.indp03_news dd{width: 100%;margin-top: 5%;}
.indp03_news dt em{ width: 30px; margin: 15px 0;}
.indp03_news dt p{width: 100%;}
.indp03_qhse dd{padding: 5%; width: 100%;position: static; background: #00bcff;}
.indp03_qhse .tit{color: #fff;}
.indp03_qhse dd .tit::before{background: #fff;}
.indp03_qhse dd h2,.indp03_qhse dd .more{margin-top: 5%;}
.index-part04{padding: 5% 0;}
.index-part04 dt,.index-part04 dd{ width: 100%; text-align: center;}
.index-part04 dd{margin: 5% 0 0;}
.circleprogress_wrapper{ width: 1rem; height: 1rem;}
.circlep{width: 0.5rem; height: 1rem;}
.circleprogress{ width: 0.9rem; height: 0.9rem;}
}

.index-part01 .ll li,.index-part01 .rr li,.index-part01 .rr li dd{transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
@media only screen and (min-width: 1025px) {
.index-part01 .ll li:hover{color: #00bcff; border-color: #00bcff;}
.index-part01 .ll li:hover i{ opacity: 1;}
}
/*首页end*/


.video_appbox{ display: none;}
.banner .swiper-slide em{ display: none; color: #fff;}
@media only screen and (max-width:767px) {
.video_appbox{ display: block; position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{width: 100%;}
.video_appbox .video_t{ z-index:2; background:#000;width:760px;max-width:94%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{visibility: visible;opacity:1;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.video_close{ position:absolute; top:5%; right:3%;cursor:pointer; z-index: 99999;}
.video_close i{color: #fff;font-size:20px;font-weight: bold;}
.banner .swiper-slide em{ display: block;}
.banner video{display: none;}
}