@charset "gb2312";
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a,button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary  { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
body {  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; color: #333; background-color: #fff;}
img {  height: auto; -ms-interpolation-mode: bicubic;  vertical-align: middle;}
.wrap img {display: block; width: 100%;height: auto; }
em, i, b ,s,strong{ font-style: normal; font-weight: normal; }
p {font-size: 2.6rem; text-align: justify; text-justify: inter-ideograph;color: #666; }
input,textarea{ border:0;  outline: none;  resize: none;  -webkit-appearance: none;  }
.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clearfix { zoom: 1; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; outline: 0 }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; line-height:1.2;font-weight: normal; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;
}
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left;}
.fr { float: right;}
.wrap { width: 100%; margin: 0 auto; max-width: 750px; min-width: 320px; }
/*ÉÏÒ»Ò³·µ»Ø*/
.pre-page{
    text-align: center;
    display: block;
    line-height:2.76;
    color: #2e3642;
    font-size:3.4rem;
}
.pre-page img{
    margin-right:17px;
    vertical-align: middle;
}
/*box1*/
.box1,.box2{
    padding: 10.6%  2.6%;
    background: #f3f3f3;
}
.box1 h3,.box2 h3,.box4 h3{
    text-align: center;
    font-size:7rem;
}
.box1 h4,.box2 h4,.box4 h4,.box5 h4{
    text-align: center;
    font-size:4.2rem;
}
.box1 section{
    width: 85%;
    margin:7.5% auto;
}
.box1 section>div{
    width: 41.6%;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,.17);
    padding: 5.8% 7.5%;
    border-radius: 5px;
}
.box1 ul,.box2 ul{
    display: flex;
    width: 100%;
    flex-wrap:wrap;
    overflow: hidden;
    justify-content:center;
    padding: 6% 0 8%;
}
.box1 ul li{
    width: 30.13%;
    margin:3px;
    background: #fff;
}
.box1 ul li h4{
    padding: 2.4% 0 0 2%;
    text-align: left;
}
.box1 ul li p{
    padding:0 2%;
}
.box1 .btn,.box2 .btn,.box3 .btn,.box5 .btn,.box6 section .btn,.box7 section .btn{
    display: block;
    width: 75%;
    color: #fff;
    font-size:4.5rem;
    margin:0 auto;
    background: #ff6000;
    border-radius: 50px;
    line-height:2.11;
    box-shadow: 0 5px 15px rgba(255,96,0,.62);
    padding-left: 26%;
    position: relative;
}
.box1 .btn:before,.box2 .btn:before,.box3 .btn:before,.box6 section .btn:before,.box7 section .btn:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: url("../images/btn.jpg") no-repeat center;
    -webkit-background-size:cover;
    background-size:cover;
    left: 4%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*box2*/
.box2{
    background: #fff;
}
.box2 ul li{
    width: 50%;
}
.box2 ul li:nth-of-type(2n){
     background: #20ccb8;
 }
.box2 ul li:nth-of-type(2n+1){
    background: #ffae21;
}
.box2 ul li h6{
    font-size:2.6rem;
    color: #fff;
    padding: 1%;
}
.box2 ul li p{
    font-size:2.4rem;
    padding: 2% 2% 0;
    color: #fff;
}
.box2 .btn:before{
    background-image: url(../images/btn1.jpg);
}
/*box3*/
.box3{
    background: #20ccb8;
    padding: 10.66% 0;
}
.box3 h3{
    width: 66%;
    margin:0 auto 5%;
}
.box3 .swiper-container,.box5 .swiper-container {padding: 2.5% 0 8%;}
.box3 .swiper-container .swiper-slide,.box5 .swiper-container .swiper-slide  { width: 84.13%; }
.box3 .swiper-container .swiper-slide  img{-webkit-transform: scale(0.95); transform: scale(0.95); box-shadow: 0 0 10px rgba(1,148,131,.51)}
.box3 .swiper-container .swiper-slide-active img{-webkit-transform: scale(1);  transform: scale(1); }
.box3  .swiper-pagination,.box5  .swiper-pagination,.box7  .swiper-pagination{
    position: static;
}
.box3  .swiper-pagination .swiper-pagination-bullet,.box5 .swiper-pagination .swiper-pagination-bullet{
    width: 8.4%;
    height: 2px;
    border-radius: 0;
    background: #009579;
}
.box3 .swiper-pagination .swiper-pagination-bullet-active,.box5 .swiper-pagination .swiper-pagination-bullet-active{
    background: #88e2d2;
}
.box3 .btn{
    padding-left:22%;
}
.box3 .btn:before{
    background-image: url(../images/btn3.jpg);
}
/*box4*/
.box4{
    padding-top: 10.6%;
}
.box4 p,.box5 p,.box6 .info,.box7 .info{
    width: 93.3%;
    margin: 3.7% auto 0;
    text-align: center;
    font-size:3.2rem;
    color: #666;

}
/*box5*/
.box5,.box6,.box7{
    padding: 10.6% 0;
    background: #f3f3f3;
}
.box5 .swiper-pagination .swiper-pagination-bullet{
    background: #b4b4b4;
}
.box5 .swiper-pagination .swiper-pagination-bullet-active{
    background: #00a888;
}
.box5 .btn{text-align: center; width: 75.2%; padding-left:0;}
/*box6*/
.box6{
    background: #fff;
}
.box6 h2{
    font-size:8rem;
    text-align: center;
}
.box6 h4{
    text-align: center;
    font-size:4.2rem;
}
.box6 .info{
    padding-bottom:4%;
}
.box6 section{
    width: 94.66%;
    margin:0 auto;
    background: #20ccb8;
    padding: 5.33% 2.66% 8%;
    box-shadow: 0 5px 15px rgba(34,204,184,.42);
}
.box6 section h3{
    font-size:4.2rem;
    color: #fff;
}
.box6 section p{
    font-size:3.2rem;
    color: #fff;
    line-height:1.8;
}
.box6 section p:nth-of-type(3){
    font-size:2.6rem;
}
.box6 section .btn{
    width: 79.2%;
    margin:6.4% auto 0;
}
.box6 section .btn:before{
    background-image: url(../images/btn4.jpg);
}
/*box7*/
.box7{
    background: #fff;
}
.box7 h2{
    font-size:8rem;
    text-align: center;
}
.box7 h4{
    text-align: center;
    font-size:4.2rem;
}
.box7 .info{
    padding-bottom:4%;
}
.box7 section{
    width: 94.66%;
    margin:0 auto;
    background: #20ccb8;
    padding: 5.33% 2.66% 8%;
    box-shadow: 0 5px 15px rgba(34,204,184,.42);
}
.box7 section h3{
    font-size:4.2rem;
    color: #fff;
}
.box7 section p{
    font-size:3.2rem;
    color: #fff;
    line-height:1.8;
}
.box7 section p:nth-of-type(3){
    font-size:2.6rem;
}
.box7 section .btn{
    width: 79.2%;
    margin:6.4% auto 0;
}
.box7 section .btn:before{
    background-image: url(../images/btn4.jpg);
}
@media screen and (min-width: 320px) and (max-width: 374px) {
    html { font-size: 26.25% !important; } /*0.42*/
    .pre-page  img{
        margin-right:7px;
        width: 7px;
    }
}
@media screen and (min-width: 375px) and (max-width: 409px) {
    html { font-size: 31% !important; }  /*0.5*/
    .pre-page  img{
        margin-right:8px;
        width: 8px;
    }
}
@media screen and (min-width: 410px) and (max-width: 479px) {
    html { font-size: 33% !important; }  /*0.54*/
    .pre-page  img{
        margin-right:9px;
        width: 9px;
    }
}
@media screen and (min-width: 480px) and (max-width: 900px) {
    html { font-size: 40% !important; } /*0.64*/
    .pre-page  img{
        margin-right:10px;
        width: 10px;
    }
}