/* 统一样式 */

h1.title{ font-size: 38px; line-height: 1.5em; margin: 1.5em 0 1em 0;font-weight: 200;}

.auto-img img, img.auto-img{vertical-align: top;max-width: 100%;height: auto;}
.text-center{ text-align: center;}
.uppercase{text-transform: uppercase;}




















input{outline:none;}
.content::after, .clear::after{content: "";display: block;height: 0px;clear: both; }
.ant-layout-header{ background-color: #31a684;height: 60px;padding:0px;}
.logo{
    width: 180px;
    height:50px;
    display:block;
    margin: 5px 20px 5px 0px;
    float: left;
}
.logo img{width: 100%;}
.headNav{
     background-color: inherit;
     border-bottom:inherit;
     font-size: 14px;
     color: #ffffff;
     float: right;

     line-height: 60px !important;
}
.ant-layout{background: #ffffff;}
.headNav > .ant-menu-item:hover, 
.headNav > .ant-menu-submenu:hover, 
.headNav > .ant-menu-item-active, 
.headNav > .ant-menu-submenu-active, 
.headNav > .ant-menu-item-open, 
.headNav > .ant-menu-submenu-open, 
.headNav > .ant-menu-item-selected, 
.headNav > .ant-menu-submenu-selected{
  border-bottom: 2px solid #30a885;
   color: #30a885;
   background-color: #313131;  
}

.headNav > .ant-menu-item-active, 
.headNav > .ant-menu-item-open, 
.headNav > .ant-menu-item-selected, 
.headNav > .ant-menu-item:hover, 
.headNav > .ant-menu-submenu-active, 
.headNav > .ant-menu-submenu-open, 
.headNav > .ant-menu-submenu-selected, 
.headNav > .ant-menu-submenu:hover{
  border-bottom: 2px solid #30a885;
   color: #30a885;
   background-color: #313131;  
}
.ant-menu-submenu-horizontal > .ant-menu{
    margin-top: 0px; 
}
/* ant-menu-submenu-horizontal ant-menu-submenu-selected ant-menu-submenu
ant-menu-submenu-horizontal ant-menu-submenu-selected ant-menu-submenu
ant-menu-submenu-horizontal ant-menu-submenu

ant-menu-submenu-horizontal ant-menu-submenu
ant-menu-submenu-horizontal ant-menu-submenu */
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,

.ant-menu-submenu-title:hover {
  color: #30a885;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color:initial;
   color: #30a885;
}

.ant-menu-submenu > .ant-menu{
        background-color: #313131;
    border-radius: 0px;
    color: #ffffff;
}













.content{
    margin: auto;
}

.banner-user-elem .banner-user-title{
    position: absolute;
    width: 100%;
    top:420px;
}
.mybanner-link{
    background-color: #31a684;
    width:200px;
    margin:auto;
    border-radius: 5px;
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color:#ffffff;
    
}

.breadcrumb{
    font-size: 16px;
    padding: 30px 0px;
}

.boxstyle{
    border: 1px solid #dadada;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}
.an-title{text-align: center; padding: 120px 0px 70px 0px;}
.an-title h1{
   font-size: 36px;
}
.an-title p{
    font-size: 18px;
    color: #666666;
}

.goodsbox{height: 430px;
    background-repeat: no-repeat;
  
}
.goodsbox .title {font-size: 14px; font-weight:  bold;}
.goodsbox .tip {
    font-size: 12px;
    color: #7b7b7b;
    margin:10px 0px 30px 0px;
}
.goodsbox .img img{ width: 100%;}
.goodsbox .goodsbox-btn{ border: 1px solid #00cfbe; color: #00cfbe;padding:5px 10px; border-radius: 4px;}
.goodsbox-c1{padding:100px 20px 0px 210px;text-align: center; }
.goodsbox-c2{text-align: center;}

.footer{background-color: #000000;color:#7c7c7c;border-top:2px solid #30a885;}
.footer .content{overflow: hidden;}
.footer-left{float: left;}
.footer-left > ul > li {font-weight:bold;cursor: pointer; display: inline-block;color:#30a885;padding: 0px 30px;line-height: 40px;} 
.footer-left > ul > li a{color:#30a885;}
.footer-left > ul > li a:hover{color:#63d9b6;}
.footer-left > p{padding:0px 30px;}
.footer-right{float:right;padding: 10px 0px;}
.footer-right > a > img{ vertical-align: top;}
.footer-right > a{float:right;border: 1px solid #333333;margin: 0px 10px;}

.contactus{background: #333333 url('../images/bg01.jpg') no-repeat center center;height: 350px;}

.contactus .content{width: 600px;padding-top: 100px;}
.contactus .toptip {
    color: #969595;
    font-size: 16px;
    background: url('../images/bg02.png') no-repeat left top;height: 70px;line-height: 50px;padding-bottom: 20px;
    padding: 0px 30px;
    display: inline-block;
}

.form-text{float: left;}
.form-btn { float: right;}
.contactus-form{overflow: hidden;padding-top:20px;}
.form-text  >input{padding:0px 30px; color: #30a885; font-weight: bold; height: 48px;border-radius: 24px;background: #272727;border: 2px solid #484848;width: 380px;}
.form-btn >a {display: block;line-height: 48px;text-align: center; height: 48px; width: 180px; border-radius: 24px;background: #30a885;border: 2px solid #484848;color: #ffffff;}





.myicon{ width: 133px;margin: auto;}

.myicon > .img{background-color: #31a684; width: 133px; height: 133px;border-radius: 50%;overflow: hidden;padding: 22px;}
.myicon h3 {
    color: #31a684;
    font-size: 20px;
    padding-top:30px;
    font-weight: 200;
    text-align: center;
}

.myba .slick-track{height: 390px;border-top: 2px solid #31a684;}
.ba01{background: url('../images/ba01.jpg') no-repeat center center;}
.ba02{background: url('../images/ba02.jpg') no-repeat center center;}
.ba03{background: url('../images/ba03.jpg') no-repeat center center;}
.myba-nav{padding: 150px 20px 40px 20px; text-align: center;}
.myba-nav span{padding: 15px 40px; color:#6dbaa1; border-radius: 30px; margin: 20px;font-weight: bold;}
.myba-nav span.on{border: 2px solid #31a684;color:#31a684;}




.service-city{height: 700px; background:url('../images/bgs.jpg') no-repeat center center; }

.courierbanner {height: 641px; background:url('../images/courier_b.jpg') no-repeat center center; }
.courierbanner .content{height: 100%;position: relative;}
.courierbanner-left{position: absolute;width: 358px;height: 556px;bottom:0px;left:122px;}

.courierbanner-right{position: absolute;width: 480px;top:180px;left:520px;}

.courierbanner-right >h2{font-size: 36px;font-weight: bold;padding: 20px 0px 10px 0px;}
.courierbanner-right >p{font-size: 16px;padding: 10px 0px 50px 0px;}
.store-btn a{border: 1px solid rgba(51, 51, 51, .2);display: inline-block;margin-right: 20px;}
.store-btn img{vertical-align: top;}


.c-title{font-size: 30px; font-weight: 200;padding: 30px 0px 20px 0px;}
.c-text{font-size:14px;line-height: 24px; }



.p1 .content{height: 600px;position: relative;}
.p1 .p1-img{position: absolute;top:198px;left:38px;}
.p1 .p1-text{position: absolute;top:180px;left: 570px;width: 560px;}

.p2{padding: 10px 0px 100px 0px;}
.p2 .c-title{text-align: center;}
.p2 .p2box1 .img{background-color: #1a441b;}
.p2 .p2box2 .img{background-color: #502121;}
.p2 .p2box3 .img{background-color: #1a262d;}
.p2 .p2box .img img{width: 100%;vertical-align: top;opacity: .2;}
.p2 .p2box{position: relative;}
.p2 .p2box .myicon{position: absolute;width: 100%;top:83px;text-align: center;}
.p2 .p2box .title{position: absolute;text-align: center; bottom: 0px;width: 100%;background-color: rgba(0, 0, 0, .8);line-height: 50px; font-weight: bold;color: #ffffff;}

.p3{background: #ebebeb;padding-top: 30px;}
.p3 .c-title{text-align: center;}


.p3-img{position:absolute;top:155px; left:500px;}
.p3-tip{position:absolute;
    font-size: 14px;
    background: url('../images/bg03.png') no-repeat;height: 80px; line-height: 52px;padding:0px 20px 28px 20px;}
.p3-tip-1{background-position: right bottom;top:230px; left:270px;}
.p3-tip-2{background-position: left bottom;top:230px; left:720px;}
.p3-tip-3{background-position: left bottom;top:355px; left:720px;}



.banner-sl{background: url('../images/topbanner01.jpg') no-repeat center center;height: 480px;}


.sl1 .img{width: 855px;height: 454px;background: url('../images/05.jpg') no-repeat center center;margin:50px auto;}

.sl2{ height: 700px;}
.sl2 .img{
    width: 520px;height: 334px;background: url('../images/06.jpg') no-repeat center center;
    position: relative;
    margin: auto;
}

.sl2 .img .img-icon{position: absolute;width: 118px; height: 137px;overflow: hidden;}
.sl2 .img .img-icon > .ic{position: relative;width: 100%;height: 100%;background-color: #32a584;}
.sl2 .img .img-icon > .ic > .mask{position: absolute;top:0px;left:0px;width: 100%;height: 100%;background: url('../images/b.png') no-repeat center center;}
.img-icon1{top:-100px;left:-220px;}
.img-icon2{top:100px;left:-120px; }
.img-icon3{top:300px;left:-220px;}
.img-icon4{top:-100px;right:-220px;}
.img-icon5{top:100px;right:-120px;}
.img-icon6{top:300px;right:-220px;}



.sl3 .img{
    padding-top: 24px;
    background: url('../images/07.jpg') no-repeat center center;height: 580px;}

.sl3 .sl3-a{
    width:358px;
    height:556px;
    padding: 58px 65px 149px 98px;
    margin:auto;
    text-align: center;
    background: url('../images/hand2.png') no-repeat center center;}

.sl3 .sl3-a > a > img{ vertical-align: top;}
.sl3 .sl3-a > a{border: 1px solid #5bb79e;margin: 0px 10px;display:inline-block;margin: 10px 0px;}





.banner-cs{height: 327px;  background: url('../images/a01.jpg') no-repeat center center;}

.banner-cs-title{
    font-size: 30px;
    text-align: center;color: #ffffff;
    padding-top: 100px;
}

.cl .title{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 70px 0px 30px 0px;
}
.cl-center{ 
    height: 2000px;
    background: url('../images/08.jpg') no-repeat center 400px;}

.tips-children{
    height: 93px;
    background-color: #44bc99;
    color: #ffffff;
    padding: 0px 30px;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    display: table-cell;
}
.cl-tips .tips-lf{
    width: 113px;
    height: 93px;
    background-image: url('../images/tipbg.png');
    background-repeat: no-repeat;
    padding: 10px;
    position: absolute;

}
.tips-lf-center{
   color: #44bc99;
    height: 73px;
    width:73px;
    border-radius: 50%;
    background-color: #ffffff;
    line-height: 83px;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
}

.cl-tips{display:inline-block;}

.cl-tips-center{position: relative;}

.cl-tips-left > .cl-tips-center{padding-left: 113px;}
.cl-tips-right > .cl-tips-center{padding-right: 113px;}

.cl-tips-left .tips-lf{
    background-position: left center;
    padding-left:30px !important;
    left:0px;
}
.cl-tips-right .tips-lf{
    background-position: right center;
    padding-right:30px !important;
    right: 0px;
  
}
.cl-tips-right .tips-children{  text-align: right;}

.cl-p1 .cl-p-img{
      background-image: url('../images/b1.png');
      width: 147px;
      height: 332px;
}
.cl-p2 .cl-p-img{
     background-image: url('../images/b2.png');
      width: 93px;
      height: 312px;
}
.cl-p3 .cl-p-img{
     background-image: url('../images/b3.png');
      width: 97px;
      height: 323px;
}
.cl-p4 .cl-p-img{
     background-image: url('../images/b4.png');
      width: 127px;
      height: 318px;
}
.cl-p5 .cl-p-img{
     background-image: url('../images/b5.png');
      width: 115px;
      height: 350px;
}
.cl-p6 .cl-p-img{
     background-image: url('../images/b6.png');
      width: 174px;
      height: 377px;
}


.cl-p-center{position: relative;}
.cl-p-center .store-btn{position: absolute;}
.cl-p-center .cl-tips{position: absolute;}

.cl-p1 .store-btn{top:87px;left:224px;}
.cl-p1 .cl-tips{top:157px;left:168px;}

.cl-p3 .store-btn{top:87px;left:125px;}
.cl-p3 .cl-tips{top:157px;right: 102px;}


.cl-p2 .cl-tips{top:139px;left:-396px;}


.cl-p4 .cl-tips{top:90px;left:124px;}
.cl-p5 .cl-tips{top:184px;left:-362px;}
.cl-p6 .cl-tips{top:174px;left:191px;}


.cl-center{position: relative;}
.cl-center > .cl-p{position: absolute;width: 600px;}

.cl-p1{top:0px;left:0px;}
.cl-p2{top:453px;left:404px;}
.cl-p3{top:0px;right:0px;}
.cl-p4{top:435px;right:-47px;}
.cl-p5{top:1151px;left:419px;}
.cl-p6{top:1511px;left:479px;}




.banner-ab{ background:#333333 url('../images/ab.png') no-repeat center 60px; height:860px;}

.ab-top{color: #ffffff; text-align: center;}

.ab-title{
   font-size: 40px;
    font-weight: bold;text-align: center;}

.ab-center{}
.ab-center-text{
    font-size: 14px;
    color: #cccccc;
    line-height: 2em;
}
.text-color-emphasis{color: #1be7ac;}
.ab-center-text p{ margin:20px 0px 20px 0px;}

.ab-ban{padding:300px 0px 0px 0px; }




.home-tab{background-color: #eaeaea;}

.home-tab .content{ color: #333333;padding:20px 0px;}
.home-tab-title{display: table-cell;font-size: 28px;font-weight: bold;padding:20px 0px;}


/*00cfbe 0e77ca f46e65 ceb903 31a684  */
.home-tab-li-s1{ background-color: #00cfbe;}
.home-tab-li-s2{ background-color: #0e77ca;}
.home-tab-li-s3{ background-color: #f46e65;}
.home-tab-li-s4{ background-color: #ceb903;}
.home-tab-li-s5{ background-color: #31a684;}


.ant-dropdown-link{display: table-cell;width: 100px;
    color: #333333;
    text-align: right;
    font-size: 18px;
}
.ant-dropdown-link .anticon-down{font-size: 18px !important;}

.home-tab-row > .ant-col-4{width: 20%;text-align: center;}
.home-tab-row > .ant-col-4 > a{ color: #333333;line-height: 30px;font-size: 14px;}
.home-tab-row > .ant-col-4 > a span {
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    border-radius: 50%;
    margin-bottom: 10px;
}


.tab-link i{
    width: 40px;
    height: 20px;
    background: url("../images/09.jpg") no-repeat center 25px;
    display: block;
    margin-left: 20px;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.home-tab-p2{padding: 110px 0px;}
.home-tab-p2 .tab-link > a{
    display: block;
    font-size: 18px;
    color:#1a262d;
    position: relative;
    padding-bottom: 15px;
}
.home-tab-p2 .tab-link > a::before{
    background: #e4e4e4;
    display: block;
    content: ' ';
    height: 7px;
    overflow: hidden;
    margin-bottom: 10px;
}
.home-tab-p2 .tab-link > a::after{
    background: #31a684;
    content: ' ';
    height: 7px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top:0px;
    left:0px;
    width: 0px;
   -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.home-tab-p2-c{
    background-color: #e3e7ea;
    padding: 20px;
}



.tab-link-center{
    background: #ffffff;
    height: 420px;
    overflow: hidden;
    position: relative;
}

.tab-link-row .tab-link-col{padding: 20px;}

.home-tab-p2-p{position: relative;height: 460px;overflow: hidden;}
.home-tab-p2-p .tab-link-row{position: absolute;top:0px;left:0px;width: 100%;}

.tab-link-center .bg{ height: 100%;background-size: cover;}
.tab-link-center .mask{
    top:73%;left:0px;
    -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;height: 100%;position:absolute;background-color: rgba(0, 0, 0, .65)}

.tab-link-center .maskcenter{
    top:75%;left: 0px;width: 100%;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    padding:0px 30px;
    color: #ffffff;
}

.maskcenter h4{color: #30a885; font-weight: bold;font-size: 20px; }
.maskcenter h3{color: #ffffff;font-size: 18px;}
.maskcenter .maskcenter-text{opacity: 1;  -webkit-transition: all 0.6s ;
    transition: all 0.6s;
     font-size: 14px;
    line-height: 20px;
    padding-top: 3px;
}
.tab-link-center:hover .maskcenter-text{opacity: 1;}



.tabe00 .a1,
.tabe01 .a2,
.tabe02 .a3,
.tabe03 .a4{z-index: 5;}




.tabe00 .linka i,
.tabe01 .linkb i,
.tabe02 .linkc i,
.tabe03 .linkd i{background-position: center 0px;}

.tabe00 .linka > a::after,
.tabe01 .linkb > a::after,
.tabe02 .linkc > a::after,
.tabe03 .linkd > a::after{width: 100%;}

.tabe00 .linka > a,
.tabe01 .linkb > a,
.tabe02 .linkc > a,
.tabe03 .linkd > a{color: #31a684;}

.tabe00 .a1 .tab-link-center,
.tabe01 .a2 .tab-link-center,
.tabe02 .a3 .tab-link-center,
.tabe03 .a4 .tab-link-center{animation:.5s ease-out 0s 1 slideIn;} 

@keyframes slideIn
    {0%{transform:translateX(-100%)}100%{transform:translateX(0)}
}

.homemake-box {background-color: #ffffff;transition: all 0.3s;}
.homemake-box .img img{width:100%;vertical-align: top;}
.homemake-box .title{height: 75px;color: #ffffff; padding:10px 20px; font-size: 18px; display: table;width: 100%;}
.homemake-box .title >span{display: table-cell; vertical-align: middle;}
.homemake-box .title >i{display: table-cell; vertical-align: middle;background:url('../images/arrow-right2.png') no-repeat center left;
    width: 30px;
}
.homemake-box .text{ height: 100px;padding: 10px 20px;font-size: 14px;background: #eaeaea}
.homemake-box:hover{
    box-shadow: 0px 5px 25px 0px rgba(64,64,64,0.3);
    transform: scale(1.08); 
}
.k1 .title {background-color:#f29111;}
.k2 .title {background-color:#00758f;}
.k3 .title {background-color:#3a9135;}
.k4 .title {background-color:#003b4d;}



.hrborder{border:none;border-bottom:1px solid #30a885;}

.footer-list {
    padding: 30px 0px;
}
.footer-list-center h3{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
 
}
.footer-list-center >ul {
    line-height: 30px;
    font-size: 16px;
}
.footer-list-center a {color: #505050;}
.footer-list-center a:hover{color: #a7a7a7;}
.footer-logo{width: 120px;opacity: 0.6;float: left;padding: 15px 0px;}
.footer-logo img{width: 100%;}




.as-courior { background-color: #eaeaea;}
.as-courior .content {padding: 30px 0px; position: relative;}
.as-courior .title {font-size: 30px;}
.as-courior .btn {position: absolute; font-size: 24px; top:30px; right: 30px;background: #31a684;}
.as-courior .btn a{display: block;color: #ffffff;padding:0px 20px; position: relative;font-weight: 200;}

.as-courior .btn a::after{ 
    position: absolute; right: -30px;
    top:-11px;
    content: "";
    width:0; 
    height:0; 
    border-top:30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #31a684;}


/* icon */
.facebook, 
.twitter,
.instagram,
.pinterest,
.sn apchat,
.applelogo,
.youtube,
.googlelogo{
    background-image: url('../images/icons/icons.svg');
    width: 24px;
    height: 24px;
    display: inline-table;
    overflow: hidden;
    text-indent: -500;
    margin-right: 15px;
}
.youtube{
     background-image: url('../images/icons/youtube3.png');
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 100% auto;
}

.facebook {background-position: 0px 0px;}
.twitter {background-position: 0px -25px;}
.instagram{background-position: 0px -52px;}
.pinterest{background-position: 0px -78px;}
.snapchat{background-position: 0px -103px;}
.applelogo{background-position: -10px -202px;width: 135px;height: 40px;}
.googlelogo{background-position: -10px -140px;width: 135px;height: 40px;}

.media{padding: 10px 0 10px 0;}
.media-link a{opacity: 0.6;}
.media-link a:hover{opacity: 1;}
.media-link h1{ color: #505050; font-size: 14px; font-weight: bold;padding: 10px 0px;}




/*2017 08 28 */

.collapsed{    width: 40px;
    height: 40px;
    background: none;
    display: none;
    border: none;}

.collapsed .icon-bar{width: 16px;height: 2px;background-color: #ffffff;display: block; margin: 5px auto;}
.ant-menu-inline .ant-menu-item:after, .ant-menu-vertical .ant-menu-item:after{display: none;}

.banner-01{font-size:40px;color:#ffffff;text-align:center;text-shadow:0px 0px 30px #000000;font-weight:100;}
.banner-02{  position: absolute;
 text-align: center;
    color: #ffffff;
    margin: auto;
    font-size: 50px;
    top:150px;
    width: 100%;
font-weight: 100;}
.banner-02-01{margin: auto; text-transform: uppercase;}
.banner-02-02{margin:20px auto;font-size: 0.5em;}

.banner-text-01{
    margin: auto; color: #ffffff; font-size: 40px; text-align: center; font-weight: 200;
    text-shadow: 0px 0px 20px #000000;
}
.banner-text-01 .uppercase{font-size: 1.3em;}


/*
    20170929
*/
.zp-a{background:url("../images/page4/01a.jpg") no-repeat center center;height: 800px; }
.zp-b{background:url("../images/page4/02.jpg") no-repeat center center;height: 749px; }
.zp-c{background:url("../images/page4/03.jpg") no-repeat center center;height: 718px; }
.zp-d{background:url("../images/page4/04.jpg") no-repeat center center;height: 612px; }
.zp-e{background:url("../images/page4/05.jpg") no-repeat center center;height: 654px; }
.bg-map{background:url("../images/page4/01.png") no-repeat center center;height: 507px; width: 767px;margin: auto;}
/*20170930  */
.list-content{ font-size: 16px; line-height: 2em;}

.list-content > .list-title{ font-size: 1.2em;padding: 1em 0;text-transform: uppercase;}
.list-content > .list-img img{vertical-align: top;max-width: 100%;}
.list-content > .list-text{padding:20px 0px;}

.list-content .list-link{border: 1px solid #b7b7b7;color:#b7b7b7; display: inline-block;padding: 0px 20px;margin: 30px 0px;}
.list-content .list-link:hover{background-color: #333333;color: #ffffff;}


.nav-user{float: right;}
.anuo-title{padding:20px 0px;text-align:center;font-size:31px;font-weight:200;}

/*20171009  */
.title-text{font-size: 30px;}
.my-smart-locker h2{text-align: center;padding: 50px 0px 30px 0px;font-size: 32px; font-weight: 100;}
.my-smart-locker .auto-img{text-align: center;}

.mpage02{
    background-image: url('../images/mobile/01.jpg');
}
.mpage03{
    background-image: url('../images/mobile/02.jpg');
}
.mpage04{
    background-image: url('../images/mobile/03.jpg');
}
.mpage05{ background-image: url('../images/mobile/04.jpg');}
.mpage07{ background-image: url('../images/mobile/06.jpg');}
.npager4{padding:30px 0 130px 0;}
.npager4 .c-title{padding-top: 100px;}

.index-b1{padding-top: 120px;}





.leadership-body{background: #000000  url("../images/31.jpg") no-repeat center center; background-size: auto 100%;}
.leadership-left{background: url("../images/31.jpg") no-repeat right center;height: 100%;}
.leadership-right{background-color: #323232;padding:30px;}
.leadership{color: #cccccc;margin: 80px 0;}

.leadership .title {font-size: 24px; color: #ffffff; font-weight: 200; border-bottom: 1px solid #31a684;display: inline-block;padding: 10px 0;margin-bottom: 35px;}
.leadership .title span{font-weight: normal;color:#31a684;font-size: .8em;}
.leadership .intro{font-size: 16px;}


/*  */
.mybanner2{height: 420px;}
.mybannertop{
    background-color: rgba(0,0,0,.6);
    height: 100%;
    width: 490px;
    padding:20px;
    font-weight: 200;
    font-size: 16px;
    line-height: 2em;
    color:#ffffff;
}
.mybannertop h1{color: #31a684;margin: 40px 0 10px 0;}
.mybannertop h2{color: #31a684;font-weight: 600;margin: 10px 0 30px 0;}
/*1020  */
span.iconimg{display: inline-block;background-repeat:no-repeat; padding-left: 20px;background-position: left center; margin-right:20px;} 

span.location{background-image: url("../images/user/01.png");}
span.mail{background-image: url("../images/user/02.png");}
.pp-name{background: url("../images/user/03.png") no-repeat left top;
        text-align: left;
    display: inline-block; padding-left:75px;}

.pp-title{font-size: 1.2em;}
.pp-tip{color: #999999;}











/* 超小屏幕（手机，小于 768px） */

/* 小屏幕（平板，大于等于 768px） */
@media (max-width:768px) { 
    .anuo-title{font-size: 16px;}
    .ispc{display: none !important;}
    .step-page{display: none;}
     .content{width: 100%;padding-left:20px;padding-right:20px;}
     .mybanner{height: 220px;}
     .logo{width: 140px;height: 40px; margin: 20px;}
     .nav-user{display: none;}
     .collapsed{display: block;
        float: right;   
        margin: 20px 20px 0 0;         
    }
    .ant-menu-horizontal{display: none;}
    .ant-layout-header{height: inherit;}
    .ant-menu-inline{      background: #228266;border-right:none;}
    .bg{background-size: cover !important;}
    .banner-01{font-size:22px;padding: 0px 30px;}
    .home-tab-title{display: none;}

    .home-tab-row > .ant-col-4 > a span{width: 30px;height: 30px;}
    .as-courior .title{font-size: 30px;padding: 20px;font-size: 20px;}
    .as-courior .btn{position: initial;    font-size: 18px;}

    .courierbanner-left{left:0px;width: 100%; overflow: hidden;text-align: center;height:initial;}
    .courierbanner-left img{width: 80%;vertical-align: top;}
    .courierbanner-right{left:0px;width: 100%;top: 13px;padding:0px 20px;}
    .courierbanner-right >h2{font-size: 18px;}
    .courierbanner-right >p{font-size: 12px;padding-bottom: 25px;}
    .store-btn a{margin:0px 10px;    background-color: #fff;}
    .store-btn a > img{width: 110px;}

    .p1 .p1-img, .p1 .p1-text{
        position:initial;
        width: 100%;
    }
    .p1 .content{height: initial;}
    .c-title{font-size: 16px;}
    .contactus .content{width: 100%;padding-top: 125px;  }
    .contactus{height:450px;}
    .form-text  >input{ width: 100%;}
    .form-text, .form-btn{float: initial;}
    .form-btn{padding: 20px 0px;}
    .contactus .toptip{font-size: 12px;}
    .banner-ab{height: auto;padding-bottom: 20px;   }
    .headNav .anticon-down{display: none;}
 }

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:992px) {
    .content{width: 950px;}
    .tab-link-center {height: 344px;}
    .home-tab-p2-p{height:390px;}
    .homemake-box .title{font-size: 14px;}
    .media-link h1 {font-size: 12px;}
    .as-courior .title{font-size: 24px;}
 }

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:1200px) { 
    .content{width: 1200px;}
    .mybanner{height: 520px;}
    .tab-link-center {height: 420px;}
    .home-tab-p2-p{height:460px;}
    .homemake-box .title{font-size: 18px;}
    .media-link h1 {font-size: 14px;}
    .as-courior .title{font-size: 30px;}
}