@media screen and ( max-width:1366px ){	
	} 
@media screen and ( min-width:1368px ) and ( max-width:1440px ){
	} 
@media screen and ( min-width:1442px ) and ( max-width:1600px ){	
	} 

.sectionys{
	position: relative;
	overflow: hidden;
	height: 100%;
}




.sty_main2{
	width: 1000px;
	margin: 0 auto;
	height: 512px;
	position: relative;
	margin-top: 294px;
	background: red;
}


@media screen and ( max-width:1366px ){
	
  .sty_main2{
	width: 1000px;
	margin: 0 auto;
	height: 512px;
	position: relative;
	margin-top: 180px;
	background: red;
}
	
}





.section2{ background:url(../images/two_bg.jpg) no-repeat; background-size:cover;}


.section2 .sty_main2{ width:1280px !important;}


.section2 .sty_main2 { background:none;}

.section2 .sty_main2 ul { padding-left:0px; display:table;}

.section2 .sty_main2 ul li {
	width: 225px;
	height: 413px;
	margin-right: 15px;
	text-align: center;
	background: url(../images/bg_green.png) no-repeat 0px 413px;
	overflow: hidden;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 15px;
}



.mores{ font-size:12px; border:1px solid #ab8345; padding:2px 10px; color:#ab8345; display:inline-block; margin-top:60px;}



.section2 .sty_main2 ul li i {

	display:block;

	position:relative;

	margin:0 auto;

	margin-top:43px;

	height:69px;

}

.section2 .sty_main2 ul li.pc i {

	width:69px;

	background:url(../images/words.png) no-repeat -250px -360px;

}



.section2 .sty_main2 ul li.sys i {

	width:76px;

	background:url(../images/words.png) no-repeat -388px -362px;

}

.section2 .sty_main2 ul li.app i {

	width:74px;

	background:url(../images/words.png) no-repeat -239px -439px;

}.section2 .sty_main2 ul li.laa i {

 width:83px;
	background:url(../images/chuizi2.png) no-repeat right center;

}

.section2 .sty_main2 ul li.host i {

	width:79px;

	background:url(../images/words.png) no-repeat -420px -439px;

}

.section2 .sty_main2 ul li u{
	display: block;
	position: absolute;
	width: 156px;
	height: 156px;
	margin-left: 35px;
	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;
}

.active ul li u.cl {

	clip:rect(0px,156px,156px,78px);

}

.active ul li u.cr {

	clip:rect(0px,78px,156px,0px);

}

.section2 .sty_main2 ul li strong {
	display: block;
	margin-top: 70px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}

.section2 .sty_main2 ul li p {
	position: relative;
	top: 20px;
	color: #ffffff;
	font-family: Arial, "宋体";
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	padding: 0 20px;
}

.section2 .sty_main2 ul 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;

}

.section2 .sty_main2 ul 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;

}

.section2 .sty_main2 ul li.pc:hover i {

	background:url(../images/words.png) no-repeat -185px -360px;

}

.section2 .sty_main2 ul li.mobi:hover i {

	background:url(../images/words.png) no-repeat -337px -291px;

}

.section2 .sty_main2 ul li.sys:hover i {

	background:url(../images/words.png) no-repeat -322px -362px;

}

.section2 .sty_main2 ul li.app:hover i {

	background:url(../images/words.png) no-repeat -164px -439px;

}.section2 .sty_main2 ul li.laa:hover i {

   width:83px;
	background:url(../images/chuizi2.png) no-repeat left center;

}

.section2 .sty_main2 ul li.app2:hover i {
    width:77px;
	background:url(../images/chuizi1.png) no-repeat left center;
}

.section2 .sty_main2 ul li.app2 i {
    width:77px;
	background:url(../images/chuizi1.png) no-repeat right center;
}


.section2 .sty_main2 ul li.host:hover i {

	background:url(../images/words.png) no-repeat -335px -439px;

}

.section2 .sty_main2 ul li:hover u.cl {

	clip:rect(0px, 156px, -10px, 78px);

}

.section2 .sty_main2 ul li:hover u.cr {

	clip:rect(156px,78px,156px,0px);

}

.section2 .sty_main2 ul li:hover strong {

	color:White;

-webkit-transition-delay:.4s;

-moz-transition-delay:.4s;

-ms-transition-delay:.4s;

-o-transition-delay:.4s;

transition-delay:.4s;

}

.section2 .sty_main2 ul li:hover p {

	color:#fff;

	padding:0 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;

}



.section2 .sty_main2 ul li:hover .mores{

	border:1px solid #fff; color:#fff;

	}

@media screen and ( max-width:1366px ){
	
}

@media screen and ( max-width:1366px ){
	
	
	}

@media screen and ( max-width:1366px ){
	}

@media screen and ( max-width:1366px ){
	
	}