/* 
  rem方式，750px 为psd基准宽度，50px为font-size基准大小。 body设置的是默认字体大小
 */
*{ margin:0px;outline: none; padding:0px;font-family:"微软雅黑";font:normal100%Helvetica,Arial,sans-serif; border:none;}

a{display: block;width: 100%;outline: none;list-style-type: none;color: white;}
.l{ float:left;}

.r{ float:right;}

.clear:after{ clear:both;height: 0px;display:block;content: ".";visibility: hidden;overflow: hidden;}

li{ list-style:none;}

a{ text-decoration:none;}

.center{ text-align:center;}



body{margin:0;padding:0;/* font-size:1em; line-height:1.571em;*/}

html{font-size:50px;}
body{font-size:24px;}
@media screen and (min-width:320px){
  html{font-size:21.333333333333332px;}
  body{font-size:12px;}
  .p1{font-size: 1.4em;}
  .p2{font-size: 0.9em;}
  .p3{font-size: 0.8em;}
  .anniu{font-size: 1.3em;}
  .foot{font-size: 0.6em;}
  .sz_word2{font-size: 0.8em;}
  .sz_word3{font-size: 0.7em;}

}
@media screen and (min-width:360px){
  html{font-size:24px;}
  body{font-size:12px;}


}
@media screen and (min-width:375px){
  html{font-size:27px;}
  body{font-size:14px;}
 
 
}
@media screen and (min-width:384px){
html{font-size:25.6px;}
body{font-size:14px;}

}
@media screen and (min-width:400px){
html{font-size:26.666666666666668px;}
body{font-size:14px;}

}
@media screen and (min-width:414px){
html{font-size:27.6px;}
body{font-size:14px;}

}
@media screen and (min-width:424px){
html{font-size:28.266666666666667px;}
body{font-size:14px;}

}
@media screen and (min-width:480px){
html{font-size:32px;}
body{font-size:14px;}

}
@media screen and (min-width:540px){
html{font-size:36px;}
body{font-size:16px;}
}
@media screen and (min-width:720px){
html{font-size:48px;}
body{font-size:22px;}
}

@media screen and (min-width:750px){
html{font-size:50px;}
body{font-size:24px;font-family: 微软雅黑;}
.name{font-size: 0.8em;}
.sz_word2{font-size: 0.6em;}
.sz_word3{font-size: 0.5em;}

}
.green{color: #29a764;}
.allbox{position: relative;overflow: hidden; max-width: 640px;margin: 0 auto;text-align: center;color: #3e3d48;padding-bottom: 10%;}
.allbox img{width: 100%;display: block;}
.banner-box {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.logo{width: 60.9%;margin: 0 auto;}

.part1{padding-top: 6%;padding-bottom: 8%;}

.con{width: 73.6%;margin: 0 auto;}
.gd{margin-top: 2%;margin-bottom: 6%;}
.p2{margin-bottom: 4%;}
.p3{padding: 2% 3%;text-align: left;color: #808089;}
.anniu{background: #29a764;width: 24%;margin: 0 auto;color: white;font-weight: bold;padding: 0.4% 3%;letter-spacing:2px;border-radius: 12px;margin-top: 4%;}


ul{width: 90%;margin: 0 auto;}
ul li{float: left;width: 31%;margin-bottom: 3.5%;}
ul li:nth-child(2),ul li:nth-child(5),ul li:nth-child(8){margin: 0% 3.5%;}



.bg{background: url(../images/bg.jpg);padding:5% 0%;padding-bottom: 0px;}
.gd_d{width: 95%;margin: 5% auto;}

.part4 ul{width: 85%;}
.name{position: relative;}
.name .name_bg{position:relative;z-index: 1;zoom: 1;}
.name .name_con{position:absolute;zoom: 1;left: 0px;top: 10%;width: 100%;;height: 100%; z-index: 2;}

.part5_con{position: relative;overflow: hidden;width: 95%;text-align: left;}
.part5_con p{width: 95%; overflow: hidden;padding-left: 2%;word-wrap:break-word;}
.sz_con{margin-top: 1%;padding-left: 5%;}
.sz_word1{color: #555560;}
.sz_word2{color: white;background:#29a764;margin-top: 5%;margin-bottom: 5%;padding: 1% 0% ;}
.sz_word3{text-align:left;line-height: 1.5em;}
.part5,.part7,.end,.part3,.part4,.part6 {padding-top: 6%;}


.sz_gd{position: absolute;bottom: 28%;width: 95%;left: 2.5%;}
.end .l{background: #ff4242;color: white;width:63%; padding: 1% 1%;}
.end .r{background: #3e3d48;color: #ff4e4e;width: 33%; padding: 1% 1%;}

.part7 .anniu{background: none;color:#ff4e4e;border:1px solid  #ff4e4e;}

.foot{background: #54535b;color: white;margin-top: 6%;padding:4% 0%;}
.foot p{margin-top: 1%;}

.end{position:fixed; width: 100%; max-width:640px; margin:0 auto; overflow: hidden;  bottom:0; z-index:99;}