@charset "UTF-8";




.superstore-b__mask{width: 100%;
height: 100%;
background: rgba(0,0,0,.8);
position: fixed;
top: 0;
z-index: 201;
display:none
}



.video-block{
width:880px;height:495px;cursor:pointer;vertical-align: baseline; display:none; z-index:202;

position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);left:50%; 

}

#play_btn{ display:block; width:64px; height:64px; position:absolute; left:50%; top:50%; margin-left:-32px; margin-top:-32px; background:url(../images/bf.png) no-repeat;cursor:pointer }

.cancel-video{
position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);left:50%;
width:40px;border-radius:100%;height:40px;background:#fff;text-align:center;line-height:41px;font-size:22px;z-index:120;margin-left:440px;margin-top:-246px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-box-shadow:0 0 14px rgba(0,0,0,.4);box-shadow:0 0 14px rgba(0,0,0,.4); z-index:203; display:none; z-index:100000 }



.ljzxun{ text-align:center; margin-top:15px; margin-bottom:30px;}

.ljzxun a{ display:inline-block; width:140px; height:46px; border:1px solid #FFF; text-align:center; line-height:46px; color:#FFF; font-size:14px; transition: all 1s; border-radius: 3px;} 

.ljzxun a:hover{ background:#FFF; color:#ea3838;}

  .anxg{ text-align:center;


margin-top: 10px; position:relative}
  
  
 @-webkit-keyframes pulsate {0% {-webkit-transform: scale(1, 1);opacity: 0.0;}30% {opacity: 0.7;}60% {-webkit-transform: scale(2, 2);opacity: 0.0;}100% {opacity: 0.0;}}
 @-moz-keyframes pulsate {0% {-moz-transform: scale(1, 1);opacity: 0.0;}30% {opacity: 0.7;}60% {-moz-transform: scale(2, 2);opacity: 0.0;}100% {opacity: 0.0;}}
 @keyframes pulsate {0% {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);opacity: 0.0;}
 30% {opacity: 0.7;}
 60% {-webkit-transform: scale(2, 2);-moz-transform: scale(2, 2);-ms-transform: scale(2, 2);-o-transform: scale(2, 2);transform: scale(2, 2);opacity: 0.0;}
 100% {opacity: 0.0;}}
 .play__pulse{ background: rgba(255,255,255,0.4); border-radius: 80px;height: 80px;width: 80px; display:inline-block}
  
 .play__pulse {/*animation: 3s ease-out 0s  infinite running pulsate;animation: 3s ease-out 0s  infinite running pulsate;*/
animation-name:pulsate; /*动画名称*/
animation-duration: 3s;/*播放一次所持续时间*/
animation-timing-function: ease-out;/*动画播放频率*/
animation-play-state:running;
animation-iteration-count: infinite;/*动画播放次涒为无限次*/ 

-moz-animation-name: pulsate; /*动画名称*/
-moz-animation-duration: 3s;/*播放一次所持续时间*/
-moz-animation-timing-function: ease-out;/*动画播放频率*/
-moz-animation-play-state:running;
-moz-animation-iteration-count: infinite;/*动画播放次涒为无限次*/ 

-webkit-animation-name: pulsate; /*动画名称*/
-webkit-animation-duration: 3s;/*播放一次所持续时间*/
-webkit-animation-timing-function: ease-out;/*动画播放频率*/
-webkit-animation-play-state:running;
-webkit-animation-iteration-count: infinite;/*动画播放次涒为无限次*/ 

-o-animation-name: pulsate; /*动画名称*/
-o-animation-duration: 3s;/*播放一次所持续时间*/
-o-animation-timing-function: ease-out;/*动画播放频率*/
-o-animation-play-state:running;
-o-animation-iteration-count: infinite;/*动画播放次涒为无限次*/ 

opacity: 0; border-radius: 80px;
height: 80px;

opacity: 0;


width: 80px;}


h2,h3{ font-weight:normal}

.hydtai{ padding-top:100px; padding-bottom:100px; background:#f8f8f8; }
 

 .w_100{ width:100%;}
 
 .w_1180{ width:1180px; margin:0 auto}
 
  .dtitle{ text-align:center; color:#333333; font-size:30px; line-height:30px}
 
 .xtitle{ text-align:center; color:#666666; font-size:16px; margin-top:15px; line-height:16px;}
 
 .dtai{ width:380px; float:left; height:494px ; background:#FFF; padding-top:20px; margin-right:20px;}
 
 
 .superstore-b .dtai h2{ height:40px; border-bottom:1px solid #e7e7e7; width:340px; margin-left:20px; margin-bottom:20px; position:relative; color:#333333; font-size:16px; font-weight:normal; line-height:16px; text-align:left}
 .dtai h2 span{ position:absolute; width:20px; height:2px; bottom:0px; left:0px; background:#ea3838;}
  .dtai h2 a{ float:right; color:#999999; font-size:14px; padding-right:25px; background:url(../images/moer.png) no-repeat right center; margin-top:2px;}
 .shpic{ width:340px; height:190px; position:relative; margin-left:20px; }
 .shpic img{width:340px; height:190px;} 
 
 .shpic h3{ position:absolute; width:100%; height:42px;  line-height:42px; padding-left:10px; left:0px; bottom:0px; color:#ffffff; font-size:14px; font-weight:normal}



 .dtzx{ margin-top:40px;}
 
  .dtai ul { margin-top:10px; padding-left:20px; padding-right:20px;} 
 
 .dtai ul li{ height:36px; line-height:36px;}
 
 .dtai ul li span{ color:#999999; font-size:14px; width:45px; display:inline-block}
  .dtai ul li a{ color:#333333; font-size:14px;}
 .dtai ul li a:hover{ color:#666666;} 
 
 .ylink{ padding-top:40px; padding-bottom:40px;}
 
.ylink h2{ width:120px; height:44px; background:#1c1f32; text-align:center; line-height:44px; font-size:16px; color:#FFFFFF} 
 
 .ylian{ margin-top:30px;}
  
  .ylian a{ color:#333333; font-size:14px; margin-right:30px;}
  
  .ylian a:hover{ color:#666666;}
 
 
 
 
 .cjwti{ width:380px; float:left;  background:#FFF; padding-top:20px; height:494px;}
 
   .superstore-b .cjwti h2{ height:40px; border-bottom:1px solid #e7e7e7; width:340px; margin-left:20px; margin-bottom:20px; position:relative; color:#333333; font-size:16px; font-weight:normal; text-align:left; line-height:16px;}
   
    .cjwti h2 a{ float:right; color:#999999; font-size:14px; margin-top:2px; padding-right:25px; background:url(../images/moer.png) no-repeat right center}
 .cjwti h2 span{ position:absolute; width:20px; height:2px; bottom:0px; left:0px; background:#ea3838;}
 .cjwti  ul{ padding-left:20px; padding-right:20px;}
 .cjwti  ul li{ margin-bottom:20px; width:340px; padding-bottom:15px; border-bottom:1px dashed #e9e9e9}
  .cjwti  ul li h3{ padding-left:35px; background:url(../images/wen.gif) no-repeat left; font-weight:normal; }
 .cjwti  ul li h3 a{ color:#666666; font-size:14px; font-weight:normal; line-height:24px;}
 
  .cjwti  ul li p{ padding-left:35px; background:url(../images/da.gif) no-repeat left top; color:#333333; font-size:14px; line-height:1.6em; margin-top:10px;}
  .cjwti  ul .wei{ border-bottom:none}
 
 
 
 .renav{ overflow:hidden; width:380px; height:400px;} 

.dangxia{ padding-top:100px; padding-bottom:100px; background:#f8f8f8;}
 
 .dtitle{ text-align:center; color:#333333; font-size:30px; line-height:30px}
 
 .xtitle{ text-align:center; color:#666666; font-size:16px; margin-top:15px; line-height:16px;}
 
 
 .dangx{ margin-top:60px; width:1300px; margin-left:-60px; }
   .dangx ul li{ float:left;width:260px; text-align:center; margin-bottom:30px;}
 
  .dangx ul .ml70{ margin-left:130px;}
 
  .dangx ul li h2{ color:#373d41; font-size:18px; font-weight:normal; margin-top:15px; line-height:18px;}
  
  .dangx ul li p{ color:#83878d; font-size:14px; line-height:1.6em; margin-top:16px;}
  
  
 .rengzhi{ height:663px; background:url(../images/rzhi.jpg) no-repeat center center}

 .rengzhi .dtitle{ padding-top:100px;}
 
 
 
 .rzhi{ margin-top:60px; padding-left:200px; padding-right:200px;}
 
 .rzhi ul li{ float:left; width:250px; text-align:right; height:100px; margin-bottom:40px; margin-right:280px;}
 
 .rzhi ul .rzring{ margin-right:0px; text-align:left}
 
 .superstore-b .rzhi ul li h2{ color:#FFFFFF; font-size:24px; font-weight:normal;  padding-top:20px; line-height:24px; margin-bottom:20px; text-align:right}
 
 .rzhi ul li p{ color:#ffffff; font-size:14px; line-height:14px;}
 
.superstore-b .rzhi ul .rzring h2{ text-align: left}
 
 
 .ljmore{ text-align:center; margin-top:10px;}
 
 .ljmore a{ text-align:center; color:#ea3838; display:inline-block; font-size:14px; border:1px solid #ea3838; width:180px; height:50px; line-height:50px; border-radius: 3px;
transition: all 1s;}

 .ljmore a:hover{ background:#ea3838; color:#FFFFFF}
 
 
 .jingjie{ background:#f8f8f8; padding-top:100px; padding-bottom:100px;}
 
 .jjie{ width:508px; height:490px; margin-top:76px; background:url(../images/jingj.jpg) no-repeat center center; margin-left:335px;}
 
 .jjsh{ text-align:center; padding-top:46px; margin-bottom:145px; }
 
  .superstore-b .jjsh h2{ color:#373d41; font-size:20px; font-weight:normal; line-height:20px;}
  .jjsh p{ margin-top:85px; color:#666666; font-size:16px; line-height:1.6em;}
  
 .jjie ul li{ float:left; width:82px; text-align:center }
 
  
 .jjie ul .jjyou{ float:right; width:98px;}
 
 .jjie ul li h3{ color:#373d41; font-size:20px; font-weight:normal; line-height:20px; margin-bottom:75px;} 
  
   .jjie ul li p{ color:#666666; font-size:16px; line-height:1.6em;}
   
   
  .ljzx{ margin-top:66px; text-align:center}
  
  .ljzx a{ display:inline-block; width:180px; height:50px; text-align:center; line-height:50px; background:#ea3838; color:#FFFFFF; font-size:14px;border-radius: 3px;
transition: all 1s;}
  
  .ljzx a:hover{ background:#ce1602;}
 
 
 .slide-body {
	position: relative; 
	overflow: hidden;
	height: 420px;
	width:1450px;
	margin-left:-135px;
	 
	
	
	
	
}
.slide-body .slide-content {
	position: absolute;
 *zoom: 1;
	left: 0px;
	top: 0;
}
.slide-body .slide-content:before, .slide-body .slide-content:after {
	content: "";
	display: table;
}
.slide-body .slide-content:after {
	clear: both;
}
.slide-body .slide-content .slide-item {
	position: relative;
	float: left;
	color: #000;
	font-size: 0;
	text-align: center;
	width:290px; height:420px;
	

	cursor: pointer;
}
.slide-body .slide-content .slide-item .item-bg {
	width: 100%;
	height:420px;
	
}
.slide-body .slide-content .slide-item .mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.slide-body .slide-content .slide-item .mask .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #161A1D;
	opacity: 0;
	filter: alpha(opacity=0);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-body .slide-content .slide-item .mask .bg.other-bg {
	opacity:0;
	filter: alpha(opacity=0);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
.slide-body .slide-content .slide-item .mask .content {
	position: absolute;
	left: 0;
	right: 0;
	top: 120px;
	bottom: 0;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-body .slide-content .slide-item .mask .content .line-panel {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	margin-top: 20px;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-body .slide-content .slide-item .mask .content .line-panel .item-line {
	width: 20px;
	height: 2px;
	background: #fff;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-body .slide-content .slide-item .mask .content .item-img-panel {
	position: relative;
	width: 25%;
	height: 54px;
	line-height:72px;
	display: inline-block; text-align:center;
}
.slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img, .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {

	
	display: inline-block; vertical-align:middle;
	
	opacity: 1;
	filter: alpha(opacity=100);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}


.slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
	display:none;
	
	filter: alpha(opacity=0);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-body .slide-content .slide-item .mask .content .item-title {
	color: #fff;
	font-size: 22px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	margin-top: 24px;
	font-weight: normal;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-body .slide-content .slide-item .mask .content .item-desc {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	padding: 0px 23px;
	line-height: 24px;
	height: 72px;
}
.slide-body .slide-content .slide-item .mask .content .item-link {
	display: inline-block;
	border: 1px solid #fff;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-top: 62px;
}
.slide-body .slide-content .slide-item .mask .content .item-link:hover {
	color: #ff6700;
	background: #fff;
}
.slide-body .slide-content .slide-item .mask .content .item-desc, .slide-body .slide-content .slide-item .mask .content .item-link {
	opacity: 0;
	filter: alpha(opacity=0);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-body .slide-content .slide-item:hover .bg {
	background: #ea3838;
	opacity: 0.9;
	filter: alpha(opacity=90);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90));
}
.slide-body .slide-content .slide-item:hover .bg.other-bg {
	opacity: 0.9;
	filter: alpha(opacity=90);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90));
}
.slide-body .slide-content .slide-item:hover .content {
	top: 70px;
}
.slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img {
	display:none;
	
	
}
.slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img-hover {
	display:inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.slide-body .slide-content .slide-item:hover .content .line-panel {
	margin-top: 10px;
}
.slide-body .slide-content .slide-item:hover .content .line-panel .item-line {
	opacity: 1;
	filter: alpha(opacity=0);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
.slide-body .slide-content .slide-item:hover .content .item-title {
	margin-top: 12px;
}
.slide-body .slide-content .slide-item:hover .content .item-desc, .slide-body .slide-content .slide-item:hover .content .item-link {
	opacity: 1;
	filter: alpha(opacity=100);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.slide-body .slide-content .slide-item:hover .content .item-desc {
	margin-top: 22px;
}
.slide-body .slide-content .slide-item:hover .content .item-link {
	margin-top: 14%;
}






.chshi{ margin-top:40px; text-align:center; width:1400px; margin-left:-110px;}




.chshi ul li{  width:88px; margin-left:34px; margin-right:34px; text-align:center; display:inline-block}


.chshi ul li .cshpic{ width:86px; height:86px; border:#FFF 1px solid; text-align:center; line-height:86px;}

.chshi ul li .cshpic img{ vertical-align:middle}

.chshi ul li p{ text-align:center; margin-top:12px; color:#a2a2a2; font-size:18px;}



.chshi ul li:hover .cshpic{ background:#ea3838; border:1px solid #ea3838;}

.chshi ul li:hover p{ color:#FFF}


 .chuizhi{ background:#373d41; padding-top:100px; padding-bottom:100px; overflow:hidden}
 
 .chuizhi .dtitle{ color:#FFFFFF; }
 
  .chuizhi .xtitle{ color:#FFFFFF; margin-bottom:60px; }
 
 
 
 .mfdz{ text-align:center; margin-top:60px;}
 
 .mfdz a{ display:inline-block; width:230px; height:50px; line-height:50px; text-align:center; color:#ffffff; font-size:14px; font-weight:normal; border:1px solid #FFFFFF; border-radius: 3px;
transition: all 1s;}
 
 .mfdz a:hover{ background:#ea3838; border:1px solid #ea3838;}
 
 
 /*他们都在用*/
 
 .use_yz {
	width: 100%;
	background: #f8f8f8;
	padding-bottom: 100px; 
	padding-top:100px;
}

.use_yz .dtitle{ margin-bottom:70px;}

.use_yz .more-case {
	display: block;
	text-align: center;
	margin: 40px auto 0;
	width: 180px;
	height:50px; line-height:50px; color:#ea3838; border:1px solid #ea3838;border-radius: 3px;
transition: all 1s; font-size:14px;} 


.use_yz .more-case:hover{ background:#ea3838; color:#FFFFFF;}

.use_yz-container {
	width: 1120px;
	margin: 0 auto 10px
}

@media screen and (max-width:1100px) {
	.use_yz-container {
		width: 1024px
	}
}

.use_yz-container .case-container {
	zoom: 1;
	margin-left: -10px;
	margin-right: 10px
}

.use_yz-container .case-container:after {
	content: "";
	display: table;
	clear: both
}

.use_yz-container .img-container {
	width: 33.3%;
	height: 300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px auto;
	padding-left: 20px;
	position: relative;
	float: left;
	overflow: hidden
}

.use_yz-container .img-container .bg-img {
	width: 100%;
	height: 150px;
	background-size: cover;
	background-position: 50%
}

.use_yz-container .img-container .bg-img:hover+.card {
	top: 0
}

.use_yz-container .img-container .card {
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 150px;
	padding-right: 20px;
	background-color: #fff;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear
}

.use_yz-container .img-container .card:hover {
	top: 0
}

.use_yz-container .img-container .card>div {
	position: relative;
	width: 100%;
	height: 100%
}

.use_yz-container .img-container .card .bg-logo {
	position: absolute;
	left: 30px;
	top: 35px;
	background-repeat: no-repeat;
	background-size: contain
}

.use_yz-container .img-container .card .desc {
	position: absolute;
	font-size: 14px;
	color: #666;
	top: 95px;
	left: 30px
}

.use_yz-container .img-container .card .detail {
	position: absolute;
	font-size: 14px;
	color: #666;
	line-height: 28px;
	top: 150px;
	margin-left: 30px;
	margin-right: 30px
}

.use_yz-container .img-container .kaishu {
	top: 0
}

.use_yz-container .img-container #case1-img {
	background-image: url("../images/case1.jpg")
}

@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	.use_yz-container .img-container #case1-img {
		background-image: url("../images/case1@2x.jpg")
	}
}

.use_yz-container .img-container #case1-logo {
	width: 118px;
	height: 22px;
	background-image: url("../images/case_logo_1.png")
}

@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	.use_yz-container .img-container #case1-logo {
		background-image: url("../images/case_logo_1@2x.png")
	}
}

.use_yz-container .img-container #case2-img {
	background-image: url("../images/case2.jpg")
}

@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	.use_yz-container .img-container #case2-img {
		background-image: url("../images/case2@2x.jpg")
	}
}

.use_yz-container .img-container #case2-logo {
	width: 88px;
	height: 30px;
	background-image: url("../images/case_logo_2.png")
}

@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	.use_yz-container .img-container #case2-logo {
		background-image: url("../images/case_logo_2@2x.png")
	}
}


.use_yz-container .img-container #case3-img {
	background-image: url("../images/case3.jpg")
}

@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	.use_yz-container .img-container #case3-img {
		background-image: url("../images/case3@2x.jpg")
	}
}

.use_yz-container .img-container #case3-logo {
	width: 48px;
	height: 31px;
	background-image: url("../images/case_logo_3.png")
}

@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	.use_yz-container .img-container #case3-logo {
		content: url("https://img.yzcdn.cn/static/intro/img/newIndex/case_logo_3@2x.png")
	}
}

.use_yz-container .img-container #case4-img {
	background-image: url("../images/case4.jpg")
}

@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	.use_yz-container .img-container #case4-img {
		background-image: url("../images/case4@2x.jpg")
	}
}

.use_yz-container .img-container #case4-logo {
	width: 91px;
	height: 22px;
	background-image: url("../images/case_logo_4.png")
}

@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	.use_yz-container .img-container #case4-logo {
		background-image: url("../images/case_logo_4@2x.png")
	}
}

.use_yz-container .img-container #case5-img {
	background-image: url("../images/case5.jpg")
}

@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	.use_yz-container .img-container #case5-img {
		background-image: url("../images/case5@2x.jpg")
	}
}

.use_yz-container .img-container #case5-logo {
	width: 103px;
	height: 28px;
	background-image: url("../images/case_logo_5.png")
}

@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	.use_yz-container .img-container #case5-logo {
		background-image: url("../images/case_logo_5@2x.png")
	}
}

.use_yz-container .img-container #case6-img {
	background-image: url("../images/case6.jpg")
}

@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	.use_yz-container .img-container #case6-img {
		background-image: url("../images/case6@2x.jpg")
	}
}

.use_yz-container .img-container #case6-logo {
	width: 114px;
	height: 30px;
	background-image: url("../images/case_logo_6.png")
}
 
 






.superstore-b{font-size:14px}.superstore-b h1{font-size:36px;line-height:50px;text-align:center}.superstore-b h2{font-size:28px;line-height:40px;text-align:center}.superstore-b h3{font-size:24px;line-height:33px}.superstore-b h4{font-size:16px;line-height:24px}.superstore-b .flex-horizontal-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.superstore-b .flex-horizontal-center,.superstore-b .flex-horizontal-space-between{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.superstore-b .flex-horizontal-space-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.superstore-b .a2button{display:inline-block;line-height:40px;padding:0 10px;border-radius:2px;font-family:inherit;color:#333;background:#fff;text-align:center;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:160px;height:40px}.superstore-b .a2button--primary{color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#4f98ff),to(#38f));background:-webkit-linear-gradient(#4f98ff,#38f);background:-moz-linear-gradient(#4f98ff,#38f);background:linear-gradient(#4f98ff,#38f)}.superstore-b .a2button--primary-reverse{color:#38f;background:#fff}.superstore-b .a2button--outline{color:#fff;background-color:transparent;border:1px solid #fff;position:relative;top:-1px}.superstore-b .max-width-container--gray{background-color:#f8fbff}.superstore-b .normal-container{margin:0 auto;max-width:1120px;min-width:1000px}.superstore-b .normal-container>h2:first-of-type{padding-top:90px}.superstore-b .normal-container>p{margin-top:10px;color:#666;text-align:center}.superstore-b .try-it-free{background:-webkit-gradient(linear,left top,left bottom,from(#4170bc),to(#3a84ff));background:-webkit-linear-gradient(top,#4170bc,#3a84ff);background:-moz-linear-gradient(top,#4170bc,#3a84ff);background:linear-gradient(180deg,#4170bc,#3a84ff)}.superstore-b .try-it-free .normal-container{background-image:url("../images/bg.jpg");background-position:50%;background-size:cover;padding-bottom:40px;color:#fff}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .try-it-free .normal-container{background-image:url("../images/bg@2x.jpg")}}.superstore-b .try-it-free .normal-container h2{padding-top:50px}.superstore-b .try-it-free .normal-container p{line-height:20px;color:#fff}.superstore-b .try-it-free .normal-container .side-by-side-buttons{margin-top:25px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.superstore-b .try-it-free .normal-container .side-by-side-buttons a:first-child{margin-right:20px}.superstore-b__mask{background:rgba(0,0,0,.4);position:absolute;z-index:100}.superstore-b .max-width-container.yz-retail{height:420px;color:#fff;background-image:url("../images/topbanner1.jpg");background-size:cover;background-position:50%}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .max-width-container.yz-retail{background-image:url("../images/topbanner1@2x.jpg")}}.superstore-b .max-width-container.yz-retail h1:first-of-type{padding-top:90px}.superstore-b .max-width-container.yz-retail p{margin-top:5px;height:30px;line-height:30px;font-weight:200}.superstore-b .max-width-container.yz-retail .player-btn{margin-top:20px;display:block;position:relative;border-radius:25px;background-color:#fff;width:50px;height:50px;cursor:pointer}.superstore-b .max-width-container.yz-retail .player-btn:after{content:"";display:block;position:absolute;margin-top:25px;margin-left:25px;top:-7px;left:0;border:8px solid #444;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;-webkit-transform:scaleX(1.5);-moz-transform:scaleX(1.5);-ms-transform:scaleX(1.5);transform:scaleX(1.5)}.superstore-b .max-width-container.yz-retail .a2button{margin-top:45px}.superstore-b .max-width-container.hardware{color:#fff;background-image:url("../images/bg_m_gray@1x.jpg");background-size:1440px 600px;background-position:50%;background-repeat:no-repeat;background-color:#2f3e54}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .max-width-container.hardware{background-image:url("../images/bg_m_gray@2x.jpg")}}.superstore-b .yz-container{width:100%}.superstore-b .yz-notice{text-align:center}.superstore-b .yz-notice-block{margin-top:0;line-height:60px;font-size:16px;border-bottom:.5px solid #e5e5e5}.superstore-b .yz-notice span{vertical-align:1px;font-size:14px;color:#fff;background:#f15e5e;padding:3px 5px;border-radius:5px;margin-right:5px}.superstore-b .yz-notice a{margin-left:20px;color:#38f}.superstore-b .marketing .flex-horizontal-space-between,.superstore-b .software-version .flex-horizontal-space-between{position:relative;margin-top:50px}.superstore-b .marketing .flex-horizontal-space-between.layout-reverse,.superstore-b .software-version .flex-horizontal-space-between.layout-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.superstore-b .marketing .flex-horizontal-space-between:last-child,.superstore-b .software-version .flex-horizontal-space-between:last-child{margin-top:70px;padding-left:10px}.superstore-b .marketing section,.superstore-b .software-version section{width:310px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.superstore-b .marketing section p,.superstore-b .software-version section p{margin-top:15px;color:#666;line-height:30px}.superstore-b .marketing img,.superstore-b .software-version img{object-fit:scale-down}@-webkit-keyframes line-clip{0%{clip:rect(0 0 53px 0)}to{clip:rect(0 181px 53px 0)}}@-moz-keyframes line-clip{0%{clip:rect(0 0 53px 0)}to{clip:rect(0 181px 53px 0)}}@keyframes line-clip{0%{clip:rect(0 0 53px 0)}to{clip:rect(0 181px 53px 0)}}.superstore-b .software-version .animation-scale:last-child{background-image:url("../images/分店1.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .software-version .animation-scale:last-child{background-image:url("../images/分店1@2x.png");background-size:contain}}.superstore-b .software-version .animation-scale:nth-last-child(2){background-image:url("../images/分店2.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .software-version .animation-scale:nth-last-child(2){background-image:url("../images/分店2@2x.png");background-size:contain}}.superstore-b .software-version .animation-scale:nth-last-child(3){background-image:url("../images/分店3.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .software-version .animation-scale:nth-last-child(3){background-image:url("../images/分店3@2x.png");background-size:contain}}.superstore-b .software-version .animate-module-1.animate-drop-down .animation-line{-webkit-animation-name:line-clip!important;-moz-animation-name:line-clip!important;animation-name:line-clip!important;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes card-scale{0%{-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}1%{opacity:1}to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@-moz-keyframes card-scale{0%{-moz-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}1%{opacity:1}to{-moz-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes card-scale{0%{-webkit-transform:scale3d(0,0,1);-moz-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}1%{opacity:1}to{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform:scaleX(1);opacity:1}}.superstore-b .software-version .animate-module-2.animate-drop-down .animation-scale{-webkit-animation-name:card-scale!important;-moz-animation-name:card-scale!important;animation-name:card-scale!important;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.superstore-b .marketing section{width:400px}.superstore-b .sort-of-suiting .flex-horizontal-space-between{margin-top:50px}.superstore-b .sort-of-suiting .flex-horizontal-space-between p{padding-top:90px;width:70px;text-align:center;background-repeat:no-repeat;background-size:70px 70px}.superstore-b .sort-of-suiting .flex-horizontal-space-between p:first-child{background-image:url("../images/store_1.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .sort-of-suiting .flex-horizontal-space-between p:first-child{background-image:url("../images/store_1@2x.png");background-size:contain}}.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(2){background-image:url("../images/store_2.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(2){background-image:url("../images/store_2@2x.png");background-size:contain}}.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(3){background-image:url("../images/store_3.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(3){background-image:url("../images/store_3@2x.png");background-size:contain}}.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(4){background-image:url("../images/store_4.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(4){background-image:url("../images/store_4@2x.png");background-size:contain}}.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(5){background-image:url("../images/store_5.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(5){background-image:url("../images/store_5@2x.png");background-size:contain}}.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(6){background-image:url("../images/store_6.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(6){background-image:url("../images/store_6@2x.png");background-size:contain}}.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(7){background-image:url("../images/store_7.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(7){background-image:url("../images/store_7@2x.png");background-size:contain}}.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(8){background-image:url("../images/store_8.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .sort-of-suiting .flex-horizontal-space-between p:nth-child(8){background-image:url("../images/store_8@2x.png");background-size:contain}}.superstore-b .marketing{margin-top:60px;padding-bottom:80px}.superstore-b .marketing section>p:first-of-type{margin-top:5px}.superstore-b .hardware{position:relative;height:600px}@-webkit-keyframes breathing{0%{background-color:rgba(0,106,255,0)}to{background-color:rgba(0,106,255,.6)}}@-moz-keyframes breathing{0%{background-color:rgba(0,106,255,0)}to{background-color:rgba(0,106,255,.6)}}@keyframes breathing{0%{background-color:rgba(0,106,255,0)}to{background-color:rgba(0,106,255,.6)}}.superstore-b .hardware>div{position:absolute;width:50px;height:50px;border-radius:35px;background-color:rgba(0,106,255,0);-webkit-animation-name:breathing;-moz-animation-name:breathing;animation-name:breathing;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-direction:alternate-reverse;-moz-animation-direction:alternate-reverse;animation-direction:alternate-reverse;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite}.superstore-b .hardware>div:after{width:30px;height:30px;top:10px;left:10px;background-color:#006aff;border-radius:25px;text-align:center;font-size:40px;line-height:44.5px;content:"";position:absolute;font-family:Courier New,Courier,monospace}@-webkit-keyframes fadeIn{to{opacity:1}}@-moz-keyframes fadeIn{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}@-webkit-keyframes fadeOut{to{opacity:0}}@-moz-keyframes fadeOut{to{opacity:0}}@keyframes fadeOut{to{opacity:0}}.superstore-b .hardware>div .outter-wrapper{position:absolute;display:none;opacity:0;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 0 10px #666;box-shadow:0 0 10px #666;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.superstore-b .hardware>div .outter-wrapper .inner-wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.superstore-b .hardware>div .outter-wrapper .inner-wrapper img{margin-top:10px;margin-bottom:-5px}.superstore-b .hardware>div .outter-wrapper p{color:#666;font-size:14px;line-height:20px}.superstore-b .hardware>div.qrcode-scaner{top:191px;left:512px}.superstore-b .hardware>div.qrcode-scaner .outter-wrapper{width:122px;height:190px;top:0;left:-132px}.superstore-b .hardware>div.e-scale{top:491px;left:371px}.superstore-b .hardware>div.e-scale .outter-wrapper{width:165.6px;height:144px;top:-90px;left:60px}.superstore-b .hardware>div.cash-register{top:305px;left:705px}.superstore-b .hardware>div.cash-register .outter-wrapper{width:166px;height:144px;top:0;left:57px}.superstore-b .hardware>div.portable-pos{top:527px;left:72px}.superstore-b .hardware>div.portable-pos .outter-wrapper{width:166px;height:144px;top:-95px;left:60px}.superstore-b .hardware>div.portable-pos-printer{top:458px;left:945px}.superstore-b .hardware>div.portable-pos-printer .outter-wrapper{width:166px;height:144px;top:-94px;left:-176px}.superstore-b .hardware p{color:#fff}.superstore-b .showcase .flex-horizontal-space-between{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:50px;}.superstore-b .showcase .flex-horizontal-space-between .showcase-card{position:relative;height:297px;-webkit-box-shadow:0 2px 14px rgba(149,179,188,.2);box-shadow:0 2px 14px rgba(149,179,188,.2);overflow:hidden;background-color:#fff;-webkit-flex-basis:-webkit-calc(33.3% - 13px);-ms-flex-preferred-size:calc(33.3% - 13px);flex-basis:-moz-calc(33.3% - 13px);flex-basis:calc(33.3% - 13px);background-position:top;background-repeat:no-repeat;background-size:contain}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(-n+3){margin-bottom:20px}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:hover .showcase-intro{top:0}.superstore-b .showcase .flex-horizontal-space-between .showcase-card>img{width:100%;object-fit:cover}.superstore-b .showcase .flex-horizontal-space-between .showcase-card .showcase-intro{margin:0 auto;padding:75px 30px 0;position:absolute;top:150px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;-webkit-transition:top .4s;-moz-transition:top .4s;transition:top .4s;background-repeat:no-repeat;background-position:30px 35px}.superstore-b .showcase .flex-horizontal-space-between .showcase-card .showcase-intro p{margin-top:25px;color:#666;line-height:28px}.superstore-b .showcase .flex-horizontal-space-between .showcase-card .showcase-intro p:last-child{margin-top:15px}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:first-child{background-image:url("../images/case1.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .showcase .flex-horizontal-space-between .showcase-card:first-child{background-image:url("../images/case1@2x.png");background-size:contain}}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(2){background-image:url("../images/case2.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(2){background-image:url("../images/case2@2x.png");background-size:contain}}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(3){background-image:url("../images/case3.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(3){background-image:url("../images/case3@2x.png");background-size:contain}}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(4){background-image:url("../images/case4.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(4){background-image:url("../images/case4@2x.png");background-size:contain}}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(5){background-image:url("../images/case5.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(5){background-image:url("../images/case5@2x.png");background-size:contain}}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(6){background-image:url("../images/case6.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(6){background-image:url("../images/case6@2x.png");background-size:contain}}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:first-child .showcase-intro{background-image:url("../images/case_logo_1.png")}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(2) .showcase-intro{background-image:url("../images/case_logo_2.png")}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(3) .showcase-intro{background-image:url("../images/case_logo_3.png")}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(4) .showcase-intro{background-image:url("../images/case_logo_4.png")}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(5) .showcase-intro{background-image:url("../images/case_logo_5.png")}.superstore-b .showcase .flex-horizontal-space-between .showcase-card:nth-child(6) .showcase-intro{background-image:url("../images/case_logo_6.png")}.superstore-b .service-team{background-color:#f8f8f8;padding-bottom:100px}.superstore-b .service-team .flex-horizontal-space-between{margin-top:60px}.superstore-b .service-team .flex-horizontal-space-between .service-intro-card{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:80px;padding-left:100px;background-repeat:no-repeat;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;background-size:80px 80px}.superstore-b .service-team .flex-horizontal-space-between .service-intro-card h3{color:#333}.superstore-b .service-team .flex-horizontal-space-between .service-intro-card p{margin-top:7px;line-height:24px;color:#666}.superstore-b .service-team .flex-horizontal-space-between .service-intro-card:first-child{background-image:url("../images/service_1.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .service-team .flex-horizontal-space-between .service-intro-card:first-child{background-image:url("../images/service_1@2x.png");background-size:contain}}.superstore-b .service-team .flex-horizontal-space-between .service-intro-card:nth-child(2){background-image:url("../images/service_2.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .service-team .flex-horizontal-space-between .service-intro-card:nth-child(2){background-image:url("../images/service_2@2x.png");background-size:contain}}.superstore-b .service-team .flex-horizontal-space-between .service-intro-card:nth-child(3){background-image:url("../images/service_3.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.superstore-b .service-team .flex-horizontal-space-between .service-intro-card:nth-child(3){background-image:url("../images/service_3@2x.png");background-size:contain}}.superstore-b__mask{width:100%;height:100%;background:rgba(0,0,0,.8);position:fixed;top:0;z-index:201;display:none}.superstore-b__mask video{width:880px;height:495px;cursor:pointer}.superstore-b__mask .cancel-video,.superstore-b__mask video{position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);left:50%}.superstore-b__mask .cancel-video{width:40px;border-radius:100%;height:40px;background:#fff;text-align:center;line-height:41px;font-size:22px;z-index:120;margin-left:440px;margin-top:-246px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-box-shadow:0 0 14px rgba(0,0,0,.4);box-shadow:0 0 14px rgba(0,0,0,.4)}@-webkit-keyframes ani-mask{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes ani-mask{0%{-moz-transform:translateZ(0);transform:translateZ(0)}to{-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes ani-mask{0%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.grow-number-container__no1,.grow-number-container__no2,.grow-number-container__no3,.grow-number-container__no4{position:absolute;color:#333;pointer-events:none;cursor:default}.grow-number-container__no1{width:140px;right:52px;top:161px;font-size:18px}.grow-number-container__no2{width:40px;right:12px;top:217px;color:#5671aa}.grow-number-container__no3,.grow-number-container__no4{top:100px;font-size:30px;line-height:42px;color:#38f}.grow-number-container__no3{left:46px;width:80px}.grow-number-container__no4{left:216px;width:97px;overflow:hidden}.animation-line{position:absolute;top:175px;right:14px;width:181px;height:53px;overflow:hidden;background-position:top;background-size:contain;background-repeat:no-repeat;background-image:url("../images/path_7.png")}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.animation-line{background-position:top;background-size:contain;background-repeat:no-repeat;background-image:url("../images/path_7@2x.png")}}.animation-scale{position:absolute;background-size:contain;background-repeat:no-repeat;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0}.animation-scale:nth-last-child(-n+2){width:168px;height:118px}.animation-scale:last-child{left:279px;top:215px}.animation-scale:nth-last-child(2){left:-14px;top:136px}.animation-scale:nth-last-child(3){width:158px;height:108px;left:319px;top:0}@-webkit-keyframes ani-scanner{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,155px,0);transform:translate3d(0,155px,0)}}@-moz-keyframes ani-scanner{0%{-moz-transform:translateZ(0);transform:translateZ(0)}to{-moz-transform:translate3d(0,155px,0);transform:translate3d(0,155px,0)}}@keyframes ani-scanner{0%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,155px,0);-moz-transform:translate3d(0,155px,0);transform:translate3d(0,155px,0)}}.animation-scanner{position:absolute;width:174px;height:77px;top:62px;right:298px;background-position:top;background-size:contain;background-repeat:no-repeat;background-image:url("../images/animate_illustration_3_m.png");-webkit-animation-name:ani-scanner!important;-moz-animation-name:ani-scanner!important;animation-name:ani-scanner!important;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate-reverse;-moz-animation-direction:alternate-reverse;animation-direction:alternate-reverse;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.animation-scanner{background-position:top;background-size:contain;background-repeat:no-repeat;background-image:url("../images/animate_illustration_3_m@2x.png")}}.user-card-swiper{width:464px}.user-card-swiper,.user-card-swiper__btns{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:288px}.user-card-swiper__btns{width:80px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 0}.user-card-swiper__btns>div{-webkit-transition:opacity 2s;-moz-transition:opacity 2s;transition:opacity 2s}.user-card-swiper__btns>div.user-card-swiper__btns--active{opacity:1}.user-card-swiper__btns div:first-child{background-image:url("../images/人1.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.user-card-swiper__btns div:first-child{background-image:url("../images/人1@2x.png");background-size:contain}}.user-card-swiper__btns div:nth-child(2){background-image:url("../images/人2.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.user-card-swiper__btns div:nth-child(2){background-image:url("../images/人2@2x.png");background-size:contain}}.user-card-swiper__btns div:nth-child(3){background-image:url("../images/人3.png");background-size:contain}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.user-card-swiper__btns div:nth-child(3){background-image:url("../images/人3@2x.png");background-size:contain}}.user-card-swiper__btns div{width:78px;height:78px;opacity:.4}@-webkit-keyframes card-invisible{0%{opacity:1}10%{opacity:0}to{opacity:0}}@-moz-keyframes card-invisible{0%{opacity:1}10%{opacity:0}to{opacity:0}}@keyframes card-invisible{0%{opacity:1}10%{opacity:0}to{opacity:0}}@-webkit-keyframes card-visible{0%{opacity:0}20%{opacity:0}30%{opacity:1}to{opacity:1}}@-moz-keyframes card-visible{0%{opacity:0}20%{opacity:0}30%{opacity:1}to{opacity:1}}@keyframes card-visible{0%{opacity:0}20%{opacity:0}30%{opacity:1}to{opacity:1}}.user-card-swiper__card{position:relative;width:384px;height:288px}.user-card-swiper__card>div{position:absolute;width:384px;height:288px;opacity:0;-webkit-animation-name:card-invisible!important;-moz-animation-name:card-invisible!important;animation-name:card-invisible!important;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;background-position:top;background-size:contain;background-repeat:no-repeat;background-image:url("../images/animate_illustration_5.png");background-size:384px 288px}@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.user-card-swiper__card>div{background-position:top;background-size:contain;background-repeat:no-repeat;background-image:url("../images/animate_illustration_5@2x.png");background-size:384px 288px}}.user-card-swiper__card>div p{color:#333;position:absolute;top:32px;left:40px;line-height:20px;pointer-events:none;cursor:default}@-webkit-keyframes rec-scale{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-moz-keyframes rec-scale{0%{-moz-transform:scaleY(0);transform:scaleY(0)}to{-moz-transform:scaleY(1);transform:scaleY(1)}}@keyframes rec-scale{0%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1)}}.user-card-swiper__card .user-card-swiper__card--active{-webkit-animation-name:card-visible!important;-moz-animation-name:card-visible!important;animation-name:card-visible!important;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.user-card-swiper__card .user-card-swiper__card--active .user-card-swiper__container .user-card-swiper__rec-arr>div{-webkit-animation-name:rec-scale!important;-moz-animation-name:rec-scale!important;animation-name:rec-scale!important;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s}.user-card-swiper__card .user-card-swiper__container{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:307px;position:absolute;left:38px;top:108px;height:124px}.user-card-swiper__card .user-card-swiper__container,.user-card-swiper__card .user-card-swiper__container .user-card-swiper__rec-arr{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}.user-card-swiper__card .user-card-swiper__container .user-card-swiper__rec-arr{height:100%}.user-card-swiper__card .user-card-swiper__container .user-card-swiper__rec-arr>div{width:10px;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;-moz-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}.user-card-swiper__card .user-card-swiper__container .user-card-swiper__rec-arr>div:first-child{background-color:#5c78ac}.user-card-swiper__card .user-card-swiper__container .user-card-swiper__rec-arr>div:last-child{background-color:#82d4bb}