.banner-box{height:7.5rem;}
.banner-box .container{height: 100%;}
.banner-box .content{padding-left: 34%;}
.banner-box .content h1{font-size: .6rem;color:#fff;text-transform: uppercase;margin-bottom: .2rem}
.banner-box .content h2{font-size: .24rem;text-transform: uppercase;color:#fff;line-height: 2;}
.banner-box .content a{font-size: .16rem;color:#367bf8;padding-left: .35rem;padding-right: .2rem;background: #367bf8;overflow: hidden;position: relative;transition: all .3s}
.banner-box .content a img{display: inline-block;margin-left: .5rem;}
.banner-box .content a{line-height: .6rem;display: inline-block;text-transform: uppercase;z-index: 0;margin-top: .35rem;margin-left: -.1rem}
.banner-box .content a:before{content:"";position: absolute;left:-10%;right: 30%;top: 0;bottom: 0;background: #fff;transform: skew(-15deg);z-index: -1;transition: all .3s}
/*.banner-box .content a .after{display: none;}*/
.swiper-btn{position: absolute;bottom: 0;z-index: 10;font-size: 0;line-height: 0;right: 0;text-align: center;left: 0}
.swiper-btn>div{width: .7rem;height: .7rem;position: relative;display: inline-block;cursor: pointer;margin: 0 -1px}
.swiper-btn>div:after{content:"";position: absolute;left:0;right:0;top: 0;bottom: 0;background: #fff;transform: skew(-15deg);z-index: -1;transition: all .3s}
.swiper-btn .prev:before{content:"";width: .14rem;height: .14rem;border: 2px solid #525252;border-right: 0;border-bottom: 0;transform: rotate(-45deg);position: absolute;left: 50%;top: 50%;margin-top: -.06rem;margin-left: -.04rem}
.swiper-btn .next:before{content:"";width: .14rem;height: .14rem;border: 2px solid #525252;border-left: 0;border-bottom: 0;transform: rotate(45deg);position: absolute;left: 50%;top: 50%;margin-top: -.06rem;margin-left: -.1rem}
.swiper-btn>div:before{transition: all .3s}


@media (min-width: 640px){.index-box{padding-left: 7.5vw;}}
@media (min-width: 1200px){.index-box{padding-left: 10vw;}}
@media (min-width: 1600px){.index-box{padding-left: 13.5vw;}}



.index1{display: flex;align-items: center;padding-top: .6rem;padding-bottom: 1rem}
.index1 .left{width: 30vw;margin-right: 4vw}
.index1 .right img{float: right}
.index-title h1{font-size: .5rem;color: rgb(0, 0, 0);text-transform: uppercase;font-family:'AzoSans';}
.index-title .line{width: 1rem;height: .08rem;background:#ff6d5f;margin-top: .25rem}
.index-title h2{font-size: .16rem;color: rgb(0, 0, 0);margin-top: .2rem}


.index1 .left p{font-size: .2rem;color: rgb(51, 51, 51);line-height: 1.9;margin-top: 2.5vw;margin-bottom:4.5vw;}

.index-btn{font-size: .16rem;color:#fff!important;padding-left: .35rem;padding-right: .2rem;background: #2f333a;overflow: hidden;position: relative;transition: all .3s}
.index-btn img{display: inline-block;margin-left: .5rem;}
.index-btn{line-height: .6rem;display: inline-block;text-transform: uppercase;z-index: 0;}
.index-btn:before{content:"";position: absolute;left:-10%;right: 30%;top: 0;bottom: 0;background: #367bf8;transform: skew(-15deg);z-index: -1;transition: all .3s}

.index2{padding: .9rem 0;background: #f9f9f9}
.index2 .index-title{text-align: center;}
.index2 .index-title .line{margin: .25rem auto 0}
.index2 .row{margin: .35rem -.2rem;}
.index2 .col-md-4{padding: .2rem}.index2 .item h1{font-size:.18rem;font-family: "AzoSans";color: rgb(0, 0, 0);margin-bottom:.1rem;text-transform: uppercase;}.index2 .item h1:before{content:"";width:.04rem;height:.18rem;background:#367bf8;display:inline-block;vertical-align:middle;margin-right:.15rem;margin-top:-.04rem}
.index2 .item h2{font-size: .16rem;font-family: "AzoSans";color: rgb(102, 102, 102);line-height: 1.625;}.index2 .col-md-4:nth-child(1) .imgbox{background:#a8b2c2}.index2 .col-md-4:nth-child(2) .imgbox{background:#616d83}.index2 .col-md-4:nth-child(3) .imgbox{background:#c2c7b0}.index2 .item .more{font-size:.14rem; color: rgb(51, 51, 51);font-family: "AzoSans";text-decoration: underline;text-transform: uppercase;margin-top:.15rem;transition:all .2s}.index2 .item .imgbox{height:3.1rem;position:relative;}.index2 .item .imgbox img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}.index2 .item .content{transition:all .2s ease;margin:0 2.25vw;background:#fff;box-shadow: 0px 10px 30px 0px rgba(54, 123, 248, 0.1);height:1.6rem;padding:0 2.5vw;padding-top:.14rem;margin-top:-.5rem;position: relative;z-index:0}@media (min-width:767px){.index2 .item .imgbox:after{content:"";position:absolute;background:#f9f9f9;height:1.2rem;left:0;right:0;transform:skewY(-15deg);    bottom: -0.6rem;}.index2 .item .content:after{content:"";position:absolute;left:0;right:0;height:.9rem;background:#fff;top:-.48rem;transform:skewY(-15deg);z-index:-1}}.index2 .item:hover .more{color:#367bf8}.index2 .item:hover .content{transform:translateY(-5px)}
.index3{padding: 1rem 0 2rem;position: relative;overflow: hidden;background: #fcfcfc}
.index3 .txtimg{position: absolute;left: 0;bottom: -.8rem;width: 6.07rem;}
.index3 .top{display: flex;align-items: flex-end;margin-bottom: .9rem}
.index3 .top .right>div{width: 42px;height: .78rem;position: relative;border: 1px solid #ebebeb;float: left;margin-left: .1rem;cursor: pointer;transition: all .3s}
.index3 .top .right .prev:after{content:"";width: 10px;height: 10px;border: 1px solid #525252;border-right: 0;border-bottom: 0;transform: rotate(-45deg);position: absolute;left: 50%;top: 50%;margin-left: -2px;margin-top: -4px}
.index3 .top .right .next:after{content:"";width: 10px;height: 10px;border: 1px solid #525252;border-left: 0;border-bottom: 0;transform: rotate(45deg);position: absolute;left: 50%;top: 50%;margin-left: -8px;margin-top: -4px}
.index3 .item .imgbox{width: 65%;height: 3.4rem;position: relative;z-index: 0}
.index3 .item .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.index3 .item{position: relative;overflow: hidden;}
.index3 .item .content{width: 48%;position: absolute;right: 0;top:.3rem;bottom: .3rem;z-index: 0;display: flex;align-items: center;padding-right:2.5vw}
.index3 .item .content:before{content:"";position: absolute;left:-38px;right: -38px;top: 0;bottom: 0;background: #fff;transform: skew(-15deg);z-index: -1;transition: all .3s}
.index3 .item .index-btn{line-height: .42rem;padding-left: .2rem;padding-right: .15rem;font-size: 12px;}
.index3 .item .index-btn img{margin-left: .3rem;width: .2rem}
.index3 .item .content h1{font-size: .2rem;color: rgb(51, 51, 51);font-family: "AzoSans";}
.index3 .item .content h2{font-size: .16rem;color: rgba(153, 153, 153, 0.8);margin-top: .15rem;margin-bottom: .2rem}
.index3 .item .content h3{font-size: .16rem;line-height: 1.5;margin-bottom: .25rem;    height: .48rem;}
.index3 .item .imgbox:before{content:"";position: absolute;width:100px;right:-54px;background: #fff;transform: skew(-15deg);z-index: 5;transition: all .3s;height: 100%;}
.video-box .thum{position: relative;}
.video-btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video-box video{display: none;}

.index4{background: #2f333a;margin-bottom: .6rem;}
.index4 .right .index-title{padding-bottom: .5rem}
.index4 .right .index-title h1{color: #fff}
.index4 .right .index-title .line{background: #fff}
.index4 .right .item{margin-top:.4rem;padding-left: .6rem;position: relative;}
.index4 .right .item p{font-size: .18rem;line-height: 1.889;color: #fff}
.index4 .right .item img{position: absolute;top: 0;left: 0}
.index4 .right{width: 35%;position: relative;padding: 1.2rem 0;z-index: 0;padding-left: 2.5vw}
.index4 .left{width: 65%;padding: 0 9.5vw 0 6.5vw}
.index4 .box{padding: 0;overflow: hidden;}
.index4 .right:before{content:"";right:-1rem;top: 0;bottom: 0;left:-1rem;background:#367bf8;transform: skew(-15deg);z-index: -1;position: absolute;}

@media (max-width: 767px){   .index2 .item .content{margin:0;padding:15px;height:auto;}.index2 .item h1{font-size:14px;}.index2 .item h2{font-size:13px;}.index2 .item .more{font-size:12px;}
.index1{display:block;}
 .banner-box .content{padding:0}   
 .banner-box .content a{margin-left:0}
 .index1 .left p{font-size:14px;}	
 .index1 .left{margin:0;padding:0 15px;margin-bottom:20px;width:100%}
    .index4 .left{width: 100%;padding: 1rem 15px;}
    .index4 .right{width: 100%;padding: 1rem 15px;}
    .index4 .box{display: block;}
    .index4 .right:before{transform: none;left: 0;right: 0;}
    .index4 .right .item p{font-size: 14px;}
    .index3 .item .content h1{font-size: 14px;}
    .index3 .item .content h2{font-size: 12px;}
    .index3 .item .content h3{font-size: 12px;height:36px;}
}
.banner2{height: 6.8rem;background-size: cover;background-position: center;}
.banner2 .container{height: 100%;position: relative;}
.banner2 .news-title{text-transform: uppercase;font-size: .4rem;position: absolute;bottom: 0;right: 0;color: #fff;text-align: center;z-index: 0;padding:3.5vw .5rem}
.banner2 .news-title:before{content:"";position: absolute;left:0%;right: 0%;top: 0;bottom: 0;background: rgba(54,123,248,0.9);transform: skew(-15deg);z-index: -1;}
.news{background: #f9f9f9;padding: .45rem 0 1rem}
.news .item .time{font-size: .2rem;color: rgba(77, 77, 77, 0.8);}
.news .item h1{font-size: .2rem;color: rgb(17, 17, 17);margin-bottom: .2rem;margin-top: .15rem}
.news .item h2{font-size: 14px;line-height: 1.7;color: rgb(102, 102, 102);margin-bottom: .2rem}
.news .index-btn{line-height: 26px;font-size: 12px;text-transform: none;padding-left: 12px;padding-right: 8px}
.news .index-btn img{width: 14px;margin-left: 20px}
.news .item .imgbox{margin-right: 2.5vw}
.news .item{transition: all .3s linear;background: #fff;padding: .4rem;margin-bottom: .4rem;padding-right: 4vw;}
.news .item h2{height: 69px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .item .imgbox{position: relative;overflow: hidden;}
.news .item .imgbox .cover{position: absolute;right: 0;display: block;width: 0;height: 0;top: 0;border-left: .5rem solid transparent;border-bottom: 200px solid #fff;}
.news .item .imgbox img{transition: all .3s linear;width: 100%;}
.news .load-btn{margin: .1rem auto;display: block;width: 1.4rem;line-height: .38rem; font-size: .16rem;color: rgb(255, 255, 255);text-align: center;position: relative;z-index: 0;cursor: pointer;transition: all .3s linear}
.news .load-btn:before{content:"";position: absolute;left:0%;right: 0%;top: 0;bottom: 0;background:#367bf8;transform: skew(-15deg);z-index: -1;}

.news1{padding-bottom: 1.2rem;}
.news1 .title h1{font-size: .18rem;color: rgba(77, 77, 77, 0.8);margin-bottom: .1rem}
.news1 .title h2{font-size: .22rem;color: rgb(17, 17, 17);line-height: 1.455;}
.news1 .title{padding: .6rem 0 .3rem;border-bottom: 1px solid #e5e5e5}
.news1 .content{padding: .3rem 0 1rem}
.news1 .content img{margin: 0 auto;}

.news1 .jump .item{float: left;width: 50%;display: block;padding:.4rem;position: relative;}
.news1 .jump .item img{display: inline-block;margin: 0 .1rem;width: .28rem}
.news1 .jump .item span{display: inline-block;vertical-align: middle;font-size: .16rem;color: rgb(17, 17, 17);transition: all .3s;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;max-width: 80%}
.news1 .jump .item:before{content:"";position: absolute;left:0%;right: 0%;top: 0;bottom: 0;background:#f7f7f7;transform: skew(-15deg);z-index: -1;transition: all .3s}
.news1 .jump .item img.after{display: none;}

.pro .one{background: url(../images/pro1bg.jpg);-webkit-background-size: cover;background-size: cover;background-position: center;padding: .75rem 0 .4rem}
.pro .left p{font-size: .16rem;color: rgb(51, 51, 51);line-height: 1.875;margin-top: 1.5vw}
.pro .one .left{padding-right: 7vw;width: 50%;}
.pro .one .pro-title{margin-bottom:3vw}
.pro .one .right{padding-left: 1.5vw;width: 50%;}
.pro .one .container{display: flex;align-items: center;}

.pro .two{background:url(../images/prolistbg.jpg);background-size: cover;padding: .6rem 0 .5rem;margin: .8rem 0 1.3rem;background-position: center;}
.pro .two .col{float: left;width: 25%;padding: .4rem .2rem;}
.pro .two .item{display: block;position: relative;z-index: 0;/*padding-top: 10%;*/}
.pro .two .item:before{content:"";position: absolute;left:0%;right: 0%;top: 0;bottom: 0;background:#fff;transform: skew(-15deg);z-index: -1;transition: all .3s}
.pro .two .item .imgbox{height: 70%;width: 100%;position: relative;overflow: hidden;}
.pro .two .item .imgbox img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width:66%;transition: all .3s}
.pro .two .item p{font-style: .16rem;font-family: "AzoSans";color: rgb(0, 0, 0);margin-top: .1rem;transition: all .3s}
.pro .two .item .padding{height: 10%}
.pro .two .pro-title h1{color: #fff;}
.pro .two .pro-title .line{background: #fff}
.pro .two .item:after{content:"";width:14%;height: 24%;position: absolute;right: 12.5%;background: rgba(54, 123, 248,.9);top:-4%;transform: skew(-15deg);right: 0}

@media (max-width: 1200px){
    .pro .two .col{width: 33.33%}
}







@media (max-width: 1000px){
	.pro .one .left{padding-right: 1.5vw}
}
@media (max-width: 767px){
	.pro .one .container{display: block;}
	.pro .one .left{width: 100%;padding: 0}
	.pro .one .right{width: 100%;padding: 0;margin-top: .4rem}
	.pro .left p{font-size: 12px;margin-top: .2rem}
	.pro .one .pro-title{margin-bottom: .4rem}
     .pro .two .col{width:70%;margin:0 15%}
}

.pro-title{margin-bottom: .3rem;}
.pro-title h1{font-size: .26rem;color: rgb(0, 0, 0);text-transform: uppercase;font-family:'AzoSans';}
.pro-title .line{width: 1rem;height: .04rem;background: #ff6d5f;margin-top: .2rem}
.pro1 .one .top{padding: .7rem 0 .6rem}
.pro1 .one .item .title{font-family:'AzoSans';font-size: .24rem;color: rgb(0, 0, 0);padding: .2rem 0;border-bottom: 1px solid #e8e8e8}
.pro1 .one .item .content h1{font-size: .2rem;color: rgb(0, 0, 0);margin-bottom: .1rem;font-family:'AzoSans';}
.pro1 .one .item .content p{font-size:14px;color: rgb(51, 51, 51);line-height: 1.714;position: relative;padding-left:20px;}
.pro1 .one .item .box{padding: .3rem 0}
.pro1 .one .item .content p:before{content:"";width: 10px;height: 10px;background: #367bf8;position: absolute;top:6px;left: 0;transform: skew(-10deg);}
.pro1 .one .item .content h1:not(:first-child){margin-top: .25rem}
.pro1 .one .item .imgbox{width: 30%;padding-right: 3vw}
.pro1 .two .col-sm-6{padding: 0 .2rem;padding-bottom: .2rem;}
.pro1 .two .row{margin: 0 -.2rem;}
.pro1 .two{padding:1rem 0}
.pro1 .three{padding-bottom: 1rem}
.pro1 .three .row{margin: 0 -.2rem}
.pro1 .three .col-sm-4{padding:.1rem .2rem;}
.pro1 .three .item{transform: skew(-15deg);position: relative;overflow: hidden;height: 3.35rem;}
.pro1 .three .item .imgbox{position: absolute;left:-.48rem;right:-.48rem;top: 0;bottom: 0;transform: skew(15deg);}
.pro1 .three .item img{width: 100%;height: 100%;object-fit: cover;transition: all .3s linear}

.contact .one{background-image: url(../images/con1bg.jpg);background-size: cover;background-position: center;padding-top: 1rem}
.contact-title{text-align: center;}
.contact-title h1{font-size: .48rem;color: rgb(51, 51, 51);line-height: 1.2;font-family:'AzoSans';}
.contact-title .line{width: .94rem;height: .04rem;background: #ff6d5f;display: inline-block;margin-top: .15rem}
.contact .one .top h1{font-size: .28rem;color: rgb(51, 51, 51);}
.contact .one .top h2{font-size: .2rem;color: rgb(102, 102, 102);margin-top: .2rem}
.contact .one .top{text-align: center;padding: .6rem 0;border-bottom: 1px solid #e8e8e8}
.contact .one .bottom h1{font-size: .28rem;color: rgb(51, 51, 51);text-align: center;margin-bottom: .4rem}
.contact .one .bottom .item h2{font-size: .2rem;font-family:'AzoSans'; color: rgb(51, 51, 51);margin-bottom: .2rem}
.contact .one .bottom .item p{font-size: .2rem;color: rgb(102, 102, 102);line-height: 1.2;margin-bottom: .3rem}
.contact .mapbtn span{font-size: .16rem;color: rgb(54, 123, 248);vertical-align: middle;display: inline-block;}
.contact .mapbtn img{display: inline-block;margin-right: .1rem}
.contact .mapbtn{display: inline-block;cursor: pointer;}
.contact .one .bottom{padding: .5rem 0}
.contact .one .bottom .item{padding:.35rem 0;padding-left: 6vw}
.contact .one .col-sm-6{padding: 0}

.contact .two{background-image: url(../images/con2bg.jpg);background-size: cover;background-position: center;padding: 1.1rem 0 1.6rem}
.contact .two .left .contact-title{text-align: left;padding-left: 2.5vw}
.contact .two .left .contact-title h1{color: #fff}
.contact .two .right h1{font-size: .22rem;color: #fff;margin-bottom: 3vw}
.contact .two .right h2{font-size: .16rem;color: #fff;margin-bottom: 3vw}
.contact .two .right p{font-size: .18rem;color: #fff;margin-top: .2rem}
.contact .two .right{padding-left: 1vw}

.contact .three{background-image: url(../images/con3bg.jpg);background-size: cover;background-position: center;padding: 1rem 0}
.contact .three .title{font-size: .18rem;color: rgb(102, 102, 102);text-align: center;margin-top: .3rem;margin-bottom: .6rem}
.contact .three .input label{font-size: .2rem;color: rgb(51, 51, 51);font-weight: normal;margin: 0}
.contact .three .row{margin: 0 -.3rem}
.contact .three .col-sm-4{padding:.2rem .3rem}
.contact .three .input{padding: 0;border-bottom: 1px solid #b8b8b8;height: 50px}
.contact .three .input input{padding: 0 10px;font-size: .16rem;background: transparent;}
.contact .three .textarea textarea{display: block;width: 100%;padding:.15rem .2rem;font-size: .2rem;color: rgb(51, 51, 51);line-height: 1.2;height: 240px;border: 1px solid #b8b8b8;}
.contact .three .container{padding: 0 5vw}
.contact .three .input label em{color: #ff6d5f}
.contact .three .textarea{margin: .4rem 0 .5rem}
.contact .three .btn1{background: #367bf8;width: 1.8rem;line-height: .56rem;font-size: .2rem;color: #fff;text-align: center;display: block;margin: 0 auto;transition: all .3s}

.about1{padding: .8rem 0}
.about1 .item{min-width: 33.33%;position: relative;margin-bottom: .2rem;padding-left: .3rem;display: inline-block;}
.about1 p{font-size: .16rem;color: rgb(51, 51, 51);line-height: 1.875;margin-bottom: .15rem}
.about1 .logo{margin-bottom: .55rem;width: 3.42rem}
.about1 .item .num{color: #367bf8;font-size: .24rem}
.about1 .item .title{font-size: .2rem;color: rgb(51, 51, 51);}
.about1 .item .txt{font-size: .18rem;color: #666}
.about1 .item:before{content:"";width: 10px;height: 10px;background: #367bf8;position: absolute;top:.12rem;left:.04rem;transform: skew(-10deg);}
.about1 .clearfix{margin-top: 6vw;font-size: 0}

.about2{background: url(../images/about2bg.jpg);background-size: cover;background-position: center;}
.about2 .index-title{text-align: center;margin-bottom: .6rem}
.about2 .index-title .line{height: .04rem;display:inline-block;background: #fff}
.about2 .index-title h1{color: #fff}

.about3{padding: .8rem 0 .6rem}
.about3 .index-title{text-align: center;margin-bottom: .6rem}
.about3 .index-title .line{height: .04rem;display:inline-block;}
.about3 .box{display: flex;align-items: center;margin: 0 -.2rem}
.about3 .box .item-box{flex: 1}
.about3 .box .item-box .item{padding:.65rem 0; padding-left: .2rem;padding-right: 3vw;}
.about3 .box .item-box .item h1{font-size: .32rem;color: rgb(54, 123, 248);margin-bottom: .15rem}
.about3 .box .item-box .item p{font-size: .16rem;line-height: 1.2;color: rgb(51, 51, 51);height: .5rem}
















@media (min-width: 1000px){
	.banner-box .content a:hover:before{right: 100%;transform: skew(0);}
	.banner-box .content a:hover{color:#fff;}
	.swiper-btn>div:hover:before{border-color:#fff}
	.swiper-btn>div:hover:after{background:#367bf8 }
	.index-btn:hover:before{right: 0;transform: skew(0);}
	.index3 .top .right>div:hover{background:#367bf8; }
    .index3 .top .right>div:hover:after{border-color: white;}
    .news .item:hover{box-shadow: 0px 1px 20px rgba(0,0,0,.1);transform: translateY(-10px);}
    .news .item:hover .index-btn:before{right: 0;transform: skew(0);}
    .news .item:hover .imgbox img{transform: scale(1.05);}
    .news .load-btn:hover{transform: translateY(-5px);}
    .news1 .jump .item:hover:before{background:#367bf8}
    .news1 .jump .item:hover span{color:#fff;}
    .news1 .jump .item:hover .before{display: none;}
    .news1 .jump .item:hover .after{display: inline-block;}
    .pro1 .three .item:hover .imgbox img{transform: scale(1.05);}
    .contact .three .btn1:hover{transform: translateY(-5px);}
    .pro .two .item:hover p{color:#367bf8 }
    .pro .two .item:hover img{transform: scale(1.1);}
}


@media (max-width: 767px){
    .banner2 .news-title{font-size: .3rem}
    .news .item{display: block;}
    .news .item h1{font-size: 16px;}
    .news .item .imgbox{margin-right: 0}
    .news .item .imgbox .cover{display: none;}
    .news .item .time{font-size: 16px;margin-top: .3rem}
    .news .load-btn{width:2rem;line-height: .5rem;font-size: 14px}
    .news1 .title h1{font-size: 14px}
    .news1 .title h2{font-size: 16px}
    .news1 .jump .item{width: 100%;margin-top: .2rem}
    .news1 .jump .item span{font-size: 12px}
    .pro1 .one .item .box{display: block;}
    .pro1 .one .item .imgbox{padding:.4rem 0;width: 100%}
    .pro1 .one .item .imgbox img{margin: 0 auto;}
    .pro1 .one .item .title{font-size: 16px;}
    .pro1 .one .item .content h1{font-size: 14px}
    .pro1 .three .item{transform: none;}
    .pro1 .three .item .imgbox{transform: none;}
    .contact .one .bottom .item h2{font-size: 16px}
    .contact .one .bottom .item p{font-size: 14px}
    .contact .mapbtn span{font-size: 14px;}
    .contact .one .top h2{font-size: 14px}
.contact .one .bottom .item{padding-left: 10vw}
.contact .two .left .contact-title{padding-left: 0}
.contact .two .right{padding: 0;padding-top: .6rem}
.contact .two .right h1{font-size: 16px;margin-bottom: .3rem}
.contact .two .right h2{font-size: 14px;margin-bottom: .3rem}
.contact .two .right p{font-size: 14px}
.contact .three .title{font-size: 14px;margin-bottom: .3rem}
.contact .three .input label{font-size: 14px}
.contact .three .input input{font-size: 14px;}
.contact .three .col-sm-4{padding: .15rem .3rem}
.contact .three .textarea textarea{font-size: 14px}
.contact .three .btn1{font-size: 14px}
}


.reference{padding-top: 1.1rem;padding-bottom:9vw;background-position: center;}
.reference{background: url(../images/referencebg.jpg);-webkit-background-size: cover;background-size: cover;}
.reference .index-title{text-align: center;margin-bottom: .2rem}
.reference .index-title .line{display: inline-block;height: .04rem}
.reference .tabs .item{position: relative;font-size: .18rem;color: #666;display: inline-block;margin: 0 4.2vw;cursor: pointer;width: .8rem}
.reference .tabs{text-align: center;font-size: 0;padding: .25rem 0;border-bottom: 1px solid #bbbbbb;margin-bottom: .6rem}
.reference .tabs .item.on{color: #ff6d5f;}
.reference .tabs .item.on:after{content:"";width:.18rem;height: .16rem;background: #ff6d5f;position: absolute;bottom: -.33rem;left: 50%;margin-left: -.1rem;transform: skew(-15deg);}
.reference .big-item{display: none;}
.reference .big-item .item .imgbox{transform: skew(-15deg) translateX(10%);overflow:hidden;height: 3.35rem}
.reference .big-item .item .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.reference .big-item .item p{transition: all .25s;font-size: .16rem;color: #333;text-align: center;line-height: 1.5;height: 1rem;padding-top: .25rem}
.reference .big-item .item{display: block;cursor: pointer;}
.reference .big-item .item:hover p{color: #ff6d5f;}
.reference .swiper-box .btn1{box-shadow: 0px 3px 3px 0px rgba(10, 2, 5, 0.2);width: .5rem;height: .5rem;background: #fff;position: absolute;border-radius: 50%;top: 50%;z-index: 10;cursor: pointer;margin-top: -.75rem;transition: all .25s}
.reference .swiper-box .prev{left: 10px;}
.reference .swiper-box .next{right: 10px;}
.reference .swiper-box .prev:after{content: "";width: .18rem;height: .18rem;border:3px solid #adadad;border-right: 0;border-bottom: 0;transform:rotate(-45deg);    top: 50%;left: 50%;margin-top: -.09rem;margin-left: -.05rem;position: absolute;transition: all .25s}
.reference .swiper-box .next:after{content: "";width: .18rem;height: .18rem;border:3px solid #adadad;border-left: 0;border-bottom: 0;transform:rotate(45deg);    top: 50%;left: 50%;margin-top: -.09rem;margin-left: -.12rem;position: absolute;transition: all .25s}
.reference .swiper-box .btn1:hover:after{border-color: #fff}
.reference .swiper-box .btn1:hover{background: #ff6d5f}

.pro1 .two .item p{font-size:.18rem;color:#333;text-align:center;padding:.15rem 0}
@media (max-width: 767px){
    .reference .big-item .item .imgbox{transform: none;}
    .reference .swiper-box{padding: 0 15px}
    .reference .tabs .item{margin: 0 2vw;font-size: 13px;}
    footer .top{display: block;}
    footer .top .left{padding: 0;text-align: center;}
    footer .top .send-box{float: none;text-align: center;margin-top: .3rem}
    footer .bottom{display: block;}
    footer .bottom .nav a{font-size: 12px;}
    footer .bottom .share{text-align: center;}
    footer .bottom .nav{padding: .3rem 0}
    footer .bottom .logo img{margin:0 auto;}
    footer .bottom .share a{float: none;display: inline-block;}
	.pro1 .two .item p{font-size:16px;}
}