@charset "utf-8";
/* CSS Document */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:"Microsoft YaHei", verdant, tahoma; background-color: #fff; overflow-x:hidden;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% ''; vertical-align:middle}
input{outline: none;padding-left: 10px;border: 1px solid #DEDEDE;}
select{border-color: #DEDEDE;}
textarea{outline: none;resize: none;padding:5px 0 0 10px;border-color: #DEDEDE;}
button{border: none;background-color: transparent;outline: none; }
.nodispaly{ display:none}
.line{line-height:50px;}
.lineer{line-height:40px;}
.FK{color: #999;}
.F14{font-size: 14px;}
.fl{float: left;}
.fr{float: right;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none;}
a:hover {color:#0a3875; text-decoration:none; }
.layout{max-width: 1650px;margin:0 auto; width: 100%;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.com-img img{overflow: hidden;-webkit-transition: .5s;-moz-transition: .5s ;-ms-transition: .5s ;-o-transition: .5s ;transition: .5s ;}
.com-img img:hover{transform: scale(1.08);-webkit-transition: .5s;-moz-transition: .5s ;-ms-transition: .5s ;-o-transition: .5s ;transition: .5s }

.box1{position: fixed; top: 0; right: 0; width: 100%}
.box2{ position: relative; z-index: 9; background: #fff;/*margin-top:100vh;margin-top:49px;*/}

.top-video{width: 100%;height: 97vh;/*background: url('https://www.vaporesso.com/hubfs/imgs/2022/index/cover.jpg') no-repeat center / cover;*/}
.video-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.guide{position: absolute;left: 50%;bottom: 2vw;width: 1.61vw;transform: translate3d(-50%, 0px, 0px);animation: upDown 1s infinite;}
.guide:hover{animation: none;}/*
.top-video video{width: auto;min-width: 100%;height: 100%;overflow: hidden;object-fit: cover;}*/
.topimg{position: absolute;left: 0;top:5%;width: 100%;height: 100%; transform:translate(-5%, 0px, 0px)}
.topimg img{width:}
/*.top-video video{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);}*/
.top-video .topimg video{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);height:100%;}
.m-btn{display: none;}

header{width: 100%;/* position: absolute; */left: 0; top: 0; background: #FFF; z-index:9}
header .top_jg_bg{background:#f6f6f6;padding:0.5% 0; -webkit-transition:0.5s;transition:0.5s;}
header .top_jg_bg .top_jg{ max-width: 85%;margin:0 auto;text-align: center;font-size:14px;line-height: 30px;color: #333;font-weight: 500;}
.top_jg img{width: 24px;padding-right: 10px; vertical-align: middle;}
.top{height:90px;z-index: 1; background: #fff}
.top .box{position: relative;width: 98%; max-width: 1650px;margin:0 auto;}
.top h1{ width: 20%;position: absolute;left: 0;top: 10px;}
.top h1 img{height:70px}

.nav{position: absolute;top: 0px;right:2%;z-index: 100; width:72%;}
.nav ul{text-align: center;}
.nav ul li{position: relative;z-index: 1000;float: left; padding:0 16px;}
/*.nav ul li:nth-child(2), .nav ul li:nth-child(3){width: 18%}*/
.nav ul li p{font-size: 18px;height: 90px; text-transform: uppercase;}
.nav ul li p a{display: block;line-height: 90px;color: #333; font-weight: 600;}
.nav ul li:hover p a{display: block;text-decoration: none; color: #0a3875;}
.nav ul li p a.current{color: #333;}
.nav ul li dl{position: absolute;left: 0px;top: 90px;background: rgba(255,255,255,1);width: 165px;visibility: hidden;opacity: 0;text-align: left;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.nav ul li:nth-child(5) dl{width:220px}
.nav ul li:hover dl{visibility: visible;opacity: 1;}
.nav ul li dd{font-size: 14px;}
.nav ul li dd a{display: block;padding:13px 8px;color: #444;text-transform:uppercase;}
.nav ul li dd a:hover{display: block;text-decoration: none;color: #FFF;background:#0a3875;}
.nav ul li dd:last-child{border-bottom: none;}

.top .search_an{position: absolute;top: 22px;right:0;width: 50px;text-align: center;z-index: 1000;}
.top .search_an i{width: 50px;color: #333;font-size: 20px;height: 50px;line-height: 50px;display: block;cursor: pointer;}
.top .search{position: absolute;right: 0px;top: 50px;width: 300px;display: none;padding:10px;background: #002e40; transition: all .3s;}
.top .search .input_txt{width: 80%;height: 40px;border:none;float: left;border-right: none;outline: medium;padding-left: 5px;box-sizing: border-box;}
.top .search .input_btn{width: 20%;height: 40px;border:none;float: right;border-left: none;outline: medium;background:#FFF url(../images/pic2.png) no-repeat center;background-size: 20px;cursor: pointer;}



.guanbi{position: fixed;right: 5%;top: 5%;z-index: 101;}
.guanbi i{width: 100px;height: 100px;display: block;text-align: center;line-height: 100px;font-size: 24px;cursor: pointer;}

.top-box ul{}
.top-box li{float: left;}
.top-box li{float: left;width: 50px;height:60px;margin-right: 10px;text-align: center;}
.top-box li img{width: 24px;margin-top: 18px;}
.top-box li a{display: block;}
.top-box li a:hover{display: block;}


header .header-main { transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .m-btn { display: none; width:50px; height:70px; line-height:70px; cursor:pointer; float:right;font-size: 14px;color:#0059a9;text-align: center;}
header .m-btn .box {position: relative; font-size:15px;}


.body-wrap { width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1; background: #000;}
.sp_header,.sjj_nav{display: none}

.foot{background: #333;color: #FFF;overflow: hidden;}
.foot_left{width: 22%; float: left; padding-right: 3%;  box-sizing: border-box; padding-top: 
3%}
.foot-logo{height: auto;overflow: hidden;margin-bottom: 25px;}
.foot-logo img{max-width: 100%;height: auto;display: block;margin: 0 auto;}
.foot-code-web{height: auto;color: #fff;font-size: 16px; line-height: 30px; margin-bottom: 3%}
.foot-code-sml{height: auto;color: #999;font-size: 14px; line-height: 25px;}
.foot-code-form{height: auto;overflow: hidden;position: relative;margin-top: 20px;}
.foot-code-form input{display: block;width: 100%;height: 48px;line-height: 48px;border: none;outline: none;background-color: #fff;padding-left: 15px;padding-right: 100px;color: #999;font-size: 15px;}
.foot-code-form button{display: block;width: 100px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 15px;text-transform: uppercase;border: none;outline: none;cursor: pointer;background-color: #ea5518;position: absolute;top: 0;right: 0;}
.foot_right{width: 78%; float: right; position: relative; box-sizing: border-box; padding:3% 0 2% 0;border-left: 1px solid #393939;}



.foot-wechat{max-width: 160px;}
.foot-wechat img{display: block;margin: 0 auto;width: 100%;height: auto;}



.footer-static-block{overflow: hidden;}
.footer-static-block .th{font-size: 20px; line-height: 32px; font-weight: 400; margin-bottom:30px; letter-spacing: 1px; position: relative;text-transform:uppercase;}
.footer-static-block .th::after{position: absolute; content: " ";bottom: -5px;left: 0;background-color: #fff;width: 40px;height: 2px;}
.footer-static-block .th a{color: #fff;}
.footer-static-block .th a:hover{color: #e7141a;}
.footer-block-contant li{font-size: 16px;line-height: 26px;margin-bottom: 10px;color: #ccc;}
.footer-block-contant li b{font-size: 16px;}
.footer-block-contant li label{white-space: nowrap;margin-right: 10px;}
.footer-block-contant li span{display: inline-block;}
.footer-block-contant li:nth-child(3){width: 100%}

.sns{overflow: hidden;}
.sns a{display:inline-block;vertical-align:top;width:2vw;height:2vw;background-image:url(../images/sns.png);background-size:600% 200%;}
.sns a:hover{background-position-y:-100%;}
.sns .facebook{background-position-x:0;}
.sns .twitter{background-position-x:-100%;}
.sns .linkedin{background-position-x:-200%;}
.sns .youtube{background-position-x:-300%;}
.sns .TIKTOK{background-position-x:-400%;}
.sns .spotify{background-position-x:-500%;}


.foot_navbot{overflow: hidden;}
.foot_nav{color: #363f4d;margin-bottom: 2%; /*border-bottom: 1px solid #393939; */position: relative; padding-bottom: 2%;}
/*.foot_nav::after{content: '';width: 5px;height: 5px;background-color: #ea5518;border-radius: 1px;position: absolute;left: -3px; bottom: 0; z-index: 999}
*/.foot_nav dl{float: left;width:15%; margin-left: 3%}
.foot_nav dt{font-size: 20px;line-height:28px; position: relative;margin-bottom:15px;color: #fff;}
.foot_nav dt::after{position: absolute; content: " ";bottom: -5px;left: 0;background-color: #fff;width: 40px;height: 2px;}
.foot_nav dd{line-height: 28px; font-size: 15px}
.foot_nav dd a{color: #ccc;}
.foot_nav dd a:hover{color: #e7141a;}

.foot_nav dl:nth-child(5){width: 24%}

.foot_contact{overflow: hidden;}
.foot-title2{color: #fff;font-size:20px;line-height: 47px;text-transform: uppercase;position: relative;padding-left: 5px;}

.foot-title i{display: block;width: 20px;height: 20px;position: absolute;top: 50%;margin-top: -10px;right: 10px;cursor: pointer;font-size: 12px;}
.foot-title i:before{content: "";width: 16px;height: 1px;background-color: #eee;position: absolute;left: 50%;margin-left: -8px;top: 50%;}
.col-item .foot-title i:after{content: "";width: 1px;height: 16px;background-color: #eee;position: absolute;left: 50%;top: 50%;margin-top: -8px;transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;}
.col-item.cur .foot-title i:after{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);}
.foot-inner{height: auto;overflow: hidden;display: none;margin: 10px 0;}
.foot-list{overflow: hidden;}
.foot-list li{font-size: 14px;line-height: 2;}
.foot-list li a{color: #999;}
.foot-list li a:hover{color: #ea5518;}
.foot-contact-info{color: #fff;font-size: 15px;line-height: 1.5;height: auto;overflow: hidden;}
.foot-contact-info a{color: #fff;margin-right: 15px;}
.foot-contact-info a:hover{color: #fff;}
.foot-contact-info span{font-size: 20px;}


.footer_social{float: right; width: 22%;}
.footer_social .ths{font-size: 20px; color: #fff;line-height: 32px; font-weight: 400; margin-bottom:30px; letter-spacing: 1px; position: relative;}
.footer_social .ths::after{position: absolute; content: " ";bottom: -5px;left: 0;background-color: #fff;width: 40px;height: 2px;}

.footer_social .fenxiang{overflow: hidden;}
.footer_social .fenxiang ul{float: left;}
.footer_social .fenxiang li{display: inline-block; width: 75px; margin-bottom:25px;}
.footer_social .fenxiang li i{font-size: 32px;color: #aaa;}
.footer_social .fenxiang li a:hover{text-decoration: none;}

.footer-secondary{ width: 100%; padding: 1% 0; display: inline-block; background-color: #252525;}
.footer-secondary .copyright{  color: #fff; font-size: 14px; text-align: center;float: left;}


.share-flow{position:fixed;left:12px;top:110px;z-index:999;}
.share-flow a{display:block;width:40px;height:40px;background:url(../images/all-icon.png) no-repeat;margin-bottom:8px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;}
.share-flow a.facebook{background-position:-230px -480px;}
.share-flow a.linkedin{background-position:-280px -480px;}
.share-flow a.twitter{background-position:-330px -480px;}

.flow-cont{position:fixed;right:10px;top:110px;z-index:999;}
.flow-cont > div{width:63px;height:63px;overflow:hidden;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;}
.flow-cont > div a{display:block;width:100%;height:100%;background:url(../images/all-icon.png) no-repeat;}
.flow-cont .mail{margin-bottom:8px;}
.flow-cont .mail a{background-position:-10px -290px;}
.flow-cont .to-top a{background-position:-80px -290px;}


.subscr{padding:1% 0;background-color:#f1f4f7;text-align:center; position: relative; z-index: 2}
.subscr .sdbt{line-height:30px;margin-bottom:1%;font-size:20px;}
.subscr p{line-height:24px;margin-bottom:2%;font-size:18px;}
.subscr .box{margin:0 auto;font-size:0; }
.subscr .box .inputtext{padding:0 1vw;border:1px solid #e1e1e1;border-radius:15px 0 0 15px;box-sizing:border-box;font-size:14px; line-height:40px; padding: 0 10px;}
.subscr .box .inputsubmit{font-size:16px;border-radius:0 15px 15px 0;background-color:#e62d0f;color:#fff;text-transform:uppercase;line-height:40px;border: 0;padding: 0 10px;}

.bannerny2_zi{font-size:18px;display: inline-block;color: #333;white-space: normal;word-break: break-all;word-wrap: break-word; line-height:22px;}
.bannerny2_zi span{color:#333 }
.bannerny2_zi input{border: 1px solid #d8dce5; vertical-align: middle;}

.bannerny2_zibox{padding:0 15px;display: inline-block; vertical-align: middle;}
.bannerny2_zibox2{padding:0 15px;display: inline-block; vertical-align: middle}

.footmenu {color:#969696; float: right;}
.footmenu a { color:#969696;}
.footmenu a:hover { color:#0a3875; text-decoration:underline;}



#popup{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;visibility: hidden;opacity: 0;transition: all .5s ease;}
#popup .wrapper{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);background:rgba(255,255,255,0.2);padding: 50px;text-align: center;}
#popup .wrapper .txt{display: block;font-size: 17px;;line-height: 35px;;margin-bottom: 30px; color:#fff;}
#popup .wrapper .txt b, #popup .wrapper .txt strong{font-size: 2em;display: inline-block;margin-bottom: 30px;}
#popup .wrapper .txt b img{width:100%}
#popup .wrapper .classic-btn{margin: 0 10px;}
#popup:after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #000;opacity: 0;visibility: hidden;z-index: -1;transition: all .5s ease;}
#popup.opened{visibility: visible;opacity: 1;}
#popup.opened:after{opacity: .8;visibility: visible;}

.classic-btn{display: inline-block;padding: 11px 0px;background-color: #00594E;color: #fff;transition: all .3s ease; font-size: 16px; width:20%}
.classic-btn.gold{background-color: #299157;}
.classic-btn.red{background-color: #e7141a;}
.classic-btn *{pointer-events: none;}
.classic-btn:hover{background-color: #002e40;}
.classic-btn:hover.gold{background-color: #002e40; color: #fff}
.classic-btn:hover.red{background-color: #002e40;color: #fff}



.goTop >img{width: 50px;height: 50px;cursor: pointer;}
.goTop{position: fixed;right : 20px;bottom : 50px;z-index:9999;}