@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{width: 100%; height: auto; margin:  0 auto;}
.one h3{text-align: center; color: #000000; font-size: 1.5rem;}
.text1 { width:94%; margin:0 auto; text-align: justify; text-indent: 2rem; font-size: 0.9rem; line-height:1.4rem; color:#838383;}
 .foot{width: 90%; height: auto; margin: 0 auto; text-align: center; color: #FFFFFF; background: #58c865; border-radius: 10px; font-size: 1.2rem; line-height: 3rem;}
.two{width: 100%; height: auto; margin:  0 auto;}
.two h2{text-align: center; color: #000000;}
.two_c {width: 100%; height: auto; margin:  0 auto;}
.two_c img{width: 100%;}
.two p{font-size: 0.9rem}


.three{width: 100%; height: auto; margin:  0 auto;}
.three h2{text-align: center; color: #000000;}
.tc1{    list-style-type: none;
    float: left;
    width: 30%;
    color: #f25151;}
.tc2{list-style-type: none;
    float: left;
    width: 70%;
    }
.tc3{    list-style-type: none;
    float: left;
    width: 30%;
    color: #f25151;color: #86bfe1;}
    

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

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

.fimg {width: 30%; height: auto; float: left;}
.fimg img{width: 100%;}

.ftext{width: 66%; height: auto; float: left; margin-left:4%;}
.five{width: 100%; height: auto; margin:  0 auto;}
.etop{width: 100%; height: auto; margin:  0 auto; border-bottom: 1px solid #cccccc;}
.etop h3 {padding-bottom: 5px;}

.pimg{width: 96%; height: auto; margin:  0 auto;}
.pimg img{width: 100%;}