@charset "utf-8";

.projectlistbox .proBtn,.skillbox .skillPrev,.skillbox .skillNext{ background:url(../images/ico.png) no-repeat;}



#kinMaxShow .kinMaxShow_button{ width:100%; right:0; left:0; text-align:center;}



.name{ border-bottom:1px solid #d1d1d1;}

.name h3{ display:inline-block; font-size:18px; font-weight:bold; color:#333333; margin-bottom:-1px; padding-bottom:3px; border-bottom:2px solid #154fab;}

.name a.more{ float:right; color:#666;}

.name a.more:hover{ color:#154fab;}





.rcjj{ width:705px; float:left;}

.rcjj .conBox{ height:240px; overflow:hidden;}

.rcjj .pic{ width:307px; float:left; padding-top:6px;}

.rcjj .pic img{ width:307px; height:232px;}

.rcjj .con{ width:377px; float:right; font-size:14px; line-height:24px;}



.cxjs{ width:380px; float:right;}

.cxjs .conBox{ height:230px; position:relative; padding-top:6px; overflow:hidden;}

.cxjs .conBox em{ display:inline-block; width:45px; height:45px; top:50%; margin-top:-23px; left:50%; margin-left:-23px; position:absolute; background:url(../images/start.png) no-repeat center center; cursor:pointer;}



.projectlist li{ float:left; width:263px; height:170px; overflow:hidden; margin-right:25px; position:relative;}

.projectlist li img{ width:263px; height:170px;}

.projectlistbox{ position:relative;}

.projectlistbox h3{ position:absolute; left:0; right:0; bottom:0; height:28px; text-align:center; line-height:28px; color:#fff; background:url(../images/h_h3.png) repeat-x left center; font-size:13px; z-index:9;}

.projectlistbox .proBtn{ display:inline-block; width:40px; height:48px; position:absolute; top:50%; margin-top:-24px; z-index:9;}

.projectlistbox .proPrev{ background-position:0 0; left:0;}

.projectlistbox .proNext{ background-position:-60px 0; right:0;}

.projectlistbox .proPrev:hover{ background-position:0 -137px;}

.projectlistbox .proNext:hover{ background-position:-60px -137px;}



.news{ width:540px; float:left;}

.news_con .intro{ margin-top:20px;}

.news_con .intro .pic{ width:160px; height:102px; overflow:hidden; float:left;}

.news_con .intro .pic img{ width:160px; height:103px;}

.news_con .intro .con{ width:365px; float:right;}

.news_con .intro .con h3 a{ font-size:14px; font-weight:bold; color:#154fab;}

.news_con .intro .con p{ font-size:13px; text-indent:2em; line-height:22px; margin-top:15px;}

.news_con .intro .con p a.more{ color:#154fab;}



.newslist li{ height:26px; line-height:26px; font-size:13px; background:url(../images/icon02.png) no-repeat left center; padding-left:15px; }

.newslist li span{ float:right;}

.newslist li a:link,.newslist li a:visited{ color:#333333;}

.newslist li a:hover{ color:#154fab;}



.industryNews{ float:right;}



.skilllist li{ float:left; width:262px; height:293px; overflow:hidden; padding:0 40px 20px; text-align: center;}

.skilllist li img{ height:194px;}

.skilllist li h3{ font-size:17px; height:25px; overflow:hidden; font-weight:bold; color:#154fab; margin:20px 0 10px;}

.skilllist li p{ line-height:22px; font-size:14px;}

.skillbox{ position:relative; padding:0 50px;}

.skillbox .skillBtn{ display:inline-block; width:36px; height:36px; position:absolute; top:50%; margin-top:-18px; z-index:9;}

.skillbox .prevSpan a,.skillbox .nextSpan a{ display:inline-block; width:36px; height:36px;}

.skillbox .prevSpan{ left:0;}

.skillbox .nextSpan{ right:0;}

.skillbox .skillPrev{background-position:0 -55px;}

.skillbox .skillNext{background-position:-42px -55px;}

.skillbox .prevSpan{background-position:-42px -96px;}

.skillbox .skillPrev:hover{ background-position:0 -96px;}

.skillbox .skillNext:hover{ background-position:-42px -96px;}

.skillbox .prevSpan .disabled{ background-position:0 -55px;}

.skillbox .nextSpan .disabled{ background-position:-42px -55px;}

.projectlist li img,.news_con .intro .pic img{
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 400ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 400ms;
	width: 100%;
	height: 100%;
}
.projectlist li img:hover,.news_con .intro .pic img:hover{
	-webkit-transform: scale(1.06, 1.06);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 400ms;
	-moz-transform: scale(1.06,1.06);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
	transform: scale(1.06, 1.06);
	transition-timing-function: ease-out;
	transition-duration: 400ms;
	position: relative;
	z-index: 3;
}