


.sy_title{ text-align:center; background:url(../images/xian.png) center center no-repeat; margin-top:55px; }
.sy_title strong{font-weight:bold; color:#333; font-size:30px; margin-bottom:30px;}
.sy_title span{ font-size:14px; color:#999; text-transform:uppercase;}

.products{ width:1200px; margin: 0 auto;}
.products ul{ margin-left:-15px;margin-right:-15px;}
.products li { width: 380px; height:285px; float: left; margin: 15px;  position: relative;background: #fff; }
.products .hover { width: 100%; height: 100%; display: none; position: absolute; top: 0; background: rgba(0, 0, 0, .66); text-align: center; }
.products li:hover .hover { display: block; transition: all 0.8s;}
.products li img { width: 100%; transition: all 0.8s;}
.products li img:hover {  transform: scale(1.1);}
.products .hover h3 { color: #fff; font-size: 24px; font-weight: bold; margin-top: 28%; margin-bottom: 15px; }
.products .hover a { width: 80px; height: 30px; line-height: 30px; display: block; margin: 0 auto; color: #fff; border: 1px solid #fff; border-radius:20px; }



.partners{ background:#eee; margin-top:45px;}
.partner{ width:1200px; margin:0 auto; padding-top:10px; padding-bottom:60px;}
.partner ul{ margin-left:-18.75px;margin-right:-18.75px;}
.partner li{ float:left;margin: 15px 18.75px; }
.partner li img{ width:210px; height:120px; }
.partner li:hover img{cursor:default;webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.partner *{ -moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out; } 

.s_more {display: block;width: 42px;height: 42px;margin: 0 auto;margin-top: 10px;text-align: center;}
.s_more a{ display:inline-block;background:url(../images/jt2.png) no-repeat center center #fff; line-height:42px; width:42px; height:42px; border:1px solid #c92222;cursor: pointer; border-radius: 50%;  text-align: center; position: relative; z-index: 1;}
.s_more a:hover{background:url(../images/jt1.png) no-repeat center center #c92222;box-shadow: 0 0 0 1px #c92222; transition: all .5s ease-in-out !important;}



.choose{ width:1200px; margin: 0 auto;}
.choose2{ padding:20px 0 60px 0;}
.pic{overflow:hidden;width:300px;height:300px;background:#fff;}
.pro_cp{ width:300px; float:left; background:#c92222; height:600px;}
.pro_cp img{  transition:all 1.5s; }
.pro_cp .pic:hover img{ transform:scale(1.1);}
.pro_cp:hover { background:#3f3f3f;transition:all 0.5s;}
.pro_wz{ height:300px;}
.pro_wz h2 {text-align: center;font-size: 20px;line-height: 40px; color:#fff; padding-top:30px;}
.pro_wz h3{ text-align:center; font-size:18px; color:#fff; font-weight:bold; margin-top:10px;}
.pro_wz p{ font-size:14px; color:#fff; padding:10px 20px; text-align:center;}

.pro_cp2{ width:300px; float:left; background:#c92222; height:600px;}
.pro_cp2 img{  transition:all 1.5s; }
.pro_cp2 .pic:hover img{ transform:scale(1.1);}
.pro_cp2:hover { background:#3f3f3f;transition:all 0.5s;}


.about{ background:#eee;}
.about2{ width:1200px; margin:0 auto; padding:1px 0 60px 0;}
.about-img{ float:left; width:500px;box-shadow: 10px 5px 10px 5px #c1c1c1; margin-top:20px;}
.about-txt{ float:right; width:660px; margin-top:20px;}
.about-txt p{ font-size:14px; line-height:24px; color:#666;}
.about-txt div{ font-size:20px; color:#666; background:url(../images/tel2.png) no-repeat left center; padding-left:40px; margin-top:15px;}
.more{  font-size: 15px; color: #fff; margin-top:20px;display: block; height: 38px; line-height: 38px;  background: #3f3f3f;  width: 138px;  border-radius: 3px; text-align: center;border-radius: 30px;}
.more:hover{ border-radius: 30px; background: #c92222; color: #fff;transition: all .5s ease-in-out !important; }

/********************案例滚动样式**************************************/

.marqueeleft{
	/*height:90px;*/
	width:1200px;
	overflow:hidden;
	margin:0px auto;
	margin-top:40px;
	border-top:1px solid #ddd;
	padding-top:30px;
	}
.marqueeleft ul{
	float:left;
	}
.marqueeleft li{
	float:left;
	margin:0 5px;
	display:inline;
	width:232px;
	height:177px;
	overflow:hidden;
	}
.marqueeleft li img{
	width:220px;
	height:165px;
	border:1px solid #ddd;
	padding:5px;
	}
.marqueeleft li .pic{
	display:block;
	overflow:hidden;
	
	}
.marqueeleft li .txt{
	text-align:center;
	height:23px;
	line-height:23px;
	}


/******************banner样式***********************/
.fullSlide {
	width:100%;
	position:relative;
	height:600px;
	background:#000;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:600px;
	overflow:hidden;
	text-align:center;
	list-style-type: none;
}
.fullSlide .bd li a {
	display:block;
	height:600px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	filter:alpha(opacity=90);
	opacity:0.9;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#DE2827;
}

.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	z-index:1;
	width:60px;
	height:80px;
	background:url(../images/slider-arrow.png) -120px -130px #333 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=60);
	opacity:0.6;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:0%;
	background-position:-0px -130px;
}
