html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}ul,li,ol{list-style:none;background:transparent}h1,h2,h3,h4,h5,h6{font-weight:400;clear:both}a,a:hover{text-decoration:none}blockquote{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}input[type="submit"]:focus,input[type="button"]:focus{outline:none}:focus{outline:0}a img,input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner{border:0}input::-webkit-input-speech-button{display:none}select,input{font-size:1em}select.msno-arrow::-ms-expand{display:none}input[type="radio"].msno-check::-ms-check,input[type="checkbox"].msno-check::-ms-check{display:none}input[type="text"]::-ms-clear,input[type="tel"]::-ms-clear,input[type="number"]::-ms-clear{display:none}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none !important;appearance:none !important;margin:0}input[type="number"]{-moz-appearance:textfield}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent;font-family:tahoma,arial,"helvetica neue","hiragino sans gb","microsoft yahei",simsun,sans-self}.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0}.clearfix:after{content:'';clear:both;display:block}.input-no-style{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:none;background:none}.single-line{white-space:nowrap;line-height:100% !important}.text-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}img{display:block;width:100%}html,body{font-size:16px;width:100%;height:100%;overflow:hidden}.container2{width:1920px;height:100%;margin:0 auto;overflow-x:hidden;overflow-y:auto;background: repeat;box-sizing:border-box}section{width:100%;position:relative;z-index:0;margin:5em 0;overflow:hidden}section:first-child{margin-top:0}section:last-child{margin-bottom:0}section.kv{margin-bottom:0}section.kv .logo{display:block;position:absolute;width:18.6%;max-width:359px;top:4%;left:4%;z-index:2}section.phase{width:100%;height:36vw;max-height:690px}section h2{font-size:3.75em;font-weight:bold;text-align:center;color:#00357f;letter-spacing:.2em}section .en{font-size:2.25em;text-align:center;color:#ddd1cb;letter-spacing:.9em;margin:.2em 0 1.3em;text-transform:uppercase}.storynav{position:absolute;top:50%;left:3.5%;z-index:2;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);width:8%;height:100%;display:flex;justify-content:center;flex-direction:column}.storynav>div{height:40em;position:relative}.storynav>div>div{position:absolute;top:50%;width:100%;height:30em;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);overflow:hidden}.storynav>div>div .swiper-slide{height:auto}.storynav>div:before{content:'';display:block;position:absolute;top:0;left:.25em;width:1px;height:100%;overflow:hidden;background:linear-gradient(to bottom, rgba(219,219,219,0) 0%, #dbdbdb 30%, #dbdbdb 70%, rgba(219,219,219,0) 100%);filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#00dbdbdb', endcolorstr='#00dbdbdb', gradienttype=0)}.storynav dd{color:#00357f;font-size:1.25em;cursor:pointer;line-height:100%;margin:3em 0;transition:all .4s;position:relative}.storynav dd:first-child{margin-top:1.5em}.storynav dd:last-child{margin-bottom:1.5em}.storynav dd div{position:absolute;top:50%;left:1.3em;z-index:-1;width:80%;height:180%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);background: no-repeat;background-size:100% 100%;opacity:0;transition:all .4s}.storynav dd:before{content:'';display:inline-block;vertical-align:middle;width:.3em;height:.3em;border-radius:50%;border:1px solid #00357f;background-color:#fff;margin-right:1.2em;transition:all .4s;-webkit-transform:translate(0, -25%);transform:translate(0, -25%);box-sizing:content-box}.storynav dd:hover:before{background-color:#00357f}.storynav dd.cur{color:#fff}.storynav dd.cur:before{background-color:#00357f;margin-right:3em}.storynav dd.cur div{opacity:1}.story{position:absolute;top:0;left:13.5%;width:81%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .4s;opacity:1;margin:0}.story.hide{opacity:0;pointer-events:none}.story>div{height:100%}.story .block{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column}.story .block .outer:after{content:'';clear:both;display:block}.story .left{float:left;display:block}.story .right{float:right;display:block}.story .up{position:relative;z-index:2}.story .down{position:relative;z-index:1}.story img{width:100%;display:block}.story .iframebg{visibility:hidden}.story iframe{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.story.story1 .left{width:65.59%;max-width:1020px;background-color:#000}.story.story1 .right{width:34.59%;max-width:538px;position:absolute;top:50%;right:0;-webkit-transform:translate(0, -45%);transform:translate(0, -45%)}.story.story1 .right a{display:block;position:absolute;right:4%;bottom:21%;z-index:2;width:47%;height:10%}.story .split{position:relative;overflow:hidden}.story .split .left{width:50%;height:100%;top:0;left:0}.story .split .left .fill{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-transform:translate(-100%, 0) skew(-15deg);transform:translate(-100%, 0) skew(-15deg)}.story .split .left .fill img{-webkit-transform:translate(100%, 0) skew(15deg);transform:translate(100%, 0) skew(15deg)}.story .split .left .inner{position:absolute;top:0;left:0;width:100%;overflow:hidden;-webkit-transform:skew(-15deg);transform:skew(-15deg);border-right:2px solid #fff;box-sizing:border-box}.story .split .left .inner img{-webkit-transform:skew(15deg);transform:skew(15deg)}.story .split .right{width:100%}.story .split .handler{width:48px;height:48px;position:absolute;top:50%;left:50%;z-index:2;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer}.kvscroller{margin-top:8em;width:90%;margin-left:auto;margin-right:auto}.kvscroller .swiper-container{padding-bottom:3em}.kvscroller .swiper-button-prev,.kvscroller .swiper-button-next{background:none;width:1.5em;height:auto;margin-top:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.kvscroller .swiper-button-prev{left:5%}.kvscroller .swiper-button-next{right:5%}.kvscroller .swiper-pagination-bullets{bottom:0}.kvscroller .notactive{background-color:#001a47;opacity:.3;display:inline-block;width:1em;height:1em;border-radius:50%;margin:0 .5em;cursor:pointer}.kvscroller .active{opacity:1}.videoscroller{width:88%;margin-left:auto;margin-right:auto}.videoscroller .swiper-container{box-sizing:border-box;padding:0 4% 3em 4%}.videoscroller .swiper-button-prev,.videoscroller .swiper-button-next{background:none;width:1.5em;height:auto;margin-top:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.videoscroller .swiper-button-prev img,.videoscroller .swiper-button-next img{visibility:visible}.videoscroller .swiper-button-prev{left:0}.videoscroller .swiper-button-next{right:0}.videoscroller .swiper-pagination-bullets{bottom:0}.videoscroller .notactive{background-color:#001a47;opacity:.3;display:inline-block;width:1em;height:1em;border-radius:50%;margin:0 .5em;cursor:pointer}.videoscroller .active{opacity:1}.videoscroller img{visibility:hidden}.videoscroller video{position:absolute;top:0;left:0;width:100%;height:100%}.recommend .panel{width:88%;height:44.53vw;max-height:855px;margin:0 auto;overflow:hidden;box-sizing:border-box;border:1px solid #003b7f}.recommend .panel:after{content:'';clear:both;display:block}.recommend .panel .center-middle{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column}.recommend .panel .left{float:left;width:32%;height:100%;background-color:#00357f}.recommend .panel .left img{width:78%;border-radius:5px}.recommend .panel .intro{display:flex;flex-direction:row;margin-top:2em}.recommend .panel .intro .img{flex:1.3}.recommend .panel .intro .img img{border-radius:5px}.recommend .panel .intro .text{flex:1;margin-left:1em}.recommend .panel .intro .text .name{position:relative;overflow:hidden;margin-top:.8em}.recommend .panel .intro .text .name img{width:7.34vw;max-width:141px}.recommend .panel .intro .text .name div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;margin-left:1em;font-size:1.25em;line-height:100%;color:#fff;display:flex;align-items:center}.recommend .panel .intro .text .name div:before{content:'';display:inline-block;width:.4em;height:.4em;background-color:#fff;border-radius:50%;margin-right:1em}.recommend .panel .intro .text .info{font-size:1.125em;color:#00417b;line-height:180%;margin-top:1.5em}.recommend .panel .right{float:right;width:66%;height:100%;margin-right:1%}.recommend .panel .right .flex{width:100%;height:100%;display:flex;flex-direction:column}.recommend .panel .right .flex>div{flex:1;background: no-repeat;background-size:7.6% auto;margin:1.5em 0;padding:3% 0 0 8%;box-sizing:border-box}.recommend .panel .right .flex h3{font-weight:bold;letter-spacing:.3em;color:#00357f;font-size:2.375em}.recommend .panel .right .flex .intro{width:35%;float:left}.recommend .panel .right .flex .scroller{float:right;width:62%;margin-top:7%}.recommend .panel .right .flex .scroller .swiper-container{padding:0 5%}.recommend .panel .right .flex .scroller .swiper-button-prev,.recommend .panel .right .flex .scroller .swiper-button-next{background:none;width:1.5em;height:auto;margin-top:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.recommend .panel .right .flex .scroller .swiper-button-prev{left:0}.recommend .panel .right .flex .scroller .swiper-button-next{right:0}.recommend .panel .right .flex .scroller img{border-radius:5px}.recommend .panel .right .flex .products:after{content:'';clear:both;display:block}.recommend .panel .right .flex .products .img img{width:140%;-webkit-transform:translate(-30%, 0);transform:translate(-30%, 0)}.recommend .panel .right .flex .products .intro{width:43%}.recommend .panel .right .flex .products .intro:last-child{float:right;margin-right:2em}@media screen and (max-width:1920px){html,body{font-size:.7vw}.container2{width:100%}}@media screen and (max-width:1366px){html,body{font-size:.8vw}}@media screen and (max-width:850px){html,body{font-size:.7vw}}