.banner{position: fixed;top: 1.1rem;left: 0;right: 0;z-index: -1}
.banner-box{background-size: cover;position: relative;    background-position: left;}
.banner-box .container{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding-bottom:1.5rem}
.banner-box .content h1{font-size: 3.15vw;color: #fff;}
.banner-box .content h2{font-size: 0.95vw;color: rgba(255, 255, 255, 0.7);line-height: 1.667;max-width: 4.8rem;margin-top: .3rem;margin-left: .8rem;position: relative;}
.banner-box .content .more span{font-size: 0.95vw;color: #fff;text-transform: uppercase;display: inline-block;vertical-align: middle;letter-spacing: .04rem;font-family: "DIN-Bold";}
.banner-box .content .more img{display: inline-block;transition: all .3s}
.banner-box .content .more{margin-top: 2.5vw;position: relative;z-index: 0;padding-left: .2rem;margin-left: .8rem;display: inline-block;padding-right: .2rem}
.banner-box .content .more:before{content: "";position: absolute;left: 0;top: 50%;border-radius: 50%;margin-top: -1.4vw;width: 2.8vw;height: 2.8vw;background: #e24339;z-index: -1;transition: all .3s}
.banner-box .content h2:before{content: "";width: .4rem;height: .02rem;background: rgba(255,255,255,.7);position: absolute;left:-.54rem;top: .14rem}
.banner-box video{width:100%;height:auto\9;height:100%; object-fit: cover;}
.swiper1 .swiper-pagination{position: absolute;right: 4vw;top: 40%;width: auto;transform: translateY(-50%);z-index: 10;text-align: right;left: auto;bottom: auto}
.swiper1 .num1{font-size: .3rem;font-family: "DIN-Medium";color: #fff;line-height: 1}
.swiper1 .num2{font-size: .18rem;font-family: "DIN-Medium";color: #fff;line-height: 1;margin-right: .05rem;border-top:1px solid rgba(255,255,255,.4);display: inline-block;padding-top: .1rem;margin-top: .1rem}
.swiper1 .line{width: 1px;height: 1.3rem;position: absolute;right:-1vw;background: rgba(255,255,255,0.4);top: 50%;margin-top: -.65rem;}
.swiper1 .line i{width: 3px;top: 0;position: absolute;left: -1px;background: #fff;height: 0;}
.swiper1 .line.on i{height: 100%;transition:5s linear}


#video-canvas{width:100%;height:100%;display:none}
@media (max-width:767px){
#video-canvas{display:block;}
}
@media (max-width:639px){


}
.banner .swiper-slide-active .content h1{-webkit-animation: fadeleft 1s;animation: fadeleft 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-delay: 0.1s;-webkit-animation-delay: 0.1s;}
.banner .swiper-slide-active .content h2{-webkit-animation: fadeleft 1s;animation: fadeleft 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.banner .swiper-slide-active .content .more{-webkit-animation: fadeleft 1s;animation: fadeleft 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}

.banner .bottom{height:1.5rem;border-top: 1px solid rgba(255,255,255,.2);position: absolute;bottom: 0;left: 0;right: 0;z-index: 1}
.banner .bottom .container{display: flex;align-items: center;height: 100%;margin-top: -2px;}
.banner .bottom .left{font-size: .3rem;color: #fff;width: .65rem;}
.banner .bottom .right{height: 100%;}
.banner .bottom .right .col{float: left;padding-left: 3.5vw;height: 100%}
.banner .bottom .right .swiper-container{height: 100%;}
.banner .bottom .item h1{font-size: .16rem;color: #fff;margin-bottom: .1rem}
.banner .bottom .item h2{font-size: .14rem;color: rgba(255, 255, 255, 0.4);line-height: 1.45;height:.4rem}
.banner .bottom .item{padding: 0;height: 100%;position: relative;}
.banner .bottom .item .time{font-size: .24rem;font-family: "DIN-Bold";color: #fff;margin-right: .2rem;    margin-top: -.5rem;}
/* .banner .bottom .item .time .line img{margin: 0 auto} */
.banner .bottom .btn2{position: absolute;right: 3.5vw;top: 0;bottom: 0;padding: 0}
.banner .bottom .btn2 .prev{transition: all .3s linear;width:12px;height: 12px;border: 2px solid rgba(255,255,255,.2);border-right: 0;border-bottom: 0;transform: rotate(45deg);margin-bottom: .1rem}
.banner .bottom .btn2 .next{transition: all .3s linear;width:12px;height: 12px;border: 2px solid rgba(255,255,255,.2);border-left: 0;border-top: 0;transform: rotate(45deg);}
.banner .bottom .btn2 .prev:hover{border-color: #fff}
.banner .bottom .btn2 .next:hover{border-color: #fff}
.banner .bottom .item:after{content: "";top: 0px;left:50%;width: 0;height: 3px;background:#e54035;position: absolute;transition: all .2s;}

.wrapper{margin-top: 100vh;background: #fff}
.subnav .item{height: 100%;padding: 0;height: 1.3rem;padding-left: 18.75vw;transition: all .3s;box-shadow: .3rem .5rem .8rem 0px rgba(0, 0, 0, 0.06);position:relative;}

.subnav ul li{float: left;width: 50%;}
.subnav .item h1{font-size: .14rem;color: rgba(153, 153, 153, 0.502);margin-bottom: .1rem}
.subnav .item h2{font-size: .18rem;color: rgb(102, 102, 102);}
.subnav ul li.active .item{background: #e24339;}
.subnav ul li.active .item h2{color: #fff}
.subnav ul li.active .item h1{color: rgba(255, 255, 255, 0.502);}
.subnav ul li .item:before{content:"";background:#ee8e88;width:2px;height:0;position:absolute;bottom:0;left:50%;margin-left:-1px;transition:all .25s}
.subnav ul li .item:after{content:"";background:#e24339;width:2px;height:0;position:absolute;bottom:0;left:50%;margin-left:-1px;transition:all .25s}
.subnav ul li.active .item:before{height:.18rem;}
.subnav ul li.active .item:after{height:.18rem;bottom:-.18rem;}
.index1{padding-bottom: 2rem}
.index1 .top{padding: 1.5rem 0}
.index1 .top .right{width: 26vw;position: relative;border-radius: 8px;overflow: hidden;margin-left: 7.5vw}
.index1 .top .right .videoimg{width: 100%;height: 100%;object-fit: cover;}
.index1 .top .right .before{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.15)}
.index1 .top .right .playimg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;cursor: pointer;width: 2.06rem}
.index1 .top1 .right1{font-size: 2.5vw;color: rgb(51, 51, 51);line-height: 1.333;position: relative;padding-left: .35rem;margin-left: .35rem}
.index1 .top1 .right1:before{height: 1.14rem;content:"";width: 1px;background: #e6e6e6;position: absolute;left: 0;top: 50%;margin-top: -.57rem}
.index1 .top1 .left1 .txt{width: .25rem;font-size: .18rem;color:#fff;line-height: 1.444;background: #414852;display: inline-block;vertical-align: middle;text-align: center;padding: .05rem 0}
.index1 .top1 .left1 .en{line-height:1;font-size: .3rem;color: rgb(65, 72, 82);font-family: "DIN-Bold";}
.index1 .top1 .left1 .num{line-height:1;font-weight: bold;font-size: .88rem;font-family: "DIN-Bold";color: rgb(226, 67, 57);}
.index1 .top1 .left1 .numbox{display: inline-block;vertical-align: middle;margin-left: .1rem}
.index1 .top .left .content{font-size: .2rem;color: rgb(136, 136, 136);line-height: 1.75;margin-top:2.5vw;}
.index1 .top1 .left1{font-size: 0}
.index1 .bgimg{position: absolute;right: 12%;top: 20%;width: 38vw;z-index: -1}
.index1 .container{position: relative;z-index: 0}

.index1 .bottom .col{float: left;width: 33.33%;}
.index1 .bottom .item .icon{width: 1rem}
.index1 .bottom .item{box-shadow: 10.816px 18.001px 79px 0px rgba(0, 0, 0, 0.1);text-align: center;display: block;padding-top: 1.1rem;padding-bottom: 1rem;transition: all .3s linear}
.index1 .bottom .item img{display: inline-block;}
.index1 .bottom .item1{background: #414852;}
.index1 .bottom .item2{background: #e24339;margin-top:10vw;}
.index1 .bottom .item3{background: #fff;margin-top: 3vw;box-shadow: 31.417px 52.287px 101px 0px rgba(0, 0, 0, 0.13);}
.index1 .bottom .item p{font-size: .2rem;color: rgba(255, 255, 255, 0.7);line-height: 1.636;height: 1.9rem;padding: 0 3.5vw;    text-align: left;}
.index1 .bottom .item3 p{color: rgb(136, 136, 136);}
.index1 .bottom .item h1{font-size: .42rem;color: #fff;font-family:"Microsoft Yahei";font-weight: bold;position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);}
.index1 .bottom .item3 h1{color: rgb(51, 51, 51);}
.index1 .bottom .item .txt h2{text-transform: uppercase; color: rgba(255, 255, 255, 0.05);font-size: .5rem;    font-family: "Microsoft Yahei";font-weight: bold;}
.index1 .bottom .item3 .txt h2{color: rgba(239, 239, 239, 0.5);}
.index1 .bottom .item .txt{position: relative;padding:.1rem 0}
.video-box{position: fixed;top:50%;left:50%;padding-bottom: .2rem;border-radius: .1rem;background: #fff;width:55vw;display: none;z-index:15}
.video-box .videoclose{float: right;margin-right: .1rem;cursor:pointer;}
.video-box video{display: block;width: 100%}
.video-box .top{padding: .15rem 0}
@media (max-width: 767px){
.banner{position:relative;margin-top:1.1rem;z-index:10;top:0}
    .banner .bottom .swiper-slide .col:not(:first-child){display:none;}
    .wrapper{margin-top:0;}
    .subnav .item h1{font-size:12px;}
	.subnav .item h2{font-size:14px;}
	.video-box{width: 100vw;}
	.video-box .videoclose{width: 10px;}
	.banner .bottom .item h2{font-size:12px;height:34px;}
	.banner .bottom{height:1.2rem}
	.banner-box .container{padding-bottom:1.2rem}
	.banner-box .content h2:before{display:none;}
	.banner-box .content h2{margin-left:0;}
	.banner-box .content .more{margin-left:0;} 
}
.index1 .bottom .item .right-icon{width: .36rem}

.index2{position: relative;}
.index2 .earth{position: absolute;left: 0;top: 6%;bottom: 0;right: 0;margin: auto;width: 34.5vw;}
.index2 .content{position: absolute;left: 0;right: 0;top: 0;bottom: 0;text-align: center;}
.index2 .content h1 span,.index2 .content h2 span{display: inline-block;padding: 0 .2rem}
.index2 .content h1 span{font-size: .6rem;color: #fff;background: #e24339;line-height: .78rem;margin-bottom: .2rem}
.index2 .content h2 span{font-size: .36rem;color: #fff;background: #e24339;line-height: .54rem;margin-top: 5px;}
.index2 .round{transition: all .3s linear;border: .2rem solid rgba(255,255,255,0.07);position: absolute;border-radius: 50%;overflow: hidden;}
.index2 .round1{width: 11.5vw;height: 11.5vw;}
.index2 .round2{width: 13vw;height: 13vw;}
.index2 .round3{width: 10vw;height: 10vw;}
.index2 .round img{width: 100%;height: 100%;object-fit: cover;border-radius:50%;}
.index2 .round p{font-size: 1.2vw;color: #fff;text-align: center;background:rgba(57,69,84,.85);position: absolute;bottom: 0;left: 0;right: 0;padding:.1rem 0 1vw;z-index:0}
.index2 .round .pr{width: 100%;height: 100%;border-radius:50%;overflow:hidden;z-index:2}
.index2 .item1{top: 10%;left: 20%;}
.index2 .item2{top: 10%;right: 20%;}
.index2 .item3{top: 50%;left: 13%;margin-top: -6.5vw}
.index2 .item4{top: 50%;right: 13%;margin-top: -6.5vw}
.index2 .item5{bottom: 10%;left: 23%;}
.index2 .item6{bottom: 12%;right: 25%;}




.index3{background: #e24339}
.index3 .title{padding: .65rem 0 .5rem}
.index3 .title .left h2{text-transform: uppercase; color: rgba(255, 255, 255, 0.05);font-size: .5rem;font-family: "Arial";font-weight: bold;}
.index3 .title .left .txt{position: relative;}
.index3 .title .left h1{font-size: .42rem;color: #fff;font-family:"Microsoft Yahei";font-weight: bold;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}


.index3 .title .right{text-align: right;font-size:.18rem;color: #fff;line-height: 1.866;}
.index3 .clearfix{position: relative;height: 2.4rem}
.index3 .box{position: absolute;left: 0;right: 0;top: 0;box-shadow: 0px 2px 30px 1px rgba(0,0,0,.1)}
.index3 .box .left{float: left;width: 50%;background: #fff;padding-left: 5vw;padding-right: 6vw;min-height: 4.7rem;padding-top:.8rem;position: relative;overflow: hidden;}
.index3 .box .right{float: left;width: 50%;background: #414852;padding: 0 5vw;min-height: 4.7rem;padding-top:.8rem;position: relative;overflow: hidden;}
.index3 .box .left .bgimg{position: absolute;left: 0;bottom: 0;left: -2vw; bottom: -3.5vw; width: 17vw;}
.index3 .box .right .bgimg{position: absolute;right: 0;right: -3.5vw; top: -7vw; width: 17vw;}
.index3 .box .left h1{font-size: .3rem;color: rgb(68, 68, 68);margin-bottom: .2rem}
.index3 .box .right h1{font-size: .3rem;color: #Fff;margin-bottom: .3rem}
.index3 .box .right .item{font-size: .18rem;color: rgba(255, 255, 255, 0.7);padding:0;height: .45rem}
.index3 .box .right .item .time{margin-right: .15rem;}
.index3 .box .left .input{position: relative;margin-top: 2vw}
.index3 .box .left input{border-bottom: 2px solid #e54035;width: 100%;font-size: .16rem;color: rgb(51, 51, 51);padding: 0 10px;height: 45px;}
.index3 .box .left .input:before{content: "";position: absolute;left: 0;bottom: 0;height: .1rem;width: 2px;background: #e54035}
.index3 .box .left .input:after{content: "";position: absolute;right: 0;bottom: 0;height: .1rem;width: 2px;background: #e54035}
.index3 .box .left .btn1{margin-top: .5rem;display: inline-block;width: .51rem; background: none;padding: 0;transition:all .3s}
.index3 .whitebox{height:2.6rem;background:#f9f9f9}
.index3 .swiper-container{height: 2.25rem}
@media (min-width: 1000px){
.index3 .box .left .btn1:hover{transform: translateY(-5px);}
	.banner .bottom .item:hover:after{width: 100%;left: 0}
	.index1 .bottom .item:hover{transform: translateY(-10px);}
	.index2 .round:hover{transform: scale(0.9);}
    .banner-box .content .more:hover:before{width:100%;border-radius: 40px}
}

@media (max-width: 639px){
	.index1 .top{display: block;padding: 1rem 0}
	.index1 .top .left .content{font-size: 14px;margin: .3rem 0}
	.index1 .top1 .left1 .num{font-size: .8rem;}
	.index1 .top1 .right1{margin-left: .2rem;padding-left: .2rem;font-size: .36rem}
	.index1 .top1 .right1 br{display: none;}
	.index1 .top .right{margin: 0;width: 100%;}
	.index1 .bottom .col{width: 100%}
	.index1 .bottom .item{margin: 0;margin-bottom: .2rem;padding: .5rem 0}
	.index1 .bottom .item p{font-size: 14px;height: 1.8rem;padding: 0 15px}
	.index1{padding-bottom: 1rem}
	.index3 .title{text-align: center;display: block;}
	.index3 .title .left h1{right: 0}
	.index3 .title .right{text-align: center;}
	.index3 .box .left{width: 100%}
	.index3 .box .right{width: 100%}
	.index3 .clearfix{height: 7.2rem}
	.index3 .box .right .item{font-size: 14px;height: .5rem}
	.index3 .box .left input{font-size: 14px}
	.index3 .box .left .btn1{width: .6rem}
	.subnav{padding: 5px 0}
	.subnav ul li{width: 100%;padding:5px 10px}
	.subnav .item{box-shadow: 0px 1px 15px rgba(0,0,0,.15);padding: 0;text-align: center;}
	.index2 .round{width: 40vw;height: 40vw;position: static;display: inline-block;margin: 0;border: none;margin: .1rem}
	.index2{text-align: center;padding: .5rem 0}
	.index2 .round p{font-size: 14px;padding: .15rem 0}
	.index2 .content{position: static;padding: .5rem 0}
	.index2 .earth{display: none;}
	.index2 .bgimg{display:none;}
	.banner .bottom .right{padding-right: 7vw}
	.banner .bottom .right .col{width: 100%}
	.banner .bottom .item h1{font-size: 14px;}
	.banner .bottom .item h1{font-size: 12px;}
	.index3 .swiper-container{height: 2.5rem;}
}

.banner2{height: 5.2rem;margin-top: 1.1rem;background-size: cover;background-position: center;position: relative;}
.banner2 .container{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.banner2 .title-box{text-align: center;position:relative;z-index:2}
.banner2 .title-box h1{font-size: .48rem;color: #fff;position: relative;display: inline-block;z-index: 0;letter-spacing: .2rem;padding-left: .2rem;padding-bottom:5px;margin-bottom: 5px;}
.banner2 .title-box h2{font-size: .36rem;color: #fff;font-family: "DIN-Bold";}
.banner2 .title-box h1:after{content:"";position: absolute;width: 100%;left: 0;bottom: 0;background: #e24339;height: .22rem;z-index: -1}
#c{position:absolute;left:50%;top:0;transform:translateX(-50%);border-radius:50%;}
.subnav2{position: relative; margin-top: -.45rem; margin-bottom: -.45rem;}
.subnav2 .item{overflow: hidden;position: relative;display: block;float: left;width: 50%;line-height: .9rem;font-size: .18rem;color: rgb(102, 102, 102);text-align: center;box-shadow: 0px 9px 59px 0px rgba(0, 0, 0, 0.09);background: #fff}
/* .subnav2 .container{position: absolute;left: 0;right: 0;transform: translateY(-50%);z-index:10} */
.subnav2 .item.on{color: #fff;background: #e24339;}
.subnav2 .item img{position: absolute;right: 0;top: 0;width: 12%;opacity: 0;transition: opacity .3s}
.subnav2 .item.on img{opacity: 1;}

.platform{background: #f4f5f6}
.platform .one{padding: 1.2rem 0 .8rem;display: flex;align-items: flex-start;}
.platform .one .title h1{font-size: .48rem;color: rgb(51, 51, 51);line-height: 1;}
.platform .one .title p{font-size:.36rem;color: rgb(51, 51, 51);margin-top: .1rem}
.platform .one .title{padding:0 .5rem;border-right: .09rem solid #e24339;text-align: right;}
.platform .one .right{padding-left: 2.4vw}
.platform .one .right h1{font-size: .22rem;color: rgb(51, 51, 51);margin-bottom: .1rem}
.platform .one .right p{font-size: .18rem;color: rgb(91, 91, 91);line-height: 2;}

.platform .two{background: url(../image/pla2bg.jpg);background-size: cover;background-position: center;}
.platform .two .top{display: flex;}
.platform .two .top .item{transition: all .3s ease-in-out;position: relative;flex: 1;text-align: center;padding: .25rem 0;border-bottom:1px solid rgba(234, 233, 229,.3);cursor: pointer;z-index: 0}
.platform .two .top .item:not(:last-child){border-right: 1px solid rgba(234, 233, 229,.3)}
.platform .two .top .item img{margin: 0 auto;width: .6rem}
.platform .two .top .item p{color: rgba(255, 255, 255, 0.6);font-size: .18rem;margin-top: .1rem}
.platform .two .bottom{padding: .4rem 0 .55rem .9rem}
.platform .two .bottom .box{display: none;}
.platform .two .bottom h1{font-size: .3rem;color: #fff}
.platform .two .bottom p{font-size: .18rem;color: rgba(255, 254, 254, 0.7);padding-left: .05rem;margin-top: .15rem}
.platform .two .bottom p:before{content: "";display: inline-block;width: 12px;height: 4px;background: #f7b426;vertical-align: middle;margin-right: 15px;}
.platform .two .top .item:after{transition: all .3s;content:"";position: absolute;left: 0;right: 0;top: 0;bottom:0;background: #f7b426;z-index: -1;opacity: 0;}
.platform .two .top .item.on p{color: #fff}
@media (min-width: 676px){
	.platform .two .top .item.on:after{bottom: -8%;opacity: 1;}   
    .platform .two .top .item.on{padding: .35rem 0 .15rem}
}
.platform .three{padding: 1.1rem 0 1.2rem;display: flex;align-items: center;}
.platform .three h1{font-size: .3rem;color: rgb(51, 51, 51);margin-bottom: .3rem}
.platform .three p{font-size: .18rem;color: rgb(91, 91, 91);line-height: 2;padding-left: .25rem}
.platform .three h1:before{width: .09rem;height: .36rem;content: "";background:#e24339;display: inline-block;content:"";vertical-align: middle;margin-right: .2rem}
.platform .three .right{padding-left: 4vw}
.platform .three .left{width: 56%}

.platform .four{display: flex;margin-bottom: 1rem}
.platform .four .swiper-container{width:69%;margin: 0 1.25%;}
.platform .four .swiper-btn{width: 14.25%;position: relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.platform .four .swiper-container img{width: 100%}
.platform .four video{width:100%;height:100%;object-fit:cover;}
.platform .four .prev{background: url(../image/prevbg.jpg) center;-webkit-background-size: cover;background-size: cover;}
.platform .four .next{background: url(../image/nextbg.jpg) center;-webkit-background-size: cover;background-size: cover;}
.platform .four .swiper-btn img{width: .41rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition:all .25s}
.platform .four .swiper-page{position: absolute;right: .3rem;bottom: .2rem;z-index: 10;color: #fff;font-size: .18rem}
.platform .four .swiper-page .current{font-size: .3rem;line-height: 1;margin-right: 2px}
.platform .four .swiper-page span{float: left;}

.platform2 .one{padding: 1.3rem 0 1.2rem;position: relative;}
.platform2 .one .container{display: flex;align-items: center;}
.platform2 .one .left{width: 48%;padding: 0 15px}
.platform2 .one .left img{margin: 0 auto}
.platform2 .one .right{width: 52%;}
.platform2 .one .right .title{position:relative;padding-left: .4rem;}
.platform2 .one .right .title:before{content:"";height: .94rem;width: .09rem;position: absolute;left: 0;top: 50%;margin-top: -.47rem;background:#e24339 }
.platform2 .one .right .title h1{font-size: .36rem;color: rgb(51, 51, 51);margin-bottom: .15rem}
.platform2 .one .right .title h2{font-size: .48rem;color: rgb(51, 51, 51);line-height: 1;}
.platform2 .one .right p{font-size: .18rem;color: rgb(91, 91, 91);line-height: 2;margin-top: .4rem;padding-left: .4rem;}
.platform2 .bgimg{position: absolute;bottom:-10%;left: 0;z-index: -1}

.platform2 .two{display: flex;margin-bottom: 1rem}
.platform2 .two .swiper-container{width:69%;margin: 0 1.25%;}
.platform2 .two .swiper-btn{width: 14.25%;position: relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.platform2 .two .swiper-container img{width: 100%}
.platform2 .two .prev{background: url(../image/prevbg.jpg) center;-webkit-background-size: cover;background-size: cover;}
.platform2 .two .next{background: url(../image/nextbg.jpg) center;-webkit-background-size: cover;background-size: cover;}
.platform2 .two .swiper-btn img{width: .41rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition:all .25s}
.platform2 .two .swiper-page{position: absolute;right: .3rem;bottom: .2rem;z-index: 10;color: #fff;font-size: .18rem}
.platform2 .two .swiper-page .current{font-size: .3rem;line-height: 1;margin-right: 2px}
.platform2 .two .swiper-page span{float: left;}
.platform2 .two video{width:100%;height:100%;object-fit:cover;}


@media (max-width: 767px){
	.platform{top: -.9rem; padding-top: .4rem;}
	.platform .one{display: block;}
	.platform .one .right h1{font-size: 16px;}
	.platform .one .right p{font-size: 14px;}
	.platform .one .title h1 br{display: none;}
	.platform .one .title{border: none;text-align: center;padding: 0;padding-bottom: .5rem}
	.platform .two .top{display: block;}
	.platform .two .top .item{width: 33.33%;float: left;}
	.platform .two .top .item.on:after{opacity: 1;}
	.platform .two .bottom{padding:.4rem}
	.platform .three{display: block;}
	.platform .three .left{width: 100%;}
	.platform .three .right{padding: 0;padding-top: .4rem}
	.platform .three p{font-size: 14px}
	.platform .two .top .item p{font-size: 14px;}
	.platform .two .bottom p{font-size: 14px;}
	.platform .four{display: block;position: relative;}
	.platform .four .swiper-container{width: 100%;margin: 0}
	.platform .four .swiper-btn{position: absolute;z-index: 10;background: none}
	.platform .four .prev{left: 0;top: 0;bottom: 0;}
	.platform .four .next{right: 0;top: 0;bottom: 0;}
	.subnav2{margin-top: -.9rem; margin-bottom: -.9rem;}
	.subnav2 .item{width: 100%;font-size: 14px;}
	.platform2 .one .container{display: block;}
	.platform2 .one .left{padding:.6rem;width: 100%;}
	.platform2 .one .right{width: 100%;}
	.platform2 .one .right p{font-size: 14px;}
    .platform2 .two{display: block;position: relative;}
	.platform2 .two .swiper-container{width: 100%;margin: 0}
	.platform2 .two .swiper-btn{position: absolute;z-index: 10;background: none}
	.platform2 .two .prev{left: 0;top: 0;bottom: 0;}
	.platform2 .two .next{right: 0;top: 0;bottom: 0;}
	.platform2 .one .right .title h2{font-size: 24px;}
	.platform2 .one .right .title h1{font-size: 20px;}
}

.search-box{position: relative;}
.search-box .container{position: absolute;left: 0;right: 0;transform: translateY(-50%);}
.search-box .container{display: flex;box-shadow: 0px 9px 59px 0px rgba(0, 0, 0, 0.09);background: #fff;align-items: center;height: .9rem}
.search-box .right{font-size: 0;line-height: .9rem;color: #fff;background: #e24339;padding:0 .6rem;}
.search-box .right img{display: inline-block;margin-right: .1rem;width: .26rem}
.search-box .right span{display: inline-block;vertical-align: middle;font-size: .24rem;}
.search-box select{font-size: .24rem;color: rgb(51, 51, 51);background: url(../image/down1.png) no-repeat right center;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 0 .25rem}
.search-box input{font-size: .24rem;color: rgb(51, 51, 51);padding: 0 .25rem;width: 100%}
.search-box input::-webkit-input-placeholder{color:rgb(186, 186, 186);}

.brand{padding-top: .7rem;background: #f3f4f5;padding-bottom: 1.2rem}
.brand .top{margin-bottom: .6rem}
.brand .top .row{margin: 0 -.1rem}
.brand .top .col{float: left;width:20%;padding: 0 .1rem}
.brand .top .item{display: block;font-size: .26rem;color: rgb(153, 153, 153);border-bottom: 1px solid #e4e4e4;padding:.3rem 0}
.brand .top .item img{display: inline-block;margin-right: .1rem;width:.5rem}
.brand .top .item span{display: inline-block;vertical-align: middle;transition:all .3s}
.brand .top .item .after{display: none;}
.brand .top .item.on .before{display: none;}
.brand .top .item.on .after{display: inline-block;}
.brand .top .item.on{color: rgb(33, 24, 22);border-color:#e24339; }

.brand .list .row{margin: 0 -.14rem;}
.brand .list .col{float: left;width: 25%;padding: .14rem}
.brand .list .item{background: #fff;height: 6rem;display: flex;align-items: center;transition: all .3s linear}
.brand .list .title h1{font-size: .48rem;color: rgb(51, 51, 51);line-height: 1;position: relative;padding-left:2.25vw}
.brand .list .title h1:before{content:"";height: .36rem;width: .09rem;position: absolute;left: 0;top:.05rem;background:#e24339}
.brand .list .title h2{font-size: .36rem;color: rgb(51, 51, 51);margin-top: .2rem;padding-left:2.25vw}
.brand .list .more{text-align: right;background: #4b4d59;}
.brand .list .more h1{font-size: .24rem;color: #fff}
.brand .list .more h2{font-size: .24rem;color: #fff;text-transform: uppercase;margin-top: .15rem}
.brand .list .more .txt{padding-right: .45rem;border-right:.09rem solid #e24339}
.brand .list .item1{text-align: center;padding: 0 2vw;}
.brand .list .item1 h1{font-size: .3rem;color: rgb(51, 51, 51);margin-bottom: .25rem;margin-top: .45rem}
.brand .list .item1 h2{font-size: .16rem;color: rgb(51, 51, 51);line-height: 1.75;}
.brand .list .item1 p{font-size: .16rem;color:#999;line-height: 1.75;height:1rem}
.brand .list .item1 .icon{margin:0 auto 0;width: .28rem}
.brand .list .item1 .imgbox{width: 2.25rem;height: 2.25rem;border-radius: 50%;overflow: hidden;position: relative;margin: 0 auto}
.brand .list .item1 .imgbox:after{content:"";background: rgba(0,0,0,.5);position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all .3s linear;border-radius:50%}
.brand .list .item1 .imgbox .logoimg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 10;max-width: 80%}
.brand .list .item1 .imgbox .img1{width:100%;height:100%;object-fit:cover;}

.brand1{padding: .7rem 0 1rem;background: #f3f4f5;}
.brand1 .nav{border-bottom: 1px solid #e2e2e2}
.brand1 .nav .left a{color:#999;transition: all .3s}
.brand1 .nav .left a.on{color:rgb(53, 53, 53)}
.brand1 .nav .left span{color: #e24339;font-size: .18rem;}
.brand1 .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.brand1 .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}
.brand1 .one{display: flex;padding: .55rem 0;}
.brand1 .one .left{flex: 1;padding-right: 3.4vw}
.brand1 .one .right{flex: 1;padding-left: 3.2vw;padding-top:5vw}
.brand1 .one .imgbox{position: relative;}
.brand1 .one .brandimg{width:11vw;height:8vw;position: absolute;background: #fff;top: -4vw;left: -6.6vw;box-shadow: 0px .09rem .59rem 0px rgba(0, 0, 0, 0.04);}
.brand1 .one .brandimg img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.brand1 .one .left h1{font-size: .3rem;color: rgb(51, 51, 51);margin-bottom: .3rem}
.brand1 .one .left h1:before{content:"";width: .07rem;height: .32rem;display: inline-block;background:#e24339;vertical-align: middle;margin-right: .15rem}
.brand1 .one .left h2{font-size: .36rem;color: rgb(51, 51, 51);}
.brand1 .one .left .collect img{display: inline-block;}
.brand1 .one .left .collect span{font-size: .16rem;color:rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.brand1 .one .left .collect{display: inline-block;cursor: pointer;margin: .2rem 0;font-size: 0}
.brand1 .one .left p{font-size: .18rem;color: rgb(102, 102, 102);line-height: 2;}
.brand1 .one .left .supplier .txt{font-size: .24rem;color: rgb(51, 51, 51);}
.brand1 .one .left .supplier .btn1{transition: all .3s;font-size: .18rem;color: #fff;width: .78rem;line-height: .36rem;text-align: center;background: #f2b13e;border-radius: 25px;display: block;}
.brand1 .one .left .supplier{padding: .35rem 0 .15rem;position: relative;margin-top: 3vw}
.brand1 .one .left .supplier:before{content:"";height: 4px;width: 100%;left: 0;top: 0;background: url(../image/border.png);-webkit-background-size: cover;background-size: cover;position: absolute;}
.brand1 .one .left img{width: .35rem;margin-right: .1rem;}
.brand1 .two .top{padding: .5rem 0}
.brand1 .two .top .left{font-size: 0;}
.brand1 .two .top .left .item1{margin-right: 1px;text-align: center;font-size: .24rem;color: rgb(153, 153, 153);line-height: .7rem;padding: 0 .3rem;min-width: 2.55rem;display: inline-block;transition: all .3s;background: #fff}
.brand1 .two .top .left .item1.on{padding-left: .45rem;background: #4c5562;color: #fff}
.brand1 .two .top .title{font-size: .3rem;color: rgb(51, 51, 51);}
.brand1 .two .top .title:after{content:"";width: .07rem;height: .32rem;display: inline-block;background:#e24339;vertical-align: middle;margin-right: .15rem}
.brand1 .two .row{margin: 0 -.15rem}
.brand1 .two .col-sm-4{padding: .15rem}
.brand1 .two .item .imgbox{position: relative;}
.brand1 .two .item .bottom{padding: .25rem .35rem .3rem .28rem}
.brand1 .two .item .content{padding-right: 5vw}
.brand1 .two .item .content h1{font-size: .24rem;color: rgb(51, 51, 51);margin-bottom: .12rem;transition: all .3s;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.brand1 .two .item .content p{font-size: .16rem;line-height: 1.5;color: rgb(153, 153, 153);margin-bottom: 5px}
.brand1 .two .item .content p:nth-of-type(2){height:.48rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.brand1 .two .item{display: block;background: #fff;box-shadow: 0px 9px 49px 0px rgba(0, 0, 0, 0.04);transition: all .3s}
.brand1 .two .item .goimg{width: .58rem}
.brand-title{font-size: .3rem;color: rgb(51, 51, 51);margin-bottom: .3rem}
.brand-title:before{content:"";width: .07rem;height: .32rem;display: inline-block;background:#e24339;vertical-align: middle;margin-right: .15rem}

.brand2 .one .right{padding-left: 3vw}
.brand2 .one .video1{position: relative;}
.brand2 .one .video1>img{width:100%}
.brand2 .one .video1:before{content:"";background: rgba(0,0,0,.15);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.brand2 .one .video1 .play{cursor: pointer;width: .92rem;height: .92rem;border-radius: 50%;background: rgba(255,255,255,.27);box-shadow: 0px 0px 68px 0px rgba(0, 0, 0, 0.46);position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition: all .3s}
.brand2 .one .video1 .play img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition: all .3s;width: .2rem}
.brand2 .one .video1 .play .after{opacity: 0}
.brand2 .two .top{padding-top: 0}
.brand2 .three{padding-top:.2rem;padding-bottom: .7rem;}

.brand2 .three .item .after{position:absolute;top:-.5rem;border:2px solid #e24339;box-shadow: 0px 4px 43.7px 2.3px rgba(0, 0, 0, 0.18);background:#fff;}



.brand2 .three .item .imgbox{background: #fff;height: 240px;position: relative;}
.brand2 .three .item .imgbox img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 80%;max-height: 80%}
.brand2 .three .item p{font-size: .18rem;color: rgb(153, 153, 153);text-align: center;}
.brand2 .three .next{position: absolute;width: .38rem;right: 0;height:240px;bottom:.6rem;background: rgb(222, 222, 222);z-index: 10;transition: all .3s}
.brand2 .three .next img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.brand2 .three .item .content{height: .6rem;padding: 0}
.brand2 .three .prev{position: absolute;width: .38rem;left: 0;height:240px;bottom:.6rem;background: rgb(222, 222, 222);z-index: 10;transition: all .3s}
.brand2 .three .prev img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}

.brandapply{background: #fff;padding: 0 3.5vw 4.5vw 3vw}
.brandapply .title{padding-top: .4rem}
.brandapply .title h1{line-height: 0}
.brandapply .title h1 .txt{font-size: .24rem;color: rgb(51, 51, 51);line-height: 1}
.brandapply .title h2{font-size: .18rem;color: rgb(102, 102, 102);line-height: 2;padding-left: .4rem;margin-top: .1rem}
.brandapply .title h1 .num{font-size: .48rem;color: rgb(242, 177, 62);line-height: 0.75;}
.brandapply .title h1 span{display: inline-block;vertical-align: bottom;}
.brandapply .imgbox{margin-top: .4rem}
.brandapply img{margin:0 auto;}
.prodetails{margin-top:1.1rem;background: #f4f5f6;padding-bottom: .6rem}
.prodetails .nav{padding: .42rem 0;}
.prodetails .nav .left a{color:#999;transition: all .3s}
.prodetails .nav .left a.on{color:rgb(53, 53, 53)}
.prodetails .nav .left span{color: #e24339;font-size: .18rem;}
.prodetails .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.prodetails .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}

.pro-title{font-size: .3rem;color: rgb(1, 51, 51);padding-left: .3rem;position: relative;}
.pro-title:before{content: "";width: .07rem;height: .3rem;position: absolute;left: 0;top: 50%;margin-top: -.15rem;background: #e24339}

.prodetails .one{background: #fff;margin-bottom: .2rem;padding: .5rem 0}
.prodetails .one .btn-box a{font-size: .24rem;color: #fff;display: inline-block;width: 2.5rem;line-height: .6rem;text-align: center;border-radius: 30px;cursor:pointer;transition:all .3s}
.prodetails .one .btn-box .btn2{background: #e24339;margin-right: .16rem}
.prodetails .one .btn-box .btn3{background: #f7b426}
.prodetails .one .btn-box{font-size: 0;text-align: center;margin-top: .4rem}
.prodetails .one .name{font-size: .36rem;color: rgb(51, 51, 51);text-align: center;margin-top: .5rem}
.prodetails .one .swiper{display: flex;align-items: center;position: relative;}
.prodetails .one .swiper-container{padding-bottom: .4rem}
.prodetails .one .swiperbtn{width: 25%;}
.prodetails .one .btn1{width: .9rem;height: .9rem;position: relative;background: #f4f5f6;border-radius: 50%;margin: 0 auto;cursor: pointer;margin-top: -.4rem;user-select:none;}
.prodetails .one .btn1 img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: .28rem}
.prodetails .one .swiper-pagination-bullet{width: .3rem;height:4px;opacity: 1;border-radius: 0;background: #eeeff0;margin: 0 3px;}
.prodetails .one .swiper-pagination-bullet-active{background: #e24339}
.prodetails .one .swiper-pagination{bottom: 0}
.prodetails .one .btn1 img{opacity: 0.3;transition:all .25s;}
.prodetails .one .ask1{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .one .ask1{padding: 0 2.5vw;z-index: 20;display: none;}
.prodetails .one .ask1 .col{float: left;width: 50%;padding: 0 .1rem}
.prodetails .one .ask1 .row{margin: 0 -.1rem}
.prodetails .one .ask1 .input{border-bottom: 1px solid #fff;position: relative;margin-top: .2rem}
.prodetails .one .ask1 .input input{width: 100%;color: #fff;font-size: .16rem;height: .32rem;background: transparent;padding: 0 5px}
.prodetails .one .ask1 .input input::-webkit-input-placeholder{color:#fff;}
.prodetails .one .ask1 .input:before{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;left: 0;bottom: 0}
.prodetails .one .ask1 .input:after{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;right: 0;bottom: 0}
.prodetails .one .ask1 h1{font-size: .3rem;color: #fff;text-align: center;}
.prodetails .one .ask1 .submit{background: none;padding: 0;display: block;margin: .28rem auto 0}
.prodetails .one .ask2{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .one .ask2{padding: 0 6vw;display: none;z-index: 20}
.prodetails .one .ask2 img{margin: 0 auto;width: .69rem}
.prodetails .one .ask2 p{font-size: .16rem;color: #fff;line-height: 1.316;margin-top: .35rem}




.prodetails .two{background: #fff;margin-bottom: .2rem;padding: .35rem 0 .5rem}
.prodetails .two .item{font-size: .18rem;color: rgb(102, 102, 102);line-height: 2.667;float: left;width: 50%}
.prodetails .two .item .title{min-width:1.25rem;padding-right: .25rem}
.prodetails .two .item span{display: inline-block;}
.prodetails .two .item:nth-child(2n+1){padding-left: 4vw}
.prodetails .two .clearfix{margin-top: .35rem}
.prodetails .three{padding: .35rem 0;background: #fff;margin-bottom: .2rem;padding-right: .4rem}
.prodetails .three .right span{font-size: .24rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.prodetails .three .right img{display: inline-block;margin-right:5px;width: .48rem}

.prodetails .four{padding-top: .4rem;background: #fff;padding-bottom: .32rem}
.prodetails .four .imgbox{margin: .35rem 8vw 0;overflow: hidden;}
.pro-menu{position: fixed;right: 10px;top: 30vh;background: #f1b43f;border-radius: 40px;padding: .15rem 0 .2rem;display:none;z-index:20}    
.pro-menu .item{display: block;text-align: center;padding: .1rem 0 .15rem;width: .75rem}

.pro-menu .item img{margin: 0 auto;}
.pro-menu .item p{font-size: .14rem;color: rgba(255, 255, 255, 0.7);line-height: 1.2;margin-top:5px}
.pro-menu .item:not(:first-child){border-top:1px solid rgba(255,255,255,.25)}
.pro-menu .code{cursor:pointer;position:relative;}
.pro-menu .code .codeimg{ position: absolute;right: 100%;top: 50%;width: 2rem;max-width: none;margin-top: -1rem;transition:all .3s;display:none;z-index:6}
.pro-menu .code:hover .codeimg{display:block;}

.brandsearch{padding: .8rem 0 1.1rem;background: #f4f5f6}  
.brandsearch .nav{display: flex;align-items: center;padding: .2rem 0;border-bottom: 1px solid #e2e2e2;margin-bottom: .35rem}
.brandsearch .nav .left{font-size: .18rem;color: rgb(153, 153, 153);}   
.brandsearch .nav .left span{color: #333}        
.brandsearch .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.brandsearch .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}        
.brandsearch .search1{padding: 0}   
.brandsearch .search2{padding: 0}           
.brandsearch .lesstxt{font-size: .18rem;color: rgb(186, 186, 186);text-align: center;margin-top: .7rem}       
                

@media (max-width: 1600px){
	.brand1 .two .item .content{padding-right: 3vw}
	.brand1 .one{align-items: center;}
}
@media (min-width: 1000px){
.prodetails .one .btn-box a:hover{transform:translateY(-5px)}
.brand .top .item:hover span{transform:translateX(5px)}
.platform2 .two .next:hover img{transform:translateX(8px)}
.platform2 .two .prev:hover img{transform:translateX(-8px)}
.platform .four .next:hover img{transform:translateX(8px)}
.platform .four .prev:hover img{transform:translateX(-8px)}
.prodetails .one .btn1:hover img{opacity:1}
   .prodetails .one .prev .btn1:hover img{transform:translateX(-5px)}
   .prodetails .one .next .btn1:hover img{transform:translateX(5px)}
	.brand .list .item1:hover{transform: translateY(-10px);}
	.brand .list .more:hover{transform: translateY(-10px);}       
	.brand .list .item1:hover .imgbox:after{    background: rgba(0,0,0,.1);}
/*	.brand .list .item1:hover .logoimg{opacity: 0}*/
    .brand1 .nav .right:hover span{color:#e24339 }
    .brand1 .two .top .left .item1:hover{padding-left: .45rem;background: #4c5562;color: #fff}
    .brand1 .two .item:hover .content h1{color:#e24339}
    .brand1 .two .item:hover{transform: translateY(-5px);}
    .brand1 .one .left .supplier .btn1:hover{background:#e24339;color: #fff }
    .brand2 .three .next:hover{background:#e24339 }
	.brand2 .three .prev:hover{background:#e24339 }
    .brand2 .one .video1 .play:hover{background:rgba(226,67,57,1)}
    .brand2 .one .video1 .play:hover .before{opacity: 0}
    .brand2 .one .video1 .play:hover .after{opacity: 1}
    .brandsearch .nav .right:hover span{color:#e24339}
}
@media (max-width: 767px){
.prodetails .four .imgbox{margin:15px;}
    .pro-menu .item{width:1.2rem}
	.pro-menu .item p{font-size:5px;}
	.brand2 .nav{display: block;}
	.brand2 .nav .right{float: right;margin-top: .1rem}
	.brand1 .one{display: block;}
	.brand1 .two .item .content h1{font-size: 18px}
	.brand1 .two .item .content p{font-size: 14px;}
	.brand1 .two .item .content p:nth-of-type(2){height:42px}
	.brand1 .one .left .collect span{font-size: 14px}
	.brand1 .one .left p{font-size: 14px}
	.brand1 .one .left{padding: 0;;padding-bottom: .3rem}
	.brand1 .one .right{padding: 0}
	.brand1 .one .left .supplier .btn1{font-size: 14px;line-height:.4rem;width: .9rem}
	.brand1 .nav .left span{font-size: 14px;}
	.brand1 .nav .right span{font-size: 14px;}
	.brand1 .two .top{display: block;}
	.brand1 .one .brandimg{display: none;}
	.brand2 .three .item p{font-size: 14px;}
	.brand1 .two .item .bottom{padding: .3rem}
	.brand2 .three .swiper-container{padding-right: .38rem}
	.brandsearch .nav{display: block;}
	.brandsearch .nav .right{float: right;margin-top: .1rem}
	.brandsearch .nav .left{font-size: 14px;}
	.brandsearch .nav .right span{font-size: 14px;}
	.search-box .right{padding: 0 10px}
	.search-box .right span{font-size: 14px;}
	.search-box input{font-size: 14px;}
	.prodetails .one .btn-box a{width: 40%}
	.prodetails .two .item{width: 100%;padding: 0 15px;font-size: 14px;}
	.prodetails .two .item span{display: inline;}
	.prodetails .one .swiper-container{flex: 1;margin: 0 15px}
	.prodetails .one .name{font-size: 18px;}
	.prodetails .one .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
	.prodetails .one .prev{left: 0;}
	.prodetails .one .next{right: 0;}
	.prodetails .one .btn1{background: rgba(255,255,255,.1)}
	.prodetails .one .ask1 .input input{font-size: 14px;}
	.prodetails .one .ask1 .col{width: 100%}
	.pro-menu{display: none;}
	.prodetails .one .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.prodetails .one .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.brandapply .title h2{font-size: 14px;}
	.brandapply .title h1 .txt{font-size: 16px}
	.brand .list .item{height:4rem;}
	.brand .list .item1{height:6rem;}
	.brand .top .col{width:50%}
	.brand1 .two .item .content p.intro{height:auto;}
}

.demand{padding: 1.3rem 0 .7rem;background: #f4f5f6;}
.demand .box{background: #fff;border: 1px solid rgb(226, 67, 57);box-shadow: 0px 0px .42rem .11rem rgba(0, 0, 0, 0.04),inset 0px 0px .33rem 1.75px rgba(226, 67, 57, 0.1);position:relative;overflow:hidden;}
.demand .box .border1{position:absolute;left: 0;top: -1px;z-index: 2;width:.86rem;}
.demand .box .border2{position:absolute;right: 0;top: -.04rem;z-index: 2;width:1.71rem;}
.demand .box .border3{position:absolute;bottom: -.03rem;left: 0px;z-index: 2;width:1.71rem;}
.demand .box .border4{position:absolute;right: 0px;z-index: 2;  bottom: -2.5vw;max-width:13vw;}
.demand .box .top{display: flex;}
.demand .box .top .item{flex: 1;text-align: center;padding: .3rem 0 .45rem;position: relative;z-index: 0;/* border-bottom: 1px solid #eeeeee; */cursor:pointer;}
.demand .box .top .item img{margin: 0 auto;width: 1.2rem;transition:all .3s}
.demand .box .top .item p{font-size: .24rem;color: rgb(153, 153, 153);margin-top: .1rem}
.demand .box .top .item.on p{color: rgb(51, 51, 51);}
/* .demand .box .top .item:after{content:"";position: absolute;left: 0;top: 0;right: 0;bottom:0;box-shadow: 0px 0px 42.66px 11.34px rgba(0, 0, 0, 0.04);background: #fff;z-index: -1;opacity: 0;transition: all .3s}
.demand .box .top .item.on:after{bottom:-.15rem;opacity: 1;} */
/* .demand .box .top .item:not(:last-child){border-right: 1px solid #eeeeee} */
.demand .box .top .item:not(:last-child):before{content:"";width:.09rem;height:.09rem;border:1px solid #e24339;border-radius:50%;position:absolute;right:-.04rem;top:.12rem;}
.demand .box .top .item:not(:last-child):after{content:"";height:60%;width:1px;position:absolute;right:0;top:.2rem;background: -webkit-linear-gradient(#e24339, #fff); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#e24339, #fff); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#e24339,  #fff); /* Firefox 3.6 - 15 */background: linear-gradient(#e24339,  #fff); /* 标准的语法 */}
.demand .box .top .item .after{display: none;}
.demand .box .top .item.on .before{display: none;}
.demand .box .top .item.on .after{display: block;}
.demand .box .bottom{padding: .8rem 0 1.1rem;position: relative;margin: 0 7vw;z-index: 0}
.demand .box .bottom .box1{max-width: 520px;margin: 0 auto;display: none;}
.demand .box .bottom .box1 .input{border-bottom: 1px solid #e24339;position: relative;margin-top: .3rem}
.demand .box .bottom .box1 h1{font-size: .36rem;color: rgb(51, 51, 51);position:relative;text-align:center;}
.demand .box .bottom .box1 h1 img{height:.25rem;position:absolute;}
.demand .box .bottom .box1 h1 .orderimg1{left:0;bottom:0;}
.demand .box .bottom .box1 h1 .orderimg2{right:0;top:0;}
.demand .box .bottom .box1 h2{font-size: .18rem;color: rgb(153, 153, 153);margin-top: .1rem;text-align:center;}
.demand .box .bottom .box1 .input select{width: 100%;font-size:.18rem;color: rgb(51, 51, 51);padding: 0 .08rem;height: .45rem;}
.demand .box .bottom .box1 .input input{width: 100%;font-size:.18rem;color: rgb(51, 51, 51);padding: 0 .12rem;height: .45rem;}
.demand .box .bottom .box1 .input input::-webkit-input-placeholder{color: rgb(102, 102, 102);}
.demand .box .bottom .box1 .input:before{content: "";position: absolute;left: 0;bottom: 0;height: 5px;width: 1px;background: #e54035}
.demand .box .bottom .box1 .input:after{content: "";position: absolute;right: 0;bottom: 0;height: 5px;width: 1px;background: #e54035}
.demand .box .bottom .box1 .btn1{background: none;padding: 0;margin-top: .5rem;width: .51rem;transition:all .3s}
.demand .box .bottom .bgimg{position: absolute;bottom: 0;width: 100%;z-index: -1}
.proxy2{display: none;}
.demandlist{padding: 1.2rem 0 1.4rem;background: #f4f5f6}
.demandlist .box{background: #fff;position: relative;border: 1px solid rgb(226, 67, 57);box-shadow: 0px 0px .42rem .11rem rgba(0, 0, 0, 0.04),inset 0px 0px .33rem 1.75px rgba(226, 67, 57, 0.1);}
.demandlist .box .border1{position:absolute;left: 0;top: -1px;z-index: 2;width:.86rem;}
.demandlist .box .border2{position:absolute;right: 0;top: -.04rem;z-index: 2;width:1.71rem;}
.demandlist .box .border3{position:absolute;bottom: -.03rem;left: 0px;z-index: 2;width:1.71rem;}
/* .demandlist .box .border4{position:absolute;right: 0px;z-index: 2;  bottom: -2.5vw;max-width:13vw;} */
.demandlist .box .top{display: flex;}
.demandlist .box .top .item{flex: 1;text-align: center;padding: .3rem 0 .45rem;position: relative;z-index: 0;/*  border-bottom: 1px solid #eeeeee */ }
.demandlist .box .top .item img{margin: 0 auto;width: 1rem;transition:all .3s}
.demandlist .box .top .item p{font-size: .24rem;color: rgb(153, 153, 153);margin-top: .1rem}
.demandlist .box .top .item.active p{color: rgb(51, 51, 51);}
/* .demandlist .box .top .item:after{content:"";position: absolute;left: 0;top: 0;right: 0;bottom:0;box-shadow: 0px 0px 42.66px 11.34px rgba(0, 0, 0, 0.04);background: #fff;z-index: -1;opacity: 0;transition: all .3s}
.demandlist .box .top .item.active:after{bottom:-.15rem;opacity: 1;} */
/* .demandlist .box .top .item:not(:last-child){border-right: 1px solid #eeeeee} */
.demandlist .box .bottom{padding-left: .7rem;padding-top: .5rem;position: relative;}
.demandlist .box .top .item .after{display: none;}
.demandlist .box .top .item.active .before{display: none;}
.demandlist .box .top .item.active .after{display: block;}
.demandlist .box .top .item:not(:last-child):before{content:"";width:.09rem;height:.09rem;border:1px solid #e24339;border-radius:50%;position:absolute;right:-.04rem;top:.12rem;}
.demandlist .box .top .item:not(:last-child):after{content:"";height:60%;width:1px;position:absolute;right:0;top:.2rem;background: -webkit-linear-gradient(#e24339, #fff); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#e24339, #fff); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#e24339,  #fff); /* Firefox 3.6 - 15 */background: linear-gradient(#e24339,  #fff); /* 标准的语法 */}
/*.demandlist .box .bordertl{position: absolute;left: 0;top:0;width: .86rem}
.demandlist .box .bordertr{position: absolute;right: 0;top:0;width: 1.71rem}
.demandlist .box .borderbl{position: absolute;left: 0;bottom:0;width: 1.71rem}
.demandlist .box .borderbr{position: absolute;right: 0;bottom:0;width: .86rem}*/

.demandlist .bottom .time{font-size: .24rem;color: rgb(51, 51, 51);padding-left: .25rem;position: relative;margin-bottom: .25rem;margin-top: .4rem}
.demandlist .bottom .item .info h1{font-size: .18rem;color: rgb(51, 51, 51);position: relative;cursor:pointer;}
.demandlist .bottom .item .people{font-size: .18rem;color: rgb(153, 153, 153);}
.demandlist .bottom .item .btn1{    margin-left: .35rem;position: relative;width: 1.3rem;cursor:pointer;display:block;}
.demandlist .bottom .item .btn1 .txt{    position: absolute;left: 0;top: 0; line-height: .4rem;text-align: center;color: #e24339;font-size: .16rem;width: 100%;transition:all .3s}

.demandlist .bottom .item{transition: all .3s;border-bottom: 1px solid #eeeeee;padding: .2rem 0;margin: 0 .4rem;position: relative;}
.demandlist .bottom .box1{position: relative;padding-bottom: .5rem}
.demandlist .bottom .item .info h1:before{content: "";width:.12rem;height: .12rem;border-radius: 50%;border:1px solid #eee;left: -.46rem;top:50%;margin-top: -.06rem;position: absolute;background: #fff;transition: all .3s}
.demandlist .bottom .item .info h1:after{content:"";width: 0;height: 0;border: .06rem solid transparent;border-right: .06rem solid #e24339;position: absolute;left: -.14rem;top: 50%;margin-top: -.06rem;transition: all .3s;opacity: 0}
.demandlist .bottom .box1:before{content:"";width: 1px;top: .2rem;bottom: 0;background: #eee;position: absolute;left: 0;}
.demandlist .bottom .time img{position: absolute;top: 50%;transform: translateY(-50%);left: -.06rem;height: .12rem}
.demandlist .bottom .info-box>div{display: flex;padding-left: .2rem}
.demandlist .bottom .info-box>div .col:nth-child(1){width: 25%;}
.demandlist .bottom .info-box>div .col:nth-child(2){width: 21%;}
.demandlist .bottom .info-box>div .col:nth-child(3){width: 19%;}
.demandlist .bottom .info-box>div .col:nth-child(4){width: 35%;}
.demandlist .bottom .info-box{margin-right: 6vw;margin-top: .2rem;display: none;}
.demandlist .bottom .info-box .th{background: #72777d;font-size: .14rem;color: #fff;line-height:45px;}
.demandlist .bottom .info-box .td{font-size: .16rem;color: rgb(51, 51, 51);line-height: .5rem;border:1px solid rgb(227, 227, 227);border-top: 0 }
.demandlist .bottom .info-box .ft{font-size: .16rem;color: rgb(51, 51, 51);line-height: .5rem;border:1px solid rgb(227, 227, 227);border-top: 0}
.demandlist .bottom .info-box .ft span{color: #999}
.demandlist .bottom .info-box .ft .col{width:100%!important}

.demandlist .bottom .item.on{background: #f9fafb;margin-right: 0;padding-right: .4rem;padding-left: .34rem;padding-bottom: .4rem;border-left: .02rem solid #e24339}
.demandlist .bottom .item.on .info h1:before{left: -.82rem;border-color: #e24339}
.demandlist .bottom .item.on .info-box{display: block;}
.demandlist .bottom .item.on .info h1:after{left: -.48rem;opacity: 1}

.demandlist .bottom #search1 .search1-top{margin-left:-.7rem;padding: .1rem 15px}
.demandlist .bottom #search1 .search-box2{display: flex;align-items: center;background: #fff;border-radius: .05rem;background: #f4f5f6;overflow: hidden;}
.demandlist .bottom #search1 .search-box2 .rightbtn{color: #Fff;width: 1.4rem;line-height: .6rem;font-size: .2rem;text-align: center;background: #f7b426}
.demandlist .bottom #search1 .search-box2 input{font-size: .18rem;color: rgb(102, 102, 102);padding: 0 .2rem;background: none}
.demandlist .bottom #search1 .search-box2{max-width: 1000px;margin: 0 auto;}
.demandlist .bottom #search1 .search-box2 select{font-size: .18rem;color: rgb(51, 51, 51);background: url(../image/down1.png) no-repeat right center;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 0 .2rem;}



.demandlist .bottom #search1 .result-item{display: flex;align-items: center;}
.demandlist .bottom #search1 .result-item{transition: all .3s;border-bottom: 1px solid #eeeeee;padding: .2rem 0;margin: 0 .4rem;position: relative;}
.demandlist .bottom #search1 .result-title{font-size: .18rem;color:#999;padding-left: .25rem;position: relative;margin-bottom: .25rem;margin-top: .4rem}
.demandlist .bottom #search1 .result-title span{color: #333}
.demandlist .bottom #search1 .result-title img{position: absolute;top: 50%;transform: translateY(-50%);left: -.06rem;height: .12rem}
.demandlist .bottom #search1 .result-item:before{content: "";width:.12rem;height: .12rem;border-radius: 50%;border:1px solid #eee;left: -.46rem;top:50%;margin-top: -.06rem;position: absolute;background: #fff;transition: all .3s}
.demandlist .bottom .result-box:before{content:"";width: 1px;top: .2rem;bottom: 0;background: #eee;position: absolute;left: 0;}
.demandlist .bottom .result-box{position: relative;padding-bottom: .5rem}

.demandlist .bottom #search1 .result-item .name{font-size: .18rem;color: rgb(51, 51, 51);}
.demandlist .bottom #search1 .result-item .type{margin-right: .15rem;font-size: .14rem;color: #f7b426;border-radius: 40px;border:1px solid #f7b426;background: #fef5e3;line-height: 20px;width: .5rem;text-align: center;position: relative;}
.demandlist .bottom #search1 .result-item .type:after{width: .1rem;height: .1rem;content:"";border:1px solid #f7b426;background: #fef5e3;position: absolute;right:-1px;top:-1px;border-left: 0;border-bottom: 0}
.demandlist .bottom #search1 .result-item .baojia{color: #999;font-size: .18rem}
.demandlist .bottom #search1 .result-item .btn1{margin-left: .35rem;position: relative;width: 1.3rem;cursor:pointer;}
.demandlist .bottom #search1 .result-item .btn1 .txt{position: absolute;left: 0;top: 0;line-height:.4rem;text-align: center;color: #e24339;font-size: .16rem;width: 100%;transition:all .3s}

.baojiabox1{display: none;position: fixed;top:50%;left: 50%;width:11.4rem;z-index: 10;background: #fff;padding: 0 .35rem;margin-left: -5.7rem;padding-bottom: .25rem;}
.baojiabox1 .top{display: flex;align-items: center;padding: .2rem 0;}
.baojiabox1 .top h1{font-size: .18rem;color: #333}
.baojiabox1 .after{padding: .5rem 0 1rem;display: none;}
.baojiabox1 .after img{width: 1.14rem;margin:0 auto;}
.baojiabox1 .after p{text-align: center;margin-top: .45rem;font-size: .18rem;color: rgb(51, 51, 51);line-height: 1.667;}


.baojiabox1 .table1>div{display: flex;align-items: center;padding: 0 .3rem}
.baojiabox1 .table1 .th{background:#72777d;font-size: .14rem;color: #fff;line-height: .44rem;}
.baojiabox1 .table1>div .col:nth-child(1){width: 18%;}
.baojiabox1 .table1>div .col:nth-child(2){width: 10%;}
.baojiabox1 .table1>div .col:nth-child(3){width: 10%;}
.baojiabox1 .table1>div .col:nth-child(4){width: 62%;}
.baojiabox1 .table1 .td{height: .5rem;font-size: .16rem;color: #333;border: 1px solid #e3e3e3;border-top: 0}
.baojiabox1 .table1 .ft{height: .5rem;font-size: .16rem;color: #333;border: 1px solid #e3e3e3;border-top: 0}
.baojiabox1 .table1 .ft span{color: #999;margin-right: .1rem}
.baojiabox1 .table2>div{display: flex;align-items: center;padding: 0 .1rem}
.baojiabox1 .table2>div .col:nth-child(1){width: 16%;}
.baojiabox1 .table2>div .col:nth-child(2){width: 14%;}
.baojiabox1 .table2>div .col:nth-child(3){width: 10%;}
.baojiabox1 .table2>div .col:nth-child(4){width: 10.5%;}
.baojiabox1 .table2>div .col:nth-child(5){width: 5.5%;}
.baojiabox1 .table2>div .col:nth-child(6){width: 7%;}
.baojiabox1 .table2>div .col:nth-child(7){width: 12.5%;}
.baojiabox1 .table2>div .col:nth-child(8){width: 12%;}
.baojiabox1 .table2>div .col:nth-child(9){width: 12.5%;}
.baojiabox1 .table2 .th{background:#edeff1;font-size: .14rem;color: #999;line-height: .44rem;border: 1px solid #e3e3e3;border-top: 0;border-bottom: 0;}
.baojiabox1 .table2 .td{height: .5rem;font-size: .16rem;color: #333;border: 1px solid #e3e3e3;border-top: 0}
.baojiabox1 .table2 .ft{height: .55rem;font-size: .16rem;color: #333;border: 1px solid #e3e3e3;border-top: 0;}
.baojiabox1 .table2 .ft span{color: #999;margin-right: .1rem}
.baojiabox1 .table2 .td .col input{height: .35rem;padding:0 .1rem;border:1px solid #e3e3e3;width: 100%;}
.baojiabox1 .table2 .td .col{padding-right: .1rem}
.baojiabox1 .table2 .ft input{height: .35rem;padding:0 .1rem;border:1px solid #e3e3e3;width: 2.5rem}
.baojiabox1 .btn1{transition: all .3s;width: 1.65rem;line-height: .52rem;text-align: center;font-size: .18rem;color: #fff;background: #f7b426;border-radius: .05rem;margin-top: .18rem;float: right;}
.baojiaboxclose{cursor:pointer;}
@media (max-width: 767px){
	.demand .box .bottom .box .input input{font-size: 14px;}
	.demand .box .bottom .box h2{font-size: 14px}
	.demand .box .bottom .box .btn1{width: .6rem}
	.demand .box .bottom .bgimg{display: none;}
	.demand .box .top .item img{width: 1rem}
	.demand .box .top .item p{font-size:12px;}
	.demand .box .bottom .box1 h1{font-size:18px;}
	.demand .box .bottom .box1 .input input{height:.6rem;font-size:14px;padding:0 .15rem}
	.demand .box .bottom .box1 .input select{height:.6rem;font-size:14px;padding:0 .1rem}
	.demandlist .box .top .item p{font-size:12px;}
	.demandlist .box .bottom{padding-top:0;padding-left:20px;}
	.demandlist .bottom .item .info h1{font-size:14px;}
	.demandlist .bottom .item .people{font-size:14px;margin:5px 0}
	.demandlist .bottom .item{display:block;}
	.demandlist .bottom .item .btn1{margin-left:0;}
	.demandlist .bottom .item .btn1
}



.news{padding: 1.2rem 0 .9rem;background: #f4f5f6}
.news .list1 .row{margin: 0 -.15rem}
.news .list1 .col-sm-4{padding:0 .15rem;padding-bottom: .3rem}
.news .list1 .item{background: #fff;display: block;padding: .6rem .44rem .7rem}

.news .list1 .item .content h1{font-size: .24rem;color: rgb(51, 51, 51);line-height: 1.5;margin-bottom: .2rem;margin-top: .5rem;transition: all .3s;height:.72rem;}
.news .list1 .item .content h2{font-size: .18rem;color: rgb(153, 153, 153);line-height: 1.8;    height: .64rem;}
.news .list1 .item .time h2{font-size: .18rem;color: rgb(51, 51, 51);}
.news .list1 .item .time h1{font-size: .36rem;color: rgb(51, 51, 51);margin-bottom: 5px}
.news .list1 .item .imgbox{overflow: hidden;margin-top: .6rem}
.news .list1 .item .imgbox img{transition: all .5s}

.news .list2 .item{padding:.4rem .45rem;margin-bottom: .3rem;background: #fff;transition: all .3s}
.news .list2 .item .time{margin-right: .4rem}
.news .list2 .item .time h1{font-size: .36rem;color: rgb(51, 51, 51);margin-bottom: 5px}
.news .list2 .item .time h2{font-size: .18rem;color: rgb(51, 51, 51);}
.news .list2 .item .content h1{font-size: .24rem;color: rgb(51, 51, 51);margin-bottom: .1rem;transition: all .3s;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news .list2 .item .content h2{font-size: .18rem;color: rgb(153, 153, 153);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 70%}

.news1{padding: .5rem 0 .8rem;background: #f4f5f6}
.news1 .nav{padding: .2rem 0}
.news1 .nav .left a{color:#999;transition: all .3s}
.news1 .nav .left a.on{color:rgb(53, 53, 53)}
.news1 .nav .left span{color: #e24339;font-size: .18rem;}
.news1 .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.news1 .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}
.news1 .box{background: #fff;padding-top: .8rem}
.news1 .box .title{text-align: center;}
.news1 .box .title h1{font-size: .26rem;color: rgb(51, 51, 51);margin-bottom: .2rem}
.news1 .box .title h2{font-size: .16rem;color: rgb(154, 154, 154);margin-bottom: .35rem}
.news1 .box .title h2 .collect{color:#f7b426;margin-left: .25rem }
.news1 .box .title .share{margin-bottom: .5rem}
.news1 .box .content{padding: 0 11vw;}
.news1 .box .content p{font-size: .18rem;color: rgb(136, 136, 136);line-height: 2;}
.news1 .box .content img{margin: 0 auto;margin-bottom: .5rem;display:inline-block;}
.news1 .jump .item{float: left;width: 50%;padding: .24rem 0;text-align: center;transition: all .3s}
.news1 .jump .item{font-size: .14rem;color: rgb(51, 51, 51);}
.news1 .jump .item span{margin: 0 .15rem;display: inline-block;vertical-align: middle;}
.news1 .jump .item .txt1{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;max-width: 50%}
.news1 .jump{margin-top: 6vw}

@media (min-width: 1000px){
.demand .box .bottom .box1 .btn1:hover{transform:translateY(-5px)}
.demandlist .box .top .item:hover img{transform:translateY(-8px)}
.demand .box .top .item:hover img{transform:translateY(-8px)}
.demandlist .bottom #search1 .result-item .btn1:hover .txt{padding-left:8%;}
.demandlist .bottom .item .btn1:hover .txt{padding-left:8%;}
	/* .demandlist .bottom .item .btn1:hover{background: #e24339;color: #fff} */
    .news .list1 .item:hover .content h1{color:#e24339;}
    .news .list1 .item:hover .imgbox img{transform: scale(1.05);}
    .news .list2 .item:hover{transform: translateY(-5px);box-shadow: 0px 5px 10px rgba(0,0,0,.15)}
    .news .list2 .item:hover .content h1{color:#e24339;}
    .news1 .jump .item:hover{background:#e24339;color: #fff}
    .news1 .nav .left a:hover{color: #e24339}
    .news1 .nav .right:hover span{color:#e24339 }
    .baojiabox1 .btn1:hover{opacity: .8}
}

@media (max-width: 767px){
	.news .list1 .item{padding: .6rem .4rem}
	.news .list2 .item .content h2{font-size: 14px;width: 100%}
	.news .list1 .item .imgbox{margin-top: .3rem!important}
	.news .list2 .item{display: block;}
	.news .list2 .item .content h1{font-size: 16px}
	.news .list2 .item .time h2{font-size: 14px}
	.news .list2 .item .content{padding: .2rem 0}
	.news .list1 .item .content h1{font-size:16px!important;margin-top: .3rem!important;height:auto!important;}
	.news .list1 .item .content h2{font-size:14px!important;height:50px}
	.news .list1 .item .time h2{font-size: 14px!important}
	.news .list1 .item .time h1{font-size: .36rem!important}
    .news1 .nav .left span{font-size: 14px}
    .news1 .nav .right span{font-size: 14px;}
    .news1 .box .title{padding: 0 15px}
    .news1 .box .title h1{font-size: 18px;line-height: 1.5}
    .news1 .box .title h2 .collect{display: block;margin: 0;margin-top: .2rem}
    .news1 .box .content{padding:0 15px;}
    .news1 .box .title h2{font-size: 14px;}
    .news1 .box .content p{font-size: 14px;}
    .news1 .jump .item{width: 100%}
    .news1 .jump .item{font-size: 14px;border-top: 1px solid #eee}
    .news1 .jump .item .txt1{max-width: 70%;}
    .news1 .jump .item span{margin: 0 5px}
	.news1 .nav{display:block}
	.news1 .nav .right{float:right;}
	
}

.supply{padding-top: .8rem;background: #f4f5f6;padding-bottom:1.2rem}
.supply .one{display: flex;align-items: center;margin-bottom: .6rem}
.supply .one .title h1{font-size: .48rem;color: rgb(51, 51, 51);line-height: 1;font-family: "DIN-Bold";}
.supply .one .title h2{font-size: .36rem;color: rgb(51, 51, 51);margin-top: .15rem;font-family: "DIN-Bold";}
.supply .one .title{text-align: right;padding-right: .5rem;border-right: .09rem solid #e24339}
.supply .one .right p{font-size: .18rem;color: rgb(102, 102, 102);line-height: 2;}
.supply .one .right{padding-left: .5rem}

.supply .two{position: relative;}
.supply .two .box{margin-left: 10vw;padding-left: 11vw;padding-right: 4vw;background: url(../image/supbg1.jpg);background-size: cover;padding-top: .7rem;padding-bottom: 1rem}
.supply .two .box .content img{margin: .6rem auto 0}
.supply .two .box .content{display: none;}

.supply .two .tabs .item{width:17.5vw;line-height: .88rem;text-align: center;font-size: .24rem;color: #fff;background: #f7b426;cursor: pointer;position: relative;transition: all .3s}
.supply .two .tabs .item:not(:first-child):before{content:"";left: .25rem;right: .25rem;top: 0;height: 1px;background: rgba(255,255,255,.2);position: absolute;}
.supply .two .tabs .item.on{background: #ffeabd;color: #333}
.supply .two .tabs{position: absolute;left: 0;top: 0;z-index: 5}
.supply .two .right-title{font-size: .3rem;color: rgb(51, 51, 51);padding: .35rem 0;float: right;position: relative;z-index: 0}
.supply .two .right-title:before{content:"";width: .72rem;height: .72rem;border-radius: 50%;left: -.2rem;position: absolute;top: 50%;margin-top: -.36rem;background: #f7b426;z-index: -1}
.supply .two .box h1{font-size: .24rem;color: #fff;margin-bottom: .1rem}
.supply .two .box h2{font-size: .18rem;color: rgba(255, 255, 255, 0.6);line-height: 2;padding-bottom: .5rem;border-bottom: 1px dotted rgba(255, 255, 255, 0.18);}

.supply .three{/* padding:1.2rem 0 1.2rem; */background:url(../image/supply3bg.jpg);background-size:cover;margin-top:.9rem}
.supply .three .container{display: flex;align-items: center;height:6.35rem}
.supply .three .item{ width: 8.8vw;height: 8.8vw;margin: -1.1vw 2.3vw;display: inline-block;position: relative;transition:all .5s ease-in-out}
.supply .three .item.on{ transform: rotateY(-180deg);}
.supply .three .row{text-align: center;margin:0;}
.supply .three .item .txt{position:absolute;top:50%;left:0;right:0;text-align:center;font-size:.2rem;color:#fff;    transform: translateY(-50%) rotateY(180deg);opacity:0;z-index:5}
.supply .three .item img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width:80%;}
.supply .three .item:before{content:"";width: 100%;height: 100%;border-radius:.1rem;box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.06);position: absolute;left: 0;top: 0;background: #fff;transform:rotate(45deg);transition:all .5s ease-in-out}
.supply .three .item.on:before{background:rgba(226,67,57,.9);z-index:2}
.supply .three .item.on .txt{opacity:1}
.supply .three .item.on img{ transform: rotateY(180deg);}
.supply .three .title h1{font-size: .48rem;color: rgb(51, 51, 51);line-height: 1;font-family: "DIN-Bold";}
.supply .three .title h2{font-size: .36rem;color: rgb(51, 51, 51);margin-top: .15rem;font-family: "DIN-Bold";}
.supply .three .title{padding-left: .35rem;border-left: .09rem solid #e24339;margin-top: 8.5vw}
.supply .three .btnbox>div{display: inline-block;width: .7rem;height: .7rem;border-radius: 50%;position: relative;background: #fff;cursor: pointer;}
.supply .three .btnbox .prev{margin-right: .22rem}
.supply .three .btnbox{font-size: 0}
.supply .three .btnbox .prev:after{content: "";width: .15rem;height: .15rem;border: .03rem solid #dddddd;border-right: 0;border-bottom: 0;transform: rotate(-45deg);position: absolute;top: 50%;left: 50%;margin-top: -.07rem;margin-left: -.05rem}
.supply .three .btnbox .next:after{content: "";width: .15rem;height: .15rem;border: .03rem solid #dddddd;border-left: 0;border-bottom: 0;transform: rotate(45deg);position: absolute;top: 50%;left: 50%;margin-top: -.07rem;margin-left: -.1rem}
.supply .three .btnbox>div:after{transition: all .3s}
.supply .three .right{width:85%;}
.supply .three .right .swiper-container{padding:1rem 0}
@media (max-width:1530px){
.supply .three .item{margin: -1.1vw 2vw;}
}
@media (min-width: 767px){
	.supply .three .btnbox>div:hover:after{border-color: #e24339}
}


.inquery{background: url(../image/inquerybg.jpg);background-size: cover;padding: 1.1rem 0 1.3rem}
.inquery .box{display: flex;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.inquery .left{width: 55%;padding: 0 7vw;position:relative}
.inquery .right{width: 45%;padding: 0 3vw}
.inquery .container{position: relative;}
.inquery .left h1{font-size: .36rem;color:#e24339;padding-top: 5vw}
.inquery .left h1 img{height: .25rem;display: inline-block;margin-left: .1rem}
.inquery .left h2{font-size: .18rem;color: rgb(153, 153, 153);margin-top: .2rem;padding-bottom: 2.5vw}
.inquery .left .input input{height: .48rem;font-size: .16rem;color: #333;background:none}
.inquery .left .input{padding:0 14px;border-bottom: 2px solid #e54035;margin-top:1.5vw;position: relative;}
.inquery .left .input .icon{margin-right: .15rem;width: .2rem}
.inquery .left .input:before{content:"";width: 10px;height: 10px;left:0;bottom: -6px;border: 2px solid #e54035;position: absolute;border-radius: 50%;background: #fff}
.inquery .left .input:after{content:"";width: 10px;height: 10px;right:0;bottom: -6px;border: 2px solid #e54035;position: absolute;border-radius: 50%;background: #fff}
.inquery .left .input input::-webkit-input-placeholder{color:#333;}
.inquery .left .btn1{width: .68rem;background: none;padding: 0;margin-top: 3vw;transition:all .3s}
.inquery .right h1{font-size: .36rem;color:#fff;padding-top: 5vw;margin-bottom: .25rem}
.inquery .right .item{font-size: .18rem;color: rgba(255,255,255,.7);padding: 0;height: 100%}
.inquery .right .item .time{margin-right: .15rem}
.inquery .right .swiper-container{height: 55%}

.inquery2{background:url(../image/inquerybg.jpg);background-size: cover;padding: 2rem 0 1.3rem }
.inquery2 .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.inquery2 .container{position: relative;}

.inquery2 .btn1{width:.9rem;line-height: .4rem;background: #e24339;text-align: center;position: absolute;bottom: 0;z-index: 0}
.inquery2 .btn1{font-size: .16rem;color: #fff;display: block;cursor: pointer;}
.inquery2 .detailsbtn{width: 1.2rem;right: 10%}
.inquery2 .backbtn{left:15%}
.inquery2 .btn1:before{content: "";position: absolute;height: 100%;width: 100%;transform: skew(25deg);left: 10%;top: 0;background: #e24339;z-index: -1}
.inquery2 .btn1:after{content: "";position: absolute;height: 100%;width: 100%;transform: skew(-25deg);left: -10%;top: 0;background: #e24339;z-index: -1}


.inquery2 .top h1{font-size: .36rem;color: #e24339;margin-bottom: .2rem}
.inquery2 .top h1 img{width: .9rem;display: inline-block;margin: 0 .2rem}
.inquery2 .top{text-align: center;padding-top:5vw;}
.inquery2 .top p{font-size:.16rem;color: rgb(51, 51, 51);line-height: 1.6}
.inquery2 .progressbox .item{float: left;/* width: 9.09%; */position: relative;}
.inquery2 .progressbox{position: relative;margin-top:7.5vw;margin-left: 8vw;margin-right: 12vw}
.inquery2 .progressbox .progress0{content:"";background: #9099a5;height: 3px;width: 100%;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.inquery2 .progressbox .item:last-child{width: 0%;}
.inquery2 .progressbox .item .icon{transition: all .3s;width: .48rem;height: .48rem;border-radius: 50%;border:3px solid #9099a5;background: #fff;position: relative;}
.inquery2 .progressbox .item .txtbox{transition: all .3s;position: absolute;font-size: .14rem;color: #838e9c;width:1.04rem;border:1px solid #bec8d5;background: #eef3f9;line-height: .28rem;left: 0;text-align: center;}
.inquery2 .progressbox .item:nth-child(2n) .txtbox{top: -.68rem}
.inquery2 .progressbox .item:nth-child(2n+1) .txtbox{bottom: -.68rem}
.inquery2 .progressbox .item .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: .3rem;transition: all .3s}
.inquery2 .progressbox .item:nth-child(2n):before{transition: all .3s;content:"";left: .24rem;background: #9099a5;position: absolute;width: 1px;height:.6rem;top: -.4rem}
.inquery2 .progressbox .item:nth-child(2n+1):before{transition: all .3s;content:"";left: .24rem;background: #9099a5;position: absolute;width: 1px;height:.6rem;bottom: -.4rem}

.inquery2 .progressbox .item .icon .after{opacity: 0}
.inquery2 .progressbox .item.on .txtbox{color: #e24339;border:1px solid #e24339;background: #ffedec;}
.inquery2 .progressbox .item.on .icon .before{opacity: 0}
.inquery2 .progressbox .item.on .icon .after{opacity: 1}
.inquery2 .progressbox .progress1{background: #e24339;height: 3px;width: 0%;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.inquery2 .progressbox .item.on .icon{border-color:#e24339; }
.inquery2 .progressbox .item.on:before{background: #e24339}

.orderdetails-box{width: 8rem;height: 3.7rem;position: fixed;left: 50%;top: 50%;margin-top: -1.75rem;margin-left:-4rem;background: #Fff;padding: 0 .24rem;z-index: 10}
.orderdetails-box .top{display: flex;align-items: center;font-size: .18rem;color: #333;padding: .2rem 0;}
.orderdetails-box .tablebox>div{display: flex;align-items: center;}
.orderdetails-box .th{padding-left: .5rem;height: .46rem;background: #efefef;border:1px solid #e5e5e5;border-top: none;font-size: .16rem;color: #888}
.orderdetails-box .td{padding-left: .5rem;height: .46rem;border:1px solid #e5e5e5;border-top: none;font-size: .16rem;color: #333}
.orderdetails-box .tablebox>div .col:nth-child(1){width: 23%;}
.orderdetails-box .tablebox>div .col:nth-child(2){width: 30%;}
.orderdetails-box .tablebox>div .col:nth-child(3){width: 28.5%;}
.orderdetails-box .tablebox>div .col:nth-child(4){width: 18.5%;}
.orderdetails-box{display: none;}
.orderdetails-box .detailsclose{cursor: pointer;}

.register{background: #f0f0f0;padding: .7rem 0 0 0}
.register .top .right{font-size: .18rem;color: rgb(102, 102, 102);}
.register .top .right a{color: #f7b426}
.register .top .left img{height: .54rem}
.register .top{padding: .25rem 0;}
.register .box{background: #fff;padding: .7rem 15px;}
.register .title{font-size: .3rem;color: #fff;background: #e24339;text-align: center;line-height: 1rem;}
.register .box .input>input{ font-size: .18rem;width: 100%;color:#333;background: #f4f5f6;height: .53rem;padding: 0 .18rem;border-radius: .05rem}
.register .box .input{margin-bottom: .2rem}
.register .box .innerbox{max-width: 5.7rem;margin: 0 auto;}
.register .box .input input::-webkit-input-placeholder{color: rgb(186, 186, 186);}
.register .box .input select{font-size: .18rem;color: #333;background:url(../image/down3.png) no-repeat 95% center #f4f5f6;width: 100%;height: .53rem;padding: 0 .12rem}
.register .box .input select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.register .box .read input{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.register .box .code{padding: 0;}
.register .box .code .input{margin: 0;}
.register .box .code .getcode{font-size: .16rem;color: #999;line-height: .51rem;border:1px solid rgb(217, 218, 220);border-radius: .05rem;padding: 0 .25rem;margin-left: .1rem;cursor: pointer;}
.register .box .read input{display: block;margin: 0;width: .2rem;height: .2rem;background: #fff;border-radius: 0;border: 1px solid rgb(225, 228, 230);margin-right: .1rem}
.register .box .read{padding: .3rem 0 .2rem}
.register .box .read p{font-size: .14rem;color: rgb(102, 102, 102);}
.register .box .read p a{color:#f7b426;margin: 0 5px }
.register .box .btn1{line-height: .53rem;width: 100%;background: #f7b426;text-align: center;color: #fff;padding: 0;border-radius: .05rem;transition: all .25s}
.register .foot h1{font-size:.14rem;color: rgb(102, 102, 102);line-height: 1.5}
.register .foot p{font-size: 12px;color:rgb(153, 153, 153);margin-top: .1rem}
.register .foot{text-align: center;padding: .4rem 0 .5rem}
.register .box .read input:checked{background: url(../image/dagou.png);background-size: cover;}
.register .picbox .upimg input{position: absolute;left: 0;top: 0;opacity: 0;width: 100%;height: 100%;}
.register .picbox .upimg{position: relative;width: 2rem;text-align: center;padding:0 .3rem;background:#f4f5f6;margin-bottom: .2rem;float: left;height: 1.8rem;margin-right: .2rem;}
.register .picbox .upimg h1{font-size: .16rem;color: rgb(51, 51, 51);margin-top: .2rem}
.register .picbox .upimg .icon{width: .38rem;margin: 0 auto;}
.register .picbox .upimg p{font-size: .14rem;color: rgb(153, 153, 153);line-height: 1.2;margin-top: .1rem;}
.register .picbox .imgbox{width: 2rem;height: 1.8rem;float: left;margin-bottom: .2rem;margin-right: .2rem;display: none;}

.register2 .success{max-width: 4rem;margin: 0 auto;text-align: center;} 
.register2 .success img{width: 1.14rem;margin: 0 auto;}
.register2 .success p{font-size: .18rem;color: rgb(51, 51, 51);line-height: 1.667;margin-top: .45rem}
.register2 .box{padding-top:1.4rem;padding-bottom: 2rem}
.register2 .foot{padding: .7rem 0 1rem}



@media (max-width: 767px){
    .supply .one{display:block;}
	.supply .one .title{text-align:left; border-left: .09rem solid #e24339;padding-left:.5rem;border-right:0;padding-right:0;}
	.supply .two .tabs .item{width:100%;}
	.supply .one .right{padding:0;padding-top:.5rem;}
    .supply .one .right p{font-size:14px;}
	.supply .two .box{margin-left:0;padding:.8rem 15px 1rem}
	.supply .two .tabs{position:static}
	.supply .two .box h2{font-size:12px;}
	.register .box .input select{font-size: 14px;height: .7rem}
	.register .box .input>input{font-size: 14px;height: .7rem}
	.register .box .code .getcode{font-size: 12px;line-height: .68rem}
	.register .box .btn1{font-size: 14px;height: .7rem}
	.register .picbox .upimg h1{font-size: 14px;}
	.register .picbox .upimg{width: 48%;margin-right: 2%;height:2rem;}
	.register .foot h1{font-size: 12px}
	.register .box .read input{width: .24rem;height: .24rem}
	.register .box .read p{font-size: 12px;}
	.register .picbox .upimg p{font-size: 12px;}
	.register .top{display: block;text-align: center;}
	.register .left img{margin: 0 auto;margin-bottom: .3rem}
	.register .top .right{font-size: 14px;}
	.register .top .left img {height: .8rem;}
	.register2 .success p{font-size: 14px;}
	.inquery .bgimg{display: none;}
	.inquery .box{position: static;display: block;background: #fff;padding: 30px 15px}
	.inquery .left{width: 100%;padding: 0;height: 4.5rem;}
	.inquery .right{width: 100%;padding: 0}
	.inquery .left .input input{font-size: 14px;height: .6rem}
	.inquery .left h2{font-size: 14px}
	.inquery .left .input{margin-top: .3rem}
	.inquery .left .btn1{margin-top: .6rem}
	.inquery .right h1{color: #333}
	.inquery .right .item{color: #666;font-size: 14px;}
	.inquery .right .swiper-container{height: 4.8rem;}
	.inquery2 .top p{font-size: 14px;}
    .inquery2 .bgimg{display: none;}
    .inquery2 .box{position: static;}
    .inquery2 .container{background: #fff;padding-bottom: 2rem}
    .inquery2 .progressbox{margin-left: 20vw;margin-right: 0}
    .inquery2 .progressbox .progress0{height: 100%;width: 2px;left: .28rem;top: 0;margin: 0}
    .inquery2 .progressbox .progress1{height: 0;width: 2px;left: .28rem;top: 0;margin: 0}
    .inquery2 .progressbox .item{float: none;width: 100%;height: 1rem;font-size: 0}
    .inquery2 .progressbox .item:last-child{height: 0;width: 100%}
    .inquery2 .progressbox .item .icon{width: .6rem;height: .6rem;display:inline-block;vertical-align: middle;}
    .inquery2 .progressbox .item .icon img{width: .4rem}
    .inquery2 .progressbox .item:before{display: none;}
    .inquery2 .progressbox:before{top: 0;bottom: 0;width: 2px;left: .28rem;}
    .inquery2 .progressbox .item .txtbox{margin-left: .4rem;position: relative;display: inline-block;vertical-align: middle;font-size: 12px;width: 1.8rem;line-height: .4rem;top: 0!important;bottom:0!important;}
    .inquery2 .progressbox .item .txtbox:before{transition: all .3s;content:"";width: .5rem;height: 1px;background:#9099a5;top: 50%;left: -.5rem;position: absolute;z-index: -1}
    .inquery2 .progressbox .item.on .txtbox:before{background: #e24339;}
    .inquery2 .btn1{font-size: 14px}
    .orderdetails-box{width: auto;margin: 0;left:15px;right: 15px;height: 6.6rem;margin-top: -3.3rem}
    .orderdetails-box .tablebox .col{width: auto;flex: 1}
    .orderdetails-box .th{font-size: 12px;padding-left: .2rem;height: .55rem;}
     .orderdetails-box .td{font-size: 12px;padding-left: .2rem;height: .55rem;}
     .orderdetails-box .top{font-size: 14px;}
	 .supply .three .container{display:block;}
	 .supply .three .right{width:100%;}
}



.memberbox{margin-top:1.1rem;padding: .5rem 0 .8rem;background: #f4f5f6}
.member-left{float: left;width: 23.8%;}
.member-right{float: right;width: 74%;}
.member-left-top{background: #fff;margin-bottom: .2rem;text-align: center;padding: .45rem .3rem .4rem;border-radius: .05rem}
.member-left-top h1{font-size: .24rem;color: rgb(51, 51, 51);margin-top: .35rem}
.member-left-top h2{font-size: .18rem;color: rgb(153, 153, 153);margin-top: .12rem}
.member-left-top .headimg{width:1.3rem;height: 1.3rem;margin: 0 auto;border: 1px solid rgb(225, 225, 225);border-radius: 50%;overflow: hidden;position:relative;}
.member-left-top .headimg img{max-width: 100%;max-height: 100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.member-left-top .sendbtn{display: block;font-size: .16rem;color: #fff;line-height: .62rem;border-radius: .05rem;background: ;text-align: center;background: #f7b426;margin-top: .3rem;transition: all .25s}
.member-left-nav{background: #fff;border-radius: .05rem}
.member-left-nav .item{height:.72rem;padding: 0 .25rem;display: flex;align-items: center;border-bottom: 1px solid #f4f5f6;position: relative;}
.member-left-nav .item .icon{margin-right: .2rem;width: .3rem}
.member-left-nav .item .title{font-size: .18rem;color:rgb(153, 153, 153);transition: all .3s}
.member-left-nav .item.on .title{color: #333;}
.member-left-nav .item.on:after{content:"";position: absolute;top: 0;bottom: 0;right: 0;width: .05rem;background: #f7b426;}
.member-pro .top{background: #fff;border-radius: .05rem}
.member-pro .top .title{padding: .15rem .17rem .15rem .2rem;border-bottom: 1px solid #f4f5f6}
.member-pro .top .title h1{font-size: .18rem;color: rgb(51, 51, 51);}
.member-pro .top .title .upload{border-radius: .05rem;width: .65rem;display: block;color: rgb(227, 162, 24);font-size: .16rem;line-height: .3rem;border: 1px solid #f7b426;transition: all .25s;text-align: center;}
.member-pro .top .navs a{transition: all .25s;font-size: .16rem;display: block;float: left;line-height: .62rem;padding: 0 .22rem;color: rgb(153, 153, 153);margin-right: .05rem}
.member-pro .top .navs a.on{color:#f7b426;}

.member-pro .bottom{background:#f4f5f6}
.member-pro .bottom .bottom-top{padding: .2rem 0 .1rem;    background: #f4f5f6;}
.member-pro .bottom .bottom-top .num{font-size: .16rem;color: rgb(102, 102, 102);}
.member-pro .bottom .bottom-top .select select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.member-pro .bottom .bottom-top .select select{font-size: .16rem;padding: 0 .25rem;background: url(../image/down3.png) no-repeat 95% center transparent;text-align: center;background-size:10%}

.member-pro .bottom .probox .row{margin: 0 -.1rem}
.member-pro .bottom .probox .col-sm-4{padding: .1rem}
.member-pro .bottom .probox .item{display: block;background: #fff}
.member-pro .bottom .probox .item .imgbox{overflow: hidden;}
.member-pro .bottom .probox .item .content{padding:.18rem .2rem .25rem .2rem}
.member-pro .bottom .probox .item .content h1{font-size: .18rem;color: rgb(51, 51, 51);margin-bottom: .12rem;transition: all .3s}
.member-pro .bottom .probox .item .content p{font-size:12px;line-height: 1.5;color: rgb(153, 153, 153);margin-bottom: 5px;padding-right:6vw}
.member-pro .bottom .probox .item .content p:nth-of-type(2){height:36px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}


.upload-pro>div{background: #fff;border-radius: .05rem;margin-bottom: .2rem}
.upload-pro .one h1{font-size:.18rem;color: rgb(51, 51, 51);}
.upload-pro .one .right span{transition: all .25s;font-size: .18rem;color: rgb(153, 153, 153);display: inline-block;vertical-align: middle;}
.upload-pro .one .right img{display: inline-block;margin-right: 5px;height: .18rem;}
.upload-pro .one{padding: .2rem}
.upload-pro .title{line-height: .6rem;font-size: .16rem;color: rgb(153, 153, 153);border-bottom: 1px solid #f4f5f6;padding: 0 .25rem}
.upload-pro .info-box{padding:.5rem 15px .6rem}
.member-right  .input-box{max-width: 6.8rem;margin: 0 auto;}
.member-right .input-item input{font-size: .18rem;color:#333;background: #f4f5f6;height: .53rem;padding: 0 .18rem;border-radius: .05rem}
.member-right .input-label{font-size: .18rem;color: rgb(153, 153, 153);width: 1rem;text-align: right;margin-right: .15rem}
.member-right .input-item{padding: 0;margin-bottom: .2rem}
.member-right .input-item select{font-size: .18rem;color: #333;background:url(../image/down3.png) no-repeat 96% center #f4f5f6;height: .53rem;padding: 0 .18rem;border-radius: .05rem;background-size: 2%}
.member-right .input-item select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.member-right .input-item input::-webkit-input-placeholder{color: #999;}
.member-right .input-item3 textarea::-webkit-input-placeholder{color: #999;}
.member-right .input-item2{padding-left: 1.15rem}
.member-right .savebtn{transition: all .25s;display: block;width: 1.2rem;line-height: .46rem;text-align: center;color: #fff;background:#f7b426;border-radius: .05rem;font-size: .18rem}
.member-right .addbtn{transition: all .25s;font-size: .16rem;display: block;margin-bottom: .2rem;transition: all .25s;line-height: .42rem;border: 1px solid #f7b426;border-radius: .05rem;text-align: center;width: 1.2rem;color: #f7b426;cursor:pointer;}
.upload-pro .five .download{display: flex;align-items: center;padding: .25rem .25rem .4rem}
.upload-pro .five .download .left{transition: all .25s;line-height: .42rem;border: 1px solid #f7b426;border-radius: .05rem;text-align: center;width: 1.4rem;color: #f7b426;position: relative;font-size: .16rem}
.upload-pro .five .download .left input{position: absolute;left: 0;top: 0;opacity: 0;width: 100%;height: 100%;}
.upload-pro .five .download .right{font-size: .16rem;color: rgb(153, 153, 153);margin-left: .22rem}
.upload-pro .six{background: none;display: flex;align-items: center;}
.upload-pro .six .savebtn{width: 2.05rem;margin-right: .1rem}
.upload-pro .six .addbtn{width: 2.05rem;margin: 0;line-height: .44rem;font-size: .18rem}
.upload-pro .six .draft{font-size: .18rem;color: #d79a1a}
.upload-pro .six .autosave{font-size: .16rem;color: rgb(153, 153, 153);margin-left: .15rem}
.member-right .input-item3 .addbox .upimg{width: .38rem;margin: 0 auto;}
.member-right .input-item3 .addbox p{font-size: .16rem;color: rgb(51, 51, 51);margin-top: .15rem}
.member-right .input-item3 .addbox{position: relative;text-align: center;display: flex;align-items: center;width: 1.5rem;height: 1.4rem;background: #f4f5f6;border-radius: .05rem;margin-right: .2rem;background-repeat: no-repeat;background-position: center;}
.member-right .input-item3 .uploadtxt h1{font-size: .16rem;color: rgb(102, 102, 102);margin-bottom: .1rem}
.member-right .input-item3 .uploadtxt p{font-size: .14rem;line-height: 1.2;color: rgb(153, 153, 153);}
.member-right .input-item3 .add-right{display: flex;align-items: center;flex: 1}

.member-right .input-item3{display: flex;margin-bottom: .2rem}
.member-right .input-item3 .input-label{margin-top: .1rem}
.member-right .input-item3 .uploadtxt{flex: 1}
.member-right .input-item3 .addbox input{z-index: 10;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0}
.member-right .input-item3 .textarea-box{position: relative;background: #f4f5f6;border-radius: .05rem;padding:.15rem .18rem;}
.member-right .input-item3 textarea{font-size: .18rem;color: #333;height: 1.6rem;width: 100%;background: none;padding: 0}
.member-right .input-item3 .textarea-box .text-count{position: absolute;right: .18rem;bottom: .15rem;font-size: .16rem;color: #999}
.member-right .input-item4 .add-right{display:block;}
.member-right .input-item4 .uploadtxt{float:left;margin-top:.35rem}
.member-right .input-item4 .addbox{float:left;}
.member-right .input-item4 .imgbox{width: 1.5rem;height: 1.4rem;border-radius: .05rem;float:left;margin-right:.2rem;position:relative;}
.member-right .input-item4 .imgbox .img-item{width:100%;height:100%;}
.member-right .input-item4 .imgbox img{width:100%;height:100%;object-fit:cover;}
.member-quality>div{background: #fff;border-radius: .05rem;margin-bottom: .2rem}
.member-quality .one{padding: .2rem;font-size: .18rem;color: rgb(51, 51, 51);}
.member-quality .two{padding: .6rem 15px 2.5rem}
.member-quality .input-item3 .addbox{width: 2rem;height: auto;}
.member-quality .input-item3 .addbox .edit{width: .8rem;line-height: .8rem;border-radius: 50%;background: rgba(0,0,0,.5);text-align: center;font-size: .18rem;color: #fff;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: .8rem}
.member-quality .licensebox{padding: .1rem 0}
.member-quality .areaselect .col{float: left;width:50%;padding: 0 5px;}
.member-quality .areaselect{margin: 0 -5px}
.member-quality .areaselect select{display: block;width: 100%;background-size: 5%}
.member-quality .three{padding: 10vw 15px 21vw}
.member-quality .three .quality-success{max-width: 3.7rem;margin: 0 auto;text-align: center;}
.member-quality .three .quality-success p{font-size: .18rem;color: rgb(51, 51, 51);line-height: 1.667;margin-top: .5rem}
.member-quality .three .quality-success img{margin: 0 auto;width: 1.14rem}

.member-data>div{background: #fff;border-radius: .05rem;margin-bottom: .2rem}
.member-data .one .item{transition: all .25s;position: relative;font-size: .18rem;color: #999;line-height: .65rem;margin-right: .4rem;display: block;float: left;}
.member-data .one .item.on{color: #333}
.member-data .one{padding: 0 .25rem}
.member-data .one .item:after{content:"";left: 50%;width: 0;bottom: 0;background: #f7b426;height:.03rem;position: absolute;transition: all .3s}
.member-data .one .item.on:after{width: 100%;left: 0}
.member-data .two{padding: .6rem 15px .7rem}

.member-demand>div{background: #fff;border-radius: .05rem;margin-bottom: .2rem}
.member-demand .one .title{color: rgb(51, 51, 51); font-size: .18rem;padding:0 .2rem;border-bottom: 1px solid #f4f5f6;line-height: .6rem}
.member-demand .one .navs .item{position: relative;line-height: .56rem;margin-right: .4rem;font-size: .16rem;color: #999;display: block;float: left;}
.member-demand .one .navs{padding:0 .22rem}
.member-demand .one .navs .item.on{color: #333;}
.member-demand .two{padding: .9rem 15px 1rem}
.member-demand .input-item3 textarea{height: 1.2rem}
.member-demand .one .navs .item:after{content:"";left: 50%;width: 0;bottom: 0;background: #f7b426;height:.03rem;position: absolute;transition: all .3s}
.member-demand .one .navs .item.on:after{width: 100%;left: 0}
.member-nav1 .item{transition: all .25s;font-size: .18rem;color: #999;position: relative;line-height: .65rem;display: block;float: left;}
.member-nav1 .item.on{color: #333}
.member-nav1 .item:after{content:"";left: 50%;width: 0;bottom: 0;background: #f7b426;height:.03rem;position: absolute;transition: all .3s}
.member-nav1 .item.on:after{width: 100%;left: 0}

.member-offer>div{background: #fff;border-radius: .05rem;margin-bottom: .2rem}
.member-offer .one .navs{border-bottom: 1px solid #efefef}
.member-offer .one .navs .item{padding: 0 .2rem;line-height: .6rem;display: block;float: left;margin-left: .2rem}
.member-offer .one .navs .item span{color: #e24339}
.member-offer .one .term{font-size: .16rem;color: #666;display: flex;align-items: center;padding: .15rem .2rem .15rem .2rem}
.member-offer .one .term span{margin: 0 .4vw}
.member-offer .one .term input{height: .38rem;border:1px solid #e8e8e8;padding: 0 .1rem;}
.member-offer .one .term .time{display: inline-block;}
.member-offer .one .term .name{display: inline-block;margin-left: 1vw}
.member-offer .one .term .status{display: inline-block;margin-left: 1vw}
.member-offer .one .term .btn1{background: #f7b426;width: .88rem;line-height: .38rem;text-align: center;color: #fff;font-size: .18rem;border-radius: .05rem}
.member-offer .one .term .name input{width: 10vw}
.member-offer .one .term .status input{width:9vw}
.member-offer .one .term .time input{width: 7vw}
.member-offer .one .term input::placeholder{color: #999}
@media (max-width: 1800px){
	.member-offer .one .term .name{margin-left: 0}
	.member-offer .one .term .status{margin-left: 0}
}
@media (max-width: 1300px){
	.member-offer .one .term .name{margin-left: 0}
	.member-offer .one .term .status{margin-left: 0}
	.member-offer .one .term .name input{width:2rem}
    .member-offer .one .term .status input{width: 1.75rem}
    .member-offer .one .term .time input{width: 1.35rem}
}
.member-offer .two>div{display: flex;align-items: center;padding: 0 .3rem}
.member-offer .two>div .col:nth-child(1){width: 25%;}
.member-offer .two>div .col:nth-child(2){width: 28%;}
.member-offer .two>div .col:nth-child(3){width: 16%;text-align: center;}
.member-offer .two>div .col:nth-child(4){width: 16%;text-align: center;}
.member-offer .two>div .col:nth-child(5){width: 15%;text-align: center;}
.member-offer .offer-item{border-top: 1px solid #f4f5f6;font-size: .16rem;color: #333;height:.62rem}
.member-offer .two .offer-top{color: #999;font-size: .16rem;height: .58rem}
.member-offer .offer-item .status{font-size: 0}
.member-offer .offer-item .status img{display: inline-block;margin-right: .1rem}
.member-offer .offer-item .status span{display: inline-block;vertical-align: middle;font-size: .16rem}
.member-offer .offer-item .replynum{display: inline-block;position: relative;}
.member-offer .offer-item .num1{position: absolute;top: 0;left: 0;width: 100%;line-height:25px;font-size: .16rem;color: #fff;}
.member-offer .offer-item .btn1{transition: all .3s;width: 1.15rem;line-height: .32rem;text-align: center;border:1px solid #e3a41f;color: #e3a41f;display:inline-block;border-radius: 40px}
.member-sort .two{padding:.9rem 15px 2rem}
.member-sort .sort-box{padding-left:1.15rem;}
.member-sort .sort-box .title{font-size:20px;color:#999;padding:.1rem 0 .1rem /* .15rem */}
.member-sort .sort-box .item-box .item{display:flex;align-items:center;height:.6rem;border-bottom:1px solid #f3f3f3}
.member-sort .sort-box .item .after{display:none;}
.member-sort .sort-box .item.on .before{display:none;}
.member-sort .sort-box .item.on .after{display:block;}
.member-sort .sort-box .item-box .item .txt1{color:#666;font-size:.16rem;}
.member-sort .sort-box .item-box .sort-left{padding-right:3vw;}
.member-sort .sort-box .item-box .item input{display:block;background:#f4f5f6;height:.48rem;padding:0 8px;font-size:.16rem;color:#333;width:100%;border-radius:.05rem;}
.member-sort .sort-box .item-box .item .input{position:relative;}
.member-sort .sort-box .item-box .item .input:after{content:"20";font-size:.16rem;color:#bababa;position:absolute;line-height:.48rem;top:0;right:.15rem;}
.member-sort .sort-box .item-box .item .btnbox>div{font-size:.16rem;color:#999;display:inline-block;cursor:pointer;}
.member-sort .sort-box .item-box .item .btnbox>div:nth-child(1){color:#f7b426;margin-right:.15rem;}
.member-sort .sort-box .addsort{display:flex;align-items:center;font-size:.16rem;color:#333;cursor:pointer;margin-top:.28rem}
.member-sort .sort-box .addsort img{margin-right:.1rem;width:.38rem}
.upload-pro .canshu-box input{width:100%;margin-bottom:.1rem;}
@media (min-width: 1000px){
.inquery .left .btn1:hover{transform:translateY(-5px)}
	.member-offer .offer-item .btn1:hover{background: #e3a41f;color: #fff}
	.inquery .box{cursor: url(../images/search2.png),auto;}
	.register .box .btn1:hover{background:#e24339; }
	.member-left-nav .item:hover .title{padding-left: .1rem}
	.member-pro .top .title .upload:hover{background: #f7b426;color: #fff}
	.member-pro .top .navs a:hover{color:#f7b426; }
	.upload-pro .one .right:hover span{color:#f7b426;}
	.upload-pro .addbtn:hover{background: #f7b426;color: #fff}
	.member-data .one .item:hover{color: #333}
	.member-data .one .item:hover:after{width: 100%;left: 0}
	.member-demand .one .navs .item:hover{color: #333}
	.member-demand .one .navs .item:hover:after{width: 100%;left: 0}
	.member-nav1 .item:hover{color: #333!important}
	.member-nav1 .item:hover:after{width: 100%;left: 0}
	.member-left-top .sendbtn:hover{background: #f9c353 }
	.member-right .savebtn:hover{background: #f9c353}
	.member-right .addbtn:hover{background: #f9c353}
}

@media (max-width: 767px){
	.member-left-nav .item{height: .8rem}
	.member-left{width: 100%;float: none;margin-bottom: .2rem}
	.member-right{width: 100%;float: none;}
	.member-left-top .sendbtn{font-size: 14px;}
	.member-left-top h2{font-size: 14px;}
	.member-left-top h1{font-size: 16px;}
	.member-left-nav .item .title{font-size: 14px;}
	.member-pro .top .title h1{font-size: 14px;}
	.member-pro .top .navs a{font-size: 14px;padding: 0;width: 33.33%;margin: 0;text-align: center;line-height: .7rem}
	.member-pro .top .title .upload{font-size: 14px;line-height: .4rem;width: .8rem}
	.member-pro .bottom .bottom-top .num{font-size: 14px;}
	.member-pro .bottom .bottom-top .select select{font-size: 14px;}
	.member-pro .bottom .probox .item .content h1{font-size: 14px;}
	.upload-pro .one h1{font-size: 14px;}
	.upload-pro .one .right span{font-size: 14px;}
	.upload-pro .title{font-size: 14px;}
	.member-right .input-item input{font-size: 14px;height: .7rem}
	.member-right .input-label{font-size: 14px;}
	.member-right .savebtn{font-size: 14px;line-height: .54rem;width: 1.6rem}
	.member-right .addbtn{line-height: .5rem;font-size: 14px;width: 1.6rem;}
	.member-right .input-item3 .uploadtxt p br{display: none;}
	.member-right .input-item3 .addbox p{font-size: 14px;}
	.member-right .input-item3 .addbox{width: 1.8rem;height: 1.6rem}
	.member-right .input-item4 .imgbox{width:1.8rem;height:1.6rem}
	.member-right .input-item3 .uploadtxt{margin-top: .2rem}
	.member-right .input-item3 .uploadtxt h1{font-size: 14px;}
	.member-right .input-item3 .uploadtxt p{font-size: 12px;}
	.member-right .input-item3 .add-right{display: block;}
	.member-right .input-item select{font-size: 14px;background-size: 5%;height: .7rem}
	.member-right .five .download .left{font-size: 14px;line-height: .5rem}
	.upload-pro .five .download .right{font-size: 14px;}
	.upload-pro .six .savebtn{width: 1rem;}
	.upload-pro .six .addbtn{width: 1rem;line-height: .5rem}
	.upload-pro .six .autosave{font-size: 14px;}
	.upload-pro .six .draft{font-size: 14px;}
	.member-quality .one{font-size: 14px;}
	.member-quality .input-item3 .addbox{width: 2.5rem;height: auto;}
	.member-quality .input-item3 .addbox .edit{font-size: 14px;}
	.member-quality .areaselect select{background-size: 8%}
	.member-quality .three .quality-success p{font-size: 14px;}
	.member-right .input-item3 textarea{font-size: 14px;height: 2.5rem}
	.member-data .one .item{font-size: 14px;line-height: .8rem}
	.member-demand .one .navs .item{font-size: 14px;line-height: .7rem}
	.member-demand .one .title{font-size: 14px;line-height: .8rem}
	.member-demand .input-item3 textarea{height: 1.8rem}
	.member-offer .one .term .weui-cell__bd>div{display: block;margin-bottom: .2rem}
	.member-offer .one .term{display: block;font-size: 14px;padding: 15px}
	.member-offer .one .term input {height: .5rem}
	.member-offer .one .term .name input{width: 2.5rem}
	.member-offer .one .term .btn1{font-size: 14px;width: 1.2rem;line-height: .5rem}
}

.login{background: #f0f0f0;height: 100vh}
.login .container{height: 100%}
.loginbox{display: flex;background: #fff}
.login .backbtn{font-size:.18rem;color:#fff;transition:all .3s ease;background:#e24339;width:1.2rem;float:left;padding:5px 0;text-align:center;margin-bottom:.1rem}
.login .backbtn:hover{color:#f7b426}
.loginbox .left{width: 36%;}
.loginbox .right{width: 64%;}
.login1{position: relative;padding: 0 2.3vw}
.login1 .form-box .item1{display:none;}
.login1 .form-box .item{display:none;padding-top:4.5vw}

iframe{width:2.8rem;height:2.8rem;}
.login1 .innerbox .input>input{ font-size: .16rem;width: 100%;color:#333;background: #f4f5f6;height: .5rem;padding: 0 .18rem;border-radius: .05rem}
.login1 .innerbox .input{margin-bottom: 1vw}
.login1 .innerbox .input input::-webkit-input-placeholder{color: rgb(186, 186, 186);}
.login1 .innerbox .code{padding: 0;}
.login1 .innerbox .code .input{margin: 0;}
.login1 .innerbox .code .getcode{font-size: .16rem;color: #999;line-height: .48rem;border:1px solid rgb(217, 218, 220);border-radius: .05rem;padding: 0 .25rem;margin-left: .1rem;cursor: pointer;}
.codelogin{position: absolute;right: .1rem;top: .1rem;width:.68rem;cursor: pointer;}
.codelogin p{font-size:12px;color:#333;position:absolute;bottom:.2rem;left:0;    transform: rotate(45deg);}
.login1 .tab .item{transition: all .25s;position: relative;padding:1vw 0;font-size: .22rem;color: #bababa;float: left;cursor: pointer;width:50%;text-align:center;}
.login1 .tab .item.on{color: #333}
.login1 .tab .item:after{content:"";left: 50%;width: 0;bottom: 0;background: #f7b426;height:2px;position: absolute;/* transition: all .3s */}
.login1 .tab .item.on:after{width: 100%;left: 0}
.login1 .tab{border-bottom: 1px solid #f2f2f2;/* margin-bottom: 4.5vw */}
.login1 .inputbox .input input{height: .42rem;font-size: .16rem;color: #333;padding: 0 5px;width: 100%}
.login1 .inputbox .input{border-bottom: 1px solid #e24339;position: relative;margin-bottom:1.25vw}
.login1 .inputbox .input:before{content:"";height: 4px;width: 1px;position: absolute;background:#e24339;left: 0;bottom: 0;position: absolute; }
.login1 .inputbox .input:after{content:"";height: 4px;width: 1px;position: absolute;background:#e24339;right: 0;bottom: 0;position: absolute; }
.login1 .inputbox .input input::-webkit-input-placeholder{color: #666666;}
.login1  .input-bottom{padding: 1vw 0 0}
.login1 .input-bottom-right{font-size: .16rem;color: rgb(153, 153, 153);text-align:right;}
.login1 .input-bottom .btn1{padding: 0;width: .5rem;background: none;display: block;transition:all .3s}
.login1 .innerbox .btn1{padding: 0;width: .5rem;background: none;display: block;transition:all .3s;}
.login1 .btn2{font-size:.16rem;color:#e24339;cursor:pointer;}
.wxitem{text-align:center;padding-top:3vw}
.wxitem p{font-size:.14rem;color:#333}
.wxitem p a{color:#e24339}
.wxitem .title{text-align:center;font-size:.16rem;color:#333}
.login1 .others p{font-size: .16rem;color: rgb(153, 153, 153);}
.login1 .others{text-align: center;margin-top:2vw}
.login1 .others-login{font-size: 0;margin-top:1.25vw}
.login1 .others-login a{display: inline-block;width: .41rem;margin: 0 .1rem}
.login1 .others-login a .after{display:none}
.login1 .others-login a:hover .before{display:none;}
.login1 .others-login a:hover .after{display:block;}
.login2{padding: .2rem 2vw .2rem 2vw;position: relative;}
.comlogin{width:.67rem;position: absolute;right: .15rem;top: .1rem;cursor: pointer;}

.login2 .title{font-size: .24rem;color: rgb(51, 51, 51);padding: .25rem 0;border-bottom: 1px solid #f2f2f2;margin-bottom: 3vw}
.login2{display: none;text-align:center;}
.login2 .mid{padding-top:3vw}
.login-container{height: 100%;max-width: 1370px;margin: 0 auto;display: flex;align-items: center;}
.login-bottom{text-align: center;margin-top: 2vw}
.login-bottom h1{font-size: .14rem;color: rgb(102, 102, 102);line-height: 1.5;}
.login-bottom p{font-size: 12px;color: rgb(153, 153, 153);margin-top: 5px;}
.login2 .mid img{width:56%;margin: 0 auto;}
.login2 .mid p{font-size: .14rem;color: rgb(51, 51, 51);text-align: center;margin-top: .1rem}
.login2 .mid p a{color:#e24339}
.login2 .login2-bottom{font-size: .16rem;color: rgb(153, 153, 153);text-align: center;margin-top: 4.5vw}
.login-bottom .logo img{height: .54rem;margin: 0 auto;}
.login1 .input-bottom-right a{transition: all .25s}
.login2 .login2-bottom a{transition: all .25s}
.impowerBox .info{display:none;}







@media (min-width: 1000px){
.login1 .input-bottom .btn1:hover{transform:translateY(-5px)}
/*      .loginbox .left .tab .item:hover:after{width: 100%;left: 0} */
     .loginbox .left .tab .item:hover{color: #333}
     .login1 .input-bottom-right a:hover{color:#f7b426 }
     .login2 .login2-bottom a:hover{color:#f7b426 }
	 .login1 .innerbox .btn1:hover{transform:translateY(-5px)}
}

.member-data .headimgbox{text-align: center;margin-bottom: .6rem}
.member-data .headimg{width: 100%;height: 100%;object-fit: cover;}
.member-data .headimgbox .imgbox{width: 1.4rem;height: 1.4rem;border-radius: 50%;overflow: hidden;margin: 0 auto;position: relative;}
.member-data .headimgbox p{font-size: .24rem;color: rgb(51, 51, 51);margin-top: .2rem}
.member-data .headimgbox .imgbox .before{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.3);font-size: .18rem;color: #fff;text-align: center;display: flex;align-items: center;}
.member-data .headimgbox input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0}
.member-data .editpassword{font-size: .16rem;color: rgb(186, 186, 186);position: absolute;right:.15rem;top:50%;transform: translateY(-50%);}

.member-right>div>div{background: #fff;border-radius: .05rem;margin-bottom: .2rem}
.visitor-collection .one .navs .item{margin: 0 .38rem}
.visitor-collection .two .brand .col{width:33.33%;padding: .1rem;}
.visitor-collection .two .brand .row{margin:-.1rem}
.visitor-collection .two .brand{padding: 0}

.member-title{line-height: .67rem;padding: 0 .28rem;font-size: .18rem;color: rgb(51, 51, 51);}
.visitor-messsage .two{padding: .3rem}
.visitor-messsage .two .item{display: flex;position: relative;padding: .2rem 0;border-bottom: 1px solid #f4f5f6}
.visitor-messsage .two .item .time{margin-right: .3rem}
.visitor-messsage .two .item h1{font-size: .18rem;color: rgb(51, 51, 51);}
.visitor-messsage .two .item p{display: none;font-size: .16rem;color: rgb(153, 153, 153);line-height: 1.75;margin-top: .1rem}
.visitor-messsage .two .item .icon .after{display: none;}
.visitor-messsage .two .item .icon{position: absolute;right: .2rem;top: 50%;transform: translateY(-50%);}
.visitor-messsage .two .item .content{padding-right: 9vw}
.visitor-messsage .two .item.on .icon .before{display: none;}
.visitor-messsage .two .item.on .icon .after{display: block;}

.visitor-collection2 .one .navs .item{margin: 0 .38rem}
.visitor-collection2 .two .news{padding: 0}
.visitor-collection2 .two .news .list1 .col-sm-4{padding: .11rem}
.visitor-collection2 .two .news .list1 .item{padding: .4rem .3rem .35rem}
.visitor-collection2 .two .news .row{margin: -.11rem}
.visitor-collection2 .two .news .list1 .item .content h1{font-size: .18rem;margin-top: .3rem;margin-bottom: .15rem}
.visitor-collection2 .two .news .list1 .item .content h2{font-size: .14rem;}
.visitor-collection2 .two .news .list1 .item .time h1{font-size: .28rem}
.visitor-collection2 .two .news .list1 .item .time h2{font-size: .14rem}
.visitor-collection2 .two .news .list1 .item .imgbox{margin-top: .5rem}

.visitor-demand .navs .item{margin-right:.56rem;}
.visitor-demand .navs{padding:0 .4rem}

.visitor-demand .two .item{transition: all .3s;display: flex;align-items: center;padding: .25rem .3rem;border-bottom: 1px solid #f4f5f6}
.visitor-demand .two .bottom .info-box>div{display: flex;padding-left: .2rem}
.visitor-demand .two .bottom .info-box>div .col:nth-child(1){width: 25%;}
.visitor-demand .two .bottom .info-box>div .col:nth-child(2){width: 21%;}
.visitor-demand .two .bottom .info-box>div .col:nth-child(3){width: 19%;}
.visitor-demand .two .bottom .info-box>div .col:nth-child(4){width: 35%;}
.visitor-demand .two .bottom .info-box{margin-right: 6vw;margin-top: .2rem;margin-left: 6.5vw;}
.visitor-demand .two .bottom .info-box .th{background: #72777d;font-size: .14rem;color: #fff;line-height:45px;}
.visitor-demand .two .bottom .info-box .td{font-size: .16rem;color: rgb(51, 51, 51);line-height: .5rem;border:1px solid rgb(227, 227, 227);border-top: 0 }
.visitor-demand .two .bottom .info-box .ft{font-size: .16rem;color: rgb(51, 51, 51);line-height: .5rem;border:1px solid rgb(227, 227, 227);border-top: 0}
.visitor-demand .two .bottom .info-box .ft span{color: #999}
.visitor-demand .two .item .num span{position: absolute;line-height: 24px;font-size: .16rem;color: #fff;width: 100%;left: 0;top: 0;text-align: center;}
.visitor-demand .two .item .num{position: relative;}
.visitor-demand .two .item .cancel{transition: all .25s;font-size: .18rem;color: rgb(153, 153, 153);margin-right:2vw;cursor: pointer;}
.visitor-demand .two .item .title{font-size: .18rem}
.visitor-demand .two .item .title .time{color: #999;margin-right: .3rem}
.visitor-demand .two .item .title .h1{color: #333}
.visitor-demand .two .item .title>div{float: left;}
.visitor-demand .two .item.on{background: #f9fafb;}
.visitor-demand .two .bottom{display: none;}
.visitor-demand .two .item .again{margin-left: .2rem;transition: all .3s linear;font-size: .16rem;width: 1.26rem;line-height: .4rem;border-radius: 40px;border: 1px solid #e24339;color: #e24339;text-align: center;}

.visitor-inquery .two{padding-bottom: .4rem}
.visitor-inquery .two>div .col:nth-child(10){width: 8.5%}
.visitor-inquery .two>div .col:nth-child(9){width:9%}
.visitor-inquery .two>div .col:nth-child(8){width:13.5%}
.visitor-inquery .two>div .col:nth-child(7){width:11.5%}
.visitor-inquery .two>div .col:nth-child(6){width:8.5%}
.visitor-inquery .two>div .col:nth-child(5){width:5.5%}
.visitor-inquery .two>div .col:nth-child(4){width:5.5%}
.visitor-inquery .two>div .col:nth-child(3){width:10%}
.visitor-inquery .two>div .col:nth-child(2){width:22.5%}
.visitor-inquery .two>div .col:nth-child(1){width:5.5%;text-align: center;}
.visitor-inquery .two .th{font-size: .14rem;color: #999;padding: .2rem 0;border-bottom: 1px solid #f4f5f6;display: flex;align-items: center;}
.visitor-inquery .two .info-box img{width:.5rem;height: .5rem;object-fit: cover;border-radius: .05rem;margin-right: .15rem}
.visitor-inquery .two .info-box{display: flex;align-items: center;}
.visitor-inquery .two .info-box h1{font-size: .16rem;color: rgb(51, 51, 51);}
.visitor-inquery .two .info-box h2{font-size: .14rem;color: #999;margin-top: .1rem}
.visitor-inquery .two .td{font-size: .16rem;color: #333;padding: .2rem 0;border-bottom: 1px solid #f4f5f6;display: flex;align-items: center;}
.visitor-inquery .two .td .status1{color: #e24339}
.visitor-inquery .item .top{display: flex;align-items: center;}
.visitor-inquery .item .info-line{display: flex;align-items: center;color: #333;padding-top: 8px;}
.visitor-inquery .item{padding: 15px;font-size: 14px;border-bottom: 1px solid #f4f5f6}
.visitor-inquery .item .top .num{margin-right: 15px}
.visitor-inquery .item .top{padding-bottom: 15px;border-bottom: 1px solid #f4f5f6}

.visitor-quote .one .left{font-size: .18rem;color: #333}
.visitor-quote .one{display: flex;align-items: center;height: .67rem;padding-left: .4rem;padding-right: .3rem}
.visitor-quote .one .right span{font-size: .18rem;color: #999;transition: all .25s;display: inline-block;vertical-align: middle;}
.visitor-quote .one .right img{display: inline-block;margin-right: 5px;width: .23rem}
.visitor-quote .two .top{padding: .3rem;padding-right: .4rem;display: flex;align-items: center;font-size: .18rem;border-bottom: 1px solid #f4f5f6}
.visitor-quote .two .top .time{color: #999;margin-right: .25rem}
.visitor-quote .two .top .name{color: #333}
.visitor-quote .two .top .quote{color: #f7b426}
.visitor-quote .two .bottom{padding: .4rem 2vw .55rem}
.visitor-quote .two .table1>div{display: flex;align-items: center;padding: 0 .3rem}
.visitor-quote .two .table1 .th{background:#72777d;font-size: .14rem;color: #fff;line-height: .44rem}
.visitor-quote .two .table1>div .col:nth-child(1){width: 15%;}
.visitor-quote .two .table1>div .col:nth-child(2){width: 20%;}
.visitor-quote .two .table1>div .col:nth-child(3){width: 15%;}
.visitor-quote .two .table1>div .col:nth-child(4){width: 20%;}
.visitor-quote .two .table1>div .col:nth-child(5){width: 30%;}
.visitor-quote .two .table1 .td{height: .5rem;font-size: .16rem;color: #333;border: 1px solid #e3e3e3;border-top: 0}
.visitor-quote .two .table1 .ft{height: .5rem;font-size: .16rem;color: #333;border: 1px solid #e3e3e3;border-top: 0}
.visitor-quote .two .table1 .ft span{color: #999;margin-right: .1rem}

.visitor-quote .two .table2>div{display: flex;align-items: center;padding: 0 .3rem}
.visitor-quote .two .table2>div .col:nth-child(1){width: 5%;}
.visitor-quote .two .table2>div .col:nth-child(2){width: 16%;}
.visitor-quote .two .table2>div .col:nth-child(3){width: 14%;}
.visitor-quote .two .table2>div .col:nth-child(4){width: 10%;}
.visitor-quote .two .table2>div .col:nth-child(5){width: 6%;}
.visitor-quote .two .table2>div .col:nth-child(6){width: 6%;}
.visitor-quote .two .table2>div .col:nth-child(7){width: 10%;}
.visitor-quote .two .table2>div .col:nth-child(8){width: 11%;}
.visitor-quote .two .table2>div .col:nth-child(9){width: 13%;}
.visitor-quote .two .table2>div .col:nth-child(10){width: 9%;}
.visitor-quote .two .table2 .th{background:#edeff1;font-size: .14rem;color: #999;line-height: .44rem;border: 1px solid #e3e3e3;border-top: 0;border-bottom: 0}
.visitor-quote .two .table2 .td{height: .5rem;font-size: .16rem;color: #333;border: 1px solid #e3e3e3;border-top: 0}
.visitor-quote .two .table2 .ft{height: .5rem;font-size: .16rem;color: #333;border: 1px solid #e3e3e3;border-top: 0;}
.visitor-quote .two .table2 .ft span{color: #999;margin-right: .1rem}



@media (min-width: 1000px){
	.visitor-demand .two .item .again:hover{background: #e24339;color: #fff }
	.visitor-demand .two .item .cancel:hover{color: #e24339}
	.visitor-quote .one .right:hover span{color: #e24339}
}
@media (max-width: 767px){
	.visitor-inquery .two .info-box h1{font-size: 14px;}
	.visitor-inquery .two .info-box h2{font-size: 12px;}
	.visitor-inquery .two .info-box img{width: .8rem;height: .8rem}
	.visitor-inquery .two .tr{display: none;}
	.visitor-inquery .two .td{display: none;}
	.brand .list .col{width:100%!important;}
	.brand .list .title h1{padding-left: 10vw}
	.brand .list .title h2{padding-left: 10vw}
	.brand .list .item1 p{font-size: 14px;}
	.brand .list .item1 h2{font-size: 14px;}
	.brand .list .item1{padding: 0 15px}
	.member-data .headimgbox .imgbox{width: 2rem;height: 2rem;}
	.member-data .editpassword{font-size: 14px;}
	.member-nav1 .item{width: 33.33%;margin: 0!important;text-align: center;font-size: 14px;line-height: .8rem!important;padding: 0!important}
	.visitor-demand .navs{padding: 0}
	.member-title{font-size: 14px;line-height: .8rem}
	.visitor-quote .one{height: .8rem}
	.visitor-quote .one .left{font-size: 14px;}
	.visitor-quote .one .right span{font-size: 14px;}
	.visitor-quote .two .top{font-size: 14px}
	.loginbox .right{display:none;}
	.loginbox .left{width:100%}
	.login .backbtn{font-size:14px;}
	.login1 .tab .item{font-size:14px;padding:.2rem 0}
	.login1 .inputbox .input input{height:.7rem;font-size:14px;}
	.login1 .input-bottom-right{font-size:14px;}
	.login1 .others p{font-size:14px;}
	.login1 .inputbox .input{margin-bottom:.25rem}
	.login1{padding:15px;padding-top: 0;}
	.login2 .mid p{font-size:14px;}
	.login2{padding:15px;}
	.login2 .login2-bottom{font-size:14px;}
	.login2 .mid img{width:50%}
	.login1 .input-bottom .btn1{width:.6rem}
	.login1 .innerbox .input>input{height:.7rem;font-size:14px;}
	.login1 .innerbox .btn1{width:.6rem;margin-top:.35rem}
	.login1 .innerbox .input{margin-bottom:.25rem}
	.login1 .innerbox .code .getcode{line-height:.68rem;font-size:14px;}
	.login1 .others-login a{width:.5rem}
	.login1 .btn2{margin-top:.2rem;font-size:14px;}
	.wxitem .title{font-size:13px;}
	.wxitem p{font-size:13px;}
}

.pro-menu.on{display:none!important}
.enter-box{position:fixed;right:10px;top:40vh;z-index:10;text-align:center;display:none;}
.enter-box .before{width:92px;height:92px;border-radius:5px;background:#f7b426;border:1px solid #f7b426;padding-top:16px;transition:all .3s ease;cursor:pointer;}
.enter-box img{margin:0 auto;}
.enter-box .before p{font-size:14px;color:#fff;margin-top:8px;}
.enter-box .after{position:absolute;top:100%;left:0;right:0;z-index:10;display:none;}
.enter-box .after p{font-size:14px;color:#f7b426;margin-top:6px}
.enter-box .after .item{display:block;background:#fef6ea;border:1px solid #f7b426;border-top:0;padding:15px 0}
.enter-box .after .item:last-child{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.enter-box:hover .before{width:144px;border-bottom-left-radius: 0; border-bottom-right-radius: 0;}

#canv{position:absolute;left:0;top:0;width:100%;height:100%;}

.bdshare-button-style0-24 a{float:none!important;}
.bdshare-button-style0-24{margin-top:10px;}
.news .list1 .item{position:relative;z-index:1}
.member-pro .bottom .probox .item{position:relative;}
.news .list1 .item .delete{width:.3rem;position:absolute;right:30px;top:40px;z-index:10}
.member-pro .bottom .probox .item .delete{width:.3rem;position:absolute;right:30px;bottom:20%;z-index:10}

.member-right .input-item4 .imgbox .delete{position:absolute;top:.1rem;right:.1rem;width:20px;height:20px;}
.brand .list .item{position:relative}
.brand .list .item .delete{width:.3rem;position:absolute;right:20px;top:20px;z-index:10}
.prodetails .four .imgbox img{margin:0 auto;}
.message-num{    width: .24rem;
    line-height: .24rem;
    background: #f7b426;
    text-align: center;
    border-radius: 50%;
    font-size: .14rem;
    color: #fff;display:inline-block;}
	
@media (max-width:767px){
.message-num{width:18px;line-height:18px;font-size:12px;}
.supply .three .item{    width: 100%;    height: 1rem;margin: 0;    display: block;    background: #fff;}
.supply .three .item:before{display:none;}
.supply .three .col{float:left;width:33.33%;    padding: 5px;}
.supply .three .container{height:9rem}
}	

.member-menu{display: none;}
.phone-title{display:none;}
@media (max-width:767px){
.phone-title{display:inline-block;width:100px}
.baojiabox1{width:100%;left:0;margin-left:0}
.baojiabox1 .table1 .td{font-size:14px;border:0;height:auto}
.baojiabox1 .table1>div{padding:0}
.baojiabox1 .table1 .ft{height:auto;border:0;font-size:14px;}
.baojiabox1 .table1 .ft span{width:100px;margin-right:0}
.baojiabox1 .table2 .td{height:auto;font-size:14px;padding:0;border:0}
.baojiabox1 .table1 .th{display:none}
.baojiabox1 .table2 .th{display:none}
.baojiabox1 .table1>div{display:block;}
.baojiabox1 .table2>div{display:block;}
.baojiabox1 .table2>div .col{display:flex;align-items:center;}
.baojiabox1 .table2 .td .col input{height:30px;}
.baojiabox1 .table1>div .col{width:100%!important;margin-bottom: .1rem;}
.baojiabox1 .table2>div .col{width:100%!important;margin-bottom: .1rem;}
.baojiabox1 .btn1{font-size:14px;}
.baojiabox1 .table2 .ft{display:flex;align-items:center;height:auto;padding:0;font-size:14px;border:0;padding-right:.1rem;color:#333;margin-bottom: .1rem;}
.baojiabox1 .table2 .ft span{width:100px;display:inline-block;margin-right:0;color:#333}
.baojiabox1 .table2 .ft input{width:100%;height:30px;}
.baojiabox1 .table1{    border: 1px solid #e3e3e3;border-left: 0;border-right: 0;padding: .2rem 0;}
.baojiabox1 .table2{padding: .2rem 0;}
.baojiabox1 .before{height:60vh;overflow-y:scroll}
.baojiabox1 .top h1{font-size:14px;}
	.member-menu{display: flex;align-items: center;background: #fff;height: .8rem;font-size: 16px;padding: 0 .25rem;border-bottom: 1px solid #f4f5f6;color:#f7b426}
.member-menu .nav-icon span{display: block;width: 20px;height: 2px;background:#f7b426;border-radius:2px;transition: all .3s linear}
.member-menu .nav-icon span:not(:first-child){margin-top:4px;}
.member-menu.on .nav-icon span:nth-of-type(1){-webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg);transform: matrix(1,0,0,1,0,6) rotate(45deg);}
.member-menu.on .nav-icon span:nth-of-type(3){-webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg);transform: matrix(1,0,0,1,0,-6) rotate(-45deg);}
.member-menu.on .nav-icon span:nth-of-type(2){width: 0}
.member-left-nav{display: none;}
.member-offer .two .offer-top{font-size:12px;height:40px;}
.member-offer .offer-item{font-size:12px}
.member-offer .offer-item .btn1{line-height:25px;}
.member-offer .two>div{padding:0 15px}
.member-offer .offer-item{height:50px}
.visitor-demand .two .item .title{font-size:14px;}
.visitor-demand .two .item .num span{font-size:12px;}
.visitor-demand .two .item .cancel{font-size:12px}
.visitor-demand .two .bottom .info-box{margin-left:0;margin-right:.2rem}
.visitor-demand .two .bottom .info-box .th{float:left;width:35%;font-size:12px;display:block;border-bottom: 1px solid #72777d;}
.visitor-demand .two .bottom .info-box .th .col{border: 1px solid #72777d;border-left: 0;border-bottom: 0;}

.visitor-demand .two .bottom .info-box .td{float:left;width:65%;font-size:12px;border:0;border-bottom: 1px solid #e3e3e3;}
.visitor-demand .two .bottom .info-box>div .col{width:100%!important;line-height:40px;padding-left:5px}
.visitor-demand .two .bottom .info-box .td .col{border: 1px solid #e3e3e3;border-left: 0;border-bottom: 0;}
.visitor-demand .two .bottom .info-box>div{padding-left:0;display:block;}
.visitor-demand .two .bottom .info-box .ft{font-size:12px;border:0}
}
.member-offer .two>div .col:nth-child(4){width:31%}

.login1 .others{display:none}
.follow-box{position: fixed;width:5.2rem;height: 4rem;top: 50%;left: 50%;margin-left: -2.7rem;margin-top: -2rem;padding:0 .4rem;padding-top: .5rem;z-index: 100;text-align: center;}
.follow-box .img1{display: block;margin: 0 auto;width: 2.2rem}
.follow-box p{font-size: .18rem;color: 3333; line-height: 1.667;margin-top: .3rem;}
.follow-box{border-radius: .12rem;background: #fff;box-shadow: 0px .04rem .16rem 0px rgba(0, 0, 0, 0.15);}
.follow-close{position: absolute;right: .2rem;top: .2rem;cursor:pointer;}
@media (max-width:767px){
.login1 .others{display:block;}
.codelogin{display:none}
.follow-box{display:none;}
}



