*{margin: 0; padding: 0;}
html {
    font-size : 1vw;
}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font30{ font-size: 30px;}
.font32{ font-size: 32px;}
.font40{ font-size: 40px;}
.font46{ font-size: 46px;}
.normal-weight{font-weight: normal!important;}
.mainColor{color:#2D68F8;}
.subColor{color:#3A393A}
.whiteColor{color: #fff}
.nobg{background: none!important;}

body{background:#fff; font-size:12px;font-family:"Microsoft YaHei",'PingFangSC',"Helvetica Neue",Helvetica,Arial,sans-serif;color:#3A393A;height:100%;position:relative;*overflow-x:hidden}
img{vertical-align: top}
#banner{text-align: center; position: relative;max-width: 1900px;margin: 0 auto;}
@media (max-width: 1440px) {
    #banner{ display: inline-block}
}
#wrapBody{max-width:1900px;margin: 0 auto;padding: 120px 0;position:relative;}
.innerBody{width:1260px; padding-left:9vw; margin:0 auto;position:relative; line-height: 28px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.columns { width: 100% }
.columns:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#banner .img, .innerBody .img{max-width: 1900px; width: 100%}
#wrapBody h2{line-height: 65px;font-weight: 600;letter-spacing:2px}
#wrapBody h4{line-height: 33px;font-weight: 600;letter-spacing: 2px;}
#wrapBody #sideMenu{ position: absolute; width:240px; height: 220px; background: #fff; display: none; box-shadow: -7px 10px 10px 0px #e4ebf8; z-index: 10 }
.wrapper{width: 1440px;}
.midBox{ width: 1160px; height:1150px;  box-sizing: border-box; -webkit-box-sizing: border-box;padding: 60px; margin: 0 auto; background: #fff; border-radius: 15px; box-shadow: 0px 8px 22px 0px rgba(0,146,255,0.14)}
.midBox.sp{box-shadow: 0px 8px 22px 0px rgba(0,146,255,0.14);margin-top: 5px;}
.backFonts{font-size: 4rem; margin-bottom: -0.6vw; color: #376FF8; font-weight: 600; font-family: PingFangSC, sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}
.video-wrap {
    position: relative;
    margin: 90px 0 0 50px;
    width: 950px;
    padding:45px;
    height: 550px;
    font-size: 0;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 28px;
    border:1px solid #ddd;
    background:#fff;
    -webkit-box-shadow:#ddd 0 0 16px;
    -moz-box-shadow:#ddd 0 0 16px;
    box-shadow:#ddd 0 0 16px;
}
.normalTxt{ width: 1050px!important;}
.normalTxt, .justify{ text-align: justify}
#video-button { position: absolute; z-index: 1; left: 45px; top: 45px; width: 845px; height: 458px; cursor: pointer}
#video-button.hide{ opacity: 0}
video:focus{outline:none;}
.pos_r {position:relative;}
.wideBox{width: 100%;display: grid;}
.bg1{background: #FAFBFC}
.back_img{ width: 100%}

.p-l-0{padding-left: 0!important;}

.m-t-10{margin-top: 10px!important;}
.m-t-20{margin-top: 20px!important;}
.m-t-30{margin-top: 30px!important;}
.m-t-40{margin-top: 40px!important;}
.m-t-50{margin-top: 50px!important;}
.m-t-55{margin-top: 55px!important;}
.m-t-60{margin-top: 60px!important;}
.m-t-70{margin-top: 70px!important;}
.m-t-100{margin-top: 100px!important;}
.m-t-140{margin-top: 140px!important;}
.m-b-20{margin-bottom: 20px!important;}
.m-r-20{margin-right: 20px!important;}
.fl{float: left}
.fr{float: right}
.w20{ width: 20%!important;}
.w30{ width: 30%!important;}
.w40{ width: 40%!important;}
.w45{ width: 45%!important;}
.w50{ width: 50%!important;}
.w60{ width: 60%!important;}
.w70{ width: 70%!important;}
.w80{ width: 80%!important;}
.w90{ width: 90%!important;}
.w100{ width: 100%!important;}
/*.floatTxt{ margin-left: -1%; width: 50vw;}*/
.clear{clear: both}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
*html .clearfix,:first-child+html .clearfix{zoom:1}
.vaSub{vertical-align: sub;margin-right: 5px!important;}
.buttonDown{ width: 87px; height: 117px; display: block; position: absolute; left: 50%; margin:-66px 0 0 -43px; text-align: center}
.buttonDown .down{
    width: 12px;
    margin-top: -75px;
    animation-name: downFade;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
}
.slink{ font-size: 18px; line-height: 26px; padding: 3px 20px 5px 20px; border-radius: 15px; border: 1px solid #007AFF; color: #007AFF; background: #E9F3FF; text-decoration: none}
.slink:hover{opacity: 0.7;}
.imgx{box-shadow: 14px 10px 50px -8px #074cf71f;border-radius: 8px;}
.videoUnit{display: inline-block; width: 320px;vertical-align: top; cursor: pointer}
.videoUnit h5{ font-size: 18px; margin-top: 20px;}
.dlist dd{ padding-left: 25px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; width: 80%;margin-bottom: 20px;}
.dlist dd:before{ content: ''; width: 5px; height: 5px; position: absolute; left: 0; top: 12px; background: #2D68F8; border-radius: 50%; overflow: hidden}
.triangle:before{ display: inline-block; vertical-align:inherit; margin-right:8px;content: '';width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #2D68F8;}
.swiperUnit{ height: 420px; width: 100%; position: relative}
.swiperUnit.sp {height: 360px}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 10px 0}
.swiper-pagination-custom{left:10px;width: 4px;top: 50%; bottom: 17px; right: auto;background: #ebeced;border-radius: 15px;transform: translate3d(0,-100%,0)}
.swiper-pagination-custom .swiper-pagination-bullet {background: #ebeced;border-radius: 15px;padding: 20px 0; width: 4px; margin: 0; position: relative; cursor: pointer;opacity: 0.64 }
.swiper-pagination-custom .swiper-pagination-bullet i {font-size: 16px; position: absolute; left: 25px; top: 8px; font-style: normal; width: 400px; text-align: left; color: #3F3A3A; }
.swiper-pagination-custom .swiper-pagination-bullet-active{background: #007aff!important;opacity: 1; font-weight: bold}
.swiper-slide{text-align: right; display: block}
.swiper-slide img{width: 540px;}
.swiper-slide.full img{width: 98%;}
.swiper-container-vertical > .swiper-pagination-bullets{left:10px; right: auto;top: 40%;}

.swiper-container.sp .swiper-slide{ background: none;text-align: left;box-sizing: border-box; -webkit-box-sizing: border-box;padding-left: 50px;}
.swiper-container.sp .swiper-slide img{ width: auto!important; height: 360px;}
.swiper-container.sp .swiper-pagination-custom{background:none; width: 10px; top:60%;}
.swiper-container.sp .swiper-pagination-custom .swiper-pagination-bullet{border-radius: 50%; width: 10px; height: 10px;padding:0; margin-bottom: 20px; }
.swiper-button-prev, .swiper-button-next{width: 51px; height: 51px; display: inline-block}
.my-button-disabled{
    opacity:0.5;
}
.swiper-button-prev{left: 0px;}
.swiper-button-next{right: 0px;}
#swiperSp .innerBody{text-align: left;}
#swiperSp .innerBody img{ width: initial; height: initial;}

.fixedmenu{position: fixed; top: 0px; right: -15%;bottom: 0; width: 15%; background: #fff;z-index: 22;padding:3vw 0 0 20px; opacity: 0.9; box-sizing: border-box; -webkit-box-sizing: border-box;}
.fixedmenu .close{position: absolute; right: 25px; top: 10px; z-index: 1}
.fixedmenu dl {line-height: 26px;}
.fixedmenu dl dt{ font-size: 16px; color: #000; font-weight: 600; cursor: pointer; position: relative}
.fixedmenu dl dd{display: none; font-size: 14px; cursor: pointer; margin-bottom: 10px;}
.fixedmenu dl.active{ height: auto;}
.fixedmenu dl.active dd{display: block;padding-left: 15px;}
.fixedmenu dl.active dt,.fixedmenu dl dd.active{color: #3789FF;border-left: 4px solid #3789FF;}
.fixedmenu dl.active dt:before{content: ''; height: 28px; width: 3px; position: absolute; display: block; left: -15px; top:5px; background:#3789FF }

.sideBar{ position: fixed; right: 15px; bottom: 15px; z-index: 25; }
#toTop{display: none}

.app{display: none;}
.app-dialog{ position: fixed; z-index: 32; left: 0; top:0; right: 0; bottom: 0;}
.app-background {position: fixed; z-index: 31; left: 0; top:0; right: 0; bottom: 0; background: #000; opacity: 0.7}
.app-content{ display:flex; align-items:center;justify-content:center;width: 50%; margin: 80px auto; position: relative; background: #000}
.app-content .close { position: absolute; right: 20px; top: 20px; border-radius:50%; padding: 10px;background: #fff;opacity: 0.7; z-index: 11; cursor: pointer}
@keyframes downFade {
    0%   { opacity: 1; margin-top: -75px;}
    50%  { opacity: 0.7; margin-top: -65px;}
    100% { opacity:1; margin-top: -75px;}
}