/*--Swiper--*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("../images/001.svg");left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("../images/002.svg");right:10px;left:auto}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("../images/003.svg")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("../images/004.svg")}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("../images/005.svg")}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("../images/006.svg")}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("../images/007.svg");background-position:50%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("../images/008.svg")}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

/*--end Swiper--*/

/*--reset--*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html *{outline:0;-webkit-text-size-adjust:none;box-sizing:border-box;}
body{font:14px "Noto Sans SC","Arial Narrow",Arial,HELVETICA;overflow-x:hidden;background-color:#fff}
body,div,span,a,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-weight:500;}
a{color:#666;text-decoration:none}
a:focus{outline:none}
a,a:hover{color:#666;text-decoration:none}
img{display:block;width:100%;height:auto;border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
em,i,b{font-style:normal}
btable{border-collapse:collapse;border-spacing:0}
table th,table td{padding:5px}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0}
p{word-spacing:-1.5px}
li{list-style:none}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;outline:none;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
input,select{vertical-align:middle}
select,input,button,textarea,button{font:99% "Noto Sans SC","Arial Narrow",HELVETICA}
table{font-size:14px;width:100%;border-collapse:collapse}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.zoom{zoom:1}
.hidden{visibility:hidden}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
.cf{zoom:1}
.cf:after{clear:both;content:'';display:block;height:0;visibility:hidden}
.fl{float:left}
.fr{float:right}
.clear-form{background:none;border:none 0;outline:0}
.bgset{background-repeat:no-repeat;background-position:center top;background-size:cover}
.img-box{display:block;width:100%;height:auto;overflow:hidden}
.img-box:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}
.img-box img{-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;transition:all .8s ease-out}
.stop-copy{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.toast,.alert{display:none;}
.reminder01{max-width:80%;padding:0 30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.3);border-radius:10px;z-index:99999;}
.reminder01 p{font-size:16px;color:#fff;line-height:40px;white-space:nowrap;}
.reminder01 p i{display:none;font-size:22px;line-height:40px;margin-right:10px;}
.reminder01 .success i.icon-duigou{display:inline-block;color:rgb(29,226,29);}
.reminder01 .error i.icon-V{display:inline-block;color:var(--vi-color);}
@media screen and (max-width:768px){.reminder01{max-width:90%;padding:0 10px;top:unset;bottom:225px;transform:translate(-50%,0);}
.reminder01 p{font-size:14px;line-height:40px;}
}
.alert01{width:100%;height:100%;position:fixed;z-index:999999;background:rgba(0,0,0,0.6);top:0;left:0;}
.alert01 .surname{min-width:300px;padding:30px 40px;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;text-align:center;}
.alert01 .surname h5{font-size:24px;color:#333;line-height:2;font-weight:bold;margin-bottom:10px;white-space:nowrap;}
.alert01 .surname p{font-size:16px;color:#999;line-height:1.8;white-space:nowrap;}
.alert01 .surname a.close{cursor:pointer;padding:8px 30px;margin-top:20px;background:var(--vi-color);border-radius:5px;font-size:14px;color:#fff;line-height:2;border:0;white-space:nowrap;display:inline-block;}
@media screen and (max-width:1024px){}
@media screen and (max-width:992px){.alert01 .surname{width:auto;}
.alert01 .surname h5{font-size:21px;}
.alert01 .surname p{font-size:16px;}
.alert01 .surname a.close{padding:8px 30px;margin-top:20px;font-size:14px;}
}
@media screen and (max-width:768px){.alert01 .surname{padding:20px 40px;}
.alert01 .surname h5{font-size:18px;}
.alert01 .surname p{font-size:14px;}
.alert01 .surname a.close{padding:5px 22px;margin-top:10px;font-size:14px;}
}

*:before,*:after{box-sizing:border-box;}

/*--end reset--*/

/*--iconfont--*/
@font-face {font-family:"iconfont";src:url('../images/iconfont.eot');src:url('../images/iconfont.eot?#iefix') format('embedded-opentype'),url('../iconfont/iconfont.woff2') format('woff2'),url('../iconfont/iconfont.woff') format('woff');}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;user-select:none;}

/*--end iconfont--*/
 
.btn-wave{position:relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow:hidden;}

.btn-wave:before{content:'';display: block;width: 120%;height: 0;padding: 60% 0;background-color:rgba(0,0,0,0.25);border-radius: 50%;position: absolute;left: -10%;top: 50%;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);z-index: -1;}

.btn-wave:hover:before{-webkit-animation: btnWave 2s ease;animation: btnWave 2s ease infinite;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}

@-webkit-keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}
50%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}
}

@keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}
50%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}
}

/*end  */
:root{--vi-color:#2990d0;--vi-subcolor:#abdc2f;}
html{font-size:20px;}

@media(max-width:1920px){html{font-size:16px;}}
@media(max-width:1440px){html{font-size:14px;}}

@media(max-width:1200px){html{font-size:10px;}
}


/*--font-face--*/
@font-face{
    font-family: "DIN Medium";
    src:url('../font/DIN Medium.eot');
    src:url('../font/DIN Medium.eot?#iefix') format('embedded-opentype'),
      url('../font/DIN Medium.ttf') format('truetype'),
     url("../font/DIN Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/*--end font-face--*/

/*--public--*/
.wrapper{margin:0 auto;width:87.5rem;}

@media(max-width:1440px){
.wrapper{width:85.7rem;}

}

@media(max-width:1200px){
#app{padding:6.25rem 0;overflow:hidden;}

.wrapper{width:100%;}

}

/*--end public--*/

/*--mheader--*/
.mask{display:none;position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);}

.mheader{display:none;position:fixed;z-index:9999;top:0;left:0;padding:0 1.25rem;width:100%;height:6.25rem;background:#fff;border-bottom:#e5e5e5 solid 1px;}

.mheader .home-inner{position:relative;height:6.25rem;line-height:6.25rem;overflow:hidden;}

.mheader .home-inner .logo{float:left;display:flex;align-items: center;width:340px;height:43px;}

.mheader .home-inner .nav-btn{position:absolute;right:0;top:0;width:6.25rem;height:100%;color:#999;text-align:center;cursor:pointer;}

.mheader .home-inner .nav-btn i{font-size:1.875rem;color:#999;}

.mheader .home-inner .nav-btn i.icon-menu{display:block;}

.mheader .home-inner .nav-btn i.icon-close{display:none;}

.mheader .home-inner .nav-btn.active i.icon-menu{display:none;}

.mheader .home-inner .nav-btn.active i.icon-close{display:block;}

.mheader .inpage-inner{position:relative;height:6.25rem;line-height:6.25rem;overflow:hidden;}

.mheader .inpage-inner .back{position:absolute;left:0;top:0;width:6.25rem;height:100%;color:#999;text-align:center;cursor:pointer;}

.mheader .inpage-inner .back i{font-size:1.875rem;color:#999;}

.mheader .inpage-inner .tit{text-align:center;font-size:1.875rem;color:#333;}

.mheader .inpage-inner .nav-btn{position:absolute;right:0;top:0;width:6.25rem;height:100%;color:#999;text-align:center;cursor:pointer;}

.mheader .inpage-inner .nav-btn i{font-size:1.875rem;color:#999;}

.mheader .inpage-inner .nav-btn i.icon-menu{display:block;}

.mheader .inpage-inner .nav-btn i.icon-close{display:none;}

.mheader .inpage-inner .nav-btn.active i.icon-menu{display:none;}

.mheader .inpage-inner .nav-btn.active i.icon-close{display:block;}

.mheader .siderNav{display:none;position:absolute;top:100%;left:0;width:100%;height:calc(100vh - 6.25rem);overflow-y:auto;background:#fff;}

.mheader .siderNav li{overflow:hidden;border-top:#e8e8e8 solid 1px;}

.mheader .siderNav li>a{display:block;padding:1.625rem 2.5rem;font-size:1.75rem;color:#333;}

.mheader .siderNav li>a:before{display:block;float:right;} /*--xia la youce --*/

.mheader .siderNav li .drop{display:none;padding:1.25rem 2.5rem;overflow:hidden;background:#f5f5f5;border-top:#e8e8e8 solid 1px;}

.mheader .siderNav li .drop a{display:block;padding:1.25rem 0;font-size:1.75rem;color:#444444;}

.mheader .siderNav li.active>a:before{color:#ffffff; }

@media(max-width:992px){
.mheader{display:block;}

}

/*--end mheader--*/

/*--footer-m--*/
.footer-m{display:none;padding:3.75rem 1.25rem;text-align:center;overflow:hidden;background:#1c1c1c;}

.footer-m .infos{position:relative;padding-bottom:1.5rem;overflow:hidden;}

.footer-m .infos:before,.footer-m .infos:after{display:block;position:absolute;bottom:0;height:1px;content:"";background:#fff;}

.footer-m .infos:before{z-index:1;left:0;width:100%;opacity:0.1;}

.footer-m .infos:after{z-index:2;left:50%;width:1.875rem;transform:translateX(-50%);}

.footer-m .infos span{display:block;font-size:1.25rem;color:#999;}

.footer-m .infos em{display:block;font-family:"DIN Medium";font-size:1.75rem;color:#2990d0;}

.footer-m .infos h3{margin-top:0.5rem;font-size:1.75rem;color:#fff;}

.footer-m .copyright{padding-top:2rem;overflow:hidden;}

.footer-m .copyright p{font-size:1.5rem;line-height:1.75;color:#333;}

.footer-m .copyright p span{display:inline-block;margin:0 0.5rem;}

.footer-m .copyright p a{color:#333;}

@media(max-width:1200px){
.footer-m{display:block;}

}

/*--end footer-m--*/

/*--serverBar--*/
.serverBar{display:none;position:fixed;z-index:999;top:50%;right:0;transform:translateY(-50%);}

.serverBar li{position:relative;margin-bottom:10px;}

.serverBar li a{display:block;padding:5px;width:50px;height:50px;text-align:center;color:#333 !important;background:#fff;border:#f0f0f0 solid 1px;}

.serverBar li a>i{display:block;font-size:18px;}

.serverBar li a>span{display:block;font-size:14px;}

.serverBar li:hover a{color:#fff !important;background:#2990d0;border-color:rgba(255,255,255,0.1);}

.serverBar li .infos{display:none;position:absolute;right:60px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}

.serverBar li .tel{top:0;}

.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#333;border-bottom:#f0f0f0 solid 1px;}

.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#2990d0;white-space:nowrap;}

.serverBar li .QRcode{bottom:0;overflow:hidden;}

.serverBar li .QRcode .item{overflow:hidden;}

.serverBar li .QRcode .item i{display:block;width:100px;}

.serverBar li .QRcode .item img{display:block;width:100%;}

.serverBar li .QRcode .item p{font-size:14px;color:#333;text-align:center;}

.serverBar li:hover .infos{display:block;}

@media(max-width:1200px){
.serverBar{display:none !important;}

}

/*--end serverBar--*/

/*--affixMenu--*/
.affixMenu{display:none;position:fixed;z-index:999;left:0;bottom:0;width:100%;height:60px;background:#2990d0;}

.affixMenu ul{display:flex;}

.affixMenu li{flex:1;text-align:center;}

.affixMenu li a{display:block;padding:10px 0;border-right:#f0f0f0 solid 1px;}

.affixMenu li:last-child a{border-right:none;}

.affixMenu li i{font-size:18px;color:#fff;}

.affixMenu li span{display:block;margin-top:5px;font-size:14px;color:#fff;line-height:1;}

@media(max-width:1200px){
.affixMenu{display:block;}
   
}

/*--end affixMenu--*/
 
/*--header--*/
.header{padding:0 2%;height:100px;display:flex;align-items:center;justify-content:space-between;}

.header .logoBox{overflow:hidden;}

.header .logoBox .logo{float:left;display:flex;align-items:center;width:465px;height:40px;overflow:hidden;}

.header .logoBox .logo img{display:block;}

.header .logoBox .slogan{display:flex;align-items:center;padding-left:20px;height:100px;overflow:hidden;}

.header .logoBox .slogan h2{padding:0 18px;line-height:40px;font-size:16px;font-weight:500;color:#333;background:url(../images/logoss.png) no-repeat 0 0,url(../images/logoss.png) no-repeat 100% 100%;}

.header .logoBox .slogan h2 em{color:#2990d0;}

.header .navBox{display:flex;align-items:center;}

.header .navBox .nav li{position:relative;float:left;line-height:100px;}

.header .navBox .nav li>a{display:block;padding:0 15px;font-size:16px;color:#333;transition:all .5s;}

.header .navBox .nav li:hover>a,.header .navBox .nav li.cur>a{color:#fff;background:#2990d0;}

.header .navBox .lang ul{display:flex;}

.header .navBox .lang li{margin-left:10px;width:40px;line-height:38px;text-align:center;}

.header .navBox .lang li a{display:block;color:#999;border:#ccc solid 1px;border-radius:50%;}

.header .navBox .lang li:hover a,.header .navBox .lang li.cur a{color:#fff;border-color:#2990d0;background:#2990d0;box-shadow:0 0 20px rgba(41,87,164,0.5)}

@media(max-width:1440px){
.header .navBox .nav li>a{padding:0 10px;}
   
}

@media(max-width:1200px){
.header{display:none;}
   
}

/*--end header--*/

/*--dropDown--*/
.dropDown{display:none;position:absolute;z-index:999;left:0;top:100%;min-width:100%;background:#fff;}

.dropDown a{display:block;padding:8px 22px;line-height:25px;font-size:14px;color:#333;white-space:nowrap;border-top:rgba(0,0,0,0.1) solid 1px;}

.dropDown a:before{display:inline-block;margin-right:10px;content:"-";}

.dropDown a:hover{background:#eee;}

/*--end dropDown--*/

/*--footer--*/
.footer{padding-top:20px;overflow:hidden; background: url(../images/foot_bg.jpg) no-repeat scroll 50% #f6f7fb;background-size: cover;position: relative;z-index: 1;}

.ft-inner{padding:30px 0;overflow:hidden;}

.ft-logoBox{float:left;width:1000px;} 
.ft-logoBox .logo{width:150px;} 
.ft-logoBox .menu {margin-top:30px;overflow:hidden;}
 
.ft-logoBox .address{margin-top:30px;overflow:hidden;}

.ft-logoBox .address p{padding-left:20px;font-size:16px;color:#fff;background:url(../images/loc.png) no-repeat 0 4px;}

.ft-infos {float:right;overflow:hidden; width:20%;}

.ft-infos h4 {font-size:16px; font-weight:normal; margin-bottom:15px;}

.ft-infos a {display:block; padding:3px 0;}


.ft-infos .QRcode{float:left;width:100px;padding-left: 8px;margin-top: 30px;}

.ft-infos .QRcode img{display:block;width:100%;border:rgba(255,255,255,.1) solid 1px;}

.ft-infos .QRcode p{margin-top:5px;font-size:14px;text-align:center;color:#333333;}

.ft-infos .lxfs{padding-left:26px;color:#fff;overflow:hidden;}

.ft-infos .lxfs dl{margin-bottom:10px;}

.ft-infos .lxfs dt{font-size:14px;}

.ft-infos .lxfs dd{font-size:22px;font-weight:bold;font-family:"Arial";letter-spacing:1px;}

.ft-gotop{position:relative;z-index:1;line-height:36px;overflow:hidden;border-top: 1px solid #cccccc;}

.ft-gotop:before{display:block;position:absolute;z-index:-1;top:50%;left:0;width:100%;height:1px;content:"";background:#fff;opacity:.1;}

.ft-gotop a{display:block;float:right;width:36px;height:36px;line-height:center;text-align:center;color:#fff;background:#2990d0;border-radius:50%;}

.ft-bottom{padding:20px 0 35px;overflow:hidden;}

.ft-bottom .flinks{margin-bottom:10px;font-size:16px;line-height:24px;overflow:hidden;}

.ft-bottom .flinks dt{float:left;}

.ft-bottom .flinks dt a{color:#fff;}

.ft-bottom .flinks dd{overflow:hidden;}

.ft-bottom .flinks dd a{display:inline-block;padding:0 10px;color:#fff;}

.ft-bottom .copyright{font-size:14px;line-height:24px;color:#333333; overflow:hidden;}

.ft-bottom .copyright .fl{float:left;}

.ft-bottom .copyright .fl a{display:inline-block;margin-left:10px;color:#333333;}

.ft-bottom .copyright .fr{float:right;}

.ft-bottom .copyright .fr a{display:inline-block;margin-left:10px;color:#333333;}

.ft-bottom .copyright a:hover{color:#2990d0;}

@media(max-width:1440px){
.ft-menu{margin-left:120px;}

.ft-menu dl{float:left;width:170px;}

}

@media(max-width:1200px){.footer{display:none;} }

/*--end footer--*/



/*--datas--*/
.datas{position:relative;z-index:99;margin-top:-95px;height:210px;}

.datas-list{overflow:hidden;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);}

.datas-list .item{float:left;padding:35px 0 25px;width:25%;text-align:center;background:url(../images/datas_line.png) no-repeat right center;}

.datas-list .item:last-child{background-image:none;}

.datas-list .item em{display:block;font:36px/80px "DIN Medium";color:var(--vi-color);}

.datas-list .item h3{margin-bottom:16px;font-size:16px;color:#333;}

.datas-list .item span{display:block;font-size:12px;color:#ccc;}

@media(max-width:1200px){
.datas{margin-top:0;height:auto;}

.datas-list{box-shadow:none;}

.datas-list .item{padding:18px 0;width:50%;}

.datas-list .item em{font-size:40px;line-height:1.5;}

.datas-list .item:nth-child(2n){background-image:none;}

.datas-list .item h3{margin-bottom:8px;font-size:16px;}

}

/*--end datas--*/