@charset "utf-8";
.banner{
    width: 100%;
    position: relative;
    margin-bottom: 1.3rem;
}
.banner h1{
    text-align: center;
    color: #000;
    font-size: .42rem;
    font-weight: 500;
    padding-top: .32rem;
    position: relative;
    z-index: 30;
}
.banner h1 font{
    color: #4E9F5B;
    padding-left: .3rem;
}
.banner p{
    width: 5.78rem;
    margin: .32rem auto 0 auto;
    text-align: center;
    color: #3D485D;
    font-size: .24rem;
    line-height: .42rem;
    position: relative;
    z-index: 30;
}
.banner a{
    display:flex;
    display:-webkit-flex;
    flex-wrap:nowrap;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    -o-flex-wrap:nowrap;
    justify-content:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    width: 2.65rem;
    height: .6rem;
    background: #4E9F5B;
    border-radius: .04rem;
    -webkit-border-radius: .04rem;
    margin: 5.28rem auto 0 auto;
    color: #fff;
    font-size: .28rem;
    position: relative;
    z-index: 30;
    box-shadow: 0 .1rem .2rem rgba(0,0,0,.3);
    -webkit-box-shadow: 0 .1rem .2rem rgba(0,0,0,.3);
}
.banner img{
    display: block;
    width: 7.5rem;
    height: 6.41rem;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 1.85rem;
}
.cate_title{
    margin: .5rem 0;
}
.cate_title h1{
    text-align: center;
    color: #000;
    font-size: .36rem;
    margin-bottom: .16rem;
}
.cate_title p{
    text-align: center;
    color: #9198A4;
    font-size: .24rem;
}
.server_cate{
    margin-bottom: 1.2rem;
    padding: 0 .32rem;
}
.server_cate .title{
    display:flex;
    display:-webkit-flex;
    flex-wrap:nowrap;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    -o-flex-wrap:nowrap;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
}
.server_cate .title li{
    width: 1.49rem;
    height: 1.48rem;
    background: #FCFFFE;
    box-shadow: 2px 1px .19rem 0px rgba(131, 135, 144, 0.1), -7px -7px 29px 0px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 2px 1px .19rem 0px rgba(131, 135, 144, 0.1), -7px -7px 29px 0px rgba(255, 255, 255, 0.1);
    border-radius: .08rem;
    -webkit-border-radius: .08rem;
    padding-top: .23rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.server_cate .title li img{
    display: block;
    width: .64rem;
    height: .64rem;
    margin: 0 auto .08rem auto;
}
.server_cate .title li p{
    text-align: center;
    color: #000;
    font-size: .2rem;
    white-space: nowrap;
    overflow: hidden;
}
.server_cate .title li.on:after{
    content: "";
    display: block;
    width: 100%;
    height: .04rem;
    background: #4E9F5B;
    position: absolute;
    z-index: 20;
    left: 0;
    bottom: 0;
}
.server_cate .con{
    margin-top: .32rem;
}
.server_cate .con li{
    display: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 0;
}
.server_cate .con li.on{
    display: block;
    opacity: 1;
}
.server_cate .con li img{
    display: block;
    width: 4.14rem;
    height: 3.94rem;
    margin: 0 auto .32rem auto;
}
.server_cate .con li h1{
    color: #000;
    font-weight: 500;
    font-size: .28rem;
    text-align: center;
    position: relative;
    margin-bottom: .24rem;
}
.server_cate .con li h1:after{
    content: "";
    display: block;
    width: 1.7rem;
    height: .15rem;
    background: #F76221;
    border-radius: .03rem;
    -webkit-border-radius: .03rem;
    opacity: 0.2811;
    position: absolute;
    z-index: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    bottom: -.02rem;
}
.server_cate .con li p{
    color: #3D485D;
    font-size: .28rem;
    letter-spacing: .04rem;
    line-height: .49rem;
    margin-bottom: .2rem;
}
.server_cate .con li a{
    display:flex;
    display:-webkit-flex;
    flex-wrap:nowrap;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    -o-flex-wrap:nowrap;
    justify-content:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    margin: .5rem auto 0 auto;
    width: 2.65rem;
    height: .6rem;
    background: #4E9F5B;
    border-radius: .04rem;
    -webkit-border-radius: .04rem;
    color: #fff;
    font-size: .28rem;
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.3);
}
.coupon{
    padding: 0 .32rem;
    margin-bottom: 1.2rem;
}
.coupon ul li{
    display:flex;
    display:-webkit-flex;
    flex-wrap:nowrap;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    -o-flex-wrap:nowrap;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    margin-bottom: .6rem;
}
.coupon ul li .left{
    display: block;
    width: 2.57rem;
    height: 2.81rem;
}
.coupon ul li .right{
    width: 3.9rem;
}
.coupon ul li .right h1{
    font-weight: 500;
    color: #000000;
    line-height: .45rem;
    letter-spacing: 1px;
    font-size: .32rem;
    margin-bottom: .2rem;
}
.coupon ul li .right p{
    color: #9198A4;
    font-size: .28rem;
    line-height: .4rem;
    letter-spacing: 2px;
}
.coupon a{
    display:flex;
    display:-webkit-flex;
    flex-wrap:nowrap;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    -o-flex-wrap:nowrap;
    justify-content:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    margin: 0 auto;
    width: 2.65rem;
    height: .6rem;
    background: #4E9F5B;
    border-radius: .04rem;
    -webkit-border-radius: .04rem;
    color: #fff;
    font-size: .28rem;
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.3);
}
.proces{
    margin-bottom: 1.2rem;
    padding: 0 .32rem;
}
.proces ul{
    display:flex;
    display:-webkit-flex;
    flex-wrap:nowrap;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    -o-flex-wrap:nowrap;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
}
.proces ul li{
    margin-bottom: .38rem;
}
.proces ul li .icon{
    display: block;
    width: .8rem;
    height: .8rem;
    margin: 0 auto .05rem auto;
}
.proces ul li p{
    text-align: center;
    font-weight: 400;
    color: #3D485D;
    font-size: .22rem;
    line-height: .3rem;
}
.proces ul li .jt{
    display: block;
    width: .94rem;
    height: .11rem;
    margin: 0 auto;
}
.proces ul li .xjt{
    display: block;
    width: .11rem;
    height: .53rem;
    margin: 0 .4rem 0 1rem;
}
.proces ul li .jtrate{
    transform:rotate(180deg);
    margin-left: .35rem;
}
.proces ul.last{
    justify-content:flex-end;
    -webkit-justify-content:flex-end;
    -moz-justify-content:flex-end;
    -ms-justify-content:flex-end;
    -o-justify-content:flex-end;
    padding-bottom: .3rem;
}
.proces a{
    display:flex;
    display:-webkit-flex;
    flex-wrap:nowrap;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    -o-flex-wrap:nowrap;
    justify-content:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    margin: 0 auto;
    width: 2.65rem;
    height: .6rem;
    background: #4E9F5B;
    border-radius: .04rem;
    -webkit-border-radius: .04rem;
    color: #fff;
    font-size: .28rem;
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.3);
}
.about{
    margin: 0 .32rem 1.17rem .32rem;
    position: relative;
    padding: .6rem .2rem 0 .2rem;
}
.about:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(180deg, rgba(134, 205, 148, 0.21) 0%, rgba(78, 159, 91, 0.8) 100%);
    background: -moz-linear-gradient(180deg, rgba(134, 205, 148, 0.21) 0%, rgba(78, 159, 91, 0.8) 100%);
    background: -ms-linear-gradient(180deg, rgba(134, 205, 148, 0.21) 0%, rgba(78, 159, 91, 0.8) 100%);
    background: -o-linear-gradient(180deg, rgba(134, 205, 148, 0.21) 0%, rgba(78, 159, 91, 0.8) 100%);
    background: linear-gradient(180deg, rgba(134, 205, 148, 0.21) 0%, rgba(78, 159, 91, 0.8) 100%);
    opacity: 0.0338;
}
.about .icon1{
    display: block;
    width: .74rem;
    height: .74rem;
    position: absolute;
    z-index: 20;
    top: -.35rem;
    left: 50%;
    margin-left: -.37rem;
}
.about .icon2{
    display: block;
    width: .34rem;
    height: .34rem;
    margin: .15rem auto;
    position: relative;
    z-index: 20;
}
.about h1{
    text-align: center;
    color: #4E9F5B;
    font-size: .32rem;
    font-weight: 500;
    margin-bottom: .15rem;
    position: relative;
    z-index: 20;
}
.about p{
    color: #9198A4;
    font-size: .24rem;
    letter-spacing: 1px;
    line-height: .32rem;
    margin-bottom: .2rem;
}
.about .icon3{
    width: .6rem;
    height: .6rem;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 20;
}