@font-face {
  font-family: "NotoSansHans";
   src: url("img/NotoSansHans-Regular.ttf");    
  font-weight: normal;
  font-style: normal;
}
@font-face {    
    font-family: Roboto; /* project id 574899 */
    src: url("img/RheemSans-Bold.otf");
}
@font-face {
    font-family: 'cn';  /* project id 574899 */
   src: url("img/NotoSansHans-Regular.ttf"); 
}
@font-face {    
    font-family: RheemSansB; /* project id 574899 */
    src: url("img/RheemSans-Bold.otf");
}
@font-face {    
    font-family: rocksalt; /* project id 574899 */
    src: url("img/rocksalt.ttf");
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{ font-family: "NotoSansHans";font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff;}
pre{ font-family: "NotoSansHans"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#333333; outline:none;}
.clearfix:after{content:""; display:block; clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family: "NotoSansHans";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container {width:1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width:87.5%;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_flex{ display: flex; align-items: center;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
.z_public_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(img/bgs.png) no-repeat center; background-size: cover; background-attachment: fixed; pointer-events: none;}
.flwarp{ float: left;}
.frwarp{ float: right;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.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-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.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 { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 
.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}

.z_other_banner,.z_other_banners{ width: 100%; height: 34.66666vw; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -1;}
.z_other_banner li .show{width:100%; overflow: hidden; height:100%; position:relative;}
.z_other_banner li .img{ background-position:  bottom center; background-repeat:no-repeat; background-size:cover;}
.z_other_banner li .show{transform:scale(1.1); transition:ease 2s; opacity:.8;}
.z_other_banner li.swiper-slide-active .show,.z_other_banner li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.z_page_content{  background: #fff; position: relative;z-index: 1;}
.z_other_hd{ position: absolute; left: 0; width: 100%; text-align: center; bottom: 1.5625vw; z-index: 2;}
.z_other_hd li{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.5); margin: 0 4px; transition: ease 1s;}
.z_other_hd li.on{ width: 15px; border-radius: 5px; background: #fff;}

.z_header{ width: 100%; transition: ease 0.1s; position: fixed; left: 0; top: 0; z-index: 9; height: 90px; display: flex; align-items: center; padding: 0 7.8125vw; box-sizing: border-box;}
/* .z_header.on{ height: 90px; background: rgb(0,0,0,.8);} */
.detailFixedNav.on li a,.detailFixedNav.on .z_sou{ color: #fff;}

.z_logo img{ display: block; height: 42px;}
.z_header_fr{ margin-left: auto; display: flex; align-items: center; height: 100%;}
.z_header_nav ul{display: flex;height: 100%;}
.z_header_nav li{ display: flex;position: relative; line-height: 50px;padding: 0 1.5625vw;overflow: hidden;align-items: center;}
.z_header_nav li a{ color: #fff; font-size: 16px;}
.z_header_nav li .l_twoNav{position: absolute;left: 50%;transform: translateX(-50%);background-color: #FFF;width: 130%;text-align: center;opacity: 0;top: 80%;transition: 0.1s;padding: 0 10px;border-radius: 0px 0px 5px 5px;}
.z_header_nav li .l_twoNav a{color: #000000;line-height: 45px;transition: 0.3s;}
.z_header_nav li .l_twoNav a:hover{color: #0ba29b;}
/* .z_header_nav li .l_twoNav p{border-bottom: 1px solid #000;} */
.z_header_nav li:hover{overflow: unset;}
.z_header_nav li:hover .l_twoNav{top: 100%;opacity: 1;transition: 0.3s;}
.z_header_nav{height: 100%;}
.lx_aaaa{height: 50px;position: relative;}

.z_header.active,.z_header.on{background-color: #FFF;}
.z_header.active li a,.z_header.on li a{color: #000;}
.z_header.active .z_sou,.z_header.on .z_sou{color: #000;}






.z_page_nav{border-bottom: 1px solid #e7e7e7}





.z_header_nav li .lx_aaaa::before{content: ""; width: 20px; z-index: 1; transition: ease 1s;  height: 7px; background: url(img/line.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,100%); opacity: 0;}
.z_header_nav li a{ font-size: 15px; display: block; }
.z_header_nav li .lx_aaaa:hover::before,.z_header_nav li.active .lx_aaaa::before{ transform: translate(-50%,0); opacity: 1;}
.z_header_a{ margin-left: 2vw;}
.z_header_a a{ display: inline-block; margin-right: 2.6vw;}
.z_header .z_sou{ color: #fff; font-size: 16px!important; font-weight: normal;}
.z_whole { position: relative;border-radius: 16px;background: #0ba29b; cursor: pointer; z-index: 1;}
.z_whole .tit{width: 116px;height: 31px; line-height: 31px; color: #fff;  padding: 0 15px; box-sizing: border-box;}
.z_whole .tit .iconfont{ float: right;}
.z_whole_down { position: absolute; z-index: 2; left: 0; top: 15px; visibility: hidden; transform: translateY(10px); opacity: 0; transition: ease 1s; padding: 10px; width: 100%;  z-index: -1;  background: #0ba29b; border-radius: 0 0 16px 16px; padding-top: 20px;}
.z_whole_down .warp{height: 120px; overflow-y: auto;}
.z_whole_down a{ line-height: 30px; line-height: 30px; padding: 0 5px; box-sizing: border-box; color: #fff;}
.z_whole:hover .z_whole_down{ transform: translateY(0); visibility: visible; opacity: 1;}
.z_whole_down a:hover{ text-decoration: underline;}

.z_menu_mask{ width: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 11;  padding: 0 7.8125vw; box-sizing: border-box; transition: ease 1s; transform: translateY(-100%);display: none;}
.z_menu_mask.on{ transform: translateY(0);}
.z_menu_header{ height: 120px; border-bottom: 1px solid #0ba29b; transition: ease 1s;}
.z_menu_header.on{ height: 90px;}
.z_menu_fr{ margin-left: auto;}
.z_menu_shop a img{ vertical-align: -4px; margin-right: 5px;}
.z_menu_shop a{ display: inline-block; margin-left: 30px;color: #292929}
.z_menu_shop a:hover{ color: #0ba29b;}
.z_sou{ color: #6C6C6C; font-weight: bold; font-size: 18px!important;}
.z_sou:hover{ color: #0ba29b;}
.z_menu_header .z_sou{ margin: 0 50px;}
.z_menu_close{ font-weight: bold; font-size: 20px!important; margin-right: 50px; cursor: pointer; transition: ease .5s;}
.z_menu_close:hover{ color: #0ba29b; transform: rotate(180deg);}
.z_mask{ width: 100%; height: 100%; background: rgba(0,0,0,.8); position: fixed; left: 0; top: 0; z-index: 12; display: none;}
.z_search_pop{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,0%); z-index: 13; opacity: 0; transition: ease 1s; visibility: hidden;}
.z_search_pop .input_text{ width: 400px; height: 50px; line-height: 50px; padding: 0 20px; background: #fff; float: left;}
.z_search_pop .sou{display: block; width: 100px; text-align: center; height: 50px; line-height: 50px; color: #fff; font-size: 16px; background: #0ba29b; float: left;}
.z_search_pop.on{ visibility: visible; opacity: 1; transform: translate(-50%,-50%);}
.z_menu_content{ padding: 3.125vw 0;}
.z_menu_nav{ width: 76%; display: flex; float: left; align-items: flex-start;}
.z_menu_nav dl{ flex: 1; display: inline-block; vertical-align: middle;}
.z_menu_nav dl a{ display: block;}
.z_menu_nav dl dt{ margin-bottom: 20px;}
.z_menu_nav dl dt a{font-size: 16px; font-weight: bold;}
.z_menu_nav dl dd a{ color: #676767; line-height: 40px;}
.z_menu_nav dl a:hover{ color: #0ba29b; font-weight: bold;}
.z_menu_frwarp{ width: 24%; float: right;}
.z_menu_box{ width: 100%; height: 7.8125vw; overflow: hidden; position: relative; margin-bottom: 1.5625vw;}
.z_menu_box a{ display: block; width: 100%; height: 100%;}
.z_menu_box .infobox{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color: #fff; padding: 0 1.82291vw; box-sizing: border-box;}
.z_menu_box .infobox .xh{ display: inline-block; padding: 0 10px; height: 26px; line-height: 26px; color: #fff;background: #E81C35;}
.z_menu_box .infobox h3{ font-size: 20px; font-weight: bold; margin-top: 5px;}
.z_menu_box .infobox .iconfont{ display: block; transition: ease .7s; width: 32px;height: 32px;border-radius: 50%; line-height: 32px; text-align: center; position: absolute; right: 1.82291vw; top: 50%; transform: translateY(-50%); color: #fff;}
.z_menu_box:hover .iconfont{background: #0ba29b;}
.z_menu_box:hover .imgbg{ transform: scale(1.1,1.1);}

.z_other_text{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; width: 100%; color: #fff; z-index: 2;}
.z_other_text .en{font-family: Roboto; font-size:2.6vw;}
.z_other_text  h3{ font-family: "cn"; font-size: 1.5625vw; position: relative;}
.z_other_text  h3::before{ content: ""; display: block; width: 28px; height: 10px; background: url(img/line2.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%);}
.z_footer{ background:#0ba29b;  background-size: 100% auto;  position: relative;z-index: 1; padding: 0 4.9375vw;box-sizing: border-box;padding-top: 4vw;}
.z_footer:before {position: absolute;top: -25px;left: 0;content: '';z-index: 1;width: 100%;height: 100%;background: url(img/footerbg.png) no-repeat top center; background-size: 100% auto; z-index: -1;}
.z_footer_nav{ float: left;}
.z_footer_nav dl{ display: inline-block; width: 11.45833vw; vertical-align: top;}
.z_footer_nav dl:nth-of-type(6){width: 16vw;}
.z_footer_nav dl a{ color: #fff; display: block;}
.z_footer_nav dt a{font-size: 16px;}
.z_footer_nav dt{ margin-bottom: 20px;}
.z_footer_nav dd a{ line-height: 30px; color:rgba(255,255,255,.6);}
.z_footer_nav dd p{ line-height: 30px; color:rgba(255,255,255,.6);}
.z_footer_nav dd a:hover{ color: #fff;}
.z_footer_code{ float: right;width: 10%;}
.z_footer_code img{width: 100%;}
.z_code_box img{ display: block; margin: 0 auto; margin-bottom: 5px;}
.z_code_box{ text-align: center; color:rgba(255,255,255,.6); margin-bottom: 20px;}
.z_footer_btm{ border-bottom: 1px solid rgba(255,255,255,.1); border-top: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; padding: 30px 0; margin-top: 30px;}
.z_footer_btm .flwarp{color: #E6E6E6;line-height: 18px; font-size: 12px;color:rgba(255,255,255,.6);}
.z_footer_btm .flwarp .beian{ margin-top: 8px;color:#fff; margin: 20px 0;}
.z_footer_a{ margin-left: auto; color: #fff;}
.z_footer_a a{ display: inline-block; color: #fff; margin-left: 30px;}
.z_footer_a a img{ vertical-align: -3px; margin-right: 5px;}
.z_footer_a .zkfbtn{ display: inline-block;width: 112px; text-align: center; line-height: 37px;height: 37px;background: #ffffff; color:#0ba29b; border-radius: 4px;}
.z_footer_link{ padding: 1.5625vw 0; line-height: 24px;}
.z_footer_link a{ color: #959595; margin-right: 20px;color:#fff;}
.z_footer_link a:hover{ color: #fff;}

.cursor{width:30px; height:30px;   position:absolute; left:0; top:0;pointer-events: none; margin: -20px 0 0 -20px; z-index: 12;  visibility:hidden;}
.cursor::before{ content: "";display: block; display: none; width: 5px; height: 5px; border-radius: 50%; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background:#cc1c2c; background-size: 100% 100%;}
.cursor::after{ content: ""; width: 100%; height: 100%;border: 4px solid #cc1c2c;
   border-radius: 50%; position: absolute; left: 0; top: 0;/* transition: ease 2s; */}
.cursor.nav::after{ background:#cc1c2c; border-radius: 50%; width: 30px; height: 30px; animation: circle-opacity 1s infinite; position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0);}
/* .cursor,
.cursor::after {
user-select: none;
    pointer-events: none;
    mix-blend-mode: overlay;
} */
.z_slide_bar{ position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 5;}
.z_slide_bar li{ margin-bottom: 10px; position: relative;}
.z_slide_bar li .icon{ width: 40px; height: 40px; border-radius: 50%; background: #939496; line-height: 40px; text-align: center; transition: ease 1s;}
.z_slide_bar li .z_slide_down{ width: 120px; height: 40px; padding: 0 10px; padding-right: 40px; border-radius: 20px; background: #0ba29b; line-height: 40px; color: #fff; box-sizing: border-box; text-align: center; position: absolute; top: 0; right: 0; z-index: -1; transform: translateX(120px); transition: ease 1s; opacity: 0; visibility: hidden;}
.z_slide_bar li:hover .z_slide_down{ transform: translateX(0); opacity: 1; visibility: visible;}
.z_slide_bar li:hover .icon{background: #0ba29b;}
.z_slide_bar li .z_slide_code{ width: 80px; height: 80px; right: 50px; padding-right: 0;padding: 6px; border-radius: 5px; box-sizing: border-box;}
.z_slide_bar li .z_slide_code img{ display: block; width: 100%; height: 100%;}
@media screen and (max-width:1500px){
.z_header,.z_menu_mask{ padding: 0 5.2vw;}
}
@media screen and (max-width:1440px){
.z_header,.z_menu_mask{ padding: 0 2.6vw;}
.z_header,.z_menu_header{ height: 90px!important;}
.z_menu_box .infobox h3{ font-size: 16px;}
.z_footer{padding-left: 5.2vw; padding-right: 5.2vw;}
.z_footer_nav{ margin-bottom: 3vw;}
}
@media screen and (max-width:1030px){
	.z_header, .z_menu_mask{ padding: 0 10px;}
	.z_header_nav li{ margin: 0 10px;}
	.z_chang_box .imgbox::before{ right: -6px;}
.z_cjsmall_swiper{ height: 500px;}
.z_cjsmall_swiper li{ width: 110px;}

}


@media screen and (max-width:980px){
.z_menu_mask{display: block;}
.z_header{ width: 100%; height: 44px; padding: 0 10px; background: #000;}
.z_header_nav{ display: none;}
.z_logo img{ height: 30px;}
.z_header_a .z_shop{ display: none;}
.z_whole{ display: none;}
.z_header .z_sou{ margin-right: 20px;}
.z_search_pop .input_text{ width: 240px; height: 40px; line-height: 40px; padding: 0 10px;}
.z_search_pop .sou{ width: 80px; height: 40px; line-height: 40px;}
.z_search_pop{ width: 320px;}
.z_menu_header .z_sou{ display: none;}
.z_menu_frwarp{ display: none;}
.z_menu_nav{ width: 100%; display: block;}
.z_menu_nav dl{ display: block; width: 100%; text-align: center;}
.z_menu_nav dl dd a{ display: inline-block; line-height: 24px; margin: 0 10px; }
.z_menu_mask{ height: 100vh; padding: 0 10px; }
.z_menu_shop{ position: fixed; left: 0; bottom: 10px; width: 100%;}
.z_menu_header{ height: 44px;}
.z_menu_close{ margin-right: 0;}
.z_menu_nav dl dt{ margin-bottom: 5px;}
.z_menu_nav dl{ margin-bottom: 15px;}
.z_menu_content{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_other_banner,.z_other_banners{ height: 50vw; margin-top: 44px; position: relative;}
.z_other_hd li{ width: 5px; height: 5px; margin: 0 2px;}
.z_other_hd li.on{ width: 12px;}
.z_page_content{ margin-top: 0;}
.z_other_text .en{ font-size: 18px;}
.z_other_text h3{ font-size: 18px;}
.z_other_text h3::before{ display: none;}
.z_footer_nav{ display: none;}
.z_footer:before{ top: -5px;}
.z_footer_code{ width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.z_footer_code img{ height: 180px;width: auto;}
.z_code_box{ margin: 0 10px; color: #fff;}
.z_footer_btm{ display: block; padding-bottom: 0;}
.z_footer_btm .flwarp{ width: 100%; text-align: center; color: #fff;}
.z_footer_a{ width: 100%; text-align: center; margin: 10px 0;}
.z_footer_a a{margin: 0; font-size: 12px; margin: 0 10px;}
.z_footer_a a img{ height: 16px;}
.z_footer_a .zkfbtn{ width: auto; padding: 0 5px; height: 28px; line-height: 28px;}
.z_footer_link{ padding: 10px 0; text-align: center;}
.z_footer_link a{ font-size: 12px; margin: 0 5px;}
.z_slide_bar{ display: none;}
.z_menu_nav dl{ padding: 0 20px; box-sizing: border-box; text-align: left;}
	.z_menu_nav dl dd a{ margin-left: 0; margin-right: 15px;}
.z_footer_btm{ padding: 20px 10px; box-sizing: border-box; padding-bottom: 0;}
	.llq{ display: none;}
	.z_footer_btm .tel{ font-size: 16px;}
    .z_footer{padding: 40px 0px;}
    
    .z_process_tit1 H4 {
        font-size: 6.5625vw !important;
    }



    
}