.SubPage {
    position: relative;
    background: #fff;
    z-index: 3;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    padding: 1.2rem 0 1.2rem 0;
    clear: both;
    overflow: hidden;
}
.imgbox {
    overflow: hidden;
    position: relative;
}
.imgbox span {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.f_fff {
    color: #ffffff;
}
.flexbw {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.AboutUs{/* background: #f7f7f7; */padding: 70px 0;}
.AboutUs:after{background: #42A0E8 url(../images/about_bg2.png) no-repeat 0 bottom/cover;position: absolute;right: 0;top: 0;width: 50%;height: 100%;content: "";z-index: 0;}
.AboutUs .TitHead{padding:20px 0 0 0;}
.AboutUs .video{width: 57%;float: left;margin-top: 135px;position: relative;}
.AboutUs .video:after{position: absolute;width: 4.28rem;height: 395px;left: -92px;bottom: -0.58rem;content: "";background: url(../images/about_bg1.png);}
.AboutUs .video .imgbox{padding-top: 425px;z-index: 2; margin-bottom: 100px;}
.iconbf:before {
    content: "\ea82";
  }
  
.AboutUs .video .play{font-size: 30px; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 60px;height:60px;border-radius: 50%;z-index: 2;background: rgba(0,0,0,0.59);color: #fff;text-align: center;line-height:54px;cursor: pointer;transition: all 0.5s;}
.AboutUs .video:hover .play{transform: translate(-50%,-50%) scale(1.3); background: #42A0E8;}
.AboutUs .video_files{
    position: absolute;
    z-index: 1001;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
 
   width: 100%;

    box-shadow: 0 10px 10px rgba(0,0,0,0.1); }
.AboutUs .video_files video{object-fit: cover;height: 100%; outline: none; overflow: hidden;}
.AboutUs .info{width: 40%;float: right;}
.AboutUs .slogan{margin: 20px 0;position: relative; font-size: 24px; margin-bottom: 50px; line-height: 46px;}
.AboutUs .slogan:before{position: absolute;left: -76px;top: 20px;width:62px;height: 3px;background: #fff;content: "";}
.AboutUs .slogan span{display: block;margin-left: 65px;}
 .text{padding-right: 44px;height: 400px; overflow-y: scroll; text-align: justify;}

.text::-webkit-scrollbar {
    width: 5px;
    height: 5px;
 
 
   
}
 
.text::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.1);
    border-radius: 5px;
}
 
.text::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.8);
    border-radius: 5px;
}
.text p { line-height: 32px; font-size: 18px; }


.AboutUs .NumList{padding-top: 0.79rem;clear: both;}
.AboutUs .NumList li{flex: 1;text-align: center;position: relative;}
.AboutUs .NumList li:not(:last-child):After{position: absolute;right: 0;top: 0.53rem;width: 2px;height: 0.33rem;content: "";background: #d8d8d8;}
.AboutUs .NumList li .num{line-height: 1.45;color: #42A0E8;font-weight: bold;}
.AboutUs .NumList li .num span{font-size: 0.7rem;margin-right: 0.04rem;}
.AboutUs .NumList li .num sub{font-size: 0.2rem;position: relative;top: -0.1rem;}
.AboutUs .NumList li h3{font-size: 30px;line-height: 1.3;}
.w1320 {
    z-index: 1;
    position: relative;
    clear: both;

    width: 70%;
    margin: 0px auto;
}
.TitHead{text-align: center;padding-bottom: 0.62rem;}
.TitHead h2{font-size: 0.4rem;line-height: 1.45;color: #333333;}
.TitHead h2 span{color: #42A0E8;}
.TitHead .desc{margin-top: 0.15rem;}
.TitHead.white h2{color: #42A0E8; font-size: 40px; font-weight: bold;}
.TitHead.white h2 span{color: #fff;}
.TitHead.white2 h2,.TitHead.white2 h2 span,.TitHead.white2 .desc{color: #fff;}
.video_files .close {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    
    color: #fff;
    z-index: 10;
    cursor: pointer; opacity: 1;
}
@media(max-width:640px){
    .mCSB_scrollTools{ display: none;}
    .AboutUs .video .imgbox{ margin-bottom: 20px;}
	.AboutUs .slogan{margin: 0 0 20px 80px;font-size: 18px;}
	.AboutUs .slogan span{display: inline-block;vertical-align: middle;margin-left: 0.3rem;}
	.AboutUs .video{width: auto;float: none;margin-top: 0.4rem;}
	.AboutUs .TitHead.white h2{color: #333333;}
	.AboutUs .TitHead.white h2 span{color: #42A0E8;}
	.AboutUs .info{width: auto;float: none;background: #42A0E8 url(../images/about_bg2.png) no-repeat 0 bottom/cover;padding: 25px 7px;}
	.AboutUs:after{display: none;}
	.AboutUs .video .play{width: 90px;height: 90px;line-height: 80px;}
	.AboutUs .text{height: auto;padding-right: 0;}
	.AboutUs .NumList {justify-content:flex-start;}
	.AboutUs .NumList li{flex: none;width: 33.333%;padding-bottom: 25px;}

	.AboutPlan .content{padding: 30px;margin-top: 0;}
	.AboutPlan .content .img{width: auto;text-align: center;float: none;margin: 0 0 20px;}

}