.foot1box .ftlogos .logob {
    width: 2.51rem;
    height: .4rem;
    background-image: url(../images/ft_logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 center;
    display: block;
    margin-bottom: .42rem;
}

footer .ftlogos {
    width: 4.1rem;
}
footer .navitem {
    line-height: 30px;
    padding-right: 0.2rem;
}
footer .navitem h4 {
    position: relative;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px;
}
footer .navitem .info a {
    display: block;
    line-height: 30px;
}
@media (min-width: 992px){footer .ftnavs {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}}
@media (max-width: 1360px){
footer .ftlogos {
    width: 3.8rem;
}
}
@media (max-width: 1200px){
footer .ftlogos {
    width: 100%;
    padding: 0.4rem 0;
    border-bottom: 1px solid #e4e8ea;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
}
.foot1box .ftlogos .logob{ margin-bottom:0px;}
footer .ftnavs {
    padding: 0.64rem 0 1.2rem;
}
.footer1{ padding:0;}
}
@media (max-width:992px){
	footer .ftlogos {
    width: 100%;
    padding: 0.4rem 0;
    border-bottom: 1px solid #e4e8ea;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
}
footer .navitem {
    float: none;
    width: 100%;     padding-right: 0; clear:both;
}
footer h4 i:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid #333;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    transition: all .5s ease;
}
footer .navitem h4 {
    position: relative;
    border-bottom: 1px solid #e4e8ea;
    height: 46px;
    line-height: 46px;
    margin: 0;
}
footer .navitem .info {
    display: none;
    padding: 10px 30px;
    line-height: 2;
}
footer .ftnavs {
    padding: 0.64rem 0 1.2rem;
}

	}



.pcbanner{height: 100vh;background-size: cover;background-position: center;}
.bannerbox{position: relative;}
.bannerbox .container{position: absolute;left: 0;top: 0;display: flex;right:0;bottom:0;align-items: center;}
.bannertxt .h1{font-size: .6rem;color: #fff;text-transform: uppercase;font-family:"DIN";letter-spacing: .05rem;font-weight: bold;margin-bottom: .35rem;}
.bannertxt{max-width: 5.6rem;}
.bannertxt .h2{font-size: .22rem;color: #fff;line-height: 1.9;text-transform: uppercase;margin-bottom: .4rem;}
.idxbanner .swiper-pagination{font-size: 0;bottom:.4rem!important}
.idxbanner .swiper-pagination-bullet{width: .36rem;height: .04rem;background: #fff;border-radius: .04rem;margin:0 .1rem!important;opacity: .5;transition: all .3s ease}
.idxbanner .swiper-pagination-bullet-active{opacity: 1;}
.idxbanner .swiper-slide-active .h1{animation: fadeup 1s 0s;-webkit-animation: fadeup 1s 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idxbanner .swiper-slide-active .h2{animation: fadeup 1s .2s;-webkit-animation: fadeup 1s .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idxbanner .swiper-slide-active .idxbtn2{animation: fadeup 1s .4s;-webkit-animation: fadeup 1s .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.idxbtn1{width: 2.14rem;line-height: .62rem;text-align: center;border:2px solid #1e1e1e;position: relative;font-size: 0;display: block;transition: all .3s ease}
.idxbtn1 span{font-size: .16rem;color: #1e1e1e;display: inline-block;vertical-align: top;margin-right: .2rem;transition: all .3s ease;position: relative;z-index: 1;font-family:"DIN"}
.idxbtn1 .icon{width:.2rem;height: .12rem;background: url(../images/more.png);background-size: cover!important;transition: all .3s ease;display: inline-block;vertical-align: middle;position: relative;z-index: 1;}
.idxbtn1:after{content:"";background: #f3981e;height: 100%;left: 0;top: 0;width: 0;transition: all .3s ease;position: absolute;}
.idxbtn2{width: 2.14rem;line-height: .62rem;text-align: center;border:2px solid #fff;position: relative;font-size: 0;display: block;}
.idx4box .item .idxbtn2{width: 2.14rem;line-height: .62rem;text-align: center; color:#fff; border:2px solid #ffffff;position: relative;font-size: 0;display: block; width: 1.28rem;line-height: .38rem;margin-top: .15rem;}
.idx4box .item .idxbtn2:hover{border:2px solid #f3981e;}

.idxbtn2:hover{border:2px solid #f3981e;}
.idxbtn2 span{font-size: .16rem;color: #fff;display: inline-block;vertical-align:middle;margin-right: .2rem;transition: all .3s ease;position: relative;z-index: 1;font-family:"DIN"}
.idxbtn2 .icon{width:.2rem;height: .12rem;background: url(../images/more.png);background-size: cover!important;transition: all .3s ease;display: inline-block;vertical-align: middle;position: relative;z-index: 1;}
.idxbtn2:after{content:"";background: #f3981e;height: 100%;left: 0;top: 0;width: 0;transition: all .3s ease;position: absolute;}
.idxtitle{text-align: center;}
.idxtitle .h1{font-size:.32rem;font-weight: bold;text-transform: uppercase;font-family:"DIN";line-height: 1}
.idxtitle .line{width: .4rem;height: 2px;background: #585858;margin-top: .25rem;display: inline-block;vertical-align: top;}
.index3 .idxtitle .line { background: #f3981e;}
.index1{position: relative; padding-top:0.93rem; padding-bottom:0.53rem;}
.index1 .idxtitle{text-align: left;}.idx1box{display: flex;align-items: center;position: relative;z-index: 2;}
.idx1box .imgbox{width:45%;position: relative;}
.idx1box video{width: 100%;height: 100%;object-fit: contain;display: none;}
.idx1box .before{position: relative;}
.idx1box .before:after{content:"";width: 100%;height: 100%;background: rgba(0,0,0,.1);top: 0;left: 0;position: absolute;}
.idx1box .playbtn{width: .8rem;height: .8rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 2;cursor: pointer;}
.idx1box .playbtn .img2{width:.21rem;position: absolute;top: 50%;left: 50%;margin-top: -.125rem;margin-left: -.08rem}
.idx1box .playbtn .img1{animation: rotate0 2s ease infinite;}
.idx1right{width: 55%;padding-left: 4vw;padding-right: 4vw}
.idx1right p{font-size: .16rem;color: #333;line-height: 1.875;}
.idx1right .idxtitle{margin-bottom: 3vw}
.idx1right .idxbtn1{margin-top:4.5vw}
.index1:after{content:"";top: .65rem;bottom: .65rem;position: absolute;right: .8rem;width: 66%;background: url(../images/idx1bg.jpg);background-size: cover;background-position: center;}

.idx2tab{display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.idx2tab .col{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;position: relative;}
.idx2tab .item .iconbox{width:.8rem;height: .8rem;position: relative;}
.idx2tab .item .iconbox img{width: .5rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition: all .3s;z-index: 2;}
.idx2tab .item .iconbox img:nth-child(2){opacity: 0;}
.idx2tab .item p{font-size: .16rem;color: #333;font-family:"DIN";transition: all .3s;margin-top: .12rem;transform: translateY(-10px);}
.idx2tab .item{display: inline-block;vertical-align: top;text-align: center;z-index: 2;cursor:pointer}
.idx2tab .item .iconbox:after{content:"";width: 0;height: 0;position: absolute;top: 50%;left: 50%;background:#f3981e;transition: all .3s;border-radius: 50%}
.idx2tab .item.on .iconbox:after{width: .8rem;height: .8rem;margin-top: -.4rem;margin-left: -.4rem;}
.idx2tab .item.on p{color: #f3981e;transform: translateY(0);}
.idx2tab .item.on .iconbox img:nth-child(1){opacity: 0;}
.idx2tab .item.on .iconbox img:nth-child(2){opacity: 1;}
.idx2tab .col:after{content:"";left:.9rem;top: .4rem;height: 1px;right: .1rem;background: #b5c0d4;position: absolute;}
.index2{padding: .97rem 0 .57rem;position: relative;}
.idx2bg{background: url(../images/idx2bg.jpg);height: 7rem;position: absolute;top: 0;left: 0;right: 0;background-size: cover;z-index: -1;}
.idx2left{width: 38%;float: left;}
.pro-slider{width: 55.55%;float: left;position: relative;}
.pro-slider .item{position: absolute;width: 100%;height: 100%;top: 0;left: 0;box-shadow: 0px .1rem .4rem 0px rgba(102, 102, 102, 0.1);transition: all 0.7s ease-out;border-radius: .08rem;background: #fff;z-index: 2;}
.idx2box{margin-top: .5rem;}
.idx2box>div{display:none}
.pro-slider .item img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 70%;max-height: 60%;opacity: 0;transition: all .3s ease}
.pro-slider .item .sort{font-size:4.2vw;color: #eef3f7;top:1.5vw;left: 0;right: 0;text-align: center;font-family:"DIN";font-weight: bold;text-transform: uppercase;line-height: 1;position: absolute;}
.pro-slider .item .name{font-size: .14rem;color: #0e0e0e;position: absolute;left: 0;right: 0;text-align: center;font-family:"DIN";bottom: 2.3vw;text-transform: uppercase;transition: all .3s ease}
.pro-slider .item{transform: scale(0.4) translateX(-11.25%);
    -webkit-transform: scale(0.4) translateX(-11.25%);
    -moz-transform: scale(0.4) translateX(-11.25%);
    -o-transform: scale(0.4) translateX(-11.25%);
    -ms-transform: scale(0.4) translateX(-11.25%);
    opacity: 0;    transform-origin: 0 50%;}
.pro-slider .item.on{opacity: 1;;transform: scale(1) translateX(0px);-webkit-transform: scale(1) translateX(0px);-moz-transform: scale(1) translateX(0px);-o-transform: scale(1) translateX(0px);-ms-transform: scale(1) translateX(0px);pointer-events: auto;z-index: 10;}
.pro-slider .item.n1{    transform: scale(0.8) translateX(-3.75%);
    -webkit-transform: scale(0.8) translateX(-3.75%);
    -moz-transform: scale(0.8) translateX(-3.75%);
    -o-transform: scale(0.8) translateX(-3.75%);
    -ms-transform: scale(0.8) translateX(-3.75%);
    opacity: 0.8;
    z-index: 8;}
.pro-slider .item.n2{transform: scale(0.6) translateX(-8.75%);
    -webkit-transform: scale(0.6) translateX(-8.75%);
    -moz-transform: scale(0.6) translateX(-8.75%);
    -o-transform: scale(0.6) translateX(-8.75%);
    -ms-transform: scale(0.6) translateX(-8.75%);
    opacity: 0.6;
    z-index: 7;}
.pro-slider .item.on img{/*animation: fadeInDown 1s .5s;*/opacity: 1;}
.idx2left{padding-top: .15rem}
.idx2left .idxtitle{text-align: left;margin-top:3.85vw}
.idx2left .name{font-size: .18rem;color: #0e0e0e;font-family:"DIN";font-weight: bold;}   
.idx2left .info{font-size: .16rem;color: #666;line-height: 1.625;margin: .25rem 0 .3rem}
.idx2left .idxbtn1{width: 1.88rem;line-height: .52rem;}
.idx2left .idxbtn1 span{margin-right: .13rem;}
.idx2left .item{transition: all 0.7s ease-out;opacity: 0;transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);}
.idx2left .swiper-slide-active .item{transform: none;opacity: 1;}
.idx2left .swiper-container{padding-top: 30px;margin-top: -30px}
.idx2bg .container{height: 100%;position: relative;}
.idx2page{position: absolute;right: 0;bottom:0;padding-bottom: 2.9rem;font-size: .2rem;color: #333;font-family:"DIN";text-align: center;z-index: 30;line-height: 1}
.idx2page .page1{color: #f3981e}
.idx2page .pie{margin: .12rem 0}
.idx2page:after{content:"";height: 2.45rem;left: 50%;width: 1px;background: #b5c0d4;bottom: 0;position: absolute;}





.index3{padding: .95rem 0 2.75rem;background: url(../images/info-bj.png);background-size: cover;background-position: center; background-color:#ededee;}
.index3 .idxtitle{margin-bottom: .7rem; color:#ffffff;}
.index3 .item{position: relative;overflow: hidden;display:block;height:2.8rem}
.index3 .item img{transition: all .5s ease;height:100%;object-fit:cover;width:100%}
.index3 .item p{line-height: .5rem;padding: 0 .18rem;font-size: 12px;color: #fff;position: absolute;left: 0;bottom: 0;right: 0}
.index3 .item p{background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);transition: all .3s ease}
.index3 .swiperbtn{background: rgba(0,0,0,.4);position: absolute;top: 0;bottom: 0;width: .28rem;z-index: 2;cursor: pointer;}
.index3 .prev{left: 0}
.index3 .next{right: 0}
.index3 .swiperbtn img{width: .1rem;margin: 0 auto}
.index3 .swiperbtn{display: flex;align-items: center;transition:all .3s ease}
 .index3 .swiper-slide{height:100%}
.index4{padding: .8rem 0 1rem}
.index4 .idxtitle{margin-bottom: .6rem}
.idx4box{display: flex;}
.idx4box .item{position: relative;width:16.6%;height: 6.4rem;background-size: cover;background-position: center;transition: all .5s}
.idx4box .item.on{width: 66.8%;}    
.idx4box .item:after{content:"";position: absolute;top: 0;left: 0;background: rgba(0,0,0);width: 100%;height: 100%;opacity: .4;transition: all .3s ease-in-out}   
.idx4box .item:before{content:"";background-image: -moz-linear-gradient( 90deg, rgba(243,152,30,0.5) 0%, rgba(243,152,30,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(243,152,30,0.5) 0%, rgba(243,152,30,0) 100%);background-image: -ms-linear-gradient( 90deg, rgba(243,152,30,0.5) 0%, rgba(243,152,30,0) 100%);height: 50%;position: absolute;left: 0;right: 0;bottom: 0;transition: all .3s ease-in-out;height: 0}
.idx4box .item .contentbox{position: absolute;bottom: 0;left: 0;right: 0;padding: 0 .3rem;z-index: 2;bottom: .6rem;transition: all .3s ease-in-out;overflow: hidden;}
.idx4box .item .contentbox .title{font-size: .2rem;color: #fff;font-family:"DIN";font-weight: bold;line-height:1.5;margin-bottom: .15rem}
.idx4box .item .iconbox{height: .6rem;}
.idx4box .item .iconbox img{width: .36rem;}
.idx4box .item .contentbox p{font-size: .14rem;color: #fff;line-height: 1.857;height: .75rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.idx4box .item.on:after{opacity: 0;} 
.idx4box .item.on:before{height: 50%} 
.idx4box .item.on .contentbox{padding:0 .55rem;bottom: .3rem}

.idx4box .item .idxbtn2 span{font-size: .14rem;margin-right: .08rem; color:#fff;}
.idx4box .item .idxbtn2 .icon{width:.16rem;height: .09rem; background-image:url(../images/more.png);}
.idx4box .item .moretxt{display: none;}
.idx4box .item.on .moretxt{display: block;}

@media (min-width:1000px){
.index3 .swiperbtn:hover{background:rgba(243,152,30,.8)}
.idx2tab .item:hover .iconbox:after{width: .8rem;height: .8rem;margin-top: -.4rem;margin-left: -.4rem;}
.idx2tab .item:hover p{color: #f3981e;transform: translateY(0);}
.idx2tab .item:hover .iconbox img:nth-child(1){opacity: 0;}
.idx2tab .item:hover .iconbox img:nth-child(2){opacity: 1;}
.pro-slider .item:hover img{transform: scale(1.05);}
.pro-slider .item:hover .name{color: #f3981e}
.idxbtn1:hover{border-color:#f3981e }
.idxbtn1:hover:after{width: 100%}
.idxbtn1:hover span{color: #fff}
.idxbtn1:hover .icon{background: url(../images/more.png);}
.idxbtn2:hover:after{width: 100%}
.idxbtn2:hover span{color: #ffffff;}
.idxCleft .btn1:hover:after{width: 100%}
.idxCleft .btn1:hover{color: #fff;border-color:#f3981e}
.idxbtn2:hover .icon{background: url(../images/more.png);}
.index3 .item:hover img{transform: scale(1.05);}
.idx4box .item .idxbtn2:hover .icon{background: url(../images/more.png);background-size: cover;}
}
.banner2img2{display:none}
@media (max-width: 1024px){    .banner2img{display:none}
	 .banner2img2{display:block;}
	 	.pcbanner{display:none}
	 }
@media (max-width: 767px){

	.idxbanner .swiper-pagination-bullet{width: 20px;height: 3px;}
	.idxtitle .h1{font-size: 20px;}
	.index1{padding:.5rem 15px;}
	.idx1box{display: block;}
	.idx1box .imgbox{width: 100%}
	.idx1right{padding-left: 0;padding-right: 0;width: 100%;margin-top: 4vw}
	.idx1right p{font-size: 13px;}
	.index1:after{left: 0;top: 3rem;right: 0;bottom: 0;width: 100%;}
	.idxbanner{margin-top: 1rem;}

	.bannertxt .h1{font-size: 32px;}
	.bannertxt .h2{font-size: 14px;}
/*	.idxbtn2{border-width: 1px;}*/
	.idxbtn2 span{font-size: 13px;}
/*	.idxbtn2 .icon{width: 15px;height: 9px;}*/
	.idxbtn1 span{font-size: 13px;}
/*	.idxbtn1 .icon{width: 15px;height: 9px;}*/
    .index3 .swiperbtn{width: 20px}
    .index3 .swiperbtn img{width: 8px;}
    .idx2left{width: 100%;float: none;}
    .pro-slider{width: 85%;float: none;margin-left: 5%;margin-top:.3rem}
    .pro-slider .item .sort{font-size:8vw;top: 3vw}
    .pro-slider .item .name{bottom: 3vw}
    .idx2bg{height: 100%}
    .index2{padding: .6rem 0}
    .idx2page{font-size: 14px;}
    .idx2left .info{font-size: 13px;}
    .idx2left .name{font-size: 14px;}
    .idx2tab{display: block;overflow:hidden}
    .idx2tab .col{width: 25%;float: left;}
	.idx2tab .col:nth-child(5){display:none}
    .idx2tab .item .iconbox{margin: 0 auto;}
    .idx2tab .col:nth-child(4):after{display: none;}
    .idx2box{margin-top:.1rem}
    .index2 .idxtitle{margin-bottom: .1rem}

}


    
    
    
    
    
.index5{background: url(../images/contactbg.jpg);background-size: cover;background-position: center;padding: .84rem 0}
.idxCbox{display: flex;align-items: center;}
.idxCleft{width:43%;    background: rgba(255,255,255,0.1);padding: .6rem .5rem .5rem}
.idxCleft .h1{font-size: .42rem;color: #fff;line-height: 1;margin-bottom: .18rem;font-family:"DIN"}
.idxCleft .h2{font-size: .14rem;color: #c0bfbf;line-height: 1.714;margin-bottom: .35rem}
.idxCleft input{display: block;width: 100%;height:.44rem; font-size: 13px;padding: 0 .14rem;color: #ddd;margin-bottom: .2rem;     border-bottom: 2px solid #bbb;  background:none;}
.idxCleft textarea{display: block;width: 100%;height: 1.16rem;border-radius: .04rem;background: #f7f7f7;padding: .14rem;color: #333;margin-bottom: .24rem;font-size: 13px; background:none; border-bottom: 2px solid #bbb;  }
.idxCleft input::placeholder{color: #ddd}
.idxCleft textarea::placeholder{color: #ddd}
.idxCleft .btn1{width: 1.88rem;line-height: .42rem;text-align: center; border-radius: .04rem;font-size: .16rem;color: #fff;background:#f3981e;font-family:"DIN";transition: all .3s ease;position: relative;z-index: 0;}
.idxCleft .btn1:after{content:"";background: #f3981e;height: 100%;left: 0;top: 0;width: 0;transition: all .3s ease;position: absolute;z-index: -1;}
.idxCright{width: 37%;margin-left: 13.8%;}
.idxCright .idxtitle{text-align: left;margin-bottom: 6.5vw}
.idxCright .address{font-size: .22rem;color: #fff;margin-bottom: 3.5vw}
.idxCright .idxtitle .h1{color: #fff}
.idxCright .idxtitle .line{background: #fff}
.idxCright .infobox .item{display: flex;align-items: flex-start;}
.idxCright .infobox .item .txt{flex: 1;font-size: .18rem;color: #fff;line-height: 1.778;}
.idxCright .infobox .item img{margin-right: .15rem;width: .2rem;margin-top: .06rem}
.idxCright .infobox .item:not(:last-child){margin-bottom: 1.75vw}
                                                                                      


.banner2{margin-top:1rem;position: relative;overflow: hidden;}
.banner2img{height: 5rem;width: 100%;object-fit: cover;}
.banner2 .container{position: absolute;left: 0;top: 0;right: 0;bottom: 0;text-shadow: 0px 0px 0.52rem rgba(0, 0, 0, 0.36);}
.banner2 .h1{font-size: .6rem;color: #fff;font-family: "Arial";font-weight: bold;text-transform: uppercase;line-height: 1;margin-bottom: .4rem}
.banner2 .h2{font-size: .18rem;color: #fff}
.subnavbox{position: relative;}
.subnav{position: absolute;left: 0;right: 0;z-index: 2; width:100%; border-bottom:solid 1px #eaeaea;}
.subnav:after{ position:absolute; bottom:1px; width:100%; border-bottom:solid 1px #eaeaea; left:0px;}
.subnav .col{float: left;width:20%;}
.subnav .row{margin: 0 -.05rem;}
.subnav .item{display: block;line-height: .8rem;background: #fff;text-align: center;font-size: 0; position: relative;}
.subnav .item .icon{display: inline-block;vertical-align: middle;width: .22rem;height: .22rem;position: relative;margin-right:.1rem;z-index: 2;}
.subnav .item span{font-size: .2rem;color: #333;display: inline-block;vertical-align: middle;position: relative;z-index: 2;transition: all .3s ease;max-width: 80%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.subnav .item .icon img{position: absolute;left: 0;top: 0;transition: all .3s ease}
.subnav .item .icon img:nth-child(2){opacity: 0;}
.subnav .item:after{content:"";position: absolute;left: 0;width: 0;transition: all .3s ease;}
.subnav .item:after{ border-bottom: solid 2px #ff6600;  bottom:0px; z-index:10000;}
.subnav .item.on:after{width: 100%}
.subnav .item.on span{color: #ff6600}
.subnav .item.on img:nth-child(1){opacity: 0;}
.subnav .item.on img:nth-child(2){opacity: 1;}

.casecon{padding:1rem 0 1.3rem;background: #f5f5f5}
.casecon .row{margin:-.24rem;}
.casecon .col-sm-4{padding:.24rem;}
.casecon .item{background: #fff;box-shadow: 0px .1rem .4rem 0px rgba(47, 49, 53, 0.1);transition: all .3s ease}
.casecon .item .imgbox{display:block;}
.casecon .item .content{padding:.15rem .2rem .25rem;}
.casecon .item .h1{font-size: .18rem;color: #000;line-height: 1.556;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;height:.56rem}
.casecon .item .phone{font-size: .16rem;color: #f3981e;padding: 0;margin-top: .2rem;}
.casecon .item .phone img{width:.13rem;margin-right: .08rem;}
.casecon .pagelist{margin-top: .7rem;}
.casecon .item .imgbox img{object-fit:cover;width:100%;height:100%}
.contactcon{padding: .6rem 0}
.ctacon1{height:6rem;margin-bottom: .6rem;}
.anchorBL{display: none;}
.ctatitle{display: flex;align-items: center;margin-bottom: .25rem}
.ctatitle img{width: .36rem;margin-right: .16rem;}
.ctatitle .txt{flex: 1;font-size: .28rem;color: #000;font-family:"DIN";text-transform: uppercase;}
.ctabox2{background: #f5f5f5;display: flex;align-items: center;padding:3vw 3.5vw 3vw 3vw}
.ctabox2 .mid{flex: 1;padding: 0 2.7vw;position: relative;}
.ctabox2 .mid:before{content:"";width: 2px;height: 1.34rem;background: #d6d6d6;position: absolute;left: 0;top: 50%;margin-top: -.67rem}
.ctabox2 .mid:after{content:"";width: 2px;height: 1.34rem;background: #d6d6d6;position: absolute;right: 0;top: 50%;margin-top: -.67rem}
.ctabox2 .mid .h1{font-size: .22rem;color: #000;}
.ctabox2 .mid .line{width: .56rem;height: .04rem;background: #f3981e;margin: .2rem 0}
.ctabox2 .mid p{font-size: .18rem;color:#999;line-height: 1.333; }
.ctabox2 .mid p span{color: #000}
.ctabox2 .right{width: 1.45rem;margin-left: 3vw}
.ctabox2 .left{max-width: 28%;margin-right:3vw}
.ctacon2{margin-bottom: .6rem;}
.ctacon3 .row{margin: -.15rem -.2rem}
.ctacon3 .col-sm-6{padding:.15rem .2rem}
.ctabox3 .item{background: #f5f5f5;padding: .32rem .54rem;transition: all .3s ease}
.ctabox3 .item p{font-size: .18rem;color: #999;line-height: 1.889;}
.ctabox3 .item p span{color: #333;margin-right: .05rem}
.ctabox3 .item .h1{font-size:.18rem;color: #333;font-family: "Arial";position: relative;padding-bottom:.12rem;margin-bottom: .18rem;}
.ctabox3 .item .h1:after{content:"";width:.56rem;height:2px;background: #f3981e;position: absolute;bottom: 0;left: 0;transition: all .3s ease}
.ctacon3{margin-bottom: .8rem;}
.ctabox4{background: #f5f5f5;;padding: .35rem 12.5vw .7rem;}
.ctabox4 input{width: 100%;display: block;border:1px solid rgb(208, 208, 208);border-radius: .02rem;height: .44rem;background:#fff;padding: 0 .14rem;font-size: 13px;color: #333}
.ctabox4 .col-sm-6{padding:.1rem}
.ctabox4 .col-sm-12{padding: .1rem;}
.ctabox4 .row{margin: -.1rem;}
.ctabox4 textarea{width: 100%;display: block;border:1px solid rgb(208, 208, 208);border-radius: .02rem;height:1.95rem;background:#fff;padding:.1rem .14rem;font-size: 13px;color: #333}
.ctabox4 .input1 input{padding-left: .22rem}
.ctabox4 .input1:before{content:"*";font-size: 13px;color: red;position: absolute;left:.14rem;top: .08rem}
.ctabox4 .title{font-size: .16rem;color:rgb(17, 17, 17);margin-bottom: .34rem;}
.ctabox4 .btn1{width: 1.6rem;line-height: .44rem;border:2px solid #1e1e1e;text-align: center;font-size: .16rem;color: #1e1e1e;background:#fff;font-family:"DIN";transition: all .3s ease;position: relative;z-index: 0;}
.ctabox4 .btn1:after{content:"";background: #1e1e1e;height: 100%;left: 0;top: 0;width: 0;transition: all .3s ease;position: absolute;z-index: -1;}
.ctabox4 .input1{position: relative;}
.ctabox4 .textarea1{position: relative;}
.ctabox4 .textarea1 textarea{padding-left: .22rem;}
.ctabox4 .textarea1:before{content:"*";color: red;position: absolute;left:.14rem;top: .08rem;font-size: 13px}

.faqtab .container{display: flex;align-items: center;height: .6rem;}
.faqtab .line{width:12px;height: 2px;background: #807f7e;margin-left: .12rem;margin-right: .1rem;}
.faqtab .txt{font-size: 14px;color: #f3981e;font-family:"DIN"}
.faqbox{margin: 0 5vw;background: #fff;padding: .65rem 6vw 1rem}
.faqcon{padding: .4rem 0 1.2rem;background: #f5f5f5;}
.faqbox .title{font-size: .32rem;color: #000;font-family:"DIN";line-height: 1;padding-bottom: .3rem;position: relative;margin-bottom: .65rem}
.faqbox .title:after{content:"";width: .4rem;height: 2px;position: absolute;left: 0;bottom: 0;background: #585858}
.faqbox .item .title1{font-size: 12px;color: #999}
.faqbox .item .before .content{font-size: .2rem;color: #383838;transition:all .3s ease}
.faqbox .item .before .icon{width: .44rem;height: .44rem;background: url(../images/open2.png);background-size: cover!important;cursor: pointer;transition: all .3s ease}
.faqbox .item{padding: .28rem 0;border-bottom: 1px solid #eaeaea}
.faqbox .item .title1{width: 1.48rem;}
.faqbox .item .before{padding: 0;    cursor: pointer;}
.faqbox .item .afterbox{display: none;}
.faqbox .item .after{display: flex;align-items: flex-start;padding: .1rem 0 .05rem;}
.faqbox .item .before .title1{font-family:"DIN"}
.faqbox .item .after .title1{margin-top: .08rem}
.faqbox .item .after .content{font-size:.14rem;color: #888;line-height: 2.286;flex: 1}
.faqbox .itembox{border-top: 1px solid #eaeaea}
.faqbox .item .before.on .icon{background: url(../images/close2.png);}
.faqbox .item .before.on .content{color:#f3981e}
.logincon{padding: .85rem 0 .8rem;margin-top: 1rem;background: #f5f5f5}
.loginbox{margin:0 5.2vw;display: flex;align-items: center;background: #fff}
.loginleft{width: 43.5%;}
.loginleft .swiper-pagination{font-size: 0;bottom: .2rem!important}
.loginleft .swiper-pagination-bullet{margin: 0 5px!important;background: #fff}
.loginleft .swiper-btn{position: absolute;top: 50%;margin-top: -.15rem;z-index: 2;width: .17rem}
.loginleft .prev{left: .1rem}
.loginleft .next{right: .1rem}
.loginleft .logobox{width: 1.34rem;position: absolute;top: .24rem;left: .26rem;z-index: 2;}
.loginright{width: 56.5%;padding: 0 8.5vw}
.loginright .logo{width: 1.34rem;margin: 0 auto;}
.loginright .h1{font-size: .24rem;color: #333;text-transform: uppercase;font-family:"DIN";text-align: center;margin: .45rem 0 .35rem}
.loginright .inputbox{border:1px solid rgb(221, 221, 221);border-radius:2px;display: flex;align-items: center;height: .48rem;margin-bottom: .2rem;padding: 0 .14rem;}
.loginright .inputbox input{font-size: .14rem;color: #333;padding:0 10px;display: block;width: 100%}
.loginright .inputbox .label1{font-size: .14rem;color: #999}
.loginright .inputbox .label1 span{color: red;margin-right: .03rem}
.loginright .inputbox2{padding:0 2px}
.loginright .inputbox2 .forget{font-size:12px;color:#f3981e}


.loginright .btn1{background: #f3981e;border-radius: 2px;height: .48rem;font-size:.16rem;color: #fff;text-align: center;display: block;width: 100%;transition: all .3s ease}
.loginright .signbox{margin-top: .15rem;color: #f3981e;font-size: .16rem;cursor: pointer;text-align: center;}
.newscon{padding: .4rem 0 1.08rem;background: #f7f7f7}
.newsbox{background: #fff}
.newsitem{padding: .6rem 5.1vw .6rem 4.2vw;background: #fff}
.newsitem .imgbox{width: 38%;margin-right: 2.5vw;overflow: hidden;display: block;}
.newsitem .imgbox img{transition: all .3s ease;width:100%;height:100%;object-fit:cover;}
.newsitem .h1{font-size: .2rem;color: #333;font-family:"DIN";margin-bottom:2vw;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newsitem .h2{font-size: .14rem;color: #666;line-height: 1.571;margin-bottom:4.5vw;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsitem .bottom{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.newsitem .bottom .date{font-size: 12px;color: #666;}
.newscon .idxbtn1{width: 1.6rem;line-height: .48rem}
.newscon .idxbtn1 span{font-size: .14rem;margin-right: .12rem;}
.newscon .idxbtn1 .icon{width:15px;height:9px;}
.newsitem2{padding:.4rem 5.1vw .4rem 4.2vw;border-top:1px solid #f0f0f0;transition: all .3s ease;}
.newsitem2 img{width:2.6rem;height: 1.65rem;object-fit: cover;margin-right: 3.5vw}
.newsitem2 .h1{font-size: .2rem;color: #333;font-family:"DIN";white-space: nowrap; overflow: hidden; text-overflow: ellipsis;transition: all .3s ease}
.newsitem2 .h2{font-size: .14rem;color: #666;line-height: 1.571;margin-bottom:.28rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsitem2 .date{font-size: 12px;color: #666}
.newscon .morebtn{cursor: pointer;margin: .6rem auto 0;background: #fff}

.news2con{padding: .4rem 0 1.2rem;background: #f7f7f7}
.news2box{background: #fff;padding: .7rem 0 .65rem}
.news2content{padding: 0 8.5vw}
.news2content img{display:inline-block}
.news2top .h1{font-size: .24rem;color: #333;font-family:"DIN";margin-bottom: .18rem}
.news2top .h2{font-size: 12px;font-family:"DIN";color: #666}
.news2top{padding-bottom: .35rem;border-bottom: 2px solid #bbbbbb;margin-bottom: .35rem}
.news2bottom{margin-top: .35rem}
.news2bottom .item{display: block;float: left;width: 50%;background: #f7f7f7;line-height: 1rem;font-size: 0;text-align: center;transition: all .3s ease}
.news2bottom .item .icon{display: inline-block;vertical-align: middle;width: .28rem;height: .13rem;position: relative;margin: 0 .12rem}
.news2bottom .item .icon img{position: absolute;left: 0;top: 0;transition: all .3s ease}
.news2bottom .item span{display: inline-block;vertical-align: middle;font-size: .16rem;color: #111;font-family:"DIN";white-space: nowrap; overflow: hidden; text-overflow: ellipsis;max-width: 60%;transition: all .3s ease}
.news2bottom .item .icon img:nth-child(2){opacity: 0;}

.solucon{padding: .6rem 0 .9rem}
.solucon .row{margin:-.24rem}
.solucon .col-sm-4{padding: .24rem;}
.solucon .item{position: relative;overflow: hidden;}
.solucon .item .imgbox img{width:100%;height:100%;object-fit:cover;}
.solucon .item .before{position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;text-align: center;transition: all .5s}
.solucon .item .before img{width: .48rem;margin: 0 auto;}
.solucon .item .before p{font-size: .18rem;color: #fff;font-family:"DIN";margin-top: .18rem}
.solucon .item .after .h1{font-size: .22rem;color: #fff;font-family:"DIN";margin-bottom: 1.5vw}
.solucon .item .after{position: absolute;top: 50%;transition: all .5s;left: 0;right: 0;text-align: center;padding: 0 .3rem;opacity: 0;z-index: 3;}
.solucon .item .after .h2{font-size: .14rem;color: #fff;line-height: 1.714;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;height: .92rem}
.solucon .item .idxbtn2{width: 120px;line-height: 30px;border:1px solid #fff;margin: 1vw auto 0}
.solucon .item .idxbtn2 span{font-size: 12px;margin-right: 10px}
.solucon .item .idxbtn2 .icon{width: 15px;height: 9px;}
.solucon .item:after{content:"";position: absolute;top: -90%;left: -240%;width: 200%;display: block;height: 200%;-webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: rgba(105, 156, 255, .702);}

    
    
@media (min-width:1000px){
.faqbox .item .before:hover .content{color:#f3981e}
	.subnav .item:hover:after{width: 100%}
.subnav .item:hover span{color: #ff6600;}
.subnav .item:hover img:nth-child(1){opacity: 0;}
.subnav .item:hover img:nth-child(2){opacity: 1;}
.casebox .item:hover{transform: translateY(-8px);}
.ctabox3 .item:hover{transform: translateY(-5px);}
.ctabox3 .item:hover .h1:after{width: .8rem}
.ctabox4 .btn1:hover:after{width: 100%}
.ctabox4 .btn1:hover{color: #fff}
.loginright .btn1:hover{transform: translateY(-5px);box-shadow: 0px 0px 10px 1px rgba(0,0,0,.15)}
.newsitem2:hover{box-shadow: 0px 5px .4rem 0px rgba(0, 11, 21, 0.1);transform: translateY(-5px);}
.newsitem2:hover .h1{color: #f3981e}
.newsitem .imgbox:hover img{transform: scale(1.05);}
.news2bottom .item:hover{background: #f3981e}
.news2bottom .item:hover span{color: #fff}
.news2bottom .item:hover .icon img:nth-child(1){opacity: 0;}
.news2bottom .item:hover .icon img:nth-child(2){opacity: 1;}
.solucon .item:hover:after{left: -30%}
.solucon .item:hover .before{transform:translateY(0);opacity: 0;}
.solucon .item:hover .after{transform: translateY(-50%);opacity: 1;}
}


@media (max-width: 1600px){
	.subnav .item span{font-size: .16rem}
}
@media (max-width: 1000px){
	.idxCleft{width: 52%;}
	.idxCright{width: 42%;margin-left: 6%}
	.subnav .item span{max-width: 60%}
	.casecon .col-sm-4{padding: .16rem}
	.casecon .row{margin: -.16rem}
	.ctabox2 .left{max-width: 25%}
	.faqbox{margin: 0}
	.loginleft{width: 48%}
	.loginright{width: 52%;padding: 0 4.5vw}
	.loginright .h1{margin: .3rem 0}
	.newsitem .h2{margin-bottom: 3vw}
}

@media (max-width: 767px){
.solucon .item .after{display:none}
.solucon .item .idxbtn2{margin:10px auto 0}
.idxCleft .h1{font-size:24px}
	.idxCleft .h2{font-size:12px}
	.index5{padding: .6rem 0}
	.idxCleft input{height: 36px;padding: 0 10px}
	.idxCleft textarea{height: 120px;padding: 10px}
	.idxCleft .btn1{font-size: 13px;width: 120px}
	.casecon .item .h1{font-size: 14px;height:auto}
	.casecon .item .phone img{width: 10px;}
	.casecon .item .phone{font-size: 13px}
	.casecon{padding: 1rem 0}
	.idxCbox{display: block;}
	.idxCleft{width: 100%;    padding: .4rem;}
	.idxCright{margin: 0;width: 100%;margin-top: 15px}
	.idxCright .idxtitle{margin-bottom: 15px}
	.idxCright .address{margin-bottom: 15px;font-size: 14px;}
	.idxCright .infobox .item .txt{font-size: 13px;}
	.idxCright .infobox .item img{width: 14px;margin-top: 4px;}
	.ctacon1{height: 5rem}
	.ctabox2{display:block;}
	.ctabox2 .mid:before{display:none}
	.ctabox2 .mid:after{display:none;}
	.ctabox2 .left{display:none}
	.ctabox2 .right{display:none}
	.ctabox2 .mid p{font-size:13px}
	.ctabox2 .mid{padding:0}
	.ctabox2 .mid .h1{font-size:14px}
	.ctabox2{padding:.3rem .4rem}
	.ctabox3 .item p{font-size: 14px;}
	.ctabox3 .item .h1{font-size:14px;padding-bottom: 10px}
	.ctacon3 .row{margin: -.12rem -.2rem}
	.ctacon3 .col-sm-6{padding: .12rem .2rem;}
	.ctabox4{padding: .4rem}
	.ctabox3 .item{padding: .3rem .4rem}
	.ctabox4 .title{font-size: 13px;margin-bottom: .3rem;}
	.ctabox4 input{height: 36px;padding: 0 10px}
	.ctabox4 .input1:before{left:.1rem}
	.ctabox4 .textarea1:before{left:.1rem;top: 6px}
	.ctabox4 textarea{height: 150px;padding: 10px}
	.ctabox4 .btn1{width: 120px;line-height: 32px;font-size: 13px}
	.faqbox .title{margin-bottom: .5rem}
	.faqbox .item .before .icon{width: 24px;height: 24px}
	.faqbox{padding: .6rem 6vw}
	.faqcon{padding: .4rem 0}
	.faqbox .item .before .content{font-size: 14px}
	.faqbox .item .title1{width: 80px;}
	.faqbox .item .before .content{font-size: 13px;padding-right: 10px}
	.faqbox .item .after .content{font-size: 12px;}
	.loginbox{display: block;}
	.loginleft{display: none;}
	.loginright{width: 100%;padding: .5rem}
	.loginright .h1{font-size: 16px;}
	.loginright .logo{width: 90px}
	.loginright .inputbox .label1{font-size: 13px}
	.loginright .inputbox input{font-size: 13px;}
	.loginright .inputbox{height: 36px}
	.loginright .btn1{height: 36px;font-size: 14px;}
	.loginright .signbox{font-size: 14px;}
	.loginbox{margin: 0;}
	.newsitem{padding: 20px;display: block;}
	.newscon .idxbtn1 .icon{width: 10px;height: 6px;}
	.newscon .idxbtn1 span{font-size:12px}
	.newscon .idxbtn1{width: 100px;}
	.newsitem .imgbox{width: 100%}
	.newsitem .h1{font-size: 14px;margin: 15px 0}
	.newsitem .h2{font-size: 12px;margin-bottom: 15px;}
	.newsitem2 .h1{font-size:14px;}
	.newsitem2 .h2{font-size: 12px;}
	.newsitem2{padding:20px;}
	.newscon{padding: .4rem 0}
	.news2box{padding: .5rem 0}
	.news2content{padding:0 30px}
	.news2top .h1{font-size: 16px;}
	.news2bottom .item{width: 100%;line-height: .8rem;border-top: 1px solid #ededed}
	.news2bottom .item span{font-size: 13px;}
	.solucon .item .before p{font-size: 14px;}
	.solucon .row{margin: -.12rem}
	.solucon .col-sm-4{padding: .12rem}
	.solucon{padding: .6rem 0}
}

.proroute .container{display: flex;align-items: center;height: .6rem;}
.proroute .home{margin-right: .14rem;}
.proroute .line{width:.12rem;height: 2px;background: #807f7e;margin-right: .1rem}
.proroute .item{margin-right: .1rem;font-size:14px;color: #807f7e;transition: all .3s ease;font-family:"DIN"}
.proroute .item.on{color: #f3981e}
.procon{background: #f7f7f7;padding: .18rem 0 1.3rem}
.procon .pagelist{margin-top: .5rem;}
.protab{background: #fff;border:1px solid #e0e0e0;padding: 0 .3rem;margin-bottom:.4rem}
.protabitem{display: flex;align-items: flex-start;padding: .1rem 0;}
.protabitem .itemsbox{overflow: hidden;-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;padding-right: 20vw}
.protabitem .item{text-transform: uppercase;display:block;line-height:.24rem;font-size:.14rem;color: #1f1f1f;margin: .06rem .1rem .06rem 0;padding: 0 .08rem;float: left;transition:all .3s ease-in-out}
.protabitem .title1{width: 1.45rem;padding-left: .1rem;line-height: .36rem;font-size: .14rem;color: #999}
.protabitem:not(:last-child){border-bottom: 1px dashed #e0e0e0}
.protabitem .item.on{color: #fff;background: #f3981e}

.probox .row{margin: -.16rem;}
.probox .col-sm-4{padding: .16rem}
.probox .item{padding:.1rem;display: block;background: #fff;transition: all .3s ease;padding-bottom: .05rem;}
.probox .item .imgbox{position: relative;}
.probox .item .imgbox .img1{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 80%;max-height: 80%;transition: all .3s ease}
.probox .item .imgbox .img2{width: .38rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;transition: all .3s ease}
.probox .item .h1{transition: all .3s;font-size: .16rem;color: #1f1f1f;font-family:"DIN";font-weight: bold;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom: .1rem;}
.probox .item p{transition: all .3s;font-size: 12px;color: #333;line-height: 2}
.probox .item .content{padding: .2rem 0 0 0;transition: all .3s ease;position: relative;height:148px}
.probox .item .content:before{content:"";height: 1px;background: #e0e0e0;position: absolute;top: 0;left: 0;right: 0;transition: all .3s ease}
.proroute .more{font-size: 0}
.proroute .more span{font-size: 14px;color: #f3981e;font-family:"DIN";display: inline-block;vertical-align: middle;margin-right: .14rem;}
.proroute .more img{width: .16rem;display: inline-block;vertical-align: middle;}
.messagebtn{cursor:pointer}
.prode1{background: #f7f7f7;padding: .3rem 0 .65rem}
.prode1box{background: #fff;padding: .3rem .4rem .38rem .3rem;}
.prode1left{width: 45%;float: left;border:1px solid #e6e6e6;}
.prode1right{width: 55%;float: left;padding-top:1.25vw;padding-left: 2.5vw}
.prode1left .imgbox{position: relative;width: 100%;height: 100%;}
.prode1left .imgbox img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 70%;max-height: 70%;}
.prode1right .h1{font-size: .24rem;color: #1f1f1f;font-family:"DIN";margin-bottom:2.8vw}
.prode1right .infobox .item{float: left;width: 50%;display: flex;align-items: center;border-bottom: 1px solid #e6e6e6;padding: 1.07vw 0}
.prode1right .infobox .item .title1{width: 1.15rem;padding-left: .04rem;font-size: .16rem;color: #999}
.prode1right .infobox .item .txt1{font-size: .16rem;color: #1f1f1f;font-family:"DIN"}
.prode1right .btnbox a{display:block;float: left;width:1.88rem;line-height: .52rem;font-size:.16rem;color: #1e1e1e;transition: all .3s;border:2px solid #1e1e1e;text-align: center;margin-right: .4rem;font-family:"DIN";position: relative;z-index: 0;}
.prode1right .btnbox{margin-top: 4.5vw}
.prode1right .btnbox a:after{content:"";position: absolute;top: 0;left: 0;bottom: 0;width: 0;transition: all .3s;background: #f3981e;z-index: -1;}
.prode1left .swiper-pagination{font-size: 0;bottom: .2rem!important}
.prode1left .swiper-pagination-bullet-active{background: #f3981e}

.prodetab{margin-top: .32rem;position:relative}
.prodetab{padding-top: .1rem;background:url(../images/prodetab.jpg);background-size: cover;background-position: center;padding-top: .1rem;}
.prodetab.on:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
.prodetab .row{margin: 0 -2px;}
.prodetab .col-sm-3{padding: 0 2px;}
.prodetab .item{line-height: .74rem;background: url(../images/prodetab1.jpg);background-size: cover;background-position: center;text-align: center;font-size:.16rem;color: #fff;cursor: pointer;transition: all .3s}
.prodetab .item.on{background: #fff;color: #f3981e;}

.reviewbox{padding-top:.6rem;}
.reviewbox .col-sm-12{padding:.15rem}
.reviewbox .row{margin:-.15rem}
.reviewbox .item{display:flex;align-items:flex-start;border:1px solid rgb(234, 234, 234);padding:.3rem .3rem .35rem .3rem;transition:all .3s ease}
.reviewbox .item>img{width:.5rem;height:.5rem;border-radius:50%;margin:0;margin-right:.2rem}
.reviewbox .item .h1{display:flex;align-items:center;margin-bottom:.12rem}
.reviewbox .item .h1 .name{color:#333;font-size:14px;margin-right:.08rem;font-family:"DIN";font-weight:bold}
.reviewbox .item .h1 .star>div{margin-right:3px;}
.reviewbox .item .h1 .star1{width:14px;height:14px;background:url(../images/star1.png);background-size:cover}
.reviewbox .item .h1 .star2{width:14px;height:14px;background:url(../images/star2.png);background-size:cover}
.reviewbox .item .h1 .star{display:flex;align-items:center;}
.reviewbox .item .content{position:relative}
.reviewbox .item .content .morebtn{position:absolute;font-size:16px;color:#f3981e;line-height:21px;right:0;bottom:0;width:70px;text-align:center;cursor:pointer;background: #fff;display:none}
.reviewbox .item .content p{    font-size: 14px;
    line-height: 1.571;
    color: rgb(60, 60, 60);
/* 	 overflow: hidden;
	 min-height:63px; */
/*    
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
     */}

.review-more{width:2.58rem;line-height:.52rem;text-align:center;font-size:.14rem;color:#1e1e1e;border:2px solid #1e1e1e;transition:all .3s;margin:.65rem auto 0;position:relative;font-family:"DIN";cursor:pointer}
.review-more:after{content:"";height:100%;top:0;left:0;width:0;background:#f3981e;transition:all .3s;position:absolute;}
.review-more:hover{color:#fff;border-color:#f3981e}
.review-more:hover:after{width:100%}
.review-more span{position:relative;z-index:2}
.prode2{padding:.45rem 0 .8rem;}
.prode2 .h1{font-size: .36rem;color:#333;font-family:"DIN";margin-bottom: .2rem}
.prode2 p{font-size:.16rem;color: #333;line-height: 2.25}
.prode2 img{margin: .5rem auto 0}
.prode2box>div{display:none;}
.prode2 .tagbox{display: flex;align-items: flex-start;padding-top: .3rem;border-top:1px solid #e5e5e5;margin-top: .6rem}
.prode2 .tagbox .title1{font-size: .16rem;margin-right: .25rem;color: #333;line-height: .28rem;}
.prode2 .tagbox .itembox{flex:1}
.prode2 .tagbox .itembox .item{display: block;float: left;line-height: .28rem;padding: 0 .1rem;font-size: .16rem;color: #686868;background: #f7f7f7;margin-right: .1rem;margin-bottom: .1rem;transition: all .3s}
.prode3{padding: .65rem 0 1rem;background: #f7f7f7}
.prode3 .item{background: #fff}
.prode3 .idxtitle{margin-bottom: .5rem;}
.prode3box{position: relative;}
.prode3box .swiperbtn{width:.14rem;height: .24rem;position: absolute;top: 50%;margin-top: -.12rem;left: -.45rem;z-index: 10;}
.prode3box .swiperbtn.next{left: auto;right: -.45rem;}
.prode3box .swiperbtn img{position: absolute;left: 0;top: 0;transition: all .3s;}
.prode3box .swiperbtn img:nth-child(2){opacity: 0;}

.aboutbanner .h1{margin-bottom: .3rem;}
.subnav2 .col{width: 25%}
.subnav2 .row{margin: 0 0;}
.aboutcon{padding-top: 0.75rem}
.subnav2 .item .icon{width: .24rem;height: .24rem;margin-right: .15rem}
.subnav .item{overflow: hidden;}
.subnav2 .item:before{content:"";width: .8rem;height: .8rem;background: url(../images/subnavicon.png);background-size: cover;position: absolute;bottom:-.16rem;right:-.05rem;z-index: 2;}

.about1-1{padding-bottom: .7rem}
.about1-1 .idxtitle{text-align: center;margin-bottom: .36rem}
.about-three .idxtitle{ color:#ffffff;}


.about1-1 .content{font-size: .16rem;color: #333;line-height: 1.75}
.about1-1 .videobox .before{position: relative;}
.about1-1 .videobox .before:after{content:"";width: 100%;height: 100%;background: rgba(0,0,0,.1);top: 0;left: 0;position: absolute;}
.about1-1 .videobox .playbtn{width: .8rem;height: .8rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 2;cursor: pointer;}
.about1-1 .videobox .playbtn .img2{width:.21rem;position: absolute;top: 50%;left: 50%;margin-top: -.125rem;margin-left: -.08rem}
.about1-1 .videobox .playbtn .img1{animation: rotate0 2s ease infinite;}
.about1-1 .videobox{margin-top: .55rem;}
.about1-1 .videobox video{display: none;width: 100%}



.about1-2{background: #f7f7f7;padding: .6rem 0}
.about1-2box .item{min-width: 33.33%;font-size: .2rem;display: flex;align-items:flex-end;float: left;padding: .17rem 0;line-height: 1;height: .64rem;padding-right: .2rem;}  
.about1-2box .item .title1{position: relative;color: #333;padding-left: .5rem;}
.about1-2box .item .title1:before{content:"";width: .1rem;height: .1rem;background: #2f2f2f;position: absolute;left: .2rem;transform: skew(-15deg);top:50%;margin-top:-.05rem}
.about1-2box .item .num{font-size: .3rem;color: #f3981e;font-family:"DIN";margin: 0 .05rem}
.about2-1box .item{position: relative;margin-bottom:.8rem}
.about2-1box .item .imgbox{width: 48.3%;}
.about2-1box .item .txtbox{width: 46.5%;position: absolute;transform: translateY(-50%);top: 50%;}
.about2-1box .item:nth-child(odd) .txtbox{right: 0}
.about2-1box .item:nth-child(even) .txtbox{left: 0}
.about2-1box .item:nth-child(odd) .imgbox{float: left;}
.about2-1box .item:nth-child(even) .imgbox{float: right;}
.about2-1 .idxtitle{margin-bottom: .5rem}
.about2-1box .item .txtbox .h1{font-size: .3rem;font-family:"DIN";font-weight: bold;color: #000;margin-bottom: .2rem}
.about2-1box .item .txtbox p{font-size: .16rem;color: #7d7d7d;line-height: 1.688;}
.about2-1{padding-bottom: .4rem}
.about2-2{padding: .7rem 0 1.05rem;background: #f7f7f7}
.about2-2 .idxtitle{margin-bottom: .6rem;}
.about2-2box{padding: 0}
.about2-2box img{width: 48.3%;}
.about2-2box .txtbox{padding-left: 6.5vw}
.about2-2box .txtbox .item{display: flex;align-items:flex-start;font-size: .16rem;color: #333;line-height: 1.688;padding:.5vw 0}
.about2-2box .txtbox .item .num{width: .3rem;}
.about2-2box .txtbox .item .txt{flex: 1;}

.about3 .row{margin: -.24rem}
.about3 .col{float: left;width: 33.33%;padding: .24rem;}
.about3 .idxtitle{margin-bottom: .45rem;}
.about3{padding-bottom: .7rem;}
.about3 .item .h1{font-size: .24rem;color: #000;font-family:"DIN";font-weight: bold;padding: .3rem 0 .2rem}
.about3 .item .item1{display: flex;align-items:flex-start;font-size: .16rem;color: #333;line-height: 1.688;}
.about3 .item .item1 .num{width: .3rem;}
.about3 .item .item1 .txt{flex: 1;}
.about3 .item .imgbox{overflow: hidden;}
.about3 .item .imgbox img{transition: all .3s}
.about4{padding-bottom:.65rem}
.about4 .idxtitle{margin-bottom:.55rem;}
.about4box .item{padding:.5rem 6.2vw .6rem;background: #fff;margin-bottom: .4rem;}
.about4box .item .h1{font-size: .2rem;color: #383838;padding-bottom: .25rem;border-bottom:1px solid #eaeaea;margin-bottom: .2rem;}
.about4box .item p{font-size: .14rem;color: #666;line-height: 2.286}



@media (min-width: 1000px){
.reviewbox .item:hover{box-shadow:0px 0px 5px rgba(0,0,0,.15)}
.protabitem .item:hover{color: #fff;background: #f3981e}
.probox .item:hover .img1{transform:scale(1.1)}
	.probox .item:hover{background: rgba(0,0,0,.2);}
	/*.probox .item:hover>div{border:1px solid #fff;}*/
	.probox .item:hover .content{background:rgba(0,0,0,.2);transform: translateY(-5px);padding:.15rem .1rem 0;}
    .probox .item:hover .img2{opacity: 1;}
    .probox .item:hover .content:before{opacity: 0;}
    .probox .item:hover .h1{color: #fff}
    .probox .item:hover p{color: #fff}
    .prode1right .btnbox a:hover{border-color: #f3981e;color: #fff}
    .prode1right .btnbox a:hover:after{width: 100%}
    .prode2 .tagbox .itembox .item:hover{background: #f3981e;color: #fff}
    .prode3box .swiperbtn:hover img:nth-child(1){opacity: 0;}
    .prode3box .swiperbtn:hover img:nth-child(2){opacity: 1;}
    .about3 .item:hover .imgbox img{transform: scale(1.05);}
}

@media (max-width: 1200px){
	.protabitem .itemsbox{padding-right: 10vw} .index3{padding: 0.65rem 0 1.35rem;}
}
@media (max-width: 1000px){
	.probox .item .content{height:160px}
}
@media (max-width: 767px){
.proroute .more{float:right;display: none!important;}
.review-more{font-size:13px;width: 200px;line-height:36px;}
	.subnav{top: -21px}
	.subnav .col{width:100%;margin-bottom:0}
	.subnav .item span{font-size: 13px;}
	.subnav-menu{display: flex;padding: 0 15px;font-size: 14px;height:42px;background: #f3981e;align-items: center;color: #fff}
    .subnav .container{position: absolute;top: 42px;margin: 0 -15px;left: 0;padding: 0;right: 0;background: #fff;display: none;box-shadow: 0px 0px 5px 1px rgba(0,0,0,.15)}
    .subnav .item{width:100%;line-height: 42px;    border-bottom: 1px solid rgba(0,0,0,.05);float: none;display: block;box-shadow:none;}
    .subnav .item span{font-size: 13px;color: #333}
    .subnav .item.on span{color: #f3981e}
    .subnav .item .icon{display: none;}
    .subnav .item:after{display: none;}
    .subnav-menu .icon{width: 16px;height: 16px;background: url(../images/open.png);background-size: cover;transition: all .5s ease;}
    .subnav-menu.on .icon{transform: rotate(180deg);}
	.protabitem{display: block;padding: 8px 0}
	.protabitem .title1{width: auto;font-size: 13px;line-height:22px;padding-left: 0;margin-bottom: 5px}
	.protabitem .item{font-size: 13px;line-height: 22px;margin: 5px 8px 5px 0;padding: 0 6px}
	.protabitem .itemsbox{padding-right: 0}
	.probox .col-sm-4{padding: 5px}
	.probox .item .h1{font-size: 13px}
	.probox .row{margin: -5px}
	.probox .item .content{height:120px}
	.probox .item p{line-height: 1.6}
	.prode3box{margin: 0 .8rem}
	.prode3box .item{padding: 8px;}
	.prode3box .swiperbtn{width: 12px;}
	.prode3{padding: .6rem 0}
	.prode2 p{font-size: 13px;}
	.prode2 .tagbox{display: block;}
	.prodetab .col-sm-3{padding:2px;}
	.prodetab{padding: .1rem 0}
	.prodetab .item{font-size: 13px;}
	.prode2 .tagbox .title1{font-size: 13px;line-height: 24px;margin-bottom: 8px;}
	.prode2 .tagbox .itembox .item{font-size: 13px;line-height: 24px;padding:0 8px;margin-right: 8px;margin-bottom: 8px;}
	.prode1box{padding: .3rem;}
	.prode1left{float: none;width: 100%}
	.prode1right{float: none;width:100%}
	.prode1right{padding-top: 15px;padding-left: 0}
	.prode1right .infobox .item{width: 100%;padding: .16rem 0}
	.prode1right .infobox .item .title1{font-size: 13px;width: 100px}
	.prode1right .infobox .item .txt1{font-size: 13px;}
	.prode1right .h1{font-size: 16px;}
	.prode1right .btnbox a{font-size: 13px;margin-right: .3rem}
	.proroute2 .container{display: block;height: auto;padding: 10px 0;font-size: 0}
	.proroute2 .container>a{display: inline-block;vertical-align: middle;margin-bottom: 5px}
	.proroute2 .container>div{display: inline-block;vertical-align: middle;margin-bottom: 5px}
	.proroute .more img{width: 12px;}
	.about2-1box .item .imgbox{width: 100%;float: none!important;}
	.about2-1box .item .txtbox{position: relative;top: 0;transform:none;width: 100%;margin-top: 15px;}
	.about2-1box .item .txtbox p{font-size: 13px;}
	.about2-1box .item{margin-bottom: .6rem}
	.about2-1{padding-bottom: 0}
	.about2-2box{display: block;}
	.about2-2box img{width: 100%}
	.about2-2box .txtbox{padding: 0;margin-top: 15px;}
	.about2-2box .txtbox .item{font-size: 13px;padding: 0;margin-bottom: 10px}
	.about2-2{padding: .6rem 0}
	.about3 .col{width: 100%}
	.about3 .item .h1{font-size: 16px;}
	.about3 .item .item1{font-size: 13px;}
	.about3{padding-bottom: .6rem}
	.about4box .item{padding: .5rem}
	.about4box .item .h1{font-size: 15px;}
	.about4box .item p{font-size: 12px;}
	.banner2 .h1{font-size: 30px;}
	.banner2 .h2{font-size: 14px;}
	.about1-2box .item{width: 100%;font-size:13px;}
	.about1-2box .item .num{font-size: 18px;}
	.about1-2box .item .title1:before{width: 8px;height: 8px;margin-top: -4px;left: .15rem}
	.about1-1 .content{font-size: 13px;}
}


.searchbox1 .container{position: relative;}
.searchbox2{border-radius: .06rem;position: absolute;background: #fff;box-shadow: 0px .1rem .4rem 0px rgba(126, 134, 138, 0.2);display: flex;align-items: center;height: 1rem;left: 0;right: 0;top: -.5rem;}
.searchbox2 .btn1{width: 1.1rem;height: .66rem;background: none;justify-content: center;align-items: center;display: flex;border-left: 1px solid #cdcdcd}
.searchbox2 .btn1 img{width: .18rem;}
.searchbox2 input{flex: 1;margin: 0 .5rem;font-size: .2rem;color: #333}

.search2{padding:1.65rem 0;background: #f5f5f5}
.search2-1 p{font-size: .2rem;color: #333;text-align: center;font-family:"DIN";position: relative;z-index: 2;}
.search2-1{margin-bottom: 1.1rem;position: relative;}
.search2-1:after{content:"search";text-transform: uppercase;font-size:7.3vw;color: #eeeeee;position: absolute;top: 50%;left: 0;right: 0;text-align: center;font-family:"DIN";font-weight: 600;line-height: 10vw;margin-top: -5vw}
@media (max-width: 767px){
   .searchbox2{height:50px;top:-25px}
   .searchbox2 input{margin:0 15px;font-size:14px}
   .searchbox2 .btn1{height:32px;}
   .searchbox2 .btn1 img{width:12px}
   .search2-1 p{font-size:14px}
   .search2-1:after{font-size:12vw}
   .search2{padding:1rem 0}
   .search2-1{margin-bottom:.5rem}
}



.submenu {
    padding: 37px 0px;
    border-bottom: 1px solid #f7f7f7;
}
.grid {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-center {
    justify-content: center;
}
.f18 {
    font-size: 18px;
}
.submenu li {
    margin: 0 42px;
    position: relative;
}
.submenu li a {
    position: relative;
    z-index: 1;
    color: #333;
}
.submenu li:after {
    content: "";
    width: 0;
    height: 8px;
    background: #D1292D;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    transition: all .5s;
}
.submenu li:hover::after, .submenu li.on::after {
    width: 100%;
}
@media only screen and (max-width: 1441px){
.submenu {
    padding: 20px 0;
}}

/*总容器样式*/ 
.pager { padding: 3px; text-align: center; color:#66C;font-size:12px; font-family:Tahoma;}   
/*分页链接样式*/ 
.pager a { margin: 2px; padding:2px 5px; color: #66C; text-decoration: none; border: 1px solid #aad; }   
/*分页链接鼠标移过的样式*/ 
.pager a:hover { color: #000; border: 1px solid #009; background-color:#DCDCF3; }   
/*当前页码的样式*/ 
.pager span.current { font-weight: bold; margin: 0 2px; padding: 2px 5px; color: #fff; background-color: #66C; border: 1px solid #009; }   
/*不可用分页链接的样式(比如第1页时的"上一页"链接)*/ 
.pager span.disabled { margin: 0 2px; padding: 2px 5px; color: #CCC; border: 1px solid #DDD; }   
/*跳转下拉菜单的样式*/ 
.pager select {margin: 0px 2px -2px 2px; color:#66C;font-size:12px; font-family:Tahoma; border: 1px solid #009;}   
/*跳转文本框的样式*/ 
.pager input {margin: 0px 2px -2px 2px; color:#66C; border: 1px solid #DDD; padding:2px; text-align:center;font-size:12px; font-family:Tahoma;}