.banner{width: 100%; height: 5.8rem;}
.banner .swiper-container{height: 5rem;}
.banner .swiper-pagination{height: 1rem; text-align: center; width: 100%; line-height: 1.3rem;}
.banner .swiper-pagination .swiper-pagination-bullet{background: #fff; width: .28rem; height: .28rem; border: 1px solid #969696; margin: 0 .1rem;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #cecece; border: 2px solid #ededed;}

.useicon{width: 100%;height: 1.7rem;padding:.4rem .4rem; display: flex;justify-content: space-between;}
.useicon a{width: 1.2rem;display: flex;flex-direction: column;align-items: center;justify-items: center;}
.useicon b{margin-top: .06rem; }
.useicon b p{font-size: .24rem;}

.contentOne{width: 100%;height: 3.92rem;border-bottom: .01rem solid rgb(201,201,201);}
.contentOne div{width: 3.6rem;height: 3.6rem;float: left;margin-left: .1rem;position: relative;}
.contentOne .oneLeft h3{position: absolute;top: .56rem;left: .3rem;letter-spacing:.05rem;font-size: .38rem}
.contentOne .oneLeft h5{position: absolute;top: 1.09rem;left: .3rem;font-weight: bold;font-size: .15rem}
.contentOne .oneRight h3{position: absolute;top: .56rem;left: .3rem;letter-spacing:.05rem;color: #fff;font-size: .38rem}
.contentOne .oneRight h5{position: absolute;top: 1.09rem;left: .3rem;font-weight: bold;font-size: .15rem;color: #fff;}

.contentTwo{width: 100%;padding-top: .2rem;}
.contentTwo div{position: relative;}
.contentTwo .twoTop h1{position: absolute;top: 1.3rem;letter-spacing:.1rem;width: 100%;text-align: center;font-size: .6rem;color: #fff}
.contentTwo .twoTop h5{position: absolute;top: 2.4rem;left:2.7rem;letter-spacing:.1rem;width: 2rem;text-align: center;color: #fff;border:3px solid #fff;text-indent:0.1rem; padding: .02rem 0; }
.contentTwo .twoDown{margin-top: 0.2rem}
.contentTwo .twoDown h2{position: absolute;top: 1.26rem;letter-spacing:.06rem;width: 100%;text-align: center;font-size: .6rem;color: #fff;font-weight: 1;}
.contentTwo .twoDown h1{position: absolute;top: 2rem;letter-spacing:.06rem;width: 100%;text-align: center;font-size: .6rem;color: #fff}
.contentTwo .twoDown h5{position: absolute;top: 3.3rem;left:2.5rem;letter-spacing:.05rem;width: 2.5rem;text-align: center;color: #fff;border:3px solid #fff; padding: .02rem 0;}
.contentTwo .twoDown span{position: absolute;bottom: 0.3rem;width: 100%;text-align: center;color: #fff;background-color: rgb(57,57,57); line-height: .44rem; font-size: .24rem;}

.promote{width: 100%;height: 2.4rem;padding:.4rem .4rem; display: flex;justify-content: center;position: relative;}
.promote a{width: 5rem;display: flex;flex-direction: column;align-items: center;justify-items: center; border-right: .01rem solid rgb(201,201,201);}
.promote a:last-child{border:0;}
.promote b{margin-top: .06rem;}
.promote b p{font-size: .22rem;}

.join{width: 100%;height: 5rem;position: relative;}
.join h1{position: absolute;top: 1.2rem;width: 100%;text-align: center;font-size: .6rem;}
.join h2{position: absolute;top: 1.9rem;width: 100%;text-align: center;font-size: .45rem;font-weight: bold;}
.join h5{position: absolute;top: 3.1rem;left:2.3rem;width: 2.8rem;text-align: center;color: #000;border:3px solid #000; padding: .02rem 0;}

.news{width: 96%;height: 3.8rem;margin: 0 auto;margin-top: .2rem;}
.news .title{width: 100%;height: .4rem;border-bottom: .01rem solid #000;}
.news ul{width: 100%;}
.news ul li{height: .66rem;border-bottom: 1px dotted rgb(201,201,201);line-height:.72rem;}
.news ul li .icon{background:url("../images/newsicon.jpg") 0 0 no-repeat; margin-top:.2rem ; padding:0; height:.25rem; width:.1rem;display:block;float: left;}
.news ul li a{font-size: .24rem}
.news ul li .more{font-size: .24rem; color: red}
.news ul li:last-child{border:0;}