@charset "utf-8";
html{
    font-size: 625%;
}
body,ul,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,figure,tr,td,img{
    margin:0;
    padding:0;
    font:.14rem "微软雅黑";
    color:#727272;
}
ul,dl{
    list-style:none;
}
a{
    text-decoration: none;
}
img{
    border:0;
}
.center{
    margin:0 auto;
}
.clear{
    clear: both;
}

/*header*/
#header{
    width: 100%;
    max-width: 6.4rem;
    margin: 0 auto;
    background: #fff;
}
#header .content{
    width: 96%;
    padding: .10rem 2%;
}
#header .content img.logo{
    width: 2.8rem;
    float: left;
}
#header .content figure{
    float: right;
    height: .32rem;
    margin-top: .12rem;
}
#header .content figure img{
    width: .32rem;
    height: .32rem;
    float: left;
}
#header .content figure figcaption{
    float: left;
    line-height: .28rem;
    margin-left: .08rem;
    font-size: .20rem;
    color: #00a9de;
}

/*nav*/
#nav{
    width: 100%;
    max-width: 6.4rem;
    margin: 0 auto;
    background: #00a9de;
    padding: 2% 0;
}
#nav ul li{
    width: 33.33%;
    float: left;
    text-align: center;
    line-height: 2.0;
    font-size: .16rem;
}
#nav ul li a{
    color: #fff;
}
#nav ul li.active a{
    color: #056684;
}
/*banner*/
#banner{
    width: 100%;
    max-width: 6.4rem;
    margin: 0 auto;
    overflow: hidden;
}
#banner .swiper-container{
    width: 100%;
}
#banner .swiper-slide{
    display: inline-block;
    font-size: 0;
}
#banner .swiper-slide img{
    width: 100%;
    display: inline-block;
}

/*图标*/
.icons_home{
    width: 100%;
    max-width: 6.4rem;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 5%;
}
.icons_home figure{
    width: 25%;
    float: left;
    border: 1px redf solid;
    text-align: center;
    margin-top: 5%;
}
.icons_home figure img{
    display: block;
    width: 70%;
    margin: 0 auto;
}
.icons_home figure figcaption{
    font-size: .14rem;
    margin-top: 2%;
}
.icons_home figure figcaption a{
    color: #333;
}


/*咨询热线*/
.consult_home{
    width: 100%;
    max-width: 6.4rem;
    margin:0 auto;
    padding: 1.5% 0;
    background: #00a9de;
}
.consult_home p{
    width: 80%;
    margin: 0 auto;
    font-size: .16rem;
    text-align: center;
    padding: 2% 0;
    border: .01rem #fff solid;
    border-radius: .04rem;
    color: #fff;
}
.public_call{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 11111;
    display: none;
}
.public_block{
    width: 80%;
    height: 1.4rem;
    position: fixed;
    top: 38%;
    bottom: 0;
    left: 10%;
    right: 10%;
    background: #fff;
    z-index: 11115;
    overflow: auto;
    border-radius: .04rem;
    display: none;
}
.public_block ul{
    width: 100%;
    height: 100%;
}
.public_block li{
    font-size: .17rem;
    color: #444;
    line-height: .69rem;
    text-align: left;
    padding-left: 5%;
    border-bottom: .01rem #dcdcdc solid;
}



/*底部*/
.bottom_home{
    width: 100%;
    max-width: 6.4rem;
    margin: 5% auto 0;
}
.bottom_home ul li{
    font-size: .12rem;
    color: #333;
    text-align: center;
    margin-top: 1%;
}
.bottom_home ul li a{
    color: #333;
}
.kong{
    height: .50rem;
}
/*footer*/
#footer{
    width: 100%;
    max-width: 6.4rem;
    margin: 0 auto;
}
#footer .content{
    width: 100%;
    max-width: 6.4rem;
    background:#414040;
    position: fixed;
    bottom: 0rem;
    z-index: 999;
    border-top: .01rem #dcdcdc solid;
    height: .50rem;
}
#footer .content ul li{
    width: 25%;
    float: left;
    border-right: .01rem #fff solid;
    box-sizing: border-box;
}
#footer .content ul li a{
    display: block;
}
#footer .content ul li img{
    width: .25rem;
    height: .25rem;
    float: left;
    margin: .12rem 0 0 15%;
}
#footer .content ul li p{
    font-size: .16rem;
    color: #fff;
    line-height: .50rem;
    float: left;
    margin-left: 5%;
}








/*媒体查询*/
@media (min-width:550px) and (max-width:640px){


}
@media (min-width:480px) and (max-width:550px){
    #footer .content ul li img{
        margin: .12rem 0 0 12%;
    }
    #header .content img.logo{
        width: 2.5rem;
    }
    #header .content figure{
        height: .30rem;
        margin-top: .05rem;
    }
    #header .content figure img{
        width: .30rem;
        height: .30rem;
    }
    #header .content figure figcaption{
        line-height: .25rem;
    }
}
@media (min-width:400px) and (max-width:480px){
    #footer .content ul li img{
        margin: .12rem 0 0;
    }
    #footer .content ul li p{
        margin-left: 2%;
    }
    #header .content img.logo{
        width: 2.1rem;
    }
    #header .content figure{
        height: .28rem;
        margin-top: .05rem;
    }
    #header .content figure img{
        width: .26rem;
        height: .26rem;
    }
    #header .content figure figcaption{
        line-height: .25rem;
        font-size: .18rem;
        margin-left: .05rem;
    }

}
@media (min-width:350px) and (max-width:400px){
    #header .content img.logo{
        width: 1.9rem;
    }
    #header .content figure{
        height: .25rem;
        margin-top: .05rem;
    }
    #header .content figure img{
        width: .20rem;
        height: .20rem;
    }
    #header .content figure figcaption{
        line-height: .16rem;
        margin-left: .03rem;
        font-size: .15rem;
    }
    #footer .content{
        height: .48rem;
    }
    #footer .content ul li img{
        width: .22rem;
        height: .22rem;
        margin: .13rem 0 0 6%;
    }
    #footer .content ul li p{
        margin-left: 2%;
        font-size: .14rem;
        line-height: .48rem;
    }
}
@media (max-width:350px){
    #header .content img.logo{
        width: 1.6rem;
    }
    #header .content figure{
        height: .20rem;
        margin-top: .03rem;
    }
    #header .content figure img{
        width: .18rem;
        height: .18rem;
    }
    #header .content figure figcaption{
        line-height: .18rem;
        margin-left: .05rem;
        font-size: .14rem;
    }
    #footer .content{
        height: .45rem;
    }
    #footer .content ul li img{
        width: .20rem;
        height: .20rem;
        margin: .12rem 0 0 6%;
    }
    #footer .content ul li p{
        margin-left: 2%;
        font-size: .13rem;
        line-height: .45rem;
    }
}
/*模快一*/
.con_box05_box {
    width: 100%;
    max-width: 6.4rem;
    margin:0 auto;
}
.con_box05_boxa {
    width: 30%;
    height: 250px;
    background: #f6e0c4;
    float: left;
    border-radius: 5px;
    margin: 0 1.6%;
}
.con_box05_boxb {
    width: 30%;
    height: 250px;
    background: #d1e5b7;
    float: left;
    border-radius: 5px;
    margin: 0 1.6%;
}
.con_box05_boxc {
    width: 30%;
    height: 250px;
    background: #7cb7c1;
    float: left;
    border-radius: 5px;
    margin: 0 1.6%;
}
.con_box05_boxa h3 {
    width:100%;
    line-height: 40px;
    text-align: center;
    font-size:0.16rem;
    color:#ff8f00;
    margin-top: 20px;
    background: #eee;
}
.con_box05_boxa p {
    width: 100%;
    height:120px;
    line-height:0.2rem;
    margin: 10px auto;
    font-size:0.12rem;
    color: #262626;
    text-align: center;
}
.con_box05_box p span{ display:block;}
.con_box05_boxbtn {
    width: 100%;
    height: 35px;
    line-height: 35px;
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #958571;
    font-size: 0.16rem;
    color: #fff;
    border-radius: 5px;
}
.con_box05_boxb h3 {
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size:0.16rem;
    color:#71c700;
    margin-top:0.2rem;
    background: #eee;
}
.con_box05_boxb p {
    width: 100%;
    height:120px;
    line-height:0.20rem;
    margin:0.10rem auto;
    font-size:0.12rem;
    color: #262626;
    text-align: center;
}
.con_box05_boxbtn {
    width: 100%;
    height:0.35rem;
    line-height:0.35rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #958571;
    font-size: 0.16rem;
    color: #fff;
    border-radius:0.05rem;
}
.con_box05_boxc h3 {
    width: 100%;
    line-height:0.40rem;
    text-align: center;
    font-size: 0.16rem;
    color:#00d5f9;
    margin-top:0.20rem;
    background: #eee;
}
.con_box05_boxc p {
    width: 100%;
    height:1.20rem;
    line-height:0.2rem;
    margin:0.10rem auto;
    font-size: 0.12rem;
    color: #262626;
    text-align: center;
    overflow:hidden;
}
.con_box05_boxbtn {
    width: 70%;
    height:0.35rem;
    line-height:0.35rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #958571;
    font-size: 0.14rem;
    color: #fff;
    border-radius:0.05rem;
}
.tit {
    font-size: 0.18rem;
    line-height:0.4rem;
    padding-top:0.10rem;
    text-align: center;
    background:url(../img/zydxt.png) no-repeat 50% 100%;
}
.xbt{text-align: center; margin:0.04rem 0 0.10rem 0;}


/*模快二*/
.mobaner {
    width: 100%;
    max-width: 6.4rem;
    margin: 0 auto;
}

.mobaner li {
    border-bottom: 1px solid rgba(255, 255, 255, .03);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    overflow: hidden;
    margin: 0.10rem 0;
    padding: 0.1rem;
    border-bottom: dashed 1px #eee;
}

.mobaner li div {
    float: left;
}

.mobaner li h2 {
    font-size: 0.2rem;
    color: #000;
    line-height: 0.3rem;
    margin-top: 0.1rem;
    text-align: center;
}

.mobaner li h3 {
    font-size: 0.14rem;
    color: #fff;
    line-height: 0.3rem;
    padding-left: 0.14rem;
    width:50%;
    margin: auto;
    background: #26adef;
}

.mobaner li p {
    width: 100%;
    font-size: 0.12rem;
    color: #555;
    height:2.3rem;
    overflow: hidden;
}

.mobaner ul {
    width: 100%;
    padding-top: 0.6rem;
}

.testone {
    margin-right: 5%;
    width: 40%;
}

.testone img {
    width: 100%;
    height: 100%;
    border-radius: 0.9rem;
}

.fuwzx {
    width: 55%;
}

.mobaner li:hover {
    background: #f9e0a0;
    box-shadow: 10px 4px 20px #CCC;
}

.zhunzl {
    text-align: center;
    padding-top: 0.1rem;
}

.zhunzl img {
    display: inline;
    width: 100%;
    height: 100%;
}

/*模快三*/
.mores {
    width: 100%;
    max-width: 6.4rem;
    padding-bottom:0.1rem;
    margin:0 auto;
}
.mores .more {
    width: 100%;max-width: 6.4rem; margin:0 auto;
}
.mores .more ul {
    margin-top:0.1rem;
    overflow: hidden;
}
.mores .more ul li:nth-of-type(1) {
    background: url(../img/pic_2.jpg) no-repeat center;
}
.mores .more ul li {
    width:30%;
    height: 320px;
    float: left;
    margin:1.6%;
}
.mores .more ul li:nth-of-type(2) {
    background:url(../img/pic_3.jpg) no-repeat center;
}
.mores .more ul li:nth-of-type(3) {
    background: url(../img/pic_4.jpg) no-repeat center;
}
.mores .more ul li:nth-of-type(4) {
    background: url(../img/pic_5.jpg) no-repeat center;
}
.mores .more ul li:nth-of-type(5) {
    background:url(../img/pic_6.jpg) no-repeat center;
}
.mores .more ul li:nth-of-type(6) {
    background:url(../img/pic_3.jpg) no-repeat center;
    margin-right: 0;
}
.mores .more ul li h2 {
    color: #ffffff;
    font-size:0.18rem;
    margin-top: 1.25rem;
    margin-bottom: 0.08rem;
}
.mores .more ul li .message {
    height: 100px;
    width:98%;
    color:#fff;
    overflow:hidden;
    margin:0 1%;
    font-size: 0.12rem;

}

.mores .more ul li a {
    display: block;
    height: 0.34rem;
    line-height: 0.34rem;
    text-align: center;
    border: 1px solid #fff;
    font-size:0.12rem;
    color: #fff;
    margin: 0 2%;
}
.main5 {
    width: 100%;max-width: 6.4rem;
    margin:0 auto;
    padding-top:0.1rem;
    background:url(../img/main5-bg.png);
}
.container1000 {
    width: 100%;max-width: 6.4rem;
}
.main5-head-tittle{
    font-size:0.16rem;
    color:#000;
    border-bottom: solid 1px #333;
    margin:0 6px;
}
.main5-head-tittle span{ background:#333; padding-left:0.04rem; margin-right:0.2rem; color:#fff;}
.main5 .main5-body {
    margin-top: 0.1rem;
    padding-bottom: 0.4rem;
}
.main5 .main5-body .main5-ul .main5-li {
    width:48%;
    height: 220px;
    float: left;
    background: #ffffff;
    margin:1%;
}

.main5 .main5-body .main5-ul .main5-li .main5-li-img {
    width:50%;
    height: 220px;
    float: left;
}
.main5 .main5-body .main5-ul .main5-li .main5-li-text-part {
    float: left;
    width: 96%;
    height: 220px;
    box-sizing: border-box;
    padding: 2%;
}
.main5 .main5-body .main5-ul .main5-li .main5-li-text-part .main5-li-tittle {
    font-size:0.14rem;
    color: #414040;
    margin-top:0.1rem;
    border-bottom: 1px solid #bdbdbd;
}
.main5 .main5-body .main5-ul .main5-li .main5-li-text-part .main5-li-items {
    margin-top:0.1rem;
}
.main5 .main5-body .main5-ul .main5-li .main5-li-text-part .main5-li-items .li-items-ul .li-items-li {
    line-height:0.18rem;
    border-bottom:dashed 1px #eee;
}
.main5 .main5-body .main5-ul .main5-li .main5-li-text-part .main5-li-items .li-items-ul .li-items-li span {
    float: left;
    display: inline-block;
    height:0.18rem;
    width: 6px;
    line-height:0.18rem;
    text-align: center;
    position: relative;
    margin-right:0.18rem;
}
.main5 .main5-body .main5-ul .main5-li .main5-li-text-part .main5-li-items .li-items-ul .li-items-li a {
    font-size:0.12rem;
    color: #666666;
}
.cqczch{ width:100%;max-width: 6.4rem; margin:0.1rem auto 0.1rem;}
.cqczch img{ width:100%;}
.cqczch ul{ float:left; margin:0 1.6%; text-align:center; width:30%; color:#000;}
.cqczch ul li{ font-size:0.12rem; line-height:24px;}

.fw {width:100%;max-width: 6.4rem; margin:0 auto;}
.fw img{ width:100%; height:100%}
.fw .main5-head-tittle{margin:0 0.06rem 0.06rem 0.06rem; color:#000;}

/*模快四*/
.container {
    width:100%;max-width: 6.4rem; margin:0 auto;
}

.tit {
    font-size:0.18rem;
    line-height:0.46rem;

    padding-top:0.1rem;
    text-align: center;
    background:url(../img/zydxt.png) no-repeat 50% 100%;
}
.xbt{text-align: center; margin:0.1rem 0 0.15rem 0;}
.shouhuo ul {
    overflow:hidden;
}
.shouhuo .li1 {

    background-position: 0 0;
}

.shouhuo li {
    width:30%;
    float: left;
    height:2.6rem;
    margin: 0 1.6% 0.15rem 1.6%;
    text-align: center;
    color: #fff;
    background:url(../img/symby.jpg) no-repeat 0 0;
}
.shouhuo h4 {
    font-size:0.18rem;
    color: #fff;
    padding:0.2rem 0 0.1rem;
    height: 0.44rem;
}
.shouhuo p {
    line-height:0.18rem;
    height: 90px;
    font-size: 0.1rem;
    color:#fff;
}
.shouhuo .btn2 {
    color: #666;
    background-color: #fff;
    border-color: #fff;
    font-size: 0.12rem;
    line-height:0.35rem;
}

button {
    cursor: pointer;
    outline: none;
    border: 0;
}
.shouhuo .li2 {
    background-position: -3.63rem 0;
}
.shouhuo .li3 {
    background-position: 100% 0;
}
.shouhuo .li4 {
    background-position: 0 -2.75rem;
}
.shouhuo .li5 {
    background-position: -3.34rem -2.75rem;
}
.shouhuo .li6 {
    background-position: 100% -2.75rem;
}
.shouhuo .li4, .shouhuo .li5, .shouhuo .li6 {
    height: 2.41rem;
}
/*模快五*/
.yxdn img{ float:left; width:46%; height:2.4rem;margin:2%;}
.yxdn ul{ float:right; margin:2%;width:46%;}
.yxdn ul span{ padding:0 0.04rem; border-radius:50%;color:#fff; margin-right:0.06rem; font-weight:bold;}
.yxdn ul li{ line-height:0.20rem; font-size:0.12rem; margin-bottom:0.2
                 rem; color:#000;}
.yxdn ul .youx1 span{ background:#f67a58;}
.yxdn ul .youx2 span{ background:#5ba9e7;}
.yxdn ul .youx3 span{ background:#f1ba53;}
.yxdn ul .youx4 span{ background:#21be79;}
.yxdn ul .youx5 span{ background:#1dc9b3;}
.yxdn ul .youx6 span{ background:#58abef;}
.btn {
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top:0.1rem;
}
.btn img{ width:100%;}
<!--模快六-->
.grb{

}
.wid {
    width:100%;
    max-width: 6.4rem;
    margin:0 auto;
    position: relative;
}
.grb_title img{
    width: 100%;
}
.grb_wrap {
    width:100%;
    background: #f7f7f7;
}
.grb_title01 {
    float: left;
    width: 98%;
    height: 0.70rem;
    margin:0 1%;
}

.grb_title02 {
    width:98%;
    height: 3.0rem;
    overflow: hidden;
    margin: 0 1%;
}
.grb_title01 h3 {
    float: left;
    width:100%;
    height: 0.45rem;
    color: #d81827;
    line-height: 0.45rem;
    text-align: center;
    font-size:0.24rem;
    font-weight: normal;
}
.grb_wrap table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dfdfdf;
    background: rgba(247,247,247,0.1);
}

.grb_wrap table th {
    border: 1px solid #dfdfdf;
    height:0.24rem;
    text-align: center;
    background: #e62129;
    color: #fff;
}
.grb_title02 li{height:0.24rem;background:url(ico-4.gif) no-repeat 10px 23px; vertical-align:bottom; zoom:1; border-bottom:#B7B7B7 dashed 1px; overflow:hidden;}
.grb_title02 li p,.grb_title02 li h1{ height:0.24rem;font-size:12px; color:#353535; line-height:0.24rem;float:left; text-align:center;}
.grb_title02 li p{ width:25%;}
.grb_title02 li h1{ width:12.5%;}
/*模快七*/
.mokq {
    width:40%;
    line-height:0.22rem;
    font-size:0.16rem;
    text-align: center;
    color: #fff;
    border-radius:0.12rem;
    background-color:#00a9de;
    margin-bottom:0.1rem;
}
.margin-tb40 {
    margin-bottom:0.1rem;
}
/*模快八*/
.con_box11 {
    width:100%;
    max-width: 6.4rem;
    margin:0 auto;
}
.con_box11 img{ width:100%; display: block;}