@font-face{ 
    font-family: 'PuHuiTi';
    src: url('../css/AlibabaPuHuiTi-2-55-Regular.woff2') format('woff2'), 
}
html{overflow-x:hidden;}
body{margin:0;padding:0;font-family:  "PuHuiTi", Arial, Helvetica, sans-serif;font-size:16px;color:#333;}
*{padding:0;margin:0;}
ul,ol,li{list-style:none;margin:0;padding:0px;}
a{color:#333;text-decoration:none;}
img{border:none;}
.f_l{float:left;}
.f_r{float:right;}
.clear{clear:both;}
input,button,textarea,select{ border:none; font-family: "PuHuiTi";}
input,button,textarea,select {outline:none;}
*{ margin:0; padding:0; box-sizing:border-box  }
.container{width:1400px; margin:0 auto;height:auto;display:block;}

.header{ display:flex; position:fixed; height:60px; background:#FFF; padding:0 70px; width:100%}
.logo img{ display:block; margin-right:50px;}
.header ul{ display:flex;align-items: center; }
.header ul li{ padding:0 30px;}
.banner{ display:block; padding-top:60px;}
.banner img{ display:block; width:100%}
.ce li a:hover{color:#16bb5d; font-weight:bold}
.ce li .xz{ color:#16bb5d; font-weight:bold}



#div0{width:100%;height:850px;background:url(../image/1.png) no-repeat center top;background-size: 100% calc(100% - 120px);}
#div0 .container{display:flex;align-items: center;justify-content: space-between; height:100% }
.download_l{  display:block;width:50%; margin-top:-60px }
.download_l big{ display:block; font-weight:300; font-size:50px; color:#111}
.download_l p{ display:block; font-weight:400; font-size:30px; padding-top:19px}
.download_l img{ display:block; margin-top:30px;}

.download_r img{ width:400px; display:block;}
#div1{width:100%;}
.about_t{ text-align:center; padding-bottom:40px;}
.about_t h2{ display:block; font-weight:300; font-size:46px; color:#111}
.about_t p{ display:block; font-weight:400; font-size:18px; padding-top:14px}
.about{ display:flex; flex-wrap:wrap;justify-content: space-between; padding-bottom:90px;}
.about li{ display:block; width:20%; text-align:center; padding:20px 0}
.about li img{ display:block; width:70px; margin:20px auto}
.about li .name{ font-size:22px; padding-bottom:10px; font-weight:400; color:#444}
.about li .info{ color:#888}
#div2{width:100%; padding:70px 0 90px 0; background:url(../image/homabtbag1.jpg) no-repeat center; background-size:cover}
.news{display:flex;justify-content: space-between; margin-top:32px;}
.news li{ display:block; width:31%; border-radius:15px; background:#FFF; overflow:hidden}
.news li a img{ display:block; width:100%}
.news li a h2{ padding:20px 5% 17px 5%}
.news li a p{ padding:0 5% 10px 5%; line-height:30px; }
.news li a span{ display:block; padding:0 5% 16px 5%; line-height:30px;color:#999; font-size:14px;}
#div3{width:100%;padding:70px 0 90px 0;  background:url(../image/4.jpg) no-repeat center; background-size:cover}
#div3 .about_t h2{ color:#FFF}
#div3 .about_t { color:#FFF}
.contact_b{ display:block; text-align:center;  font-size:14px; width:100%; padding:15px 0}
.contact{display:flex;justify-content: space-between; margin-top:32px;}
.contact li{ display:block; width:31%; border-radius:15px; border:1px #FFF solid; overflow:hidden; text-align:center; color:#FFF; padding:12px 0 20px 0}
.contact img{ display:block; margin:20px auto; width:40px;}
.contact li p{line-height:30px; font-size:20px; padding:0 5%; margin-top:10px;}