﻿h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 12px;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; *display:none;}
.clearfix{*zoom:1;}

* {padding: 0;margin: 0;font-family: "auto";list-style: none;text-decoration: none;}
.container {width: 1280px;	margin: 0 auto; overflow:hidden;}

html {	overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,a ,img{margin:0;padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}  /* 初始化标签在所有浏览器中的margin、padding值 */  
pre{line-height:25px; font-size:14px;}
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  
input,select,textarea,button {vertical-align:middle;}  /* 重置表单控件垂直居中*/
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
video{max-width: 100%;}

button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */  
body {background:#fff; overflow-x:hidden;}   /* 重置body 页面背景为白色 */  
body,th,td,input,select,textarea,button {line-height:28px; color:#666;} /* 重置页面文字属性 */  
a {	outline: none;	color: #333;}
a:hover {}
.fl {float: left;}
.fr {float: right;}
.clear {	clear: both;}
.p40{padding:40px 0px;}
.left_menu_bd li a:hover,.fc_text a:hover{color: #fff;}

.back {display: block;width: 186px;height: 45px; border: solid 1px #33ab38; background-color: #33ab38; text-align: center;line-height: 45px; font-size: 21px;color: #fff; margin: 40px auto;}
.back:hover {background-color: #fff; color: #33ab38;}
.menubg{background-color:#33ab38;}
/*
===================
分页
>>	pages_pre		上一页
>>	pages_next	下一页
>>	strong			激活状态
>>	a:hover			鼠标悬停状态
===================
*/
.pages {
	margin: 50px auto 20px auto;
	width: 500px;
	font-size: 14px;
	text-align: center;
}
.pages a, .pages strong {
	display: inline-block;
	line-height: 28px;
	padding: 0 10px;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	text-decoration: none;
	color: #666;
	font-family: Simsun;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right: 3px;
}
.pages .current {
	display: inline-block;
	line-height: 28px;
	padding: 0 10px;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	text-decoration: none;
	font-family: Simsun;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right: 3px;
	color: #fff;
	background-color: #027238;
	border-color: #fff;
}
.pages a:hover {color: #fff !important;background-color: #027238;border-color: #fff;text-decoration: none;}
.pages strong {color: #fff;background-color: #24557d;border-color: #fff;}
.pages span {padding: 0 10px;line-height: 23px;}
/* index top */
#top {background: #f5f5f5;height: 36px;line-height: 36px;border-bottom: 1px solid #eeeeee;}
.top {width: 1280px;margin: 0 auto;}
.top p {float: left;font-size: 12px;color: #000000;}
.sv {float: right;font-size: 12px;color: #000000;background: url(../images/tel.png) no-repeat left;	padding-left: 35px;
}
.sv span {font-size: 18px;color: #f03545;	font-weight: bold;}
.head {height: auto;}
.head .logo { width: auto;}
.head .logo_a {	display: flex; width:auto; align-items:center;}
.head .cstlayer{ float:right; padding-top:25px;}
.head .cstlayer h1{ font-size:28px;}
.head .cstlayer span{ display:block; margin-top:10px;}
.head .d-space{display: flex; justify-content: space-between;align-items: center;padding: 10px 0;}

.logo_right{display:grid;text-align: right;}
.logo_right .lang a{font-size: 18px; padding:8px 18px;border-radius:6px; background: #33ab38;color: #fff;}
.logo_right .lang a:hover{background: #4fca06;}
.logo_right .lang a:last-child{margin-left:35px;}
.logo_right .tel24{font-size: 14px;text-transform: capitalize;background: #33ab38;color: #fff;text-align: right;padding: 0 10px; height: 30px;}
.logo_right .tel{font-size:17px;font-weight: 600; margin-top:10px;padding: 0 0px;/*text-shadow: -1px -1px 0 #33ab38,1px -1px 0 #33ab38,-1px  1px 0 #33ab38,1px 1px 0 #33ab38;*/color: #33ab38;}
.logo_right .tel span{margin: 0 2px;}

.searchbox{width:300px; margin-top:15px;height: 35px; background:url(../images/bg.png) no-repeat;}
.searchbox_txt{margin-left: 16px; width: 232px; margin-right: 8px; margin-top: 5px; font-size: 12px;
color: #666; line-height: 18px; height: 18px; vertical-align: middle; border: #fff 0px solid; padding-left: 5px;
font-weight: normal;padding-right: 5px;}
.yuyueanniu{border:0px; width:30px; height:25px; background:url(../images/bg.png) right no-repeat; cursor:pointer;}

.nav {height:54px; overflow:hidden;}
.nav ul {margin-top: 0px;}
.nav li {float: left;color: #333;width: auto; height:55px; line-height:55px;font-size: 18px;}
.nav li a {color: #fff;display: block;font-size: 18px; font-weight:700;	text-align: center; padding:0 20px; margin:0 0px;}
.nav li a:hover, .nav li a.hover {padding:0 20px; color: #fff; background:#4fca06;}

/*幻灯片*/
@charset "utf-8";
/* CSS Document */

/*main*/
.main_{width:33%; height:150px; background-color:#CCC}
.lb-album {
    margin: 0 auto;
    width: 100%;
}
.lb-album .lb-album-div{width:98%; float:left;padding: 10px;position: relative;}
.lb-album .lb-album-div .div1 {overflow:hidden;}
.lb-album .lb-album-div .div1 img { display: block; transition: all 2s ease 0s;    width: 100%;}
.lb-album .lb-album-div .div1:hover img{ transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3); -webkit-transform: all 1s ease 0s;}
.lb-album .lb-album-div .div2 {overflow:hidden; line-height:40px; background:url(../images/abot_bb.png) repeat-y; position:absolute; top:0px; text-align:right; width:100%; font-size:24px; color:#fff; font-family:'Miscrosoft'}

.p_works {
    width: 480px; height:200px; font-size: 18px;
    font-weight: inherit;    font-family: 'Microsoft YaHei';    color: #33ab38;
    text-align: left; font-weight:bold;    overflow: hidden;
    padding: 5% 10px;
	background-color:#e2e2e2;
}
.p_works p{font-size:14px; line-height:28px; text-align:left; font-weight:normal; color:#666;}

.ny_banner {
    height: 300px;
    width: 100%;
    max-width: 1920px;
    min-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}
.secondEdition {
	padding: 40px 0 50px;
	background: #fff;
}
.wqpcommonWeb {
	width: 1180px;
	margin: 0 auto;
}
.secondNews {
	float: left;
	width: 376px;
	margin-right: 20px;
}

.secondNews h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #DADBDE;
}

.secondNews h3 span {
	position: relative;
	color: #008481;
	font-weight: bold;
	border-bottom: 1px solid #008481;
	padding-bottom: 10px;
}

.secondNews h3 .more {
	width: 20px;
	height: 20px;
	background: url(../images/inco57.png);
	float: right;
	display: block;
}
.twonewsdl {
	padding: 10px 0 8px;
	border-bottom: 1px solid #DADBDE;
	cursor: pointer;
}

.twonewsdl dt {
	float: left;
	width: 60px;
	margin-right: 25px;
	text-align: center;
}

.twonewsdl dt em {
	padding: 10px 0 5px;
	display: block;
	color: #008481;
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
}

.twonewsdl dt span {
	color: #008481;
	font-size: 16px;
}

.twonewsdl dd {
	float: left;
	width: 290px;
}

.twonewsdl dd .newsTitle {
	font-weight: bold;
	font-size: 16px;
	height: 36px;
	overflow: hidden;
	margin-bottom: 6px;
	line-height: 18px;
}

.twonewsdl dd .newsText {
	font-size: 12px;
	color: #666;
	height: 44px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;line-height: 22px;
}

.twonewsdl dd .newsText a span {
	color: #509926;
}
.twonewslist {
	padding-top: 6px;
}

.twonewslist li {
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}

.twonewslist li a {
	color: #666;
}

.twonewslist li a:hover,
.twonewsdl:hover a {
	color: #008481;
}

.twonewslist li span {
	padding-right: 16px;
}
.groupMiddle {
	float: left;
	margin-left: 20px;
	position: relative;
}

.groupCon {
	position: relative;
}

.groupCon .abouttext {
	position: absolute;
	top: 30px;
	left: 30px;
}

.groupCon .abouttext em {
	display: block;
	font-size: 18px;
	color: #fff;
	padding-top: 10px;
}

.groupMiddle .img {
	display: block;
	width: 282px;
	height: 235px;
}

.groupHover {
	display: none;
	position: absolute;
	width: 262px;
	height: 145px;
	top: 70px;
	left: 0;
	z-index: 999;
	background: url(../images/wimg118.jpg) repeat;
	overflow: hidden;
	padding: 10px 10px 10px;
}

.groupMiddle:hover .groupHover {
	display: block;
}
.grouptitle {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 5px;
}

.incoUl {
	padding-top: 20px;
}

.incoUl li {
	width: 84px;
	float: left;
	text-align: center;
	color: #fff;
}

.incoUl li a {
	color: #fff;
	padding: 7px 0;
	display: block;
}

.incoUl li a:hover {
	background: #60BE2D;
}

.wqpcommonWeb {
	width: 1180px;
	margin: 0 auto;
}

.twophotoList {
	position: relative;
	float: left;
	width: 480px;
}

.twophotoList img {
	display: block;
	width: 480px;
	height: 235px;
}

.twophotoList:hover .hotHover {
	display: block;
}
.absoluteCon {
	padding: 72px 78px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
}

.absoluteCon h4.nTtile {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 20px;
}

.absoluteCon .more {
	text-align: center;
}

.absoluteCon .more span {
	background: url(../images/inco10.png) 0 0 no-repeat;
	line-height: 26px;
	width: 86px;
	display: inline-block;
	font-size: 13px;
	margin-top: 45px;
}
.hotHover {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: url(../images/inco09.png) repeat;
	height: 100%;
	overflow: hidden;
}

.hotHover .absoluteCon {
	text-align: left;
	padding: 35px 25px;
	font-size: 14px;
}

.hotHover .absoluteCon .nTtile {
	font-size: 18px;
	margin-bottom: 20px;
}

.hotHover .absoluteCon .more {
	text-align: left;
}

.hotHover .absoluteCon .text {
	height: 110px;
	overflow: hidden;
	line-height: 22px;
	margin-bottom: 10px;
}

.hotHover .absoluteCon .more span {
	text-align: center;
	margin-top: 0;
}

.indexList ul li:hover .hotHover {
	display: block;
}
.hotHover .absoluteCon {
	padding: 25px 25px 0;
}

.hotHover .absoluteCon .nTtile {
	margin-bottom: 10px;
	font-size: 24px;
}


/*---内页content--*/
.g_wrap{
	min-width: 1280px;
	max-width: 1920px;
	margin: 0 auto;
}
.g_box{
	width: 1280px;
	margin: 0 auto;
}
.left_menu{float:left; width:240px;}
.left_menu_box{
	width: 100%; background-color:#e2e2e2;
	float: left; 
	margin-bottom: 20px;
}
.left_menu_box.on{
	position: fixed;
	z-index: 999;
	top: 42px;
}
.left_title{width: 100%;height: 84px; margin-bottom:5px;background-color: #33ab38;	border-top-left-radius: 3px;border-top-right-radius: 3px;}
.left_title h2{font-size: 24px;color: #fff;text-align: center;line-height: 84px;text-transform:uppercase;}
.left_title h5{
	font-size: 20px;
	color: #fff;
	font-family: 'Arial';
	text-align: center;
	text-transform: uppercase;
}
.left_menu_bd{
	width: 240px;

}
.left_menu_bd li{
	height: 50px;
	line-height:50px;
	padding-left: 0px;
	position:relative
}

.left_menu_bd li:hover{ background-color:#33ab38;}
.left_menu_bd li a{
	padding-left: 20px;
	display: block;
	font-size: 14px;
	color: #666;
	margin-top: 0px;
}

.left_menu_bd li a.on{
	color: #fff; background-color:#33ab38;
	padding-left: 20px;
}
/*-----left_menu_small----*/
.dropdown_4columns{	margin:0px auto;float:left;position:absolute;left:9999em;text-align:left; width:100%;background: #eeeeee; margin-top:6px; display:none; z-index:11;}

.left_menu_bd li:hover .dropdown_4columns{left:210px;top:-6px; display:block}
.col_1{display:inline; position: relative;margin:0;}
.col_4{display:inline;float: left;position: relative;margin:0;}
.left_menu_bd h3{font-size:14px;font-weight:bold;color:#3B4053;margin:4px 0;padding-left:20px;font-family:"\5B8B\4F53",san-serif;line-height:21px;font-size:12px;text-align:center;}


.left_menu_bd li:hover div a{font-size:14px;}
.left_menu_bd li:hover div a:hover{color:#fff;}
.left_menu_bd li ul{list-style:none;padding:0;margin:0;}
.left_menu_bd li ul li{font-size:14px; border-top:1px #eeeeee solid; border-bottom:1px #eeeeee solid; position:relative;padding:0 0 0 6px; border-bottom: none; text-align:left; }

.left_menu_box .abc{width:100%; display:block; height:auto; overflow:hidden; margin:10px 1px;}
.left_menu_box .abcd a{color:#fff; font-size:14px}
.left_menu_box .abcd:hover{background-color:#348c37; cursor:pointer;}
.left_menu_box .abcd{width:auto; padding:0px 40px; display: table; line-height:40px; background-color:#33ab38; color:#fff;}

.right_content{
	width: 1000px;
	float: right;
	padding-bottom: 40px;
}
.right_content img{max-width: 100%;}
.local_box{/*float: right;*/height: 30px;line-height: 30px;	overflow: hidden;width: 100%;margin-top: 20px;}
.local_box h5{font-size:21px;color: #FFF; float: left; padding-left:20px;border-left: 2px #33ab38 solid;text-shadow: -1px -1px 0 #33ab38,1px -1px 0 #33ab38,-1px  1px 0 #33ab38,1px 1px 0 #33ab38}
.local_box a{font-size:21px;color: #fff;}

.about_bd{
	min-height:400px;
	overflow: hidden; font-size:14px; line-height:25px;
	padding-bottom: 0px;
}
.about_content1{
	font-size: 14px;
	color: #000;
	line-height: 28px;
	width: 558px;
	float: left;
}
.zr_content1{
	font-size: 14px;
	color: #000;
	line-height: 28px;
	width: 438px;
	float: left;
}
.about_content1 img{
	max-width: 558px;	margin: 40px auto;
}

.news {
	height: auto;background-color: #fff;	padding-top: 5px; padding-bottom:20px;
}

.brand-list {  margin: 0 auto;  overflow: hidden;
}

.brand-item {
  float: left;
  padding: 8px 8px;
  width:100px;
  height: 50px;
}

.brand-item img {width: 100%; border:0px #d4d4d4 solid; height: 100%;}

.footer {margin: 0 auto;overflow:hidden;max-width: 1920px;background-repeat: repeat-x;background-color: #4b4b4b;}
.footleft {margin-top: 20px; margin-bottom:20px;font-size: 15px}
.footleft ul {height: 30px;	margin-left: -10px}
.footleft li {float: left;	color: #ffffff;	margin: 0 5px;}
.footleft li a {color: #ffffff;	margin-left: 10px;}
.footleft li span {margin-right: 10px;}
.footleft p a {color: #ffffff; font-size:12px;	line-height: 28px;}
.footleft p {color: #ffffff;line-height: 28px;	margin-top: 0px;}
.footright {color: #fff;font-size: 16px;margin-top: 20px; margin-right:5%;}
.footright .fr {margin-left: 15px;}
.footright .fr p {line-height: 39px;}
.footright p:nth-child(3) {font-size: 16px;}
/*翻页样式*/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}


.ind_news_right{float:left; width:376px; height:200px;}

.ind_news_right h3 { margin-right:20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DADBDE;
}

.ind_news_right h3 span {
	position: relative; font-size:18px; font-weight:600;
	color: #008481;
	border-bottom: 1px solid #008481;
	padding-bottom: 10px;
}

.ind_news_right h3 .more {
	width: 20px;
	height: 20px;
	background: url(../images/inco57.png);
	float: right;
	display: block;
}

.ind_news_right li{float:left; height:80px; border-bottom:1px #ccc dashed; padding-bottom:10px; padding-top:10px;}
.ind_news_right_left{float:left; height: auto; text-align:center;}
.ind_news_right_left h1{font-size:36px; padding:0px; color:#008481;}
.ind_news_right_left h2{font-size:12px;}

.ind_news_right_right{float:left; text-align:left; width:300px; padding-left:10px;}
.ind_news_right_right h1 { padding:0px; height:39px; overflow:hidden;}
.ind_news_right_right h1 a{ color:#333;font-size:14px; font-weight:bold }
.ind_news_right_right p{font-size:12px; line-height:20px; color:#6b6b6b}

/*--product-----*/
.cy_news_box{
	overflow: hidden;
	margin-bottom: 45px; min-height:400px;
}
.news_bd{width: 100%;overflow: hidden;}
.news_bd img{max-width: 100%;}
.fc_list2{display: flex;justify-content: center;
	height: 280px;
	overflow: hidden;
	float: left; margin-left:15px;
	margin-right: 15px;
	margin-bottom: 20px;
}
.fc_pic2_link{
	width: 360px;
	height: 220px;
	overflow: hidden;
	display: block; border:0px #ccc solid;
}

.fc_list{
	width:310px; height:320px;
	overflow: hidden;
	float: left;
	margin-right: 33px;
	margin-bottom: 20px;
}
.fc_pic_link{ display: flex;align-items:center;justify-content: center;text-align: center;width: 100%;height: 240px;overflow: hidden; border:2px #fff solid;
}

.fc_pic_link img{max-width:100%; max-height:100%; border:0px; transition: all .3s ease 0s;}
.fc_pic_link:hover{border:2px #33ab38 solid; display: block;}

/*.fc_pic_link:hover img{ transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3); -webkit-transform: all 1s ease 0s; cursor:pointer}*/

.fc_text{width: 100%;overflow: hidden;display: flex;   flex-flow: column;}
.fc_text>a{text-align: center;display: block;	padding: 10px 0;font-size: 16px;
	color: #444;line-height: 24px; margin: 0 auto;}
.fc_text>a:hover{color:#33ab38;}
.fc_text h1 a{line-height:51px; color:#333; font-size:16px;}
.fc_text h1 a:hover{color:#33ab38;}
.fc_text p{height: 70px; overflow: hidden;
	font-size: 14px;color: #999;
	line-height: 22px;	padding-top: 5px;
}
.case_list{overflow: hidden;float: left;width: 33.333%;}
.case_list>a{text-align: center;display: block;height: 240px;background-color: #f2f2f2;}
.case_list>a.case_img {display: flex; align-items: center; justify-content: center; text-align: center; max-width:100%; max-height: 100%;overflow: hidden; border: 0px #ccc solid;margin: 5px;}
.case_list>a.case_img img{width: 100%;height: 100%;object-fit:cover;}
.case_text {overflow: hidden; display: flex;flex-flow: column;margin: 5px 10px;}
.case_text h1{font-size: 21px;margin-bottom: 5px;}
.case_text p{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*------view-----*/
.xq_box{width:100%; margin:0 auto;overflow: hidden;padding: 10px 0px 0px;}
.xq_box h1, .god_zs_box h1{font-size: 24px;	color: #333;font-weight: bold;text-align: center;margin-bottom:5px;}
.xq_box .p2{text-align: center; color: #aaaaaa; font-size: 14px; margin:0px 0 15px 0;}
.xq_pbox{font-size: 18px;line-height: 28px;text-align: justify;/*text-indent: 2rem;*/}
.xq_pbox p{margin-top: 10px;text-indent: 0rem;}
.xq_pbox img{margin: 2px auto;}
.xq_box .pic{float:left; border:1px #f1f1f1 solid; width:350px; height:350px; overflow:hidden; text-align:center; margin-right:5px;}
.xq_box .pic img{width:100%; height:auto;}
/*-----------pro item--------------*/
.pro_item {width: 500px; margin: 0 auto; color: #f0f0f0;}
.pro_item .nav_menu .nav_menu-item a {display: block; padding: 0 16px; font-size:14px; color:#666;line-height: inherit;cursor: pointer;}
.pro_item .nav_menu .nav_menu-item a:hover{color:#fff;}
.pro_item .nav_menu .nav_menu-item:hover a{color:#fff;}
.pro_item .nav_menu .on { background-color:#33ab38; color:#fff;}
.pro_item .nav_menu .on a{ color:#fff;}

.nav_menu {line-height: 45px;font-weight: 700; text-transform: uppercase;}
.nav_menu-item {display: inline-block;  position: relative;text-align: center;}
.nav_menu-item:hover {background-color: #33ab38;}
.nav_menu-item:hover .nav_submenu {display: block;}
.nav_submenu {font-weight: 300;text-transform: none;display: none;position: absolute;width: 220px; background-color: #33ab38;}
.nav_submenu-item:hover {background:#33ab38;}
.nav_submenu-item:hover a { color:#fff;}
.pro_item .nav_menu .nav_menu-item .nav_submenu-item a{color:#fff;}
.pro_item .nav_menu .nav_menu-item .nav_submenu-item a:hover{ background-color:#388a3c; color:#fff;}