.index-title{ width:100%; text-align:center; height:auto;}
.index-title .tit {font-size: 36px;color: #333; font-weight:bold;text-align: center;margin-bottom: 10px;text-transform:uppercase;  }
.index-title p{font-size: 14px;color: #999;text-align: center;text-transform:uppercase; margin-top:5px;  }


/*------首页产品------*/
.in-pro-box{ padding-top:60px;}
.in-pro{ width:1200px; margin:0 auto; position:relative; margin-bottom:60px; }

.in-pro .px-list{ width:1200px; margin:0 auto; overflow:hidden; position:relative; margin-top:20px;}
.in-pro .px-list ul{ width:10000%; position:relative;}
.in-pro .px-list ul li{float:left; margin-right:20px; width:283px;border:1px solid #dedede;overflow:hidden;}

.in-pro .px-list ul li img{ width:285px; height:257px;}
.in-pro .px-list ul li:hover img{cursor:pointer; transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: .8s; }

.in-pro .px-list ul li a{ display:block; text-align:center; background:#e6e6e6; line-height:60px; font-size:15px;}
.in-pro .px-list ul li:hover a{ transition: all 0.7s; background:#0087c9; color:#fff;}

.banz,.bany{ position:absolute; top:60%; width:40px; height:40px; opacity:1; transition:0.3s; cursor:pointer; z-index:99999;}
.banz{ left:-60px; background:url(../images/pro_left.png) center no-repeat;}
.banz:hover{ background:url(../images/pro_left_hover.png) center no-repeat;}
.bany{ right:-60px; background:url(../images/pro_right.png) center no-repeat;}
.bany:hover{ background:url(../images/pro_right_hover.png) center no-repeat;}


/*------我们的优势------*/
.advantages{ background:url(../images/ad_bg.jpg) center top no-repeat; padding:60px 0 80px 0;}
.advantages ul{ margin-top:30px; }
.advantages li{ display:inline-block; margin-right:130px; text-align:center; float:left; width:200px;  }
.advantages li a{ display:block; cursor:default;}
.advantages li .icon_box{ height:130px; margin-bottom:25px;}
.advantages li:hover .icon_box{ transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */}
.advantages li h1{font-size: 24px;color: #fff; display:block; text-align:center; text-transform:uppercase; padding-bottom:10px;}
.advantages li p{font-size: 14px; line-height:18px; color: #fff; display:block; text-align:center;}
.advantages li:nth-child(1) .icon_box{ background:url(../images/tub1.png) center no-repeat;}
.advantages li:nth-child(1):hover .icon_box{background:url(../images/tub01.png) center no-repeat;}
.advantages li:nth-child(2) .icon_box{ background:url(../images/tub2.png) center no-repeat;}
.advantages li:nth-child(2):hover .icon_box{background:url(../images/tub02.png) center no-repeat;}
.advantages li:nth-child(3) .icon_box{ background:url(../images/tub3.png) center no-repeat;}
.advantages li:nth-child(3):hover .icon_box{background:url(../images/tub03.png) center no-repeat;}
.advantages li:nth-child(4) .icon_box{ background:url(../images/tub4.png) center no-repeat;}
.advantages li:nth-child(4):hover .icon_box{background:url(../images/tub04.png) center no-repeat;}
.advantages li:nth-child(4){ margin:0; float:right;}

/*缓动*/
.advantages *{ -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; 
font-size: 14px; color:#fff;} 


/*------关于我们------*/
.about{ background:#f0f0f0; padding:60px 0 70px 0;}
.about-img{ float:left; width:451px; margin-top:20px;}
.about-txt{ float:right; width:720px;margin-top:20px;}
.about-txt span{ font-size:24px; color:#0087c9;}
.about-txt p{ font-size:14px; color:#666; line-height:24px; padding-top:25px;}
.about-txt a:hover{ color:#fff;}


/********************滚动样式**************************************/
#colee_left{
	overflow:hidden;
	line-height:30px;
	margin-top:20px;
	font-size:12px;
}
#colee_left img{
	border:1px solid #ebebeb;
	width:260px;
}
#colee_left img:hover{}
#colee_left a:hover{color:#007072;}



/*------新闻动态------*/
.news{ padding-bottom:60px; margin-top:60px;}
.new1{ width:538px; float:left; margin-top:20px; background:#f0f0f0;  height:477px;}
.new1 a{ display:block;}
.new1 .pic_box{ position:relative; background:#000; }
.new1 img{width:538px; height:300px; display:block;  }
.new1 .text_box{ position:relative; padding:20px; }
.new1 h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; margin-bottom:20px;}
.new1 p{ font-size:12px; line-height:24px; height: 48px; color:#777777;}
.new1 span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}
.new1 .fot_box{ position:relative; height:12px; line-height:14px; padding:0 20px;}
.new1 .fot_box span{color:#a1a1a1; font-size:12px; }
.new1 .fot_box a{ display:block;  color:#a1a1a1; font-size:12px; position:absolute; right:25px; top:0; background:url(../images/icon_more_jt.png) right center no-repeat; padding-right:30px;}
.new1 img:hover{  }
.new1:hover{ background:#0087c9; }
.new1:hover h1 a{ color:#fff; }
.new1:hover p{ color:#fff;}
.new1:hover .fot_box a{ background:url(../images/icon_more_jt_hover.png) right center no-repeat; color:#fff;}
.new1:hover .fot_box span{ color:#fff;}
.new1 a:hover{ text-decoration:underline; }

.un_box { overflow:hidden; margin-top:20px; float:left; width:662px;}
.un_box ul{ margin-left:20px;  }
.un_box li{ margin-bottom:15px; display: block; height:88px; padding:10px; position:relative;  background:url(../images/line_bk.png) 95px center no-repeat #eeeeee;    }
.un_box li .box{  position: relative;  }
.un_box li .text_box{margin: 0 0px 0 105px;   position:relative;  }
 
.un_box li p{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:8px; font-size:12px; line-height:20px; color:#666666;}
.un_box li a{  padding-top:10px; display:block;  color:#444; font-size:16px; font-weight:bold;  }
.un_box li a:hover{ color:#0c608f;}
.un_box .date{ position:absolute; left:0px; top:0px; text-align: center; width:90px; margin:20px 0 20px 0; border-right:1px solid #ddd; }
.un_box .date strong{    display:block; font-size: 36px;  color:#666; font-weight:bold;}
.un_box .date span{ font-size: 14px; color: #666;   display:block; text-transform: uppercase;}
.un_box li:hover{ background: #0087c9;}
.un_box li:hover .date strong{  color:#fff;}
.un_box li:hover .date span{  color:#fff;}
.un_box li:hover a{ color:#fff; text-decoration:underline;}
.un_box li:hover p{ color:#fff;}







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

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