.iconfont{
    font-family:"iconfont" !important;
    font-size:1.125rem;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}	
.header1 .hd-bot .nav li:nth-child(1) .v1{
    color:red;
}
.banner{height: 56.25rem;}
/*.banner .slider button{display: none!important;} */
.about_us .banner{height:40vw;}
.about_us .banner .slider button{display: inline-block!important;width:2.25rem;height: 6.25rem;top: 55%;}
/*.about_us .banner .slick-dots{display: none!important;} */
.banner img{width: 100%;height: 100%;}
.banner .slick-dots{
    text-align: right;
    bottom: 1.875rem;
    padding-right: 1.875rem;
}
.banner .slick-dots li button{
    width: 2.375rem;height: 0.5rem;
}
.banner .slick-dots li button{
    background-color: #5A5A5A;
}
.banner .slick-dots li.slick-active button{
    background-color:#F2E41E ;
}
.ul_txt22{width: 70%;margin: 0 auto;display: flex;display: -webkit-flex;margin-top: 1.875rem;justify-content:space-between;}
.ul_txt22_li{padding: 0 0.3125rem;cursor: pointer;min-width:7.25rem;text-align: center;height: 2.5rem;line-height: 2.5rem;font-weight: bold;font-size: 1.125rem;}
.ul_txt22_li:hover{border-bottom: 4px solid #0862E9;}
.ul_txt22_li:nth-child(1){
    border-bottom: 4px solid #0862E9;
}
    .container{
        width: 100%;
        margin:0 auto;position: relative;
    max-width:1200px;
    height:673px;
    
}
.container .left{position: absolute;left: 26%;top: 40%;cursor: pointer}
.container .right{position: absolute;right: 26%;top: 40%;cursor: pointer}
.slide{
    width: 100%;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    
}
.slide .img{
    /* box-shadow: 0 0 8px 3px #ccc; */
    overflow: hidden;
    position: absolute;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
/*   .slide .img img{
    width: calc(100% - 14px);
    height: calc(100% - 14px);
} */
.slide .img1{
    background: #E5E7EB;
    width: 25%;
    height: 40%;
    left: -40%;
    z-index: 1;
    top: 30%;
}
.slide .img2{
    background: #E5E7EB;
    width: 25%;
    height: 70%;
    left: 0%;
    z-index: 2;
    top: 10%;
}
.slide .img3{
    background:rgba(25,24,24,0.8);
    width: 40%;
    height: 95%;
    /* top: 10%; */
    left: 30%;
    z-index: 3;
    cursor:default;
}
.slide .img a{color:#636467;}
.slide .img3 a{color:#FFFFFF;}
.slide .img>div{width: 86%;height: 72%;margin: 5% 5% 0 7%;position: relative;}
.slide .img>div img{width: 100%;height: auto;position: absolute;bottom: 0px;}

.slide .img4{
    background: #E5E7EB;
    width: 25%;
    height: 70%;
    left: 75%;
    z-index: 2;
    top: 10%;
}
.slide .img5{
    background: #E5E7EB;
    width: 25%;
    height: 40%;
    left: 110%;
    z-index: 1;
    top: 30%;
}
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
}
.slide-bt span{
    width: 24px;
    height: 8px;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #ffd200;
}
.slide{position: relative;}
.lb_gl{background-size: 100% 100%;margin-top: 3.125rem;}
.container>span{width: 20%;text-align: right;z-index: 99;position:absolute;right: 0;bottom:10%;}
.container>span a{color: rgba(0,0,0,0.4)!important;font-size: 16px;text-align:center;}
.container>span a:hover{color: #2754D5!important;}
h1 a:hover{color: #2754D5;}
.pictureSlider{height: 47.625rem;}
.poster-item{
    transition: all 0.5s;cursor: default;
    -moz-transition: all 0.5s;cursor: default;
    -webkit-transition: all 0.5s;cursor: default;
    -o-transition: all 0.5s;cursor: default;
    /* cursor: pointer */
}
.poster-item span{
    position: absolute;
    bottom: 3.125rem;
    left: 21.1%;
    display: block;
    width:57.8%;text-align: center;height: 2.875rem;line-height: 2.875rem;
    /* box-shadow: 0 0 2px 2px #E5E0EB; */
    /* border: 0.5px solid #D3D3D8; */
    /* font-weight: bold; */
    font-size: 1.3rem;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.img3 span{
    font-size: 1.5rem;
}
.img3 span{
    box-shadow: 0 0 2px 1px #E5E0EB;
    border:none;
}
.poster-item span:hover{
    transform: scale(1.03);
    box-shadow: 0 0 3px 3px #D3D3D8;
    border:none;
}
/* .img3 span:hover{
    transform: scale(1.02);
    box-shadow: 0 0 3px 3px #FFFFFF;
    
} */
.turn_3d{text-align: center;color: #fff;font-weight: 400;font-size:2.25rem;padding:1.75rem 0;}
.about_us{
    margin-top:7.375rem;
}
.about_us *{
    text-align: center;
}
.about_us h1{margin-bottom: 1.25rem;font-size:3rem;letter-spacing: 15px;}
.about_us h4{
    width:88.8%;
    margin: 0 auto;
    line-height: 1.5625rem;
    font-size: 1.3rem;
    font-family: "MicrosoftYaHeiLight";
    line-height: 2.9375rem;
}
.about_us h5{text-align: right;font-weight: normal;}
.about_us h5 a,.lb_gl span a{color: rgba(0,0,0,0.4);font-size: 1.125rem;}
.about_us h5 a:hover{color:#2754D5 ;}
.about_us ul{width: 65%;margin:6.125rem auto;display: flex; display: -webkit-flex;justify-content:space-between;}
.number_ul li{font-size: 1.75rem;}
.number_ul .counter{font-size: 3.75rem;}
.service{background: #f2f3f5;border-top: 0.5px solid #CACACA;padding-bottom: 5rem;margin-top:6.375rem;}
.service h1{margin: 2.5rem auto;}
.service .service_ul{width: 100%;max-width: 86.25rem;margin: 0 auto;}
.service .service_ul li{width: 28%;text-align: center;height: auto;background: #FFFFFF;}
.service .service_ul li img{
    width: 50%;margin: 1.875rem auto;
}
.service .service_ul li a:hover{color:#2754D5 ;}
.service li h3{font-size: 1.625rem;}
.service .service_ul li span{
    display: block;
    width: 70%;margin: 1.25rem auto;
    font-size: 1.125rem;
}
.row-a1 .hd>ul{width: 100%;height: 40.625rem;display:block;margin: 1.25rem auto;border: 1px solid #ccc;}
.row-a1 ul li{
    width: 100%;height:50%;
}
.row-a1 ul li div{width: 50%;height: 100%;float: left;text-align: left;}
.row-a1 ul li div img{width:100%;height: 100%;}
.new{padding: 3% 2% 3% 2%;position: relative;}
.li1 .pic,.li2 .new{float: left;}
.li1 .new,.li2 .pic{float: right;}
.row-a1 .new h2{font-size: 1.75rem;text-align: left;}
.row-a1 .new span{font-size: 1.125rem;}
.row-a1 .new a{
    display: block;border-radius:1.5625rem ;width: 25%;height:3.125rem ;
    line-height: 3.125rem;font-size: 1rem;
    text-align: center;position: absolute;bottom: 15%;right: 5%;
}
li .new a{border: 1px solid #2754D5;color:#2754D5 ;}
li .new a:hover{background: #2754D5 ;color: #FFFFFF;}
.m {
    /* width: 100%;
    height:62.5rem; */
    margin:2% auto; 
    width:71.8%;
    height:50vw;
    overflow: hidden;
    transition: all 1.5s;cursor: default;
    -moz-transition: all 1.5s;cursor: default;
    -webkit-transition: all 1.5s;cursor: default;
    -o-transition: all 1.5s;cursor: default;
}

#my-video,#my-video2{
    /* margin:10% auto; */
    width:100vw;
    height: 51vw;
    margin: 0 0 0 -14%;
    transition: all 1.5s;cursor: default;
    -moz-transition: all 1.5s;cursor: default;
    -webkit-transition: all 1.5s;cursor: default;
    -o-transition: all 1.5s;cursor: default;
}
.video-js .vjs-tech{height: auto;}
.video-js .vjs-control-bar{margin-bottom: 0px;}
.video-js .vjs-play-control{background: rgba(255,255,255,0.4);float: left;width:3rem;height: 3rem;margin: -2rem 0 0 1%;border-radius: 1.5rem;line-height: 3rem;font-size: 0.95rem;}
.vjs-button>.vjs-icon-placeholder:before{}
.video-js .vjs-volume-panel{margin:-1.5rem 0 0 0.5rem;font-size:0.9rem;}
.vjs-poster{margin: 0 0 0 -14%;height: 105%;}
.vjs-has-started .vjs-control-bar{}
.video-js .vjs-control-bar{background-color: rgba(0,0,0,0);}
.video-js .vjs-progress-control,.video-js .vjs-time-control,.video-js .vjs-fullscreen-control{display: none;}
.video-js .vjs-big-play-button{bottom: 0.625rem;right:0.625rem;top:inherit;left: inherit;display: none;}
.f-nav dl dd{line-height: 1.875rem}
.h40{background:#F2F3F5;height: 4rem;}
@media only screen and (max-width: 1340px){
    body{padding-top: 45px!important;}
    .container{height: 600px;}
}
@media only screen and (max-width: 1199px){
    .banner .slick-dots li.slick-active button{width:2.375rem;}
    .about_us .banner .slider button{
        top: 50%;
    }
    .about_us .banner{height: 50vw;}
}
@media only screen and (max-width: 1084px){
    .about_us .banner{height: 54vw;}
    .ul_txt22{width: 100%;}
    .container{height: 550px;}
    .ul_txt22 li{font-size: 0.75rem;}
    /* .about_us h5 a, .lb_gl span a{font-size: 0.8rem;} */
}
@media only screen and (max-width: 850px){
    .banner{height: 40.25rem;}
    .container{height: 450px;}
    .about_us{margin-top: 2.5rem;}
    .about_us ul{width: 100%;font-size: 0.75rem;}
    .counter{font-size: 2.1875rem;}
}
@media only screen and (max-width: 750px){
    .container{height: 387px;}
    .about_us .banner{height: 56vw;}
    .ul_txt22_li{height: 3rem;}
    .number_ul .counter{font-size: 5rem;}
    .number_ul li{font-size: 1.25rem;}
    .banner{height: 26.25rem;}
    .row-a1 ul li div{width: 100%;}
    .logo{line-height:5rem;}
    /* .menuBtn{top:0.875rem;} */
    .container .left{width: 20px;}
    .container .right{width: 20px;}
    .container>span{bottom: 8%;}
    /* .m{display: none;} */
    .m {
        width:100%;height:55vw;
    }
    #my-video,#my-video2{
        /* margin:10% auto; */
        width:100%;
        height:100%;
        margin: 0;
    }
    .vjs-poster{background-size: 100% 100%;margin: 0 0 0 -14%;}
    .video-js .vjs-tech{}
    .video-js .vjs-control-bar{margin-bottom: 0;}
    .video-js .vjs-fullscreen-control{display: block;margin: 0;position: absolute;right:1%;}
    .video-js .vjs-play-control{margin: 0 0 0 2%;}
    .video-js .vjs-volume-panel{margin: 1px 0 0 0;position: absolute;right: 8%;font-size: 1.2rem;}

    .vjs-fullscreen .vjs-tech{height: 100%;}
}
@media only screen and (max-width: 630px){
    .banner .slick-dots{
        bottom: 0.875rem;
        padding-right: 1.875rem;
    }
    .banner .slick-dots li button{
        width: 1rem;height: 0.3125rem;
    }
    .banner .slick-dots li.slick-active button{width:1rem;}
}
@media only screen and (max-width: 500px){
    .poster-item span{font-size: 10px;overflow: hidden;}
    .ul_txt22{overflow-x: scroll;}
    .container{height: 221px;}
    .about_us{margin-top: 50px;}
    .container .left{width: 15px;}
    .container .right{width: 15px;}
    .container>span{bottom: 5%;}
}
.slide{display: none;}
.display{display: block;}
/* html, body {height:100%;overflow:auto;margin: 0;}
html{overflow-y:scroll;} */

.m{
    margin:2% auto; 
    width:71.8%;
    height:50vw;
    overflow: hidden;
    transition: all 1.5s;cursor: default;
    -moz-transition: all 1.5s;cursor: default;
    -webkit-transition: all 1.5s;cursor: default;
    -o-transition: all 1.5s;cursor: default;
}
.m video{
    width:100vw;
    height: 51vw;
    margin: 0 0 0 -14%;
    transition: all 1.5s;cursor: default;
    -moz-transition: all 1.5s;cursor: default;
    -webkit-transition: all 1.5s;cursor: default;
    -o-transition: all 1.5s;cursor: default;
    object-fit: fill
}
.banner_btn{
    display: inline-block;
    position: absolute ;
}
.banner_btn_prev{
    left: 0.83rem;
}
.banner_btn_next{
    right: 0.83rem;
}
.hidden{
    display: none;
}
.banner_btn_st{
    right: 50px;
}