/* CSS Document */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, main { display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
table { border-collapse: collapse; border-spacing: 0; }
html, body, fieldset, img, iframe, abbr { border: 0; }
[hidefocus], summary { outline: 0; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
img { vertical-align: middle; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
small { font-size: 80%; }
sub, sup { position: relative; line-height: 0; vertical-align: baseline; font-size: 75%; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-size: 1em; font-family: monospace, monospace; }
q:before, q:after { content: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
button, input, select, textarea, keygen, legend { margin: 0; font: inherit; color: inherit; }
textarea { overflow: auto; }
/*body{background:#fff;font:14px/1.5 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#333;}*/
body { background: #f3a2a9; font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; }
:focus { outline: 0; -webkit-tap-highlight-color: transparent; }
::-webkit-input-placeholder {
color:#bbb;
}
i,em{
    font-style: normal;
}
/* rem */
/*
 * 
 * 计算公式：b * (d / r)
 * b 为基数，即像素值和 rem 值的比例，比如它们的比例是100：1，那么 b = 100；
 * d 为设备尺寸；
 * r 为标准尺寸(参照尺寸)；
 *
 */
@media screen and (max-width: 319px) {
html { font-size: 85.33333px; }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
html { font-size: 85.33333px; }
}

@media screen and (min-width: 360px) and (max-width: 374px) {
html { font-size: 96px; }
}

@media screen and (min-width: 375px) and (max-width: 383px) {
html { font-size: 100px; }
}

@media screen and (min-width: 384px) and (max-width: 399px) {
html { font-size: 102.4px; }
}

@media screen and (min-width: 400px) and (max-width: 413px) {
html { font-size: 106.66667px; }
}

@media screen and (min-width: 414px) and (max-width: 767px) {
html { font-size: 110.4px; }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
html { font-size: 204.8px; }
}

@media screen and (min-width: 1024px) {
html { font-size: 273.06667px; }
}
.wp{
    padding-bottom: .4rem;
}
.wp *{
    box-sizing: border-box;
}
.wp div{
    width: 100%;
    overflow: hidden;
}
.wp div img{
    width: 100%;
}
.wp a.btn{
    display: block;
    margin:0 auto;
    width: 1.95rem;
    height: .4rem;
    background: #00ee9b;
    text-align: center;
    line-height: .4rem;
    font-size: .13rem;
    color: #012ebf;
    border-radius: .04rem;
    box-shadow:0 0 .1rem rgba(37, 255, 197, .6);
}
.wp div a.goback{
    position: absolute;
    top:.19rem;
    left:.15rem;
    width:.59rem;
    height:.22rem;
}
.wp .banner{
    position: relative;
    width: 100%;
    height:3.25rem;
    background: url(../images/banner_bg.jpg) no-repeat top;
    background-size: 100%;
    padding-top:2.6rem;
}
.wp .banner a.d_btn{
    display: block;
    margin:0 auto;
    width:1.73rem;
    height:.375rem;
    background:url(../images/banner_btn.png) no-repeat top;
    background-size: 1.73rem;
}
.wp .part1{
    width: 100%;
}
.wp .part2{
    position: relative;
    width: 100%;
}
.wp .part2 a{
    position: absolute;
    left:1.425rem;
    width: .9rem;
    height: .25rem;
    text-align: center;
    line-height: .25rem;
    background: #288f51;
    color: #fff;
    font-size: .1rem;
}
.wp .part2 a:nth-of-type(1){
    top: 2.53rem;
}
.wp .part2 a:nth-of-type(2){
    top:4.525rem;
}
.wp .part2 a:nth-of-type(3){
    top:6.525rem;
}
.wp .part2 a:nth-of-type(4){
    top:8.52rem;
}
.wp .part3{
    position: relative;
    width: 100%;
}
.wp .part3 a{
    position: absolute;
    top:1.66rem;
    left: 50%;
    transform:translate(-50%,0);/*左右，上下*/
    width: 2rem;
    height: .35rem;
    border: 1px solid #fff;
    text-align: center;
    line-height: .35rem;
    color: #fff;
    font-size: .12rem;
    font-weight: 700;
}
.wp .part4{
    position: relative;
    width: 100%;
}
.wp .part4 a{
    position: absolute;
    top:1.635rem;
    left: 50%;
    transform:translate(-50%,0);/*左右，上下*/
    width: 1.5rem;
    height: .35rem;
    background: #288f51;
    text-align: center;
    line-height: .35rem;
    color: #fff;
    font-size: .12rem;
}
.wp .part5{
    width: 100%;
}
.wp .part6{
    position: relative;
    width: 100%;
}
.wp .part6 a{
    position: absolute;
    top:4.9rem;
    left: 50%;
    transform:translate(-50%,0);/*左右，上下*/
    width: 1.5rem;
    height: .35rem;
    border: 1px solid #fff;
    text-align: center;
    line-height: .35rem;
    color: #fff;
    font-size: .12rem;
    font-weight: 700;
}
.wp .part7{
    position: relative;
    width: 100%;
}
.wp .part7 .swiper-container{
    position: absolute;
    top: 1.22rem;
    left:50%;
    transform:translate(-50%,0);/*左右，上下*/
    width:3.45rem;
    height: 2.7rem;
}
.wp .part7 .swiper-container li{
    width: 1.11rem;
    height: 2.25rem;
    border-radius: .04rem;
}
.wp .part7 .swiper-container li img{
    width: 100%;
}
.wp .part7 .swiper-pagination-bullet{
    width: .08rem;
    height: .08rem;
    background: #288f38;
}
.wp .part7 .swiper-pagination-bullet-active{
    background: #288f38;
}
.wp .part8{
    position: relative;
    width: 100%;
}
.wp .part8 a{
    position: absolute;
    top: 4.25rem;
    left: 50%;
    transform:translate(-50%,0);/*左右，上下*/
    width: 2rem;
    height: .35rem;
    background: #288f51;
    text-align: center;
    line-height: .35rem;
    color: #fff;
    font-size: .12rem;
}
.wp .part9{
    width: 100%;
    height:4.95rem;
    background: url(../images/p9.jpg) #288f51 no-repeat top;
    background-size: 100%;
    padding-top: 1.5rem;
}
.wp .part9 div{
    margin:0 auto;
    width: 3rem;
    height: 2.225rem;
    background: #ffffff;
    box-shadow:0 0 .1rem rgba(25, 116, 39, .3);
}
.wp .part9 div iframe{
    width: 3rem;
    height:1.98rem;
}
.wp .part9 p{
    margin-top:.675rem;
    text-align: center;
}
.wp .part9 p a{
    display: inline-block;
    font-size: .1rem;
    color: #fff;
    line-height: .15rem;
    padding:0 .05rem;
}