﻿@charset "utf-8";
/* CSS Document */
.wrap-banner{height:306px; margin-top:20px;}
/* 本例子css */
.slideBox{ width:1200px; height:306px; overflow:hidden; position:relative; float:left; }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:15px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:4px;  width:12px; height:12px; border-radius:12px; line-height:60px; text-align:center; overflow:hidden; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#F24645; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1200px; height:306px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:2%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:2%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.ban-fr{width:268px; height:286px; padding:10px 20px; border:1px solid #eee; float:right;}
.banlist{border-bottom:1px solid #eee; height:60px; padding-top:10px;}
.banleft{width:48px; height:48px; float:left;}
.banright{width:200px; margin-left:10px; float:left;}
.banright h2{font-size:16px; color:#333; line-height:30px;}
.banright p{font-size:14px; color:#999; line-height:20px;}
.bdnone{border:none;}


.notice-wrap{width:1200px; margin:20px auto auto;}
.notice{
	overflow: hidden;
	background: #f7f7f7;
}
.notLeft{
	background: url(../images/noticeBg.png) left center no-repeat;
	width: 146px;
	height: 49px;
	line-height: 49px;
	color: #fff;
	font-size: 16px;
	overflow: hidden;
}
.notLeft .notIco{
	float: left;
	width: 46px;
	height: 49px;
	position: relative;
	background: url(../images/noticeIco1.png) 15px center no-repeat;
}
.notLeft .notIco i{
	display: block;
}
.notLeft .notIco .notIco1{
	position: absolute;
	top: 17px;
	left: 28px;
	width: 8px;
	height: 14px;
	background: url(../images/noticeIco2.png);
	animation: notice1 2s linear infinite;
}
.notLeft .notIco .notIco2{
	position: absolute;
	top: 16px;
	left: 32px;
	width: 7px;
	height: 17px;
	animation: notice2 2s linear infinite;
	background: url(../images/noticeIco3.png);
}
@keyframes notice1{
	0%{
		opacity: 0;
	}
	25%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	75%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}
@keyframes notice2{
	0%{
		opacity: 0;
	}
	25%{
		opacity: 0;
	}
	50%{
		opacity: 0;
	}
	75%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}
.notCon{
	overflow: hidden;
	height: 49px;
	position: relative;
}


.wrap-hq{margin-top:20px;}


.hq-title{height:34px; border-bottom:2px solid #1BBE60; padding-top:2px;}
.hq-title span{font-size:20px; font-weight:600; color:#1BBE60; height:22px; line-height:22px; border-left:4px solid #1BBE60; padding-left:16px; margin-top:4px;}
.hq-cont{width:1198px; height:218px; border:1px solid #eee; border-top:none;}
.wrap-plate{margin-top:20px;}
.plate-itme{width:590px; border-top:1px solid #dedeed;}
.plate-top{ height:42px;}
.plate-top h2{float:left; line-height:40px; margin-top:-1px; font-size:20px; font-weight:600; color:#1BBE60; border-top:2px solid #1BBE60; padding:0 10px;}
.plate-top ul{height:42px; float:right;}
.plate-top ul li{padding-left:20px; display:inline-block;}
.plate-top ul li,.plate-top ul li a{line-height:42px; font-size:16px;}
.plate-cont{width:588px; height:218px; border:1px solid #eee;}


.banner-ad{width:1200px; margin:20px auto auto; height:96px;}
.wrap-new{margin-top:20px;}
.new-item{width:420px;}
.new-title{height:48px;  border-top:1px solid #dedeed;}
.new-title h2{float:left; border-top:2px solid #1BBE60; margin-top:-1px;}
.new-title h2,.new-title h2 a{line-height:46px; color:#1BBE60; font-size:18px;}
.new-title ul{float:right;}
.new-title ul li{height:48px; display:inline-block; padding-left:16px;}
.new-title ul li,.new-title ul li a{color:#333; font-size:16px;line-height:48px;}
.new-cont{}
.new-cont ul li{height:42px; overflow:hidden; background:url(../images/ico3.png) no-repeat left center; padding-left:10px;}
.new-cont ul li,.new-cont ul li a{line-height:42px; color:#666;}
.new-cont ul li span{font-size:12px; color:#999; float:right;}
.new-right{width:288px; height:258px; border:1px solid #eee; padding:0 10px;}
.title-fr{width:280px; height:42px; line-height:42px; border-bottom:1px solid #eee; margin:0 4px;}
.title-fr h2,.title-fr h2 a{line-height:42px; font-size:16px; color:#333; float:left;}
.title-fr span,.title-fr span a{color:#999; font-size:14px; float:right; line-height:42px;}
.titlefr-cont{padding:10px 0 0 0;}
.new-right2{width:288px; height:368px; border:1px solid #eee; padding:0 10px;}
.new-banner{width:420px; height:90px; margin-bottom:20px; overflow:hidden;}
.new-banner img{width:420px; height:90px;}

.wrap-product{margin-top:20px;}
.pro-cont{}

.picScroll{ width:1200px; }	
.picScroll .hd{height:40px;  border-bottom: 2px solid #1BBE60;}	
.picScroll .hd h2{ font-size: 20px; font-weight: 600;  color: #1BBE60;  height: 22px; line-height: 22px; border-left: 4px solid #1BBE60;  padding-left: 16px;  margin-top: 4px; }	
.picScroll .bd{ position:relative; width:1198px; border:1px solid #eee; border-top:none;height:206px; }	
.picScroll .prev,.picScroll .next{ position: absolute; top: 66px; left:-1px; display: block; width: 26px; height: 64px; background: url(../images/slide_tigger.png) 0 -65px; z-index: 9; overflow: hidden; }	
.picScroll .next{ left:auto; right:-1px; background-position: -26px -65px; }	
.picScroll .prev:hover{ background-position:0 -130px; }	
.picScroll .next:hover{ background-position:-26px -130px; }	
.picScroll .prevStop{ background-position:0 -65px !important; }	
.picScroll .nextStop{ background-position:-26px -65px !important; }	
.picScroll .scrollWrap{ padding-left:24px  }	
.picScroll ul{ overflow:hidden; zoom:1; }	
.picScroll li{ width:210px; margin: 24px 10px 0 10px; position:relative; float:left; display:inline; }	
.picScroll li .pic {position:relative;display:block;overflow:hidden;margin-bottom:6px; width:210px; height:136px; text-align:center; background:#f2f2f2;}	
.picScroll li .pic img {display:block;position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -sand-transform: translate(-50%, -50%);}	
.picScroll li p {height:30px; color:#999;line-height:30px;overflow:hidden; text-align:center;}	


.subBanner{height:300px; min-width:1200px; width:100%;}
.subBanner a{height:300px; display:block;}
.pageLeft{
	width: 250px;
	position: relative;
	top: -45px;
	margin-right: 50px;
}
.pageLeftT{
	height: 120px;
	text-align: center;
	background: url(../images/pageLeftBg1.png) center center no-repeat;
}
.pageLeftT span{
	font-size: 26px;
	color: #fff;
	padding-top: 30px;
	display: block;
}
.pageLeftT em{
	font-size: 14px;
	color: #fff;
}
.pLMenu dd span{
	display: block;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #fff;
}

.pLMenu dd span a{
	display: block;
	color: #666;
	font-size: 14px;
	padding-left: 72px;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	background:#f7f7f7 ;
	position: relative;
}
.pLMenu dd span a i{
	display: block;
	height: 50px;
	width: 7px;
	position: absolute;
	top: 0;
	left: 59px;
	background: url(../images/pageLeftico2.png) center center no-repeat;
	transition: 0.3s ease;
}
.pLMenu dd:hover span a{
	background-color: #f4aa34;
	color: #fff;
}
.pLMenu dd:hover span a i{
	background-image: url(../images/pageLeftico1.png);
}
.pLMenu dd.hover span a{
	background-color: #f4aa34;
	color: #fff;
}
.pLMenu dd.hover span a i{
	background-image: url(../images/pageLeftico1.png);
}
.pLMenu dd.hover span a i{
	transform: rotate(90deg);
}
.threeMenu{
	background: #fff;
	padding: 19px 0 ;
	display: none;
}
.threeMenu li{
	height: 38px;
	line-height: 38px;
}
.threeMenu li a{
	display: block;
	padding-left: 75px;
	font-size: 14px;
}
.threeMenu li a i{
	font-size: 16px;
}
.threeMenu li.hover a{
	color: #f4aa34;
}
.threeMenu li:hover a{
	color: #f4aa34;
}
.plDown{
	padding: 15px 0 0 0;
}
.plDown a{
	display: block;
}
.pageRight{
	overflow: hidden;
	padding-top: 20px;
	min-height:660px;
	font-size:14px;	
}
.pageRight table th,.pageRight table td{line-height:42px; text-align:center; font-size:14px;}
.pageRight table th{border-bottom:1px solid #eee;}
.pageRight table td a{color:#1BBE60;}

.location{
	height: 60px;
	line-height: 60px;
	border-bottom: dotted 1px #ddd;
}
.pageTit{
	font-size: 22px;
	color: #1BBE60;
	padding-left: 15px;
	background: url(../images/box4Ico5.png) left center no-repeat;
}
.locationC{
	font-size: 13px;
	padding-left: 25px;
	background: url(../images/locationCIco1.png) left center no-repeat;
}
.locationC a{
	color: #797979;
}
.locationC i{
	display: inline-block;
	background: url(../images/locationIco1.png) center center no-repeat;
	width: 8px;
	padding: 0 0 0 8px;
	height: 11px;
	vertical-align: middle;
}
.locationC a:hover{
	color: #1BBE60;
}
.locationC a.hover{
	color: #1BBE60;
}
.goUp{
	width: 63px;
	height: 63px;
	background: url(../images/goUp.png);
	position: fixed;
	bottom: -65px;
	right: 19px;
	cursor: pointer;
	z-index: 999;
}
/*页码开始*/
.ghl_page{height:56px;}
.page{padding:20px 0 60px 0;text-align: center;clear: both;font-size: 14px; border-top: dotted 1px #bbb; }
.page a{margin: 0 1px; display: inline-block;overflow: hidden;padding:9px 13px;color:#999999; border: 1px solid #e5e5e5;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{color: #1BBE60; border-color: #1BBE60;}
.page a.hover{color: #1BBE60; border-color: #1BBE60;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}
.ghl_page .page-first,.ghl_page .page-prev,.ghl_page .page-next,.ghl_page .page-last{cursor:pointer; margin: 0 3px; display: inline-block;overflow: hidden;padding:9px 13px;color:#999999; border: 1px solid #e5e5e5;}
.ghl_page .page-first:hover,.ghl_page .page-prev:hover,.ghl_page .page-next:hover,.ghl_page .page-last:hover{color: #1BBE60; border:1px solid #1BBE60;}
.ghl_page .cgreen{color: #1BBE60; padding:0 5px; font-weight:600; font-size:14px;}
.page-text{display: inline-block; vertical-align: top; line-height: 40px; margin-left:10px;}
/*页码结束*/
.textImg2 {
	padding: 30px 0; 
}
.textImg2 dd{
	margin-bottom: 30px;
	background: #f7f7f7;
	overflow: hidden;
}
.tImg2Img{
	width: 345px;
}
.tImg2Img a{
	display: block;
}
.tImg2Img .imgBox{
	padding-top: 62.8985%;
}
.tImg2Txt {
	overflow: hidden;
	padding: 0 22px 0 32px;
}
.tImg2Txt .listTit{
	font-size: 18px;
	color: #333;
	padding: 30px 0 18px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; 
	border-bottom: 1px solid #bbb;
}
.tImg2Txt .listTit a{
	color: #333;
}
.tImg2Txt .listInfr{
	font-size: 14px;
	line-height: 26px;
	color: #666;
	height: 52px;
	overflow: hidden;
	padding-top: 18px;
}
.tImg2Txt .lintTime{
	font-size: 14px;
	color: #999;
	padding-top: 15px;
}
.ArticleTitle{
	font-size: 24px;
	text-align: center;
	margin:20px 0;
}
.articleTime{
	padding-top: 10px;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.articleTime span{
	padding-right: 20px;
}
.articleTime span i{
	color: #db0000;
	font-weight: bold;
}
.imgBox{
	position: relative;
	overflow: hidden;
	
}
.imgBox img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.txtScroll-left{ width:1054px;  position:relative;  }
.txtScroll-left .hd{ overflow:hidden;  height:30px; width:40px; padding:0 10px; float:right;margin-top:10px; }
.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.txtScroll-left .hd .next{ background-position:0 -50px;  }
.txtScroll-left .hd .prevStop{ background-position:-60px 0; }
.txtScroll-left .hd .nextStop{ background-position:-60px -50px; }
.txtScroll-left .hd span{line-height:1000px;}
.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; display:none; }
.txtScroll-left .bd{ width:980px; overflow:hidden;}
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{ margin-left:40px;  float:left; width:450px; height:48px; line-height:48px;  text-align:left; _display:inline;}
.txtScroll-left .bd ul li span{ color:#999; float:right; }


.textList3{
	margin: 0 -17px;
	padding: 40px 0;
}
.textList3 dd{
	float: left;
	display: inline;
	width: 33.3333%;
	margin-bottom: 25px;
	display:block!important;
}
.textList3 dd a{
	display: block;
	margin: 0 17px;
	height: 72px;
	background: #f7f7f7;
	line-height: 72px;
	font-size: 16px;
	color: #333;
	text-align: center;
}
.textList3 dd a:hover{
	color: #1BBE60;
}

