@charset "utf-8";
/* CSS Document */
/*全局定义参数*/
body {
	margin:0px 0px 0px 0px;/*四个值为：上，右，下，左*/
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#555;
	background:#fff;
	
}
form {
	margin:0px;
	padding:0px;
}
ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
a,a:link,a:visited {color:#555; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:none;}

img{border:none;}
.f_left{float:left;}
.f_right{float:right;}
.w100 {width:100%; padding:0px; margin:0px; overflow:hidden;}

/*头部CSS*/


.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

.top {
    width:93.75%;
	padding:5% 3.125% 5% 3.125%;
	background-color:#3f3f3f;
	border-bottom:#96b533 2px solid;
}
.top img{
	width:50%;}

.clear_h{
	clear:both;
	height:3.125%;}
	
.index_pro {
    float:left;
	width:33%;
	padding:0px;
	margin:0% 0 0px 0%;
	overflow:hidden;
}
.index_pro_img {
	width:100%;
	padding:0px;
	margin:0px;
	overflow:hidden;
	text-align:center;
	border-left:1px solid #dddddd;
}
.index_pro_img img{
	width:100%;}
	
.index_pro_test {
	padding:6.25% 0px;
	text-align:center;
	width:100%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;
}	
	

.about {
	width:100%;
	margin:3.125% 0%;
	overflow:hidden;}
.about_title{
	width:100%;
	padding:3.125% 0px;
	color:#333;
	font-size:16px;
	text-align:center;
	background:url(../images/about_title.jpg) no-repeat center;
	background-size:100%;
	}
.about_info{
	}
.about_info p{
	padding:3.125%;
	margin:0px;}

.products_banner {
	}
.products_title{
    line-height:41px;
	padding:0px 3.125%;
	color:#333;
	font-size:14px;
	overflow:hidden;
	}
.products_info{
	padding:0px 0px 3.125% 0px;
	overflow:hidden;}




/*底部CSS*/
.bottom {
	width:100%;
	padding:2% 0px;
	text-align:center;
	background:url(../images/bottom_bg.jpg) repeat-x;

}


.ny_banner{
	width:100%;
	text-align:center;}
.ny_banner img{
	width:100%;}



.ny_title{
    width:100%;
	padding:3.125% 0px;
	color:#333;
	font-size:16px;
	text-align:center;
	background:url(../images/about_title.jpg) no-repeat center;
	background-size:100%;}
.ny_info{
	padding:0px 0px 3.125% 0px;
	overflow: hidden;
	}
.ny_info2{
	padding:0px 3.125% 3.125% 3.125%;
	min-height:100px;
	}

	
.pro {
    float:left;
	width:29%;
	padding:0px;
	margin:0px 0px 0px 3.125%;
	overflow:hidden;
}
.pro2 {
    /*float:left;*/

	padding:0px;
	margin:0px 3.125%;
	overflow:hidden;
}
.pro_img {/*产品图片*/
	
	padding:0px;
	margin:0px;
	overflow:hidden;
	text-align:center;
	border:1px solid #dadada;
}
.pro_img img{
	width:100%;}
	
.pro_test {/*产品名称*/
	padding:3.125% 0px;
	text-align:center;
}

.pro_test2 {/*产品名称*/
	padding:3.125% 0px;
	text-align: center;
}

.news li{
	padding-left:10px;
	line-height:30px;
	background:url(../images/ico.jpg) no-repeat left center;
	border-bottom:1px dotted #ccc;}
.news li span{ float:right; color:#CCC;}

.shownews_title{
	line-height:24px;
	font-size:16px;
	text-align:center;
	padding:0px 0px 3.125% 0px;
	border-bottom:1px dashed #ccc;}
.shownews_title span{
	font-size:12px;
	font-weight:normal;}
.shownews_info{
	padding:3.125% 0px 0px 0px;}

.page {
	width:96%;
	margin:0px auto;
	overflow:hidden;
	padding:3.125% 0px 0px 0px;
	line-height:25px;
	text-align:center;
	clear:both;
}
.disabled {
    border:1px solid #666;
    margin-right:2px;
    padding:2px 5px;
}
.page span.current {
    background-color:#666;
    border:1px solid #666;
    color:#fff;
    margin-right:2px;
    padding:2px 5px;
}
.page a {
    border:1px solid #666;
    color:#5a5a5a;
    margin-right:2px;
    padding:2px 5px;
    text-decoration:none;
}
.page a:hover {
    background:none repeat scroll 0 0 #6b4d40;
    border:1px solid #6b4d40;
    color:#fff;
    margin-right:2px;
    padding:2px 5px;
    text-decoration:none;
}
.pager input {
	width:20px;
	font-size:10px;
	height:15px;
	line-height:15px;
	margin:0px 3px;
	vertical-align:middle;
}

.pager{color: #666; text-align: center; clear:both; margin-bottom: 1em; margin-top: 10px;}
.pager a{display: inline-block; *display: inline; *zoom: 1; margin-left: -1px; padding: 0 12px; height: 32px; line-height: 32px; color: #428bca; border: 1px solid #ddd; background: #fff; text-decoration: none;}
.pager .prev::before{display: inline-block; content: " "; width: 10px; height: 10px; margin-right: 5px;margin-top: 9px; vertical-align: -1px; background: url('/Public/styles/images/doubleArrow.png') no-repeat}
.pager .next::after{display: inline-block; content: " "; width: 10px; height: 10px; margin-left: 5px;margin-top: 9px;vertical-align: -1px; background: url('/Public/styles/images/doubleArrow.png') no-repeat; background-position: 0 0}
.pager .next.disabled::after{background-position: 0 -10px}
.pager .prev::before{background-position: 0 -20px}
.pager .prev.disabled::before{background-position: 0 -30px}
.pager a:not(.goto):hover{background-color: #eee; color: #2a6496}
.pager a.cur,
.pager a.cur:hover{background-color: #428bca; color: #fff; border-color: #428bca; margin-right: 1px}
.pager a.disabled{background-color: #e6e6e6!important; color: #bbb!important; cursor: no-drop}
.pager a,
.pager button,
.pager span{vertical-align: middle}
.pager .dotted{display: inline-block; width: 14px; text-align: center}
.pager .total{margin: 0 10px 0 8px}
.pager input{padding: 6px 0; line-height: 16px; width: 40px; background: #fff; border: 1px solid #ddd; text-align: center; vertical-align: middle}
.pager input.focus{border: 1px solid #428bca}
.pager .goto{width: 0; height: 31px; margin-right: 5px; background-color: #428bca; padding: 0; border: 0; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; visibility: hidden}
.pager .goto.focus{width: 60px; visibility: visible}
.pager .prev{border-radius: 5px 0 0 5px;}
.pager .next{border-radius: 0 5px 5px 0; }