.w1400 {
    width: 1400px
}
@media (max-width:1440px) {
    .w1400 {
        width: 1200px
    }
}
.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#108ee9;z-index:999999
}
.nuxt-progress.nuxt-progress-notransition{transition:none
}
.nuxt-progress-failed{background-color:red
}

blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0
}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400
}
ul{list-style:none
}
button,input,select,textarea{margin:0
}
body,html{color:#2e2f30;letter-spacing:.5px;font-family:PingFang SC,微软雅黑,Arial,sans-serif;min-height:100vh;margin:0;box-sizing:border-box
}
*,:after,:before{box-sizing:inherit
}
audio,embed,iframe,img,object,video{height:auto;max-width:100%
}
iframe{border:0
}
table{border-collapse:collapse;border-spacing:0
}
td,th{padding:0;text-align:left
}

.index{min-height:100vh;display:flex;flex-direction:column;align-items:center
}
.index-top{width:100%;height:600px;background:url("../images/bg1.png") no-repeat top;background-size:cover
}
.index-top-num{font-size:60px;color:#fff;text-align:center;margin:90px auto 20px
}
.index-top-num span{color:#f55
}
.index-top-tip{font-size:16px;color:#e1e1e1;text-align:center;margin-bottom:25px
}
.index-top-link{color:#b4b4dd;text-align:center;font-size:15px;margin-bottom:30px;text-decoration:underline;cursor:pointer
}
.index-top-handle{text-align:center;margin-bottom:100px
}
/*.index-top-handle button{width:260px;color:#fff;background-color:#f55;border-radius:4px;border:0;font-size:16px;line-height:16px;padding:16px 0;cursor:pointer;outline:none*/
.index-top-handle button{width:260px;color:#fff;background-color:#1a86fe;border-radius:4px;border:0;font-size:16px;line-height:16px;padding:16px 0;cursor:pointer;outline:none
}
.index-codeAlert{text-align:center;font-size:16px;padding:35px
}
.index-codeAlert p{margin:10px 0
}
.index-codeAlert p img{width:200px
}
.index-codeAlert-loading img{width:100px
}

.head{position:relative;padding:24px 0;z-index:1
}
.head-bar{width:100%;font-size:12px
}
.head-bar-main{height:36px;line-height:36px;width:1200px;margin:0 auto;position:relative
}
.head-bar-main-left{float:left;display:flex;width:240px;justify-content:space-between;white-space:nowrap
}
.head-bar-main-left img{width:115px;height:36px
}
.head-bar-main-left span{display:inline-block
}
.head-bar-main-left span.slogan-light{color:#fff
}
.head-bar-main-left span.slogan-dark{color:#6d6f73
}
.head-bar-main-center{text-align:center;white-space:nowrap
}
.head-bar-main-center.light{color:#fff
}
.head-bar-main-center.dark{color:#6d6f73
}
.head-bar-main-center-item{display:inline-block;position:relative;padding:0 30px
}
.head-bar-main-center-item .name{color:inherit;cursor:pointer;display:flex;justify-content:center;position:relative
}
.head-bar-main-center-item .name .children{display:none;position:absolute;background-color:#fff;border-radius:4px;top:35px
}
.head-bar-main-center-item .name .children .arrow{width:0;height:0;margin:-10px auto 0;border:5px solid transparent;border-bottom-color:#fff
}
.head-bar-main-center-item .name .children.light{opacity:.8
}
.head-bar-main-center-item .name .children.dark{box-shadow:0 0 16px 0 rgba(0,0,0,.06)
}
.head-bar-main-center-item .name .children .child-container{overflow:hidden;border-radius:4px
}
.head-bar-main-center-item .name .children .child{color:#2e3135;padding:0 15px
}
.head-bar-main-center-item .name .children .child:hover{background-color:#e2e2e2
}
.head-bar-main-center-item .name:hover .children{display:block
}
/**.head-bar-main-center-item .active{background-color:#e2e2e2;box-shadow:0 0 16px 0 rgba(0,0,0,.06)}**/
.head-bar-main-right{height:36px;line-height:36px;position:absolute;right:0;top:0;text-align:right
}
.head-bar-main-right.light{color:#fff
}
.head-bar-main-right.dark{color:#6d6f73
}
.head-bar-main-right-login{color:inherit;text-decoration:none
}
.head-bar-main-right-nickname{position:relative;cursor:pointer
}
.head-bar-main-right-nickname-detail{color:inherit;text-decoration:none
}
.head-bar-main-right-nickname-detail-order{margin-left:10px
}
.head-bar-main-right-nickname-box{position:absolute;top:36px;right:0;background-color:#fff;min-width:110px;display:none;z-index:99;border-radius:3px;padding:0
}
.head-bar-main-right-nickname-box li{padding:0 12px;text-align:center;list-style:none;font-size:13px
}
.head-bar-main-right-nickname-box li a{color:#2e3135;text-decoration:none
}
.head-bar-main-right-nickname:hover .head-bar-main-right-nickname-box{display:block
}
a:-webkit-any-link,a:focus,a:hover,a:visited{text-decoration:none
}
.codeAlert{text-align:center;font-size:16px;padding:35px
}
.codeAlert p{margin-bottom:20px
}
.codeAlert p img{width:210px
}
.codeAlert .codeAlert-loading img{width:100px;margin-top:50px
}
input::-webkit-input-placeholder{color:#d4d3d3
}
input:-moz-placeholder,input::-moz-placeholder{color:#d4d3d3
}
input:-ms-input-placeholder{color:#d4d3d3
}

.open-alert{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999
}
.open-alert-mask{width:100%;height:100%;z-index:9999;background-color:rgba(0,0,0,.6)
}
.open-alert-container{position:absolute;z-index:10000;background-color:#fff;border-radius:3px;overflow:hidden
}
.open-alert-close{position:absolute;top:10px;right:15px;width:15px;height:15px;z-index:10;cursor:pointer
}
.open-alert-close span{display:inline-block;position:absolute;width:15px;height:1px;top:8px;background:#43474c;line-height:0;font-size:0;vertical-align:middle;-webkit-transform:rotate(45deg);transform:rotate(45deg)
}
.open-alert-close span:after{content:"/";display:block;width:15px;height:1px;background:#43474c;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)
}
.open-alert-content{text-align:center;padding:15px;height:100%;box-sizing:border-box;overflow:auto
}
.open-alert-content-title{font-size:18px;color:#43474c;margin:25px 0
}
.open-alert-content-detail{font-size:14px;color:#aaaeb9;line-height:20px
}
.open-alert-handles{width:100%;position:absolute;bottom:0;border-top:1px solid #e6e8eb;background-color:#fff
}
.open-alert-handles-button{height:48px;line-height:48px;font-size:18px;color:#6da5ff;border:0;border-right:1px solid #e6e8eb;background-color:transparent;outline:none
}
.open-alert-handles-button.noborder{border:0
}

.component-connect[data-v-0b98f2c2]{position:fixed;top:50%;right:50px;z-index:99
}
.component-connect-wrap[data-v-0b98f2c2]{box-shadow:0 0 15px #ccc;width:70px;background:#fff;border-radius:15px;text-align:center;list-style:none
}
.component-connect-kefu[data-v-0b98f2c2]{position:fixed;right:20px;bottom:10px;border:1px solid #e1e1e1;width:300px;background-color:#fff
}
.component-connect-kefu-head[data-v-0b98f2c2]{height:50px;background-color:#fff
}
.component-connect-kefu-head .close[data-v-0b98f2c2]{position:absolute;top:12px;right:15px;width:15px;height:15px;z-index:10;cursor:pointer
}
.component-connect-kefu-head .close span[data-v-0b98f2c2]{display:inline-block;position:absolute;width:15px;height:1px;top:10px;background:#43474c;line-height:0;font-size:0;vertical-align:middle;-webkit-transform:rotate(45deg);transform:rotate(45deg)
}
.component-connect-kefu-head .close span[data-v-0b98f2c2]:after{content:"/";display:block;width:15px;height:1px;background:#43474c;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)
}
.component-connect-kefu-iframe[data-v-0b98f2c2]{width:375px;height:500px
}
.component-connect-item[data-v-0b98f2c2]{width:70px;height:80px;color:#999;cursor:pointer;font-weight:400;font-family:Microsoft Yahei;font-size:13px
}
.component-connect-item .hovertext[data-v-0b98f2c2]{display:none
}
.component-connect-item[data-v-0b98f2c2]:hover{background:linear-gradient(to bottom right,#fb897e,#ff5142);border-radius:10px
}
.component-connect-item:hover .component-connect-service[data-v-0b98f2c2]{display:none
}
.component-connect-item:hover .hovertext[data-v-0b98f2c2]{display:block;color:#fff;font-size:16px;padding-top:15px;text-align:center;font-weight:400
}
.component-connect-service[data-v-0b98f2c2]{cursor:pointer
}
.component-connect-service-text[data-v-0b98f2c2]{color:#999;font-weight:400
}
.component-connect-service-qq[data-v-0b98f2c2]{margin-top:15px
}
.component-connect-service[data-v-0b98f2c2]:focus,.component-connect-service[data-v-0b98f2c2]:hover,.component-connect-service[data-v-0b98f2c2]:visited{color:#fff;text-decoration:none
}
.backtop[data-v-0b98f2c2]{width:70px;height:70px;background:#fff;border-radius:10px;margin-top:15px;cursor:pointer;box-shadow:0 0 15px #ccc
}
.backtop[data-v-0b98f2c2]:hover{background:linear-gradient(to bottom right,#fb897e,#ff5142)
}
.backtop:hover img[data-v-0b98f2c2]{display:none
}
.backtop:hover .backtoph[data-v-0b98f2c2]{display:block
}
.backtop img[data-v-0b98f2c2]{margin:15px 20px
}
.backtop .backtoph[data-v-0b98f2c2]{display:none;color:#fff;font-size:16px;padding-top:15px;text-align:center;font-weight:400
}

.carousel{width:1200px;margin:auto;height:60px;overflow:hidden
}
.carousel-group{white-space:nowrap
}
.carousel-group-cell{display:inline-block;vertical-align:top;font-size:14px;color:#fff;line-height:60px;width:25%;text-align:center
}

.cates{text-align:center;width:100%;background-color:#f7f7f7;padding:80px 0
}
.cates-title{margin-bottom:40px
}
.cates-title .name{font-size:36px;color:#2e3135;line-height:46px
}
.cates-title .desc{font-size:18px;color:#9b9b9b;line-height:28px
}
.cates-list{width:1200px;height:140px;margin:0 auto;overflow:hidden;position:relative
}
.cates-list-left,.cates-list-left:before,.cates-list-right,.cates-list-right:before{width:0;height:0;content:" ";border:10px solid #9b9b9b;display:inline-block;position:absolute;cursor:pointer
}
.cates-list-left{border-color:transparent #9b9b9b transparent transparent;left:0;top:45px
}
.cates-list-left:before{border-color:transparent #f7f7f7 transparent transparent;left:-9px;top:-10px
}
.cates-list-right{border-color:transparent transparent transparent #9b9b9b;right:-10px;top:45px
}
.cates-list-right:before{border-color:transparent transparent transparent #f7f7f7;right:-9px;top:-10px
}
.cates-list-container{white-space:nowrap;overflow-x:auto;height:160px;width:1140px;margin:auto
}
.cates-list-content{transition:all .5s ease-in-out
}
.cates-list-item{display:inline-block;background:#fff;box-shadow:0 0 16px 0 rgba(0,0,0,.06);border-radius:4px;margin:0 12px;padding:30px 40px 20px;cursor:pointer
}
.cates-list-item .detail{margin-bottom:10px;display:flex
}
.cates-list-item .detail img{height:24px
}
.cates-list-item .detail .name{font-size:20px;color:#2e3135;text-align:center;margin-left:10px
}
.cates-list-item .catename{font-size:14px;color:#9b9b9b;text-align:center
}

.flow{text-align:center;width:1200px;padding:80px 0
}
.flow-title{margin-bottom:60px
}
.flow-title .name{font-size:36px;color:#2e3135;line-height:46px
}
.flow-title .desc{font-size:18px;color:#9b9b9b;line-height:28px
}
.flow-img{height:132px
}

.advantage{text-align:center;width:1200px;padding:80px 0 0
}
.advantage-title{margin-bottom:60px
}
.advantage-title .name{font-size:36px;color:#2e3135;line-height:46px
}
.advantage-title .desc{font-size:18px;color:#9b9b9b;line-height:28px
}
.advantage-tiles{display:flex;justify-content:space-around;height:340px
}
.advantage-tiles .item{width:280px;position:relative;overflow:hidden
}
.advantage-tiles .item:hover .mask{-webkit-transform:translateY(0);transform:translateY(0);transition:all .4s ease-in-out
}
.advantage-tiles .item .title{font-size:20px;color:#fff;position:absolute;bottom:40px;width:100%
}
.advantage-tiles .item .mask{opacity:.9;background:#6d9cf8;border-radius:4px;position:absolute;top:0;height:340px;-webkit-transform:translateY(340px);transform:translateY(340px);transition:all .5s ease-in-out
}
.advantage-tiles .item .mask-title{font-size:20px;color:#fff;margin-top:90px
}
.advantage-tiles .item .mask-detail{font-size:16px;color:#fff;line-height:24px;padding:20px;text-align:left
}

.questions{text-align:center;width:1200px;padding:80px 0
}
.questions-title{margin-bottom:60px
}
.questions-title .name{font-size:36px;color:#2e3135;line-height:46px
}
.questions-title .desc{font-size:18px;color:#9b9b9b;line-height:28px
}
.questions-question{display:flex;justify-content:space-around
}
.questions-question .item{padding:30px;text-align:left;background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.06);border-radius:4px;width:585px;margin-bottom:30px;box-sizing:border-box
}
.questions-question .item .title{font-size:16px;color:#2e3135;font-weight:700;margin-bottom:20px
}
.questions-question .item .content{font-size:14px;color:#9b9b9b;line-height:24px
}

.common-footer{width:100%;min-height:180px;padding-top:0px;background:#fff;color:#999;text-align:center;line-height:30px;border-top:1px solid #e7e7e7
}
.common-footer-content{position:relative
}
.common-footer-address{height:30px
}
.common-footer-address-item{margin-right:5px
}
.common-footer-address p{margin:0
}
.common-footer-connect{height:30px
}
.common-footer-connect-item{margin-right:5px
}
.common-footer-record{height:30px
}
.common-footer-record-item{margin-right:5px
}
@media screen and (min-width:1200px){
    .common-footer-content{width:1200px!important;margin:0 auto;padding:0
    }
}
.title[data-v-4b11c760]{margin-top:15px;font-size:5em
}
.info[data-v-4b11c760]{font-weight:300;color:#9aabb1;margin:0
}
.button[data-v-4b11c760]{margin-top:50px
}</style><style type="text/css">
blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0
}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400
}
ul{list-style:none
}
button,input,select,textarea{margin:0
}
body,html{color:#2e2f30;letter-spacing:.5px;font-family:PingFang SC,微软雅黑,Arial,sans-serif;min-height:100vh;margin:0;box-sizing:border-box
}
*,:after,:before{box-sizing:inherit
}
audio,embed,iframe,img,object,video{height:auto;max-width:100%
}
iframe{border:0
}
table{border-collapse:collapse;border-spacing:0
}
td,th{padding:0;text-align:left
}</style><style type="text/css">
.toast-tip[data-v-40eba09d]{width:180px;padding:12px;border-radius:10px;background-color:#000;opacity:.9;position:fixed;top:50%;left:50%;margin-left:-90px;margin-top:-60px;z-index:10000
}
.toast-tip p[data-v-40eba09d]{width:100%;height:auto;color:#fff;font-size:14px;text-align:center;line-height:25px;margin:0
}
/*列表*/
.w1320 {
    width: 1320px;
    margin: 0 auto;
}
.switch-warp{ width: 100%; border-bottom: 1px solid #ddd; overflow: hidden; background: #f9fafe;}
.switch-list{ width: 100%; border-radius: 10px;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);    box-shadow: 0 15px 30px rgba(0,0,0,0.1);    -webkit-transform: translate3d(0, -2px, 0);   transform: translate3d(0, -2px, 0); overflow: hidden; margin-top: 60px; margin-bottom: 60px; border: 1px solid #ddd; background: #fff;}

.switch-arrow-up{ display: none; }
.switch-comm-box{ padding: 22px 18px 18px 20px;  }
.switch-comm:first-child{ display: block; }
.switch-comm{ display: none; width:1278px; overflow: hidden; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd;}
.switch-comm .switch-box-list{ width: 213px; height:155px; cursor: pointer; position: relative;z-index: 0; float: left; display: inline-block; }
.switch-comm .switch-box{ width: 212px; height:154px;   border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.switch-comm .switch-box img{ width: 212px; height:154px;}
.switch-comm .switch-box-hover{position: relative;z-index: 2;}
.switch-comm .switch-box-hover .switch-box{ width: 211px;height:153px; border: 1px solid #27baff;position: absolute;top: 0;left: 0;-moz-box-shadow: 3px 3px 3px #d8d8d8;-webkit-box-shadow: 3px 3px 3px #d8d8d8;box-shadow: 3px 3px 3px #d8d8d8;}
.switch-comm .switch-box-hover .switch-box img{width: 208px;height:150px;}
.switch-btn{ display: none; width: 132px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #27baff; position: absolute; left: 40px; bottom: 10px; border-radius: 6px; }
.switch-btn:hover{ background: #00a6e8; }
.switch-bottom{ border-top: 1px dashed #ddd; line-height: 59px; text-align: center; font-size: 16px; color: #999;}
.switch-bottom .divider{display: inline-block;width: 0;height: 14px;border-left: 1px solid #ddd;margin: 0 10px;vertical-align: -2px;}
.switch-bottom .contact_qq{display: inline-block;height: 22px;vertical-align: -4px;}
.switch-box-list.switch-box-hover .switch-btn{ display: block; }
/*.switch-box-list.switch-box-hover img{ width: 210px; height:152px;}*/
/*我们能做什么*/
.content-show{ width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; }
.content-show h3{ font-size: 38px;color: #333; text-align: center; margin-top: 30px; margin-bottom: 30px; }
.content-main{ width:1317px; height: 388px; margin-bottom: 80px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;  border-left: 1px solid #ddd; }
.content-comm{ width: 438px;height: 388px; cursor: pointer; border-right: 1px solid #ddd; float: left; text-align: center; }
.content-comm i{ width: 100px; height: 100px; display: block; margin-top: 72px; margin-left: 164px; }
.content-comm i.icon-waste{ background-position: 0px  -78px;  }
.content-comm i.icon-capital{ background-position: 0px -188px;  }
.content-comm i.icon-trade{ background-position: 0px  -298px;  }
.content-comm:hover i.icon-waste{ background-position: -110px  -78px;  }
.content-comm:hover i.icon-capital{ background-position: -110px -188px;  }
.content-comm:hover i.icon-trade{ background-position: -110px  -298px;  }
.content-comm span{ font-size: 18px; color: #666666; margin: 17px  0; display: block; }
.content-comm .content-row{ width: 34px; height: 5px; background: #6cd8aa; margin:0 auto; }
.content-comm p{ font-size: 14px; line-height: 24px; color: #999999; padding-top: 12px; }
.max-icon {
    background: url(../images/mix-icon.png) no-repeat;
}

/*首页官网动态*/
.fl {
    float: left;
}
.fr {
    float: right;
}
.w1320 {
    width: 1320px;
    margin: 0 auto;
}
.border-b_ddd{border-bottom: 1px solid #ddd;}
.web-trends{background: #f9fafe; padding: 30px 0 54px;}
.web-trends .title{font-size: 38px;text-align: center;color: #333;}

.web-trends .crumbs-nav-box{ overflow: hidden;margin: 22px auto 28px;}
.web-trends .crumbs-nav-box li{ width: 210px; float: left; position: relative; text-align: center; font-size: 16px;line-height: 34px;}
.web-trends .crumbs-nav-box li.list-division{ width: 1px; color: #ddd; }
.web-trends .crumbs-nav-box a{display: block;color: #333; cursor: pointer;}
.web-trends .crumbs-nav-box a:hover{color: #45b5f0;}

.web-trends .box{border: 1px solid #ddd;border-radius: 4px;background: #fff;}
.web-trends .box .module{width: 50%;}
.web-trends .content-pad-l{padding: 0 33px 0 38px;}
.web-trends .content-pad-r{padding: 0 45px 0 26px;}
.web-trends .box .top{height: 50px;line-height: 50px;margin-top: 13px;margin-bottom: 8px;}
.web-trends .box .subtit{position: relative;padding-left: 30px;font-size: 18px;color: #333;}
.web-trends .box .subtit:before{content: "";position: absolute;top:13px;left:0;width: 24px;height: 24px;background: url(../images/icon-24.png) no-repeat 0 -1291px;}
.web-trends .box .subtit.industry:before{background: url(../images/icon-24.png) no-repeat -34px -1291px;}
 
.web-trends .box .subtit:after{content: "";position: absolute;bottom: 0;left: 5px;width: 109px;height: 1px;}
.web-trends .box .more{font-size: 16px;color: #45b5f0;text-decoration: underline;}

.web-trends .list li{position: relative;}
.web-trends .list .tag{position: absolute;top: 18px;left: 0;width: 24px;height: 24px;background: url(../images/icon-24.png) no-repeat -34px -1325px;text-align: center;}
.web-trends .list .tag.red-tag{background: url(../images/icon-24.png) no-repeat 0 -1325px;}
.web-trends .list a{display: block;font-size: 14px;color: #666;line-height: 52px;border-bottom: 1px dashed #c2c2c2;margin-left: 36px;overflow: hidden;}
.web-trends .list a:hover{color: #45b5f0;}

.web-trends .pageing-cont{padding: 55px 0 30px 0;}
.web-trends .g-pagination{height: auto;}
.web-trends .g-pagination span{display: inline-block;padding: 5px 0;}
.web-trends .g-pagination span a{height: 28px;line-height: 28px;border: 1px solid #ddd;border-radius: 2px;color: #666;}
.web-trends .g-pagination span a:hover{border: 1px solid #27baff;color: #27baff;}
.web-trends .g-pagination span.current02 a{border: 1px solid #27baff;color: #fff;font-weight: normal;}
.web-trends .g-pagination span.f-noClick a{cursor: not-allowed;}
.web-trends .g-pagination span.f-noClick a:hover{border: 1px solid #ddd;color: #666;}
.web-trends .g-pagination span input{border-color:#ddd;width: 28px;height: 28px;line-height: 28px;background:#fff;font-size: 12px;color: #666;}
.web-trends .g-pagination span a.page-sure{background: #fff;color: #999;}

.box-shadow-com {
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.clear, .clrfix {
    zoom: 1;
}
 
/*尾部样式*/
.footer{ width: 100%; border-top: 1px solid #dddddd; background: #fff; overflow: hidden; }
.footer-list-cont{ height: auto; overflow: hidden;}
.footer-list-cont .footer-list{ width: 456px; font-size: 14px;  }
.footer-list-cont .footer-list dl{ margin-bottom: 30px; }
.footer-list-cont .footer-list dt{ margin-top: 10px; color: #666; font-weight: 600; }
.footer-list-cont .footer-list dd{ margin-top: 20px; }
.footer-list-cont .footer-list dd a{ color: #999; }
.footer-list-cont .footer-list dd a:hover{ color: #27baff; }
.footer-list-cont .footer-follow{ width: 200px; overflow: hidden; }
.footer-follow-box{ width: 102px; margin-right: 58px; }
.footer-follow-box .footer-follow-tit{ height: 48px; line-height: 48px; text-align: center; font-size: 14px; }
.footer-follow-box .footer-follow-img{ width: 100px; height: 100px; border:1px solid #27baff;}
.footer-follow-box .footer-follow-img img{ width: 100px; height: 100px;  }
.footer-bottom{text-align: center;font-size: 14px;color: #999999;width: 100%;height: 82px;line-height: 82px; }
 

    /* authentication */
    .authentication{ text-align: center; margin-top: 30px;}
    .authentication li{ display: inline-block; padding: 0 5px;}
    .authentication li a{
        display: block;
        height: 50px;
        padding: 5px 15px 5px 10px;
        font-size: 12px;
        overflow: hidden;
        text-align: left;
        line-height: 16px;
        color: #808080;
        border: 1px solid #eee;
        border-radius: 6px;
    }
        .authentication li a:hover{ color: #808080; }
        .authentication li a .iconimg{ width: 40px; height: 40px; cursor: pointer; }
        .authentication li a .iconimg-wenhua { background-position: -80px -220px; }
        .authentication li a .iconimg-beian  { background-position: -40px -180px; }
        .authentication li a .iconimg-weifa  { background-position: -80px -180px; }
        .authentication li a .iconimg-buliang{ background-position: -40px -220px; }
        .authentication li a .iconimg-gzaic  { background-position: 0 -180px; }
        .authentication li a .iconimg-360    { background-position: 0 -220px; }
        .authentication li a span{
            display: inline-block;
            height: 40px;
            padding: 4px 0 0 5px;
            vertical-align: middle;
            cursor: pointer;
        }
/* iconimg */
.iconimg{
	display: inline-block;
	font-size: 0;
    line-height: 0;
	overflow: hidden;
    vertical-align: middle;
	border: 0 none;
	text-indent: -999px;
    *text-indent: 0;
    background-repeat: no-repeat;
    background-image: url(../images/iconimg.png);
}

/*.relative {
    position: relative;
}*/
/*.notice {
  /*   margin-top: -47px; */
 /*   z-index: 1;
	position: absolute;
    left: 6.25%;
   bottom: -50px;
	 width: 87.5%;
}*/
.wp90 {
    /*width: 80%;*/
    min-width: 1080px;
    max-width: 1728px;
}
.mgauto {
    margin: 0 auto;
}
/*.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;
	width:75%;
}
.notice .contents ul li {
    height: 26px;
    padding: 3px 0;
    font-weight: 500;
}
.notice .contents ul li:nth-child(1) {
    color: #399eff;
}
.notice .contents ul li .text {
    display: inline-block;
    max-width: 80%;
    padding: 0 5px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/

.step-wrap {
    padding: 50px 6.25%;
	margin-top:70px;
}
.step-wrap ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.step-wrap li {
    width: 8.15%;
    text-align: center;
}
.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 .num {
   font-size: 30px;
    color: #ddd;
	padding-top:10px;
}
.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;
}

.cardswiper-wrap{/* padding:60px 0 */}
.cardswiper-wrap .swiper-title ul{display:flex;justify-content:space-around;align-items:center;padding:0 8%}
.cardswiper-wrap .swiper-title li{text-align:center;position:relative;width:12%;cursor:pointer}
.cardswiper-wrap .swiper-title li a{font-size:16px}
.cardswiper-wrap .swiper-title li i{display:inline-block;width:21px;height:24px;vertical-align:-6px;margin-right:5px}
.cardswiper-wrap .swiper-title li i.s0{background:url("../images/cate0.png") center no-repeat}
.cardswiper-wrap .swiper-title li i.s1{background:url("../images/cate1.png") center no-repeat}
.cardswiper-wrap .swiper-title li i.s2{background:url("../images/cate2.png") center no-repeat}
.cardswiper-wrap .swiper-title li i.s3{background:url("../images/cate3.png") center no-repeat}
.cardswiper-wrap .swiper-title li i.s4{background:url("../images/cate4.png") center no-repeat}
.cardswiper-wrap .swiper-title li i.s5{background:url("../images/cate5.png") center no-repeat}
.cardswiper-wrap .swiper-title li i.s6{background:url("../images/cate6.png") center no-repeat}
.cardswiper-wrap .swiper-title li i.s7{background:url("../images/cate7.png") center no-repeat}
.cardswiper-wrap .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}
.cardswiper-wrap .swiper-title li img {width:100%}
.cardswiper-wrap .swiper-title li:hover .cover,.cardswiper-wrap .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:255px}
.cardswiper-wrap .swiper-wrapper{z-index:0}
.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 .arrow-left,.cardswiper-wrap .swiper-container .arrow-right{opacity:0.2}
.cardswiper-wrap .swiper-container .arrow-left:before,.cardswiper-wrap .swiper-container .arrow-left:after,.cardswiper-wrap .swiper-container .arrow-right:before,.cardswiper-wrap .swiper-container .arrow-right:after{width:16px;height:16px;content:"";border-top:4px solid #129EFB;position:absolute;top:40%}
.cardswiper-wrap .swiper-container .arrow-left:before{left:8px;border-left:4px solid #129EFB;transform:rotateZ(-45deg)}
.cardswiper-wrap .swiper-container .arrow-left:after{left:20px;border-left:4px solid #129EFB;transform:rotateZ(-45deg)}
.cardswiper-wrap .swiper-container .arrow-right:before{right:8px;border-right:4px solid #129EFB;transform:rotateZ(45deg)}
.cardswiper-wrap .swiper-container .arrow-right:after{right:20px;border-right:4px solid #129EFB;transform:rotateZ(45deg)}
.cardswiper-wrap .swiper-container .arrow-left:hover,.cardswiper-wrap .swiper-container .arrow-right:hover{opacity:1;transition:.5s}
.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:0.6%;padding:0.8%;min-height:200px;box-sizing:border-box;border:2px solid transparent;background:#fff;box-shadow:0 0 16px rgba(223, 227, 245, 0.75);border-radius:8px;-ms-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:hover{border-color:#129EFB;transition:.75s}
.cardswiper-wrap .swiper-container .swiper-slide-inner img{width:auto;height:50px}
.cardswiper-wrap .swiper-container .swiper-slide-inner a{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cardswiper-wrap .swiper-container .swiper-slide-inner a.link:hover{color:#399eff}
.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 .btn{display:inline-block;width:70%;padding:4% 0;color:#fff;border-radius:16px;-ms-border-radius:16px
	background:#06A3FF;
    background:linear-gradient(to right,#57C1FF 0,#06A3FF 100%);
    background:-webkit-linear-gradient(left,#57C1FF 0,#06A3FF 100%);
    background:-moz-linear-gradient(left,#57C1FF 0,#06A3FF 100%);
    background:-o-linear-gradient(left,#57C1FF 0,#06A3FF 100%);
    background:-ms-linear-gradient(left,#57C1FF 0,#06A3FF 100%)
}

.switch-bottom{
	margin-top:10px;
	border-top: 1px dashed #ddd;
    line-height: 59px;
    text-align: center;
    font-size: 16px;
    color: #999;}
	
.content-show {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.content-main {
    width: 1317px;
    height: 388px;
    margin-bottom: 80px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.content-comm {
    width: 438px;
    height: 388px;
    cursor: pointer;
    border-right: 1px solid #ddd;
    float: left;
    text-align: center;
}
.max-icon {
    background: url(../images/mix-icon.png) no-repeat;
}
.content-comm i {
    width: 100px;
    height: 100px;
    display: block;
    margin-top: 72px;
    margin-left: 164px;
}
.content-comm i.icon-waste {
    background-position: 0px -78px;
}
.content-comm span {
    font-size: 18px;
    color: #666666;
    margin: 17px 0;
    display: block;
}
.content-comm .content-row {
    width: 34px;
    height: 5px;
    background: #6cd8aa;
    margin: 0 auto;
}
.content-comm:hover .content-row {background: #7de5b9;}
.content-comm .content-row.content-capital{background: #ffba43;}
.content-comm:hover .content-row.content-capital{background: #ffe361;}
.content-comm .content-row.content-trade{background: #e2655e;}
.content-comm:hover .content-row.content-trade{background: #f9847e;}
.content-comm p {
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    padding-top: 12px;
}
.content-comm i.icon-capital {
    background-position: 0px -188px;
}


            .pagination p{
                margin:0;
                cursor:pointer
            }
            .pagination{
                height:40px;
                padding:20px 0px;
            }
            .pagination a{
                display:block;
                float:left;
                margin-right:10px;
                padding:2px 12px;
                border:1px #cccccc solid;
                background:#fff;
                text-decoration:none;
                color:#808080;
                font-size:12px;
                line-height:24px;
            }
            .pagination a:hover{
                color:#077ee3;
                background: white;
                border:1px #077ee3 solid;
            }
            .pagination a.cur{
                border:none;
                background:#077ee3;
                color:#fff;
            }
            .pagination p{
                float:left;
                padding:2px 12px;
                font-size:12px;
                line-height:24px;
                color:#bbb;
                border:1px #ccc solid;
                background:#fcfcfc;
                margin-right:8px;
            }
            .pagination p.pageRemark{
                border-style:none;
                background:none;
                margin-right:0px;
                padding:4px 0px;
                color:#666;
            }
            .pagination p.pageRemark b{
                color:black;
            }
            .pagination p.pageEllipsis{
                border-style:none;
                background:none;
                padding:4px 0px;
                color:#808080;
            }
            .dates li {font-size: 14px;margin:20px 0}
            .dates li span{float:right}
            
            
.switch-list{ width: 78%;margin-left:11%;margin-right:11%; border-radius: 10px;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);    box-shadow: 0 15px 30px rgba(0,0,0,0.1);    -webkit-transform: translate3d(0, -2px, 0);   transform: translate3d(0, -2px, 0); overflow: hidden; margin-top: 60px; margin-bottom: 60px; border: 1px solid #ddd; background: #fff;}
/*.switch-top{ width: 100%; height: 62px;  border-bottom: 1px solid #07baff;  }*/
/**height: 24px;**/
/*.switch-top li{width:auto;  padding: 18px 0; cursor: pointer; float: left; font-size: 16px; position: relative;    text-align: center; }
.switch-top li:after{content: "";display: block;position: absolute;top: 15px;right: -1px;width: 1px;height: 30px;background: #ddd;}
.switch-top li.active{ background: #27baff; color: #fff; }
.switch-top li i{ width: 24px; height: 24px; display: inline-block; vertical-align: top;margin-right: 5px;}
.switch-top li i.icon-hot{ background-position: 0px -102px; }
.switch-top li i.icon-bill{ background-position: 0px -136px; }
.switch-top li i.icon-gamCall{ background-position: 0px -170px; }
.switch-top li i.icon-fuel-card{ background-position: 0px -204px; }
.switch-top li.active i.icon-hot{ background-position: -34px -102px; }
.switch-top li.active i.icon-bill{ background-position: -34px -136px; }
.switch-top li.active i.icon-gamCall{ background-position: -34px -170px; }
.switch-top li.active i.icon-fuel-card{ background-position: -34px -204px; }
.switch-top li.active .switch-arrow-up{ display: block; position: absolute; bottom: -2px; left: 50%;         width:0px;         height:0px;        border-left:10px solid transparent;          border-right:10px solid transparent;         border-bottom:10px solid #fff;         font-size:0px;         line-height:0px;       margin: 0 auto;    }*/
.switch-arrow-up{ display: none; }
.switch-comm-box{ padding: 22px 18px 18px 20px;  }
.switch-comm:first-child{ display: block; }
.switch-comm{ display: none; width:100%; overflow: hidden; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd;}
.switch-comm .switch-box-list{ width: 214px; height:155px; cursor: pointer; position: relative;z-index: 0; float: left; display: inline-block; }
.switch-comm .switch-box{ width: 212px; height:154px;   border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.switch-comm .switch-box img{ width: 212px; height:150px;}
.switch-comm .switch-box-hover{position: relative;z-index: 2;}
.switch-comm .switch-box-hover .switch-box{ width: 211px;height:153px; border: 1px solid #27baff;position: absolute;top: 0;left: 0;-moz-box-shadow: 3px 3px 3px #d8d8d8;-webkit-box-shadow: 3px 3px 3px #d8d8d8;box-shadow: 3px 3px 3px #d8d8d8;}
.switch-comm .switch-box-hover .switch-box img{width: 208px;height:150px;}
.switch-btn{ display: none; width: 132px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #27baff; position: absolute; left: 40px; bottom: 10px; border-radius: 6px; }
.switch-btn:hover{ background: #00a6e8; }
.switch-bottom{ border-top: 1px dashed #ddd; line-height: 59px; text-align: center; font-size: 16px; color: #999;}
.switch-bottom .divider{display: inline-block;width: 0;height: 14px;border-left: 1px solid #ddd;margin: 0 10px;vertical-align: -2px;}
.switch-bottom .contact_qq{display: inline-block;height: 22px;vertical-align: -4px;}
.switch-box-list.switch-box-hover .switch-btn{ display: block; }