﻿.service-detail-wrap {
    padding: 85px 0 0 0;
}
.service-detail {
    background: #fff;
}
.service-detail.alt {
    background: #f0f0f0
}
.service-detail-row {
    padding: 30px 0;
    position: relative;
}
.service-detail-row:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.service-detail-row .img {
    float: left;
    width: 730px;
    height: 390px;
    padding: 20px;
}
.service-detail-row .txt {
    float: right;
    line-height: 30px;
    width: 340px;
    padding: 160px 0 0 0;
}
.service-detail-row .txt p {
    margin: 0 0 1em 0;
}
.service-detail.alt .img {
    float: right;
}
.service-detail.alt .txt {
    float: left;
    text-align: right;
}
.service-detail-img-1 {
    background: url("../images/service01.png") left center no-repeat;
}
.service-detail-img-2 {
    background: url("../images/service02.png") right center no-repeat;
}
.service-detail-img-3 {
    background: url("../images/service03.png") left top no-repeat;
}
.service-detail-img-4 {
    background: url("../images/service04.png") right center no-repeat;
}
.service-detail-img-5 {
    background: url("../images/service05.png") left center no-repeat;
}
.service-detail-img-6 {
    background: url("../images/service06.png") right center no-repeat;
}
.service-detail-img-7 {
    background: url("../images/service07.png") left center no-repeat;
}
.service-detail-img-8 {
    background: url("../images/service08.png") right center no-repeat;
}
.service-detail-img-9 {
    background: url("../images/service09.png") left center no-repeat;
}


@font-face {
    font-family: GothamRounded;
    src: url("../fonts/GothamRounded-Light.otf");
}
body {
    font-size: 14px;
    font-family: "Microsoft Yahei", sans-serif;
    color: #333;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.wrap {
    width: 100%;
    min-width: 1170px;
}

.inner {
    width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}


/**
 * header
 */

.header {
    background: #e37d3f;
    height: 85px;
    overflow: hidden;
    color: #fff;
    position: fixed;
    z-index: 999;
}

.header:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.logo {
    float: left;
}
.logo-link {
    display: block;
    padding: 15px 0 0 0;
}
.main-nav {
    float: right;
    width: 820px;
    font-size: 18px;
}

.main-nav li {
    float: left;
    min-width: 115px;
}

.main-nav li a {
    display: inline-block;
    min-width: 75px;
    text-align: center;
    line-height: 82px;
    color: #fff;
    padding: 0 20px;
}

.main-nav .cur a {
    background: #be3e25;
    border-bottom: 4px solid #fffbe5;
}
.main-mobile-nav {
    display: none;
}


/**
 * banner
 */

.banner2 {
    padding-top: 85px;
    height: 600px;
    background: #fffbe5 url("../images/banner-bg4.jpg") left bottom repeat-x;
}
.banner-inner2 {
    height: 600px;
    background: transparent url("../images/banner4.jpg") center top no-repeat;
}

/*  免费搬云  */
.banner1 {
    padding-top: 85px;
    height: 600px;
    background: #fffbe5 url("../images/banner-bg5.jpg") left bottom repeat-x;
}
.banner-inner1 {
	margin:0 auto;
    height: 600px;
    background: transparent url("../images/banner5.jpg") center top no-repeat;
	text-align: center;
}
.banner2 {
    padding-top: 85px;
    height: 600px;
    background: #fffbe5 url("../images/banner-bg.png") left bottom repeat-x;
}
.banner-inner2 {
	margin:0 auto;
    height: 600px;
    background: transparent url("../images/banner.png") center top no-repeat;
	text-align: center;
}
/*  沙头角  */
.banner {
    padding-top: 85px;
    height: 600px;
    background: #fffbe5 url("../images/banner-bg5.jpg") left bottom repeat-x;
}
.banner-inner {
    height: 600px;
    background: transparent url("../images/banner5.jpg") center top no-repeat;
	text-align: center;
}


/**
 * row
 */
.index-container {
    background: #fff;
    padding: 25px 0;
}
.index-container-alt {
    background: #f0f0f0;
}
.row {
    margin: 0 -15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.row:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.row-title {
    font-size: 30px;
    text-align: center;
    line-height: 45px;
    margin: 0 0 30px 0;
}
.row-title span {
    display: inline-block;
    border-bottom: 1px solid #fc8848;
}
.col-4 {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.col-5 {
    float: left;
    width: 20%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.service-inner {
    padding: 0 43px;
}
.service-inner .row {
    margin: 0 -43px;
}
.service-col {
    margin: 20px 0;
    padding: 0 43px;
}
.service-col-img{
    display: block;
    width: 220px;
    height: 220px;
    margin: 0 auto 10px auto;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.service-col p {
    text-align: center;
    font-size: 24px;
    color: #fc8848;
}
.service-col-img-01 {
    background: url("../images/service01.png");
}
.service-col-img-02 {
    background: url("../images/service02.png");
}
.service-col-img-03 {
    background: url("../images/service03.png");
}
.service-col-img-04 {
    background: url("../images/service04.png");
}
.service-col-img-05 {
    background: url("../images/service05.png");
}
.service-col-img-06 {
    background: url("../images/service06.png");
}
.service-col-img-07 {
    background: url("../images/service07.png");
}
.service-col-img-08 {
    background: url("../images/service08.png");
}
.sample-inner {
    /*padding: 0 34px;*/
    padding: 0 285px;
}
.sample-inner .row {
    /*margin: 0 -34px;*/
    margin: 0 -75px;
}
.sample-col {
    /*padding: 0 34px 20px 34px;*/
    padding: 0px 75px 20px 75px;
    text-align: center;
    color: #5d6768;
}
.sample-col-pp {
    padding: 0px 0px 0px 0px;
    text-align: center;
    color: #5d6768;
}
.sample-col-pp1 {
    padding: 0px 0px 0px 0px;
    text-align: center;
    color: #5d6768;
}
.sample-col-title {
    display: block;
	text-align: center;
    width: 180px;
    height: 198px;
    padding: 5px 0 0 0;
    color: #fff;
    background-image: url("../images/sample.png");
    background-position: 0 0;
    background-repeat: repeat-x;
}
.sample-col-title sup {
    font-size: 10px;
}
.sample-col-title-01 {
    background-position: 0 0;
}
.sample-col-title-02 {
    background-position: -248px 0;
}
.sample-col-title-03 {
    background-position: -496px 0;
}
.sample-col-title-04 {
    background-position: -744px 0;
}
.sample-col-title-05 {
    background-position: -992px 0;
}
.sample-price {
    color: #999;
}
.sample-price span {
    color: #e37d3f;
    font-weight: bold;
    font-size: 48px;
    margin: 0 10px 0 0;
}


.branch-inner {
    padding: 0 10px;
    height: 420px;
    overflow: hidden;
}
.branch-inner .row {
    margin: 0 -10px;
}
.mobile-branch-list {
    display: none;
}
.branch-item {
    float: left;
    width: 220px;
    padding: 0 10px 20px 10px;							/*4个*/
    /*padding: 0 131px 20px 131px;*/				/*2个*/
    text-align: center;
    font-size: 18px;
    line-height: 1.8em;
}
.branch-item.cur {
    width: 446px;
}
.index-container .branch-img img{
    width: 440px;
    height: 270px;
    border: 6px solid #3e4d5c;
    margin: 0 0 0 -52%;
    -webkit-transform: scale(.49, .49);
       -moz-transform: scale(.49, .49);
        -ms-transform: scale(.49, .49);
         -o-transform: scale(.49, .49);
            transform: scale(.49, .49);
    -webkit-transform-origin: center center;
       -moz-transform-origin: center center;
        -ms-transform-origin: center center;
         -o-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: transform .3s ease-in-out;
       -moz-transition: transform .3s ease-in-out;
        -ms-transition: transform .3s ease-in-out;
         -o-transition: transform .3s ease-in-out;
            transition: transform .3s ease-in-out;
}
.branch-item.cur .branch-img img{
    border: 3px solid #3e4d5c;
    margin: 0;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
.branch-item .branch-img {
    height: 220px;
    -webkit-transition: height .3s ease-in-out;
       -moz-transition: height .3s ease-in-out;
        -ms-transition: height .3s ease-in-out;
         -o-transition: height .3s ease-in-out;
            transition: height .3s ease-in-out;
}
.branch-item.cur .branch-img {
    height: 290px;
}
.function-inner {
    padding: 0 50px;
}
.function-inner .row {
    margin: 0 -50px;
}
.function-col {
    padding: 0 50px;
}
.function-col-img {
    width: 220px;
    height: 243px;
    margin: 0 auto 10px auto;
    background-image: url("../images/function.png");
    background-repeat: no-repeat;
}
.function-col-img-01 {
    background-position: 0 0;
}
.function-col-img-02 {
    background-position: -315px 0;
}
.function-col-img-03 {
    width: 235px;
    background-position: -634px 0;
}
.function-col-img-04 {
    width: 235px;
    background-position: -934px 0;
}
.function-title {
    text-align: center;
    color: #fc8848;
    font-size: 24px;
}
.function-col p {
    line-height: 1.8em;
    margin: 0 0 20px 0;
    text-align: center;
}

.advantage-inner {
    padding: 0 30px;
}
.advantage-inner .row {
    margin: 0 -30px;
}
.advantage-col-img {
    width: 210px;
    height: 210px;
    margin: 0 auto 20px auto;
    background-repeat: no-repeat;
    background-image: url("../images/adv.png");
}
.advantage-col-img-01 {
    background-position: 0 0;
}
.advantage-col-img-02 {
    width: 257px;
    margin-left: -10px;
    background-position: -210px 0;
}
.advantage-col-img-03 {
    width: 214px;
    background-position: -475px 0;
}
.advantage-col-img-04 {
    background-position: -730px 0;
}
.advantage-col-img-05 {
    width: 216px;
    background-position: -954px 0;
}
.advantage-title {
    text-align: center;
    color: #fc8848;
    font-size: 24px;
}
.advantage-col p {
    line-height: 1.8em;
    padding: 0 30px;
    text-align: center;
}
.advantage-col-img-01 {
    margin-left: 30px;
}

.customer-inner {
    padding: 0 43px;
}
.customer-inner .row {
    margin: 0 auto;
}
.customer-mobile-list {
    display: none;
}
.customer-list {
    margin: 0 -43px;
}
.customer-list:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.customer-list li {
    float: left;
    margin: 0 43px 30px 43px;
}
.more-info-row {
    background: #e27c3e;
    color: #fff;
    padding: 30px 0;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
}
.more-info-row .icon-phone {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    margin: 0 35px 0 0;
    background: url("../images/icon-phone-s.png") 0 0 no-repeat;
}
.more-info-row .online-service-btn {
    width: 230px;
    height: 46px;
    border: 2px solid #fff;
    border-radius: 23px;
    background: transparent;
    font-size: 18px;
    color: #fff;
    margin: 0 0 0 90px;
}

.process-inner {
    padding: 0 25px;
}
.process-inner .row {
    margin: 0 -25px;
}
.rent-process:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.rent-process {
}
.rent-process li {
    float: left;
    width: 151px;
    margin: 160px 25px 160px 25px;
    line-height: 1.8em;
    position: relative;
}
.rent-process li:before{
    content: '';
    display: block;
    height: 44px;
    border-left-width: 2px;
    border-left-style: dashed;
    position: absolute;
    left: 50%;
}
.process-1:before,
.process-3:before,
.process-5:before {
    top: 170px;
}
.process-2:before,
.process-4:before,
.process-6:before {
    top: -60px;
}
.process-2:before,
.process-4:before,
.process-6:before {
    top: -60px;
}
.process-1:before {
    border-left-color: #324c5b;
}
.process-2:before {
    border-left-color: #334d5c;
}
.process-3:before {
    border-left-color: #efc849;
}
.process-4:before {
    border-left-color: #c7cad0;
}
.process-5:before {
    border-left-color: #45b29d;
}
.process-6:before {
    border-left-color: #e37d3f;
}
.rent-process .txt{
    position: absolute;
    text-align: center;
    min-width: 150px;
}
.process-img {
    width: 151px;
    height: 151px;
    background-image: url("../images/process.png");
    background-repeat: no-repeat;
}
.process-img-01 {
    background-position: 0 0;
}
.process-img-02 {
    background-position: -197px 0;
}
.process-img-03 {
    background-position: -405px 0;
}
.process-img-04 {
    background-position: -612px 0;
}
.process-img-05 {
    background-position: -819px 0;
}
.process-img-06 {
    background-position: -1019px 0;
}
.process-1 .txt,
.process-3 .txt,
.process-5 .txt {
    top: 225px;
}
.process-2 .txt,
.process-4 .txt,
.process-6 .txt {
    top: -155px;
}
.process-2 .txt {
    width: 195px;
    margin: 0 0 0 -20px;
}
.process-3 .txt {
    width: 265px;
    margin: 0 0 0 -55px;
}
.process-4 .txt {
    width: 210px;
    margin: 0 0 0 -30px;
}
.process-5 .txt {
    width: 340px;
    margin: 0 0 0 -95px;
}
.process-6 .txt {
    width: 170px;
    margin: 0 0 0 -10px;
}
.rent-tips {
    text-align: center;
    margin: 1em 0;
    color: #999;
    font-size: 14px;
}

.pay-mobile-type {
    display: none;
}
.pay-type-inner {
    padding: 0 36px;
}
.pay-type-inner .row {
    margin: 0 auto;
}
.pay-type {
    margin: 0 -36px;
    padding: 0 0 40px 0;
}
.pay-type:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.pay-type li {
    float: left;
    margin: 0 36px 0 36px;
    max-width: 400px;
    text-align: center;
}
.pay-type h3 {
    font-size: 24px;
    margin: 20px 0;
}
.pay-type-intro {
    margin-top: 150px;
	text-align: center;
}
.pay-type-detail a{ color:#e27c3e;
}
.pay-type-detail {
    width: 400px;
    height: 400px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1px 20px 20px 20px;
    border-radius: 200px;
    background: #e8f8dc;
	text-align: center;
}
.pay-type-detail p {
    margin: .8em 0;
	text-align: center;
}
.pay-type-detail div {
	text-align: center;
}
.pay-type-detail .tips {
    font-size: 14px;
    color: #999;
}
.pay-type-detail .pay-type-detail-cash {
    margin: 5em 0;
}
.pay-type-detail-inner {
    width: 305px;
    margin: 0 auto;
    text-align: left;
}
.pay-type-detail .reg {
    font-size: 14px;
    color: #999;
}
/**
 * footer
 */
.footer-info {
    background: #e27c3e;
    color: #fff;
    height: 300px;
    overflow: hidden;
}
.service-tel {
    float: left;
    width: 250px;
    height: 300px;
    padding: 20px 20px;
    font-size: 28px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #cd592a url("../images/icon-phone.png") 20px 210px no-repeat;
}
.service-tel strong {
    font-size: 32px;
    font-weight: 100;
	line-height: 80px;
    font-family: GothamRounded, sans-serif;
}
.service-tel span {
    display: block;
    font-size: 18px;
    opacity: .25;
    filter: alpha(opacity=25);
}
.footer-info .qr-code {
    float: right;
    width: 158px;
    padding: 55px 0 0 0;
}
.footer-info .qr-code p{ text-align:center;
    padding:0 0 15px 0;
}
.footer-info .qr-code a{ border:1px #FFFFFF solid; color:#FFF;text-align:center; padding:2px 15px 2px 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;

}
.footer-nav {
    float: left;
    width: 730px;
    margin: 30px 0 0 30px;
    opacity: .8;
    filter: alpha(opacity=80);
}

.footer-nav li {
    float: left;
    margin: 0 45px 0 0;
}

.footer-nav a {
    display: inline-block;
    line-height: 82px;
    color: #fff;
}

.contact-mobile-info {
    display: none;
}
.footer-info .contact-info {
    float: left;
    width: 660px;
    line-height: 2em;
    margin: 50px 70px 10px 30px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #fff;
    opacity: .8;
    filter: alpha(opacity=80);
}
.footer-info .contact-info span {
    margin-right: 40px;
}
.footer-info .contact-info a {
    color: #fff;
}
.footer-info .friend-links {
	width:60%;
 	float:left;
	margin-left:30px;
	margin-right:0px;
    opacity: .8;
    filter: alpha(opacity=80);
}
.footer-info .friend-links a {
    color: #fff;
    margin-left:0px;
}
.footer {
    padding: 20px 0;
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
    background: #be3e25;
    color: #fff;
}
.footer a {
    color: #fff;
}
.mobile-btn-wrap {
    display: none;
}

#qiao-icon-wrap .qiao-icon-head {
    width: 70px!important;
    height: 70px!important;
    background: url("../images/servicer.png") 0 0 no-repeat!important;
}
#f_xingli{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#f_jiaju{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#f_zawu{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#f_wenjian{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#f_shouchang{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#f_zhanhui{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#f_yingshi{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#f_taobao{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#f_huowu{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }

#c_mini{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#c_xiaoxing{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#c_zhongxing{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#c_daxing{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#c_yimaojian{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }

#branch-shenzhen{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#branch-shanghai{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#branch-guangzhou{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
#branch-beijing{ position: relative; top: -54px;display: block; height: 0; overflow: hidden; }
@media (min-width:768px) {
.max768{ display:none;}
}
@media (max-width:768px) {
#leftsead{ display:none;}
.min768{ display:none;}
}
@media (min-width:768px) {
#leftsead{width:131px;height:143px;position:fixed;top:35%;right:0px;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:131px;height:65px; list-style:none;}
#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px;}
#leftsead li a{height:60px;float:right;display:block;min-width:60px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-199px;cursor:pointer;cursor:hand; height:60px !important;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:259px;top:0px; height:auto !important;}
}



.service-detail-wrap {
    padding: 85px 0 0 0;
}
.service-detail {
    background: #fff;
}
.service-detail.alt {
    background: #f0f0f0
}
.service-detail-row {
    padding: 30px 0;
    position: relative;
}
.service-detail-row:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.service-detail-row .img {
    float: left;
    width: 730px;
    height: 390px;
    padding: 20px;
}
.service-detail-row .txt {
    float: right;
    line-height: 30px;
    width: 340px;
    padding: 160px 0 0 0;
}
.service-detail-row .txt p {
    margin: 0 0 1em 0;
}
.service-detail.alt .img {
    float: right;
}
.service-detail.alt .txt {
    float: left;
    text-align: right;
}
.service-detail-img-1 {
    background: url("../images/service01.png") left center no-repeat;
}
.service-detail-img-2 {
    background: url("../images/service02.png") right center no-repeat;
}
.service-detail-img-3 {
    background: url("../images/service03.png") left top no-repeat;
}
.service-detail-img-4 {
    background: url("../images/service04.png") right center no-repeat;
}
.service-detail-img-5 {
    background: url("../images/service05.png") left center no-repeat;
}
.service-detail-img-6 {
    background: url("../images/service06.png") right center no-repeat;
}
.service-detail-img-7 {
    background: url("../images/service07.png") left center no-repeat;
}
.service-detail-img-8 {
    background: url("../images/service08.png") right center no-repeat;
}
.service-detail-img-9 {
    background: url("../images/service09.png") left center no-repeat;
}


