﻿.s_title{ margin-top:60px;}
.s_title h1{ font-size:32px; color:#444; text-align:center; margin-bottom:5px;}
.s_title h2{ font-size:16px; color:#999; text-align:center; font-weight:normal;}


.main_box{ margin:0 auto; width:1200px; position:relative;}

#s_class .content{ position:relative; padding-top: 90px;  padding-bottom: 80px;}
#s_class .bd{   margin:0 auto; }
#s_class ul{ margin-right: -30px;}
#s_class ul li{ background: #e8eaec; display: block; width: 280px; padding-top: 85px; padding-bottom: 20px; margin-right: 25px; position: relative; float: left; margin-bottom: 90px;}
#s_class ul li .icon_box{ position: absolute; width: 132px; height: 132px;  left: 50%; top: -61px; margin-left: -61px; background: url(../images/bg_icon_class.png) center no-repeat; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
#s_class ul li .icon{ width: 132px; height: 132px; }
#s_class ul li:hover .icon_box{ background: url(../images/bg_icon_class_hover.png) center no-repeat;} 
#s_class ul li  img{display: block;margin: 0 auto;}
#s_class ul li  h2{color: #535455;font-size: 22px;text-align: center; overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom:20px;}
#s_class ul li  h2 a{ color:#535455;}
#s_class ul li  h2 a:hover{ color:#033E80;}
#s_class ul li  dl{ padding: 0 30px; margin-top: 15px; height: 290px;} 
#s_class ul li  dd{ padding-bottom: 10px; margin-bottom: 10px; text-align: left; border-bottom: 1px dashed #c3c5c7; display: block; line-height: 20px; height: 20px; color: #535455; position:relative; background:url(../images/dian.jpg) no-repeat left top 4px; padding-left:18px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#s_class ul li  dd a{ font-size: 15px; color: #535455; text-align: left; }
#s_class ul li  dl{color: #535455;font-size: 14px;text-align: center; overflow: hidden;line-height: 24px; margin-bottom:15px; background: url(../images/icon_service_line.png) no-repeat top center; }
#s_class ul li  i{ display: block; margin: 0 auto; width: 20px; height: 1px; background: #d0d0d2;}
#s_class ul li  dd a:hover{ color: #033E80; }
#s_class ul li:hover{ box-shadow: 0 0 10px 5px #ccc;}

#s_class ul li .slow{display:block;width: 146px; margin-left:66px; position:absolute; top:455px; background:url(../images/btn.jpg) no-repeat;line-height: 38px;height: 41px;text-align: center;font-size: 15px;color: #fff;font-weight:bold;}
#s_class ul li .slow:hover{background:url(../images/btn2.jpg) no-repeat;transition: all 0.6s ease-in-out; }



.about_content {background-attachment: fixed;background-position: center 0;background-repeat: no-repeat;position: relative; height:500px; overflow:hidden;}
#about{ overflow:hidden;  background-image: url(../images/about_bg.jpg); }
#about .about_content { background-image: url(../images/about_bg.jpg); overflow:hidden;}
.about-text{ max-width:1200px;  margin:0 auto; margin-top:40px; padding:30px 0px 40px 0px;background:rgba(255,255,255,0.8);}
.about-text p{  color:#333; font-size:14px; line-height:30px; padding:0 10px;}



/*缓动*/.s_more,.s_more2:hover{ -moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; } 


/*新闻样式*/
.news_box {
	background-color: #fff;
}
.news{ width:1200px; margin: 0 auto; margin-top:25px;}
.news_pic{ width:516px; float:left;}
.news3 {
	float: right;
	width: 640px;
}

.newtip {
	background-color: #e8eaec;
	height: 102px;
	color:#666666;
	margin-bottom: 21px;
}
.newtip:hover {
	color:#FFFFFF;
	background-color: #023e7f;-webkit-transition: all 0.5s;transition: all 0.5s;
}

.new01 {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dedede;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 22px;
}
.new01 h4 {
	font-size: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
	margin-bottom: 5px;
}
.new01 h5 {
	font-size: 14px;
}

.new01 p {
	font-size: 14px;
	padding-top: 8px;
	
}
.new02 {
	float: left;
	width: 500px;
	margin-left: 30px;
	font-size: 12px;
	line-height: 24px;
	padding-top: 15px;
}
.new02 p {
	font-size: 14px;line-height: 20px;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

	
}
.newbt {
	font-weight: bold; font-size:15px;
}


/******************banner样式***********************/
.fullSlide {
	width:100%;
	position:relative;
	height:600px;
	background:#000;
}
.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;

	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#EE8303;
}

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