@charset "utf-8";
/* CSS Document */
*{  -webkit-tap-highlight-color: transparent; -webkit-appearance: none;  padding:0; margin:0}  
body,html{ max-width:640px; min-width:320px; height:auto; padding:0; margin:0 auto; font-family:"微软雅黑"; color:#505050; background-color:#fff; height:100vh;}
a:link{ text-decoration:none; cursor: pointer; color: #FFFFFF;}
.clear{ clear: both;}
ul li{list-style-type: none;}

.h{height: 5px;}

.main{width: 100%; height: auto; margin:  0 auto;}
.banner{width: 100%; height: auto; margin:  0 auto;}
.banner img{width: 100%;}


.one{margin: 0 auto;
    padding: 2.5% 0;
    background-size: 100%;
    width: 100%;
    height: auto;}

.one_center{width: 90%;
    height: auto;
    padding: 2% 0;
    margin: 0 auto;
    background: #FFF;
    border-radius: 10px;}
 
 .c_top{color: #000000;text-align: center; border-bottom: 1px solid #cccccc; font-size: 1.2rem; padding: 2.5% 3%; }
 .c_c{    width: 94%;
    font-size: 0.8rem;
    margin: 0 auto;
    line-height: 1.4rem;
    color: #888888;
    text-align: justify;
    text-indent: 2rem;
    }

.c_img{width: 94%; height: auto; margin: 0 auto;}
.c_img img{width: 100%;    margin-top: 20px;}

.foot{width: 90%; height: auto; margin: 0 auto; text-align: center; color: #FFFFFF; background: #8fc31f; border-radius: 5px; font-size: 1.2rem; line-height: 3rem;}


.two{width: 96%; height: auto; margin: 0 auto;}
.t_c {width: 100%; height: auto; margin: 0 auto;margin-top: 5px;}

.thr{width: 96%; height: auto; margin: 0 auto;}

.wuda{width: 96%; height: auto; margin: 0 auto;}

.wda1{width: 100%; height: auto; margin: 0 auto;}
.wda1 ul{width: 100%; height: auto; margin: 0 auto;}
.wda1 ul li{width: 30%; height: auto; float:  left; margin-left: 2%; border-radius: 50%; color: #FFFFFF; font-size: 0.9rem;padding: 9% 0; display: table; text-align: center;}


.wda2{width: 100%; height: auto; margin: 0 auto;}
.wda2 ul{width: 100%; height: auto; margin: 0 auto;}
.wda2 ul li{width: 45%; height: auto; float:  left; margin-left: 3%; border-radius: 50%; color: #FFFFFF; font-size: 0.9rem;padding: 19% 0; display: table; text-align: center;}


.stc{width: 94%; height: auto; margin: 0 auto;}
.stc p{width: 100%; height: auto; margin: 0 auto; color: #b485ed; text-align: center;}


.s_u{width: 94%; height: auto; margin: 0 auto;}

.sul{width: 100%; height: auto; margin: 0 auto;}

.a01 {width: 100%; height: auto; margin: 0 auto; text-align: center;background:#f186b9; color: #FFFFFF; font-size: 0.9rem; padding: 3% 0;}
.a02 {width: 50%; height: auto; float: left; font-size: 0.9rem; text-align: center; padding: 3% 0; color: #FFFFFF; background: #b586f1;}
.a03{width: 50%; height: auto; float: left; font-size: 0.9rem; text-align: center; padding: 3% 0; color: #FFFFFF; background: #f1b986;}
.a04{width: 100%; height: auto; margin: 0 auto; text-align: center;background:#8be37e; color: #FFFFFF; font-size: 0.9rem; padding: 3% 0;}
.a05{width: 50%; height: auto; float: left; font-size: 0.9rem; text-align: center; padding: 3% 0; color: #FFFFFF; background: #79c5ff;}
.a06{width: 50%; height: auto; float: left; font-size: 0.9rem; text-align: center; padding: 3% 0; color: #FFFFFF; background: #ffab7d;}