.imgbgs{width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}

#home .indexBanner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ccc;
}

.indexBanner .banner-box .slide-wrapper {opacity: 0;}
#clock .time-box .time-el {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#clock .time-box .time-el>img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 9;}
#clock .time-box .time-el .fen {position: absolute;left: 0;right: 0;margin: auto;top: 12%;transform-origin: 50% 76%;height: 50%;width: 6px;background-color: rgba(255, 255, 255, 0.3);border-top-left-radius: 50px;border-top-right-radius: 50px;animation-duration: 1.6s;animation-timing-function: cubic-bezier(0.59, 0, 0.42, 0.99);}
#clock .time-box .time-el .fen.on {animation-name: gorotate;}
#clock .time-box .time-el .shi {position: absolute;left: 0;right: 0;margin: auto;top: 45%;transform-origin: 50% 12.5%;height: 40%;width: 8px;background-color: rgba(255, 255, 255, 0.3);border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;transition: all 1.6s ease-in-out;}
#clock .time-box .time-el .shi.on {transition-duration: 1s;}
#clock .time-move {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translateY(-2px);}
#clock .time-box > ul.time-cir {transform: scale(1.02);bottom: 50.4%;left: 50%;height: 50%;}
#clock .time-box > ul.time-cir > li > i {width: 10px;height: 10px;border-radius: 50%;line-height: 10px;text-align: center;background-color: #fff;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;opacity: 0.8;cursor: pointer;pointer-events: auto;}
#clock .time-box > ul.time-cir > li > i > span {position: absolute;background-color: #0ba29b;width: 10px;height: 10px;border-radius: 50%;line-height: 10px;font-size: 20px;opacity: 0;left: -10px;top: -10px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;align-items: center;justify-content: center;}
#clock .time-box > ul.time-cir > li.on {pointer-events: none;}
#clock .time-box > ul.time-cir > li.on > i {opacity: 1;}
#clock .time-box > ul.time-cir > li.on > i > span {transform: scale(1);width: 30px;height: 30px;opacity: 1;pointer-events: none;}
#clock .time-box > ul.time-cir > li .time-thumb-img {position: absolute;top: -32px;width: 88px;height: 88px;background: #fff;border-radius: 50%;margin-left: -44px;box-sizing: border-box;border: 7px solid #fff;transition: all 0.3s ease-out;overflow: hidden;visibility: visible;opacity: 0;}
#clock .time-box > ul.time-cir > li:hover .time-thumb-img {visibility: inherit;opacity: 1;}
#clock .time-box > ul.time-cir > li .time-thumb-img>i {display: block;width: 100%;height: 100%;opacity: 1;background-position: center;background-repeat: no-repeat;background-size: cover;}
#clock .time-box > ul.time-num {transform: scale(1.2);bottom: 55%;left: 50%;height: 50%;}
#clock .time-box > ul.time-num > li > i {transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
#clock .time-box > ul.time-num > li.on > i {opacity: 1;}
#clock {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 30;width: 27vw;height: 27vw;}
#clock > img {height: 100%;position: absolute;z-index: 3;}
#clock .time-box {pointer-events: none;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 5;}
#clock .time-box > ul {width: 0;position: absolute;}
#clock .time-box > ul > li {height: 100%;position: absolute;top: 0;left: 0;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
#clock .time-box > ul > li i {position: absolute;top: 0;left: 50%;font-size: 18px;color: #fff;}
#clock .time-box > ul > li:nth-of-type(1) {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#clock .time-box > ul > li:nth-of-type(1) i {transform: translateX(-50%) rotate(-180deg);}
#clock .time-box > ul > li:nth-of-type(2) {-webkit-transform: rotate(240deg);transform: rotate(240deg);}
#clock .time-box > ul > li:nth-of-type(2) i {transform: translateX(-50%) rotate(-240deg);}
#clock .time-box > ul > li:nth-of-type(3) {-webkit-transform: rotate(300deg);transform: rotate(300deg);}
#clock .time-box > ul > li:nth-of-type(3) i {transform: translateX(-50%) rotate(-300deg);}
#clock .time-box > ul > li:nth-of-type(4) {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
#clock .time-box > ul > li:nth-of-type(4) i {transform: translateX(-50%) rotate(-360deg);}
#clock .time-box > ul > li:nth-of-type(5) {-webkit-transform: rotate(60deg);transform: rotate(60deg);}
#clock .time-box > ul > li:nth-of-type(5) i {transform: translateX(-50%) rotate(-60deg);}
#clock .time-box > ul > li:nth-of-type(6) {-webkit-transform: rotate(120deg);transform: rotate(120deg);}
#clock .time-box > ul > li:nth-of-type(6) i {transform: translateX(-50%) rotate(-120deg);}
.banner-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.banner-box .slide-wrapper {
    opacity: 1;
    display: none;
}
.banner-box .slide-wrapper .slide-item {
    width: 100vw;
    opacity: 0;
}
.banner-box .slide-wrapper .slide-item img{
    display: none;
    /*position: absolute;*/
}
.banner-box canvas {
    position: absolute;
    z-index: -1; 
}
.index-two {position: relative;width: 100%; position: relative; z-index: 4;}
.index-two .bg{ display: block; width: 100%; margin-top: -2vw;}
.index-two .txt-box{ position: absolute; width: 62vw; left: 50%; transform: translateX(-50%); top: 32%;}
.index-two .txt-box {display: flex;justify-content: center;align-items: center;box-sizing: border-box}
.index-two .txt-box>p {position: relative;
font-size: 8.8vw; line-height: 8vw;
font-family: RheemSansB;
font-weight: bold;
font-style: italic; margin-right: 4vw; padding-right: 5vw;
color: #0ba29b;
}
.index-two .txt-box span{ font-size: 2vw;}
.index-two .txt-box>p:before {position: absolute;right: 0;top: 50%; transform: translateY(-50%);content: '';width: 8px;height: 100%;background: #0ba29b;z-index: 1;}
.index-two .txt-box>div {color: #fff;}
.index-two .txt-box>div>pre {font-size: 2.34375vw; line-height: 2.4vw; font-family: RheemSansB;font-weight: bold;}
.index-two .txt-box .cn{font-size: 30px;font-family: 'cn';font-weight: 400;color: #FFFFFF;line-height: 48px; margin-bottom: 10px;}
.index-two .txt-box .cn span{ display: inline-block;margin-right: 20px;}
.index-two .cir-box {position: absolute;left: 0;bottom: 19%;width: 100%;height: 123px;background: url("img/curve.png") no-repeat center;background-size: 100% 100%;box-sizing: border-box;}
.index-two .cir-box .items {position: absolute;color: #fff;display: flex;align-items: center;}
.index-two .cir-box .items>i {width: 86px;height:80px;background: url(img/bg7.png) no-repeat center; background-size:  auto 100%;font-size: 32px; font-family: RheemSansB; font-style: italic; color: #0ba29b; padding-right: 10px; box-sizing: border-box; display: flex;align-items: center;justify-content: center;margin-right: 30px;cursor: pointer;flex-shrink: 0;}

.index-two .cir-box .items>p {line-height: 23px;font-size: 14px;max-width: 230px;}
.index-two .cir-box .items01 {left: 150px;top: 4px;}
.index-two .cir-box .items02 {left: 41%;top: -5px;}
.index-two .cir-box .items03 {left: 76%;top: 25px;}
.z_mobile_tit2{ display: none;}
.index-three {
    position: relative;
    width: 100%;
    height: 50vw;
    box-sizing: border-box;  background: #f5f6fa; overflow: hidden;
}
.z_rem_img{ position: absolute; left: 0; top: 13.5vw; z-index: 1;}
.z_rem_img img{ display: block; height: 10.20833vw;}
.z_mobile_tit{ display: none;}

.index-three::before{content: ""; display: block; z-index: 1; width: 34.5%; height: 100%;  position: absolute; right: 0; top: 0;}
.z_pro_swiper{ width:65.5% ; position: relative ; background: #fff;}
.z_pro_swiper::before{ content: ""; display: block; position: absolute;right: -60px;top: 0;content: '';z-index: 1;width: 60px;height: 100%;background: url("img/pro-bg.png") center;}
.z_pro_swiper li{}
.z_pro_swiper .bd li a{ display: flex; align-items: center; height: 50vw;}
.z_pro_swiper .bd li .imgbox{ width: 52%; display: flex; align-items: center; justify-content: center;}
.z_pro_swiper .bd li img{ display: block; max-width: 60%; max-height: 70%;}
.z_pro_swiper .bd li .infobox{ width: 48%; padding: 0 5.72916vw; box-sizing: border-box}
.z_pro_swiper .bd li h3{ font-size: 1.77083vw; font-weight: bold; }
.z_pro_swiper .bd li h4{font-size: 1.04vw;font-family: RheemSansB;font-weight: bold;color: #8D8D8D;}
.z_pro_swiper .bd li .desc{ margin: 2.6vw 0; margin-bottom: 4vw; color: #666666;line-height: 30px;}
.z_arr_more{ display: block; width: 52px;height: 52px; line-height: 52px;background: #0ba29b;border-radius: 50%; color: #fff; text-align: center; }
.z_pro_swiper .bd li.swiper-slide-next .infobox{ display: none;}
.z_pro_swiper .bd li.swiper-slide-active .infobox{ display: block; }

.z_pro_swiper .next{ position: absolute; color: #c8cad2; right: -60px; width: 60px; height: 60px; line-height: 60px; text-align: center; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer;}
.z_pro_swiper .next:hover{ color: #0ba29b;}
.z_pro_hd{ display: none;}
.z_index_four{ position: relative; margin-bottom: 20px;}
.z_index_four .bg{ display: block; width: 100%; margin-top: -2vw; z-index: 1; position: relative;}
.z_index_four .z_cx_tit{ position: absolute; left: 6.77083vw; top: 14.0625vw; z-index: 2;}
.z_index_four .slg img{ display: block; height: 9.16666vw; margin-left: -1vw;}
.z_index_four .z_cx_tit .cn{font-size: 1.875vw;font-family:"cn";font-weight: 400;color: #2D2D2D;line-height: 48px; margin: 2vw 0;}
.index-six{ padding: 0 4.6875vw; box-sizing: border-box; position: absolute; left: 0; bottom: 3vw; width: 100%; z-index: 2;}
.index-six ul{ margin-left: -2.2%;}
.index-six li{ width: 22.8%; float: left; overflow: hidden; margin-left: 2.2%; height: 15.41666vw;  overflow: hidden;border-radius: 15px; position: relative;}
.index-six li a{ display: block; width: 100%; height: 100%;}
.index-six li .infobox{ position: absolute; left: 0; top: 50%; transform: translateY(-40%); width: 100%; text-align: center; color: #fff; width: 100%; }
.index-six li h3{ font-size: 1.45833vw; font-family: "cn";}
.index-six li h4{ margin: 15px 0;}
.index-six li .iconfont{ font-size: 12px;}
.index-six li:hover .imgbg{ transform: scale(1.1,1.1);}

.z_index_hz{ padding-bottom: 7vw; padding-top: 4vw;}
.z_index_tit{ text-align: center;}
.z_index_tit h3{color: #282828; font-size: 2.29166vw; font-family: "cn"; margin-bottom: 15px;}
.z_index_tit h4{ font-size: 22px;color: #282828;}
.z_index_tit h4 em{ color: #0ba29b;}

.z_hz_list{ width: 1300px; margin: 0 auto; margin-top: 2.6vw; text-align: center;}
.z_hz_list li{ width: 14%;  margin: 15px 0; height: 80px; line-height: 80px; display: flex; align-items: center; justify-content: center;display: inline-block;}
.z_hz_list li img{ vertical-align: middle;  max-width: 80%; max-height: 100%; transition: ease 1s;}
.z_hz_list li:hover img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray;
}
.z_other_banner2{ position: relative; z-index: 1;}
.z_other_banner2 img{ display: block; width: 100%;}
.z_about_tab{ padding: 30px 0; box-sizing: border-box; padding-bottom: 5.5vw; background: #fff;}
.z_other_text2{ position: absolute; z-index: 2; left: 0; top: 50%; padding: 0 10px; box-sizing: border-box; transform: translateY(-50%); width: 100%; text-align: center; color: #fff;}
.z_other_text2 h3 { font-size: 3.125vw; font-weight: bold;}
.z_other_text2 h4{ font-size: 18px;}
.z_other_text2 .wow{ position: relative;}
.z_other_text2 .wow::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_about_tabli{ text-align: center; margin-bottom: 40px;}
.z_about_tabli li{ display: inline-block;width: 92px;height: 29px;background: #E5E5E5; cursor: pointer; border-radius: 15px; margin: 0 5px; line-height: 29px; text-align: center; color: #707070;}
.z_about_tabli li.active,.z_about_tabli li:hover{ background: #0ba29b; color: #fff;}
.z_about_tit{ display: flex; align-items: center; justify-content: center;}
.z_about_tit .year{font-size:5.72916vw; font-family: RheemSansB; font-style: italic;color: #0ba29b; line-height: 4.4vw; padding-right: 2.5vw; margin-right: 2.5vw; border-right: 4px solid #0ba29b;}

.z_about_tit .year .since{ font-size:2vw;}
.z_about_tit pre{font-size: 1.5625vw;font-family: RheemSansB;color: #1B1B1B;line-height: 1.5625vw;}
.z_about_tit h4{ font-size: 20px;font-family:"cn";font-size: 20px; margin-top: 10px;}
.z_about_desc{ width:84.45833vw; margin: 4vw auto;color: #666666;line-height: 36px; font-size: 16px;}
.z_about_img ul{ margin-left:-1.7%;}
.z_about_img li{ width: 31.6%; float: left; margin-left: 1.7%;height: 18.22916vw;}
.z_about_tabcon .child{ display: none;}
.z_about_tabcon .child.active{ display: block;}
.z_about_map{ width: 100%;  padding: 7.8125vw; box-sizing: border-box; color: #fff;}
.z_about_map .shouji{ display: none;}
.z_quanqiu_box{ width: 28.38541vw;}
.z_quanqiu_box .tit{font-size: 2.29166vw; line-height:2.29166vw ;}
.z_quanqiu_box .desc{color: #F5F6FA;line-height: 30px; margin: 2.6vw 0;opacity: 0.7;}
.z_quanqiu_box .more{ color: #fff;}
.z_about_num2{ margin: 3.4vw 0; margin-bottom: 3vw;}
.z_about_num2 ul{ display: flex;}
.z_about_num2 li{ float: left; padding: 0 2vw; text-align: center; border-right: 1px solid rgba(255,255,255,.2);}
.z_about_num2 li .timer{font-size: 2.5vw;font-family: RheemSansB;font-weight: bold;}
.z_about_num2 li:last-child{ border-right: none;}
.z_about_num2 li:first-child{ padding-left: 0;}
.z_map_slg{ margin-bottom: 3vw;}
.z_quanqiu_lan{ width: 100%; background: #fff; position: relative; overflow: hidden; }
.z_quanqiu_lan::before{ content: ""; display: block;z-index: 1; transform-origin: right center;  width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: #0ba29b; position: absolute; left: 0; top: 0; transition: ease 1s;}
.z_quanqiu_lan.animated::before{ width: 0;}
.z_quanqiu_lan li{ width: 33.3%; font-weight: bold;  height: 7.8125vw; color: #333; border-right: 1px solid #dcdcdc; box-sizing: border-box; float: left; display: flex; align-items: center; justify-content: center;}
.z_quanqiu_lan li a{font-size: 1.25vw;}
.z_quanqiu_lan li span{ color: #0ba29b; display: inline-block;  margin-right: 10px; }
.z_quanqiu_lan li span em{ font-size: 1.77083vw;font-family: RheemSansBB;}
.z_quanqiu_lan li .icon{ display: inline-block; vertical-align: bottom; margin-right: 1.5vw; }
.z_quanqiu_lan li:last-child{ border-right: none;}
.z_about_process{ background-attachment: fixed;padding: 7.29166vw 0; color: #fff; overflow: hidden;}

.z_process_tit{ text-align: center; color: #fff; margin-bottom: 5vw;}
.z_process_tit h3{font-size: 45px; font-family: RheemSansB;}
.z_process_tit H4{font-size: 1.5625vw;}


.z_process_tit1{ text-align: center; color: #000; margin-bottom: 1vw;padding-top: 30px;}
.z_process_tit1 h3{font-size: 30px; font-family: RheemSansB;text-transform: uppercase;}
.z_process_tit1 H4{font-size: 1.5625vw;}

.z_process_warp{ padding: 0 9.89583vw; box-sizing: border-box; position: relative; height:680px;}
.z_process_warp::before{ content: ""; display: block; width: 100%; height: 2px; background: #0ba29b; position: absolute; left: 0; top: 339px; z-index: 1;}
.z_process_swiper{ position: relative;}
.z_process_swiper::before{ content: ""; display: block; z-index: 1; width: 100%; height: 10px; position: absolute; left: 0; bottom: 340px; background: url(img/line3.png) repeat-x left bottom;}
.z_process_swiper .swiper-slide{ width: 450px;}
.z_process_swiper .boxitem{display: flex; margin: 20px 0; box-sizing: border-box;} 
.z_process_swiper .boxitem .imgbox{ width: 102px;height: 102px;background: #FFFFFF;border: 3px solid #0ba29b;border-radius: 50%; overflow: hidden; margin-right: 20px; flex-shrink: 0;}
.z_process_swiper .boxitem .infobox{ flex: 1;}
.z_process_swiper .boxitem .year{font-size: 30px;font-family: RheemSansB; }
.z_process_swiper .boxitem .cn{ font-size: 16px; font-weight: bold;}
.z_process_swiper .boxitem .en{ line-height: 18px;}
.z_process_swiper .boxitem .con{ margin-top: 5px;}
.z_process_swiper li .warp{ height: 340px; width: 100%; overflow-y:hidden; border-left: 2px solid #0ba29b;  box-sizing: border-box; padding: 0 20px; box-sizing: border-box;}
.z_process_swiper li:nth-child(odd) .warp{ margin-top: 340px;}
.z_process_swiper li:nth-child(even){ margin-left: -230px;}
.z_process_swiper li:nth-child(odd){ margin-left: -230px;}
.z_process_swiper li:first-child{ margin-left: 0;}

.z_process_swiper .btn{ display: block; z-index: 1; cursor: pointer; outline: none; position: absolute; top: 50%; transform: translateY(-50%); width: 38px;height: 38px;background: #0ba29b;border-radius: 50%; line-height: 38px; text-align: center; line-height: 38px;}
.z_process_swiper .prev{ left: -4.58333vw;}
.z_process_swiper .next{ right: -4.58333vw;}
.z_process_swiper .btn::after,.z_arr_more::after{ content: ""; display: block;    z-index: -1;
    pointer-events: none; width: 50px;height: 50px; border-radius: 50%; background: rgba(74, 236, 34, 0.5); position: absolute;animation: circle-opacity 2s infinite; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0);}
.z_arr_more{ position: relative;}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
    to {
        opacity: 0;
        transform:translate(-50%,-50%) scale(2);
    }
}
.z_about_nl{
	padding: 7.8125vw;
}
.z_nl_box{ width: 33.3%; height: 13.08333vw; float: left; box-sizing: border-box; }
.z_nl_box .icon img{ display: block; height:3.95833vw ;}
.z_nl_box .icon{ margin-bottom: 1.6vw;}
.z_nl_box .tit{color: #2D2D2D; margin-bottom: 3vw; }
.z_nl_box .tit h3{ font-size: 1.875vw;font-family: RheemSansB;}
.z_nl_box .tit h4{ font-size: 1.5625vw;}
.z_nl_box .desc{color: #666666;line-height: 36px; font-size: 16px;}

.z_about_honor{ min-height: 50vw; padding:7.8125vw; box-sizing: border-box ; background: #f5f6fa; position: relative; } 
.z_honor_swiper,.z_cjsmall_swiper{   height: 650px; overflow: hidden; }
.z_honor_swiper li,.z_cjsmall_swiper li{ width: 100%; position: relative; background: #fff; cursor: pointer; height: 130px; padding-top: 30px; box-sizing: border-box; border: 1px solid #f1f1f1; box-sizing: border-box; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.z_honor_swiper li::before,.z_cjsmall_swiper li::before{ content: ""; display: block; width: 100%; height: 100%; border-radius: 50%;
border: 5px solid #0ba29b; position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; opacity: 0; transition: ease 1s;}
.z_honor_swiper li img,.z_cjsmall_swiper li img{ max-width: 100%; max-height: 100%;}
.z_honor_swiper li.active::before,.z_cjsmall_swiper li.active::before{ opacity: 1;}
.z_honorswiper_warp .btn,.z_cjsmall_warp .btn{width: 52px;height: 52px; transition: ease 1s; cursor: pointer; outline: none; z-index: 2; display: block; line-height: 52px; background: #D2D2D2;border-radius: 50%; text-align: center; color: #fff; position: absolute; left: 50%; transform: translateX(-50%);}
.z_honorswiper_warp .prev,.z_cjsmall_warp .prev{ top: 0px;}
.z_honorswiper_warp .next,.z_cjsmall_warp .next{ bottom: 0px;}
.z_honorswiper_warp,.z_cjsmall_warp{width: 130px;position: relative;  padding: 20px 0;}
.z_honorswiper_warp .btn:hover,.z_cjsmall_warp .btn:hover{ background: #0ba29b;}
.z_honor_imgbox{ width: 41.66666vw; height: 41.66666vw; border-radius: 50%; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_honor_imgbox li{ width: 100%; height: 100%; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; transition: ease 1s; transform: scale(.6,.6); opacity: 0; visibility: hidden; transition-delay: .5s;}
.z_honor_imgbox li.active{ visibility: visible; opacity: 1; transform: scale(1,1);}
.z_honor_imgbox li img{ display: block; max-height: 70%;
}
.z_honor_descbox{ position: absolute; width: 20vw; position: absolute; right: 4vw; top: 50%; transform: translateY(-50%);}
.z_honor_descbox .tit{ color: #AEAEAE; font-size: 20px; margin: 20px 0;font-size: 1.5625vw; color: #000;}
.z_honor_descbox .icon img{ height: 3.95833vw; display: block;}
.z_honor_descbox li .year{ display:inline-block;font-size: 2.08vw;font-family: RheemSansB;font-weight: bold;color: #242424; padding-bottom: 1.5vw; margin-bottom: 1.5vw; border-bottom: 2px solid #0ba29b;}
.z_honor_descbox li .desc{ font-size: 1.875vw; color:#242424; line-height: 2.5vw;}
.z_honor_descbox li.active{ display: block;}
.z_honor_descbox li{ display: none;}
.z_about_case{}
.z_about_case .boxwarp{ height: 52vw; width: 50%; float: left; position: relative; overflow: hidden;}
.z_about_case .boxwarp .infobox{ width: 100%; position: absolute; left: 0; bottom: 4vw; color: #fff; padding: 0 3.54166vw; box-sizing: border-box;}
.z_about_case .boxwarp .icon{ display: block; height: 3.95833vw; transition: ease 1s; margin-bottom: 1.04vw;} 
.z_about_case .boxwarp:hover .icon{ transform: rotate(360deg);}
.z_about_case .boxwarp h3{ font-size: 2.34375vw; font-weight: bold; font-family:RheemSansB ;}
.z_about_case .boxwarp h4{ font-size: 1.5625vw; font-family: "cn";}
.z_about_case .boxwarp a{display: block; width: 100%; height: 100%;}
.z_about_case .boxwarp .titbox{ position: relative;}
.z_about_case .boxwarp .iconfont{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: ease 1s;}
.z_about_case .boxwarp:hover .imgbg{ transform: scale(1.05,1.05);}
.z_about_case .boxwarp:hover .iconfont{ transform: translate(-200px,-50%);}
.z_contact_warp{ margin-top: -3vw; position: relative;}
.z_contact_warp .box{ width: 33.3%; transition: ease 1s; border-bottom: 1px solid #dcdcdc; position: relative; float: left; height: 32.08333vw;align-items: center;padding: 0 4vw;box-sizing: border-box; border-right: 1px solid #dcdcdc; box-sizing: border-box;padding-top: 8vw;}
.z_contact_warp .box:last-child{ border-right: none;}
.z_contact_warp .box:hover{ background: url(img/bg2.png) no-repeat center; background-size: cover;}
.z_contact_warp .box::before{ content: ""; display: block; z-index: 1; width: 0%; height: 3px; background: #0ba29b; position: absolute; left: 0; bottom: 0; transition: ease 1s;}
.z_contact_warp .box:hover::before{ width: 100%;}
.z_contact_warp .box .icon{ margin-bottom: 2.2vw;}
.z_contact_warp .box .icon img{ display:block;}
.z_contact_warp .lxbox .titbox h3{ font-size: 1.5625vw; }
.z_contact_warp .lxbox .titbox h4{font-size: 2.08vw;}
.z_contact_warp .lxbox .titbox h5{ font-size: 16px; color: #757575;}
.z_contact_warp .mdbox h3{ font-size: 1.875vw;}
 .z_contact_warp  .mdbox h4{font-size: 1.5625vw;}
 .z_contact_warp  .mdbox .desc{ font-size: 16px; color: #757575; margin: 1.5vw 0;}
  .z_contact_warp  .codebox .tit{font-size: 1.5625vw; margin-bottom: 2vw;}
.z_code_li li{ float: left; text-align: center; margin-right:1.5vw; color: #848484; font-size: 16px;}
.z_code_li li img{ width: 96px;}
.z_contact_map{ width: 100%;position: relative; }
.z_contact_map .mapbox{ height: 47.91666vw; }
.z_contact_info{ width:23.95833vw; height: 23.95833vw; padding: 0 3.64583vw; box-sizing: border-box; position: absolute; left: 7.08333vw; top: 50%; transform: translateY(-50%); border-radius: 50%; background: #0ba29b; color: #fff; display: flex; align-items: center; justify-content: center;}
.z_contact_info .tit{ font-size: 1.35416vw; border-bottom: 2px solid #fff; padding-bottom: 1vw; margin-bottom: 1vw;}
.z_contact_info .desc{ font-size: 16px; line-height: 30px;}
.z_contact_info .desc p{ display: flex; }
.z_contact_info .desc p span{ flex-shrink: 0;}
.z_page_nav{ width: 100%; height: 4vw; line-height: 4vw; padding: 0 7.8125vw; box-sizing: border-box;}
.z_page_nav a{ margin-right: 4vw; position: relative; display: inline-block;}
.z_page_nav a::before{ content: ""; display: block; width: 0; height: 2px; z-index: 1; background: #0ba29b; position: absolute; left: 50%;transition: ease 1s; bottom: 0;}
.z_page_nav a.active::before,.z_page_nav a:hover::before{ width: 100%; left: 0;}
.z_page_nav a.active,.z_page_nav a:hover{ color: #0ba29b ;}
.z_case_list{ padding: 40px; box-sizing: border-box; background: #f5f6fa; padding-bottom: 80px;}
.z_case_list li{ width: 48.9%; height: 31.25vw; position: relative; float: left; overflow: hidden; margin-bottom: 35px;}
.z_case_list li:nth-child(even){ float: right;}
.z_case_list li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: url(img/bg3.png) no-repeat bottom center; background-size: 100% auto; pointer-events: none; z-index: 1;}
.z_case_list li .titbox{ width: 100%; position: absolute; left: 0; color: #fff; font-size: 1.5625vw; bottom: 2vw; padding: 0 3vw; box-sizing: border-box; z-index: 2;} 
.z_case_list li:hover .imgbg{ transform: scale(1.05,1.05);}

.proMore {margin-top: 3.125vw;cursor: pointer;text-align: center;}
.proMore span {display: inline-block;background-image: url(img/proMore.png);width: 1.71875vw;height: 2.1875vw;background-size: cover;background-position: center;background-repeat: no-repeat;}
.proMore div {font-size: 14px;font-family: "Scan";color: #404040;margin-top: 0.26041vw;}
.z_case_list .proMore{ margin-top: 40px;}
.vricon{ margin-bottom: 1.5vw;}
.vricon img{ width: auto; height: 5.52083vw; margin: 0 auto;animation: rotate 10s linear infinite; }
@keyframes rotate{
    0%{
        transform: rotate(0);
      }
    50%{
    	transform:rotate(360deg);
    }
    100%{
         transform: rotate(0);
    	}
	}
@keyframes zoombig {
	0%{transform: scale(1.2,1.2);} 

	100%{transform: scale(1,1);}
}
.z_other_text2 .z_arr_more{ margin: 0 auto; margin-top:2vw;}
.z_other_text3 .wow::before{ display: none;}
.z_other_text3 h3{font-size: 1.875vw;} 
.z_shangye_about { margin-top: -2vw;}
.z_shangye_about .infobox,.z_shangye_about .imgbox{ width: 50%; height: 52vw; float: left; overflow: hidden; }
.z_shangye_about .infobox{ display: flex; align-items: center; padding: 0 7.8125vw; box-sizing: border-box; background: #fff;}
.z_shangye_about .icon img{ height: 3.22916vw;animation: zuoyou 2s linear infinite;}
.z_shangye_about .animated.imgbg{animation: zoombig 3s linear forwards;}

.z_shangye_about .titbox h3{font-size: 2.34375vw;font-family: RheemSansB;color: #2D2D2D;}
.z_shangye_about .titbox h4{font-size: 1.5625vw; font-family:"cn";}
.z_shangye_about .titbox{ margin: 2.5vw 0;}
.z_shangye_about .desc{font-size: 16px;font-weight: 400;color: #666666;line-height: 36px; margin-bottom: 3vw;}
.z_ruimei_adv{ width: 100%; text-align: center; height: 52.86458vw;  padding: 0 4vw; padding-top: 9.375vw; margin-top: -2vw; box-sizing: border-box; background-size: cover; background-position:  top center; background-repeat: no-repeat; position: relative;z-index: 2;}
.z_ruimei_adv .warp{ width: 100%;}
.z_adv_tit{ color: #fff; margin-bottom: 8.85416vw;}
.z_adv_tit h3,.z_chang_head .cn{font-size:2.29166vw;font-family:"cn";font-weight: 400 ; margin-bottom: 1.5vw;}
.z_adv_tit .desc{font-size: 1.14583vw;font-weight: 500;color: #F2F2F2;line-height: 36px;opacity: 0.9;}
.z_adv_list ul{ display: flex; justify-content: space-between; width: 100%;}
.z_adv_list li{ display: inline-block; flex: 1;}
.z_adv_list li img{ display: block; margin: 0 auto; width:6.25vw ;}
.z_adv_list li h3{ color: #fff; font-size: 1.30208vw; margin-top: 1.5vw;}

.z_chang_head{ width: 100%; text-align: center; background: #fff; padding: 3.75vw 0;}
.z_chang_head .icon img{height: 3.22916vw; animation: zuoyou 2s linear infinite;}
.z_chang_head .icon{ margin-bottom: 1.5vw;}
.z_chang_head .cn{ margin: 0; margin-bottom: 10px;}
.z_chang_head .desc{font-size:1.14583vw;font-weight: 500;color: #282828;opacity: 0.9;}
.z_chang_box{ background: #fff;}
.z_chang_box .imgbox{ width: 51.65%; float: left; height: 52vw; position: relative; overflow: hidden;}
.z_chang_box .imgbox .imgbg{ transform: scale(1.1,1.1);}
.z_chang_box .imgbox::before{ content: ""; display: block; width: 50%; position: absolute; height: 100%; right: 0; top: 0; background: url(img/bg5.png) no-repeat right -1px center; background-size: auto 100%; z-index: 1; pointer-events: none;}
.z_chang_box .imgbox .titbox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 0 10.4vw; box-sizing: border-box; color: #fff;}
.z_chang_box .infobox{ width: 48.25%; background: #fff; float:right; height: 52vw; display: flex; align-items: center;}
.z_chang_box.animated .imgbg{ transform: scale(1,1);}
.z_chang_box .imgbox .titbox h3{font-size: 2.34375vw;font-family:"cn"; margin-bottom: 1.5vw;}
.z_chang_box .imgbox .titbox h4{font-size: 1.14583vw;}
.z_chang_box:nth-child(even) .imgbox{ float: right;}
.z_chang_box:nth-child(even) .imgbox::before{  right: auto;left: 0; background: url(img/bg6.png) no-repeat left center; background-size: auto 100%; z-index: 1;}
.z_chang_box:nth-child(even) .infobox{ float: left;}
.z_chang_box:nth-child(even) .z_cjsmall_warp{ position: absolute; left: 4vw; }
.z_chang_box:nth-child(even) .z_cjbig_swiper{ margin-left: auto;}
.z_cjbig_swiper{ width: 73%; overflow: hidden;}
.z_cjbig_swiper li .picbox{ width: 100%; display: flex; align-items: center; justify-content: center; height: 26.04166vw; margin-bottom: 4vw;}
.z_cjbig_swiper li .picbox img{ display: block; max-width: 100%; max-height: 100%;}
.z_cjbig_swiper li .descbox{ text-align: center;}
.z_cjbig_swiper li .descbox h3{font-size: 1.5625vw;font-family: RheemSansB;}
.z_cjbig_swiper li .descbox .xh{ display: inline-block; margin: 15px 0; height: 30px; line-height: 30px;background: #0ba29b;border-radius: 15px; text-align: center; color: #fff; padding: 0 15px;font-size: 16px;font-family: RheemSansB;}
.z_cjbig_swiper li .desc{ font-size: 16px; color: #666666; width: 70%; margin: 0 auto; line-height: 24px;}
.z_chang_warp{background: #f5f6fa; padding-bottom: 30px;}
.z_chang_warp .proMore{ margin-top: 1.5625vw;}
.z_hz_tel{ display: block; color: #0ba29b; font-size: 16px; width: 280px; margin: 0 auto; margin-top: 3vw; text-align: center; line-height: 51px;height: 53px;background: #FFFFFF;border: 2px solid #0ba29b;border-radius: 27px;}
.z_hz_tel .tel{ font-size: 18px; font-weight: bold; font-family: RheemSansB;}
.z_hz_tel .iconfont{ font-weight: bold;}
.z_ly_warp{ width: 72%;display: flex; align-items: center; justify-content: center; padding: 0 3vw; box-sizing:border-box; height: 7.91666vw;border: 1px solid #E5E5E5;border-radius: 3.95833vw; margin: 0 auto; margin-bottom: 6vw; position: relative;}
.z_ly_warp .tit{ display: inline-block; background: #fff; font-size: 2.08vw; padding: 0 10px; font-family: "cn"; position: absolute; left: 50%; transform: translateX(-50%); top: -1.04vw;} 
.z_ly_form ul{ display: flex; align-items: center;}
.z_ly_form ul li{ flex: 1; width: 18.22916vw; display: flex; align-items: center;  margin-right: 18px;height: 52px; padding: 0 20px; background: #F7F7F7;border-radius: 26px;}
.z_ly_form ul .z_sub_btn{ width: 144px;height: 45px;background: #0ba29b;border-radius: 23px; text-align: center; color: #fff; border: none; font-size: 16px; cursor: pointer; flex-shrink: 0;line-height: 45px;}
.z_ly_form ul li .input_text::-webkit-input-placeholder { /* WebKit browsers */color: #101010; font-weight: bold;}
.z_ly_form ul li .input_text::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #101010;font-weight: bold;
}
.z_ly_form ul li .input_text:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #101010;font-weight: bold;
}
.z_ly_form ul li .input_text{ display: block; flex: 1; height: 52px;}
.z_ly_form ul li label img{ display: block;}
.z_ly_form ul li label{ display: block; margin-right: 20px;}
.z_index_hz2{ padding-bottom: 6vw;}

@keyframes zuoyou{
    0%{
        transform: translateX(0);
      }
    50%{
    	  transform: translateX(10px);
    }
    100%{
         transform: translateX(0);
    	}
	}
.z_home_warp{ padding:  5vw 0; background: #f5f6fa; text-align: center;}
.z_home_warp .tit{ font-size: 2.29166vw; font-family: "cn";}
.z_home_warp .desc{ color: #282828; font-size: 1.14583vw; margin:30px 0;}
.z_home_warp .desc em{ color: #0ba29b;}
.z_home_a a{ display: inline-block; width: 129px; height: 40px; text-align: center; color: #0ba29b; margin: 0 15px; line-height: 40px; border: 1px solid #0ba29b; border-radius: 5px;}
.z_home_a a.active,.z_home_a a:hover{ background: #0ba29b; color: #fff ;}
.z_mobile_banner{ display: none;}
.mobilebg{ display: none;}
.z_ruimei_adv .shouji{ display: none;}
.z_about_process .mbg{ display: none;}




@media screen and (max-width:1440px){
.index-two .cir-box .items01{ top: 20px;}	
.z_hz_list{ width: 80%;}
.z_about_desc{ width: 100%;}
.z_chang_box .infobox,.z_chang_box .imgbox{ height: 60vw;}
.z_cjsmall_swiper{ height: 580px;}
.z_contact_warp .box{ padding-top: 5vw;}
}

@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){
	.index-two .bg{ display: none;}
    .index-two .txt-box>p {font-size: 45px;margin: 0;text-align: center;}
    .index-two .txt-box>div>div {text-align: center;}
    .index-two .txt-box {padding-top: 20px;}
    .index-two .cir-box {position:relative;background: none;top: 8vh;padding: 0 0 0 20px;}
    .index-two .cir-box .items {position: relative;left: 0; top: auto;}
    .index-two .cir-box .items02,
    .index-two .cir-box .items03 {margin-top:30px;top:0;}
	.index-two .txt-box>div>p {font-size: 26px;line-height: 20px; margin: 5px 0;}
	.index-two .txt-box>div>p {text-align: center;}
    .index-three {padding: 20px;background-size: 100%;height: auto;}
    .index-three .slide-box {background: none;}
    .index-three .slide-box .swiper-slide {padding-left: 0;}
    .index-three .slide-box .swiper-slide.swiper-slide-active,
    .index-six>ul li .imgs,
    .index-six>ul li {width: 100% !important;}
    .index-three .slide-box .txt-box {margin: 0 20px 0 0;}
    .index-three .slide-box .swiper-slide img {width: 100%;}
    .index-three .slide-box .txt-box>span {font-size: 16px;}
    .index-three .slide-box .img {width: 135px;margin-left: auto;
    margin-right: 20px;}
    {height: 50vh;}
    .index-four .swiper-container .swiper-slide .imgs,
    .index-four,
    .index-four .swiper-container .swiper-slide,
    .index-four .swiper-container {height: 340px;}
    .index-five .items {height: 340px;}
    .index-five,
    .index-six>ul,
    .index-two .txt-box,
    .index-eight .tag-ul,
    .footer .f-txt,
    .footer .f-list,
    .footer .footer-conn .f-nav-ul,
    .footer .f-txt>ul,
    .header,
    .index-four .swiper-pagination,
    .index-three .slide-box .swiper-pagination
    {display: block;}
    .index-five .items {width: 100%;padding:20px;}
    .index-five .items>div>p {font-size: 26px;margin-top: 20px;}
    .index-five .items>div>div.icon {margin-top: 30px;}
    .index-six {height: auto; background-repeat: no-repeat;background-size: 122% auto;padding: 25px 10px;background-size: 119% auto;
    padding: 25px 10px;
    background-position: 66% -10px;padding-bottom: 22px;}
    .index-six .s-conn {top: 0;width: 140px;height:140px;padding: 20px 20px 0 24px; margin-left: 10px;}

	.index-six .s-conn>img{ display: none;}
    .index-six>ul {margin-top: 40px;}
    .index-six .s-conn>img {width: 50px;}
    .index-six .s-conn>p,
   
    .index-six .s-conn>a {margin-top: 10px;}
    .index-six .cc {top: 17vh;left: 32%;width:50px;height: 50px;border: 15px solid #0ba29b;}
    .index-six>ul li {margin: 0;box-sizing: border-box;margin-bottom: 7px; border-radius: 5px; height: 30vw; width: 46%!important; float: left;}
	.index-six>ul li:nth-child(even){ float: right;}
    .index-five {height: auto;}
    .index-seven>div {top: 0;margin-bottom: 50px;}
    .index-seven>p {font-size: 22px;text-align: center;padding: 0 20px;}
    .index-eight .tit2 {font-size: 14px;margin-top: 15px;padding: 0 20px;}
    .index-eight .tit1,
    .index-two .txt-box>div>div>span,
    .index-five .items>div>span,
    .index-six .s-conn>span,
    .index-three .slide-box .txt-box>p
    {font-size: 24px;}
    .index-eight .items-ul {width: 100%;margin-top: 20px;padding: 0 10px;box-sizing: border-box;}
    .index-eight .search-box {width: 80%;}
    .index-eight .tag-ul li {display: inline-block;margin: 5px;padding: 10px;}
    .footer .footer-conn .f-nav-ul li:nth-child(1),
    .footer .footer-conn .f-nav-ul li:nth-child(2),
    .footer .footer-conn .f-nav-ul li:nth-child(3),
    .footer .footer-conn .f-nav-ul li:nth-child(4),
    .footer .footer-conn .f-nav-ul li:nth-child(5),
    .footer .footer-conn .f-nav-ul li:nth-child(6),
    .footer .footer-conn .f-nav-ul li:nth-child(7),
    .header .c-nav,
    .header .r-box li.tm,
    .header .r-box li.items,
    .header .search>i,
    .index-three .slide-box .swiper-slide.swiper-slide-active:before,
    .index-three .slide-box .txt-box>div,
    .index-four .four-button,
    .nav-item > li > ol,
    #clock .time-box > ul.time-cir > li .time-thumb-img,
    .header .r-box .search .search-box,
    .index-seven:before,
    .cursor,
    .index-two .txt-box>p:before,
    .index-three .slide-box .part-button-next
    {display: none;}
    .footer:before {height: 30px;}
    .footer .footer-conn .f-nav-ul li:last-child {display: flex;justify-content: space-around;}
    .footer .footer-conn {padding:15px 10px; padding-bottom: 0;padding: 20px 10px;
    padding-bottom: 7px;}
    .footer .f-list li,
    .footer .f-txt>ul li{float: left;margin-right: 10px;}
    .footer .f-txt>ul li {padding: 5px 0;}
    .footer .f-txt {padding: 20px 0;}
    .mask-box {left: 20px;top: 60vh;}
    .mask-box .h2 {font-size: 38px;line-height: 38px;}
    .mask-box .desc,
    .index-six>ul li .tit,
    .index-two .cir-box .items>i {font-size: 22px;}
    .mask-box .more-btn {margin-top: 30px;}
    .mask-box .desc:before,
    .mask-box .desc.on:before {width: 170px;bottom: -10px;}
    .header .r-box>li.lh-nav-btn {position: absolute;right: 20px;top: 0px; height: 50px; display: flex; align-items: center; justify-content: center;}
    .nav-item > li {width: 100%;height: auto;}
    .nav-item {
        position: absolute;
        top: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.8);
        width: 70%;
        height: 100vh;
        overflow: auto;
        padding: 170px 0 0;
        transform: translateX(100%);
        transition: all 0.3s ease-out;
    }
    .nav-item > li > a {
        color: #fff;
        font-size: 16px;
        display: inline-block;
        width: 100%;
        text-align: left;
        text-indent: 0;
        margin-left: 20px;
    }
    .nav-item > li > ol > li {
        font-size: 14px;
        display: block;
        padding-left: 20px;
        color: rgba(255, 255, 255, 0.8);
        height: 36px;
        line-height: 36px;
        margin-left: 20px;
        text-align: left;
    }
    .nav-item > li > ol.on,
    .index-three .slide-box .swiper-slide.swiper-slide-next .txt-box {display: block;}
    #clock {width: 70vw;height: 70vw;}
    #clock .time-box .time-el .shi,
    #clock .time-box .time-el .fen {width: 5px;}
    #clock .time-move canvas {position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%, -50%);}
    #clock .time-box > ul.time-num {height: 54%;}
    .header .r-box .search .search-box.ons {transform: translateX(0);opacity: 1;}
    .header .r-box .search .search-box .btn {font-size: 34px;}
    .header .r-box .search .search-box .text {width: 80%;}
    .index-five .items>div>a.icon {margin-top: 20px;}
    .index-five .items>div>img {width: 45px;}
    .index-three .slide-box .swiper-slide.swiper-slide-active {padding-right: 0;}
    .index-three:before {font-size: 70px;}
    .index-eight .items-ul>li {width: 30%;margin: 1% 1% 1% 2%;}
    .index-three .slide-box .swiper-slide.swiper-slide-next {background: none;}
    .load-img {left: 5%;}
    .index-eight .items-ul>li {height: 70px; margin-bottom: 1px;}
    .banner-box canvas {pointer-events: none;}
    .index-six>ul li .tit,
    .index-six>ul li .desc {margin-bottom: 0;}
    .footer .f-txt>ul {margin-top: 20px;}
    .index-eight .search-box>input {width: 80%}
    /*.index-two:after {display: block;}*/
    .footer .f-list a {line-height: 23px;}
    .footer .f-list {margin: 10px 0;}
    .index-four .swiper-container .swiper-slide .imgs {background-size: cover;background-position: 56% center;    background-size: 182%;}
    .index-three .slide-box .txt-box>a>i,
    .index-five .items>div>a.icon,
    .index-six .s-conn>a,
    .index-seven>div
    {width: 45px;height: 45px; line-height: 45px;}
    .index-seven>div:before {width: 100px;height: 100px;}
    .index-two .cir-box .items>i {width: 46px;height: 40px; font-size: 16px;}
    .index-eight {padding-top: 0;}
	.indexBanner{ display: none;}
	.z_mobile_banner{ display: block; position: relative; margin-top: 44px;} 
	#home{ height: auto;}
	#bloc{ display: none;}
	.z_mobile_banner img{ display: block; width: 100%;}
	.l-logo img{ display: block; height: 35px;}
	.index-two{ height: calc(100vh - 44px); display: flex;/* background:url(img/map.jpg) no-repeat; */align-items: center; justify-content: center; padding: 20px 0;background-size: auto 120%;box-sizing: border-box;
    background-position: bottom center;}
	.index-two .txt-box{ padding: 0;}
	.index-two .txt-box>p{ font-size: 26px; line-height: 24px;}
	.index-two .txt-box>div>p{ font-size: 18px; margin: 10px 0;}
	.index-eight .tit1, .index-two .txt-box>div>div>span, .index-five .items>div>span, .index-six .s-conn>span, .index-three .slide-box .txt-box>p{ font-size: 18px!important;}
	.index-two .cir-box{ position: relative; bottom: auto; top: auto; height: auto; margin-top: 60px;}
	.z_mobile_tit{ display: block; font-size: 24px; text-align: center; font-weight: bold;    font-family: 'cn'; margin-bottom: 25px;}
	.index-five .items>div>p,.index-six .s-conn>p, .index-two .txt-box>div>p{ font-size: 18px;}
	.index-six>ul li .tit{ font-size: 16px;transform: translateY(0);}
	.index-six>ul li .desc{ font-size: 14px; margin: 10px 0; transform: translateY(0);}
	.index-six>ul li .more{ transform: translateY(0); margin: 0; font-size: 12px;}
	.index-eight .items-ul{ padding-bottom: 20px; margin: 0; margin-top: 20px; height: 210px; overflow: hidden}
	.index-eight .items-ul:after{ bottom: 0; height: 4px; background: #F5F6FA;}
	.index-eight{ padding: 0;padding-bottom: 25px;}
	.index-eight .search-box{ margin: 20px auto; height: 40px;}
	.index-eight .search-box>i{ left: 15px; top: 7px;}
	.footer:before{ display: none;}
	.index-eight .tag-ul{ padding-bottom: 15px;;}
	.index-eight .tag-ul li{ padding: 6px 10px;   
}
	.footer{ text-align: center;}
	.footer .footer-conn .f-nav-ul{ display: flex!important; align-items: center!important; justify-content: center!important; padding-bottom: 0;}
	.f-nav-ul li{ text-align: center; margin: 0 10px!important;}
	.f-nav-ul li div{ margin: 0 10px;}
	.f-nav-ul li .txt{ font-size: 14px;}
	.footer .f-txt>ul li:last-child{ padding: 5px 8px;}
	.footer .f-txt>ul li{ margin: 0;margin: 0 10px;}
	.footer .f-txt>ul li a{ font-size: 12px;}
	.footer .f-txt>ul{ display: flex; justify-content:center;}
	.footer .f-txt{padding: 15px 0;}
	.footer .f-list{margin: 0; padding: 10px 0;}
	.footer .f-list li{ display: inline-block;display: inline-block;
    margin: 0 5px;
    float: none;
}
	.index-two .cir-box .items>i{ margin-right: 20px;}
	.index-two .cir-box{ padding:0 30px;}
	.index-five{ display: none;}
	.z_mobile_tit2 .tit1{ display: flex; align-items: center; justify-content: center;}
	.z_mobile_tit2 .tit1 span{ font-size: 38px; line-height: 38px; color: #0ba29b; font-family: RheemSansB;border-right: 2px solid #0ba29b; padding-right: 15px; margin-right: 15px;}
	.z_mobile_tit2 .tit1 .p{ color: #fff;font-family: RheemSansB; font-size: 16px; line-height: 18px;}
	.z_mobile_tit2 .tit2{ text-align: center; font-size: 20px;font-family: 'cn'; font-weight: bold; color: #fff; margin-top: 20px;}
	.z_mobile_tit2 .tit2 span{ display: inline-block; margin: 0 5px;}
	.index-two .txt-box{ display: none;}
	.z_mobile_tit2{ display: block}
	.index-three .slide-box .txt-box>a{ width: 45px; height: 45px; line-height: 45px;}
	.index-six .s-conn>span{ font-size: 16px!important;}
	.index-six .s-conn>p{ font-size: 14px!important;line-height: 18px!important; margin-bottom: 0!important;}
	.index-six .s-conn>a{ width:30px; height: 30px;}
	.index-three{ background: #fff; padding:30px 0;}
	.z_pro_swiper{ width: 100%;  position: relative; overflow: hidden;}
	.z_pro_swiper .bd li a{ height: auto;}
	.z_pro_swiper .bd li .infobox{padding: 0 10px; display: block;}
	.z_pro_swiper .bd li.swiper-slide-next .infobox{ display: block;}
	.z_pro_swiper .bd li .desc{ display: none; }
	.z_pro_swiper .bd li h3{ font-size: 18px; margin-bottom: 10px;}
	.z_pro_swiper .bd li .titbox{ margin-bottom:20px;}
	.z_arr_more{  width: 30px; height: 30px; line-height: 30px;  }
	.z_arr_more .iconfont{ font-size: 12px;}
	.z_pro_swiper .bd li .imgbox{ width: 50%;}
	.z_pro_swiper .bd li .infobox{ width: 50%;}
/* 	.z_pro_swiper .bd li img{ max-width: 70%;} */
	.z_pro_hd{ position: absolute;display: block; left: 0; z-index: 2; bottom: 0px; text-align: center; width: 100%;}
	.z_pro_hd li{ display: none; width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2; margin: 0 2px;}
	.z_pro_hd li.on{ background: #0ba29b!important; opacity: 1;}
	.index-six{ position: relative; margin-top: -30vw; bottom: auto; padding: 0 18px;}
	.index-six>ul{ margin-left: -4%;}
	.index-six>ul li{ width: 46%; margin-left: 4%; margin-bottom: 15px;}
	.z_index_four .slg img{ height: 40px;}
	.z_index_four .z_cx_tit .cn{ font-size: 20px; font-weight: bold; line-height: normal;}
	.z_index_tit h3{ font-size: 20px; margin-bottom: 10px; font-weight: bold; }
	.z_index_tit h4{ font-size: 14px;font-size: 14px!important;}
	.z_hz_list li{ width: 24%;height: 70px; margin: 0;
    }
	.z_hz_list li img{ max-width: 94%;}
	.z_hz_list{ width: 100%;padding-bottom: 20px;
    margin: 0;
    margin-top: 20px;
    height: 210px;
    overflow: hidden;}
	.z_index_hz{ padding: 20px 15px;    padding-bottom:40px;}
	.z_other_banner2{ margin-top: 44px;}
	.z_other_text2 h3{ font-size: 20px;}
	.z_other_text2 h4{ font-size: 12px;}
	.z_other_text2 .wow::before{ display: none;}
	.z_about_tab { padding: 10px 10px;}
	.z_about_tit .year{ font-size: 60px; line-height: 56px; padding-right: 15px; margin-right: 15px;}
	.z_about_tit h3{ font-size: 16px; line-height: 16px;}
	.z_about_tit h4{ margin-top: 5px; font-size: 16px;}
	.z_about_tabli{ margin-bottom: 30px;}
	.z_about_desc{ font-size: 14px; line-height: 24px;}
	.z_about_img ul{ margin-left: 0;}
	.z_about_img li{ width: 100%; margin-left: 0; margin-bottom: 5px; height: 64vw;}
	.z_about_img li:last-child{ margin-bottom: 0;}
	.z_about_map{ padding: 40px 20px;}
	.z_quanqiu_box{ width: 100%;}
	.z_quanqiu_box .tit{ font-size: 18px; line-height: normal;}
	.z_quanqiu_box .desc{ line-height: 24px; font-size: 13px; margin: 10px 0;}
	.z_process_swiper::before{ display: none;}
	.z_about_num2{ margin: 60px 0;}
	.z_about_num2 li{ width: 33.3%; }
	.z_about_num2 li .timer{ font-size: 20px;}
	.z_about_num2 li h4{ font-size: 12px;}
	.z_quanqiu_lan li{ width: 100%; border-right: none; height: 50px;border-bottom: 1px solid #dcdcdc; justify-content: flex-start; padding: 0 20px; box-sizing: border-box;}
	.z_quanqiu_lan li .icon{  max-width: 20px; text-align: left; margin-right: 20px;}
	.z_quanqiu_lan li a{ display: flex; align-items: center; justify-content: center; font-size: 14px;}
	.z_quanqiu_lan li span em{ font-size: 16px;}
	.z_quanqiu_lan li:last-child{ border-bottom: none;}
	.z_quanqiu_lan::before{ display: none;}
	.z_process_tit h3{ font-size: 20px;}
	.z_about_process{ padding:30px 0;}
	.z_process_tit H4{ font-size: 20px;}
	.z_process_swiper{ height: 350px; }
	.z_process_swiper li .warp{ padding: 0 46px;}
	.z_process_swiper .swiper-slide{ width: 100%; display: flex; align-items: center;}
	.z_process_swiper li{ margin-left: 0!important;}
	.z_process_swiper li:nth-child(odd) .warp{ margin-top: 0;}
	.z_process_warp{ height: auto; padding: 0;}
	.z_process_swiper .btn{ width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px;}
	.z_process_swiper .next{ right: 10px;}
	.z_process_swiper .prev{ left: 10px;}
	.z_process_swiper .boxitem .imgbox{ width: 80px; height: 80px;}
	.z_process_swiper .boxitem .year{ font-size: 18px;}
	.z_process_swiper .boxitem .cn{ font-size: 14px;}
	.z_process_swiper li .warp{ border: none; height: auto;}
	.z_process_tit{ margin-bottom: 20px;}
	.z_nl_box{ width: 100%; min-height: 100vw; padding: 20px 20px;}
	.z_process_warp::before{ display: none;}
	.z_nl_box .icon img{ height: 40px;}
	.z_nl_box .tit h3{ font-size: 16px;}
	.z_nl_box .tit h4{ font-size: 18px;}
	.z_nl_box .desc{ font-size: 14px; line-height: 24px;}
	.z_nl_box .z_nl_box .tit{margin: 10px 0;}
	.z_about_honor{ padding: 40px 20px;}
	.z_honorswiper_warp{ width: 100%; height: auto; padding: 0;}
	.z_honor_swiper{ height: auto;}
	.z_honor_swiper li{ width: 90px; height: 90px; padding-top: 15px;}
	.z_honorswiper_warp .btn{ top: 50%; width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin-top: -15px; transform: translateX(0); bottom: auto; left: auto;  }
	.z_honorswiper_warp .prev{ left: -10px; transform:translateX(0) rotate(-90deg) ;}
	.z_honorswiper_warp .next{ right: -10px; transform:translateX(0) rotate(-90deg) ;}
	.z_honor_swiper li::before{ border-width: 2px;}
	.z_honor_imgbox,.z_honor_descbox{ position: relative; top: auto; transform: translateY(0); left: auto; right: auto;}
	.z_honor_imgbox{ width: 300px; height: 300px; margin: 20px auto; display: none;}
	.z_honor_descbox{ margin-top: 20px;}
	.z_honor_imgbox li img{ max-height: 80%;}
	.z_honor_descbox{ width: 100%;}
	.z_honor_descbox .icon img{ height: 40px;}
	.z_honor_descbox .tit{ font-size: 18px;margin: 10px 0;}
	.z_honor_descbox li .year{font-size: 20px;} 
	.z_honor_descbox li .desc{ font-size: 14px; line-height: 24px;}
	.z_about_case .boxwarp{ width: 100%; height: 100vw;}
	.z_about_case .boxwarp .icon{ height: 40px; margin-bottom: 10px;}
	.z_about_case .boxwarp h3{ font-size: 18px;}
	.z_about_case .boxwarp h4{ font-size: 18px;}
	.z_about_case .boxwarp .infobox{ bottom: 30px; padding: 0 20px;}
	.z_contact_warp .box{ width: 100%; border-right: none; height: auto; padding: 20px 10px; text-align: center;}
	.z_contact_warp .box .icon img{ max-height: 40px; margin: 0 auto;}
	.z_contact_warp .box .warp{ width: 100%;}
	.z_contact_warp .box .z_arr_more{ display: inline-block;}
	.z_contact_warp .lxbox .titbox h3,.z_contact_warp .mdbox h3{ font-size: 15px;}
	.z_contact_warp .lxbox .titbox h4,.z_contact_warp .mdbox h4,.z_contact_warp .codebox .tit{font-size: 18px;}
	.z_contact_warp .lxbox .titbox h5,.z_contact_warp .mdbox .desc,.z_code_li li{ font-size: 14px;}
	.z_code_li ul{ display: flex; justify-content: center; }
	.z_contact_map{ height: auto;}
	.z_contact_map .mapbox{ height: 80vw;}
	.z_contact_info{ width: 300px; height: 300px; padding: 20px 30px; position: relative; transform: translateY(0); left: auto; margin: 20px auto;}
	.z_contact_info .tit{ font-size: 16px; padding-bottom: 10px; margin-bottom: 10px;}
	.z_contact_info  .desc{ line-height: 24px; font-size: 14px;}
	.z_page_nav{line-height: 40px; padding: 0 10px; text-align: center;border-bottom: 1px solid #dbdbdb;overflow: hidden;height: auto;}
	.z_page_nav a{ margin: 0 8px;}
	.z_case_list{padding: 15px;}
	.z_case_list li{ width: 100%; height: 60vw; margin-bottom: 10px;}
	.z_case_list li .titbox{ padding: 0 10px; bottom: 10px; font-size: 14px;}
	.proMore span{ width: 30px; height: 30px; background-size: auto 100%;}
	.z_case_list .proMore{ margin-top: 0;}
	.vricon img{ height: 40px;}
	.z_shangye_about{ margin: 0;}
	.z_shangye_about .infobox,.z_shangye_about .imgbox{ width: 100%; height: auto;}
	.z_shangye_about .infobox{ padding: 20px 20px;}
	.z_shangye_about .icon img{ height: 30px; margin: 0 auto; display: block;}
	.z_shangye_about .titbox h3,.z_shangye_about .titbox h4{ font-size: 18px; line-height: normal; text-align: center;}
	.z_shangye_about .desc{ font-size: 14px;line-height: 24px; margin: 20px 0;}
	.z_shangye_about .z_arr_more{ margin: 0 auto;}
	.z_ruimei_adv{ padding: 50px 10px; padding-bottom: 30px; background-size: cover; height: auto;}
	.z_adv_tit h3{ font-size: 18px;}
	.z_adv_tit .desc{ font-size: 12px;line-height: 18px;}
	.z_adv_list li img{ width: 35px;}
	.z_adv_list ul{ display: block;}
	.z_adv_list li{ width: 24%; margin-bottom: 10px;}
	.z_adv_list li h3{ font-size: 12px; margin-top: 5px;}
	.z_chang_head{ padding: 20px 10px;}
	.z_chang_head .icon img{ height: 30px; display: block; margin: 0 auto;}
	.z_chang_head .cn{ font-size: 18px; line-height: normal; margin: 10px 0; margin-top: 15px;}
	.z_chang_head .desc{ font-size: 14px; line-height: 24px;}
	.z_cjsmall_warp{ display: none;}
	.z_chang_box .imgbox{ width: 100%; height: 100vw;} 
	.z_chang_box .imgbox::before{ display: none!important;}
	.z_chang_box .imgbox .titbox{padding: 0 10px; text-align: center; width: 100%;}
	.z_chang_box .imgbox .titbox h3{ font-size: 16px; margin-bottom: 10px;}
	.z_chang_box .imgbox .titbox h4{ font-size: 14px;}
	.z_chang_box .infobox{ width: 100%; height: auto;}
	.z_cjbig_swiper{ width: 100%;}
	.z_cjbig_swiper{ padding: 20px 0;}
	.z_cjbig_swiper li .picbox{ height: 50vw;}
	.z_cjbig_swiper li .descbox h3{ font-size: 16px;}
	.z_cjbig_swiper li .descbox .xh{ font-size: 14px;}
	.z_cjbig_swiper li .desc{ font-size: 14px; line-height: 24px;}
	.z_cj_hd{ text-align: center; margin-top: 10px;}
	.z_cj_hd span{display: inline-block; width: 8px; height: 8px; background: #ddd; border-radius: 50%; margin: 0 2px;}
	.z_cj_hd .swiper-pagination-bullet-active{ background: #0ba29b;}
    .z_index_hz2 .z_hz_list{height: auto;} 
	.z_hz_tel{ height: 42px; line-height: 40px; width: 240px; margin-top: 0;}
	.z_ly_warp{ width: 94%; height: auto; border-radius: 10px; padding:20px 10px; margin-top: 30px; padding-top: 30px;}
	.z_ly_warp .tit{ font-size: 18px; margin-top: -9px;}
	.z_ly_form{ width: 100%;}
	.z_ly_form ul{ display: block;}
	.z_ly_form ul li{ width: 100%; height: 40px; border-radius: 20px; padding: 0 10px; margin-bottom: 10px;}
	.z_ly_form ul li label{ margin-right: 10px;}
	.z_ly_form ul .z_sub_btn{ height: 40px; margin: 0 auto; display: block;}
	.z_chang_warp{ padding-bottom: 15px;}
	.z_chang_warp .proMore{ margin-top: 15px;}
	.z_home_warp{ padding: 20px 18px;}
	.z_home_warp .tit{ font-size: 18px;}
	.z_home_warp .desc { font-size: 14px; margin: 10px 0;}
	.z_home_a a{ margin: 0 10px;}
	.z_mobile_banner{ display: block; position: relative; overflow: hidden; height: calc(100vh - 44px);}
	.z_banner_hd li{width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2; margin: 0 4px;}
	.z_banner_hd{bottom: 10px;left: 0;width: 100%; z-index: 2; position: absolute; width: 100%; text-align: center;}
	.z_banner_hd li.on{background: #0ba29b;opacity: 1;}
	.z_process_swiper .btn::after, .z_arr_more::after{ width: 30px; height: 30px;}
	.z_index_four .z_cx_tit{ left: 30px; top: 40px;}
	.z_pro_swiper .bd li h4{ font-size: 14px;}
	.index-six li h3{ font-size: 18px;}
	.index-six li h4{ margin: 5px 0;}
	.index-six li .infobox{ transform: translateY(-50%);}
	
	.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_menu_shop{ bottom: 20px;}
	.z_home_warp{ padding-bottom: 40px;}
	.z_ly_warp{ margin-bottom: 40px;}
		.z_about_tit pre{ font-size:18px; margin-bottom: 5px; line-height: normal;}
		.z_about_tit .year{ font-size: 50px;}
		.z_process_swiper .boxitem:last-child{ margin-bottom: 0; margin-top: 0;}
		.z_process_swiper .btn{ top: 50%; transform: translateY(-50%);}
	.z_quanqiu_box .desc{-webkit-line-clamp:unset;}
	.z_pro_swiper .bd li img{ max-width: 100%; max-height: 80%;}
	.mobilebg{ display: block!important; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-position: bottom center;}
	.pcbg{ display: none; margin-top: 0;}
	.z_pro_swiper .bd li a{ display: block;}
	.z_pro_swiper .bd li .infobox,.z_pro_swiper .bd li .imgbox{ width: 100%; text-align: center;}
	.z_rem_img img{ height: 25vw;}
	.z_pro_swiper .z_arr_more{ margin: 0 auto;}
	.z_pro_swiper .bd li .infobox, .z_pro_swiper .bd li .imgbox{ height: auto;}
	.z_pro_swiper .bd li .imgbox{ height: 80vw;}
	.z_about_map .shouji{ display: block;}
	.z_about_map,.z_ruimei_adv{ background: none!important;}
   .z_map_slg{ display: none;}
   .z_ruimei_adv .shouji{ display: block;}
   .z_ruimei_adv{ height: calc(100vh - 50px);}
   .z_ruimei_adv{ display: flex; align-items: center; justify-content: center;}
   .z_about_process .mbg{ display: block;}
   .z_about_process{ background-image: none!important;}
}