.banner{position: relative;overflow: hidden;}
.banner video {
    position: absolute;
    width: 100%;height: 100%;
    left: 0px;
    top: 0;
    object-fit: cover;
}
.banner a{}
.banner_text{z-index: 3;width: 100%;position: absolute;left: 0;top:0%;height: 100%;}
.banner_text h3{line-height: initial;}
.banner_text .wrap{position: relative;width: 100%;height: 100%;}
.banner_p{width: 100%;color: #fff;text-align: right;}
.banner_p p{margin-top: 20px;}

.banner .swiper-pagination{bottom: 32px;text-align: right;width: 100%;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 80px;height: 1px;border-radius: 0;background: rgba(255,255,255,0.5);margin: 0 3px;opacity: 1;}
.banner>.wrap{position: relative;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #ec0e4a;height: 4px;}

.ban1 .banner_p{text-align: left;top: 35%;}
.ban2 .banner_p{top: 35%;}
.ban3 .banner_p{text-align: left;}



.index_01{padding: 90px 0;box-sizing: border-box;overflow: hidden;}
.industry_tImg{position: relative;}
.industry_tImg::before{content: "";width: calc((100% - 1440px) / 2);height: 1px;background: #172a6c;top: 50%;margin-top: -0.5px;left: 0;
    display: block;position: absolute;z-index: 1;}
.industry_t{margin-bottom: 30%;}
.industry_tul{overflow: hidden;position: relative;}
.industry_tul li{float: left;width: 25%;position: relative;z-index: 2;}
.tsqure{position: relative;text-align: center;cursor: pointer;}

.tsqure::before{content: "";width: calc((100% - 198px) / 2);height: 1px;background: #172a6c;top: 50%;margin-top: -0.5px;left: 0;
    display: block;position: absolute;z-index: 1;}
.tsqure::after{content: "";width: calc((100% - 198px) / 2);height: 1px;background: #172a6c;top: 50%;margin-top: -0.5px;right: 0;display: block;position: absolute;z-index: 1;}


.tsqureBig{padding: 20px;box-sizing: border-box;text-align: center;display: inline-block;width: 198px;height: 198px;}
.tsqureBig>div{background: url("/images/11.png") no-repeat;background-size: cover;background-size: 100%;height: 100%;}
.s_blue_img{opacity: 0;}
.industry_tText{overflow: hidden;}
.industry_tText li{float: left;width: 25%;text-align: center;}
.industry_tText-con{width: 198px;text-align: center;display: inline-block;}
.industry_tText-con h1{font-weight: bold;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.industry_tText-con p{font-size: 12px;line-height: 16px;}
.tsqureSmall img{transition: all .3s;width: 50px;height: 50px;}
.tsqure_txt{display: none;text-align: center;}

.industry_tul li:last-child .tsqure::after{display: none;}


.industry_b{text-align: center;}
.industry_b p{font-weight: bold;}
.industry_b h1{margin-top: 20px;font-weight: bold;}
.index_Link{text-align: center;}
.index_Link .index_LinkA{display: inline-block;width: 180px;height: 40px;line-height: 40px;text-align: center;background: #fff;font-size: 12px;
    position: relative;border-radius: 5px;cursor: pointer;margin-top: 30px;font-weight: bold;}
.index_Link .index_LinkA i{position: absolute;right: 15px;top: 0px;}
.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_02{padding: 80px 0;overflow: hidden;}
.index_tit{text-align: center;color: #fff;margin-bottom: 65px;}
.index_new{overflow: hidden;}
.index_newL{float: left;width: 53%;}
.index_newR{float: right;width: 42%;}
.index_newL dl{position: relative;}
.index_newL dl a{}
.index_newL dl dt{position: absolute;left: 0;bottom: 0;height: 75px;padding: 0 90px 0 30px;box-sizing: border-box;
    background: rgba(0,0,0,0.5);width: 100%;line-height: 75px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_newL .but>div{background: none;color: #fff;font-size: 20px;font-weight: bold;}
.index_newL .but>div.swiper-button-prev{right: 67px;left: auto;bottom: 15px;top: auto;line-height: 44px;}
.index_newL .but>div.swiper-button-next{right: 35px;left: auto;bottom: 15px;top: auto;line-height: 44px;}

.index_newR ul li{border-bottom: 1px solid rgba(255,255,255,0.33);padding: 0 0 15px;box-sizing: border-box;margin-bottom: 20px;color: #fff;}
.index_newR ul li p{margin-bottom: 10px;}
.index_newR ul li h1 a{color: #fff;display: block;height: 58px;overflow: hidden;}

.index_03{padding: 10% 0 7%;overflow: hidden;}
.index_03 .index_tit{margin-bottom: 2%;font-weight: bold;}

@media only screen and (min-width:1025px) {
    .index_Link .index_LinkA:hover{background: #0e0e66;color: #fff!important;}
    .tsqure:hover .tsqureBig>div{background: url("/images/22.png") no-repeat;background-size: cover;height: 100%;}
    .tsqure:hover .s_white_img{opacity: 0;}
    .tsqure:hover .s_blue_img{opacity: 1;}
}


@media only screen and (max-width:1600px) {
    .industry_tImg::before{width: calc(10% / 2)}
    /*.industry_t{margin-bottom: 50px;}*/

    .index_01{padding: 60px 0;}

}
@media only screen and (max-width:1300px) {
    .index_01{padding: 80px 0;}
}
@media only screen and (max-width:1024px) {
    .tsqureBig{width: 140px;height: 140px;}
    .tsqureSmall img{width: 30px;height: 30px;}
    .tsqure::before,.tsqure::after{width: calc((100% - 120px) / 2);}
    .industry_tText-con{width: 140px;}
    .index_newL,.index_newR{width: 100%;}
    .index_newR{margin-top: 40px;}
    .index_newR ul li{color: #0a70d2;}
    .index_newR ul li h1 a{height: auto;color: #0a70d2;}
}
@media only screen and (max-width:767px) {
    .banner .swiper-container-autoheight,.banner .swiper-container-autoheight .swiper-slide{height: 280px!important;}
    .banner li img{display: none;}
    .banner .swiper-pagination .swiper-pagination-bullet{width: 50px;}
    .index_01{padding: 40px 0;background:url('/images/pho_img.jpg') no-repeat center!important;background-size:cover;}
    .industry_t{margin-bottom: 30px;}
    .tsqureBig {
        width: 80px;
        height: 80px;
        padding: 0px;
    }
    .tsqure{height: 80px;}
    .industry_tul li{width: 50%;margin-bottom: 10px;}
    .tsqure_txt{display: block;margin-top: 10px;}
    .industry_tText{display: none;}
    .tsqure::before, .tsqure::after,.industry_tImg::before{display: none;}
    .industry_tul li{}
    .tsqure_txt p{height: 42px;overflow: hidden;}
    .industry_b{margin-top: 50px;}
    .index_02{padding: 40px 0;}
    .index_tit{margin-bottom: 30px;}
    .index_newL dl dt{padding: 0 60px 0 15px;height: 50px;line-height: 50px;}
    .index_newL .but>div.swiper-button-prev{right: 25px;bottom: 3px;}
    .index_newL .but>div.swiper-button-next{right: 5px;bottom: 3px;}
    .index_Link .index_LinkA{margin-top: 30px;}
    .index_03{padding: 40px 0;}
    .index_03 .index_tit{margin-bottom: 40px;}
    .ban1 .banner_p{top: 45%;}
    .ban2 .banner_p{top: 45%;}
}
@media only screen and (max-width:345px) {
    .index_03{padding: 25px 0;}
}