@charset "utf-8";
/* CSS Document */

.icon-eye,
.icon-talk,
.icon-v5,
.icon-cup,
.icon-book-b2c,
.icon-book-wechat,
.icon-book-mall,
.icon-book-O2O,
.icon-book-multi,
.icon-tmall,
.icon-triangle,
.icon-wechat{display:inline-block;background:url("../images/index/icon.png") no-repeat;vertical-align:middle;}
.icon-eye{background-position:-57px 0;width:80px;height:52px;}
.icon-talk{background-position:-166px 0;width:80px;height:64px;}
.icon-v5{background-position:-296px 0;width:85px;height:50px;}
.icon-cup{background-position:-422px 0;width:80px;height:70px;}
.icon-book-b2c{background-position:0 -95px;width:60px;height:90px;}
.icon-book-wechat{background-position:-70px -95px;width:60px;height:90px;}
.icon-book-mall{background-position:-140px -95px;width:60px;height:90px;}
.icon-book-O2O{background-position:-210px -95px;width:60px;height:90px;}
.icon-book-multi{background-position:-280px -95px;width:60px;height:90px;}
.icon-tmall{background-position:0 -182px;width:60px;height:90px;}
.icon-triangle{background-position:-100px -182px;width:70px;height:90px;}
.icon-wechat{background-position:-200px -182px;width:70px;height:90px;}

.header{margin-top:-42px;}
/*banner*/
.sy-banner{width:100%;height:435px;background:url("../images/index/banner-bg.png") repeat-x;} 
.sy-banner .inner{position:relative;height:435px;background:url("../images/index/banner-content.png") no-repeat;_background:url("../images/index/banner-content.jpg") no-repeat;}
.sy-banner-video{position:absolute;top:66px;right:100px;width:497px;height:280px;background:#3b3d3d;}
/*advertisement Logos*/
.business{}
.business-ul{overflow:hidden;margin-top:30px;}
.business-ul li{float:left;width:292.5px;margin-right:10px;*margin-right:8px;_margin-right:8px;
				-webkit-border-radius:3px;
					-moz-border-radius:3px;
						-o-border-radius:3px;
							border-radius:3px;
				 box-sizing:border-box;
}
.business-ul li.last{margin-right:0;}
.business-a{position:relative;display:block;height:292px;border:1px solid #ccc;overflow:hidden;transition:all 1s;border-radius:3px;}
.business-a:hover{background:#39a1c0;border:1px solid #39a1c0; transition:all 1s;}
.business-a .title01,
.business-a .title02{position:absolute;margin-bottom:20px;font-size:12px;color:#999;text-align:center;font-weight:normal;}
.business-a .title01 em,
.business-a .title02 em{font-size:18px;color:#333;font-weight:bold;margin-left:5px;}
.business-a .img01,
.business-a .img02{position:absolute;text-align:center;}
.business-a .title02 em{color:#fff;}
.business-a .title01{left:20px;top:20px;filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;opacity:1;
	-webkit-transition:all 1s;
		-moz-transition:all 1s;
			-o-transition:all 1s;
				transition:all 1s;		
}
.business-a:hover .title01{left:-290px;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;opacity:0;
	-webkit-transition:all 1s;
		-moz-transition:all 1s;
			-o-transition:all 1s;
				transition:all 1s;
}
.business-a .img01{right:35px;top:70px;filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;opacity:1;
	-webkit-transition:all 1s;
		-moz-transition:all 1s;
			-o-transition:all 1s;
				transition:all 1s;
	}
.business-a:hover .img01{right:-290px;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;opacity:0;
	-webkit-transition-delay:.5s;
		-moz-transition-delay:.5s;
			-o-transition-delay:.5s;
				transition-delay:.5s;
	-webkit-transition:all 1s;
		-moz-transition:all 1s;
			-o-transition:all 1s;
				transition:all 1s;
	}
.business-a .title02{color:#acebfe;left:-290px;top:20px;filter:allpha(opacity=0);opacity:0;}
.business-a:hover .title02{left:20px;filter:allpha(opacity=100);opacity:1;
	-webkit-transition:all 1s;
		-moz-transition:all 1s;
			-o-transition:all 1s;
				transition:all 1s;}
.business-a .img02{right:-290px;top:70px;filter:allpha(opacity=0);opacity:0;}
.business-a:hover .img02{right:35px;filter:allpha(opacity=100);opacity:1;
	-webkit-transition-delay:1s;
		-moz-transition-delay:1s;
			-o-transition-delay:1s;
				transition-delay:1s;
	-webkit-transition:all 1s;
		-moz-transition:all 1s;
			-o-transition:all 1s;
				transition:all 1s;}

/*choose*/
.choose .caption{position:relative;margin:20px 0;background:#f7f7f7;color:#999;font-size:14px;}
.choose .wrap{overflow:hidden;}
.choose .arrow{position:absolute;left:50%;top:-15px;margin-left:-8px;width:25px;height:15px;background:url("../images/index/icon.png") no-repeat 0 0;}
.choose .caption-ul{float:left;padding:20px 0;overflow:hidden;}
.choose li{float:left;padding:20px 30px;text-align:center;}
.choose .first{padding-left:0;}
.choose .last{padding-right:0;}
.choose .round{display:block;margin-bottom:5px;width:250px;height:250px;border-radius:50%;background:#fff;border:1px solid #ccc;font-size:28px;_font-size:20px;color:#333;text-align:center;}
.choose .line1{line-height:250px;margin:0 10px;}
.choose .line2{display:block;line-height:50px;margin:90px 10px 10px 10px;}
.choose .wechat{float:left;padding:0;margin:80px 0 0 50px;}
.choose .wechat .text{display:block;margin:10px 10px 0 0;text-align:center;}
.choose .wechat img{width:100px;height:100px;vertical-align:middle;}
/*system*/
.system{overflow:hidden;}
.system-l{float:left;width:746px;}
.system-r{float:left;width:444px;}
.system-ul{margin-top:30px;overflow:hidden;}
.system-ul li{float:left;width:363px;height:243px;
					-webkit-border-radius:2px;
						-moz-border-radius:2px;
							-o-border-radius:2px;
								border-radius:2px;
}
.system-ul .summary{margin:25px;}
.system-ul li a{float:left;color:#fff;height:100%;}
.system-ul li a .caption{padding:0 25px;font-size:14px;}
.system-ul .b2c a{background:#2086a8;}
.system-ul .wechat a{background:#81ad09;}
.system-ul .mall a{background:#c74554;}
.system-ul .O2O a{background:#cf9824;}
.system-ul li a:hover{background:#333;}
.system-ul .b2c{margin-right:10px;}
.system-ul .wechat{}
.system-ul .mall{margin-top:10px;}
.system-ul .O2O{margin:10px 10px 0 10px;}
.system-ul .name{display:block;font-size:28px;}
.system-ul li.multi{width:444px;height:496px;}
.system-ul .multi a{background:#39a1c0;}
.system-ul .multi .pic{text-align:center;margin-top:50px;}


/*server*/
.server{clear:both;}
.server-ul{overflow:hidden;margin-top:30px;}
.server-ul li{position:relative;float:left;width:393.3333px;height:205px;
					-webkit-border-radius:2px;
						-moz-border-radius:2px;
							-o-border-radius:2px;
								border-radius:2px;
}
.server-ul .summary{margin:25px;}
.server-ul li a{display:block;color:#fff;height:100%;}
.server-ul li a .caption{position:absolute;top:0;bottom:0;left:0;right:0;padding:25px;font-size:14px;
background:rgba(0,0,0,.8);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');
	-webkit-transform:scale(1,0);
		-moz-transform:scale(1,0);
			-o-transform:scale(1,0);
				transform:scale(1,0);
		-webkit-transform-origin:top left;
		-moz-transform-origin:top left;
			-o-transform-origin:top left;
					transform-origin:top left;
	-webkit-transition:all .5s ease;
		-moz-transition:all .5s ease;
			-o-transition:all .5s ease;
				transition:all .5s ease;
	*display:none;_display:none;display:none\9;/*support ie6/7/8*/
}
.server-ul li a:hover .caption{
	-webkit-transform:scale(1,1);
		-moz-transform:scale(1,1);
			-o-transform:scale(1,1);
				transform:scale(1,1);
	*display:block;_display:block;display:block\9;/*support ie6/7/8*/
}
.server-ul li a .caption h4{margin-bottom:15px;font-size:18px;}
.server-ul .tmall{background:#81ad09;}
.server-ul .distribution{margin:0 10px;background:#984a8c;}
.server-ul .wechatmarket{background:#39a1c0;}
.server-ul small{display:block;font-size:14px;}
.server-ul .name{display:block;font-size:24px;}
.server-ul i{margin-top:20px;}
/*case*/
.case{overflow:hidden;}
.case .bigTitle{margin-bottom:30px;}
.case .subTitle{font-size:14px;color:#bbb;font-weight:normal;text-align:center;}
.case .subTitle em{color:#3297fd;}
.case-ul{_zoom:1;*zoom:1;}
.case-ul:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.case-ul li{float:left;margin-bottom:10px;width:393.333px;height:520px;}
.case-ul .mlr10{margin:0 10px 10px 10px;*margin:0 6px 6px 6px;_margin:0 6px 6px 6px;}
.case-ul a{display:block;width:100%;height:100%;border:1px solid #ccc;box-sizing:border-box;color:#333;
					-webkit-border-radius:2px;
						-moz-border-radius:2px;
							-o-border-radius:2px;
								border-radius:2px;}
.case-ul a:hover{background:#333;border:1px solid #333;}
.case-ul a:hover h3{color:#fff;}
.case-ul a:hover h5{color:#bbb;}
.case-ul a:hover figcaption{color:#ddd;}
.case-ul a:hover figure p{color:#ddd;}
.case-ul .webTitle{margin:15px;}
.case-ul .webTitle h3{font-size:25px;font-weight:normal;}
.case-ul .webTitle h5{margin:5px 0 10px 0;font-size:16px;color:#666;font-weight:normal;}
.case-ul figure{margin:0 15px 15px 15px;}
.case-ul figcaption{font-size:14px;color:#999;}
.case-ul figure img{margin:10px 0;width:100%;height:auto;}
.case-ul figure p{padding:10px 0;border-top:1px solid #ccc;font-size:14px;color:#999;line-height:20px;}
/*information*/
.inforCite{margin-top:20px;background:#efefef;overflow:hidden;}
.inforCite blockquote{float:left;margin:40px 0;width:250px;}
.inforCite h3{margin:0 0 10px 0;font-size:25px;font-weight:normal;}
.inforCite a{display:block;line-height:25px;font-size:12px;color:#999;}
.inforCite a:hover{color:#00a2e0;}
/*link*/
.link{margin:10px auto;}
.link h3{margin-bottom:10px;font-weight:normal;font-size:25px;}
.link p{line-height:25px;font-size:10px;color:#ccc;}
.link a{margin:0 5px;color:#999;font-size:14px;}
.link a:hover{color:#00a2e0;}

/*iepng*/
.icon-eye,
.icon-talk,
.icon-v5,
.icon-cup,
.icon-book-b2c,
.icon-book-wechat,
.icon-book-mall,
.icon-book-O2O,
.icon-book-multi,
.icon-tmall,
.icon-triangle,
.icon-wechat,
.sy-banner,
.sy-banner .inner,
.choose .arrow {behavior: url(../images/iepng/iepngfix.htc) }