@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("../img/icon_1.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;*/ position:fixed; z-index:999; background:#fff; left:0; display:block; width:100%;}

/*banner*/






/*我们的优势*/
.wmys{width:100%;}
.wmys img{width:100%;display:block;}
/*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;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("../img/icon_1.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 h3{font-size:40px;font-weight:400;padding:20px 0;text-align: center;background:url('../img/bglink.png') no-repeat;}

.system-l{float:left;width:746px;}

.system-r{float:right;width:444px;}

.system-ul{margin-top:10px;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%; width: 363px;}

.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:#7e7e7e;}

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

/*客户见证*/
.witness h3{font-size: 40px;font-weight: 400;padding: 20px 0;text-align: center;background:url('../img/bglink.png') no-repeat;}
.witness blockquote{font-size:0;width:1210px;}
.witness blockquote a{display: inline-block;width: 295px;height: 250px;font-size: 16px;color: #fff;position: relative;text-align:center;margin-right:6.5px;margin-bottom:6.5px;}
.witness blockquote a img{display:block;width:100%;height:100%;}
.witness blockquote .title{position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,.5);width: 285px;padding: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*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;background:#f8f8f8;}

/*.case .bigTitle{margin-bottom:30px;}*/
.case .bigTitle{padding-bottom:30px;background:#fff}

.case .left{float:left;width:820px;font-size:0;margin:20px 5px 0 0;}

.case .left a{display: inline-block;width:180px;height:180px;margin-right:20px;margin-bottom:20px;vertical-align: middle;position:relative;}
.case .left a img{width:100%;height:100%;}
.case .left .title{position:absolute;bottom:0;left:0;height:20px;width:170px;color:#fff;background:rgba(0,0,0,.5);font-size:14px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;padding:0 5px;}
.case .left .marnone{margin:0;}

.case .right{float:right;width:375px;margin:20px 0;}
.case .right blockquote{background:#fff;}
.case .right h3{height:60px;line-height:60px;color:#fff;background:#179df4;text-align:center;font-size:26px;font-weight: 400;}
.case .right a{display:block;height:51px;line-height:51px;margin:0 10px;color:#666;border-bottom:1px solid #f2f2f2;}
.case .right a:hover{color:#179df4;}

.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;}
/*关注我们*/
.solicitude .left,.solicitude .mian,.solicitude .right{float:left;margin-top:20px;margin-right:10px;}
.solicitude .left{width:300px;}
.solicitude .mian{width:525px;}
.solicitude .right{width:350px;margin-right:0;}
.solicitude h3{height:50px;line-height:50px;text-align:center;color:#fff;background:#179df4;font-weight:400;font-size:20px;}
.solicitude .alldesc{background:#f7f7f7;text-align:center;height:325px;}
.solicitude form{width:525px;}
.solicitude .erweima{display:table-cell;vertical-align:middle;}
.solicitude .erweima span{display:inline-block;font-size:18px;margin-top: 5px;}
.solicitude .erweima img{display:inline-block;width:200px;vertical-align:middle;}
.solicitude .formdesc,.solicitude .validate{margin-bottom:10px;}
.solicitude .formdesc label,.solicitude .validate label{display:inline-block;width:65px;height:35px;line-height:35px;background:#179df4;color:#fff;border-radius:6px;vertical-align: middle;margin-right:5px;}
.solicitude .formdesc input{border:none;line-height:10px;padding:10px;width:260px;border-radius:6px;}
.solicitude .validate input{border: none;line-height: 10px;padding: 10px;width: 160px;border-radius: 6px;}
.solicitude .validate img{width:90px;margin-left:10px;}
.solicitude .anan{border:none;color:#fff;background:#8bc34a;width:350px;height:35px;font-size:18px;border-radius:6px;cursor:pointer;}
.solicitude .right table{width:350px;}
.solicitude .right th{text-align:right;font-weight:400;color:#333;padding:10px 0 20px 10px;width:30%}
.solicitude .right td{text-align:left;padding-right:10px;width:70%;}
/*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(../img/iepngfix.htc) }