﻿body{-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;-moz-text-size-adjust:100% !important}
.xybai #xieyi.xieyi,.xybai #xieyi.xieyi a{color:#ffffff}
.xybai #xieyi.xieyi #xy.xy input[type=checkbox]::before{background-image:url(../image/checked1a.png)}
.xybai #xieyi.xieyi #xy.xy input[type=checkbox]:checked::before{background-image:url(../image/checkeda.png)}
body,header,footer,section{width:7.5rem;margin:0 auto;color:#333333}
section{padding:.01rem 0;box-sizing:border-box; clear: both; float: left; width: 100%}
.wid{width:7rem;margin:0 auto;padding:.01rem 0;box-sizing:border-box}
#tan2{display:none;width:100%;height:100%;background:rgba(76,76,76,0.6);position:fixed;top:0;bottom:0;left:0;right:0;z-index:100}
#tan2 .tanceter{width:6.8rem;position:absolute;top:-25%;left:50%;transform:translate(-50%,-50%);background:#ffffff;padding-bottom:0.4rem}
#tan2 .tanceter h1{line-height:0.7rem;width:100%;margin-top:0.3rem;margin-bottom:0.2rem;font-size:0.4rem;color:#000000;font-weight:bold;text-align:center}
#tan2 .tanceter img{position:absolute;top:0;right:0;margin-top:0.1rem;margin-right:0.1rem;cursor:pointer}
#tan2 .myform input::-webkit-input-placeholder{color:#999999;font-size:0.34rem}
#tan2 .myform input::-moz-placeholder{color:#999999;font-size:0.34rem}
#tan2 .myform input:-moz-placeholder{color:#999999;font-size:0.34rem}
#tan2 .myform input:-ms-input-placeholder{color:#999999;font-size:0.34rem}
#tan2 .myform input{display:block;height:0.8rem;width:5.8rem;border-radius:0.05rem;color:#333;padding:0 0.2rem;margin:0 auto 0.2rem;font-size:0.34rem;box-sizing:border-box;border:0.01rem solid #b1b1b1;background:#ffffff}
#tan2 p{font-size:0.22rem;color:#999999;text-align:center;line-height:0.3rem}
#tan2 .myform .subtn{display:block;margin:0.26rem auto 0.16rem;width:5.8rem;height:0.8rem;line-height:0.8rem;text-align:center;background:#e60505;border-radius:0.05rem;font-size:0.36rem;color:#ffffff;box-sizing:border-box;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all 0.3s}
#tan2 .myform .subtn:hover{background:#ffffff;color:#e60505;border:0.01rem solid #e60505}
.nav{height:0.8rem;display:flex;align-items:center;background:#ffffff}
.nav img{width:1.3rem;margin:0 auto 0 0.1rem}
.nav a{color:#333333;font-size:.3rem;margin:0 0.1rem}
.wrap{
    position: relative; width: 7.5rem; margin: 0 auto;font-size: 0;
    text-align: center;
}

.banner{
    height: 8.09rem;
    background: url("../image/banner01.jpg") no-repeat center / 100%;
}
.banner ul{
    width:100%; clear:both; float:left; margin-top:3.53rem;
}
.banner ul li{
    width:1.5rem; height:1.73rem; display:inline-block;
    background: #fff;
    border: solid .01rem #fff;
    border-radius: .1rem;
    margin: 0 .09rem;
}

.banner ul li.type01{
    background: #fff;
    background: -webkit-linear-gradient(#ffc8c7, #fff 60%);
    background: -moz-linear-gradient(#ffc8c7, #fff 60%);
    background: -o-linear-gradient(#ffc8c7, #fff 60%);
    background: linear-gradient(#ffc8c7, #fff 60%);
}
.banner ul li.type02{
    background: #fff;
    background: -webkit-linear-gradient(#ffeebd, #fff 36%);
    background: -moz-linear-gradient(#ffeebd, #fff 36%);
    background: -o-linear-gradient(#ffeebd, #fff 36%);
    background: linear-gradient(#ffeebd, #fff 36%);
}
.banner ul li img{
    width: 1.03rem; display: inline-block; margin-top: .18rem;
}
.banner ul li span{
    font-size: .28rem; display: inline-block; font-weight: 500;
}
.ban_btn{
    width: 100%; clear: both; float: left; margin-top: .89rem;
}
.ban_btn a{
    width: 3.17rem; height: .87rem; display: inline-block;
    margin: 0 .1rem;
    border-radius: .1rem;
    font-size: .34rem; line-height: .87rem; font-weight: bold;
    color: #fff;
    position: relative;
    transition: all 1s;
}
.ban_btn a.btn01{
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
}
.ban_btn a.btn02{
    background: #e41010;
}
.ban_btn a::after{
    content: '';width: .57rem; height: .77rem; display: block;
    position: absolute; right: -.13rem; top: -.46rem;
}

.ban_btn a.btn01::after{
    background: url("../image/icon-hot.png") no-repeat center top / 100%;
}
.ban_btn a.btn02::after{
    background: url("../image/icon-new.png") no-repeat center top / 100%;
}
.ban_btn a:hover{
    transform: translateY(-.1rem);
}

/* 标题 */
.secTit{
    width:100%; clear: both; float: left;
}
.secTit h2{
    font-size: .48rem; font-weight: bold; color: #333; line-height: .58rem;
    position: relative;
}
.secTit h2 span{color: #fa2314;}
.secTit h2::before,.secTit h2::after{
    content: '';width: .91rem; height: 1.16rem; display: inline-block;
    vertical-align: top;
    position: absolute; top: 0;
}
.secTit h2::before{
    left: .35rem;
    background: url('../image/icon-title01.png') no-repeat center / .91rem;
}
.secTit h2::after{
    right: .35rem;
    background: url('../image/icon-title02.png') no-repeat center / .91rem;
}


.s1-itembox{
    width: 100%; clear: both; float: left;
    background: #ffffff;
    background: -webkit-linear-gradient(#ffffff, #ffdedf);
    background: -moz-linear-gradient(#ffffff, #ffdedf);
    background: -o-linear-gradient(#ffffff, #ffdedf);
    background: linear-gradient(#ffffff, #ffdedf);
    padding-top: .35rem;
}
.s1-itembox .item{
    width: 2rem; display: inline-block;
    margin: 0 .2rem .45rem;
    cursor: pointer;
}
.s1-itembox .item .pic{
    width: 1.25rem; height: 1.25rem; display: inline-block;
    border-radius: 50%;
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
    margin-bottom: .1rem;
}
.s1-itembox .item .pic img{
    width: 100%; display: inline;
}
.s1-itembox .item span{
    width: 100%;height: .5rem;
    background: #e41010;
    border-radius: .5rem;
    font-size: .32rem; font-weight: bold; line-height: .5rem; color: #fff;
    display: block;
}
.s1-txt{
    width: 100%; clear: both; float: left; margin: .3rem auto;
}
.s1-txt img{
    float: left; width: 2.8rem;
}
.s1-txt .txt{
    float: left; width: 4.3rem; margin-left: .23rem;
}
.s1-txt .txt p{
    font-size: .24rem; line-height: .36rem; text-align: left;
    float: left; margin-bottom: .1rem;
}
.s1-txt .txt a{
    width: 4.26rem; height: .7rem; display: inline-block;
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
    font-size: .28rem; line-height: .7rem; color: #fff;
    border-radius: .7rem;
}

.sec02{
    margin-top: .4rem; clear: both;
}
.s2-main{
    width: 7.16rem; float: left; margin: .24rem .17rem;
    background: #fff;
    border-radius: .24rem;
    box-shadow: 0 0 .1rem rgba(51,51,51,.25);
}
.s2-main .province{
    width: 100%; margin: .32rem auto .1rem;
    float: left;
}
.s2-main .province ul{
    float: left; margin: 0 .1rem;
}
.s2-main .province ul li{
    width: .98rem; height: .62rem; display: block; float: left;
    border: solid .01rem #999999;
    border-radius: .1rem;
    background: #fff;
    font-size: .32rem; line-height: .62rem;color: #333;
    text-align: center;
    margin: 0 .07rem .2rem;
    cursor: pointer;
}
.s2-main .province ul li.on,.s2-main .province ul li:hover{
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
    color: #fff;
    border: solid .01rem #e8ae4b;
}
.s2-main .province font{
    width: 4.11rem; height: .64rem;
    border-radius: .64rem;
    float: right; margin-right: .26rem;
    font-size: .34rem; line-height: .64rem; font-weight: bold;
    text-align: left;
    background: #fa2314; color: #fff;
}
.s2-main .province font::before{
    content: ''; width: .64rem; height: .65rem; display: block;
    float: left; margin-left: 0; margin-top: 0;margin-right: .35rem;
    background: url('../image/s2-img01.png') no-repeat center;
    background-size: 100%;
}
.s2-main .province font em{
    font-size: .42rem;
}
.s2-form{
    width: 6.71rem; height: 3.03rem; display: inline-block;
    background: url("../image/s2-img02.png") no-repeat center / 100%;
    margin: 0 .23rem .35rem;
}
.s2-form input{
    width: 5.76rem; height: .8rem; display: inline-block;
    background: #fff url("../image/s2-icon01.png") no-repeat .26rem center / .18rem;
    border-radius: .1rem;
    font-size: .28rem;
    text-indent: .5rem;
    margin: .3rem auto;
}
.s2-form .subtn{
    width: 5.76rem; height: .8rem; display: inline-block;
    border-radius: .1rem;
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
    color: #fff;
    font-size: .34rem; line-height: .8rem; font-weight: bold;
}

.sec03{
    background: url("../image/s3-bg.jpg") no-repeat center top / 100%;
    height: auto;
}
.certify{
    width: 100%; clear: both; float: left; margin-top: 1.2rem;
}
#certify .swiper-slide{
    width: 3.3rem; height: 3.96rem;
    background: #fff;
    background: linear-gradient(#ffcece, #fff);
    border-radius: .1rem;
}
#certify .swiper-slide.swiper-slide-prev,#certify .swiper-slide.swiper-slide-next{
    opacity: .5 !important;
}
.swiper-wrapper{
    padding-top: .96rem;
}

#certify .swiper-slide .yuan{
    width: 1.46rem; height: 1.46rem; display: inline-block; float: left;
    margin: -.86rem .83rem .1rem;
    background: url('../image/s3-img01.png') no-repeat center / 100%;
    position: relative;
}
#certify .swiper-slide .yuan .dot{
    width: 100%; height: 100%; display: block;
    position: absolute;
    animation: animtran 2s linear infinite;
}
#certify .swiper-slide .yuan .dot::before{
    content: '';width: .08rem; height: .08rem; display: block;
    background: #ffcecd;
    border-radius: 50%;
    position: absolute; left: 50%; margin-left: -.04rem; top: -.03rem;
}
#certify .swiper-slide .yuan h3{
    font-size: .32rem; line-height: 1.46rem; font-weight: bold;
    position: relative;z-index: 3;
}
#certify .swiper-slide .txt{
    width: 100%; clear: both; float: left;
    font-size: .24rem; line-height: .3rem;
}
#certify .swiper-slide .txt ul{
    width: 2.8rem; float: left; margin: 0 .25rem; text-align: justify;
    height: 1.97rem;
}
#certify .swiper-slide .txt ul li{
    width: 100%; clear: both; float: left; margin-bottom: .05rem;
}
#certify .swiper-slide .txt a{
    width: 2.8rem; height: .8rem; display: inline-block;
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
    border-radius: .48rem;
    font-size: .34rem; color: #fff; line-height: .8rem;
}
#certify .swiper-pagination{position: relative;
    clear: both; width: 100%; float: left; margin: .45rem auto .55rem;
}
#certify .swiper-pagination-bullet{
    width: .8rem; height: .1rem; display: inline-block;
    background: #af0606;
    border-radius: .05rem;
    opacity:1;
    margin: 0 .15rem;
}
#certify .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #fff;
}


.s3-form{
    width: 7.08rem; height: auto; display: block;
    float: left; margin-left: .21rem; margin-top: 0;
    background: #fff;
    border-radius: .24rem;
    box-shadow: 0 .2rem .3rem rgba(0,0,0,.1);
    position: relative;
    padding-bottom: .2rem;
    margin-bottom: .35rem;
}
.s3-form::before{
    content: '';width: 2.81rem; height: 2.6rem; display: block;
    background: url('../image/s3-img02.png') no-repeat center / 100%;
    position: absolute;
    left: -.87rem; top: -.32rem;
}
.s3-form h3{
    float: right; margin-right: .66rem;margin-top: .25rem;
    line-height: .6rem; font-size: .48rem; font-weight: bold; color: #333;
    width:5.2rem;
}
.s3-form h3 span{color: #e41010;}
.s3-form ul{
    float: right;
    width: 5.2rem; margin-right: .66rem; margin-top: .4rem;
    position: relative;
}
.s3-form ul:before{
    content: '';width: .01rem; height: 100%; display: inline-block;
    background: #e62525;
    position: absolute; left: -.4rem;
}
.s3-form ul li{
    width: 100%; clear: both; float: left;margin-bottom: .2rem;
    position: relative;
}
.s3-form ul li img{
    width: .45rem; display: block;
    position: absolute; left: -.62rem; top: 0;
}
.s3-form ul li font{
    font-size: .3rem; line-height: .42rem; float: left; clear: both;
    margin-bottom: .1rem;
}
.s3-form ul li font b{font-weight: bold}
.s3-form ul li label{
    clear: both; float: left;
}
.s3-form ul li label span{
    height: .5rem; width: 1.6rem; display: block; float: left;margin-right: .18rem;
    background: #dadada;
    font-size: .26rem; line-height: .5rem;
    border-radius: .05rem;
}
.s3-form ul li label span:last-child{margin-right: 0}
.s3-form ul li label span.on{
    color: #fff;
    background: #e41010;
}
.s3-form ul li input{
    width: 5.15rem; height: .8rem; background: #dadada;
    font-size: .28rem; line-height: .8rem;
    text-indent: .3rem;
}
.s3-form .subtn{
    width: 5.15rem; height: .8rem; display: inline-block; float: right;margin-right: .66rem;
    border-radius: .1rem;
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
    color: #fff;
    font-size: .34rem; line-height: .8rem; font-weight: bold;
    margin-bottom: .1rem;
}

.sec04{
    background: url("../image/s4-bg.jpg") no-repeat center top / 7.5rem;
    margin-top: .15rem;
}
.s4-main{
    width: 100%; clear: both; float: left; margin-top: .45rem; margin-bottom: .38rem;
}
.s4-main .item{
    width: 3rem; height: 1.6rem; display: inline-block;
    border-radius: .1rem;
    margin: 0 .16rem .3rem;
}
.s4-main .item01{
    background: url("../image/s4-img01.png") no-repeat center / 100%;
}
.s4-main .item02{
    background: url("../image/s4-img02.png") no-repeat center / 100%;
}
.s4-main .item03{
    background: url("../image/s4-img03.png") no-repeat center / 100%;
}
.s4-main .item04{
    background: url("../image/s4-img04.png") no-repeat center / 100%;
}
.s4-main .item span{
    font-size: .28rem; line-height: .34rem; display: inline-block; font-weight: bold;
    width: 100%;
    margin: .46rem auto;
}
.s4-main .item01 span,.s4-main .item04 span{color: #fff}
.s4-form{
    width: 100%; clear: both; float: left; padding-bottom: .2rem;
}
.s4-form h3{
    font-size: .48rem; line-height: .6rem; font-weight: bold; color: #fff;
    float: left; width: 100%;
    margin: .3rem auto .35rem;
}
.s4-form ul{
    width: 6.28rem; float: left; margin: 0 .61rem;
    clear: both;
}
.s4-form ul li{
    width: 100%; height: .8rem; background: #fff;
    border-radius: .1rem;
    float: left; margin-bottom: .2rem;
    position: relative;
}
.s4-form ul li span{
    width: 1.72rem; float: left;
    font-size: .26rem; line-height: .8rem; font-weight: bold; color: #333;
    position: relative;
}
.s4-form ul li span::after{
    content: ''; width: .01rem; height: .25rem; display: block;
    background: #333;
    position: absolute; top: .28rem; right: 0;
}
.s4-form ul li select{
    width: 4.15rem; height: .8rem; font-size: .28rem;
    margin-left: .3rem;
    background: #fff;
}
.s4-form ul li input{
    width: 4.15rem; height: .8rem; font-size: .28rem;
    margin-left: .3rem;
}
.s4-form .subtn{
    width: 6.28rem; height: .8rem;display: inline-block;
    border-radius: .1rem;
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
    color: #fff;
    font-size: .34rem; line-height: .8rem; font-weight: bold;
    margin: .1rem 0 .2rem;
}

.sec05{
    background: url("../image/s5-bg.jpg") no-repeat center bottom / 7.5rem;
    margin-top: .7rem;
}
.s5-main{
    width: 100%; clear: both; float: left;
    margin-top: .4rem;
}
.s5-main ul.icon{
    width: 100%; clear: both; float: left; margin-bottom: .33rem;
}
.s5-main ul.icon li{
    width: 1.75rem; height: auto; display: inline-block;
    font-size: .28rem; line-height: .36rem;
    padding: .12rem 0 .31rem;
    margin: 0 .05rem;
}
.s5-main ul.icon li.type01{
    background: url("../image/s5-img01.png") no-repeat center / 100%;
}
.s5-main ul.icon li.type02{
    background: url("../image/s5-img02.png") no-repeat center / 100%;
}
.s5-main .pic{
    width: 100%; clear: both; float: left; height: 6.03rem; overflow: hidden;
}
.s5-main .pic img{
    width: 6.49rem; display: inline-block;
}
.s5-main ul.item{
    width: 100%; clear: both;
    float: left;
}
.s5-main ul.item li{
    width: 5.98rem; height: 1.86rem; display: inline-block;
    float: left; margin: 0 .76rem .11rem;
    background: #ffe6e5;
    background: -webkit-linear-gradient(#ffe6e5,#fff);
    background: -moz-linear-gradient(#ffe6e5,#fff);
    background: -o-linear-gradient(#ffe6e5,#fff);
    background: linear-gradient(#ffe6e5,#fff);
    border-radius: .1rem;
    border: solid .01rem #fff;
}
.s5-main ul.item li font{
    font-size: .32rem; font-weight: bold; color: #fa2314;
    line-height: .42rem;
    float: left; margin-top: .3rem;
    margin-left: .36rem;
}
.s5-main ul.item li font em{
    color: #fff; font-weight: 400; font-size: .28rem;
    text-transform: uppercase;
}
.s5-main ul.item li p{
    font-size: .26rem; line-height: .42rem; float: left; margin-left: .36rem;
    margin-top: .06rem;
}
.s5-main ul.item li span{
    font-size: .24rem; line-height: .32rem; color: #999;
    float: left; margin-left: .36rem;margin-top: .06rem;
}
.s5-tab{
    width: 6.5rem; height: .8rem; display: inline-block;
    float: left; margin: .21rem .5rem .22rem;
    border-radius: .8rem;
    background: #fff;
    box-shadow: 0 0 .18rem #e5e5e5 inset;
}
.s5-tab span{
    font-size: .34rem; line-height: .7rem; margin-top: .05rem;
    display: inline-block;
    border-radius: .7rem;
    width: 3.15rem;
}
.s5-tab span.on{
    width: 3.25rem; height: .7rem;
    font-weight: bold;
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
    color: #fff;
}
.s5-form{
    width: 7.38rem; height: 2.7rem; display: block;
    float: left; margin: 0 .06rem .74rem;
    background: #e41010;
    border-radius: 1.1rem;
}
.s5-form label{
    width: 100%; float: left; margin-top: .33rem;
}
.s5-form label input{
    width: 6.2rem; height: .8rem; display: inline-block;
    font-size: .28rem; line-height: .8rem;
    background: #fff url("../image/s2-icon01.png") no-repeat .27rem center / .18rem;
    text-indent: .52rem;
    border-radius: .1rem;
}
.s5-form .subtn{
    width: 6.2rem; height: .8rem;display: inline-block;
    border-radius: .1rem;
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
    color: #fff;
    font-size: .34rem; line-height: .8rem; font-weight: bold;
    margin: .2rem 0 .1rem;
}

.sec06{
    background: #fff;
}
.s6-main{
    width: 100%; clear: both; float: left; margin: .4rem auto 0;
}
.s6-main .itembox{
    width: 100%; clear: both; float: left;
}
.s6-main .itembox .item{
    width: 3.07rem; height: 3.4rem; display: inline-block; margin: 0 .1rem;
}
.s6-main .itembox .item01{
    background: url("../image/s6-img01.png") no-repeat center / 100%;
}
.s6-main .itembox .item02{
    background: url("../image/s6-img02.png") no-repeat center / 100%;
}
.s6-main .itembox .item a{
    width: 2.15rem; height: .48rem; display: inline-block;
    font-size: .22rem; line-height: .48rem; color: #fff;
    border-radius: .1rem;
    margin-top: 2.5rem;
}
.s6-main .itembox .item01 a{
    background: #e41010;
}
.s6-main .itembox .item02 a{
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
}
.s6-main .infoTxt{
    width: 100%; clear: both; float: left;
    background: #f4f4f5;
    padding: .1rem 0;
}
.s6-main .infoTxt li{
    width: 6.3rem; float: left; margin: 0 .6rem;
    border-bottom: dashed .01rem #dddddd;
    padding: .12rem 0;
}
.s6-main .infoTxt li:last-child{
    border-bottom: 0;
}
.s6-main .infoTxt li img{
    width: .43rem; float: left;
}
.s6-main .infoTxt li span{
    font-size: .26rem; line-height: .54rem;
    float: left; margin-left: .05rem;
}
.s6-main .infoTxt li a{
    width: 1.4rem; height: .48rem; display: block;
    float: right; font-size: .24rem; line-height: .48rem; color: #fff;
    background: #fa2314;
    margin-top: .08rem;
    border-radius: .4rem;
}
.s6-form{
    width: 100%; height: 4.05rem; float: left; clear: both;
    background: url("../image/s6-img03.png") no-repeat center top / 100%;
}
.s6-form ul{
    clear: both; float: left; margin-top: .4rem;
}
.s6-form ul li{
    width: 6.2rem; height: .8rem; float: left; margin: 0 .65rem .3rem;
    border-radius: .1rem;
    overflow: hidden;
    background: #fff;
}
.s6-form ul li span{
    width: 2.17rem; height: .8rem; display: inline-block; float: left;
    background: #ffe6e5;
    background: -webkit-linear-gradient(#ffe6e5,#fff);
    background: -moz-linear-gradient(#ffe6e5,#fff);
    background: -o-linear-gradient(#ffe6e5,#fff);
    background: linear-gradient(#ffe6e5,#fff);
    font-size: .26rem; line-height: .8rem; font-weight: bold; color: #333;
}
.s6-form ul li input{
    width: 3.6rem; float: left; margin-left: .25rem;
    height: .8rem; line-height: .8rem; font-size: .28rem;
}
.s6-form .subtn{
    width: 6.2rem; height: .8rem;display: inline-block;
    border-radius: .1rem;
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
    color: #fff;
    font-size: .34rem; line-height: .8rem; font-weight: bold;
    margin:0 0 .1rem;
}
.s6-form p{
    font-size: .24rem; line-height: .32rem; color: #ffc5c4;
    clear: both; float: left; width: 80%; margin: 0 10%;
}

.sec07{
    background: url("../image/s7-bg.jpg") no-repeat center bottom / 100%;
    height: auto;
    margin-top: .5rem;
}
.s7-zhu{
    width: 100%; clear: both; float: left; margin: .2rem auto .23rem;
    font-size: .24rem; line-height: .3rem;
}
.s7-main{
    width: 7.3rem; height: 5.78rem; display: block; float: left; margin: 0 .1rem .48rem;
    background: #fff;
}
.s7-main .item{
    width: 3.47rem; display: block; float: left;
    margin:0 .05rem .31rem
}
.s7-main .item01,.s7-main .item03{margin-left: .13rem}
.s7-main .item img{
    width: 100%;height: 2.16rem
}

.s7-main .item04 img{
    width: 2.46rem;
}
.s7-main .item a{
    width: 2.38rem; height: .78rem; display: inline-block;
    border: solid .01rem #fff;
    border-radius: .4rem;
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
    font-size: .34rem; line-height: .78rem; font-weight: bold; color: #ffffff;
    margin-top: -.41rem;
    box-shadow: 0 .04rem .18rem rgba(190,2,0,.28);
}

.sec08{
    background: #fff;
    margin-top: .7rem;
}
.s8_itembox{
    width: 100%; clear: both; float: left; margin-top: .38rem; margin-bottom: .4rem;
}
.s8_itembox .item{
    width: 6.97rem; height: 1.88rem; float: left;margin: 0 .28rem .02rem;
    background: #ffc8c7;
    background: -webkit-linear-gradient(#ffc8c7, #fff 60%);
    background: -moz-linear-gradient(#ffc8c7, #fff 60%);
    background: -o-linear-gradient(#ffc8c7, #fff 60%);
    background: linear-gradient(#ffc8c7, #fff 60%);
    border-radius: 0 .2rem  0 .2rem;
}
.s8_itembox .item .pic{
    width: 1.28rem; height: 1.28rem; display: block; margin-top: .3rem;margin-left: .3rem; float: left;
    background: url('../image/s8-line01.png') no-repeat center / 100%;
    position: relative;
    -webkit-animation: animtran 2s linear infinite;
    animation: animtran 2s linear infinite;
}
.s8_itembox .item .pic::before{
    content: '';width: 1rem; height: 1rem; display: block;
    background: url('../image/s8-line02.png') no-repeat center /100%;
    position: absolute; top: .14rem; left: .14rem;
    -webkit-animation: animtran2 2s linear infinite;
    animation: animtran2 2s linear infinite;
}
.s8_itembox .item .pic img{
    width: .86rem; display: block; margin: .21rem; float: left;
    -webkit-animation: animtrans 2s linear infinite;
    animation: animtrans 2s linear infinite;
}
@keyframes animtran {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}
@-webkit-keyframes animtran {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}
@keyframes animtran2 {
    from {
        transform: rotateZ(720deg);
    }
    to {
        transform: rotateZ(0deg);
    }
}
@-webkit-keyframes animtran2 {
    from {
        transform: rotateZ(720deg);
    }
    to {
        transform: rotateZ(0deg);
    }
}
@keyframes animtrans {
    from {
        transform: rotateZ(360deg);
    }
    to {
        transform: rotateZ(0deg);
    }
}
@-webkit-keyframes animtrans {
    from {
        transform: rotateZ(360deg);
    }
    to {
        transform: rotateZ(0deg);
    }
}
.s8_itembox .item .txt{
    float: left; margin-left: .25rem;margin-top: .55rem;
}
.s8_itembox .item .txt font{
    font-size: .32rem; line-height: .44rem; font-weight: bold; color: #fa2314;
    float: left;
}
.s8_itembox .item .txt p{
    font-size: .26rem; clear: both; float: left; line-height: .4rem;
    margin-top: .05rem;
}
.s8-btm{
    width: 100%; clear: both; float: left;
    background: url("../image/s8-bg.png") no-repeat center top / 100%;
}
.s8-btm >img{
    width: 5.43rem; display: inline-block; margin: -.25rem auto .3rem;
}
.s8-left{
    width: 5.43rem; display: inline-block; margin: -.25rem auto .3rem;
    background: url("http://czy.wxyqx.cn/37/img/s8-img04.png") no-repeat center / 100%;
    height: 1.75rem;
}
.s8-left span{
    width: 5.33rem;
    font-size: .48rem; line-height: .6rem; font-weight: bold; color: #333;
    float: left; margin-top: .25rem;
}
.s8-left span b{color: #fa2314}
.s8-form{
    width: 6.8rem; height: 4.12rem; display: block; float: left; margin: 0 .35rem .5rem;
    background: #fff;
    box-shadow: 0 .24rem 1.01rem rgba(154,6,5,.3);
}
.s8-form ul{
    width: 6.2rem; float: left; margin-top: .53rem; margin-left: .3rem;
}
.s8-form ul li{
    width: 6.18rem; height: .78rem;
    border: solid .01rem #fa2314;
    border-radius: .1rem;
    float: left; margin-bottom: .2rem;
    position: relative;
}
.s8-form ul li span{
    width: 1.52rem; height: .78rem; float: left;
    font-size: .26rem; line-height: .78rem; color: #fff; font-weight: bold;
    background: #fa2314;
}
.s8-form ul li select{
    width: 4.5rem; float: left; height: .78rem;
    padding-left: .3rem;
    background: #fff;
    font-size: .28rem;
}
.s8-form ul li input{
    width: 4.2rem; padding-left: .3rem; height: .78rem;font-size: .28rem;
}
.s8-form  .subtn{
    width: 6.2rem; height: .8rem;display: inline-block;
    border-radius: .1rem;
    background: #e8ae4b;
    background: -webkit-linear-gradient(#ffe186, #d48218);
    background: -moz-linear-gradient(#ffe186, #d48218);
    background: -o-linear-gradient(#ffe186, #d48218);
    background: linear-gradient(#ffe186, #d48218);
    color: #fff;
    font-size: .34rem; line-height: .8rem; font-weight: bold;
    margin:0 0 .1rem;
}

.main .hang .xiala {
    position: absolute;
    top: .3rem;
    right: .3rem;
    width: .1rem;
    height: .2rem
}
.main .hang .xiala.dong {
    animation: xiala 700ms linear forwards;
    -webkit-animation: xiala 500ms linear forwards
}

@keyframes xiala {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(90deg)
    }
}

#xieyi.xieyi{
    clear: both;
}
.subtn{
    cursor: pointer;
}

input[name="clueMobile"]::-webkit-input-placeholder{font-size:0.24rem}
input[name="clueMobile"]::-moz-placeholder{font-size:0.34rem}
input[name="clueMobile"]:-moz-placeholder{font-size:0.34rem}
input[name="clueMobile"]:-ms-input-placeholder{font-size:0.34rem}
#myform5 input[name="clueMobile"]::-webkit-input-placeholder{color: #888}


