.wrapper {
  width: 1200px;
  margin: 0 auto;
}
.solution {
  padding-bottom: 80px;
}
/* solution.html */
.s01 {
  background: url(../images/solution/s01.jpg) center center no-repeat;
}
.s01-con {
  text-align: center;
}
.s01-con h2 {
  font-size: 55px;
  color: #4ae3ff;
  padding: 80px 0 14px 0;
}
.s01-con h2 span {
  font-size: 30px;
  font-family: "黑体";
  padding-left: 8px;
}
.s01-con h3 {
  font-size: 24px;
  color: #fff;
}
.s01-con h3 span {
  color: #4ae3ff;
}
.s01-con p {
  font-size: 14px;
  color: #fff;
  width: 684px;
  margin: 0 auto;
  margin-top: 20px;
  line-height: 25px;
}
.s01-con div:before,
.s01-con div:after {
  content: "";
  display: table;
}
.s01-con div:after {
  clear: both;
}
.s01-con a {
  font-size: 14px;
  color: #000;
  padding: 18px 57px;
  border-radius: 30px;
  display: inline-block;
  background: linear-gradient(#f7ce06, #f79901);
  margin: 70px 0 35px 0;
}
/* 多场景安全防护 */
.title {
  height: 40px;
  overflow: hidden;
  margin-bottom: 32px;
  margin-top: 50px;
}
.title .line {
  display: inline-block;
  width: 2px;
  height: 24px;
  background: #cb575b;
  position: relative;
  top: 4px;
}
.title .tit {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  color: #333;
  padding-left: 10px;
}
.list {
  overflow: hidden;
}
.list .list-li {
  width: 285px;
  height: 129px;
  float: left;
  margin-right: 15px;
}
.list .list-li .top {
  width: 283px;
  height: 58px;
  overflow: hidden;
  border: 1px solid #2f3951;
  border-bottom: 0;
  text-align: center;
  background: #383b3f;
  box-sizing: content-box;
}
.list .list-li .top .logo {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 12px;
}
.list .list-li .top .tt {
  display: inline-block;
  height: 58px;
  line-height: 58px;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
}
.list .list-li .bottom {
  width: 283px;
  background: #fff;
  overflow: hidden;
  border: 1px solid #d7d8d9;
  border-top: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  box-sizing: content-box;
}
.list .list-li .bottom .exp {
  height: 44px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  color: #777f84;
  overflow: hidden;
}
/* 中型电商推荐架构 */
.s03-con {
  background: #fbfbfb;
}
.s03 .content {
  width: 1200px;
  overflow: hidden;
  height: 714px;
  position: relative;
}
.s03 .content .tab {
  position: absolute;
  left: 37px;
  top: 31px;
  height: 36px;
  overflow: hidden;
  z-index: 2;
}
.s03 .content .tab .current {
  background: #ebebec;
}
.s03 .content .tab .tabnav {
  width: 96px;
  height: 36px;
  line-height: 36px;
  background: #f5f5f5;
  float: left;
  overflow: hidden;
  margin-right: 1px;
  text-align: center;
  font-size: 14px;
  color: #666;
  cursor: pointer;
}
.s03 .content .con {
  width: 1200px;
  overflow: hidden;
  height: 714px;
}
.s03 .content .con .left {
  width: 813px;
  height: 714px;
  overflow: hidden;
  float: left;
  background: #fbfbfb;
}
.s03 .content .con .left img {
  display: block;
  width: 813px;
  height: 714px;
}
.s03 .content .con .right {
  width: 387px;
  height: 714px;
  overflow: hidden;
  float: left;
  background: #fbfbfb;
}
.s03 .content .con .right .top {
  height: 108px;
  padding: 40px 40px 0;
  overflow: hidden;
}
.s03 .content .con .right .top .tt {
  height: 22px;
  line-height: 22px;
  font-size: 20px;
  color: #333;
  overflow: hidden;
  margin-bottom: 9px;
}
.s03 .content .con .right .top .info {
  height: 44px;
  line-height: 22px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
}
.s03 .content .con .right .bot {
  height: 486px;
  padding: 40px;
  overflow: hidden;
}
.s03 .content .con .right .bot .t1 {
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #333;
  margin-bottom: 6px;
}
.s03 .content .con .right .bot .t1list {
  height: 40px;
  overflow: hidden;
  margin-bottom: 34px;
}
.s03 .content .con .right .bot .t1list .t1-li {
  float: left;
  height: 20px;
  width: 150px;
  line-height: 20px;
  font-size: 12px;
  color: #666;
}
.s03 .content .con .right .bot .t1list .two {
  text-indent: 16px;
}
.s03 .content .con .right .bot .t3 {
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #333;
  margin-bottom: 17px;
}
.s03 .content .con .right .bot .t3list {
  width: 330px;
  overflow: hidden;
  margin-bottom: 11px;
}
.s03 .content .con .right .bot .t3list .t3-li {
  float: left;
  height: 20px;
  width: 80px;
  margin-right: 30px;
  margin-bottom: 25px;
  overflow: hidden;
}
.s03 .content .con .right .bot .t3list .t3-li .link {
  display: block;
  width: 80px;
  height: 20px;
  overflow: hidden;
  text-decoration: none;
}
.s03 .content .con .right .bot .t3list .t3-li .link .wen {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #0290b3;
  position: relative;
  top: -1px;
}
.s03-p {
  font-size: 12px;
  color: #666;
  line-height: 22px;
}
.s03 .content .bt {
  overflow: hidden;
  text-align: left;
  margin-top: 45px;
}
.s03 .content .s03-a {
  min-width: 58px;
  height: 24px;
  padding: 0 20px;
  line-height: 2;
  font-size: 12px;
  margin-right: 15px;
  color: #fff;
  text-align: center;
  outline: none;
  border-radius: 0;
  background: #cb575b;
  display: inline-block;
}
/* 方案业务场景及优势 */
.J_tab {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.J_tab .left-tab {
  width: 282px;
  height: 424px;
  float: left;
  border: 1px solid #d7d8d9;
  background: #fff;
}
.J_tab .right-box {
  width: 814px;
  height: 344px;
  float: right;
  border: 1px solid #d7d8d9;
  padding: 40px;
  background: #fff;
  box-sizing: content-box;
}
.J_tab .left-tab li {
  border: 1px solid #d7d8d9;
  background: #fff;
  padding-left: 36px;
  margin-top: -1px;
  color: #333;
  font-size: 14px;
  line-height: 52px;
  cursor: pointer;
  border-left: 0;
  border-right: 0;
}
.J_tab .left-tab li:hover {
  color: #cb575b;
}
.J_tab .left-tab li.active {
  width: 243px;
  background: #f5f5f5;
  border-left: 2px solid #cb575b;
  color: #cb575b;
  position: relative;
  left: -1px;
  box-sizing: content-box;
}
.y-clear {
  zoom: 1;
}
.J_tab .right-box .item-con {
  display: none;
}
.J_tab .right-box .item-con .nop {
  padding-left: 60px;
  padding-right: 60px;
}
.J_tab .right-box .item-con .item-info h6 {
  color: #333;
  font-size: 18px;
  margin-bottom: 12px;
}
.J_tab .right-box .item-con .item-info p {
  line-height: 24px;
  color: #999;
  font-size: 12px;
  margin-bottom: 16px;
  max-height: 198px;
  overflow: hidden;
}
.J_tab .right-box .item-con .item-info p span {
  display: block;
}
.J_tab .right-box .item-con .nop .t3list {
  width: 440px;
}
.J_tab .right-box .item-con .nop .t3list:before,
.J_tab .right-box .item-con .nop .t3list:after {
  display: table;
  content: "";
  clear: both;
}
.J_tab .right-box .item-con .item-info .t3-li {
  float: left;
  height: 20px;
  width: 80px;
  margin-right: 30px;
  margin-bottom: 25px;
  overflow: hidden;
}
.J_tab .right-box .item-con .item-info .t3-li .link {
  display: block;
  width: 80px;
  height: 20px;
  overflow: hidden;
  text-decoration: none;
}
.J_tab .right-box .item-con .item-info .t3-li .link .logo {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 9px;
  position: relative;
  top: 2px;
}
.J_tab .right-box .item-con .item-info .t3-li .link .wen {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #666;
  position: relative;
  top: -1px;
}
.J_tab .right-box .item-con .item-info .s04-a {
  overflow: hidden;
  text-align: left;
  margin-top: 45px;
}
.J_tab .right-box .item-con .item-info .s04-a a {
  min-width: 58px;
  height: 24px;
  padding: 0 20px;
  line-height: 2;
  font-size: 12px;
  margin-right: 15px;
  color: #fff;
  text-align: center;
  outline: none;
  border-radius: 0;
  background: #cb575b;
  display: inline-block;
}
/*最新新闻*/
.s06-con:before,
.s06-con:after {
  display: table;
  content: "";
  clear: both;
}
.s06-l {
  float: left;
}
.s06-r {
  float: right;
}
.s06-item {
  width: 46%;
}
.s06-item .s06-a {
  float: left;
  margin-right: 10px;
}
.s06-item div {
  float: left;
}
.s06-item div p {
  font-size: 14px;
}
.s06-item div p a {
  color: #242424;
}
.s06-item div p span {
  color: #3e3c3c;
}
.s06-item div p:nth-last-of-type(2n) {
  margin: 15px 0;
}
/* 架构咨询与服务 */
.s05:before,
.s05:after {
  display: table;
  content: "";
  clear: both;
}
.s05 .left {
  width: 387px;
  float: left;
  height: 545px;
  margin-right: 20px;
  overflow: hidden;
}
.s05 .left .topcon {
  width: 305px;
  height: 168px;
  border: 1px solid #d7d8d9;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 40px;
  background: #fff;
  box-sizing: content-box;
}
.s05 .left .topcon:hover,
.s05 .left .botcon:hover {
  border: 1px solid #cb575b;
}
.s05 .left .topcon .tt {
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 18px;
  color: #333;
  overflow: hidden;
  margin-bottom: 30px;
}
.s05 .left .topcon .pic {
  display: block;
  width: 202px;
  height: 31px;
  margin: 0 auto 6px;
}
.s05 .left .topcon .exp {
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  margin-bottom: 26px;
}
.s05 .left .topcon .exp span {
  color: #f60;
}
.s05 .left .topcon .but {
  height: 26px;
  overflow: hidden;
  text-align: center;
}
.s05 .left .botcon {
  width: 305px;
  height: 193px;
  border: 1px solid #d7d8d9;
  overflow: hidden;
  padding: 40px;
  background: #fff;
  box-sizing: content-box;
}
.s05 .left .botcon .tt {
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 18px;
  color: #333;
  overflow: hidden;
  margin-bottom: 28px;
}
.s05 .left .botcon .pic {
  display: block;
  width: 202px;
  height: 40px;
  margin: 0 auto;
}
.s05 .left .botcon .all {
  height: 44px;
  overflow: hidden;
  margin-bottom: 23px;
}
.s05 .left .botcon .but {
  height: 26px;
  overflow: hidden;
  text-align: center;
}
.s05 .left .botcon .all .ll {
  float: left;
  width: 114px;
  padding-left: 33px;
  line-height: 22px;
  font-size: 12px;
  color: #333;
  overflow: hidden;
  box-sizing: content-box;
}
.s05 .left .botcon .all .rr {
  float: left;
  width: 112px;
  padding-left: 43px;
  line-height: 22px;
  font-size: 12px;
  color: #333;
  overflow: hidden;
  box-sizing: content-box;
}
a.y-btn-white,
a.y-btn-white:link,
a.y-btn-white:visited {
  background: #fff;
  border-color: #cb575b;
  color: #cb575b;
}
a.y-btn-white.y-btn-s,
a.y-btn-white:link.y-btn-s {
  min-width: 58px;
  height: 24px;
  padding: 3px 20px;
  line-height: 2;
  font-size: 12px;
  text-align: center;
  outline: none;
  border-radius: 0;
  border: 1px solid #cb575b;
}
.s05 .right {
  width: 711px;
  float: left;
  height: 463px;
  overflow: hidden;
  border: 1px solid #d7d8d9;
  padding: 40px;
  background: #fff;
  box-sizing: content-box;
}
.s05 .right .tit {
  height: 22px;
  line-height: 22px;
  font-size: 18px;
  color: #333;
  text-align: center;
  margin-bottom: 33px;
}
.s05 .right .tab-nav {
  width: 765px;
  overflow: hidden;
  height: 128px;
  margin-bottom: 35px;
}
.s05 .right .xian {
  width: 685px;
  height: 1px;
  background: #d7d8d9;
  margin: 0 auto 25px;
}
.s05 .right .content {
  width: 711px;
  height: 107px;
  overflow: hidden;
}
.s05 .right .list {
  width: 753px;
  overflow: hidden;
  height: 40px;
  margin-bottom: 46px;
}
.s05 .right .bt {
  overflow: hidden;
  text-align: center;
}
.s05 .right .tab-nav .tab-li {
  width: 96px;
  height: 128px;
  float: left;
  margin-right: 57px;
  cursor: pointer;
}
.s05 .right .tab-nav .tab-li .bb {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 1px solid #d7d8d9;
  margin: 0 auto 14px;
  overflow: hidden;
}
.s05 .right .tab-nav .tab-li .name {
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 13px;
  color: #333;
  overflow: hidden;
}
.s05 .right .tab-nav .tab-li .work {
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  color: #333;
  overflow: hidden;
}
.s05 .right .tab-nav .tab-li .bb .people {
  display: block;
  width: 78px;
  height: 78px;
}
.s05 .right .tab-nav .active .bb,
.s05 .right .tab-nav .tab-li .bb:hover,
.s05 .right:hover {
  border: 1px solid #cb575b;
}
.s05 .right .xian .blueline {
  height: 1px;
  width: 72px;
  background: #cb575b;
  position: relative;
  left: 0;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
.s05 .right .content .con-li {
  width: 692px;
  height: 80px;
  padding: 0 13px 27px;
  overflow: hidden;
  float: left;
  display: none;
}
.s05 .right .content .act {
  display: block;
}
.s05 .right .content .con-li .info {
  line-height: 20px;
  font-size: 12px;
  color: #666;
}
.s05 .right .list .list-li {
  width: 197px;
  margin-right: 54px;
  float: left;
  height: 40px;
  overflow: hidden;
}
.s05 .right .list .list-li .golink {
  display: block;
  height: 40px;
  overflow: hidden;
  text-decoration: none;
  padding-left: 50px;
}
.s05 .right .list .list-li .golink .st {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
}
.s05 .right .list .list-li .golink .sinfo {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #666;
  overflow: hidden;
}
.s05 .right .bt {
  overflow: hidden;
  text-align: center;
}
.s05 .right .bt {
  overflow: hidden;
  text-align: center;
}