html{color:#333;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, blockquote{ margin: 0;}   
ol,ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl {*zoom:1;}
.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}


html, body {position: relative; height: 100%; }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { /* Center slide text vertically */ position: relative;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.content{ width:92%; overflow:hidden; margin:0 auto; }
p{font-size:.24rem;line-height:1.5;text-align:justify;white-space:pre-wrap;}

.banner{height:100%;background:url(images/banner.jpg) no-repeat center top;background-size:100%;}
.banner img{position:absolute;}
.logo-jd{top:44px;left:5.8%;width:1.8rem;height:1.9rem;}
.b-cycle{top:40%;left:0;width:2.4rem;height:2.4rem;}
.b-tit{top:35%;left:0;}
.b-wave{bottom:10%;left:0;}

.part1{background:url(images/bg01.jpg) no-repeat center top;background-size:100%;}
.part2{background:url(images/bg02.jpg) no-repeat center top;background-size:100%;}
.part3,.part5{background:url(images/bg03.jpg) no-repeat center top;background-size:100%;}
.part4{background:url(images/bg04.jpg) no-repeat center top;background-size:100%;}
.part6{background:url(images/bg06.jpg) no-repeat center top;background-size:100%;}
.part7{background-color:#2a3959;}
.lead{width:2.1rem;height:1rem;margin:5% auto;background:url(images/lead.png) no-repeat;background-size:100% 100%;font-size:.3rem;line-height:1rem;text-align:center;color:#fff;font-weight:normal;}
.part1 p{font-size:.26rem;line-height:1.8;padding:.4rem;}

.tit{height:1.3rem;background:url(images/icon_tit.png) no-repeat left center;background-size:1.3rem 1.3rem;font-size:.42rem;line-height:1.3rem;font-weight:bold;text-align:center;}
.tit b{color:#36adc5;}
.part3 .tit,.part5 .tit,.part7 .tit{color:#fff;}
.list1 li{width:100%;box-sizing:border-box;padding:.2rem;margin-top:.2rem;background-color:#fff;overflow:hidden;}
.list1 .fl{width:2.25rem;margin-right:.2rem;margin-top:.2rem;}
.list1 h3{font-size:.26rem;line-height:.6rem;text-align:center;}
.list1 .line{display:block;width:1.45rem;height:.05rem;margin:0 auto;background:url(images/line.jpg) no-repeat;background-size:100% 100%;}
.list1 p{float:right;width:4rem;}
.part4 .list1 li{-webkit-box-shadow:0 3px 3px rgba(165, 153, 158, 0.3);box-shadow:0 3px 3px rgba(165, 153, 158, 0.3);}
.part4 .list1 p{line-height:1.2;}
.pt5{padding-top:5%;}
.part6 p{line-height:1.8;}
.brandlist{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.brandlist li{width:2.75rem;margin:.1rem;}
@media screen and (max-width:340px) {.part4 .list1 p,.part5 .list1 p{line-height:1.1;}}

.u-topbar{position:fixed;width:100%;z-index:999;}
footer{display:none;}