blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
/* table{border-collapse:collapse;border-spacing:0} */
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r{float:right}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.dn{display:none}
body{color:#222;font-size:.32rem;line-height:1.8;font-family:"Microsoft Yahei",sans-serif;max-width:750px;margin:0 auto;padding-bottom: 1.5rem;padding-bottom: calc(1.5rem + env(safe-area-inset-bottom))}
a{color:#333;text-decoration:none}
img,video{max-width:100%}
input,select,textarea{font-size:.14rem;color:#444;font-family:"Microsoft Yahei",sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus{background:#fff;border:solid #bbb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input.false:focus{border:solid #ff1531;background:#fff}
.ani,a{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
*{-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0}
.unselect{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}
.clearfix:after{content:" ";display:block;height:0;visibility:hidden;clear:both}
.clearfix{zoom:1}
.wp{padding:0 .3rem}
header{padding-bottom:.2rem;position: relative;}
.inner header{background-color:#258169;background:-moz-linear-gradient(top,#255c4f 0,#258169 100%);background:-webkit-linear-gradient(top,#255c4f 0,#258169 100%);background:-o-linear-gradient(top,#255c4f 0,#258169 100%);background:-ms-linear-gradient(top,#255c4f 0,#258169 100%);background:linear-gradient(to bottom,#255c4f 0,#258169 100%)}
header .top{display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;padding:.2rem 0}
header .top .kf{font-size:.28rem;color:#255e50;line-height:.5rem;display:-webkit-flex;display:flex;justify-content:center;align-items:center;border-radius:.5rem;background-color:#fff;padding:0 .24rem}
header .top .kf img{width:.3rem;margin-right:.14rem}
.logo{width:2rem}
nav{display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;padding:.1rem 0 .2rem}
nav a{font-size:.32rem;color:#fff;line-height:.42rem;padding-bottom:.2rem;position:relative;flex-grow:1}
nav a:after{content:"";position:absolute;left:.2rem;width:.26rem;height:.04rem;background-color:transparent;border-radius:.04rem;bottom:0;z-index:1}
nav a:last-child{flex-grow:0}
nav a.active{color:#e9b120}
nav a.active:after{background-color:#e9b120}
footer{text-align:center;padding:.5rem 0;color:#365b50;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-moz-box-shadow: 0 0 16px rgba(0,0,0,0.15);-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.15);box-shadow: 0 0 16px rgba(0,0,0,0.15);margin-bottom: 1em;
    /* background: url(../images/xz-bg1.png) no-repeat center; */
}
footer .top{padding-bottom:.35rem;margin-bottom:.34rem;font-size:.26rem;line-height:.36rem;border-bottom: 1px solid;border-image:linear-gradient(to right,transparent,#258169,transparent) 1;letter-spacing: 1px;}
footer .top strong{display:block;font-size:.54rem;color:#365b50;line-height:.64rem;margin-bottom:.12rem}
.f-logo img{display:block;width:2.45rem;margin:0 auto}
.top-other{position:relative}
.top-other .prev{position:absolute;left:0;top:0;width:.2rem;height:.97rem;background:url(../images/a-jt1.png) center no-repeat;-webkit-background-size:.2rem;-moz-background-size:.2rem;-o-background-size:.2rem;background-size:.2rem}
.top-other ol{text-align:center;color:#fff;font-size:.32rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 0.4rem;}
.top-other li{display:inline;line-height:.97rem}
.top-other li a{color:#fff}

footer{text-align:center;padding:.5rem 0;color:#365b50;background: url(../mgreenimg/xz-bg1.png) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-moz-box-shadow: 0 0 16px rgba(0,0,0,0.15);-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.15);box-shadow: 0 0 16px rgba(0,0,0,0.15);margin-bottom: 1em;}
footer .top{padding-bottom:.35rem;margin-bottom:.34rem;font-size:.26rem;line-height:.36rem;border-bottom: 1px solid;border-image:linear-gradient(to right,transparent,#258169,transparent) 1;letter-spacing: 1px;}
footer .top strong{display:block;font-size:.54rem;color:#365b50;line-height:.64rem;margin-bottom:.12rem}

.serve-bot{background:#fff url(../mgreenimg/f-bg.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;width:100%;z-index:9999;bottom: -100%;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;transition:1s;margin-bottom:env(safe-area-inset-bottom);max-width: 750px;}
.serve-bot a{font-size:.32rem;color:#fff;line-height:1rem;padding-left:.75rem;background-repeat:no-repeat;background-position:0 center;-webkit-background-size:.55rem;-moz-background-size:.55rem;-o-background-size:.55rem;background-size:.55rem}
.serve-bot .zx{background-image:url(../mgreenimg/f-ico1.png);margin-left: 0.3rem;}
.serve-bot .tel{display: -webkit-flex;display: flex;justify-content:center;align-items:center;background-color:#cfdaec;background: -moz-linear-gradient(left, #ec6245 0%, #f0b64c 100%);background: -webkit-linear-gradient(left, #ec6245 0%,#f0b64c 100%);background: -o-linear-gradient(left, #ec6245 0%,#f0b64c 100%);background: -ms-linear-gradient(left, #ec6245 0%,#f0b64c 100%);background: linear-gradient(to right, #ec6245 0%,#f0b64c 100%);border-radius: .56rem .56rem 0 .56rem;width: 3.9rem;padding: 0.15rem 0;position: relative;bottom: 0.35rem;}
.serve-bot .tel img{margin-right: 0.2rem;width: 0.48rem;}
.serve-bot .tel p{font-size: 0.24rem;color: #ffffff;line-height: 0.34rem;}
.serve-bot .tel p span{display: block;}
.serve-bot .tel p span em{font-size: 0.36rem;font-weight: bold;}
.goTop{position:fixed;right:.1rem;bottom:2rem;width:.65rem;z-index:99}
.goTop img{display:block;width:100%}

.fix-night{padding:0.1rem 0.2rem;-moz-box-shadow: 0 0 .2rem rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 .2rem rgba(0,0,0,0.5);box-shadow: 0 0 .2rem rgba(0,0,0,0.5);background-color: #fff;position: fixed;bottom: -100%;width: 100%;display: none;z-index: 999;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;max-width: 750px;}
.fix-night a{font-size: 0.32rem;line-height: 0.8rem;width: 2.6rem;background-color: #257f68;color: #ffffff;border-radius: .8rem;display: -webkit-flex;display: flex;justify-content:center;align-items:center;}
.fix-night p{color: #333333;font-size: 0.28rem;}
.fix-night .con{display: -webkit-flex;display: flex;justify-content:space-between;align-items:center;}
.fix-night a img{width: 0.4rem;margin-right: 0.2rem;}


/* 01 */
.green-top{background: url(../mgreenimg/green-top.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding: 1.1rem 0 1.2rem;text-align: center;}
.green-top h1{color: #F7F7F7;font-size: 0.8rem;line-height: 1.5; background: url(../mgreenimg/green-tit.png) no-repeat center bottom;-webkit-background-size: auto 0.5rem;-moz-background-size: auto 0.5rem;-ms-background-size: auto 0.5rem;-o-background-size: auto 0.5rem;background-size: auto 0.5rem;}
.green-top p{color: #E8E8E8;font-size: 0.28rem;line-height: 1.2;margin-top: 0.3rem;letter-spacing: 0.5px;}
.green-top p:before{content: '';display: inline-block;width: 0.36rem;height: 0.02rem;background-color: #E8E8E8;vertical-align: middle;margin-top: -0.02rem;margin-right: 0.1rem;}
.green-top p:after{content: '';display: inline-block;width: 0.36rem;height: 0.02rem;background-color: #E8E8E8;vertical-align: middle;margin-top: -0.02rem;margin-left: 0.1rem;}


/* 02 */
.green-nav{background: #FFF;padding: 0.36rem 0 0.36rem 0.28rem;overflow: hidden;width: 100%;position: relative;}
.green-nav ul{overflow-x: auto;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.green-nav ul li{text-align: center;margin-right: 0.16rem;flex-shrink: 0;background-color: #256B5A;border:0.02rem solid #FFC747;line-height: 0.6rem;-webkit-border-radius: 0.6rem;-moz-border-radius: 0.6rem;-ms-border-radius: 0.6rem;-o-border-radius: 0.6rem;border-radius: 0.6rem;}
.green-nav ul li a {display: block;font-size: 0.3rem;color: #FFF;padding:0 0.24rem;}


/* 03 */
.green-name{position: relative;padding-top: 0.36rem;padding-bottom: 0.3rem;margin-bottom: 0.48rem;text-align: center;}
.green-name:before{content: "";position: absolute;left: 0;top: 0;right: 0;margin: 0 auto;width:6.7rem;height: 0.92rem;background: url(../mgreenimg/green-font.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.green-name:after{content: "";position: absolute;left: 0;right:0;bottom: 0;width:1.16rem;height: 0.08rem;margin:0 auto;background: -webkit-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: -moz-linear-gradient(left, #FF753A 0%, #FF965C 100%);background: -ms-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: -o-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: linear-gradient(to right, #FF753A 0%,#FF965C 100%);}
.green-name h2{color: #285E51;font-size: 0.48rem;line-height: 1.2;}

.green-one{background: url(../mgreenimg/green-bgs01.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding: 0.26rem 0 0.5rem;}
.green-one p{color: #4c4c4c;font-size: 0.28rem;line-height: 1.8;margin-top: 0.24rem;}
.green-one p img{width: 100%;height: auto;margin-top: 0.3rem;vertical-align: middle;}


/* 04 */
.green-two{background: url(../mgreenimg/green-bg01.png);padding: 0.26rem 0 0.6rem;}
.green-two p{color: #4c4c4c;font-size: 0.28rem;line-height: 1.8;}
.two-show{position: relative;z-index: 0;padding: 0 .26rem;margin-top: 0.4rem;padding-bottom: 0.5rem;}
.two-show:before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 80%;background: url(../mgreenimg/green-bg03.png);z-index: -1;-webkit-box-shadow: 0 0 0.28rem rgba(0,0,0,.1);-moz-box-shadow: 0 0 0.28rem rgba(0,0,0,.1);-ms-box-shadow: 0 0 0.28rem rgba(0,0,0,.1);-o-box-shadow: 0 0 0.28rem rgba(0,0,0,.1);box-shadow: 0 0 0.28rem rgba(0,0,0,.1);-webkit-border-radius: 0.44rem;-moz-border-radius: 0.44rem;-ms-border-radius: 0.44rem;-o-border-radius: 0.44rem;border-radius: 0.44rem;}
.two-pic img{vertical-align: middle;-webkit-box-shadow: 0 0 0.22rem rgba(0,0,0,.1);-moz-box-shadow: 0 0 0.22rem rgba(0,0,0,.1);-ms-box-shadow: 0 0 0.22rem rgba(0,0,0,.1);-o-box-shadow: 0 0 0.22rem rgba(0,0,0,.1);box-shadow: 0 0 0.22rem rgba(0,0,0,.1);-webkit-border-radius: 0.44rem;-moz-border-radius: 0.44rem;-ms-border-radius: 0.44rem;-o-border-radius: 0.44rem;border-radius: 0.44rem;}
.two-show strong{display: block; color: #275D50;line-height: 1.6;margin-top: 0.32rem;}

.two-show ul{margin: 0.3rem 0;margin-left: -4%;}
.two-show ul li{float: left;width: 46%;margin-left: 4%;position: relative;}
.two-show ul li:before{content: "";position: absolute;right: 0;top: 0;bottom:0;width:40%;background: url(../mgreenimg/green-bg04.png);-webkit-border-radius: 0.12rem;-moz-border-radius: 0.12rem;-ms-border-radius: 0.12rem;-o-border-radius: 0.12rem;border-radius: 0.12rem;z-index: -1;}
.two-show ul li img{width: 83%;-webkit-border-radius: 0.8rem;-moz-border-radius: 0.8rem;-ms-border-radius: 0.8rem;-o-border-radius: 0.8rem;border-radius: 0.8rem;-webkit-box-shadow: 0 0 0.12rem rgba(0,0,0,.2);-moz-box-shadow: 0 0 0.12rem rgba(0,0,0,.2);-ms-box-shadow: 0 0 0.12rem rgba(0,0,0,.2);-o-box-shadow: 0 0 0.12rem rgba(0,0,0,.2);box-shadow: 0 0 0.12rem rgba(0,0,0,.2);vertical-align: middle;}
.two-show ul li span{position: absolute;right: 0.06rem;top: 0.18rem;color: #326458;font-size: 0.3rem;width: 0.36rem;line-height: 1.1;}
.two-show p{color: #255c4f;font-size: 0.3rem;position: relative;padding-left: 0.4rem;margin-top: 0.1rem;line-height: 1.8;}
.two-show p:before{content: "";position: absolute;left: 0;top: 0.13rem;width: 0.24rem;height: 0.24rem;background: url(../mgreenimg/green-dot.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}

/* 05 */
.green-pro{background-color: #FFF; padding: 0.26rem 0 0.5rem;position: relative;z-index: 0;}
.green-pro:before{content: "";position: absolute;left: 0;right:0;top: 0;bottom:4rem;background: url(../mgreenimg/green-bg02.png);z-index: -1;}
.green-pro .green-name:before{background-image: url(../mgreenimg/green-fonts.png);}
.green-pro .green-name h2{color:#ECF0F1;}

.tab-no{display: none;}
.green-tab{text-align: center;margin-bottom: 0.48rem;}
.green-tab span{display: inline-block; width: 2rem;height: 0.56rem;line-height: 0.56rem;text-align: center;background-color: #EDF1F2;color: #285E51;font-size: 0.32rem;-webkit-border-radius: 0.06rem;-moz-border-radius: 0.06rem;-ms-border-radius: 0.06rem;-o-border-radius: 0.06rem;border-radius: 0.06rem;margin: 0 0.16rem;}
.green-tab span.on{color:#FFF;background: -webkit-linear-gradient(left, #ff753a 0%,#ff965c 100%);background: -moz-linear-gradient(left, #ff753a 0%, #ff965c 100%);background: -ms-linear-gradient(left, #ff753a 0%,#ff965c 100%);background: -o-linear-gradient(left, #ff753a 0%,#ff965c 100%);background: linear-gradient(to right, #ff753a 0%,#ff965c 100%);}
.tab-pic img{width: 100%;height: auto;vertical-align: middle;}
.pro-show strong{display: block;color: #FFF;font-size: 0.4rem;font-weight: bold;line-height: 1.2;margin-top: 0.55rem;}
.pro-base{margin:0.32rem 0 0.24rem;}
.pro-base li{display: inline-block;color: #ECF0F1;font-size: 0.24rem;line-height: 1.4;margin-right: 0.24rem;}
.pro-base li:last-child{margin-right: 0;}
.pro-base li i{font-size: 0.34rem;font-weight: bold;font-style: normal;}
.pro-base li:before{content:'';display: inline-block;width: 0.12rem; height: 0.12rem;padding: 0.04rem;border:0.02rem solid;-webkit-border-radius: 50%;border-radius: 50%;background-color: #F0BE4D;background-clip: content-box;margin-right:0.1rem;vertical-align: middle;}
.pro-show p{color: #BCD3CD;font-size: 0.32rem;line-height: 1.8;}
.green-btn{text-align: center;margin-top: 0.6rem;}
.green-btn a{display: inline-block;width: 72%;height: 0.76rem;line-height: 0.76rem;text-align: center; background: -webkit-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: -moz-linear-gradient(left, #FF753A 0%, #FF965C 100%);background: -ms-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: -o-linear-gradient(left, #FF753A 0%,#FF965C 100%);background: linear-gradient(to right, #FF753A 0%,#FF965C 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FF753A, endColorstr=#FF965C, GradientType=1);-webkit-border-radius: 0.04rem;-moz-border-radius: 0.04rem;-ms-border-radius: 0.04rem;-o-border-radius: 0.04rem;border-radius: 0.04rem;color: #FFF;font-size: 0.33rem;letter-spacing: 0.01rem; text-shadow:0 0.04rem 0.04rem rgba(0,0,0,.3);}

.pro-wl{background-color: #DFEDEA;-webkit-border-radius: 0.44rem;-moz-border-radius: 0.44rem;-ms-border-radius: 0.44rem;-o-border-radius: 0.44rem;border-radius: 0.44rem;-webkit-box-shadow: inset 0 0 0.32rem rgba(40,94,81,.08);-moz-box-shadow: inset 0 0 0.32rem rgba(40,94,81,.08);-ms-box-shadow: inset 0 0 0.32rem rgba(40,94,81,.08);-o-box-shadow: inset 0 0 0.32rem rgba(40,94,81,.08);box-shadow: inset 0 0 0.32rem rgba(40,94,81,.08);padding: 0.4rem 0.24rem;margin-top: 0.7rem;}
.pro-wl strong{color: #275d50;font-size: 0.34rem;margin-top: 0;}
.pro-wl p{color: #4c4c4c;font-size: 0.28rem;line-height: 1.5;margin-top: 0.2rem;}
.pro-wl ul{margin-top: 0.4rem;margin-left: -2%;}
.pro-wl ul li{float: left;width: 31.3%;margin-left: 2%;}
.pro-wl ul li img{width: 100%;height: auto;vertical-align: middle;}


/* 06 */
.green-four{background-color: #EDF1F2;padding: 0.26rem 0 0.5rem;}
.green-four strong{display: block; color: #333;font-size: 0.36rem;line-height: 1.5;font-weight: normal;}
.green-four p{color: #4c4c4c;font-size: 0.3rem;line-height: 1.8;margin: 0.2rem 0;}
.green-four img{width: 100%;height: auto;vertical-align: middle;}


/* 07 */
.green-case{background: url(../mgreenimg/green-bg03.png);padding: 0.26rem 0 1.1rem;line-height: 1.2;}
.green-video video{width: 100%;height: auto;vertical-align: middle; -webkit-border-radius: 0.04rem;-moz-border-radius: 0.04rem;-ms-border-radius: 0.04rem;-o-border-radius: 0.04rem;border-radius: 0.04rem;}
.green-case h3{margin-top: 0.6rem;}
.green-case h3 a{display: block;color: #333;font-size: 0.36rem;}
.green-case p{color: #4c4c4c;font-size: 0.3rem;margin-top: 0.3rem;}
.green-case p i{color: #285e51;font-style: normal;}
.case-info{background-color: #285e51;-webkit-border-radius: 0.04rem;-moz-border-radius: 0.04rem;-ms-border-radius: 0.04rem;-o-border-radius: 0.04rem;border-radius: 0.04rem;margin-top: 0.4rem;padding: 0.5rem 0.32rem 1.1rem;}
.case-info strong{display: block; color: #FFF;font-size: 0.34rem;font-weight: normal;margin-bottom: 0.4rem;}
.case-info li{color: #d4d8d9;font-size:0.28rem;margin-top:0.2rem;position: relative;padding-left: 0.3rem;line-height: 1.5;}
.case-info li:before{content: "";position: absolute;left: 0;top: 0.12rem;width: 0.2rem;height: 0.2rem;background: url(../mgreenimg/green-ico.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.case-info li span{color: #ecf0f1;}

.case-txt{width: 4.4rem;height: 0.84rem;line-height: 0.84rem;text-align: center;color: #FFF;font-size: 0.3rem; background-color: #ff753a;-webkit-border-radius: 0.04rem;-moz-border-radius: 0.04rem;-ms-border-radius: 0.04rem;-o-border-radius: 0.04rem;border-radius: 0.04rem;margin: -0.4rem auto 0.24rem;position: relative;}
.case-txt h3{display: inline-block;font-size: 0.36rem;font-weight: normal;margin-right: 0.03rem; margin-top: 0;}
.case-txt:after{content: "";position: absolute;left:0;right:0; bottom:-0.24rem;width: 0;height: 0;border-left: 2.2rem solid transparent;border-right: 2.2rem solid transparent;border-top: 0.24rem solid #FF965C;}

.case-pro ul{margin-left: -3%;margin-top: 0.5rem;}
.case-pro ul li{float: left;width: 47%;margin-left: 3%;background: url(../mgreenimg/green-name.png) no-repeat #ECF0F1 bottom center;border:1px solid #D9D9D9;-webkit-border-radius: 0.04rem;-moz-border-radius: 0.04rem;-ms-border-radius: 0.04rem;-o-border-radius: 0.04rem;border-radius: 0.04rem;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;padding-top: 0.28rem;text-align: center;margin-top: 0.32rem;}
.case-pro ul li a{display: block;}
.green-propic{padding: 0 0.36rem;}
.green-propic a{position: relative;padding-top: 66.9%;}
.green-propic a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.green-protxt{color: #16332C;font-size: 0.3rem;line-height: 0.56rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.green-protxt:hover{color: #FF753A;}

/* 08 */
.green-six{background: url(../mgreenimg/green-bgs02.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 1rem;margin-bottom: 0.6rem;}

.good-name{position: relative;top:-0.44rem;text-align: center;height: 0.92rem;-webkit-border-radius: 0.04rem;-moz-border-radius: 0.04rem;-ms-border-radius: 0.04rem;-o-border-radius: 0.04rem;border-radius: 0.04rem;background: -webkit-linear-gradient(left, #285e51 0%,#429985 100%);background: -moz-linear-gradient(left, #285e51 0%, #429985 100%);background: -ms-linear-gradient(left, #285e51 0%,#429985 100%);background: -o-linear-gradient(left, #285e51 0%,#429985 100%);background: linear-gradient(to right, #285e51 0%,#429985 100%);}
.good-name:after{content: "";position: absolute;left: 0.28rem;right:0.28rem;bottom: -0.1rem;height: 0.1rem;background-color: rgba(255,255,255,.3);-webkit-border-radius: 0 0 0.04rem 0.04rem;-moz-border-radius: 0 0 0.04rem 0.04rem;-ms-border-radius: 0 0 0.04rem 0.04rem;-o-border-radius: 0 0 0.04rem 0.04rem;border-radius: 0 0 0.04rem 0.04rem;z-index: 0;}
.good-name h2{color: #ECF0F1;font-size: 0.36rem;line-height: 0.92rem;}


.good-step{margin-left: -2%;margin-top: 0.4rem;}
.good-step li{float: left;width: 48%;margin-left: 2%;background: url(../mgreenimg/green-line.png) no-repeat;color: #FFF;font-size:0.24rem;line-height: 0.72rem;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;margin-bottom: 0.4rem;}
.good-step li span{display: inline-block;width: 0.4rem;height: 0.4rem;line-height: 0.4rem;text-align: center;margin:0 0.12rem;color: #FF753A;font-size: 0.24rem;background-color: #FFF;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}

.good-pic{position: relative;margin-top:0.3rem;}
.good-pic img{width: 100%;height: auto;vertical-align: middle;}
.pic-tip{position: absolute;left: 0;right: 0;top: 1rem;text-align: center;}
.pic-tip strong{display: block;color: #FFF;font-size: 0.4rem;line-height: 1.2;}
.pic-tip p{color: #e8e8e8;font-size: 0.3rem;line-height: 1.2;margin-top: 0.2rem;}

/* 底部商务通 */
.fixed-day{display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;width:100%;z-index:9999;bottom:-100%;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;transition:1s;margin-bottom:env(safe-area-inset-bottom);max-width: 750px;-webkit-box-shadow: 0 0 0.22rem rgba(39,96,84,.2);-moz-box-shadow: 0 0 0.22rem rgba(39,96,84,.2);-ms-box-shadow: 0 0 0.22rem rgba(39,96,84,.2);-o-box-shadow: 0 0 0.22rem rgba(39,96,84,.2);box-shadow: 0 0 0.22rem rgba(39,96,84,.2);background: -webkit-linear-gradient(top, #3c9980 0%,#2e7364 100%);background: -moz-linear-gradient(top, #3c9980 0%, #2e7364 100%);background: -ms-linear-gradient(top, #3c9980 0%,#2e7364 100%);background: -o-linear-gradient(top, #3c9980 0%,#2e7364 100%);background: linear-gradient(to bottom, #3c9980 0%,#2e7364 100%);-webkit-border-radius: 0.32rem 0.32rem 0 0;border-radius: 0.32rem 0.32rem 0 0;padding-bottom:0.1rem}
.fixed-day a{font-size:.34rem;color:#fff;line-height:1.1;background-repeat:no-repeat;background-position:0.5rem center;-webkit-background-size:0.44rem;-moz-background-size:0.44rem;-o-background-size:0.44rem;background-size:0.44rem;text-align: center;}
.fixed-day .zx{background-image:url(../images/fixed-icon01.png);line-height: 0.6rem;padding-left: 1.1rem;}
.fixed-day .tel{display: -webkit-flex;display: flex;justify-content:center;align-items:center;background: -webkit-linear-gradient(top, #f1c05b 0%,#ed674d 100%);background: -moz-linear-gradient(top, #f1c05b 0%, #ed674d 100%);background: -ms-linear-gradient(top, #f1c05b 0%,#ed674d 100%);background: -o-linear-gradient(top, #f1c05b 0%,#ed674d 100%);background: linear-gradient(to bottom, #f1c05b 0%,#ed674d 100%);-webkit-border-radius: 0.6rem;border-radius: 0.6rem;width: 4.5rem;padding: 0.1rem 0.2rem;position: relative;margin-top: -0.2rem; border:0.04rem solid #FFF;}
.fixed-day .tel img{margin-right: 0.06rem;width: 0.56rem;}
.tel-day{padding-left: 0.1rem;text-align: left;}
.tel-day span{display: block;font-size: 0.3rem;color: #ffffff;line-height: 0.34rem;}
.tel-day p{font-size: .32rem;}
.tel-day p strong{font-size: .4rem;}
.fixed-night{display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;width:100%;z-index:9999;bottom:-100%;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;transition:1s;margin-bottom:env(safe-area-inset-bottom);max-width: 750px;background: url(../images/fixed-night.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;height:1.06rem;}
.fixed-night p{color: #c5e3dc;font-size: .28rem;padding-left: 0.3rem;margin-top: 0.1rem;}
.fixed-night a{font-size:.32rem;font-weight: bold; color:#fff;width: 2.4rem;}
.fixed-night a img{width: 0.5rem;margin-right: 0.12rem;margin-top: -0.01rem;vertical-align: middle;}
.fixed-night .nzx{margin-left: 0.3rem;}


@media screen and (max-width: 360px){
    .wp{padding:0 .2rem}
    .green-top p:before,.green-top p:after{height: 1px;}
    .good-step{margin-left: -1%;}
    .good-step li{width: 49%;margin-left: 1%;padding-left: 0.3rem;line-height: 0.75rem;}
    .good-step li span{display: none;}
}


@media screen and (min-width: 750px){
    html{font-size: 94px;}
}
@media screen and (max-width: 700px){
    html{font-size: 86px;}
}
@media screen and (max-width: 639px){
    html{font-size: 64px;}
}
@media screen and (max-width: 479px){
    html{font-size: 48px;}
}
@media screen and (max-width: 359px){
    html{font-size: 42px;}
}