#header .r .login{height: 40px;right: 70px;}
#footer .top{text-align: center}
#footer .top img{width: 60%}
#footer .contact-box{padding:60px 20px 40px;box-sizing: border-box}
#footer .contact-box .l,#footer .contact-box .r{width: 100%}
#footer .contact-box .l{flex-direction: column;margin-bottom: 0}
#footer .contact-box .l .item{width: 100%;padding:  0 0 40px}
#footer .contact-box .l .item .title{padding-bottom: 10px;font-size: 2rem}
#footer .contact-box .l .item .address{padding-bottom: 10px}
#footer .friend_link{padding: 0 20px 10px;font-size: 1.4rem}
#footer .friend_link a{font-size: 1.4rem}
#footer .copyright{flex-direction: column;}
#footer .share-wrap{margin-top: 10px}

.banner-img{height: 30vh}
.banner-img .box{height: 100px;width: 100px}
.banner-img .box span{font-size: 13rem;padding: 0}
.banner-img .box .txt .t{font-size:2.5rem}
.banner-img .box .tag{width: 40px;height: 40px;}
#way-map{justify-content: flex-start;padding: 50px 0 0 0}

#index.index .title{font-size: 3rem}
#index.index .banner{height: 30vh}
#index.index .banner .container .txt{font-size: 2.5rem;letter-spacing:2px}
#index.index .banner .scroll-down{bottom: 20px;font-size: 1.2rem;}
#index.index .banner .scroll-down span{margin-bottom: 5px}
#index.index .banner .scroll-down .img{width: 15px;height: 25px;}
#index.index .number-box{padding: 0 20px 120px;box-sizing: border-box}
#index.index .number-box .item{margin-top: 50px;width: 50%}
#index.index .number-box .item:nth-of-type(n+3){display: none}
#index.index .number-box .item .num span{font-size:4.5rem}
#index.index .number-box .item .txt{font-size: 1.4rem;padding-top: 20px}
#index.index .number-box.on{padding-bottom: 60px}
#index.index .business .t{padding: 0 20px 50px;box-sizing: border-box}
#index.index .business .btn{position: relative;margin: 30px auto 0;height: 45px;line-height: 45px}
#index.index .business .desc{font-size: 1.4rem}
#index.index .business .swiper-wrapper .swiper-slide{height: 400px}
#index.index .business .swiper-wrapper .swiper-slide .con .t{padding-bottom: 40px}
#index.index .business .swiper-wrapper .swiper-slide .con .t img{width: 30px;margin-bottom: 10px}
#index.index .business .swiper-wrapper .swiper-slide .con .t .title{font-size:2.5rem;padding-bottom: 20px}
#index.index .business .swiper-wrapper .swiper-slide:hover .con .t{padding-bottom: 100px}
#index.index .business .swiper-wrapper .swiper-slide:hover .con .t .line{height: 100px}
#index.index .business .swiper-wrapper .swiper-slide .con .desc{bottom: 40px}
#index.index .business .swiper-wrapper .swiper-slide .view{width: 40px;height: 40px}
#index.index .server{padding:50px 20px}
#index.index .server .title{padding-bottom: 16px;}
#index.index .server .content{flex-direction: column;align-items: center;}
#index.index .server .content .list{width: 100%;padding: 20px;}
#index.index .server .content .img-box{margin:  40px 0 0 0;width: 100%;}
#index.index .server .content .img-box img{width: 100%}
#index.index .news .content{flex-direction: column;}
#index.index .news .content .l, #index.index .news .content .r{width: 100%}
#index.index .news .content .l{margin-bottom: 20px}
#index.index .news .content .r{padding: 20px}
#index.index .news .content .r .item{padding-top: 15px}
#index.index .news .content .r .item .desc{margin: 10px 0}

#about.index .title{font-size: 3rem;padding-top: 40px}
#about.index .waist{height: 250px}
#about.index .waist .con .big{padding-bottom: 20px}
#about.index .waist .con{padding: 0 20px}
#about.index .list{padding: 60px 0 30px;flex-wrap: wrap;}
#about.index .list .item{width: 50%;padding: 15px;box-sizing: border-box}
#about.index .list .item .img{width: 100px;height: 100px}
#about.index .list .item .t{font-size: 2rem;padding: 15px 0}
#about.index .list .item .desc{font-size: 1.5rem}
#about.index .factory{padding-bottom: 50px}
#about.index .factory .bg-font{font-size: 20rem;z-index: -1}
#about.index .factory .swiper-slide{height: 250px;}
#about.index .factory .swiper-slide .cover span{padding:0 0 20px 20px}
#about.index .following .title{font-size: 3rem}
#about.index .following .desc{font-size: 1.6rem}
#about.index .following .btn{width: 40%;height: 45px}
#about.index .following .btn img{margin-right: 25px}

#service.index .title{font-size: 3rem}
#service.index .content .item .txt, #service.index .content .item .img{width: 100%}
#service.index .content .item{flex-direction: column !important;height: initial;margin-bottom: 30px}
#service.index .content .item .txt{padding:100px 20px 20px;box-sizing: border-box}
#service.index .content .item .txt .t{left: 10px;top: 10px}
#service.index .content .item .txt .con{width: 100%}
#service.index .content .item .img{height: 200px}

#news #way-map{padding-top: 30px}
#news.index .title{font-size: 3rem;padding: 40px 0 20px 20px;box-sizing: border-box}
#news.index .top{padding: 0}
#news.index .top .img-box{width: 100%;height: 250px}
#news.index .top .box{width: 100%;position: relative;padding: 20px}
#news.index .list{padding: 30px 20px}
#news.index .list .item{flex-direction: column-reverse;}
#news.index .list .l,#news.index .list .r{width: 100%}
#news.index .list .l{padding: 15px 0 0 0}
#news.index .list .l .t{padding:5px 0 10px 0;font-size: 1.8rem}
#news.index .list .l .more{margin-top: 20px}
#news.index .list .r{height: 180px}
#news.detail .classify-name{font-size: 3rem;padding-top: 20px}
#news.detail .main .hot .item:last-of-type{padding-bottom: 0}
#news.detail .main .hot .item.title:before{top: calc(50% + 3px)}
#news.detail .main .hot .item .title{padding-bottom: 10px}
#news.detail .main .hot .item .time{padding-top: 10px}

#contact.index .title{font-size: 3rem;padding: 40px 0}
#contact.index .list .item{flex-direction: column;}
#contact.index .list .item .img{width: 100%;height: 150px}
#contact.index .list .item .con{padding: 20px;width: 100%}
#contact.index .list .item .con .city{font-size: 2rem}
#contact.index .list .item .con .address,#contact.index .list .item .con .tel{font-size: 1.6rem}
#contact.index .list .item .con .address{padding-top: 10px}
#contact.index .list .item .con .tel img{width: 20px}

#contact.index .message ul li{width: 100%;margin-bottom: 15px}
#contact.index .message .btn-box{width: 100%;justify-content: center;padding-top: 20px}