.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%; 

}

.bannerxyz{ height:469px; width:100%; background:url(../images/bannerxyz.jpg) no-repeat center center}

 
.bann_zj{ width:1180px; margin:0 auto}

.xlj{ padding-top:110px; margin-left:622px;}

.xlj h2{ color:#FFFFFF; font-size:36px; font-weight:normal; line-height:36px;} 

.xlj p{ color:#FFFFFF; font-size:16px; padding-left:21px; margin-top:15px; line-height:16px;}

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

.zxun a{ display:inline-block; width:140px; height:46px; border:1px solid #FFF; text-align:center; line-height:46px; color:#FFF; font-size:14px; margin-left:768px; margin-top:22px;transition: all 1s;} 

.zxun a:hover{ background:#FFF; color:#ea3838;}
.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 }



  


  .anxg{ width: 84px;
height: 84px;

margin-left: 795px;
margin-top: 26px; 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;}
  
 .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;
position: absolute;

width: 80px;}
.pull-left{ float:left}


.main-container .wrapper {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    zoom: 1;
}
.main-container .wrapper h3 {
	text-align:center;
	font-size:28px;
	color:#333;
	line-height:40px;
	padding-top:90px;
	font-weight:normal
}
.main-container .wrapper:after {
	content:"";
	display:table;
	clear:both
}
.main-container .wrapper .intro-img {
	position:absolute
}
.main-container .button-container {
	text-align:center;
	margin-top:20px;
	margin-bottom:50px
}
.main-container .strong {
	font-size:18px;
	color:#333;
	line-height:24px
}
.main-container .desc {
	font-size:14px;
	color:#999;
	line-height:24px
}
.main-container .ls, .main-container .wsc {
	zoom:1;
	margin-top:40px;
	width:435px
}
.main-container .ls:after, .main-container .wsc:after {
	content:"";
	display:table;
	clear:both
}
.main-container .ls .block, .main-container .wsc .block {
	margin-bottom:60px;
	min-width:168px
}
.main-container .ls .block .desc, .main-container .wsc .block .desc {
	margin-top:10px
}
.main-container .ls .block {
	min-width:182px
}
.main-container .weapp {
	margin-top:80px
}
.main-container .weapp .desc-container {
	zoom:1;
	margin-bottom:33px
}
.main-container .weapp .desc-container:after {
	content:"";
	display:table;
	clear:both
}
.main-container .weapp .desc-container img {
	float:left
}
.main-container .weapp .desc-container .block {
	float:left;
	margin-left:15px
}
.main-container .solutions-container {
	zoom:1;
	width:110%;
	margin-left:-5%;
	overflow:hidden;
	margin-top:56px
}
.main-container .solutions-container:after {
	content:"";
	display:table;
	clear:both
}
.main-container .solutions-container .block {
	float:left;
	width:16.66%;
	text-align:center;
	margin-bottom:50px
}
.main-container .solutions-container .block p {
	margin-top:15px;
	color:#333
}
.main-container a.button {
	font-size:14px;
	padding:10px 42px;
	border-radius:2px;
	display:inline-block
}
.main-container a.blue {
	background-color:#38f;
	color:#fff
}
.main-container a.blue-outline {
	border:1px solid #38f;
	color:#38f;
	padding:9px 42px
}
.main-container a.green {
	background-color:#47c64d;
	color:#fff
}
.main-container a.green-outline {
	border:1px solid #47c64d;
	color:#47c64d;
	padding:9px 42px
}
 
 .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}
 
 .rzhi ul li h2{ color:#FFFFFF; font-size:24px; font-weight:normal;  padding-top:20px; line-height:24px; margin-bottom:20px;}
 
 .rzhi ul li p{ color:#ffffff; font-size:14px; line-height:14px;}
 
 
 
 
 .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; }
 
  .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")
}
 
 
 
 /*360��ȫ��λһվʽ����*/
 
.service {
	width: 100%;
	height: 725px
}

.service .dtitle{ padding-top:100px; margin-bottom:60px;} 
.service .icon-container {
	width: 1100px;
	margin: 0 auto
}

@media screen and (max-width:1100px) {
	.service .icon-container {
		width: 1000px
	}
}

.service .icon-container li {
	display: inline-block;
	text-align: center;
	width: 20%; float:left;
	margin: 0;
	padding: 0
}

.service .icon-container li div {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	margin-bottom: 15px;
	background-size: contain
}

.service .icon-container li p {
	font-size: 14px;
	color: #333;
	line-height: 24px
}

.service .icon-container #service-1-img {
	background-image: url("../images/_service_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) {
	.service .icon-container #service-1-img {
		background-image: url("../images/_service_1@2x.png")
	}
}

.service .icon-container #service-15-img {
	background-image: url("../images/04f6274d5a2c7c9509d59ed36109c275.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) {
	.service .icon-container #service-15-img {
		background-image: url("../images/6fd9edbd85abc1fe91ac1e2a4caaf8e5.png")
	}
}

.service .icon-container #service-2-img {
	background-image: url("../images/service_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) {
	.service .icon-container #service-2-img {
		background-image: url("../images/service_2@2x.png")
	}
}

.service .icon-container #service-3-img {
	background-image: url("../images/service_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) {
	.service .icon-container #service-3-img {
		background-image: url("../images/service_3@2x.png")
	}
}

.service .icon-container #service-4-img {
	background-image: url("../images/service_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) {
	.service .icon-container #service-4-img {
		background-image: url("../images/service_4@2x.png")
	}
}

.service .num-container {
	width: 1100px;
	margin: 0 auto
}

@media screen and (max-width:1100px) {
	.service .num-container {
		width: 1000px
	}
}

.service .num-container li {
	width: 20%;
	text-align: center;
	display: inline-block; float:left
}

.service .num-container li p {
	font-size: 16px;
	color: #666
}

.service .num-container li .num {
	font-size: 46px;
	color: #3765a6;
	line-height: 65px
}

.service .num-container li .num .data {
	font-weight: 100
}
 
 
 .wsmxzwm{ padding-top:100px; padding-bottom:100px; background:url(../images/bgws.jpg) no-repeat center bottom #f5f6f6}
 
 .xzwm{ margin-top:40px;}
 
 .xzwm ul li{ width:280px; height:360px; float:left; margin-right:20px; background:#FFF; text-align:center}

.xzwm ul .wei{ margin-right:0px;}

.xzwm ul li .icn{ margin-top:32px;}

.xzwm ul li h2{ color:#333333; font-size:20px; font-weight:normal; line-height:20px; margin-top:15px; margin-bottom:15px;}

.xzwm ul li span{ display:inline-block; width:20px; height:2px; background:#ea3838; }

.xzwm ul li .zst{ display:inline-block; margin-top:15px;}

.xzwm ul li  .hxian{ height:2px; text-align:center; width:100%; }

.xzwm ul li  .hxian span{ vertical-align:top}

.xzwm ul li p{ color:#444444; font-size:14px; line-height:1.8em; margin-top:20px; padding-left:40px; padding-right:40px; text-align:left}

 .mfzx{ text-align:center; margin-top:60px;}
 
  .mfzx a{ display:inline-block; width:180px; height:50px; line-height:50px; text-align:center; color:#ffffff; font-size:14px; border:1px solid #FFFFFF; border-radius: 3px;
transition: all 1s;}
 
  .mfzx a:hover{ background:#FFF; color:#e93838;}
 
 
 
 
 .hydtai{ padding-top:100px; padding-bottom:100px; background:#f8f8f8; }
 

 
 
 .dtai{ width:380px; float:left; height:494px ; background:#FFF; padding-top:20px; margin-right:20px;}
 
 
 .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}
 
 .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;}
 
  .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}
   .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;}