@charset "utf-8";
/* CSS Document */

*{ font-family:"微软雅黑"; font-size:14px; text-decoration:none; color:black;}
img{ display:block; border:none;}
body{ margin:0; padding:0;}
ul{ margin:0; padding:0;}
li{ list-style:none;}
em{ margin:0; padding:0; /*font-style:normal;*/}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; font-size:14px;}
p{ padding:0; margin:0;}
input{ border:none;}
dl,dd{ margin:0; padding:0;}
.clearfix{ clear:both;}



.head_bg{ width:100%; background-color:#363634; border-bottom:5px #7abd22 solid;position:fixed; top:0; left:0; z-index:999;}
.head_cte{ width:1170px; margin:0 auto;}
.head_cte li{ float:left; margin-right:20px;}
.head_cte li{ padding-left:25px; color:#d5d5d3; line-height:35px;}
.head_cte li a{}

.container {
	width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.header{
	width:100%;
	position:fixed;
	top:40px;
	left:0;
	z-index:999;
	height:80px;
	padding: 0 30px;
	background: rgba(255, 255,255,1);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.34);

	
}

.pc_logo{ float:left;}
.pc_logo img{ margin-top:5px;}

/*左侧logo*/


.header .left{
	width: 12%;
}
.header .left a img{
	height: 40px;
	margin-top: 6px;
}
.header .left .img2{
	display: none;
}
/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 80px;
	display: block;
	float:right;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
}
.header .navbar_nav li:after{
    content: "";
    width: 0;
    height: 2px;
    background: orangered;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	padding: 0 25px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #333;
	font-size: 16px;
}
.header .navbar_nav li:hover a{
	color: orangered;
}
/*.head .navbar_nav li img{ height:80px;}
*/.header .navbar_nav li.dropdown img{ padding:31px 0;}

.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;
	background: url(i/top.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:80px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 120%;
    left: -10%;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 14px;
	color: #666;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #fff;
	background: orange;
}


.bg{ width:100%; border-bottom:1px #ccc solid;}
.cte{ width:1170px; margin:0 auto;}
.web_nav{ width:100%;}
.web_nav li{ float:left; padding:0 25px;}
.web_nav li a{ font-size:12px; color:#333; line-height:60px; display:block; border-bottom:1px #fff solid;}

.web_nav li a:hover{ border-bottom:1px #e90000 solid; color:#e90000;}

.box{ width:100%;}
.web_box{ width:100%; margin:40px auto;}
.com_web{ width:100%;}
.com_web p{ font-size:16px; color:#333; line-height:35px;}
.com_web img{ max-width:100%; display:block; margin:5 auto;}

.con_web{ width:100%;}
.con_web p{ font-size:16px; color:#333; line-height:35px;}

.join_web{ width:100%;}
.join_web p{ font-size:16px; color:#333; line-height:35px;}
.join_web img{ max-width:100%; display:block; margin:5 auto;}

.news_web{ width:100%;}
.rt{ width:100%; position:relative;}
.rt li{ width:100%; background-color:rgba(255,255,255,0.8); height:123px; border-bottom:1px #ccc dotted;overflow:hidden; position:relative;}
.rt li a{ position:relative; z-index:12;}
.rt li .tm{ float:left; width:20%; height:100%; text-align:center; color:#333;}
.rt li .tm b{ display:block; font-size:40px; line-height:45px; margin-top:30px; transition:all 0.5s ease;}
.rt li .tm span{ display:block; line-height:18px; font-size:15px; transition:all 0.5s ease;}
.rt li .cont{ float:left; width:76%; padding:2%; padding-top:3%;}
.rt li .cont p{ color:#333; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s ease;}
.rt li .cont div{ padding-top:10px; font-size:13px; line-height:23px; height:46px; color:#737373; transition:all 0.5s ease;}
.rt li:after{ content:""; position:absolute; left:0px; top:0px; display:block; width:0; height:100%; background-color:#017e2e; z-index:-1; transition:all 0.5s ease;}
.rt li:hover{ background-color:#017e2e; transition:all 0.5s ease;}
.rt li:hover::after{ width:100%;}
.rt li:hover .tm b,.in_news .box .rt li:hover .tm span{ color:#fff;}
.rt li:hover .cont p,.in_news .box .rt li:hover .cont{ color:#fff;}

.newshow_web{ width:100%;}
.news_title{ width:100%; padding-bottom:10px; border-bottom:1px #ccc dotted;}
.news_title li{ font-size:20px; color:#7abd22; font-weight:600; line-height:35px;}
.news_title p{ font-size:14px; color:#666; line-height:25px;}
.newshow{ width:100%; margin-top:30px;}
.newshow p{ font-size:16px; color:#333; line-height:35px;}
.newshow img{ max-width:100%; margin:5px auto;}

.about_box{ width:100%;}
.about{ width:22%; float:left; margin:0 1.5%;}
.about li{ width:100%;}
.about li img{width:100%; display:block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.about li img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.about h1{ font-size:15px; color:#333;width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; line-height:35px; text-align:center;}

.honor{ width:22%; float:left; margin:0 1.5%;}
.honor li{ width:100%;}
.honor li img{width:100%; height:200px; display:block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.honor li img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.honor h1{ font-size:15px; color:#333;width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; line-height:35px; text-align:center;}

.sheshi{ width:22%; float:left; margin:0 1.5%;}
.sheshi li{ width:100%;}
.sheshi li img{width:100%; display:block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.sheshi li img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.sheshi h1{ font-size:15px; color:#333;width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; line-height:35px; text-align:center;}

.guan{ width:22%; float:left; margin:0 1.5%;}
.guan li{ width:100%;}
.guan li img{width:100%; height:200px; display:block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.guan li img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.guan h1{ font-size:15px; width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; font-weight:600; line-height:35px; text-align:center;}

.factory{ width:22%; float:left; margin:0 1.5%;}
.factory li{ width:100%;}
.factory li img{width:100%; display:block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.factory li img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.factory h1{ font-size:15px; color:#333;width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; line-height:35px; text-align:center;}

.shichang{ width:22%; float:left; margin:0 1.5%;}
.shichang li{ width:100%;}
.shichang li img{width:100%; height:200px; display:block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.shichang li img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.shichang h1{ font-size:15px; color:#333;width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; line-height:35px; text-align:center;}


.photo_box{ width:100%;}
.photo{ width:22%; float:left; margin:0 1.5%;}
.photo li{ width:100%;}
.photo li img{width:100%; display:block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.photo li img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.photo h1{ font-size:15px; color:#333; width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight:600; line-height:35px; text-align:center;}


.product{ width:100%; }
.pro{ width:22%; float:left; margin:0 1.5%; margin-bottom:20px;}
.pro li{ width:100%;overflow:hidden;}
.pro li img{ height:200px; display:block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.pro li img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.pro h1{ font-size:15px; color:#333;width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; line-height:35px; text-align:center;}

.proshow{ width:100%;}
.proshow_pic{ width:100%; padding-bottom:20px; border-bottom:1px #ccc dotted;}
.proshow_pic img{ width:60%; display:block; margin:0 auto;}
.proshow_pic h1{ font-size:16px; color:#333; font-weight:600; line-height:35px; text-align:center;}
.proshow_web{ width:100%; margin:20px auto;}
.proshow_web p{ font-size:16px; color:#333; line-height:35px;}
.proshow_web img{ max-width:100%; margin:5px auto;}

.gongqiu_box{ width:100%;}
.gong_box{ width:100%;}
.gong{ padding:10px 0; border-bottom:1px #ccc dotted;}
.gong li{ width:100%;}
.gong li a{font-size: 16px; font-weight:600; display:block; line-height:35px; color: #666;}
.gong h1{color: #d0d0d0;font-size: 26px;margin: 8px 0 14px 0;}
.gong p{ font-size:14px; color: #999; line-height:25px;}

.foot_box{ width:100%;margin-top:20px;}
.foot_bg{ width:100%; background-color:#202020; height:80px;}
.foot_cte{ width:1170px; margin:0 auto; background:url(../image/p-logo.png) center right no-repeat;}
.foot{}
.foot li{ float:left; padding:0 15px;}
.foot li a{  font-size:15px; color:#8f8f8f; display:block; line-height:80px;}
.ban_bg{ width:100%; background-color:#000;height:40px;}
.ban_cte{ width:1170px; margin:0 auto;}
.ban_cte h1{ margin:0; padding:0; font-size:14px; color:#474747; line-height:40px;}
.ban_cte h1 a{font-size:14px; color:#fff; line-height:40px;}

DIV.scott {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.scott A {
	display:inline-block;
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.scott A:hover {
	BORDER: #333 1px solid;BACKGROUND-COLOR: #f1ffd6
}
DIV.scott A:active {
	BORDER: #333 1px solid;BACKGROUND-COLOR: #999; color:#fff;
}
DIV.scott SPAN.current {
	BORDER:#000 1px solid; PADDING-RIGHT: 5px;PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px;  BACKGROUND-COLOR: #333;
}
DIV.scott SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}	
.next_page{ width:100%; background-color:white; margin:2% auto; border:1px #ccc dotted;}
.next_page li{ font-size:14px; color:#333; line-height:35px; padding-left:20px;}
.next_page li a{ display:inline;}