html { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-size: 40px; background: #fff; }
body { min-width: 320px; max-width: 640px; margin: 0 auto; font-family: arial, Microsoft Yahei; color: #333; background: #fff; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0rem;padding: 0rem ; }
ul, li { list-style: none ; }
a:active, a:hover { outline: none; }
img { width: 100%; vertical-align: top; }
a { outline: none; text-decoration: none; cursor: pointer; color: #333; }
a:hover { text-decoration: none; outline: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
input[type="search"] { -webkit-appearance: text field; box-sizing: content-box; }
input[type="search"]:-webkit-search-cancel-button, input[type="search"]:-webkit-search-decoration { -webkit-appearance: none; }
button { overflow: visible; }
button, select { text-transform: none; }
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.left { float: left; }
.right { float: right; }
@font-face{src : url('../fonts/FZXKJW.1TTF');}
.zb_form{height: 6.5rem;width: 100%; background-color: #f4f4f4;}

.zb_form .zb_tit{
    text-align: center;
    font-size: 0.85rem;
    color: #282828;
    line-height: 42PX;
    font-weight: 600;
    padding-top: 0.75rem;
}
.zb_ipt {
    display: block;
    width: 11.675rem;
    height: 1.25rem;
    margin: 0 auto;
    line-height: 1.2rem;
    text-align: center;
    border: 0.025rem solid #4d9253;
    /* border-radius: 0.25rem; */
    margin-top: 0.5rem;
    font-size: 0.55rem;
    color: #757575;
    background-color: unset;
}

.zb_btn {
    width: 11.68rem;
    height: 1.26rem;
    margin: 0 auto;
    margin-top: 0.5rem;
    /* background-color: #4d9253; */
    border: 0.025rem solid #4d9253;
    line-height: 1.2rem;
    text-align: center;
}
.zb_btn .submit{
    display: block;
    width: 11.4rem;
    height: 1.1rem;
    background-color: #4d9253;
    border: 0.02rem solid #4d9253;
    font-size: 0.6rem;
    color: #fff;
    margin: 0.08rem auto;
}
.kcsk {
    height: 19.95rem;
}

.title{
    height: 1.175rem;
    width: 5.5rem;
    margin: 0.5rem auto;
    margin-top: 1.25rem;
    font-size: 0.975rem;
    font-family:'FZXingKai-S04S';
    font-weight: bold;
}
.title img{
    width: 0.9rem;
    height: 0.95rem;
}

.kcsk .kcsk_con{
    height: 8.4rem;
    background-color: #fafafb;
    background-image: url(../image/c_bg.png);
    background-repeat: no-repeat;
    background-position: top 0.5rem center;
    background-size: 96%;
    padding-top: 1.4rem;
}

.kcsk .kcsk_con .info{
    width: 11.95rem;
    height: 5.875rem;
    margin: 0 auto;
    display: flex;
}

.kcsk .kcsk_con .info .img{
    width: 7.25rem;
}
.kcsk .kcsk_con .info .img img{
    width: 7.25rem;
    height: 5.875rem;
    opacity:0.8;
}
.kcsk .kcsk_con .info .intro{
    width: 4.7rem;
    background-color: #cee3d0;
    font-size: 0.5rem;
    text-align: center;
    line-height: 0.9rem;
    font-weight: 600;
    opacity:0.85;
    padding-top: 0.5rem;
}
.kcsk .kcsk_con .intro  .input{
    width: 3.6rem;
    height: 1.1rem;
    border: 0.025rem solid #4d9253;
    margin: auto;
    margin-top: 0.25rem;
}
.intro  .input .submit{
    display: block;
    width: 3.25rem;
    height: 0.9rem;
    background-color: #4d9253;
    font-size: 0.5rem;
    color: #fff;
    margin: 0.08rem auto;
    border: 0.02rem solid #4d9253;
}

.teach{
    height: 11.925rem;
    padding-top: 1.05rem;
}
.teach .info{
    height: 6.4rem;
    background-color: #fafafb;
    background-image: url(../image/teach.jpg);
    background-repeat: no-repeat;
    background-position: top 0.5rem center;
    background-size: 96%;
    /*display: flex;*/
}
.teach .info img{
    display: block;
    width: 3.25rem;
    height: 3.25rem;
    margin: auto;
}

 .input{
    width: 9rem;
    height: 1.725rem;
    margin: auto;
    margin-top: 0.75rem;
    border: 0.02rem solid #4d9253;
}
 .input .submit{
    display: block;
    width: 8.75rem;
    height: 1.45rem;
    margin: 0.125rem auto;
    background-color: #4d9253;
    border: 0.02rem solid #4d9253;
    font-size: 0.6rem;
    color: #fff;
}

.show{
    height: 26.5rem;
}

.show .try{
    height: 21.95rem;
    background-color: #fafafb;
    background-image: url(../image/try.jpg);
    background-repeat: no-repeat;
    background-position: top 0.5rem center;
    background-size: 100%;
}

.show .try .left{
    width: 8rem;
    height: 21.925rem;
    float: left;
}
.show .try .left div{
    margin: 0.575rem 0.375rem 0 0.5rem;
}
.show .try .left div:nth-child(1){
    height: 7.975rem;
    width: 7.15rem;
    background-image: url(../image/left1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 0.6rem;
    font-weight: 600;
    color: #fff;
    line-height: 7.975rem;
    text-align: center;
}
.show .try .left div:nth-child(2){
    height: 7.2rem;
    width: 7.15rem;
    background-image: url(../image/left2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 0.6rem;
    font-weight: 600;
    color: #fff;
    line-height: 7.2rem;
    text-align: center;
}
.show .try .left div:nth-child(3){
    height: 4.45rem;
    width: 7.15rem;
    background-image: url(../image/left3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 0.6rem;
    font-weight: 600;
    color: #fff;
    line-height: 4.45rem;
    text-align: center;
}

.show .try .right{
    width: 8rem;
    height: 21.925rem;
}

.show .try .right div{
    margin: 0.575rem 0.5rem 0 0.375rem;
}

.show .try .right div:nth-child(1){
    height: 5.375rem;
    width: 7.15rem;
    background-image: url(../image/right1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 0.6rem;
    font-weight: 600;
    color: #fff;
    line-height: 5rem;
    text-align: center;
}

.show .try .right div:nth-child(2){
    height: 6.575rem;
    width: 7.15rem;
    background-image: url(../image/right2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 0.6rem;
    font-weight: 600;
    color: #fff;
    line-height: 6.575rem;
    text-align: center;
}
.show .try .right div:nth-child(3){
    height: 7.65rem;
    width: 7.15rem;
    background-image: url(../image/right3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 0.6rem;
    font-weight: 600;
    color: #fff;
    line-height: 7.65rem;
    text-align: center;
}

.goods{
    height: 10.925rem;
}
.goods .show{
    height: 7.875rem;
    background-color: #fafafb;
    background-image: url(../image/show.jpg);
    background-repeat: no-repeat;
    background-position: top 0.5rem center;
    background-size: 100%;
    display: flex;
    justify-content:space-around;
}
.goods .show div{
    height: 6.825rem;
    width: 4.55rem;
    background-color:#fff;
    margin: auto;
    border-radius: 0.25rem 0.25rem 0 0;
}
.goods .show div img{
    height: 4.05rem;
    width: 4.55rem;
    margin-bottom: 0.375rem;
}

.goods .show div p:nth-child(2){
    font-size: 0.55rem;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0.25rem;
}
.goods .show div p:nth-child(3){
    font-size: 0.425rem;
    text-align: center;
    font-weight: 500;
}

.env{
    height: 14.65rem;
    padding-top: 1.05rem;
}
.env swiper-wrapper{
    height: 7.875rem;
    background-color: #fafafb;
    background-image: url(../image/swiper.jpg);
    background-repeat: no-repeat;
    background-position: top 0.5rem center;
    background-size: 100%;
}
.swiper-pagination{
    position: relative;
}

.job{
    height: 13.75rem;
}
.job .info{
    height: 8.35rem;
    background-color: #f5f7f2;
}

.job .info .left{
    width: 8rem;
    height: 8.3rem;
    float: left;
}
.job .info .left img{
    width: 7.15rem;
    height: 8.325rem;
    margin: auto;
    margin-left: 0.45rem;
}
.job .info .right{
    width: 8rem;
    height: 8.3rem;
}
.job .info .right img{
    width: 7.15rem;
    margin-left: 0.35rem;
}

.fee{
    height: 11.4rem;
}
.fee .msg{
    height: 8.5rem;
    padding-top: 0.75rem;
    background-color: #fafafb;
    background-image: url(../image/msg.png);
    background-repeat: no-repeat;
    background-size: 100%;
}


.fee .msg .xf_ipt{
    display: block;
    width: 12.3rem;
    height: 1.475rem;
    background-color: #fff;
    border-radius: 0.4rem;
    margin: 0.7rem auto;
    border: none;
    text-align: center;
    font-size: 0.6rem;
}

.header{
    background: url(../image/header.png) no-repeat 2rem center;
    background-size: 0.8rem;
}
.phone{
    background: url(../image/phone.png) no-repeat 2rem center;
    background-size: 0.8rem;
}

.fee .msg .xf_btn{
    display: block;
    width: 12.3rem;
    height: 1.475rem;
    background-color: #4d9253;
    border-radius: 0.4rem;
    margin: 0.7rem auto;
    border: none;
    text-align: center;
    font-size: 0.6rem;
    color: #fff;
}