html, body{
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* overflow-y: scroll; */
}
.mainContent{
    position: relative;
    width: 100%;
    top: 0;
}
::-webkit-scrollbar {
    display: none;
}
.fs_28{
    font-size: .28rem;
}
.fs_32{
    font-size: .32rem;
}
.fs_36{
    font-size: .36rem;
}
.fs_48{
    font-size: .48rem;
}
.colorWhite{
    color: #FFFFFF;
}
.colorOr{
    color: #FF7420;
}
.fw-b{
    font-weight: bold;
}
.circle{
    display: flex;
    margin-top: .6rem;
    align-items: center;
    
    font-size: .32rem;
}
.circle a{
    color: #FFFFFF;
    font-size: .24rem;
}
.circle a span{
    width: .48rem;
    height: .48rem;
    box-sizing: border-box;
    border: .02rem solid #FF7420;
    border-radius: 50%;
    display: block;
    position: relative;
    margin-right: .2rem;
}
.circle a i{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #FFFFFF;
    font-size: .24rem;
}
.item1{
    width: 100%;
    height: 13.34rem;
    background: url('../images/m/bg_1.jpg') no-repeat center center;
    background-size: 100% 100%;
    padding: 2.16rem .84rem;
}
.item1 h3{
    color: #FFFFFF;
    font-size: .32rem;
    margin: .6rem 0 0.3rem 0;
}
.item1 p{
    font-size: .28rem;
    color: #FFFFFF;
    line-height: .44rem;
}


.item2{
    width: 100%;
    height: 100vh;
    background: url('../images/m/bg_2.jpg') no-repeat center center;
    background-size: 100% 100%;
    padding: 2.16rem .84rem;
}
.item2 h5{
    line-height: .56rem;
    width: 4.16rem;
    margin: .2rem 0 .08rem 0;
}
.item2 p{
    line-height: .56rem;
}

.item3{
    width: 100%;
    height: 13.34rem;
    background: url('../images/m/bg_3.jpg') no-repeat center center;
    background-size: 100% 100%;
    padding: 2.16rem .84rem;
}
.item3 p{
    margin-top: .98rem;
}

.item4{
    width: 100%;
    height: 13.34rem;
    background: url('../images/m/bg_4.jpg') no-repeat center center;
    background-size: 100% 100%;
    padding: 2.16rem .68rem;
}
.item4 .inner4 ul{
    margin-top: .6rem;
}
.item4 .inner4 ul li a{
    color: #FFFFFF;
}
.item4 .inner4 ul li h5{
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: .26rem;
}
.item4 .inner4 ul li img{
    width: 6.16rem;
    height: 3.46rem;
    margin: auto;
    margin-bottom: .4rem;
}
.item4 .inner4 ul li p{
    font-size: .32rem;
    color: #FFFFFF;
    line-height: .44rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-bottom: .2rem;
}
.item4 .inner4 ul li span{
    display: flex;
}
.item4 .inner4 ul li span img{
    width: .36rem;
    height: .36rem;
    display: inline-block;
    margin: 0;
    margin-right: .2rem;
}

.item5{
    width: 100%;
    height: 13.34rem;
    background: url('../images/m/bg_5.jpg') no-repeat center center;
    background-size: 100% 100%;
    padding: 2.16rem .100rem;
    position: relative;
    overflow: hidden;
}
.item5 .inner5 .swiper-wrapper{
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
}
.item5 .inner5 .swiper-slide{
    width: 100%;
}
.item5 .inner5 .swiper-slide .slidecon{
    width: 5.48rem;
    height: 7.84rem;
    background: rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    border: .02rem solid #3B3B3B;
    padding: .7rem 0;
    margin: auto;
    border-radius: .16rem;
}
.item5 .inner5 .swiper-slide .slidecon img{
    width: 2.48rem;
    height: 2.48rem;
    margin: auto;
    display: block;
}
.item5 .inner5 .swiper-slide .slidecon h5{
    font-size: .36rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.2em;
    color: #FFFFFF;
    text-align: center;
    margin: .48rem 0;
}
.item5 .inner5 .swiper-slide .slidecon p{
    font-size: .28rem;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: .24rem;
}
.item5 .inner5 .swiper-slide .slidecon .btn{
    width: 1.94rem;
    height: .76rem;
    margin: auto;
    font-size: .28rem;
    line-height: .76rem;
    text-align: center;
    border: .02rem solid #FF7420;
    border-radius: .12rem;
    color: #FF7420;
}
.item5 .inner5 .swiper-slide .slidecon .btn a{
    color: #FF7420;
}
.swiper-button-prev{
    background-image: url(../images/arrow-left.png)!important;
}
.swiper-button-next{
    background-image: url(../images/arrow-right.png)!important;
}
.item6{
    width: 100%;
    height: 13.34rem;
    background: url('../images/m/bg_6.jpg') no-repeat center center;
    background-size: 100% 100%;
    padding: 2.16rem .52rem;
}
.item6 h3{
    margin-bottom: .6rem;
}
.item6 p{
    line-height: .56rem;
}
.item7{
    width: 100%;
    height: 13.34rem;
    background: url('../images/m/bg_7.jpg') no-repeat center center;
    background-size: 100% 100%;
    padding: 2.16rem .52rem;
}
.item7 h3{
    margin-bottom: .6rem;
}
.item7 p{
    line-height: .56rem;
}


.item8{
    width: 100%;
    height: 13.34rem;
    background: url('../images/m/bg_8.jpg') no-repeat center center;
    background-size: 100% 100%;
    padding: 2.16rem .52rem;
}
.item8 .inner8 .address h2{
    font-size: .36rem;
    color: #FFFFFF;
    line-height: .96rem;
    margin-top: .64rem;
}
.item8 .inner8 .address p{
    font-size: .28rem;
    color: #FFFFFF;
    margin-bottom: .24rem;
}
.line{
    width: .80rem;
    height: .08rem;
    background: #FF7420;
    margin: .24rem 0 0.4rem 0;
}
.item8 .inner8 .qrcode{
    margin-top: 1.36rem;
}
.item8 .inner8 .qrcode p{
    font-size: .28rem;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: .2rem;
}
.item8 .inner8 .qrcode img{
    width: 2.00rem;
    height: 2.00rem;
    margin: auto;
    display: block;
}
.item9{
    width: 100%;
    height: 13.34rem;
    background: url('../images/m/bg_2.jpg') no-repeat center center;
    background-size: 100% 100%;
    padding: 2.16rem .84rem;
}
.item9 .inner9 h2,.item3 .inner3 h2,.item8 .inner5 h2{
    font-size: .36rem;
    color: #FF7420;
}
.item9 .inner9 h3,.item3 .inner3 h3,.item8 .inner5 h3{
    font-size: .32rem;
    color: #FFFFFF;
}
.item9 .inner9 p{
    margin-top: .6rem;
    font-size: .28rem;
    color: #FFFFFF;
    line-height: .56rem;
}