body{background:#fff}
.banner{height:560px;overflow:hidden;background:linear-gradient(90deg, #EA5633 0%, #DF0420 100%)}
.banner .bgimg{width:100%;height:100%;background:url("../../img/gqhd.png") center no-repeat}
.banner .bgimg a{display:block;width:100%;height:100%}
.banner-normal{height:560px;overflow:hidden;background:#223aad}
.banner-normal .bgimg{width:100%;height:100%;background:url("../../img/banner_img.png") center no-repeat}
.recycle-btns-area{position:absolute;bottom:69px;left:0;right:0;text-align:center}
.recycle-btns-area>a.link,.recycle-btns-area>span.code{display:inline-block;height:24px;padding:20px 30px;border-radius:32px;font-size:24px;margin:0 12px;transition:.5s}
.recycle-btns-area .link{background:#f4781e;color:#fff;border:1px solid #FFDC39}
.recycle-btns-area .link:hover{background-color:#FFDC39;color:#956B23;}
.recycle-btns-area .code{border:1px solid #fff;color:#fff;position:relative;cursor:pointer}
.recycle-btns-area .code i{font-size:32px;vertical-align:middle;margin-right:5px}
.recycle-btns-area .code .ewm-img{display:none;position:absolute;left:0;top:-225px;width:208px;height:208px;padding:5px;background:#fff;border-radius:10px;box-shadow:0 0 10px #666}
.recycle-btns-area .code:hover{background:#fff;color:#333}
.recycle-btns-area .code:hover .ewm-img{display:block}
.notice{margin-top:-47px;z-index:1;display:none}
.notice>div{max-width:1600px;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;box-sizing:border-box;background:#fff;border-radius:8px;box-shadow:0 0 16px rgba(157, 158, 159, .5);-webkit-box-shadow:0 0 16px rgba(157, 158, 159, .5)}
.notice .title{font-size:24px;color:#399eff;padding-right:25px;border-right:4px solid #399eff;flex-shrink:0}
.notice .title i{display:inline-block;width:44px;height:44px;vertical-align:middle;margin-right:12px;background:url("../../img/icon_pub.png") center no-repeat}
.notice .contents{flex-grow:1;padding-left:30px;color:#999;overflow:hidden}
.notice .contents ul li{height:21px;padding:3px 0;font-weight:500;color:#399eff}
.notice .contents ul li a{color:#399eff}
.notice .contents ul li b{font-size:28px;font-weight:bold}
.notice .contents ul li .text{display:inline-block;max-width:80%;padding:0 5px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notice a.more{flex-shrink:0}

.step-wrap{padding:50px 0}
.step-wrap>div{max-width:1600px;position:relative}
.step-wrap ul{display:flex;justify-content:center;align-items:center}
.step-wrap li{width:12%;text-align:center}
@media(max-width:1680px){.step-wrap{padding:36px 0}.step-wrap li .bg{font-size:16px}}
.step-wrap li .circle{width:70px;height:70px;margin:0 auto;background:#FFF;padding:10px;border-radius:50%;box-shadow:0px 6px 12px 1px #DFE3F5}
.step-wrap li .bg{font-size:18px;font-weight:bold;margin-top:20px}
.step-wrap li .text{position:relative;top:-33px}
.step-wrap li .text:before{display:block;content:"";position:absolute;left:0;right:0;top:33px;height:0;border-top:1px dashed #b8bfc4}
.step-wrap li .text:after{display:block;content:"";position:absolute;left:50%;transform:translateX(-50%);top:24px;width:18px;height:18px;background:url("../../img/arrow2.png") no-repeat}
.step-wrap a.recycle-more{position:absolute;right:0;top:-8%;padding:.4% .75%;background:#129EFB linear-gradient(240deg, #0077F5 0%, #00A4F9 100%);color:#fff;border-radius:18px}

.cardswiper-wrap{padding:60px 0}
.swiper-title ul{display:flex;justify-content:space-around;align-items:center;padding:0 8%}
.swiper-title li{text-align:center;position:relative;width:12%;cursor:pointer}
.swiper-title li a{font-size:16px}
.swiper-title li i{font-size:18px;margin-right:5px}
.swiper-title li i.icon-fire{color:#ff8b70}
.swiper-title li i.icon-huafei{color:#fd7943}
.swiper-title li i.icon-youxi{color:#4cb1f7}
.swiper-title li i.icon-jiayou{color:#46e090}
.swiper-title li i.icon-gouwu{color:#d18dfd}
.swiper-title li i.icon-meishi{color:#fdc830}
.swiper-title li i.icon-yinshi{color:#2bf1f4}
.swiper-title .cover{width:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;filter:alpha(opacity=0);visibility:hidden;transition:.3s}
.swiper-title li img {width:100%}
.swiper-title li:hover .cover,.swiper-title li.hover .cover{opacity:1;filter:alpha(opacity=100);visibility:visible;width:100%}
.cardswiper-wrap .swiper-content{padding-top:5%;position:relative}
.cardswiper-wrap .swiper-container{height:270px}
.cardswiper-wrap .swiper-container .pagination{position:absolute;z-index:2;left:0;bottom:0;right:0;text-align:center}
.cardswiper-wrap .swiper-container .swiper-pagination-switch{display:inline-block;width:6px;height:6px;border-radius:6px;background:#ABDBFD;margin:0 3px;cursor:pointer}
.cardswiper-wrap .swiper-container .swiper-active-switch{width:24px;background:#129EFB}
.cardswiper-wrap .swiper-container .swiper-slide{width:1000px;text-align:center}
.cardswiper-wrap .swiper-container .swiper-slide-inner{display:inline-block;width:13.66%;margin:1%;min-height:200px;position:relative;box-sizing:border-box;border:2px solid transparent;background:#fff;box-shadow:0 0 16px rgba(223, 227, 245, 0.75);border-radius:8px}
.cardswiper-wrap .swiper-container .swiper-wrapper .swiper-slide-inner:first-child{margin-left:2.5%}
.cardswiper-wrap .swiper-container .swiper-wrapper .swiper-slide-inner:last-child{margin-right:2.5%}
.cardswiper-wrap .swiper-container .swiper-slide-inner>a{display:block;padding:22px 0}
.cardswiper-wrap .swiper-container .swiper-slide-inner .cardname{padding:0 5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cardswiper-wrap .swiper-container .swiper-slide-inner:hover{border-color:#129EFB;transition:.75s}
.cardswiper-wrap .swiper-container .swiper-slide-inner:hover .cardname{color:#399eff}
.cardswiper-wrap .swiper-container .swiper-slide-inner img{width:119px;height:40px}
.cardswiper-wrap .swiper-container .swiper-slide-inner .price{color:#FFBA69;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cardswiper-wrap .swiper-container .swiper-slide-inner i.recycle-btn{display:inline-block;width:113px;height:38px;margin:12px auto;background:url("../../img/sell_btn.png") center no-repeat}
.cardswiper-wrap .swiper-container .swiper-slide-inner i.act{width:93px;height:22px;position:absolute;top:-7px;right:-14px;background:url("../../img/acting_icon.png") center 100%/100% no-repeat}
.swiper-container .arrow-left,.swiper-container .arrow-right{opacity:0.2;cursor:pointer}
.swiper-container .arrow-left:before,.swiper-container .arrow-left:after,.swiper-container .arrow-right:before,.swiper-container .arrow-right:after{width:16px;height:16px;content:"";border-top:4px solid #129EFB;position:absolute;top:40%}
.swiper-container .arrow-left:before{left:8px;border-left:4px solid #129EFB;transform:rotateZ(-45deg)}
.swiper-container .arrow-left:after{left:20px;border-left:4px solid #129EFB;transform:rotateZ(-45deg)}
.swiper-container .arrow-right:before{right:8px;border-right:4px solid #129EFB;transform:rotateZ(45deg)}
.swiper-container .arrow-right:after{right:20px;border-right:4px solid #129EFB;transform:rotateZ(45deg)}
.swiper-container .arrow-left:hover,.swiper-container .arrow-right:hover{opacity:1;transition:.5s}

.advantage-wrap{background:#EEF7FD;padding:20px 0 60px 0;text-align:center}
.advantage-wrap ul{display:flex;justify-content:space-around;align-items:center;margin-top:30px}
/*@keyframes shake{0%{transform:rotate(0)} 25%{transform:rotate(-45deg)} 75%{transform:rotate(45deg)} 100%{transform:rotate(0)}}*/
.advantage-wrap li{width:20%;min-width:255px}
.advantage-wrap li img{transition:.3s;transform:scale(.85)}
.advantage-wrap li:hover img{transform:scale(1)}
.advantage-wrap li h6{margin-top:15%}

.news-wrap{padding-top:40px}
.news-wrap a.more{position:absolute;right:0;color:#999;font-size:16px}
.news-wrap a.more i{display:inline-block;width:24px;height:24px;vertical-align:-6px;background:url("../../img/news_more.png") 90%/90% no-repeat}
.news-wrap a.more:hover{color:#399eff}
/*.news-wrap .news-tab{margin-top:30px;border-bottom:3px solid #DEF1FF}
.news-wrap .news-tab ul{display:flex;justify-content:center;align-items:center}
.news-wrap .news-tab li{padding:10px;margin:0 16px;font-size:16px;color:#999;position:relative;cursor:pointer;transition:.3s}
.news-wrap .news-tab li.cur{color:#399eff;font-size:18px}
.news-wrap .news-tab li.cur:after{content:"";display:block;height:4px;position:absolute;bottom:-3px;left:0;right:0;font-size:0;background:#399eff}*/
/*.news-wrap .news-area{-webkit-perspective:2000}*/
.news-wrap .newslist{margin-top:50px/*animation:fz360 .75s ease-out*/}
/*@keyframes fz360{from{transform:rotateY(180deg)}to{transform: rotateY(0deg)}}*/
/*.news-wrap .newslist.show{display:block}*/
.news-area .newslist .item{width:50%;float:left;padding:10px 3.5% 10px 0;padding-bottom:10px;display:flex;align-items:center;box-sizing:border-box}
.news-area .newslist .item:nth-child(even){padding:10px 0 10px 3.5%;border-left:1px dashed #bebebe;}
/*.newslist .item .img{width:169px;height:100px;box-sizing:border-box;border:2px solid #eee;border-radius:8px}*/
.news-area .newslist .item .contents{height:100px;flex-grow:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;text-align:left}
/*.newslist .item .contents:nth-child(2n){padding:0 0 0 2%}
.newslist .item .contents:nth-child(2n-1){padding:0 2% 0 2%}*/
.news-area .newslist .item .contents .text{height:40px;overflow:hidden;color:#626262;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-area .newslist .item .icon-liulanliang{margin-right:2px}
.news-area .newslist .item h3{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*.newslist .item:hover .img{border-color:#129EFB}*/
.news-area .newslist .item:hover h3 a{color:#129EFB}
.news-area .swiper-container{height:700px}
.news-area .swiper-container .pagination{position:absolute;z-index:2;left:0;bottom:0;right:0;text-align:center}
.news-area .swiper-container .swiper-pagination-switch{display:inline-block;width:6px;height:6px;border-radius:6px;background:#ABDBFD;margin:0 3px;cursor:pointer}
.news-area .swiper-container .swiper-active-switch{width:24px;background:#129EFB}

.about-wrap{padding:40px 0 80px 0;background:#eef7fd}
.about-wrap .about-us p{text-indent:32px;text-align:center;padding:0 6%}
.about-wrap .about-us a:hover{color:#399eff}

.coperarea{margin:60px 0}
.coperbrand{margin-top:40px}
.coperbrand .swiper-container{height:400px}
.coperbrand ul{display:flex;flex-wrap:wrap}
.coperbrand .swiper-slide li{width:13.16%;margin:10px 1.5%;padding:30px 0;background-color:#fff;box-shadow:0 0 14px 1px rgba(158,158,158, .16);border-radius:10px}
.coperbrand .swiper-slide li:nth-child(6n+1){margin-left:3%}
.coperbrand .swiper-slide li img{width:119px;height:40px;transition:.3s}
.coperbrand .swiper-slide li:hover img{transform:scale(1.15)}
.coperbrand .swiper-container .pagination{position:absolute;z-index:2;left:0;bottom:0;right:0;text-align:center}
.coperbrand .swiper-container .swiper-pagination-switch{display:inline-block;width:30px;height:6px;border-radius:6px;margin:0 3px;background:#DBDBDB}
.coperbrand .swiper-container .swiper-pagination-switch.swiper-active-switch{width:32px;background:#92D0F9}

/*.banner{margin:60px 0}*/
/*.banner{margin-top:40px}*/
.banner .swiper-container{height:400px;width:100%}
.banner .swiper-wrapper {width:100%;height:100%}
.banner .swiper-slide {width:100%;height:100%;
    text-align:center;
    font-size: 18px;
    background: #fff;
    display:flex;
    justify-content:center;
    align-items:center;
}
.banner .swiper-slide  img ,.banner .swiper-slide a{
    display:block;
    width:100%;
    height: 100%;
    /*object-fit: cover;*/
}

/*.qipao-area .qipao-wrap{position:relative;height:500px}
.about-us{display:flex;justify-content:space-around;align-items:center}
.about-us .intro{width:48%;font-size:16px;line-height:220%;color:#707070}
.about-us .service_circles .item-circle{border-width:2px;border-style:solid;padding:50px;border-radius:50%}
.about-us .circle_one{border-color:#BFDBED}
.about-us .circle_two{border-color:#7AB1D7}
.about-us .circle_three{border-color:#0B6EB2}
.about-us .circle_four{width:65px;height:65px;background:#fff;padding:30px!important;border-color:transparent}
.about-us .item-icon{font-size:18px;font-weight:bold;position:absolute}
.about-us .item-icon i{display:inline-block;vertical-align:middle;width:56px;height:56px;background-color:#59B1EE;background-repeat:no-repeat;background-position:center;background-size:64%;border-radius:50%}
.about-us .pos2{left:-4px;top:66%}
.about-us .pos3{left:-86px;top:32%}
.about-us .pos4{left:46px;top:10.5%}
.about-us .pos5{right:-30px;top:9%}
.about-us .pos6{right:0;bottom:4.5%}
.about-us .icon2{background-image:url("../../img/service2.png")}
.about-us .icon3{background-image:url("../../img/service3.png")}
.about-us .icon4{background-image:url("../../img/service4.png")}
.about-us .icon5{background-image:url("../../img/service5.png")}
.about-us .icon6{background-image:url("../../img/service6.png")}*/