body{background:#fff}
.banner{height:560px;overflow:hidden;}
.banner .bgimg{width:100%;height:100%;background:url("../images/banner_img.png") center no-repeat;background-size: cover;}
.recycle-btns-area{position:absolute;bottom:84px;left:0;right:0;text-align:center}
.recycle-btns-area a{display:inline-block;/*height:24px;*/padding:20px 30px;border-radius:32px;font-size:24px;margin:0 12px;transition:.5s}
.recycle-btns-area a.link{background-color:#FFDC39;color:#956B23;border:1px solid #FFDC39}
.recycle-btns-area a.link:hover{background:#f4781e;color:#fff}
.recycle-btns-area a.code{border:1px solid #fff;color:#fff;position:relative}
.recycle-btns-area a.code i{font-size:32px;vertical-align:middle;margin-right:5px}
.recycle-btns-area a.code span{position:absolute;left:0;top:-225px;display:none;width:208px;height:208px;padding:5px;background:#fff;border-radius:10px;box-shadow:0 0 10px #666}
.recycle-btns-area a.code:hover{background:#fff;color:#333}
.recycle-btns-area a.code:hover span{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;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("../images/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}
.notice .contents ul li:nth-child(1){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 3%}
.step-wrap ul{display:flex;justify-content:center;align-items:center;margin:0 auto}
.step-wrap li {width:12%;text-align:center}
@media(max-width:1680px){.step-wrap{padding:36px 3%}.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("../images/arrow2.png") no-repeat}

.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{display:inline-block;width:21px;height:24px;vertical-align:-6px;margin-right:5px}
.swiper-title li i.s0{background:url("/Public/static/web/images/cate0.png") center no-repeat}
.swiper-title li i.s1{background:url("/Public/static/web/images/cate1.png") center no-repeat}
.swiper-title li i.s2{background:url("/Public/static/web/images/cate2.png") center no-repeat}
.swiper-title li i.s3{background:url("/Public/static/web/images/cate3.png") center no-repeat}
.swiper-title li i.s4{background:url("/Public/static/web/images/cate4.png") center no-repeat}
.swiper-title li i.s5{background:url("/Public/static/web/images/cate5.png") center no-repeat}
.swiper-title li i.s6{background:url("/Public/static/web/images/cate6.png") center no-repeat}
.swiper-title li i.s7{background:url("/Public/static/web/images/cate7.png") center no-repeat}
.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}
.swiper-container .pagination{position:absolute;z-index:2;left:0;bottom:0;right:0;text-align:center}
.swiper-container .swiper-pagination-switch{display:inline-block;width:6px;height:6px;border-radius:6px;background:#ABDBFD;margin:0 3px;cursor:pointer}
.swiper-container .swiper-active-switch{width:24px;background:#129EFB}
.swiper-container .arrow-left,.swiper-container .arrow-right{opacity:0.2}
.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}
.swiper-container .swiper-slide{width:1000px;text-align:center}
.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}
.swiper-container .swiper-wrapper .swiper-slide-inner:first-child{margin-left:2.5%}
.swiper-container .swiper-wrapper .swiper-slide-inner:last-child{margin-right:2.5%}
.swiper-container .swiper-slide-inner>a{display:block;padding:22px 0}
.swiper-container .swiper-slide-inner .cardname{padding:0 5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.swiper-container .swiper-slide-inner:hover{border-color:#129EFB;transition:.75s}
.swiper-container .swiper-slide-inner:hover .cardname{color:#399eff}
.swiper-container .swiper-slide-inner img{width:119px;height:40px}
.swiper-container .swiper-slide-inner .price{color:#FFBA69;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.swiper-container .swiper-slide-inner i.recycle-btn{display:inline-block;width:113px;height:38px;margin:12px auto;background:url("../images/sell_btn.png") center no-repeat}

.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:40px 0}
.news-wrap a.more{position:absolute;right:2.25%;color:#999;font-size:16px}
.news-wrap a.more i{display:inline-block;width:24px;height:24px;vertical-align:-6px;background:url("../images/news_more.png") 90%/90% no-repeat}
.news-wrap a.more:hover{color:#399eff}
.news-wrap .newslist{margin-top:40px;display:flex;align-items:center;flex-wrap:wrap}
.newslist .item{width:50%;margin:15px 0;display:flex;align-items:center}
.newslist .item .img{width:200px;height:118px;box-sizing:border-box;border:2px solid #eee;border-radius:8px}
.newslist .item .content{height:120px;flex-grow:1;padding:0 4% 0 2%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.newslist .item .content .text{height:60px;overflow:hidden;color:#626262}
.newslist .item .icon-liulanliang{margin-right:2px}
.newslist .item h3{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newslist .item:hover .img{border-color:#129EFB}
.newslist .item:hover h3 a{color:#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:40px 0 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{cursor:default}
.coperbrand .swiper-container .swiper-pagination-switch{width:30px;background:#DBDBDB}
.coperbrand .swiper-container .swiper-pagination-switch.swiper-active-switch{width:32px;background:#92D0F9}
/*.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("../images/service2.png")}
.about-us .icon3{background-image:url("../images/service3.png")}
.about-us .icon4{background-image:url("../images/service4.png")}
.about-us .icon5{background-image:url("../images/service5.png")}
.about-us .icon6{background-image:url("../images/service6.png")}*/