* {margin:0px; padding:0px;}
li { list-style-type:none; }
em { font-style:normal; }
.clear { clear: both; height: 0px; overflow: hidden; font-size: 1px; line-height: 0; }
.slidingList{text-align: center;}
.describe { font-size: 16px; color: #676767; line-height: 2em; margin-bottom: 20px; }
.t{font-size: 36px;font-weight: bold;font-family: "Microsoft YaHei";color: rgb(0, 0, 0);line-height: 1.333;padding-bottom: 15px;padding:60px 0 40px; text-align: center;margin-top: 0;}
.describe,.b{font-size: 16px;font-family: "Microsoft YaHei";color: rgb(102, 102, 102);line-height: 1.467;text-align: center;padding-bottom:40px;}
.qyxy { background:#f2f3f5; padding: 30px 0 40px;box-sizing: content-box;}
.b2c-what{ width:100%;max-width: 1198px; margin-top:40px; margin-bottom:60px;display: inline;}
.character-lists { padding: 40px 0 44px; height: 216px; width: 1210px; margin: auto;box-sizing: content-box; }
.character-lists li { float: left; padding: 7px 7px 0; border: 1px dashed #0156c7; margin: 0 8px; border-radius: 10px; }
.character-lists div { width: 210px; height:190px; padding-top: 16px; text-align: center; }
.character-lists i { display: block; width: 62px; height: 62px; margin:auto; background-image: url("../images/images-ny/icon-b2c.png"); background-repeat: no-repeat; }
.character-lists span { display: block; font-size: 18px; color: #333; margin-top: 20px; }
.character-lists em { display: block; font-size: 14px; line-height: 24px; color: #999; margin-top: 4px; }
.convenient-b2c { padding-top: 1px; height: 483px;background: -webkit-gradient(linear, 0 100%, 100% 100%, from(#0156C7), to(#1d50a3)); background: -moz-linear-gradient(left, #0156C7 0%, #1d50a3 100%); background: -o-linear-gradient(left, #0156C7 0%, #1d50a3 100%); background: -ms-linear-gradient(left, #0156C7 0%, #1d50a3 100%); text-align: center; font-size: 14px; line-height: 42px; color: #fff;background:#0156C7\9;}
.convenient-b2c .section-title, .convenient-b2c .section-des { color: #fff; }
.convenient-b2c .convenient-wrap { padding-top: 34px; width: 1200px; margin: auto; }
.convenient-b2c .convenient-wrap ul { float: left; width: 750px; margin: 0; }
.convenient-b2c .convenient-wrap li { float: left; width: 200px; padding:0 20px; height: 130px; margin-right: 10px; margin-bottom: 10px; background-color: #fff;box-sizing: content-box; }
.convenient-b2c .convenient-wrap em { display: block; padding-top: 14px; font-size: 18px; color: #333; line-height: 40px; }
.convenient-b2c .convenient-wrap span { display: block; font-size:14px; color: #666; line-height:22px; }
.convenient-b2c .convenient-wrap>div { float: right; }
.core-b2b {height: auto;margin-bottom: 10px;}
.core-b2b>ul { padding-top: 30px; width: 1200px; margin: auto; }
.core-b2b li { float: left; width: 250px; height: 300px; padding: 0 25px;box-sizing: content-box; }
.core-b2b li>i {display: block;width: 88px;height: 88px;margin: auto;background-repeat: no-repeat;background-image: url("../../../product/images-pro/images-b2b/b2bbg_03.png");}
.ico-b2b-11 {background-position: -78px -22px;}
.ico-b2b-12 {background-position: -325px -22px;}
.ico-b2b-13 {background-position: -571px -22px;}
.ico-b2b-14 {background-position: -818px -22px;}
.ico-b2b-15 {background-position: -78px -256px;}
.ico-b2b-16 {background-position: -325px -256px;}
.ico-b2b-17 {background-position: -571px -256px;}
.ico-b2b-18 {background-position: -818px -256px;}
.ico-b2b-19 {background-position: -78px -505px;}
.ico-b2b-20 {background-position: -325px -505px;}
.ico-b2b-21 {background-position: -571px -505px;}
.ico-b2b-22 {background-position: -818px -505px;}
.core-b2b li>em { display: block; padding-top:10px; line-height: 40px; font-size:16px; color: #333; text-align: center; }
.core-b2b li>span { display: block; line-height:24px; font-size:14px; color: #666; text-align: left; }
.core-b2b .experience-now { display: block; width: 220px; margin: 28px auto 0; line-height: 50px; font-size: 18px; color: #fff; text-align: center; background-color: #0156C7; clear: both; border-radius: 10px; text-decoration: none; }
.wap{display: none;}
@media (max-width: 1200px){
.character-lists,.convenient-b2c .convenient-wrap,.core-b2b>ul{width: 100%;}
.qyxy{padding: 30px 0;}
.character-lists {height:auto;position: relative;}
.character-lists li{margin-bottom: 30px;}
.character-lists li:first-child{margin-left: 15%;}
.character-lists li:nth-child(4){margin-left: 27%;}
.convenient-b2c .convenient-wrap ul{margin: 0 auto;float: none;}
.core-b2b li {width: 25%;padding: 0 15px;box-sizing: border-box;}
.convenient-b2c .convenient-wrap>div{display: none;}
}

@media (min-width:768px) and (max-width:1024px){
.convenient-b2c .convenient-wrap>div{display: none;}
.core-b2b li>span{font-size: 14px;}
}
@media (min-width:768px) and (max-width:778px){
.character-lists li:first-child{margin-left: 4%;}
.character-lists li:nth-child(4){margin-left: 20%;}

}

@media screen and (orientation: portrait) and (max-width:900px){
.pc{display: none;}
.wap{display: block;}
.t{font-size: 24px;font-family: "Microsoft YaHei";color: #000;line-height: 1.333;text-align: center;padding-bottom: 15px;padding: 20px 0 20px;text-align: center;}
.describe,.b{font-size: 16px;font-family: "Microsoft YaHei";color:#333;line-height: 1.467;text-align: center;padding: 0 10px 20px;}
.qyxy{padding: 0;}
.b2c-what{margin: 30px auto;}
.wap .b2c-what{margin: 0px auto;}
.character-lists{padding:0 0 20px;}
.character-lists li{width: 80%;margin-left: 10%!important;}
.character-lists div { width: 100%;}
.convenient-b2c .convenient-wrap{width: 100%;padding-top: 4px;}
.convenient-b2c .convenient-wrap ul{width: 100%;}
.convenient-b2c .convenient-wrap li{width: 48%;box-sizing: border-box;margin: 10px 1% 0;}
.convenient-b2c {padding-top: 1px;padding-bottom:15px; height: 483px;height: auto;margin-bottom:20px;}
.convenient-b2c .convenient-wrap>div{display: none;}
.core-b2b{padding: 0 0 20px;height: auto;}
.core-b2b li {width:50%;padding: 0 12px;box-sizing: border-box;height: 280px;}
.core-b2b li>em {padding-top:10px; line-height: 30px; font-size:18px; color: #333; text-align: center; }
.core-b2b li>span {line-height:24px; font-size:14px; color: #666; text-align: left; }

}

/* o2o */
.b2b-ui{background: #f8f8fa; margin-top: 20px;padding-bottom: 40px;}
.b2b-ui .wap img{margin-top: 2em;}
.reset-img {width: 100%;max-width: 1200px;}
.title-change {text-align: center; font-size: 0; margin: 30px 0;}
.title-change li {display: inline-block; font-size: 16px; width: 135px; height: 50px; border: solid 1px #DDDEE0; border-left: none; text-align: center; line-height: 50px;}
.title-change li:first-child {border: solid 1px #DDDEE0; border-radius: 30px 0 0 30px;}
.title-change li:last-child {border-radius: 0 30px 30px 0;}
.title-change li:hover {background-color: #F05A5B; color: #fff;}
.title-change .cur {background-color: #F05A5B;color: #fff;}
.content-change li {display: none;}
.content-change .cur {display: block;}
.content-change {background:#f8f8fa;}
.content-change li{height: 626px;width: 1200px;margin: 0 auto;padding-top: 1px;}
.content-change li:nth-child(1){background:url(../../../product/images-pro/images-o2o/sqo2o_21.jpg) no-repeat center;}
.content-change li:nth-child(2){background:url(../../../product/images-pro/images-o2o/sqo2o_22.jpg) no-repeat center;}
.content-change li:nth-child(3){background:url(../../../product/images-pro/images-o2o/sqo2o_23.jpg) no-repeat center;}
.content-change li:nth-child(4){background:url(../../../product/images-pro/images-o2o/sqo2o_24.jpg) no-repeat center;}
.content-change li:nth-child(5){background:url(../../../product/images-pro/images-o2o/sqo2o_25.jpg) no-repeat center;}
.content-change li:nth-child(6){background:url(../../../product/images-pro/images-o2o/sqo2o_26.jpg) no-repeat center;}
.content-change li h2{text-align: center;font-size: 14px;background: #e3e6ed;margin: 5px auto;display: table;padding: 0px 20px;line-height: 33px;border-radius: 16px;}
.content-change li h3{text-align: center;font-size: 16px;margin-top: 16px; color: #333;}
.content-change dl{margin-top: 1px;float: left;width: 50%; margin-top: 88px;text-align: left;}
.content-change dl:nth-of-type(2){float: right;}
.content-change dt{font-size: 16px;font-weight: bold;color: #333;line-height: 28px;}
.content-change dd{font-size: 14px;color: #666;line-height: 24px;}
.content-change dl:nth-of-type(2) dt,.content-change dl:nth-of-type(2) dd{text-align: right;}
@media (max-width:1220px){
.content-change li{height: 626px;width: 100%;}
}
@media (max-width:768px){
}