html {
    font-size : 1vw;
}
body{background:#fff; font-family:"Microsoft YaHei",'PingFangSC',"Helvetica Neue",Helvetica,Arial,sans-serif;color:#545454;height:100%;position:relative;*overflow-x:hidden}
.main-content{width:100%; padding-bottom: 2.5rem;}
img{vertical-align: top}
a{color:#007AFF;text-decoration:none;}
a:hover{color:#007AFF;text-decoration:none;}
*{margin: 0; padding: 0;}
img,video{vertical-align: middle;}
video{ width: 100%}
.imgbox img{max-width: 100%;}
.center{ text-align:  center!important}
.font13{font-size: 0.29rem; line-height: 0.4rem}
.font16{font-size: 0.32rem; line-height: 0.58rem}
.font20{font-size: 0.4rem; line-height: 0.64rem}
.font30{font-size: 0.57rem; line-height: 0.76rem}
.font40{font-size: 0.85rem; line-height: 1rem}
.normal-weight{font-weight: normal!important;}
.mainColor{color:#2D68F8;}
.subColor{color:#3A393A}
.whiteColor{color: #fff}
.m-t-10{margin-top: 2.65vw!important;}
.m-t-20{margin-top: 5.333vw!important;}
.m-t-30{margin-top: 7.9vw!important;}
.m-t-40{margin-top: 10.6vw!important;}
.m-t-50{margin-top: 13.25vw!important;}
.m-t-60{margin-top: 15vw!important;}
.m-r-15{margin-right: 15px!important;}
.fl{float: left}
.fr{float: right}
.w30{ width: 30%!important;}
.w40{ width: 40%!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;}

.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: middle;width: 28px; margin-right: 5px!important;margin-bottom: 4px;}
.vdBox{position: relative;margin:0 5vw;padding:3vw;border-radius: 15px;overflow: hidden; -webkit-box-shadow:#f3f9f9 0 0 16px;-moz-box-shadow:#f3f9f9 0 0 16px;box-shadow:#f3f9f9 0 0 16px;}
#video-button { position: absolute; z-index: 1; left: 3vw; top: 3vw; width: 84vw; height: 48vw;  cursor: pointer}
#video-button.hide{ opacity: 0}
video:focus{outline:none;}

.main-content h2, .main-content h4{font-weight: 600;letter-spacing:1px}
.inner20{padding: 0 5.333vw;box-sizing: border-box; -webkit-box-sizing: border-box;z-index: 2}

.pageTitle{ position: relative; width: 100%;}
.floatTxt{ position: absolute; top: 4vw; left: 5.333vw;color: #fff; width: 85%}
.backFonts{color: #376FF8; font-weight: 600; font-family: PingFangSC, sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}
.frontFonts{font-weight: 600; margin-top: -3vw;}
.fullImgBox{ overflow-x: scroll; overflow-y: hidden; margin: 0 -5.333vw;}

.dlist dd{ padding-left: 4vw; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 2.6vw;}
.dlist dd:before{ content: ''; width: 1vw; height: 1vw; position: absolute; left: 0; top: 2.6vw; background: #0092FF; border-radius: 50%; overflow: hidden}
.triangle:before{ display: inline-block; vertical-align:inherit; margin-right:2.3vw;content: '';width:0;height:0;border-top:2vw solid transparent;border-bottom:2vw solid transparent;border-left:2vw solid #2D68F8;}

.slink{ font-size: 0.35rem; line-height: 6.2vw; padding: 1vw 5vw 1.3vw 5vw; border-radius: 15px; border: 0.3vw solid #007AFF; color: #007AFF; background: #E9F3FF; text-decoration: none}
.slink:hover{opacity: 0.7;}

.timeline dl{display: block;padding:0 0 6vw 3vw; border-left: 2px solid #2D68F8;}

.timeline dt, .timeline dd{ display: inline-block; vertical-align: top; margin-top: -2vw}
.timeline dt{ font-weight: 600 ;width: 15%;position: relative}
.timeline dd{ width: 80%;}
.timeline dt:before{ content: '';position: absolute; left: -33%; top: 2vw; display: inline-block; width: 8px; height: 8px; background: #2D68F8; border-radius: 50%;}
.timeline dl.noborder dt:before{left: -29%;}

.timeline dl.op9 {border-left: 2px solid #2d68f89a;}
.timeline dl.op9 dt:before {background:#2d68f89a;}
.timeline dl.op9 dt{ color:#2d68f89a}

.timeline dl.op8 {border-left: 2px solid #2d68f88a;}
.timeline dl.op8 dt:before {background:#2d68f88a;}
.timeline dl.op8 dt{ color:#2d68f88a}

.timeline dl.op7 {border-left: 2px solid #2d68f876;}
.timeline dl.op7 dt:before {background:#2d68f876;}
.timeline dl.op7 dt{ color:#2d68f876}

.timeline dl.op6 {border-left: 2px solid #2d68f866;}
.timeline dl.op6 dt:before {background:#2d68f866;}
.timeline dl.op6 dt{ color:#2d68f866}

.timeline dl.op5 {border-left: 2px solid #2d68f856;}
.timeline dl.op5 dt:before {background:#2d68f856;}
.timeline dl.op5 dt{ color:#2d68f856}

.timeline dl.op4 {border-left: 2px solid #2d68f846;}
.timeline dl.op4 dt:before {background:#2d68f846;}
.timeline dl.op4 dt{ color:#2d68f846}

.timeline dl.op3 {border-left: 2px solid #2d68f836;}
.timeline dl.op3 dt:before {background:#2d68f836;}
.timeline dl.op3 dt{ color:#2d68f836}

.timeline dl.noborder {border-left: none!important;}

.timeline .font16{ line-height: 0.45rem}

.fimg{box-shadow: 0px 10px 15px 0px #e4ebf8;border-radius: 8px;}
.swiper-slide img{ width: 100%}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
.swiper-pagination-bullet{ width: 5px; height: 5px; background: #2d68f8; opacity: 0.2;}
.swiper-pagination-bullet-active{ opacity: 1}
#swiperSp .swiper-pagination-bullet{ width: 5px; height: 5px; margin-right: 8px;}
#swiperSp .swiper-pagination-bullet.num { font-family:PingFang SC,Monospace; padding: 5px; line-height: 6px; text-align: center;font-size: 11px;color: #fff;display: inline-block;width: auto;height: auto; }
#swiperSp .inner20{ padding: 0 4.5vw}
p, dd{ text-align: justify}

.underLink{
    display: inline-block;
    color: #fff;
    padding: 0.1rem 0.75rem;
    margin: 0 0.12rem;
    background: -webkit-linear-gradient(left, #2D68F8, #59A1FC);
    border-radius: 6px;
}
#try_btn {bottom: 0;left: 0;right:0;width:100%; margin: 0; text-align: center;position: fixed;z-index: 100; overflow: hidden; background: #fff;box-shadow: 0px 0px 30px 0px #e4ebf8}
#try_btn.closeOff {line-height: 0.5rem}
#try_btn.closeOff p{display: none}
#try_btn.closeOff:after{ content: ''; height: 0.1rem; width: 12vw; display: inline-block; margin: 0.3rem auto;background: #2d68f8; border-radius: 15px;}
.videoUnit {width: 78vw;float: left;padding: 2vw; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 0.3rem; font-weight: bold}
.videoUnit.sp {width: auto; float: none;padding: 0;}
.videoUnit .videoBox{display: none;background: #000;border-radius: 7px;overflow: hidden;}
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.8.2
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}