html, body {
    font-family: "DM Sans","Gilroy",-apple-system,"Sofia Pro","Microsoft YaHei","Helvetica","Arial",sans-serif;
    font-size: 100px;
    color: #333;
    line-height: 1.3;
    -webkit-overflow-scrolling: touch;
}

body{font-size: 12px; margin:0; padding:0;}
dt + dd {margin-top: 0;}
input,textarea, button{color: #666;vertical-align: middle;outline:none;resize: none;}
.fl{float: left;}
.fr{float: right;}
ul,li,dl ,dt , dd{list-style: none;margin:0;padding: 0;}
a,a:hover{text-decoration: none;}
a{color: #666;}
a:hover{color: #028cd5;}
img{vertical-align:top;border:0;}
p{margin:0;padding: 0;}
.w{width: 1200px;margin:0 auto;}
h1,h2,h3,h4,h5,h6{margin:0;padding: 0;font-weight: normal;}
[class^="bk"]{line-height: 0px;display: block;font-size: 0;clear: both;}
input,textarea{color: #666;vertical-align: middle;outline:none;resize: none;}
.bk0{height: 0;}
.bk10{height: 10px;}
.bk15{height: 15px;}
.bk20{height: 20px;}
.bk30{height: 30px;}
.bk35{height: 35px;}
.bk40{height: 40px;}
.bk50{height: 50px;}
.bk55{height: 55px;}
.bk60{height: 60px;}
.bk70{height: 70px;}
.bk75{height: 75px;}
.bk80{height: 80px;}
@font-face {font-family: "Gilroy";src:url("../css/Gilroy-Regular.otf") format("opentype");}
@font-face {font-family: "Gilroy-Bold";src:url("../css/Gilroy-Bold.otf") format("opentype");}
@font-face {font-family: "Gilroy-Medium";src: url("../css/Gilroy-Medium.otf") format("opentype");}
@font-face {font-family: "Sofia Pro";src:url("../css/Sofia-Pro-Medium.otf") format("opentype");}
@font-face {font-family: "DM Sans"; src:url("../css/DMSans-Regular.ttf") format("truetype"); }
@font-face {font-family: "DM Sans Bold";src:url("../css/DMSans-Bold.ttf") format("truetype");}
.page{ position:relative;font-size:0.22rem;overflow: hidden;}
.header-wrapper{ position:fixed; z-index:999; top:0; left:0; width:100%;}
.header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;top:0;width:100vw;height:1.01rem; background:#35db9d;z-index:100;}
.header .logo{position:relative;width:2.5rem;height:0.50rem;margin-left:9.3vw;}
.header .logo img{position:absolute;top:0;left:0;height:100%;}
.header.active{position:relative;top:0;opacity:1;-webkit-transition:.5s;transition:.5s;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.header.inactive{position:relative;top:0;opacity:0;-webkit-transition:.5s;transition:.5s;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);}
.head-carousel{width:100%;height:calc(51vw + 1.01rem);min-height: 5.5rem;max-height: 100vh; overflow:hidden; position:relative;}
.banner_mask{ position:absolute; width:100%;z-index:5; height:100%; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:center;-ms-flex-pack:justify;justify-content:center;flex-direction: column;  top:0; left:0;}
/*background:rgba(0,0,0,0.5);*/
.banner_title_ch{font-size: 80px;color: #FFFFFF;}
.banner_title_en{ text-transform:uppercase; font-size:16px; padding-top:46px; color:#fff; letter-spacing:7px;}
.lick-item{height:100%; width:100%; display:inline-block;object-fit:cover;object-position:left; box-sizing:border-box;}
.nav-bar{margin-right: 6.7vw;font-size: 0.16rem;color: #fff; float:right;}
.nav-bar .nav-item {display:inline-block;margin-left:2vw;margin-right:2vw;cursor: pointer;}
.nav-item a{ color:#fff; font-size:0.16rem;}
.nav-item a:hover{ color:#80FFCF;}
.nav-bar .nav-item1 {display:inline-block;margin-left:2vw;margin-right:2vw;cursor: pointer;}
.nav-item1 a{ color:rgba(19, 30, 26, 0.6); font-size:0.14rem; padding:0.14rem 0rem; display:block}
.nav-item1 a:hover{ color:rgba(19, 30, 26, 0.6);}
.head-carousel .swiper-pagination{bottom:20px!important;}

.head-carousel .swiper-pagination-bullet{opacity:1; background:rgba(255, 255, 255, 0.5) !important; border:0px solid #fff !important; width:6px; height:6px; border-radius:3px; margin-left:14px!important; margin-right:14px!important;}
.head-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:32px; height:6px; background:#fff!important; border:0px solid #07C160 !important; margin-left:2px!important; margin-right:2px!important; overflow:hidden; position:relative;}
.head-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active.percent{background:rgba(255, 255, 255, 0.5) !important}
.progress{ display:none}
.head-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active.percent .progress{ width:0%; background:#fff!important;height:6px; border-radius:3px; display:block}



/* 底部信息 start */
.footer{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: self-start;-webkit-box-align: self-start;-ms-flex-align: self-start;align-items: self-start;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;position: relative;width: 100%;color: #131E1A;padding:0.43rem 9vw 0.33rem; box-sizing:border-box; align-items: stretch; -webkit-align-items:stretch;-ms-align-items:stretch;}
.footer_left{ display:flex; justify-content:space-between; -webkit-justify-content:space-between;-ms-justify-content:space-between; flex-direction: column;-webkit-flex-direction: column; -ms-flex-direction: column; }
.ewm_box{ display: -webkit-flex;display:flex; width:18vw; min-width:2rem; max-width:2.51rem; padding-top:0.10rem;line-height: 0.2rem; font-size: 0.16rem;}
.ewm_box img{width:0.2rem;}
.wx_box{ position: relative; margin-left: 0.20rem; cursor:pointer;}
.wx_box .ewm_img{ position: absolute; bottom: 0.35rem; left:0; margin-left: -0.5rem; width: 1rem; height: 1rem; display: none;}
.wx_box.on .ewm_img{ display: block;}
.foot_logo{ width:100%; display:block; padding-bottom:0.85rem; box-sizing:border-box; margin-left:-4vw;}
.foot_logo .logo1 {width:163px;height: 39px;margin-bottom: 0rem;margin-right: 0.29rem; display:block;}
.foot_logo img{ width:163px; height:39px;}


.footer .logo {width: 18vw;height: 0.43rem;max-width: 2.51rem;margin-bottom: 0.29rem;margin-right: 0.29rem; display:block;}
.footer .logo img {width: 100%;height: 100%;object-fit: contain;object-position: left; box-sizing:border-box}
.nav-wrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; padding:0; margin:0;}
.footer .nav-wrapper .nav-item {margin-right: 6vw;}
.footer .nav-wrapper .nav-item .title { margin-bottom: 0.16rem;font-weight: 700;}
.footer .nav-wrapper .nav-item1 {margin-right: 6vw;}
.footer .nav-wrapper .nav-item1 .title { margin-bottom: 0.16rem;font-weight: 700; color:#333; font-size:0.18rem;}
.footer p { font-size: 0.14rem; line-height: 0.20rem; color:rgba(19, 30, 26, 0.6)}
.footer .bottom {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; width: 100%;margin-top:0.2rem; box-sizing:border-box; display:none;}
.footer .locale-select {position: relative;width: 1.56rem;height: 0.27rem;line-height: 0.27rem;color: #fff;font-size: .14rem;border: 1px solid #fff;border-radius: 0.02rem;}
.dropdown {position: relative; display: inline-block;width: 100%;height: 100%; z-index: 1; box-sizing:border-box;}
.dropdown-label {cursor: pointer;white-space: nowrap;color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-tap-highlight-color: transparent;padding: 0 0.1rem;}
.dropdown-menu {box-sizing: border-box;width: auto;min-width: 1.6rem;position: absolute;top: -1.04rem; background-color:rgba(0, 23, 12, 0.8); -webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;z-index: 100;opacity: 0;visibility: hidden;padding: 0.06rem 0;left: -0.02rem;border: 1px solid rgba(13,23,41,0.9); box-shadow: 0 0 1px 1px inset rgba(255,255,255,0.3);border-radius: .02rem;cursor: pointer;}
.menu_item{ padding: 0 0.1rem;line-height: 1.6;}
.select_ico{position: absolute;top:50%; margin-top:-3px;right: .06rem;}
.select_ico img{ width:9px; height:6px;}
.locale-select:hover .select_ico{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.locale-select:hover .dropdown-menu{ opacity:1;visibility: visible;}
.footer .bottom .copyright-wrapper { text-align: right;}
/* 底部信息 end */
.yeswap{display: none!important;}
.header_right{ display:none}
.wap-nav-bar{ position:fixed; z-index:998; background:rgba(0, 0, 0, 0.5); top:0; left:100%; width:100%; height:100%; display:none}
.wap-nav-box{ padding-top:0.83rem; padding-bottom:0.25rem; width:75vw; margin-left:25vw; background:#fff; max-height:100%; overflow: hidden;box-sizing:border-box; height:100%;}
.wap-nav-item{ display:block;}
.wap-nav-show{ display:block; left:0;}
.wap-nav-item a:link, .wap-nav-item a:visited, .wap-nav-item a,.wap-nav-item a:hover {color: #333333;text-shadow: none; font-size:0.16rem; font-weight:bold; padding:0.25rem 0.2rem 0.25rem 20%; display:block;}
.web_img{ display:block}
.wap_img{ display:none;}
.ewm_box_web{ display:flex; padding-top:0.80rem;}
.ewm_wx{ width:100px; display:block; padding-right:60px;}
.ewm_wx img{ width:100%; display:block;}
.ewm_xcx{ width:100px; display:block;}
.ewm_xcx img{ width:100%; display:block;}
.ewm_wx_txt{ font-size:0.16rem; padding-top:5px; text-align:center; display:block; width:100%;}
.ewm_xcx_txt{ font-size:0.16rem; padding-top:5px; text-align:center; display:block; width:100%;}
.yeswapf{ display:none}
.foot_reserved{ width:100%; padding-top:0.33rem;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap:wrap; color:#fff; font-size:0.16rem; line-height:1.5;justify-content:flex-end; -webkit-justify-content:flex-end;-ms-justify-content:flex-end;}
.foot_reserved a{ color:#fff;}
.foot-copyright{ background:#E6E6E6; padding:15px 20px; box-sizing:border-box; width:100%; line-height:20px; text-align:center; color:#333; font-size:0.14rem;}
.foot-copyright a{ color:#333; font-size:0.14rem;}
@media (max-width: 750px){
	
.head-carousel .swiper-pagination{bottom:calc(6.8% + 0.10rem) !important;}
.yeswapf{ display:flex;}
.nowap{ display: none !important;}
.yeswap{ display: block!important; width: 100%; box-sizing: border-box;}
.web_img{ display:none !important;}
.wap_img{ display:block !important;}
html, body { font-size: 100px;}
.header {height: .58rem;}
.header .logo { height: .25rem; width: 1.16rem;margin-left: .21rem;}
.header .nav-bar{ display:none}
.header_right {margin-right:20px;font-size: 0.14rem; display:block;width:16px;height: 14px; overflow:hidden;}
.menu-toggle {position:relative;width:14px;height:100%; margin-left:1px;}
.menu-toggle .toggle-bar {position:absolute;width:100%;height:2px; background:#fff;;-webkit-transition:opacity .2s ease,-webkit-transform .4s ease;-webkit-transition:opacity .2s ease,transform .4s ease;transition:opacity .2s ease,transform .4s ease;}
.menu-toggle .toggle-bar-1 {top:0px;}
.menu-toggle .toggle-bar-2,.menu-toggle .toggle-bar-3 {top:6px;}
.menu-toggle .toggle-bar-4 {top:12px;}
.menu-toggle.expended{width:16px;margin-left:0px;}
.menu-toggle.expended .toggle-bar-1,.menu-toggle.expended .toggle-bar-4 {opacity:1; background:#35db9d; z-index:33}
/*.menu-toggle.expended .toggle-bar-1,.menu-toggle.expended .toggle-bar-4 {opacity:0;}#35db9d*/
.menu-toggle.expended .toggle-bar-2 {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.menu-toggle.expended .toggle-bar-3 {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

/*底部*/
.footer{ background:#fff; color:#333;padding-top: 0; display: block; }
.footer .nav-wrapper {display: block;}
.footer .logo{ display:none;}
.footer p{ font-size:0.14rem; padding-right:0.25rem; padding-top:0.03rem; padding-bottom:0.03rem; }
.nav-item p{ display: none;}
.nav-item.on p{ display:block}
.nav-item1 p{ display: none;}
.nav-item1.on p{ display:block}
.nav-wrapper .nav-item{ padding-bottom:0.16rem;margin-right:0 !important;}
.nav-wrapper .nav-item1{ padding-bottom:0.16rem;margin-right:0 !important;}
.footer .nav-wrapper .nav-item .title{ font-size:0.16rem; margin-bottom:0.10rem; display:block; position:relative; font-weight:normal;}
.footer .nav-wrapper .nav-item1 .title{ font-size:0.16rem; margin-bottom:0.04rem; display:block; position:relative; font-weight:normal;}
.nav-item .title::after{ content: ""; position: absolute; z-index: 0; right: 0; top: 0;background-image:url(../image/up_01.png); background-position:top right; background-size:0.2rem 0.2rem; background-repeat:no-repeat; width: 0.2rem; height: 0.2rem;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); }
.nav-item.on .title::after{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.nav-item a {color: #333;font-size: 0.14rem;}
.nav-item1 .title::after{ content: ""; position: absolute; z-index: 0; right: 0; top: 0;background-image:url(../image/up_01.png); background-position:top right; background-size:0.2rem 0.2rem; background-repeat:no-repeat; width: 0.2rem; height: 0.2rem;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); }
.nav-item1.on .title::after{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.nav-item1 a {color: #333;font-size: 0.14rem; padding:0px 0px;}


.ewm_box{ padding-bottom:0.25rem}
.head-carousel .swiper-pagination-bullet{ width:4px; height:4px;margin-left:7px!important;margin-right: 7px!important;}
.head-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px;height: 4px;}
.foot_reserved{ width:100%; padding-top:0.33rem;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap:wrap; color:#333; font-size:0.16rem}
.foot_reserved a{ color:#333;}
.ewm_box_web{ display:flex; padding-top:0rem;}
.foot_logo{ padding-bottom:0.35rem;}
}
.foot_logo .logo1 {
    height: 25px;
}
.foot_logo img {
    width:auto;
    height: 25px;
}
img {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
	}