/*服务项目*/
section.business {
	background:url(../Images/team-bg--.jpg) 50% bottom; width: 100%;  
}
.business .box {
	position:relative;
	margin-top:0px;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.business .box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.business.active .box .caption {
	-moz-opacity:1;
	opacity:1;
}
.business .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:320px;
	height:31px;
	background:url(../Images/words.png) no-repeat 0px -294px;
}
.business .box .caption span {
	font-size:24px;
	color: #111;
	letter-spacing:3px;
}
.business .box ul.items {
	margin:0 auto;
	margin-top:20px;
}
.business .box ul.items li {
	width:200px;
	height:300px;
	margin:0 8px;
	background:url(../Images/bg_green.png) no-repeat 0px 400px;
	overflow:hidden;
}
.business .box ul.items li i {
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:43px;
	height:69px;
}

/*
.business .box ul.items li.pc i {
	width:69px;
	background:url(../Images/words_new.png) no-repeat -78px -0px;
}
.business .box ul.items li.mobi i {
	width:86px;
	background:url(../Images/words_new.png) no-repeat -248px -0px;
}
.business .box ul.items li.sys i {
	width:71px;
	background:url(../Images/words_new.png) no-repeat -80px -77px;
}
.business .box ul.items li.app i {
	width:78px;
	background:url(../Images/words_new.png) no-repeat -254px -80px;
}
.business .box ul.items li.host i {
	width:64px;
	background:url(../Images/words_new.png) no-repeat -81px -162px;
}
*/

.business .box ul.items li u {
	display:block;
	position:absolute;
	width:156px;
	height:156px;
	margin-left:22px;
	background:url(../Images/words.png) no-repeat 0px -363px;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
}
.business .box ul.items li u.cl {
	clip:rect(0px,156px,-10px,78px);
}
.business.active .box ul.items li u.cl {
	clip:rect(0px,156px,156px,78px);
}
.business .box ul.items li u.cr {
	clip:rect(156px,78px,156px,0px);
}
.business.active .box ul.items li u.cr {
	clip:rect(0px,78px,156px,0px);
}
.business .box ul.items li strong {
	display:block;
	margin-top:70px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
}
.business .box ul.items li p {
	position:relative;
	top:200px;
	color:White;
	font-family:Arial,"宋体";
	font-size:12px;
	line-height:20px;
	text-align:center;
}
.business .box ul.items li:hover {
	background-position:0px 0px;
	-webkit-transition:all .5s ease-in-out .3s;
	-moz-transition:all .5s ease-in-out .3s;
	-ms-transition:all .5s ease-in-out .3s;
	-o-transition:all .5s ease-in-out .3s;
	transition:all .5s ease-in-out .3s;
}
.business .box ul.items li:hover i {
	-webkit-transition:all .5s ease-in-out .4s;
	-moz-transition:all .5s ease-in-out .4s;
	-ms-transition:all .5s ease-in-out .4s;
	-o-transition:all .5s ease-in-out .4s;
	transition:all .5s ease-in-out .4s;
}
/*
.business .box ul.items li.pc:hover i {
	background:url(../Images/words_new.png) no-repeat -1px -0px;
}
.business .box ul.items li.mobi:hover i {
	background:url(../Images/words_new.png) no-repeat -160px -0px;
}
.business .box ul.items li.sys:hover i {
	background:url(../Images/words_new.png) no-repeat -0px -77px;
}
.business .box ul.items li.app:hover i {
	background:url(../Images/words_new.png) no-repeat -168px -80px;
}
.business .box ul.items li.host:hover i {
	background:url(../Images/words_new.png) no-repeat -1px -162px;
}
*/
.business .box ul.items li:hover u.cl {
	clip:rect(0px,156px,-10px,78px);
}
.business .box ul.items li:hover u.cr {
	clip:rect(156px,78px,156px,0px);
}
.business .box ul.items li:hover strong {
	color:White;
	-webkit-transition-delay:.4s;
	-moz-transition-delay:.4s;
	-ms-transition-delay:.4s;
	-o-transition-delay:.4s;
	transition-delay:.4s;
}
.business .box ul.items li:hover p {
	top:20px;
	-webkit-transition:all .3s ease-in-out .5s;
	-moz-transition:all .3s ease-in-out .5s;
	-ms-transition:all .3s ease-in-out .5s;
	-o-transition:all .3s ease-in-out .5s;
	transition:all .3s ease-in-out .5s;
}
.business .box label {
	display:block;
	margin:0 auto;
	margin-top:-40px;
	width:297px;
	height:21px;
	background:url(../Images/words.png) no-repeat 0px -333px;
}
section.cases {
	background:url(../Images/wallpaper3.jpg);
}
.list-unstyled {
	padding-left:0;
	list-style:none
}
.list-inline {
	padding-left:0;
	margin-left:-5px;
	list-style:none
}
.list-inline>li {
	display:inline-block;
	padding-right:5px;
	padding-left:5px
}

.list-inline li  p{

	padding-right:5px;
	padding-left:10px;
	FLOAT: left;text-align:left;
}

caption {
	padding-top:8px;
	padding-bottom:8px;
	color:#777;
	text-align:left
}


/*四大理由*/

section.rea {
	background:url(../Images/wallpaper3.jpg) 50% bottom; width: 100%;  
}
.rea{ height:1173px; width:960px; margin:0 auto; background:url(../images/rea_bg.png) no-repeat center top; overflow:hidden; position:relative;}
.rea h3 a{ color:#0a6e0b;}
.rea h3{ text-align:center; text-transform:uppercase; font:42px Arial, Helvetica, sans-serif; font-weight:bold; color:#a9ccaa; height:110px;margin-top:50px; background:url(../images/rea_line.gif) no-repeat center bottom;overflow:hidden;}
.rea h3 i{ font-style:normal; display:block; font:38px "Microsoft Yahei"; font-weight:bold; position:relative; margin-top:-8px;}

.rea .p01,.rea .p02,.rea .p03,.rea .p04{ width:430px; height:220px; overflow:hidden; position:absolute;}
.rea .p01{ top:0px; left:18px;}
.rea .p02{ top:246px; left:513px;}
.rea .p03{ top:473px; left:18px;}
.rea .p04{ top:725px; left:513px; width:405px; height:198px; overflow:hidden;}
.rea .p04 span{ display:block; width:88px; overflow:hidden; position:absolute; top:98px; right:63px;}
.rea .p04 span a{ display:block; margin-bottom:12px;}

.rea dl{ width:395px; height:165px; background:url(../images/rea01.gif) no-repeat left 3px; padding-left:50px; overflow:hidden; position:absolute;}
.rea dt{ font:20px "Microsoft Yahei"; font-weight:bold; border-bottom:1px solid #e2e2e2; width:360px; height:35px; overflow:hidden; line-height: 35px;   }
.rea dt a{ color:#0a6e0b;}
.rea dt i{ font-style:normal; text-transform:uppercase; font:18px Arial, Helvetica, sans-serif; color:#6ca86d; font-weight:bold; padding:0 8px;}
.rea dd h4 a{ display:block; font:14px "Microsoft Yahei"; font-weight:bold; color:#111; height:33px; line-height:33px; margin-top:5px; overflow:hidden;}
.rea dd h4 img{ vertical-align:middle; padding:0 5px;}
.rea dd p{ font:14px "Microsoft Yahei"; color:#111; line-height:32px;}

.rea .dl01{ top:0px; left:514px;}

.rea .dl02{ top:246px; left:5px;background:url(../images/rea02.gif) no-repeat right 3px; padding-right:50px; padding-left:0; text-align:right;}
.rea .dl02 dt,.rea .dl04 dt{ width:390px;}

.rea .dl03{ top:480px; left:513px;background:url(../images/rea03.gif) no-repeat left 3px;}

.rea .dl04{ top:725px; left:5px;background:url(../images/rea04.gif) no-repeat right 3px; padding-right:50px; padding-left:0; text-align:right;}




/*资质*/
#product {
	width:100%;
	height:496px;
	background:url(../images/team-bg-.jpg) no-repeat;
	margin-bottom:50px;
	overflow:hidden
	
}
.product {
	width:1210px;
	margin:0 auto;
	overflow:hidden
}
.protit {
	text-align:center;
	font-size:40px;
	color:#fff;
	margin-top:30px;
	overflow:hidden
}
.protit a {
	color:#fff;
	font-weight:bold
}
.protit a span {
	font-weight:normal;
	font-size:26px;
}
.scrollcon2 {
	height:286px;
	width:1210px;
	overflow:hidden;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.LeftBotton2 {
	height:75px;
	width:39px;
	background:url(../images/prev_1.png) no-repeat;
	overflow:hidden;
	float:left;
	display:inline;
	margin-top:100px;
	margin-right:32px;
	cursor:pointer;
}
.LeftBotton2:hover {
	background:url(../images/prevh_1.png) no-repeat;
}
.RightBotton2 {
	height:75px;
	width:39px;
	background:url(../images/next_1.png) no-repeat;
	overflow:hidden;
	float:right;
	display:inline;
	margin-top:100px;
	cursor:pointer;
}
.RightBotton2:hover {
	background:url(../images/nexth_1.png) no-repeat;
}


.Cont2 {
	width:1080px;
	overflow:hidden;
	float:left;
	height:296px;      /*高度*/     
	_display:inline;
	overflow:hidden;
	position:relative;
}
.ScrCont2 {
	width:10000000px;
}
.Cont2 .prosl {
	width:150px;
	height:286px;
	border-radius:85px;
	padding:10px;
	background:url(../images/yuanbg1.png) repeat;
	margin:0 22px;
	background:url(../images/yuanbg1.png) repeat;
	_display:inline;
	float:left;
}
.Cont2 .showbox {
	width:150px;
	height:256px;
	border-radius:75px;
	position:relative;
	overflow:hidden
}
.Cont2 .showbox img {
	width:150px;
	height:256px;
	border-radius:75px;
}
#List2,#copy2 {
	float:left;
}

.showbox2 {
	height:73px;
	width:153px;
	float:left;
	border:1px solid #c7c9cd;
	margin:0 53px 29px 0;
	position:relative;
	display:inline;
	overflow:hidden;
}
.showbox2 .subtitle2 {
	position:absolute;
	left:0;
	bottom:-74px;
	height:73px;
	line-height:20px;
	width:163px;
	color:#006935; 
	background:url(../images/showbg.png) repeat;
	font-size:12px;
}
.showbox2 .subtitle2 p {
	line-height:73px;
	color:#fff;
	text-align:center;
	font-size:14px;
}
.showbox2 img {
	width:163px;
	height:73px;
	overflow:hidden
}
.shownone {
	margin-right:0
}

.showbox .subtitle {
	position:absolute;
	left:0;
	bottom:-180px;
	height:256px;
	border-radius:75px;
	line-height:150px;
	width:150px;
	color:#fff;
	background:url(../images/yuanbg3.png) repeat; 
	float:left;
	text-align:center; 
	color:#fff;
	font-size:14px;
}
.showbox .subtitle a {
	color:#fff;
}
.showbox .subtitle a:hover {
	color:#4ccad6
}



.subtitle {
	color:#666; font-size:15px;  line-height: 25px;       FLOAT: center;  text-align:center;      
}
.subtitle:hover {
	color:#53B753
}


/*合作伙伴*/

section.kehu {
	background:url(../Images/team-bg.jpg) 50% bottom; width: 100%;  
	
}
.section{
	width:1160px;
	margin:0px auto 0 auto;
	overflow:hidden;

}
.section ul{width:1160px;}
.section ul li{float:left; margin-left:15px; margin-right:15px;  margin-bottom:30px;display:inline;width:202px;height:106px;overflow:hidden;position:relative;}

.section ul li .photo{width:202px;height:106px;overflow:hidden;}

.section .rsp{
	width:202px;
	height:106px;
	overflow:hidden;
	position: absolute;
	background:#53B753;
	top:2px;
	left:0px;
	background-color: #53B753;
}

.section .text{position:absolute;width:202px;height:106px;left:-202px;top:0px;overflow:hidden;}
.section .text .x2{width:202px;margin-top:0px;height:106px;line-height:106px;text-align:center; color:#FFFFFF;background:#53B753; font-size:16px;}





/*新闻*/

section.new_x {
	background:url(../Images/team-bg---.jpg) 50% bottom; width: 100%;   background:#F7F7F7;
}

.new_x {
	margin:0 auto;
	width:1210px;
	background: #F7F7F7;
	padding-bottom:50px;
}



.new_x .xx {
	overflow:hidden;
	width:370px;
	padding-left:15px;
	padding-right:15px;
	float:left;
}

.new_x .xx  h3 {
	background:#ECE9DD;
	height:50px;
	width:340px;
	font-size:18px;
	line-height:50px;
	color:#666;
	padding-left:30px;

}



.new_x li {
	line-height:35px;
	font-size:16px;
	height:35px;

}
.new_x li a {
	color:#898989;
}
.new_x li a:hover {
	color:#53B753
}

.new_x .right {
	position: relative;
	width:94%;
	float: left;

}
.new_x .right .btn {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 122px;
	height: 38px;
	border: 1px solid #dcdcdc;
	line-height: 38px;
	text-align: center;
	color: #999999;
	font-size: 14px;
	
}

.new_x .right .btn {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.new_x .right .btn:hover {
	background: #53B753;
	color: #fff;
	border: 1px solid #fff;
	
}



/*更多按钮*/

.T_X_1210 {
	width:1210px;
	margin:0 auto;
	overflow:hidden;
}

.T_X_900 {
	width:900px;
	margin:0 auto;
	overflow:hidden;
}

.T_X_100 {
	width:100%;
	/*margin:0 auto;
	overflow:hidden;
	background-color: #F7F7F7;
	/background-image: url(../images/4bg.jpg);*/
	margin: 30px auto;

    overflow: hidden;
    background-repeat: no-repeat;
	background-color: #F7F7F7;
    background-image: url(../images/bg01.png);
}

.Title-group {
    
	padding:30px 0 30px 0;   /*标题下说明距离 详情 高度*/
	overflow:hidden;
	text-align:center;
}


.Title-group h2 {
	
	font-weight:100;
	color:#666;
	font-size:35px;
	margin: 0 auto;
	line-height: 70px;
	text-align: center;
	width: 595px;
	border-top: 0px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

.Title-group h2 span {
	display:inline-block;
	padding:0;
}



.Title-group p {
	font-size:16px;
	line-height:50px;
	color:#888;
}

.Title-group p a  
{
	font-size:16px;
	line-height:50px;
	color:#9C9C9C;
}
.Title-group p a:hover  
{
	font-size:16px;
	line-height:50px;
	color:#53B753;
}




.Title-group .animate-btn {
	float:right;
	 margin-top:10px;  
}
.Title-group .animate-btn a {
	margin:5px;
}

.animate-btn a {
    float:right;      
	display:block;
	text-indent:-9999px;
	width:40px;
	height:40px;
	border-radius:50%;
	box-shadow:0 0 0 1px rgba(136,136,136,1);
	-webkit-transition:background 0.3s,color 0.3s,box-shadow 0.3s;
	-moz-transition:background 0.3s,color 0.3s,box-shadow 0.3s;
	transition:background 0.3s,color 0.3s,box-shadow 0.3s;
}
.animate-btn a:hover {
	background-color:rgba(221,66,80,1);
	color:#fff;
	box-shadow:0 0 0 3px rgba(221,66,80,0.3);
}
.animate-btn a.qq {
	background:url(../images/icons_40.png) no-repeat 0px 0px;
	box-shadow:0 0 0 1px rgba(221,66,80,1);
}
.animate-btn a:hover.qq {
	background:url(../images/icons_40.png) #53B753 no-repeat 0px -40px;
	box-shadow:0 0 0 3px rgba(221,66,80,0.3);
}
.animate-btn a.mail {
	background:url(../images/icons_40.png) no-repeat 0px -80px;
}
.animate-btn a:hover.mail {
	background:url(../images/icons_40.png) #53B753 no-repeat 0px -120px;
}
.animate-btn a.all {
	background:url(../images/icons_40.png) no-repeat 0px -160px;
}
.animate-btn a.all:hover {
	background:url(../images/icons_40.png) #53B753 no-repeat 0px -200px;
}


/*更多按钮 结束*/


/*友情链接 结束*/
	.link_1 {
	z-index:999;
	overflow:hidden;
	width:100%;
	padding:0 0 20px 0;
	height:100%
	/*background:#f4f4f4;
	box-shadow:0 0 3px #ddd;*/
}
.link_1 ul {
	margin:0 auto;
	height:100%;
	width:1130px;

}
.link_1 ul li {
	float:left;
	padding: 0 14px 0 0;    
}

/*----------------------------*/

.link_1 .x1
{
	display:block;
	color:#474747;
	height:40px;
	line-height:40px;
	font-size:16px;

}


.link_1 .x2 a {
	display:block;
	color:#888;

	width:100%;
	height:40px;
	padding: 0px 8px 0px 8px;    
	
	margin-right:0px; 
	
	FLOAT: center;text-align:center;  
	line-height:40px;
	font-size:14px;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-decoration:none;
	-webkit-transition:background 0.3s,color 0.3s,box-shadow 0.3s;
	-moz-transition:background 0.3s,color 0.3s,box-shadow 0.3s;
	transition:background 0.3s,color 0.3s,box-shadow 0.3s;
}
.link_1 .x2 a:hover {
	background:rgba(50,50,50,0.08);
	color:#fff;
	background:#53B753;	
}
/*友情链接 结束*/