/*公共头部*/
.head-wrap{position: relative;width: 100%;min-width: 1200px;}
.head-nav{width: 1200px; height: 78px;margin: 0 auto;}
.nav-logo{width: 163px;height: 59px;margin-top: 11px;background: url(../../images/index/white-logo.png) no-repeat;}
.nav-ul{margin-top: 17px;margin-left: 160px;}
.nav-ul li{float: left;margin-right: 25px;margin-left: 25px;font-size: 18px;}
.nav-ul li a{display: block;height: 45px;line-height: 45px;color: #fff;}
.nav-ul li.active a span{border-bottom: 2px solid white;display: block;}

.nav-btn .btn{width: 86px;height: 44px;line-height: 44px;text-align: center;font-size: 18px;color: #fff;border-radius: 4px;margin-top: 17px;}
.nav-btn .nav-btn_login{background: #27baff;margin-right: 20px;}
.nav-btn .nav-btn_login:hover{background: #00aeff;}
.nav-btn .nav-btn_registe{background: #ffad6a;}
.nav-btn .nav-btn_registe:hover{background: #ffa357;}
.login-account{height: 45px;line-height: 45px;font-size: 16px;margin-top: 17px;color: #fff;}
.nav-btn_logout{margin-left: 20px;border: 1px solid white;border-radius: 16px;padding: 4px 12px;color: #fff;font-size: 16px;margin-top: 24px;}

/*公共底部*/
.j-index-footer{width: 100%;min-width: 1200px;height: 120px;overflow: hidden;background: #333;color: #adadad;text-align: center;}
.j-footer-webinfo{width: 572px;overflow: hidden;margin: 0 auto;font-size: 14px;padding-top: 36px;}
.j-footer-webinfo span{width: 190px;float: left;}
.j-footer-copy{display: inline-block;margin-top: 15px;color: #adadad;}

/*首页*/
.index-head-wrap{height: 580px;background: url(../../images/index/bj.png) no-repeat;background-size: 100% 100%;}
.brief-wrap{width: 1200px;margin: 0 auto;}
.brief-wrap .brief_words{margin: 127px 0 0 28px;}
.brief-wrap .brief_words h3{font-size: 34px;color: #fff;margin-bottom: 22px;margin-left: 5px;}
.brief-wrap .brief_words p{font-size: 22px;color: #fff;opacity:0.7;filter:alpha(opacity=70);line-height: 34px;}
.brief-wrap .brief_words .brief_btn{display: block;width: 342px;height: 64px;background: url("../../images/index/now-login-btn.png") no-repeat 0 0;margin-top: 40px;}
.brief-wrap .brief_words .brief_btn:hover{background: url("../../images/index/now-login-btn-pre.png") no-repeat 0 0;}
.brief-wrap .brief_img{margin : 72px 80px 71px 0;}

.advantage-wrap{width: 100%;min-width: 1200px;margin: 0 auto;background: #fff;text-align: center;}
.w1200{width: 1200px;margin: 0 auto;}
.module-tit{display: inline-block;position: relative;font-size: 32px;color: #4684ff;text-align: center;padding: 0 48px;height: 42px;overflow: hidden;margin: 54px 0 66px;}
.module-tit:before{display: block;content: "";position: absolute;top: 0;left: 0;width: 38px;height: 42px;background: url("../../images/index/ball-l.png") no-repeat 0 0;background-size: 100%;}
.module-tit:after{display: block;content: "";position: absolute;top: 0;right: 0;width: 38px;height: 42px;background: url("../../images/index/ball-r.png") no-repeat 0 0;background-size: 100%;}
.advantage-list{padding-bottom: 56px;}
.advantage-list .item.item_card{min-width: 290px;margin: 0 236px;}
.advantage-list .item .ico{display: inline-block;width: 90px;height: 90px;}
.advantage-list .item .ico.ico_money{background: url("../../images/index/mix-icon.png") no-repeat 0 0;}
.advantage-list .item .ico.ico_card{background: url("../../images/index/mix-icon.png") no-repeat 0 -100px;}
.advantage-list .item .ico.ico_service{background: url("../../images/index/mix-icon.png") no-repeat 0 -200px;}
.advantage-list .item h3{font-size: 22px;color: #333;line-height: 34px;margin: 21px 0 9px;}
.advantage-list .item p{font-size: 16px;color: #666;line-height: 24px;}

.partner-wrap{width: 100%;min-width: 1200px;margin: 0 auto;background: #fafafa url("../../images/index/partner-bj.png") no-repeat center bottom;background-size: 100% 328px;text-align: center;padding-bottom: 76px;}
.partner-list{height: 423px;overflow: hidden;}
.partner-list li{float: left;}
.partner-list .item1 img{width: 309px;margin-left: 98px;}
.partner-list .item2 img{width: 304px;margin: 2px 52px 0 51px;}
.partner-list .item3 img{width: 289px;margin-top: 6px;margin-right: 97px;}

.right-fixed-bar{position: fixed;right: 1px;top: 80%;margin-top: -100px;z-index: 100;}
.right-fixed-bar a{position: relative;display: block;width: 64px;height: 64px;margin-bottom: 8px;}
.online-client{background: url("../../images/index/servicer.png") no-repeat 0 0;}
.online-client:hover{background: url("../../images/index/servicer-pre.png") no-repeat 0 0;}
.back-top{background: url("../../images/index/top.png") no-repeat 0 0;}
.back-top:hover{background: url("../../images/index/top-pre.png") no-repeat 0 0;}

/*关于我们*/
.aboutus-head-wrap{height: 380px;background: url(../../images/aboutus/about-bj.png) no-repeat center 0;background-size: 100% 100%;}
.aboutus-head-wrap h2{font-size: 60px;color: #fff;text-align: center;line-height: 90px;margin: 55px auto 38px;}
.aboutus-head-wrap p{font-family: arial;font-size: 26px;color: #fff;text-align: center;line-height: 39px;word-spacing:5px;}
.profile-wrap{width: 100%;min-width: 1200px;margin: 0 auto;background: #fff;text-align: center;padding-bottom: 80px;}
.profile-wrap .module-tit{margin-bottom: 44px;}
.profile-wrap p{font-size: 18px;color: #333;line-height: 30px;text-align: left;}
.profile-wrap img{width: 1200px;height: 400px;margin: 25px 0;}

.recycle-what-wrap{width: 100%;min-width: 1200px;margin: 0 auto;background: #fafafa;text-align: center;padding-bottom: 108px;}
.recycle-what-wrap .recycle-item{float: left;margin-right: 35px;position: relative;width: 274px;height: 400px;overflow: hidden;cursor: pointer;}
.recycle-what-wrap .recycle-item.item2{margin-right: 34px;}
.recycle-what-wrap .recycle-item.item4{margin-right: 0;}
.recycle-what-wrap .recycle-item .mask{position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;background: url("../../images/aboutus/40.png") no-repeat 0 0;}
.recycle-what-wrap .recycle-item .hover_before{position: absolute;top: 123px;left: 0;z-index: 20;width: 100%;text-align: center;}
.recycle-what-wrap .recycle-item .hover_before i{display: block;width: 106px;height: 106px;background: url("../../images/index/mix-icon.png") no-repeat 0 0;margin: 0 auto 26px;}
.recycle-what-wrap .item1 .hover_before i{background-position: 0 -300px;}
.recycle-what-wrap .item2 .hover_before i{background-position: 0 -416px;}
.recycle-what-wrap .item3 .hover_before i{background-position: 0 -532px;}
.recycle-what-wrap .item4 .hover_before i{background-position: 0 -648px;}
.recycle-what-wrap .recycle-item .hover_before span{font-size: 20px;color: #fff;line-height: 26px;}

.recycle-what-wrap .recycle-item .hover_after{display: none;}
.recycle-what-wrap .recycle-item.current .mask{background: url("../../images/aboutus/45.png") no-repeat 0 0;}
.recycle-what-wrap .recycle-item.current .hover_before{display: none;}
.recycle-what-wrap .recycle-item.current .hover_after{display: block;position: absolute;top: 92px;left: 0;z-index: 30;width: 100%;text-align: center;}
.recycle-item.current .hover_after span{position: relative;height: 26px;line-height: 26px;font-size: 20px;color: #fff;padding-left: 30px;}
.recycle-item.current .hover_after span:before{display: block;content: "";position: absolute;top: 1px;left: 0;width: 24px;height: 24px;background: url("../../images/aboutus/icon-24.png") no-repeat 0 0;}
.recycle-item.current .hover_after p{font-size: 14px;color: #fff;min-height: 120px;line-height: 24px;padding: 0 26px 0 42px;text-align: left;margin-top: 22px;}
.recycle-item.current .hover_after a{display: block;width: 164px;height: 54px;background: url("../../images/aboutus/enter-btn.png") no-repeat 0 0;margin: 0 auto;}

/*联系我们*/
.contactus-head-wrap{height: 380px;background: url(../../images/contactus/touch-bj.png) no-repeat center 0;background-size: 100% 100%;}
.contactus-head-wrap h2{font-size: 60px;color: #fff;text-align: center;line-height: 90px;margin: 62px auto 38px;}
.contactus-head-wrap p{font-family: arial;font-size: 26px;color: #fff;text-align: center;line-height: 39px;word-spacing:12px;}
.cando-what-wrap{width: 100%;min-width: 1200px;margin: 0 auto;background: #fff;text-align: center;padding-bottom: 50px;}
.cando-what-wrap .box{width: 1052px;margin: 0 auto 26px;background: #f0f5ff;border-radius: 8px;text-align: left;padding: 30px 74px 30px 74px;}
.cando-what-wrap .box i{display: block;width: 130px;height: 130px;background: url("../../images/index/mix-icon.png") no-repeat 0 0;margin-right: 34px;}
.cando-what-wrap .box i.blue-ico{background-position: 0 -764px;}
.cando-what-wrap .box i.orange-ico{background-position: 0 -904px;margin-right: 0;}
.cando-what-wrap .box i.yellow-ico{background-position: 0 -1044px;}
.cando-what-wrap .box h3{font-size: 22px;color: #333;line-height: 58px;margin-top: 5px;}
.cando-what-wrap .box p{font-size: 14px;color: #333;line-height: 24px;}

.contactus-wrap{width: 100%;min-width: 1200px;margin: 0 auto;background: url("../../images/contactus/map-bj.png") no-repeat center bottom;text-align: center;padding-bottom: 46px;background-size: 100% 100%;}
.contactus-wrap .module-tit{margin-bottom: 36px;}
.contactus-con{position: relative;width: 1200px;height: 348px;background: url("../../images/contactus/add-bj.png") no-repeat 0 0;}
.contactus-con .contact-ways{padding: 40px 0 0 30px;overflow: hidden;}
.contactus-con .contact-ways .way{position: relative;text-align: left;padding-left: 48px;margin-bottom: 40px;}
.contactus-con .way i{position: absolute;top: 14px;left: 0;width: 36px;height: 36px;background: url("../../images/contactus/touch-way.png") no-repeat 0 0;}
.contactus-con .way i.mail-ico{background-position: 0 -46px;}
.contactus-con .way i.time-ico{background-position: 0 -92px;}
.contactus-con .way span{display: block;font-size: 18px;color: #666;line-height: 30px;margin-bottom: 3px;}
.contactus-con .way p{font-size: 20px;color: #333;line-height: 30px;}