.xs-part1-content {
    padding-top: 68px;
    padding-bottom: 54px;background:#fff;
}
.layout-wrap {
    width: 1200px;
    margin: 0 auto; overflow:hidden;
}
.layout-3-1 {
    width: 33.3333%;float: left;
}
.xs-part1-content .cont-list .cont-item {
    text-align: center;
    position: relative;
	}
	.xs-part1-content .cont-list .cont-item .xs-title {
    font-size: 64px;
    color: #f45026;
    font-family: arial, "microsoft yahei";
    font-weight: normal; border-right:2px solid #e2e2e2; line-height:75px; height:75px;
}
.xs-part1-content .cont-list .cont-item .xs-title span {
    font-size: 24px;
    color: #f45026;
    font-family: arial, "microsoft yahei";
}
 .xs-part1-content .cont-list .cont-item .xs-info {
    font-size: 16px;
    color: #999999;
    font-family: arial, "microsoft yahei";
    line-height: 24px;
    margin-top: 20px;
}
.xs-part2-content {

    padding-top: 60px;
    padding-bottom: 86px;
    background: #f9f9f9;

}
.mod-sect > .title { margin-bottom:50px;    font-weight: normal;
    text-align: center;
    font-size: 38px;
    color: #353535;
    z-index: 50;

}
.xs-part2-content .layout-wrap .left-img {

    width: 50%; float:left;

}
.xs-part2-content .layout-wrap .left-img img {

    width: 100%;
    display: block;

}
.xs-part2-content .layout-wrap .xs-part-content {

    padding-top: 30px; float:right; width:48%;

}
.xs-part2-content .layout-wrap .xs-part-content .xs-min-title {

    font-size: 24px;
    color: #333333;
    font-family: arial, "microsoft yahei";
    font-weight: normal;

}
.xs-part2-content .layout-wrap .xs-part-content .xs-sub-title {

    font-size: 18px;
    color: #333333;
    font-family: arial, "microsoft yahei";
    font-weight: normal;
    margin-top: 30px;

}
.xs-part2-content .layout-wrap .xs-part-content .xs-info {

    margin-top: 12px;
    font-size: 14px;
    color: #999999;
    font-family: arial, "microsoft yahei";
    line-height: 26px;

}
.xs-part2-content .layout-wrap .xs-part-content .xs-under-link {

    display: inline-block;
    margin-top: 50px;
    line-height: 64px;
    height: 64px;
    border-radius: 64px;
    padding: 0px 60px;
    text-decoration: none;

}
.ui-btn.effect-1 {

    font-size: 20px;
    line-height: 28px;
    padding: 16px 30px;
    border-radius: 60px;
    background-color: transparent;

}
.ui-btn {

    display: inline-block;
    padding: 6px 12px;
    line-height: 18px;
    border: 1px solid #ff6d01;
    border-radius: 3px;
    color: #ff6d01;
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;

}
.layout-wrap {

    width: 1200px;
    position: relative;
    margin: 0 auto;

}
.mod-sect {

    padding: 80px 0; 

}
.mod-build-step .step-list {

    text-align: center;
    padding: 60px 0 0; overflow:hidden;

}
.layout-4-1 {

    width: 25%;

}
.layout-2-1, .layout-3-1, .layout-3-2, .layout-4-1, .layout-4-2, .layout-4-3 {

    float: left;
    vertical-align: top;
}
mod-build-step .step-list h4 {

    font-size: 18px;
    color: #333333;
    font-family: arial, "microsoft yahei";
    margin-top: 16px;
    margin-bottom: 30px;
font-weight: normal;
}
.mod-build-step .step-list p {

    color: #888888;

}
.mod-build-step .step-list .step-item {
  position: relative;
}
.mod-build-step .step-list .step-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 60px;
  right: -10px;
  display: block;
  width: 20px;
  height: 28px;
  background: url("/images/step_arror.png") no-repeat;
}
.mod-build-step{ background:#fff;}
.mod-app-biz .xs-card-list {
    display: inline-block;
    height: 460px;

}
.mod-app-biz {
  text-align: center;
}
.mod-app-biz .xs-card-list .xs-card {
  width: 264px;
  height: 360px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 12px 36px 0px rgba(238, 78, 0, 0.3);
  float: left;
  position: relative;
  z-index: 50;
  top: 0px;
  transition: all .3s linear;
  cursor: pointer;
}
.mod-app-biz .xs-card-list .xs-card .top1 {
  width: 100%;
  height: 240px;
  padding-top: 30px;
  margin-bottom: 10px;
  border-radius: 8px 8px 0 0;
  background-color: #ff6d01;
  background-image: -moz-linear-gradient(180deg, #ff3e33 0%, #ff6f33 53%, #ff8933 100%);
  background-image: -webkit-linear-gradient(180deg, #ff3e33 0%, #ff6f33 53%, #ff8933 100%);
  background-image: -ms-linear-gradient(180deg, #ff3e33 0%, #ff6f33 53%, #ff8933 100%);
  background-image: linear-gradient(180deg, #ff3e33 0%, #ff6f33 53%, #ff8933 100%);
}
.mod-app-biz .xs-card-list .xs-card h3 {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}
.mod-app-biz .xs-card-list .xs-card p {
  font-size: 16px;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-2,
.mod-app-biz .xs-card-list .xs-card.xs-card-3 {
  width: 242px;
  height: 330px;
  top: 15px;
  z-index: 40;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-2 .top1,
.mod-app-biz .xs-card-list .xs-card.xs-card-3 .top1 {
  height: 220px;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-2 .top1 img,
.mod-app-biz .xs-card-list .xs-card.xs-card-3 .top1 img {
  width: 110px;
  height: 110px;
  display: block;
  margin: 0 auto;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-2 p,
.mod-app-biz .xs-card-list .xs-card.xs-card-3 p {
  font-size: 14px;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-4,
.mod-app-biz .xs-card-list .xs-card.xs-card-5 {
  width: 220px;
  height: 300px;
  top: 30px;
  z-index: 30;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-4 .top1,
.mod-app-biz .xs-card-list .xs-card.xs-card-5 .top1 {
  height: 200px;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-4 .top1 img,
.mod-app-biz .xs-card-list .xs-card.xs-card-5 .top1 img {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-4 p,
.mod-app-biz .xs-card-list .xs-card.xs-card-5 p {
  font-size: 14px;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-6,
.mod-app-biz .xs-card-list .xs-card.xs-card-7 {
  width: 198px;
  height: 265px;
  top: 50px;
  z-index: 20;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-6 .top1,
.mod-app-biz .xs-card-list .xs-card.xs-card-7 .top1 {
  height: 175px;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-6 .top1 img,
.mod-app-biz .xs-card-list .xs-card.xs-card-7 .top1 img {
  width: 90px;
  height: 90px;
  display: block;
  margin: 0 auto;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-6 p,
.mod-app-biz .xs-card-list .xs-card.xs-card-7 p {
  font-size: 12px;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-2 {
  margin-right: -100px;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-3 {
  margin-left: -100px;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-4 {
  margin-right: -78px;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-5 {
  margin-left: -78px;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-6 {
  margin-right: -80px;
}
.mod-app-biz .xs-card-list .xs-card.xs-card-7 {
  margin-left: -80px;
}
.mod-app-biz .xs-card-list .xs-card:hover {
  margin: 0px;
}
.mod-app-biz .xs-card-list .xs-card:hover.xs-card-2,
.mod-app-biz .xs-card-list .xs-card:hover.xs-card-4,
.mod-app-biz .xs-card-list .xs-card:hover.xs-card-6 {
  margin-right: -4px;
}
.mod-app-biz .xs-card-list .xs-card:hover.xs-card-3,
.mod-app-biz .xs-card-list .xs-card:hover.xs-card-5,
.mod-app-biz .xs-card-list .xs-card:hover.xs-card-7 {
  margin-left: -4px;
}
.mod-app-type{ background:#fff;}
.ui-tac {

    text-align: center;

}
.ui-btn.effect-1 {

    font-size: 20px;
    line-height: 28px;
    padding: 16px 30px;
    border-radius: 60px;
    background-color: transparent;

}
.ui-btn {

    display: inline-block;
    padding: 6px 12px;
    line-height: 18px;
    border: 1px solid #ff6d01;
    border-radius: 3px;
    color: #ff6d01;
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;

}
.xs-part3-content{ background:#fff;}
.xs-part3-content .reason-list .reason-item {
  float: left;
  width: 20%;
  position: relative;
}
.xs-part3-content .reason-list .reason-item .xs-top-icon {
  width: 114px;
  height: 114px;
  overflow: hidden;
  margin: 0 auto;
}
.xs-part3-content .reason-list .reason-item .xs-top-icon img {
  width: 100%;
  display: block;
}
.xs-part3-content .reason-list .reason-item .xs-title {
  font-size: 24px;
  color: #333333;
  font-family: arial, "microsoft yahei";
  line-height: 24px;
  margin-top: 16px;
  text-align: center;
  font-weight: normal;
}
.xs-part3-content .reason-list .reason-item .xs-info {
  margin-top: 24px;
  line-height: 22px;
  font-size: 14px;
  color: #999999;
  font-family: arial, "microsoft yahei";
  text-align: center;
}
.xs-part3-content .reason-list .reason-item:after {
  content: "";
  width: 2px;
  height: 48px;
  background: #f66a03;
  position: absolute;
  right: 0px;
  top: 34px;
}
.xs-part3-content .reason-list .reason-item:last-child::after {
  display: none;
}
.shoping1{ padding:2% 0;color:#000;}
.shoping1 img{ max-width:100%;}
.shoptitile{ text-align:center; margin-bottom:30px;color:#000;}
.shoptitile h1{ font-size:24px;  line-height:60px;font-weight:bold;}
.shoptitile h1 span{ color:#e36c09; font-weight:bold;}
.shoptitile p{ font-size:16px; line-height:30px;}
.shoping2 dl{ float:left; width:16.6%; text-align:center; margin:1% 0;}
.shoping2 dl dd{ font-size:16px}
.shoping4{ text-align:center;}
.shoping4 dl dt h1{ color:#000; font-size:18px; line-height:35px;}
.shoping4 dl dt p{ line-height:30px}
.shoping4 img{ max-width:100%;}
.shoping5{ float:left; width:44%; background:#effefb; padding:3% 2%;}
.shoping6{ float:right; width:44%; background:#fffcee; padding:3% 2%;}
.shoping5 a{ border:1px solid #3498db; color:#3498db; margin:15px auto; display:block; width:120px; line-height:35px; border-radius:5px;}
.shoping5 a:hover{ background:#3498db; color:#fff;}
.shoping6 a{ border:1px solid #ff7200; color:#ff7200; margin:15px auto; display:block; width:120px; line-height:35px; border-radius:5px;}
.shoping6 a:hover{ background:#ff7200; color:#fff;}
.shoping8 dl{ float:left; width:17.4%; margin:0 1%; border:1px solid #e6e6e6; background:#f2f2f2;}
.shoping8 dl:hover{ border:1px solid #e23a2a;}
.shoping8 img{ width:100%;}
.shoping8 dl dd{ padding:0 5%;}
.shoping8 dl dd h1{ color:#000; line-height:30px; height:30px; overflow:hidden;}
.shoping8 dl dd p{ line-height:25px; height:50px; overflow:hidden;}
.shoping7{ padding:2% 0;color:#000;}
.shoping10 { margin-bottom:3%;}
.shoping10 ul li{ float:left; width:14.6%; text-align:center; margin:0.5% 1%;}
.shoping10 ul li img{ width:100%;}
.wsc1{ padding:2% 0;}
.wsc2 ul{ float:left; width:31%; margin:0 1%;}
.wsc2 img{ max-width:100%;}
.wsc2 ul:nth-of-type(1){ text-align:right; margin-top:50px;}
.wsc2 ul:nth-of-type(3){  margin-top:50px;}
.wsc2 ul li{ margin-bottom:20px; overflow:hidden;}
.wsc2 ul li span{ font-size:18px; line-height:40px; }
.wsc2 ul li span b{ font-size:22px; color:#000; font-weight:normal; display:block;}
.wsc2 ul:nth-of-type(1) li span{float:right;}
.wsc2 ul:nth-of-type(3) li span{float:left;}
.wsc2 ul li span:nth-of-type(1){ padding:20px 15px 0 15px;}
.wsc5{ background:#f7f9fe;}
.wsc4 dl{ float:left; width:14.6%; text-align:center; margin:1%;}
.wsc4 dl img{ max-width:100%;}
.wsc4 dl dd h1{ color:#000; font-size:18px; line-height:35px;}
.wsc4 dl dd p{ font-size:14px; line-height:25px; height:50px; overflow:hidden;}
.wsc6{ background:url(wscbg.png) no-repeat left center;}
.wsc8{ float:right; width:50%;}
.wsc3,.wsc9{ padding:2% 0;}
.wsc7{ overflow:hidden; padding-top:3%;}
.wsc8 h1{ font-size:30px; line-height:50px;}
.wsc8 h1 span{ color:#4576fb;}
.wsc8  dl{ overflow:hidden; margin:3% 0;}
.wsc8  dl dt{ float:left; width:15%; padding-top:10px;}
.wsc8  dl dt img{ max-width:100%;}
.wsc8  dl dd{ float:right; width:83%;}
.wsc8  dl dd h1{ font-size:20px; font-weight:bolder; line-height:35px;}
.wsc8  dl dd p{ font-size:16px; line-height:30px;}
.wsc11{ background:url(10928472_bg1.png) no-repeat center center; height:402px; border:1px solid #f2f2f2; border-left:0;}
.wsc11 dl{ margin:2% 0 0;}
.wsc11 dl dt{ float:left; width:55%; text-align:center;}
.wsc11 dl dt img{ max-width:100%;}
.wsc11 dl dd{ float:right; width:43%; padding-top:5%;}
.wsc11 dl dd h1{ font-size:24px; color:#4576fb; line-height:50px;}
.wsc11 dl dd p{ font-size:18px; line-height:40px;}
.wsc12{ background:url(10933752_bg2.png) no-repeat center center; height:402px; border-left:1px solid #f2f2f2;}
.wsc15{ background:#fff;}
.wsc12 dl dt{ float:left; width:25%;padding:5% 0 0 5%;}
.wsc12 dl{ padding:5% 0 0;}
.wsc12 dl dt h1{ font-size:24px; color:#4576fb; line-height:50px;}
.wsc12 dl dt p{ font-size:18px; line-height:40px;}
.wsc12 dl dd img{ max-width:100%;}
.wsc12 dl dd{ float:right; width:68%; overflow:hidden;}
.wsc16{ float:left; width:29%; margin:0 2%; text-align:center;}
.wsc16 img{ max-width:100%; text-align:center;}
.wsc16 h1{ font-size:20px; color:#000; line-height:40px;}
.wsc16 span{ display:block; line-height:30px;}
.wsc14 dl{ float:left; margin:1%; width:31%; border-right:1px solid #CCC; text-align:center; padding:2% 0;}
.wsc14 dl dd{ font-size:20px; color:#4576fb; line-height:50px;}
.wsc14 dl:nth-of-type(3){ border-right:0;}
.wsc13{ padding:2% 0;}




@media only screen and (max-width: 768px) {
	.layout-wrap{ width:100%;}
	.mod-app-biz{ display:none;}
	.xs-part2-content .layout-wrap .left-img{ width:98%; margin:0 auto; float:none;}
	.xs-part2-content .layout-wrap .xs-part-content{ width:98%; margin:0 auto; float:none;}
	.mod-sect{ padding:30px 0;}
	.xs-part1-content .cont-list .cont-item .xs-title{ font-size:30px;}
	.mod-sect > .title{ margin-bottom:0; font-size:30px;}
	.xs-part2-content .layout-wrap .xs-part-content .xs-sub-title{ margin-top:0;}
	.xs-part2-content .layout-wrap .xs-part-content .xs-under-link{ margin-top:15px; line-height:50px; height:50px;}
	.xs-part3-content .reason-list .reason-item{ width:48%;}
	.xs-part3-content .reason-list .reason-item:after { background:none;}
	.xs-part3-content .reason-list .reason-item:nth-of-type(5){ display:none;}
.ui-btn.effect-1{ padding:5px 30px; font-size:16px; margin-top:20px;}
.mod-build-step .step-list{ padding-top:30px;}
	.layout-4-1,.wsc2 ul,.wsc8,.wsc11 dl dt,.wsc11 dl dd,.wsc12 dl dt,.wsc12 dl dd{ width:98%; float:none; margin:0 auto;}
	.layout-4-1 img{ max-width:100%;}
	.mod-build-step .step-list .step-item:not(:last-child):after { background:none;}
.shoping2 dl,.shoping10 ul li{ width:48%;}
.shoping5{ width:92%;float:none; margin:0 auto;}
.shoping6{ width:92%;float:none; margin:2% auto;}
.shoping8 dl{ width:47%; margin:1%;}
.shoping8 dl:nth-of-type(5){ display:none;}
.shoptitile h1{ font-size:20px; line-height:40px;}
.wsc2 ul:nth-of-type(1) li span {
    float:left;
}
.wsc2 ul li span{ text-align:left;}
.wsc2 ul:nth-of-type(2){ text-align:center;}
.wsc2 ul:nth-of-type(1){ margin-top:0}
.wsc2 ul:nth-of-type(3){ margin-top:0}
.wsc4 dl{ width:31%;}
.wsc6{ background-size:cover;}
.wsc11,.wsc12{ height:auto; background-size:cover;}
.wsc14 dl dd{ font-size:16px; line-height:30px;}
	}