@charset "utf-8";
/* CSS Document */
/*banner*/
.banner {
	width: 1920px;
	height: 455px;
	position: relative;
	overflow: hidden;
	margin-left: 50%;
	left: -960px;
	top: 0px;
}
/*数字按钮样式*/
.banner .num {
	overflow: hidden;
	height: 25px;
	position: absolute;
	bottom: 12px;
	zoom: 1;
	z-index: 3;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.banner .num li {
	width: 15px;
	height: 15px;
	line-height: 25px;
	text-align: center;
	font-weight: 400;
	font-family: "微软雅黑", Arial;
	color: #FFFFFF;
	background: #fff;
	margin-right: 10px;
	border-radius: 50%;
	cursor: pointer;
	float: left;
	font-size: 0px;
}
.banner .num li.on {
	background: rgba(255,255,255,0.7);
} /*当前项*/
/*上一个  下一个*/
.banner .prev, .banner .next {
	display: none;
	width: 40px;
	height: 100px;
	background: url(../images/btn.png) no-repeat;
	position: absolute;
	top: 180px;
}
.banner .prev {
	left: 50%;
	margin-left: -635px;
}
.banner .next {
	right: 50%;
	margin-right: -635px;
	background-position: right
}
/*banner end*/
.title {
    text-align: center;
    padding-top: 44px;
}
.title a b{ font-size:30px;}
.title p{ font-size:16px; color:#666; font-weight:100; margin-top:9px;}

.more_r {
	float: right;
}
.more_p{  height:25px; position:relative; line-height:25px;}
.lx{width:80px; height:25px; position:absolute; border:1px solid #008a31; transform: skewX(-30deg);  
-o-transform: skewX(-30deg);  
-webkit-transform: skewX(-30deg);  
-moz-transform: skewX(-30deg);}
.more_p a{ color:#008a31;}
/*client end*/
/*product*/
#product{ width:100%; height:auto; overflow-x:hidden; margin-top:30px;}
.product{ width:1180px; height:726px; padding:0; margin:0 auto;}
.juedui_more{position: absolute;
    right: 0;
    top: 68px;
}

.product_left {
	width: 221px;
	
	float: left;
}
.cpzxtt {
    height: 88px; background:url(../images/pro_tt.jpg) no-repeat center;
}
.cpzxtt a{ color:#fff; line-height:155px; text-align:center; display:block;}
.cpzxtt2{ height:55px; background:#009948; line-height:55px; text-align:center; color:#fff;}
.fenlei{ line-height:35px;  border: 5px #009948 solid; border-top: 0; padding-bottom: 6px; margin-top: 10px;}
.fenlei b {
    display: block;
    background: url(../images/fenlei_bg.jpg) center no-repeat;
    line-height: 60px;padding-left: 42px;
}
.fenlei b a{ font-size:15px; color:#F6EB2F;}
.fenlei>ul{ margin-bottom:12px;}
.fenlei>ul>li {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px #009948 dashed;
    margin: 0 10px;
}
.fenlei2 p{ line-height:20px; font-size:12px;}
.fenlei>ul>li>a{ padding-left:6px;}
.fenlei>ul>li>a:hover{ color:#009948;}
.fenlei>ul>li>a::before{ content:"▸";margin-right: 9px;}
.product_right {
    width: 914px;
    float: right;
}
.r_more{ float:right;}
.product_right h4 {
    font-size: 18px;
    width: 914px;
    height: 45px;
    line-height: 45px;border-bottom:2px solid #009948; margin-bottom:20px;
}
.product_right>h4>ul>li.selected{ background:url(../images/rexiao_bg.jpg) center no-repeat;}
.product_right>h4>ul>li { width:117px; height:39px;}
.tab_menu li{  width:150px; height:39px; line-height:39px; text-align:center;  margin-right: 0; float: left; }
.tab_menu li a{ font-size:16px; color:#fff; line-height:39px; font-weight:500;}
.r_more{ font-size:13px; font-weight:100; color:#666;}
.tab_box .hide{ display:none;}
.product_show { width:928px;
}
.product_show li { width:217px; height:214px;
    float: left; margin-right:14px;
    margin-bottom: 15px; background:#ededed;
}
.product_show li:hover{ background:#009948;}
.product_show li:hover a{color:#fff;}
.product_show li:hover .product_img img{ width:101%; }
.product_show li h5 {
    height: 35px;
    line-height: 31px;
    text-align: center;
    
}
.product_img{ width:202px; height:166px; overflow:hidden; margin:7.5px; }
.product_img img{ width:100%; transition:all ease 300ms;}

/*product end*/
.more{ background:url(../images/more.jpg) center no-repeat; width:15px; height:13px; margin-top: 15px;}
.more a{ display:block; width:100%; height:100%;}

/*about*/
#about {
    width: 100%; height:626px;
    overflow: hidden; margin-top:40px;background:url(../images/about_bg.jpg) center no-repeat;
}
.about{ width:1180px; padding:0; margin:0 auto;margin-bottom: 47px;  }
.about_text {
    width: 628px;
    line-height: 28px;
    margin-top: 94px;
}
.about_text h5 {
    margin-top: 16px; margin-bottom:60px;
}
.about_text h5 a {
    display: block;
    color: #333;
    text-align: left;
    line-height: 40px;
    margin-top: 6px;
    font-size: 18px;
    font-weight: 600;
}
.about_text>p{overflow: hidden; height:94px; margin-bottom:18px;color:#666; font-size:13px; line-height:24px;}
.about_text a{ color:#333; font-size:16px;}
.about_text a:hover{ color:#059038;}
.about_img {
    width: 497px;
    height: 329px;
    overflow: hidden;
    margin-top: 159px;
    margin-left: 5px;
}
.about_img img{ width:100%; height:auto;}
.factory_box {
    padding-top: 70px;
}
.factory_box ul{ width:599px;}
.factory_box ul li{ float:left;margin-left: 20px;}
.factory_box ul li:first-child { margin-left: 0;}
.factory_box ul li .img {
    width: 180px;
    height: 127px;
    display: block;
    overflow: hidden;
    border: 3px solid #019f4b;
} 
.factory_box ul li img{ width: 180px;
    height: 127px;}
.factory_box ul li p{ text-align:center; margin-top: 8px;}

.r_more{ float:right; line-height:39px;}
.r_more a{ font-size:12px; font-weight:100 !important; font-family:04b_08; color:#999; margin-left: -3px;}
.factory_box .r_more{border-top: 1px dashed #bbb; margin-top: 5px;}
/*about end*/


/*case*/
em{ color:#008a31;}
.more_tt {
    font-size: 12px;
    font-weight: 100 !important;
    background: #f5f5f5;
    display: inline-block;
    position: relative;
    top: -9px;
    width: 70px;
}
#case {
    width: 100%;
    height:368px;
}
.case{ width:1180px; height:auto; padding:0; margin:0 auto;}
.case .title{ background:url(../images/case_tt.jpg) center no-repeat; height:57px;}
.gd_01{ position:relative; height:auto; width:1180px;}
.gd_01 em{
	position: absolute;
	top: 78px;
}
.gd_01 .t_l{ left:0px;}
.gd_01 .t_r{ right:0px;}
.gd_01 #simgs{ margin: 0 50px;}
.gd_01 li.last{ padding-right:0;}
.gd_01 .fl { float:left;}
.gd_01 .fr { float:right;}
.gd_01 .pa{ position:absolute;}
.gd_01 .pr{ position:relative}
.case ul li{ float:left; margin:10px; width:250px; height:220px;}
.case_img{ width:244px; height:166px;  border:3px solid #008a31; overflow:hidden; margin-bottom:1px; }
.case_img img{ width:244px; height:166px;}
.case ul li h5{ text-align:center; display:block; background:#008a31; line-height:35px;}
.case ul li h5 a{ color:#fff;}


/*case end*/


/*news*/
/*news_box*/
.center_box{ background:url(../images/news_bg.jpg) repeat; width:100%; height:484px;}
.center{ width:1180px; margin:0 auto; padding-top:50px;}
.news_list{ width:60px; float:left; text-align:center; font-size:16px;}
.news_list ul li{ background:#158940; height:117px;}
.news_list ul li a {
    color: #fff;
    display: block;
    padding: 13px;
    width: 31px;
}
.news_list ul li a:hover{ background:#f0ec35; color:#333;}

.news_list ul li a:hover,.news_list ul li.casehover{background:#f0ec35;}
.news_list ul li a:hover,.news_list ul li.casehover a{ color:#333;}

.news_nr{ background:#FFF; width:1120px; float:right; height:387px; margin-top:10px;}
.news_left{ width:396px; float:left; line-height:30px;}
.news_left img{ width:396px; height:222px;}
.news_left a{ font-size:14px; color:#063;}


.news_right {
    width: 569px;
    float: right;
}
.news_stu {
    width: 97px;
    height: 85px;
    float: left;
}
.s_wen {
    width: 456px;
    float: right;
    line-height: 24px; border-bottom:1px dashed #CCC;
}
.s_wen a{ font-size:13px; font-weight:600; color:#333; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom: 10px;}
.s_wen p{ line-height:23px; color:#666; font-size:13px; height:46px; overflow:hidden; margin-bottom: 6px;}
.news_right ul li{  display:block; height:105px; position:relative; margin-top:5px;}
.news_more {
    width: 15px;
    height: 12px;
    position: absolute;
    right: 0;
}

.news_nr1 {
    margin-left: 60px;
    margin-top: 39px;
    margin-right: 43px;
}
.news_left h5 a{font-size:13px; font-weight:600; color:#333; display:block; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.news_left p{ line-height:23px; color:#666; font-size:13px; height:46px; overflow:hidden;}
.news_stu img{ width:97px; height:85px; border:1px solid #bbb;}