.blank_25{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.25);}
.banner {overflow: hidden;position: relative;}
.banner .swiper-container{height: 100%;}
.banner li{overflow: hidden;height: 100%!important;}
.banner li>img{position: relative;z-index: 1;}
.banner li video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 2;}
.banner_text{color: #fff;width: 100%;
    opacity: 0;z-index: 3;top:32.6%;position: absolute;left: 10%;
    transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;
}
.banner_text h2{margin-bottom: 15px;}
.banner_text h3{line-height: 45px;}
.banner_text p{margin-top: 20px;font-size: 2rem;}

.banner li.swiper-slide-active .banner_text{
    opacity: 1;left: 0;
}
.banner .lhl_but div{background: none;text-align: center;width: 30px;}
.banner .lhl_but div img{width: 30px;}
.banner .lhl_but div.swiper-button-prev{left: 2.5%;}
.banner .lhl_but div.swiper-button-next{right: 2.5%;}

.blank_vid{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;font-size:40px;display:none;background:rgba(0,0,0,.6);z-index:4;}
.indexBody .header:hover a.zywen:before{color: #16307e;}
         .indexBody .header:hover a.zywen{color: #16307e;}


@media only screen and (max-width:1440px) {
    .banner_p{padding-left: 5%;}
}
@media only screen and (max-width:1024px) {
    .banner{height: auto!important;}
    .banner li{height: 380px!important;}
    .banner_text h3{line-height: inherit;font-size: 20px;}
    .banner_p{height: auto;}
    .banner_text{bottom: auto;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}


}
@media only screen and (max-width:767px) {
    .ban_video .blank_vid{display:block;} 
    .banner li{height: 280px!important;}
    .banner_text h2{font-size: 18px;font-weight: bold; line-height: 30px;max-height: 60px;margin-bottom: 10px;}
    .banner_text p{font-size: 14px;line-height: 20px;max-height: 40px;}
	.banner li video{display:none!important;}
}

.index_01{padding: 120px 0;overflow: hidden;box-sizing: border-box;}
.design_js{position: relative;}
.h2_tit{font-weight: bold;margin-bottom: 20px;}
.design_js .h2_tit{margin-bottom: 10px;}
.design_js p{line-height: 30px;}
.design_js p span{font-weight: bold;}
.design_link{margin-top: 40px;}
.design_js .design_link{margin-top: 0px;position: absolute;right: 0;top: 0;}
.design_link a{display: block;width: 57px;height: 33px;line-height: 33px;text-align: center;background: #000;border-radius: 15px;}
.design_link a img{width: 28px;margin-top: 10px;}

.design_con{margin-top: 30px;}
.design_swi{position: relative;}
.design_swi ul{margin-left: -30px;margin-right: -30px;}
.design_swi li{width: 12.5%;float: left;padding: 0px 30px 70px;box-sizing: border-box;}
.imgCon{background: #e8eaee;border-radius: 60px;position: relative;height: 60px;cursor: pointer;overflow: hidden;}
.imgCon img{position: absolute;left: 50%;top: 50%;margin-left: -25px;margin-top: -21px;transition: all .3s;width: 50px;height: 42px;}
.img02{transform: translateY(200%);}
.design_swi li dt{position: absolute;left: -10%;bottom: 10px;width: 120%;text-align: center;padding-top: 20px;height: 40px;line-height: 20px;overflow: hidden;}
.design_swi li dt p{width: 100%;font-size: 14px;}
.design_swi li:after{
    content: "";
    width:0;
    height:0;
    border-right:20px solid transparent;
    border-left:20px solid transparent;
    border-bottom:14px solid #e4e6e8;
    position: absolute;
    left: 50%;
    margin-left: -20px;bottom: 0;
    display: none;;
}
.design_swi .lhl_but{display: none;}
.design_swi .lhl_but div{background: none;font-size: 30px;top: 30%;}
.design_swi .lhl_but div.swiper-button-prev{left: 0px;}
.design_swi .lhl_but div.swiper-button-next{right: 0px;}
.design_swi .swiper-button-prev.swiper-button-disabled,.design_swi .swiper-button-next.swiper-button-disabled {
    cursor: pointer;
    pointer-events: inherit!important;
    opacity: 1;
}
.design_swi .swiper-button-disabled.disabled{opacity: .5!important;}
.design_swi li.on .imgCon{background: #16307e;}
.design_swi li.on .img01{transform: translateY(-200%);}
.design_swi li.on .img02{transform: translateY(0%);}
.design_swi li.on:after{display: block;}

.design_img{border-top: 10px solid #e4e6e8;}
.designImg_item{position: relative;overflow: hidden;touch-action: none;opacity: 0;height: 0;}
.designImg_item.on{opacity: 1;height: auto;}
.twentytwenty-horizontal .twentytwenty-handle:after{display: none;}
.twentytwenty-horizontal .twentytwenty-handle:before{
    background: url(../images/shdow.png) no-repeat;background-size: cover;
    width: 14px;
    box-shadow: none;
    height: 830px;
    bottom: -400px;
}
.twentytwenty-handle{width: 70px;height: 47px;background: rgba(255,255,255,0.36);border: none;margin-left: -35px;}
.twentytwenty-before-label:before{content: "常规显示效果";font-size: 20px;background: none;left: 12.5%;bottom: 20px;text-transform: uppercase;}
.twentytwenty-after-label:before{content: "超高清显示效果";font-size: 20px;background: none;bottom: 20px;text-transform: uppercase;}
.twentytwenty-horizontal .twentytwenty-before-label:before{left: 12.5%;top: auto;}
.twentytwenty-horizontal .twentytwenty-after-label:before{right: 12.5%;top: auto;}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow{border: 7px inset transparent;}
.twentytwenty-left-arrow, .twentytwenty-right-arrow{margin-top: -7px;animation: down_move1 1.5s linear 1.5s alternate infinite;}
.twentytwenty-left-arrow{border-right: 10px solid #16307e;margin-left: -26px;}
.twentytwenty-right-arrow{border-left: 10px solid #16307e;margin-right: -23px;}
.twentytwenty-overlay{background: none!important;}
.twentytwenty-before-label,.twentytwenty-after-label{opacity: 1;}
.twentytwenty-before-label:before, .twentytwenty-after-label:before{padding: 0;}
.twentytwenty-before-label.on,.twentytwenty-after-label.on{ opacity: 0!important;}
.designImg_item img {max-width: 100%;}

.design_newTit{position: absolute;left: 0;top: 30px;z-index: 100;}
.design_newTit p{color: #fff;text-shadow: 0 0 10px rgba(0,0,0,0.8);}

.design_txt{margin-top: 60px;}
.design_txt .design_js{display: none;}
.design_txt .design_js.on{display: block;}

@keyframes down_move1
{
    0% {opacity:0.3;}
    50% {opacity:1;}
    100% {opacity:0.3;}
}
@-webkit-keyframes down_move1
{
    0% {opacity:0.3;}
    50% {opacity:1;}
    100% {opacity:0.3;}
}


/*index02*/
.index_02{padding-bottom: 120px;overflow: hidden;}
.tit_more{overflow: hidden;margin-bottom: 40px;}
.tit_more h2{float: left;font-weight: bold;}
.tit_more .design_link{float: right;margin-top: 7px;}
.indexNews li{float: left;width: 33.3%;padding: 0 6px;box-sizing: border-box;}
.indexNews li a{color: #fff;}
.indexNews li dl{position: relative;}
.indexNews li dt{position: absolute;left: 0;bottom: 0;padding: 15px 30px;box-sizing: border-box;background: rgba(0,0,0,0.6);width: 100%;}
.indexNews li dt span{font-weight: 300;display: block;margin-bottom: 5px;}
.indexNews li dt p{line-height: 30px;height: 90px;}



@media only screen and (min-width:1025px) {
    .imgCon:hover .img01{transform: translateY(200%);}
    .imgCon:hover .img02{transform: translateY(0%);}
    .indexNews li a:hover{color: #fff!important;}
    .design_link a:hover{background: rgba(0,0,0,0.8);}
    .design_newTit a:hover{color: #fff!important;}
}
@media only screen and (max-width:1440px) {
    .index_01{padding: 80px 0;}
    .twentytwenty-horizontal .twentytwenty-before-label:before{left: 8%;}
    .twentytwenty-horizontal .twentytwenty-after-label:before{right: 8%;}
    .index_02{padding-bottom: 80px;}
}
@media only screen and (max-width:1366px) {
    .design_swi ul{margin-left: -20px;margin-right: -20px;}
    .design_swi li{padding: 0px 20px 100px;}
    .design_swi li dt{line-height: 20px;height: 40px;}
    .design_swi li dt p{font-size: 14px;}
}
@media only screen and (max-width:1280px) {
    .design_swi ul{margin-left: -10px;margin-right: -10px;}
    .design_swi li{padding: 0px 10px 100px;}
}
@media only screen and (max-width:1024px) {
    .index_01{padding: 60px 0;}
    .index_02{padding-bottom: 60px;}
    .design_con{margin-top: 60px;}
    .design_swi{padding: 0 30px;}
    .design_swi ul{margin-left: 0;margin-right: 0;}
    .design_swi li { padding: 0px 0px 100px;}
    .design_swi li dt{width: 100%;left: 0;}
    .design_swi .lhl_but{display: block;}
    .designImg_item img {max-width: 100%;}
    .twentytwenty-before-label,.twentytwenty-after-label{opacity: 1!important;}
    .twentytwenty-horizontal .twentytwenty-before-label:before{left: 40px;font-size: 18px;bottom: 20px;}
    .twentytwenty-horizontal .twentytwenty-after-label:before{right: 40px;font-size: 18px;bottom: 20px;}
    .indexNews li dt{padding: 0 20px;}
    .indexNews li dt p br{display: none;}
}
@media only screen and (max-width:767px) {
    .index_01{padding: 40px 0;}
    .index_02{padding-bottom: 40px;}
    .imgCon{height: 100px;border-radius: 40px;}
    .imgCon img{width: 60px;height: 46px;margin-left: -30px;margin-top: -23px;}
    .design_con{margin-top: 40px;}
    .design_swi .lhl_but div{top:25%;}
    .design_swi .lhl_but div.swiper-button-prev{left: -8px;}
    .design_swi .lhl_but div.swiper-button-next{right: -8px;}
    .twentytwenty-horizontal .twentytwenty-before-label:before{left: 20px;font-size: 14px;bottom: 20px;}
    .twentytwenty-horizontal .twentytwenty-after-label:before{right: 20px;font-size: 14px;bottom: 20px;}
    .twentytwenty-handle{width: 54px;height: 32px;margin-left: -27px;}
    .design_txt{margin-top: 40px;}
    .design_link{margin-top: 20px;}
    .tit_more .design_link{margin-top: 0;}
    .indexNews li{width: 100%;margin-bottom: 20px;}
    .indexNews li dt p{height: auto;}
    .design_js .design_link{position: static;margin-top: 30px;}
}


.video_appbox{ 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{object-fit: cover;    width: 100%;}
.video_appbox .video_t{
    z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
    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:60%;
    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;
    top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}

.index-part02a{
    position: relative;
}
.index-part02a img{
    width: 100%;
}
.index-part02a a.a-m-c{
    position: absolute;
    left: 50%;
    top: 50%; transform: translate(-50%,-50%);
    font-size: 120px;
    color: #fff;
}
.index-part02a a.a-m-c:hover{
    color: #fff!important;
}
@media only screen and (max-width: 1399px){
    .index-part02a a.a-m-c{
        font-size: 80px;
    }
}
@media only screen and (max-width: 1024px){
    .index-part02a a.a-m-c{
        font-size: 60px;
    }
}
@media only screen and (max-width: 767px){
    .index-part02a a.a-m-c{
        font-size: 40px;
    }
}