/* CSS Document */
html{ font-size:calc(100vw/7.5);}
@media screen and (min-width:750px){html{ font-size:100px;}}
body {font-family:微软雅黑;font-size:0.01rem;}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;}
ul,ol,li,input{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:top; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
input{outline: none}

.wrap{max-width:750px;min-width: 320px;color:#333; margin-left: auto;margin-right: auto; overflow: hidden;}
.re{ position: relative;}
.te{ text-align: center;}
.ov{ overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.plr{ padding:0 0.2rem;}
.hs{ color:#6803a2}
.mr10{ margin-right:0.1rem}
.ml10{ margin-left:0.1rem}

.pagination{ width:100%; text-align:center; padding:0.2rem 0}
.pagination span{display: inline-block;
    width: 0.2rem;
    height:0.2rem;
    border-radius:0.1rem;
    background:#369d3e;
    margin: 0 5px;
    cursor: pointer;
}


.pagination .swiper-active-switch {background: #7f37a3;}

.pa2 .swiper-active-switch {background: #7f37a3;}

.titecon{ width:100%; text-align:center; font-size:0; padding:0.3rem 0 0.35rem 0;color:#000;position: relative;line-height: 1;}
.titecon .tt1{ display:inline-block; font-size:0.4rem; padding:0.2rem 0.15rem; position:relative; color:#000}
.titecon .tt1 .bt{ position:absolute; left:0; bottom:0; width:100%; height:1px; overflow:hidden; background:#000; content:""}
.titecon .tt1 .tt{ position:absolute; left:0; top:0; width:100%; height:1px; overflow:hidden; background:#000; content:""}
.titecon .x2{ text-align:center; padding-top:0.1rem}
.titecon .x2 img{ width:5.32rem}

.titecon .tt2{ padding-top:0.1rem; display:inline-block; line-height:1.2; font-size:0.3rem;color:#000}

.btncon{ width:100%; text-align:center; font-size:0; padding:0.3rem 0;position: relative;}
.btncon a{ width:5.26rem; display:inline-block;animation:float 2s infinite;}


.head{ max-width:750px; min-width:320px; display:flex;align-items:center; justify-content:space-around; height:0.9rem;line-height:0.9rem; background:#fff; text-align:center; 
 margin:0 auto; z-index:3}
.fixed{position:fixed; top:0; left:0; right:0; }
.bottom{ width:100%; height:1rem; background:#fff; position:fixed; left:0; bottom:0px; z-index:99;}
.head h1{ display:inline-block; width:4.5rem; height:0.52rem;}
.head a:first-child{ width:0.53rem;left:0.32rem; height:0.58rem;}
.head a:last-child{ width:0.68rem; right:0.32rem; height:0.58rem}

.banner{ position:relative;}
.part1{ position:relative; height:5.7rem; padding:0.2rem 0.3rem 0 0.3rem}
.part1 .tt{ width:3.73rem; height:1rem; overflow:hidden}
.part1 .box{ background:#f1f9f2; height:calc(100% - 1rem); overflow:hidden;border-radius:0 0.15rem 0.15rem 0.15rem;}
#RunTopic li{ height:0.75rem; border-bottom:1px dashed #efefef}
#RunTopic li a{height:100%; display:flex; justify-content:space-between; align-items:center;}
#RunTopic li .icon{ width:0.21rem; margin:0 0.15rem 0 0.48rem;}
#RunTopic li .txt{ flex:1; font-size:0.26rem; line-height:1; color:#313531}
#RunTopic li .btn{ width:1.21rem; margin-right:0.2rem;}

.menubox{ margin:0 auto; padding:0.3rem 0 0.5rem 0; width:6.9rem; display:flex; flex-wrap:wrap; overflow:hidden}
.menubox .list{ width:1.725rem; text-align:center; margin-bottom:0.15rem;}
.menubox .list .pic{ width:1.12rem;}
.menubox .list .t{ font-size:0.26rem; color:#333}

.p2tt{ text-align:center; padding:0.2rem 0 0.5rem 0}
.p2tt img{ width:4.83rem}
.box2{ padding:0 0.3rem;display:flex; flex-wrap:wrap; justify-content:space-between; }
.box2 a{ margin-bottom:0.2rem; width:2.15rem; font-size:0.26rem; text-align:center; line-height:0.72rem; background:#f0fff1; border:1px dashed #329739; color:#329739; border-radius:0.1rem}

.part2{ height:7.16rem; background:url(../images/part2bg.jpg) no-repeat; background-size:7.5rem 7.16rem;}
.part2 .tab{ padding:0 0.2rem; display:flex; height:0.83rem; background:url(../images/mbg1.png) no-repeat; background-size:7.5rem 0.83rem;}
.part2 .tab .list{ box-sizing:border-box; padding-top:0.1rem; text-align:right; font-size:0.3rem; line-height:1.2; flex:1; padding-right:0.15rem; color:#369d3e}
.part2 .tab .list .icon{ margin-left:0.05rem; display:inline-block; width:34px; height:33px;background:url(../images/jt1.png) center center no-repeat; background-size:0.24rem 0.24rem;}

.part2 .tab .list.on{ color:#fff}
.part2 .tab .list.on .icon{background:url(../images/jt2.png) center center no-repeat; background-size:0.34rem 0.33rem;}
.part2 .tab .list .icon{ transform:translate(0,0.05rem)}

.p3tt{ text-align:center; padding:0.2rem 0 0.5rem 0}
.p3tt img{ width:3.22rem}

.part3{ padding:0.65rem 0.3rem 0 0.3rem; box-sizing:border-box; height:5.64rem; display:flex; justify-content:space-between; background:url(../images/part3bg.jpg) no-repeat; background-size:7.5rem 5.64rem;}
.part3 img{ box-shadow:0 0 0.15rem rgba(0,0,0,0.2)}
.part3 .left{ width:3.17rem}
.part3 .right{ width:3.57rem}
.part3 .right .top{ margin-bottom:0.17rem}
.part3 .right .bot{display:flex; justify-content:space-between;}
.part3 .right .bot .pic{ width:1.75rem}

.part4{ background:url(../images/part4bg.jpg) no-repeat; background-size:7.5rem 3.26rem;}
.part4 .tt{text-align:center; padding:0.2rem 0 0.5rem 0}
.part4 .tt img{ width:4.23rem}
.part4 .spxz1{ height:6.27rem}
.part4 .pa2{ position:absolute; left:0!important; bottom:0!important; z-index:3; text-align:right}
.part4 .swiper-slide{ text-align:center}
.part4 .swiper-slide img{ width:7.02rem}

.part5{ padding:0.5rem 0.3rem 2rem 0.3rem;}
.part5 .tab{ display:flex; height:0.58rem; line-height:0.58rem;}
.part5 .tab .list{ position:relative; background:#e5ffe7; font-size:0.3rem; font-weight:700; color:#369d3e; cursor:pointer; flex:1; text-align:center;}
.part5 .tab .list .x{ position:absolute; left:0; top:50%; transform:translate(0,-50%); width:1px; height:0.28rem; background:#369d3e}
.part5 .tab .list.on{ background:#369d3e; color:#f6ecd3}
.part5 .t1{ text-align:center; padding-top:0.5rem; color:#369d3e;font-size:0.48rem; font-weight:700}
.part5 .t2{ text-align:center;}
.part5 .t2 img{ width:4.92rem}
.part5 .t3{ text-align:center; color:#369d3e;font-size:0.3rem; font-weight:700}
.part5 .t4{ text-align:center; padding-top:0.35rem}