body{font-family: "微软雅黑", sans-serif, Arial;background: url("../img/bd_body.jpg");overflow-x: hidden;}
a,img{display: block;}
*{-webkit-tap-highlight-color: transparent;}
/*======================顶部导航==========================*/
.nav{
    position: fixed;
    width: 100%;
    background-color:#f5f7f8;
    z-index: 999999;
}
.main{
    width: 1200px;
    margin:0 auto;
}
.nav .main{
    height: 120px;
}
.nav .main b{
    float: left;
}
.nav .main ul{
    float: right;
    margin-top:25px;
    width:686px;
    height:58px;
    margin-bottom:13px;
    overflow: hidden;
}
.nav .main  p.b-scroll{
    float: right;
    width:686px;
    height:3px;
}
.nav .main p.b-scroll span{
    display: block;
    width: 0;
    height: 100%;
    background-color:#008cd6;
    transition: margin-left 0.1s,width 0.2s;
    -webkit-transition: margin-left 0.1s,width 0.2s;
    -moz-transition: margin-left 0.1s,width 0.2s;
    -o-transition: margin-left 0.1s,width 0.2s;
}

.nav .main ul li{
    float: left;
    font-size: 16px;
    width: 140px;
    text-align: center;
    padding-right: 7px;
    background: url("../img/bg_nav_r.png") right 38px no-repeat;
}
.nav .main ul li a{
    color:#000000;
    text-decoration: none;
    margin-top:-69px;
    transition: margin-top 0.2s;
    -webkit-transition: margin-top 0.2s;
    -moz-transition: margin-top 0.2s;
    -o-transition: margin-top 0.2s;
}
.nav .main ul li a:hover,.nav .main ul li.on a{
    margin-top:0;
}
.nav .main ul li a i{
    display:block;
    height:25px;
    margin: 0 auto 2px;
    background-image:url('../img/header_icon.png');
    background-repeat: no-repeat;
}
.nav .main ul li.page1{
    width: 98px;
}
.nav .main ul li.page1 a i{
    width:26px;
    background-position:0 0;
}
.nav .main ul li.page1 a i.on{
    background-position:-28px 0;
}
.nav .main ul li.page2 a i{
    width:15px;
    background-position:0 -26px;
}
.nav .main ul li.page2 a i.on{
    background-position:-28px -26px;
}
.nav .main ul li.page3 a i{
    width:25px;
    background-position:0 -54px;
}
.nav .main ul li.page3 a i.on{
    background-position:-28px -54px;
}
.nav .main ul li.page4 a i{
    width:25px;
    background-position:0 -82px;
}
.nav .main ul li.page4 a i.on{
    background-position:-28px -82px;
}
.nav .main ul li.page5{
    padding-right:0;
    background: none;
}
.nav .main ul li.page5 a i{
    width:26px;
    background-position:0 -111px;
}
.nav .main ul li.page5 a i.on{
    background-position:-28px -111px;
}
.nav .main ul li a span{
    display: block;
    line-height: 42px;
}
/****************底部************************/
.footer{
    width: 100%;
    height:90px;
    line-height:50px;
    background:#008cd6;
    color:#ffffff;
    font-size: 14px;
    text-align: center;
    z-index: 1000;
}
.footerm{
    position: fixed;
    left: 0;
    bottom: 0;
}
.footer a{
    display: inline-block;
    color: #fff;
    text-decoration: none;
   margin-top: -10px;
    height: 90px;
}
.footer a:hover{
    text-decoration: underline;
}

/*********************=======首页=======*********************/
.banner{
    width: 100%;
    padding-top: 120px;
    position: relative;
    overflow: hidden;
}
.banner img{
    width: 100%;
}
.banner .swiper-pagination{
    position: absolute;
    left: 0;
    bottom:8px;
    width: 100%;
    text-align: center;
}
.banner .swiper-pagination span{
    width: 16px;
    height: 16px;
    margin:0 6px;
    display: inline-block;
    background-image: url("../img/banner_btn.png");
    background-position: -16px -186px;
}
.banner .swiper-pagination span.swiper-active-switch{
    background-position: 0 -186px;
}
.banner .prev,.banner .next{
    display: none;
    width:55px;
    height:93px;
    background-image: url("../img/banner_btn.png");
    position: absolute;
    top:50%;
    margin-top:46px;
    cursor: pointer;
    z-index: 999;
}
.banner.hvr .prev,.banner.hvr .next{
    display: block;
}
.banner .prev{
    background-position:0 0;
    right:50%;
    margin-right:545px;
}
.banner .next{
    background-position:0 -93px;
    left:50%;
    margin-left:545px;
}
.merlist{
    display: none;
}
/* box */
#box{position:relative;width:970px;height:350px;margin: 0 auto;}
#box ul{position:relative;width:970px;height:350px;z-index:2;}
#box li{position:absolute;list-style:none;background:#fff;width:0;height:0;top:146px;left:377px;z-index:0;cursor:pointer;overflow:hidden;border-radius:3px;}
#box li img{width:100%;height:100%;vertical-align:top;}
#box .btn_prev, #box .btn_next{cursor:pointer;background:url("../img/transparent.png");}
/*****************公司文化******************/
.corporate-culture{
    background-color: #eeeeee;
    padding-bottom:110px;
}
.corporate-culture h3{
    padding:57px 0 78px;
}
.corporate-culture h3 img{
    width:16.833333%;
    margin: 0 auto;
}
.corporate-culture ul.listbox-top{
    margin-bottom:122px;
}
.corporate-culture ul li{
    float: left;
    width: 50%;
    color:#000000;
    font-size: 14px;
    line-height:34px;
}
.corporate-culture ul li img{
    width: 100%;
}
.corporate-culture ul li h5,.corporate-culture ul li h6{
    font-weight: normal;
    font-size: 14px;
}
.corporate-culture ul li h5{
    font-size: 24px;
    line-height: 30px;
    padding:57px 0 4px;
}
.corporate-culture ul li p{
    background-image: url("../img/p_dian.jpg");
    background-repeat:no-repeat;
    margin-bottom:7px;
}
.corporate-culture ul.listbox-top li h5,.corporate-culture ul.listbox-top li h6{
    padding-left:13.666666%;
    width: 79%;
}
.corporate-culture ul.listbox-top li h6{
    margin-bottom:27px;

}
.corporate-culture ul.listbox-top li p{
    padding-left:16.166666%;
    width: 76.66666666%;
    background-position:14.8% 14px;
}
.corporate-culture ul.listbox-bottom li h6{
    width: 82.5%;
    padding:45px 0 36px  4.666666%;
}
.corporate-culture ul.listbox-bottom li p{
    padding-left:7.333333%;
    width: 79.5%;
    background-position:5.5% 14px;
}
.corporate-culture ul.listbox-bottom li div{
    padding:18px 0 0 4.33333%;
}
.corporate-culture ul.listbox-bottom li div a{
    display: block;
    width: 82px;
    height: 82px;
    float: left;
    position: relative;
    cursor: pointer;
    margin-left:3.3333333%;
    transition: transform 0.6s,z-index 0.6s;
    -webkit-transition: -webkit-transform 0.6s,z-index 0.6s;
}
.corporate-culture ul.listbox-bottom li div a i,.corporate-culture ul.listbox-bottom li div a em{
    display: block;
    width:100%;
    height:100%;
    background-image: url("../img/corporate-culture-list.png");
    position: absolute;
    left:0;
    top:0;
    transition:z-index 0.6s;
    -webkit-transition:z-index 0.6s;
}
.corporate-culture ul.listbox-bottom li div a i{
    z-index: 10;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
}
.corporate-culture ul.listbox-bottom li div a em{
    z-index: 100;
}
.corporate-culture ul.listbox-bottom li div a:hover{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
}
.corporate-culture ul.listbox-bottom li div a:hover i{
    z-index: 100;
}
.corporate-culture ul.listbox-bottom li div a:hover em{
    z-index: 10;
}
.corporate-culture ul.listbox-bottom li div a.list1 i{
    background-position:0 0;
}
.corporate-culture ul.listbox-bottom li div a.list1 em{
    background-position:-83px 0;
}
.corporate-culture ul.listbox-bottom li div a.list2 i{
    background-position:0 -84px;
}
.corporate-culture ul.listbox-bottom li div a.list2 em{
    background-position:-83px -84px;
}
.corporate-culture ul.listbox-bottom li div a.list3 i{
    background-position:0  -167px;
}
.corporate-culture ul.listbox-bottom li div a.list3 em{
    background-position:-83px -167px;
}
.corporate-culture ul.listbox-bottom li div a.list4 i{
    background-position:0 -250px;
}
.corporate-culture ul.listbox-bottom li div a.list4 em{
    background-position:-83px -250px;
}
/******************瑞银电商********************/
.introduction{
    height: 865px;
    background: url("../img/bg_introduction.jpg") center center no-repeat;
    width: 100%;
    overflow: hidden;
}
.introduction .main{
    height: 100%;
    position:relative;
}
.introduction h3{
    padding-top:56px;
    margin-bottom:53px;
}
.introduction h3 img{
    margin:0 auto;
    width: 16.8333333%;
}
.introduction p{
    text-align: center;
    color:#ffffff;
    font-size:14px;
    line-height:34px;
    width: 80%;
    margin: 0 auto;
}
.introduction .introduction-phone{
    width: 100%;
    height: 432px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.introduction .introduction-phone .phone{
    width:38.58%;
    position: absolute;
    left: 30.71%;
    bottom: 0;
}
.introduction .introduction-phone ul{
    height: 100%;
    position: relative;
}
.introduction .introduction-phone ul li{
    width: 50%;
    height: 50%;
    float: left;
}
.introduction .introduction-phone ul li.list1 h5,
.introduction .introduction-phone ul li.list3 h5{
    float: left;
    text-align: left;
}
.introduction .introduction-phone ul li.list1 img,.introduction .introduction-phone ul li.list3 img{
    float: left;
    margin-right:3.166666%;
    margin-left:11.33333%;
    *margin-left:5.666666%;
    transition-delay:1.2s;transform: translate(-100px,0) rotate(-360deg);
}
.introduction .introduction-phone ul li.list2 h5,
.introduction .introduction-phone ul li.list4 h5{
    float: right;
    text-align: right;
}
.introduction .introduction-phone ul li.list2 img,.introduction .introduction-phone ul li.list4 img{
    float: right;
    margin-left: 3.166666%;
    margin-right:11.33333%;
    *margin-right:5.666666%;
    transition-delay:1.2s;transform: translate(100px,0) rotate(360deg);
}
.introduction .introduction-phone ul li img{
    width: 20%;
    opacity: 0;
    transition: transform 0.6s,opacity 0.6s;
}
.introduction .introduction-phone ul li h5{
    color:#fff;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
}
.introduction .introduction-phone ul li h5 b{
    display:block;
    font-size: 24px;
    line-height: 40px;
    margin-bottom:18px;
    transform: translate(0,-120px);
}
.introduction .introduction-phone ul li h5 b,.introduction .introduction-phone ul li h5 span{
    transition: transform 0.6s,opacity 0.6s;
    transition-delay: 0.4s;
    opacity: 0;
}
.introduction .introduction-phone ul li h5 span{
    display: block;
    transition-delay: 0.8s;
    transform: translate(0,120px);
}
.introduction .introduction-phone ul li{
    position: relative;
}
.introduction .introduction-phone ul li i{
    display: block;
    background-repeat:no-repeat;
    position: absolute;
    top: 45px;
    transition: transform 0.6s;
}
.introduction .introduction-phone ul li.list1 h5{
    width: 28.5%;
}
.introduction .introduction-phone ul li.list1 i{
    width:45.333333333%;
    height:79px;
    background-image:url("../img/list-line1.png") ;
    background-position: left bottom;
    left: 32.5%;
    transform:scale(0,0);
    transform-origin:right bottom;
}
.introduction .introduction-phone ul li.list2 h5{
    width: 28%;
}
.introduction .introduction-phone ul li.list2 i{
    width:45.333333333%;
    height:79px;
    background-image:url("../img/list-line2.png") ;
    background-position: right bottom;
    right: 32.5%;
    transform:scale(0,0);
    transform-origin:left bottom;
}
.introduction .introduction-phone ul li.list3 h5{
    width: 29%;
}
.introduction .introduction-phone ul li.list3 i{
    width:36.3333333333%;
    height:8px;
    background-image:url("../img/list-line3.png") ;
    background-position: left bottom;
    left: 32.5%;
    transform:scale(0,1);
    transform-origin:right center;
}
.introduction .introduction-phone ul li.list4 h5{
    width: 29%;
}
.introduction .introduction-phone ul li.list4 i{
    width:36.3333333333%;
    height:8px;
    background-image:url("../img/list-line4.png") ;
    background-position: right bottom;
    right: 32.5%;
    transform:scale(0,1);
    transform-origin:left center;
}
.introduction .introduction-phone.show ul li i{
    transform:scale(1,1);
}
.introduction .introduction-phone.show ul li h5 b,.introduction .introduction-phone.show ul li h5 span{
    transform: translate(0,0);
    opacity: 1;
}
.introduction .introduction-phone.show ul li img{
    opacity: 1;
    transform: translate(0,0) rotate(0deg);
}
/********************团队********************/
.iteam{
    background:#eeeeee;
    padding-bottom:109px;
}
.iteam h3{
    width: 1200px;
    margin: 0 auto;
    padding:75px 0 70px;
}
.iteam h3 img{
    width:16.75%;
    margin:0 auto;
}
/*****旋转木马效果*******/

/**************======商家入驻======*************/
.container{
    padding-top:200px;
    background: url("../img/mer_mainbg.jpg") center 120px no-repeat;
}
.container .main{
    position: relative;
    padding-bottom:59px;
}
.container h2{
    position: absolute;
    left: 0;
    top:0;
    width: 27.9%;
}
.container h2 img{
    width: 100%;
}
.recruit h2{
    width: 44.8%;
    top: -3%;
}
.merchant .merbox{
    padding-left:130px;
    padding-bottom: 60px;
    position: relative;
}
.merchant .merbox img.map{
    position: absolute;
    top:0;
    left: 130px;
    width:1067px;
    height:830px;
    padding: 0;
    margin: 0;
}
.merchant .merbox ul li{
    float: left;
    width: 224px;
    height: 224px;
    margin-right:16px;
    margin-top:-103px;
    position: relative;
}

.merchant .merbox ul li img{
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: -moz-transform 0.6s;
    -o-transition:-o-transform 0.6s;
}
.merchant .merbox ul li p{
    text-align: center;
    color:#fff;
    font-size:22px;
    line-height: 224px;
    width: 100%;
    height: 100%;
    overflow:hidden;
    background: url("../img/mer_mc.png") center center no-repeat;
    background-size:100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter:alpha(opacity=0);
    transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
}
.merchant .merbox ul li p.line2{
    line-height:30px;
}
.merchant .merbox ul li p.line2 span{
    padding-top:82px;
}
.merchant .merbox ul li p span{
    display: block;
    transition:transform 0.3s;
    -webkit-transition:-webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition:-o-transform 0.3s;
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transform: translate(0,-142px) scale(0,0);
    -webkit-transform: translate(0,-142px) scale(0,0);
    -o-transform: translate(0,-142px) scale(0,0);
    -moz-transform: translate(0,-142px) scale(0,0);
}
.merchant .merbox ul li.mover p{
    opacity: 1;
    filter:alpha(opacity=100);
}
.merchant .merbox ul li.mover p span{
    transform: translate(0,0)  scale(1,1);
    -webkit-transform: translate(0,0) scale(1,1) ;
    -o-transform: translate(0,0) scale(1,1);
    -moz-transform: translate(0,0) scale(1,1);
}

.merchant .merbox ul li.list1{
    margin-left: 240px;
    margin-top: 0;
}
.merchant .merbox ul li.list2{
    margin-right:100px;
    margin-top: 0;
}
.merchant .merbox ul li.list3,.merchant .merbox ul li.list11,.merchant .merbox ul li.list19{
    margin-left: 120px;
}
.merchant .merbox ul li.list6,.merchant .merbox ul li.list14,.merchant .merbox ul li.list18{
    margin-right: 0;
}
/******************流程*************************/
.merchant .flow{
    width: 53.33333333333%;
    float: left;
}
.merchant .flow h3{
    width: 312px;
    height: 90px;
    line-height: 90px;
    font-size:46px;
    color:#008cd6;
    text-align: center;
    margin: 0 auto 55px;
    background: url("../img/mer_flow_title.png") center center no-repeat;
    background-size:100%;
}
.merchant .flow li{
    position: relative;
    padding-bottom:47px;
    background: url("../img/flow_listbt.png") center 59px no-repeat;
}
.merchant .flow li.list5{
    padding-bottom:0;
    background: none;
}
.merchant .flow li p{
    position: absolute;
    top:0;
    height:57px;
    line-height: 57px;
    font-size: 20px;
    border:1px solid #008cd6;
    background-color: #fff;
    color:#008cd6;
    padding:0 13px 0 17px;
    transition: transform 3s;
}

.merchant .flow li p i{
    display: block;
    width: 100%;
    height:70px;
    position: absolute;
    background-repeat: no-repeat;
    top:-1px;
}
.merchant .flow li p.sp1{
    right:57%;
    transform-origin: right center;
    transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
}
.merchant .flow li p.sp1 i{
    background-position:left bottom;
    background-image: url("../img/shadow_sp1.png");
    left:-16px;
}
.merchant .flow li p.sp2{
    left:57%;
    transform-origin: left center ;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
}
.merchant .flow li p.sp2 i{
    background-position:right bottom;
    background-image: url("../img/shadow_sp2.png");
    right:-16px;
}
.merchant .flow li b{
    display: block;
    font-size: 30px;
    width: 91px;
    height:59px;
    line-height: 59px;
    background:#008cd6;
    color:#ffffff;
    text-align: center;
    margin:0 auto;
}
.merchant .flow.show li p{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}
/********************小优与手机*************************/
.merchant .real{
    width: 32.5%;
    float: right;
    padding-right:0;
    position: relative;
}
.merchant .real img{
    position: relative;
    width: 100%;
}
.merchant .real em{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.merchant .real i{
    display: block;
    width: 71.28%;
    position: absolute;
    bottom:22px;
    left:-42.3%;
}
/************************==============招贤纳士=============**************************/
.recruit{
    height: 1788px;
    background:url("../img/bg_recruit.jpg") center 120px no-repeat;
}
.recruit .main{
    padding-top:104px;
}
.recruit div.mod{
    position: relative;
}
.recruit div.mod div.mod-wz{
    color:#000;
    line-height: 40px;
}
.recruit div.mod div.mod-wz b{
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    padding:9px 0 9px 0;
    border-bottom:1px solid #000000;
    margin-bottom:2px;
    background: url("../img/h_lin.png")  no-repeat;
}
.recruit div.mod div.mod-wz dl{
    font-size:18px;
    background: url("../img/p_dian.png") left center no-repeat;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.recruit div.mod div.mod-wz dl dt{
    display: inline-block;
    cursor: pointer;
}
.recruit div.mod div.mod-wz dl dd{
    position: absolute;
    left: 60px;
    top: -100px;
    width: 480px;
    background: rgba(255,255,255,0.9);
    display: none;
    line-height: 18px;
    padding:26px 0 22px;
    border-radius:10px;
    border:4px solid rgba(31,134,189,0.1);
    z-index: 10;
}
.recruit div.mod div.mod-wz dl.span2 dd,.recruit div.mod div.mod-wz dl.span4 dd,.recruit div.mod div.mod-wz dl.span6 dd,.recruit div.mod div.mod-wz dl.span8 dd,.recruit div.mod div.mod-wz dl.span10 dd,.recruit div.mod div.mod-wz dl.span12 dd{
    left:-430px;
}
.recruit div.mod div.mod-wz dl dd:before,.recruit div.mod div.mod-wz dl dd:after{
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    position: absolute;
    top: 106px;
}
.recruit div.mod div.mod-wz dl dd:after{
    border-right:10px solid rgba(255,255,255,0.9);
    left: -10px;
    z-index:2;
}
.recruit div.mod div.mod-wz dl dd:before{
    border-right:10px solid rgba(31,134,189,0.1);
    left: -14px;
    z-index: 1;
}
.recruit div.mod div.mod-wz dl.span2 dd:after,.recruit div.mod div.mod-wz dl.span4 dd:after,.recruit div.mod div.mod-wz dl.span6 dd:after,.recruit div.mod div.mod-wz dl.span8 dd:after,.recruit div.mod div.mod-wz dl.span10 dd:after,.recruit div.mod div.mod-wz dl.span12 dd:after{
    left: 480px;
    border-right: none;
    border-left:10px solid rgba(255,255,255,0.9);
}
.recruit div.mod div.mod-wz dl.span2 dd:before,.recruit div.mod div.mod-wz dl.span4 dd:before,.recruit div.mod div.mod-wz dl.span6 dd:before,.recruit div.mod div.mod-wz dl.span8 dd:before,.recruit div.mod div.mod-wz dl.span10 dd:before,.recruit div.mod div.mod-wz dl.span12 dd:before{
    border-left:10px solid rgba(31,134,189,0.1);
    border-right: none;
    left: 483px;
}
.recruit div.mod div.mod-wz dl dd h4{
    font-size: 18px;
    padding-left: 43px;
    margin-bottom:7px;
    background: url("../img/bg-h4.png") 21px center no-repeat;
}
.recruit div.mod div.mod-wz dl dd h5{
    font-size: 16px;
    font-weight: normal;
    padding-left: 20px;
}
.recruit div.mod div.mod-wz dl dd h6{
    margin-top: 16px;
}
.recruit div.mod div.mod-wz dl dd h6,.recruit div.mod div.mod-wz dl dd p{
    font-size: 14px;
    font-weight: normal;
    padding-left: 20px;

}
.recruit div.mod div.mod-wz dl dd p{
    padding-right: 20px;
}
.recruit div.mod.mod1{
    padding-left:40.5833333%;
    padding-top:32px;
    margin-bottom:292px;
}
.recruit div.mod.mod1 div.mod-wz b{
    margin-left:110px;
    padding-right: 19px;
    padding-left: 59px;
    background-position: 26px center;
}
.recruit div.mod.mod1 div.mod-wz dl{
    padding-left:23px;
    position: relative;
}

.recruit div.mod.mod1 div.mod-wz dl.span1{
    margin-left:114px;
}
.recruit div.mod.mod1 div.mod-wz dl.span2{
    margin-left:68px;
}
.recruit div.mod.mod1 div.mod-wz dl.span3{
    margin-left:4px;
}
.recruit div.mod.mod2{
    padding-left:34.83333333333%;
    margin-bottom:190px;
    height:307px;
}
.recruit div.mod.mod2 div.mod-wz b{
    padding-right: 40px;
    padding-left: 37px;
    background-position: 2px center;
}
.recruit div.mod.mod2 div.mod-wz dl{
    padding-left:15px;
    margin-right:14px;
}
.recruit div.mod.mod2 div.mod-wz dl.span1{
    margin-left: 2em;
}
.recruit div.mod.mod2 div.mod-wz dl.span3{
    margin-left: 4.5em;
}
.recruit div.mod.mod2 div.mod-wz dl.span5{
    margin-left: 7em;
}
.recruit div.mod.mod2 div.mod-wz dl.span7{
    margin-left: 9.5em;
}
.recruit div.mod.mod2 div.mod-wz dl.span9{
    margin-left: 12em;
}
.recruit div.mod.mod2 div.mod-wz dl.span11{
    margin-left: 14.5em;
}
/*.recruit div.mod.mod2 div.mod-wz dl.span4{*/
    /*margin-left: 199px;*/
/*}*/

.recruit div.mod.mod3{
    padding-left:26%;
    padding-top:8px;
}
.recruit div.mod.mod3 div.mod-wz b{
    padding-right: 5px;
    padding-left: 72px;
    background-position: 40px center;
    margin-left:7em;
}
.recruit div.mod.mod3 div.mod-wz dl{
    padding-left:17px;
    margin-right:20px;
}
.recruit div.mod.mod3 div.mod-wz dl.span1{
    margin-left: 10em;
}
.recruit div.mod.mod3 div.mod-wz dl.span3{
      margin-left: 8em;
  }
.recruit div.mod.mod3 div.mod-wz dl.span5{
    margin-left: 6em;
}
.recruit div.mod.mod3 div.mod-wz dl.span7{
    margin-left: 4em;
}
.recruit div.mod.mod3 div.mod-wz dl.span9{
    margin-left: 2em;
}
/*.recruit div.mod.mod3 div.mod-wz dl.span4{*/
    /*margin-left: 60px;*/
/*}*/
.recruit div.mod .pic_box{
    width:50%;
    padding:0 2.5%;
    height:600px;
    background-repeat: no-repeat;
    background-size:100%;
    overflow: hidden;
    position: absolute;
    top:0;
}
.recruit div.mod .pic_box img{
    width: 100%;
    margin:0 auto;
}
.recruit div.mod.mod1 .pic_box{
    background-image: url('../img/bg_pic_box1.png');
    background-position: left center;
    left:45.5%;
}
.recruit div.mod.mod2 .pic_box{
    background-image: url('../img/bg_pic_box2.png');
    background-position: left center;
    left:0;
}
.recruit div.mod.mod3 .pic_box{
    background-image: url('../img/bg_pic_box3.png');
    background-position: left bottom;
    left:47.5%;
    background-size: 82.424242%;
    padding-bottom:32px;
}
.recruit div.mod.mod3 .pic_box img{
    margin-top: 9px;
}
.recruit-box{
    display: none;
}
/********************===========联系我们===========**********************/
.map.main{
    padding:167px 0 13px;
    margin-bottom:113px;
    position: relative;
    background: url("../img/map_bt.png") center bottom no-repeat;
}
.map div{
    float: left;
}
.map-mod img{
    width: 100%;
}
.map-mod1{
    margin-left:20px;
    *margin-left:10px;
    width:37.16666666%;
}
.map-mod2{
    width:27.75%;
    margin-left:-57px;
}
.map-mod3{
    width:38.5%;
    margin:59px 0 0 -32px;
}
.map .map-x{
    position: absolute;
    top:282px;
    left:285px;
}
.map .map-x .map-xmsg{
    position: absolute;
    left:110px;
    top:33px;
    background: url("../img/bg_mapx.png") center center no-repeat;
    width: 317px;
    height: 180px;
    padding:20px 0 0 52px;
}
.map .map-x .map-xmsg p{
    width: 76%;
    font-size: 16px;
    line-height: 26px;
    margin-bottom:12px;
    color:#000000;
    padding-left:45px;
    background-repeat:no-repeat;
}
.map .map-x .map-xmsg p.map-p1{
    background-image:url("../img/icon-mail.png");
    background-position:2px center;
}
.map .map-x .map-xmsg p.map-p2{
    background-image:url("../img/icon-iphone.png");
    background-position:5px center;
}
.map .map-x .map-xmsg p.map-p3{
    background-image:url("../img/icon-map.png");
    background-position:0 6px;
}
.map-v{
    display: none;
}
.map-v-box>img{
    display: none;
}
/********************===========PC端窄屏自适应===========**********************/
@media screen and (max-width: 1199px) and (min-width: 992px){
    .main{
        width: 970px;

    }
    .map.main{
        background-image: url("../img/map_bt2.png");
    }
    /******首页******/
    .banner .prev{
        margin-right:430px;
    }
    .banner .next{
        margin-left:430px;
    }
    .corporate-culture ul li {
        line-height: 30px;
    }
    .corporate-culture ul li h5{
        padding-top:0;
    }
    .corporate-culture ul.listbox-top li h6{
        margin-bottom:0;
    }
    .corporate-culture ul.listbox-bottom li h6{
        padding-top:0;
        padding-bottom: 0;
    }
    /************商户*************/
    .merchant .merbox ul li{
        width:170px;
        height: 170px;
        margin-top:-76px;
    }

    .merchant .merbox ul li.list1{
        margin-left: 22.3%;
    }
    .merchant .merbox ul li.list3,.merchant .merbox ul li.list11,.merchant .merbox ul li.list19{
        margin-left: 11.2%;
    }
    .merchant .merbox ul li p{
        font-size: 18px;
        line-height: 170px;
    }
    .merchant .merbox ul li p.line2{
        line-height: 25px;
    }
    .merchant .merbox ul li p.line2 span{
        padding-top: 60px;
    }
    /*****************流程*****************/
    .merchant .flow{
        float: left;
    }
    .merchant .flow h3{
        width: 245px;
        height: 72px;
        line-height:72px;
        border-radius: 36px;
        font-size:36px;
    }
    .merchant .flow li{
        padding-bottom:40px;
        background-position:center 42px;
    }
    .merchant .flow li p{
        top:0;
        height:40px;
        line-height: 40px;
        font-size: 15px;
        padding:0 13px 0 17px;
    }

    .merchant .flow li p i{
        width: 100%;
        height:52px;
    }
    .merchant .flow li p.sp1 i{
        left:-16px;
    }
    .merchant .flow li p.sp2 i{
        right:-16px;
    }
    .merchant .flow li b{
        font-size: 30px;
        width: 72px;
        height:42px;
        line-height: 42px;
        background:#008cd6;
        color:#ffffff;
        text-align: center;
        margin:0 auto;
    }
    .merchant .flow.show li p{
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
    }
    .merchant .merbox img.map{
        width: 841px;
        height: 642px;
    }
    .recruit div.mod .pic_box img{
        margin-top:57px;
    }
    .recruit div.mod .pic_box{
        top:-57px;
    }
    .recruit div.mod.mod1{
        padding-left:32%;
    }
    .recruit div.mod.mod2{
        padding-left:36%;
    }
    .recruit div.mod.mod3{
        padding-left:29%;
    }
    .recruit div.mod.mod3 .pic_box{
        top:-132px;
    }
    .recruit div.mod.mod3 .pic_box img{
        margin-top: 132px;
    }
    .map .map-x{
        top:235px;
        left:225px;
    }
    .map-mod1{
        margin-left:20px;
        *margin-left:10px;
    }
    .map-mod2{
        margin-left:-46px;
    }
    .map-mod3{
        margin:47px 0 0 -26px;
    }
    .merchant .merbox ul li p{
        background-image: url("../img/mer_mc2.png");
    }
    .merchant .flow h3{
        background:#fff;
        border:1px solid #008cd6;
    }
    .iteam h3{
        width: 970px;
    }
}
@media screen and (max-width: 991px){
    .nav,.nav .main{
        height: 45px;
    }
    .nav .main b{
        display: block;
        height: 100%;
        float: none;
    }
    .nav b img{
        margin:0 auto;
        height: 100%;
    }
    .nav .main ul{
        position: absolute;
        left: 2.6%;
        top:100%;
        width: 26.8%;
        height: auto;
        margin:0;
        z-index: 10000;
        display: none;
        border-radius: 0 5px 5px 5px;
        padding-top: 8px;
    }
    .nav .main ul li{
        float: left;
        width: 100%!important;
        height:50px;
        line-height: 50px;
        padding-right:0;
        background: none;
        position: relative;
        font-size: 17px;
        background: #ffffff;
        border-bottom: 1px solid #f8f8f8;
    }
    .merchant.container{
        background-image: url("../img/com-pad-bg.jpg");
    }
    .merchant .merbox ul li.list3{
        margin-left: 24%;
    }
    .merchant .merbox ul li.list11,.merchant .merbox ul li.list19 {
        margin-left: -4%;
    }
    .nav .main ul li.page5{
        background: #ffffff;
    }
    .nav .main ul li.on{
        color: #ffffff;
        background: #008cd6;
    }
    .nav .main ul li a{
        margin-top:0;
    }
    .nav .main ul li a i{
        position: absolute;
        left:16.5%;
        top:50%;
        width: 25px!important;
        background: url("../img/nav-pad.png");
    }
    .nav .main ul li.page1 a i.on{
        margin-top:-11px;
        height:23px;
        background-position:0 0;
    }
    .nav .main ul li.page1.on a i.on{
        background-position:-25px 0;
    }
    .nav .main ul li.page2 a i.on{
        margin-top:-11px;
        height:23px;
        background-position:0 -24px;
    }
    .nav .main ul li.page2.on a i.on{
        background-position:-25px -24px;
    }
    .nav .main ul li.page3 a i.on{
        margin-top:-10px;
        height:20px;
        background-position:0 -48px;
    }
    .nav .main ul li.page3.on a i.on{
        background-position:-25px -48px;
    }
    .nav .main ul li.page4 a i.on{
        margin-top:-11px;
        height:23px;
        background-position:0 -69px;
    }
    .nav .main ul li.page4.on a i.on{
        background-position:-25px -69px;
    }
    .nav .main ul li.page5 a i.on{
        margin-top:-11px;
        height:22px;
        background-position:0 -93px;
    }
    .nav .main ul li.page5.on a i.on{
        background-position:-25px -93px;
    }
    .nav .main ul li a span{
        padding-left: 9.7%;
        line-height: 50px;
        color: #000000;
    }
    .nav .main ul li.on a span{
        color:#fff;
    }
    .nav .main ul li a i:nth-child(3),.nav .main ul li a span:nth-child(4){
        display: none;
    }
    .banner{
        padding-top:45px;
    }
    .nav .main p.b-scroll{
        position:absolute;
        height:100%;
        width:22px;
        top: 0;
        left:2.6%;
        background: url("../img/nav-btn.png") center center no-repeat;
    }
    .nav .main p.b-scroll span{
        display: none;
    }
    .nav .main ul:before{
        content: '';
        margin:0!important;
        width: 0!important;
        height: 0!important;
        line-height: 0;
        border-top:0;
        border-left:8px solid transparent;
        border-right:8px solid transparent;
        border-bottom:8px solid #008cd6;
        position: absolute;
        top:0;
        left: 0;
        background: none;
    }
    .main{
        width:86.979167%;

    }

    .corporate-culture{
        padding-bottom:45px;
    }
    .corporate-culture h3{
        padding:32px 0 24px;
    }
    .corporate-culture ul.listbox-top{
        margin-bottom:28px;
    }
    .corporate-culture ul li{
        width: 65%;
        line-height: 18px;
        font-size: 12px;
    }
    .corporate-culture ul li.photo-box{
        width: 35%;
    }
    .corporate-culture ul li h5{
        font-size: 15px;
        line-height: 23px;
        padding:0px 0 2px;
    }
    .corporate-culture ul.listbox-top li h6{
        margin-bottom:2px;
    }

    .corporate-culture ul.listbox-top li h5, .corporate-culture ul.listbox-top li h6{
        width:94%;
        padding-left:5%;
    }
    .corporate-culture ul.listbox-top li p{
        padding-left:8%;
        width: 90%;
        background-position: 4.5% 6px;
        margin-bottom: 2px;
    }
    .corporate-culture ul.listbox-bottom li h6{
        padding:0 0 0 1%;
        width: 94.5%;
    }
    .corporate-culture ul.listbox-bottom li p{
        padding:0 0 0 4%;
        width:93%;
        background-position: 2% 8px;
        margin-bottom: 2px;
    }

    .introduction {
        height: 510px;
    }
    .introduction h3 {
        padding-top: 26px;
        margin-bottom: 12px;
    }
    .introduction p {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 0;
        width: 100%;
    }
    .introduction .introduction-phone {
        height: 262px;
    }
    .introduction .introduction-phone .phone{
        left:32.5%;
    }
    .introduction .introduction-phone ul li i{
        top:25px;
    }
    .introduction .introduction-phone ul li.list1 i {
        height: 43px;
        width:50%;
        background-image: url("../img/pad-list-line1.png");
        background-size: 100%;
        background-position: top right;
    }
    .introduction .introduction-phone ul li.list2 i {
         height: 43px;
         width:50%;
         background-image: url("../img/pad-list-line2.png");
         background-size: 100%;
         background-position: top right;
     }
    .introduction .introduction-phone ul li.list3 i,.introduction .introduction-phone ul li.list4 i{
        width: 40%;
        background-size: 100%;
    }
    .introduction .introduction-phone ul li h5 {
        font-size: 9px;
        line-height: 13px;
    }
    .introduction .introduction-phone ul li.list1 h5{
        width: 36.5%;
    }
    .introduction .introduction-phone ul li.list2 h5{
        width: 32%;
    }
    .introduction .introduction-phone ul li.list2 h5 span{
        text-align: left;
    }
    .introduction .introduction-phone ul li.list3 h5{
        width: 33.5%;
    }
    .introduction .introduction-phone ul li.list4 h5{
        width: 32.5%;
    }
    .introduction .introduction-phone ul li.list4 h5 span{
        text-align: left;
    }
    .introduction .introduction-phone ul li h5 b {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 18px;
    }
    .iteam {
        padding-bottom: 70px;
    }
    .iteam h3 {
        width: 86.979167%;
        padding: 25px 0 27px;
    }
    .footer {
        height: 50px;
        line-height: 50px;
        font-size: 12px;
    }
    .corporate-culture ul.listbox-bottom li div a{
        width: 48px;
        height: 48px;
        margin-left:9.3333333333%;
    }
    .corporate-culture ul.listbox-bottom li div a i, .corporate-culture ul.listbox-bottom li div a em{
        background-image: url("../img/pad-corporate-culture-list.png");
    }
    .corporate-culture ul.listbox-bottom li div a.list1 em{
        background-position: -1px -1px;
    }
    .corporate-culture ul.listbox-bottom li div a.list1 i{
        background-position: -50px -1px;
    }
    .corporate-culture ul.listbox-bottom li div a.list2 em{
        background-position: -1px -50px;
    }
    .corporate-culture ul.listbox-bottom li div a.list2 i{
        background-position: -50px -50px;
    }
    .corporate-culture ul.listbox-bottom li div a.list3 em{
        background-position: -1px -99px;
    }
    .corporate-culture ul.listbox-bottom li div a.list3 i{
        background-position: -51px -99px;
    }
    .corporate-culture ul.listbox-bottom li div a.list4 em{
        background-position: -1px -148px;
    }
    .corporate-culture ul.listbox-bottom li div a.list4 i{
        background-position: -51px -148px;
    }

    .mc{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: rgba(0,0,0,0.6);
        display: none;
    }
    /*********************========招贤纳士=========***********************/
    .recruit {
        background-size:auto 100%;
        background-position:center 45px;
        padding-top: 45px;
        height: 980px;
        background-image:url("../img/bg-pad-rec.jpg");
    }
    .container h2{
        padding-left:14%;
        width: 36%;
    }
    .recruit div.mod.mod1 {
        padding-left: 28%;
        padding-top: 0;
        margin-bottom: 115px;
    }
    .recruit div.mod .pic_box{
        width: 36%;
        height:auto;
    }
    .recruit div.mod.mod1 .pic_box{
        left: 52%;
    }
    .recruit div.mod div.mod-wz{
        line-height: 26px;
    }
    .recruit div.mod div.mod-wz b{
        font-size: 23px;
        line-height: 30px;
    }
    .recruit div.mod div.mod-wz dl{
        font-size: 14px;
    }
    .recruit div.mod.mod1 div.mod-wz dl.span2 {
        margin-left: 84px;
    }
    .recruit div.mod.mod1 div.mod-wz dl.span3 {
        margin-left: 52px;
    }
    .recruit div.mod.mod2{
        height: 215px;
        margin-bottom:35px;
    }
    /*.recruit div.mod.mod2 div.mod-wz dl.span2 {*/
        /*margin-left: 66px;*/
    /*}*/
    /*.recruit div.mod.mod2 div.mod-wz dl.span3 {*/
        /*margin-left:95px;*/
    /*}*/
    /*.recruit div.mod.mod2 div.mod-wz span.span4 {*/
        /*margin-left: 126px;*/
    /*}*/
    .recruit div.mod.mod3{
        padding-left: 0;
    }
    .recruit div.mod.mod3 .pic_box{
        padding-bottom:2.5%;
    }
    .recruit div.mod.mod3 div.mod-wz dl dd{
        top:auto;
        bottom:-160px;
    }
    .recruit div.mod.mod3 div.mod-wz dl dd:before,.recruit div.mod.mod3 div.mod-wz dl dd:after{
        top:auto;
        bottom:160px;
    }
    .recruit div.mod.mod3 p span.span2 {
        margin-left: 43px;
    }
    .recruit div.mod.mod3 p span.span3 {
        margin-left: 43px;
    }
    .recruit div.mod.mod3 p span.span4 {
        margin-left: 43px;
    }
    .recruit div.mod div.mod-wz dl dd{
        width:300px;
        top:-106px;
    }
    .recruit div.mod div.mod-wz dl.span2 dd,.recruit div.mod div.mod-wz dl.span4 dd,.recruit div.mod div.mod-wz dl.span6 dd,.recruit div.mod div.mod-wz dl.span8 dd,.recruit div.mod div.mod-wz dl.span10 dd,.recruit div.mod div.mod-wz dl.span12 dd {
        left: -300px;
    }
    .recruit div.mod.mod3 div.mod-wz dl.span4 dd,.recruit div.mod.mod3 div.mod-wz dl.span6 dd,.recruit div.mod.mod3 div.mod-wz dl.span8 dd,.recruit div.mod.mod3 div.mod-wz dl.span10 dd,.recruit div.mod.mod3 div.mod-wz dl.span12 dd{
        left: 80px;
    }
    .recruit div.mod div.mod-wz dl.span2 dd:before,.recruit div.mod div.mod-wz dl.span4 dd:before,.recruit div.mod div.mod-wz dl.span6 dd:before,.recruit div.mod div.mod-wz dl.span8 dd:before,.recruit div.mod div.mod-wz dl.span10 dd:before,.recruit div.mod div.mod-wz dl.span12 dd:before{
        left:304px;
    }
    .recruit div.mod.mod3 div.mod-wz dl.span4 dd:before,.recruit div.mod.mod3 div.mod-wz dl.span6 dd:before,.recruit div.mod.mod3 div.mod-wz dl.span8 dd:before,.recruit div.mod.mod3 div.mod-wz dl.span10 dd:before,.recruit div.mod.mod3 div.mod-wz dl.span12 dd:before{
        left: -14px;
        border-left:none ;
        border-right: 10px solid rgba(31,134,189,0.1);
    }
    .recruit div.mod div.mod-wz dl.span2 dd:after,.recruit div.mod div.mod-wz dl.span4 dd:after,.recruit div.mod div.mod-wz dl.span6 dd:after,.recruit div.mod div.mod-wz dl.span8 dd:after,.recruit div.mod div.mod-wz dl.span10 dd:after,.recruit div.mod div.mod-wz dl.span12 dd:after{
        left:300px;
    }
    .recruit div.mod.mod3 div.mod-wz dl.span4 dd:after,.recruit div.mod.mod3 div.mod-wz dl.span6 dd:after,.recruit div.mod.mod3 div.mod-wz dl.span8 dd:after,.recruit div.mod.mod3 div.mod-wz dl.span10 dd:after,.recruit div.mod.mod3 div.mod-wz dl.span12 dd:after{
        left: -10px;
        border-left: none;
        border-right: 10px solid rgba(255,255,255,0.9);
    }
    /**********************========商户入驻=========**********************/
    .container{
        background-position: center 50px;
        background-size: 100%;
        padding-top:80px;
    }
    .container h2{
        padding-left: 0;
    }
    .merchant .flow h3{
        width:146px;
        height: 42px;
        line-height: 42px;
        border-radius: 21px;
        font-size: 23px;
        margin-bottom: 37px;
    }
    .merchant .flow li p{
        height:38px;
        line-height:38px;
        font-size: 12px;
    }
    .merchant .flow li:nth-child(4) p.sp2{
        padding:0 3px 0 4px;
    }
    .merchant .flow li{
        padding-bottom: 28px;
        background-position:center 40px ;
    }
    .merchant .flow li b{
        width: 64px;
        height: 40px;
        line-height:40px;
        font-size:13px;
    }
    .container .main{
        padding-bottom: 60px;
    }
    .merchant .real{
        margin-top: 5%;
        margin-bottom:5%;
    }
    .merchant .merbox img.map{
        display: none;
    }
    .merchant .merbox ul{
        padding-top:6%;
    }
    .merchant .merbox ul li{
        overflow: hidden;
        width: 18%;
        height:auto;
        margin:-4% 0 0 -4%;
    }
    .merchant .merbox ul li img{
        width: 100%;
        height: auto;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
    }
    .merchant .merbox {
        padding-left: 10%;
        padding-bottom:0;
    }
    .merchant .merbox ul li{
        position: relative;
    }
    .merchant .merbox ul li p{
        width: 71%;
        height: 30%;
        position: absolute;
        left: 14%;
        top: 55%;
        background:rgba(0,0,0,0.6);
        opacity: 1;
        display:table-cell;
        vertical-align: middle;
        line-height:16px;
    }
    .merchant .merbox ul li p.line2{
        line-height:16px;
    }
    .merchant .merbox ul li p.line2 span{
        padding-top: 0;
    }
    .merchant .merbox ul li p span{
        transform: translate(0,0) scale(1,1);
        padding-top: 3%;
        font-size: 12px;
        line-height:15px;
    }
    .merchant .merbox ul li.list1 {
        margin-left: 38%;
    }
    .merchant .merbox ul li.listodd {
        margin-left: 24%;
    }
    .merchant .merbox ul li.listodd:nth-child(11){
        margin-left: -4%;
    }
    .merchant .merbox ul li:nth-child(8){
        margin-left: 10%;
    }
    .merchant .merbox ul li:nth-child(13){
        margin-right: 14%;
    }
    .merchant .merbox ul li:nth-child(18){
        margin-left: 52%;
    }
    .merchant .flow li p i{
        height:50px;
    }
    /*************************====联系我们====**************************/
    .map-mod,.map-mod img{
        display: none;
    }
    .map.main{
        position: absolute;
        height: 95%;
        width: 100%;
        padding-top: 0;
        background:url("../img/bg-map.jpg") center top no-repeat;
        background-size:100%;
        top: 45px;
        margin-bottom:0;
    }

    .footer{
        position: fixed;
        bottom: 0;
        left: 0;
    }
    .map .map-x{
        position: fixed;
        top: auto;
        bottom:50px;
        left: 0;
        width: 100%;
        height: 158px;
        background:rgba(61,166,221,0.95);
    }
    .map .map-x i{
        float: left;
        display: block;
        width: 22%;
        height: 100%;
        background:rgba(255,255,255,0.1) url("../img/map-x2.png") center 52px no-repeat;
    }
    .map .map-x i img{
        display:none;
    }
    .map .map-x .map-xmsg{
        float: left;
        width:78%;
        height: 100%;
        background:none;
        position: relative;
        left: 0;
        top: 0;
        padding: 0;
    }
    .map .map-x .map-xmsg p{
        width: auto;
        font-size: 16px;
        color: #fff;
        line-height: 40px;
        margin-bottom:0;
        padding-left: 60px;

    }
    .map .map-x .map-xmsg p:first-child{
        margin-top:20px;
        background-image: url("../img/icon-pad-mail.png");
        background-position: 15px center;
    }
    .map .map-x .map-xmsg p:nth-child(2){
        background-image: url("../img/icon-pad-iphone.png");
        background-position: 15px center;
    }
    .map .map-x .map-xmsg p:last-child{
        background-image: url("../img/icon-pad-map.png");
        background-position: 15px center;
    }
    .map .map-v{
        display: block;
        background: url("../img/pad-map-v.png") center center no-repeat;
        width: 36px;
        height: 47px;
        position: absolute;
        bottom: 55%;
        left: 47%;
    }
    .map .map-v p{
        position: absolute;
        width:408px;
        left: -186px;
        height: 70px;
        line-height:70px;
        top:-90px;
        background:rgba(0,0,0,0.8);
        font-size: 24px;
        color: #fff;
        border-radius: 8px;
    }
    .map .map-v p:before{
        content: '';
        width: 0;
        height: 0;
        line-height: 0;
        position: absolute;
        left: 50%;
        bottom:-10px;
        margin-left:-12px;
        border-top:11px solid rgba(0,0,0,0.8);
        border-left:12px solid transparent;
        border-right:12px solid transparent;
    }
    .map .map-v p span{
        padding-left: 100px;
    }
    .map .map-v p img{
        position: absolute;
        left:40px;
        top: 19px;
    }
    .map .map-v p i{
        position: absolute;
        background: url("../img/pad-v-c.png") center center no-repeat;
        width: 55px;
        height: 56px;
        left: 26px;
        top: 8px;
    }
}
@media screen and (max-width: 767px){
    #box{
       width: 100%;
        height:auto;
    }
    #box ul{
        height: auto;
    }
    #box ul li{
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        background: none;
    }
    #box ul li img{
        width: 90%;
        height: auto;
        margin: 0 auto;
    }
    #box .swiper-pagination2{
        position: absolute;
        left: 0;
        bottom: 5%;
        width: 100%;
        text-align: center;
    }
    #box .swiper-pagination2 span{
        display: inline-block;
        background: #fff;
        width: 8px;
        height:8px;
        margin: 0 4px;
        border-radius: 100%;
    }
    #box .swiper-pagination2 span.swiper-visible-switch{
        background:#cfd0d1;
    }
        /******************======首页======*********************/
    .banner .swiper-pagination span{
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background: #fff;
        opacity: 1;
    }
    .banner .swiper-pagination span.swiper-pagination-bullet-active{
        background-color:#cfd0d1;
    }
    .corporate-culture h3 {
        padding: 5% 0 4%;
    }
    .corporate-culture h3 img{
        width: 27%;
    }
    .corporate-culture ul li {
        float: none;
        width: 100%;
    }

    .corporate-culture ul.listbox-bottom li p {
        padding: 0 0 0 8%;
        width: 90%;
        background-position: 4.5% 6px;
        margin-bottom: 6px;
    }
    .corporate-culture ul.listbox-top{
        margin-bottom:140px;
    }
    .corporate-culture ul.listbox-top li h5{
        padding-left: 0;
        margin-bottom: 5px;
    }
    .corporate-culture ul.listbox-top li h6 {
        width: 100%;
        padding-left: 0;
    }
    .corporate-culture ul.listbox-top li h6,.corporate-culture ul.listbox-bottom li h6{
        font-size:12px;
        margin-bottom: 6px;
    }
    .corporate-culture ul{
        position: relative;
    }
    .corporate-culture ul li.photo-box{
        width:45%;
        position: absolute;
        height: 100px;
        overflow: hidden;
    }
    .corporate-culture ul li.photo-box img{
        height: 100%;
    }
    .corporate-culture ul.listbox-top li.photo-box{
        bottom: -114px;
        left: 2.5%;
    }
    .corporate-culture ul.listbox-bottom li.photo-box{
        left: 52.5%;
        top:-126px;
    }
    .corporate-culture ul.listbox-bottom li div{
        padding-left: 0;
    }
    .corporate-culture ul.listbox-bottom li div a{
        width:25%;
        margin-left: 0;
    }
    .corporate-culture ul.listbox-bottom li div a i,.corporate-culture ul.listbox-bottom li div a em{
        width: 48px;
        left: 50%;
        margin-left: -24px;
    }


    .introduction {
        height: 640px;
    }
    .introduction h3{
        padding-top:5%;
    }
    .introduction p {
        text-align: left;
        margin-bottom: 3%;
        font-size:12px;
    }
    .introduction .introduction-phone {
        height: 300px;
    }
    .introduction .introduction-phone .phone{
        width: 45%;
        left: 29%;
    }
    .introduction h3 img {
        width: 27%;
    }
    .introduction .introduction-phone ul li img{
        margin-top:11%;
    }

    .introduction .introduction-phone ul li i{
        background-size:100%;
    }
    .introduction .introduction-phone ul li h5{
        width: 70%!important;
    }

    .introduction .introduction-phone ul li.list1 img{
        margin-top:23%;
    }
    .introduction .introduction-phone ul li.list1 h5 {
        padding-top:18px;
    }
    .introduction .introduction-phone ul li.list1 h5 span{
        width: 80%;
    }
    .introduction .introduction-phone ul li.list1 i{
        left:24.5%;
        top:48px;
        background-image: url("../img/phone-list-line1.png");
        background-position: left top;
        width:70%;
        height: 60%;
    }

    .introduction .introduction-phone ul li.list2 h5 {
        width: 47%;
        text-align: right;
    }
    .introduction .introduction-phone ul li.list2 i{
        right:24.5%;
        background-image: url("../img/phone-list-line2.png");
        background-position: left top;
        width:70%;
        height: 90%;
    }
    .introduction .introduction-phone ul li.list2 img{
        margin-top: 8%;
    }
    .introduction .introduction-phone ul li.list2 h5 span{
        width: 75%;
        float: right;
    }


    .introduction .introduction-phone ul li.list3 i{
        left:24.5%;
        width:50%;
        background-image: url("../img/phone-list-line3.png");
    }
    .introduction .introduction-phone ul li.list3 h5 {
        width: 46%;
    }
    .introduction .introduction-phone ul li.list3 h5 span{
        width: 65%;
    }

    .introduction .introduction-phone ul li.list4 i{
        right:24.5%;
        width:50%;
        background-image: url("../img/phone-list-line4.png");
    }
    .introduction .introduction-phone ul li.list4 h5 {
        width: 35.5%;
        text-align: right;
    }
    .introduction .introduction-phone ul li.list4 h5 span{
        width: 65%;
        float: right;
    }

    .introduction .introduction-phone ul li.list1 img, .introduction .introduction-phone ul li.list3 img{
        margin-left: 0;
        margin-right: 2.5%;
    }
    .introduction .introduction-phone ul li.list2 img, .introduction .introduction-phone ul li.list4 img{
        margin-right: 0;
        margin-left: 5%;
    }
    .introduction .introduction-phone ul li.list2 h5 span {
         text-align: right;
    }
    .introduction .introduction-phone ul li.list4 h5 span {
        text-align: right;
    }
    .iteam h3{
        width: 100%;
    }
    .iteam h3 img {
        width: 27%;
    }
    .footer{
        height: 38px;
        line-height: 13px;
        padding-top: 12px;
        font-size:11px;
        z-index: 1000;
    }
    .footer span{
        display: block;
    }
    /********************===联系我们===*********************/
    .merbox{
        display: none;
    }
    .merchant.container{
        background: url("../img/phone-bg-sj.png") center 45px no-repeat;
        background-size: 100%;
    }
    .merchant.container .main{
        width: 100%;
    }
    .container h2{
        display: none;
    }
    .map.main {
        height: 80%;
        background-image: url("../img/bg-phone-map.jpg");
    }
    .map .map-x{
        height: 104px;
        bottom:50px;
        overflow: hidden;
    }
    .map .map-x i{
        background-size: 30.67%;
        background-position: center 38px;
    }
    .map .map-x .map-xmsg p{
        font-size: 12px;
        line-height: 20px;
        width: 68%;
        padding-left:22%;
        background-size:6%;
    }
    .map .map-x .map-xmsg p:first-child{
        margin-top: 14px;
        background-position:12% 7px;
    }
    .map .map-x .map-xmsg p:nth-child(2){
        background-position:12% 4px;
    }
    .map .map-x .map-xmsg p:nth-child(3){
        background-position:12% 7px;
    }
    .map-v-box{
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
    }
    .map-v-box>img{
        width: 100%;
        display: block;
    }
    .map .map-v{
        bottom:0;
    }
    .map .map-v p{
        font-size: 15px;
        width: 259px;
        height: 48px;
        line-height:48px;
        left: -112px;
        top:-60px;
    }
    .map .map-v p span{
        padding-left:65px;
    }
    .map .map-v p img{
        left: 25px;
        top:13px;
        width:18px;
    }
    .map .map-v p i{
        width: 35px;
        height: 35px;
        background-size: 100%;
        left: 16px;
        top: 6px;
    }
    .merchant .real{
        display:none;
    }
    .merchant .flow {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding:20% 0 15%;
        margin-bottom: 6%;
        background: url('../img/phone-bg-flow1.png') left 12% no-repeat,
                    url('../img/phone-bg-flow2.png') right bottom no-repeat,
                    url('../img/phone-bg-flow-real.png') 90% 8% no-repeat;
        background-size: 28.4%,20%,20.2%;
        overflow:hidden;
    }
    .merchant .flow li{
        background-position: center 30px;
        padding-bottom: 25px;
    }
    .merchant .flow li p.sp1{
        -webkit-box-shadow: -3px 5px 10px #000;
        -moz-box-shadow: -3px 5px 10px #000;
        box-shadow: -3px 5px 10px #000;
    }
    .merchant .flow li p.sp2{
        -webkit-box-shadow: 3px 5px 10px #000;
        -moz-box-shadow: 3px 5px 10px #000;
        box-shadow: 3px 5px 10px #000;
    }
    .merchant .flow li p i{
        display: none;
    }
    .merchant .flow li b{
        width:14%;
        height:30px;
        overflow: hidden;
        line-height: 32px;
    }
    .merchant .flow li p{
        padding:0 1%;
        font-size:10px;
        height: 28px;
        overflow: hidden;
        line-height: 30px;
    }
    .merchant .flow h3{
        margin-bottom:7%;
        background:#fff;
        border:1px solid #008cd6;
        border-radius: 22px;
    }
    .merlist{
        display: block;
        width:100%;
        padding: 16% 0 40px;
    }
    .merlist img{
        width: 90%;
        margin: 0 auto;
    }

    .merlist .swiper-slide{
        padding-bottom: 20px;
    }
    .merlist .swiper-slide ul{
        width:76%;
        margin: 0 auto;
    }
    .merlist .swiper-slide ul li{
        width:47%;
        padding-top: 3%;
        background:#fff;
        float: left;
        border:1px solid #dbd9d9;
        margin-bottom:5%;
    }
    .merlist .swiper-slide ul li p{
        font-size: 10px;
        line-height: 15px;
        text-align: center;
        padding: 5% 0 6%;
    }
    .merlist .swiper-slide ul li:nth-child(even){
        float: right;
    }
    .merlist .swiper-pagination{
        position: absolute;
        width: 100%;
        left:0;
        bottom: 10px;
        text-align: center;
    }
    .merlist .swiper-pagination span{
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius:100%;
        background-color:#cbc7c7;
        margin: 0 6px;
    }
    .merlist .swiper-pagination span.swiper-active-switch{
        background-color:#008cd6;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 10px;
    }
    .mod,.mod >div{
        display: none;
    }
    .mod2{
        display:block;
    }
    /*****************=====招贤纳士======********************/
    .recruit.container{
        background:url("../img/bg-recrit.png") center 45px no-repeat;
        background-size: 100%;
    }
    .recruit.container .main{
        width: 100%;
        padding-top:5%;
    }
    .recruit div.mod.mod2{
        padding-left:0;
        background:#ffffff;
        width: 86.979167%;
        margin: 0 auto;
    }
    .recruit div.mod.mod2 ul{
        width: 94%;
        margin: 0 auto;
    }
    .recruit div.mod.mod2 ul li{
        border-bottom:1px solid #dadada;
        font-size: 12px;
        line-height: 18px;
        padding-bottom:6%;
        overflow: hidden;
    }
    .recruit div.mod.mod2 ul li h5{
        font-size: 12px;
    }
    .recruit div.mod.mod2 ul li:last-child{
        border-bottom: none;
    }
    .recruit div.mod.mod2 ul li h4{
        font-size: 14px;
        margin:5% 0 3%;
        background: url("../img/bg-h4.png") 1% center no-repeat;
        padding-left: 6%;
    }
    .recruit div.mod.mod2 ul li h5{
        font-weight: normal;
    }
    .recruit div.mod.mod2 ul li h6{
        font-weight: normal;
        margin:3% 0 1%;
        font-size: 12px;
    }
    .recruit-box{
        padding-top: 10%;
        padding-bottom:30px;
        display: block;
    }
    .recruit-box img{
        width: 90%;
        margin: 0 auto 2%;
    }
    .recruit-box .swiper-slide{
        background:#fff;
        font-size: 12px;
        text-align: center;
        padding:1% 0 2%;
        /*transition:transform 0.3s;*/
    }
    .recruit-box .swiper-slide.swiper-slide-next{
        /*transform: scale(1.2,1.2);*/
        /*transform-origin:center bottom;*/
    }
    body{
        width: 100%;
        overflow-x: hidden;
    }

    .nav .main ul{
        display: block;
        position: absolute;
        left:0;
        top: 0;
        width: 70%;
        background:#008cd7;
        border-radius:0;
        padding-top: 10%;
        transform:translate(-100%,0);
        -webkit-transform:translate(-100%,0);
        transition: transform 0.3s;
        -webkit-transition: -webkit-transform 0.3s;
    }
    .nav .main ul.show{
        transform:translate(0,0);
        -webkit-transform:translate(0,0);
    }
    .nav .main ul + p.b-scroll{
        transition: left 0.3s;
    }
    .nav .main ul.show + p.b-scroll{
        left: 81.6%;
    }
    .nav .main ul:before{
        top:0;
        border:none;
    }
    .nav .main ul li,.nav .main ul li.page5{
        background: none;
        border-bottom: none;
        height: 70px;
    }
    .nav .main ul li.on{
        background:#2199db;
    }
    .nav .main ul li a span{
        color:#fff;
        line-height: 70px;
    }
    .nav .main ul li a i{
        width: 10%!important;
        height: 100%!important;
        background-repeat: no-repeat;
        background-size: 100%!important;
        background-position:center center!important;
        top: 0;
        margin-top:0!important;
    }
    .nav .main ul li:nth-child(1) a i{
        background-image:url("../img/phone-nav-icon1.png");
    }
    .nav .main ul li:nth-child(2) a i{
        background-image:url("../img/phone-nav-icon2.png");
    }
    .nav .main ul li:nth-child(3) a i{
        background-image:url("../img/phone-nav-icon3.png");
    }
    .nav .main ul li:nth-child(4) a i{
        background-image:url("../img/phone-nav-icon4.png");
    }
    .nav .main ul li:nth-child(5) a i{
         background-image:url("../img/phone-nav-icon5.png");
     }
    .Jround .swiper-pagination2{
        position: absolute;
        width:100%;
        bottom:8px;
        text-align: center;
    }
    .Jround .swiper-pagination2 span{
        width:8px;
        height: 8px;
        border-radius:100%;
        display: inline-block;
        background-color:#cfd0d1;
        margin:0 3px;
    }
    .Jround .swiper-pagination2 span.swiper-active-switch{
        background-color:#fff;
    }

}
@media screen and (max-width:340px){
    .footer {
        font-size: 10px;
    }
}