@charset "utf-8";
html, body, ul, li, ol, p, h1, h2, h3, h4, h5, h6, form, img, ::before, ::after{
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
}
body{
    margin: 0 auto;
}

ul, ol, li{
    list-style: none;
}

a{
	text-decoration: none;
	/*消除ie10灰色背景*/
	background-color: transparent;
	/*消除火狐虚线*/
	outline: none;
}

img{
	border: 0 none;
	outline-style: none;
}

div{
  box-sizing: border-box;
}

.img_row{
	display: inline-block;
	vertical-align: middle;
}

.f_left{
	float: left;
}

.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.dis_flex{
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: -moz-box;
	display: flex;
}

.webbody{
	width: 100%;
	/*max-width: 1200px;*/
	height: 300px;
	margin: 0 auto;
}

.header_logo{
	margin: 0 auto;
	width: 1200px;
	height: 100px;
	padding-top: 20px;
}


.header_nav{
	margin: 0 auto;
	width: 1200px;
	height: 82px;
	line-height: 62px;
	padding-top: 20px;
}

.h_n_item{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.h_n_item:hover .h_show_proclass{ 
	display: block;
}

.h_show_proclass{
	position: absolute;
	left: -50px;
	display: none;
	width: 300px;
	background: #fff;
	z-index: 99;
}

.h_pro_class_list{
	width: 50%;
	float: left;
}

.big_class_name{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #99C841;
}

.samll_class_name{
	width: 100;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
}

.samll_class_name a:hover{
	border-bottom: 1px solid #000;
}

.samll_class_name a{
	color: #000;
}

.idx_banner{
	margin: 0 auto;
	width: 1200px;
	margin-top: 20px;
}

.idx_banner img{
	width: 100%;
}

.idx_show_des{
	margin: 0 auto;
	width: 1200px;
}

.idx_show_des img{
	width: 100%
}


.pub_title{
	margin: 0 auto;
	margin-top: 40px;
	width: 1200px;
	height: 50px;
	line-height: 50px;
	border-left: 8px solid #48a530;
	color: #48a530;
	font-size: 30px;
	font-weight: bold;
	text-indent: 10px;
}


.support{
	margin: 0 auto;
	width: 1200px;
	margin-top: 10px;
	text-align: center;
}

.company_div{
	margin: 0 auto;
	width: 1200px;
	height: 250px;
	margin-top: 30px;
}

.com_item{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 14px;
}

.text_com{
	text-indent: 28px;
	position: relative;
}

.more_com{
	display: block;
	color: #000;
	position: absolute;
	bottom: 10px;
	right: 0;
}

.pro_class_nav{
	margin: 0 auto;
	width: 1200px;
	height: 60px;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
}

.swiper-button-next_two{
	position: absolute;
	right: 0;
	z-index: 9999;
	top: 50%;
	background: #48a530;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	line-height: 28px;
	cursor: pointer;
	text-align: center;
}	

.swiper-button-prev_two{
	position: absolute;
	left: 0;
	z-index: 9999;
	top: 50%;
	background: #48a530;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	line-height: 28px;
	cursor: pointer;
	text-align: center;
}

.swiper-button-next_two img{
	width: 80%;
}

.swiper-button-prev_two img{
	width: 80%;
}

.pro_class_nav .swiper-slide{
	height: 60px;
	line-height: 60px;
	text-align: center;
}

.pro_class_item{
	margin: 0 auto;
	width: 80%;
	height: 60px;
	background: url('../images/pro_class_bg.png') no-repeat;
	background-size: 90%;
	background-position:center center;
	padding: 14px 120px 14px 10px;
	line-height: 32px;
	color: #fff;
	overflow: hidden;
	cursor: pointer;
}

.idx_pro_list{
	margin: 0 auto;
	width: 1200px;
	padding-top: 40px;
}

.idx_pro_item{
	width: 300px;
	height: 440px;
	float: left;
	margin-left: 70px;
}

.idx_pro_item_img{
	width: 100%;
	height: 374px;
	overflow: hidden;
}

.idx_pro_item_img img{
	/*width: 100%;*/
}

.idx_pro_item_title{
	width: 100%;
	height: 64px;
	line-height: 64px;
	text-align: center;
	overflow: hidden;
}

.case_big_div{
	width: 100%;
	height: 772px;
	background: url('../images/case_bg.png') no-repeat;
	background-size: 100%;
	padding-top: 192px;
}

.case_list{
	width: 1200px;
	margin: 0 auto;
}

.case_item{
	width: 284px;
	height: 220px;
	margin-top: 44px;
	float: left;
    margin-left: 82px;
}

.case_item_img{
	width: 100%;
	height: 184px;
	overflow: hidden;
	text-align: center;
	line-height: 184px;
	overflow: hidden;
}

.case_item_img img{
	max-width: 100%;
}

.case_item_title{
	width: 100%;
	height: 36px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	font-size: 18px;
}

.show_1{
	width: 100%;
	margin-top: 20px;
}

.show_1 img{
	width: 100%;
}

.new_big_div{
	width: 100%;
	height: 660px;
	background: url('../images/news_bg.png') no-repeat;
    background-size: 74%;
	background-position: center bottom;
}

.new_list{
	margin: 0 auto;
	width: 1200px;
	margin-top: 40px;
}

.new_item{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 550px;
	height: 360px;
}

.new_item_one{
	margin: 0 auto;
	margin-top: 5px;
	width: 534px;
	height: 350px;
}

.n_i_one_img{
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.n_i_one_img img{
	width: 100%;
}


.n_i_one_title{
	width: 100%;
	height: 50px;
	overflow: hidden;
	color: #631f1f;
	font-size: 18px;
	line-height: 50px;
}

.new_item_title{
	width: 100%;
	height: 96px;
	line-height: 96px;
	text-align: center;
	color: #48a530;
	font-size: 22px;
}

.new_item_two{
	width: 100%;
	height: 104px;
}

.n_i_item_img{
	width: 160px;
	height: 104px;
	line-height: 104px;
	overflow: hidden;
}

.n_i_item_img img{
	width: 98%;
}

.n_i_item_content{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.new_i_c_date{
	width: 100%;
	height: 40px;
	line-height: 40px;
}

.new_i_c_cont{
	width: 100%;
	height: 64px;
	overflow: hidden;
	text-indent: 30px;
}

.more_newlist{
	margin: 0 auto;
	width: 1200px;
	text-align: center;
	color: #000;
}


.web_foot{
    width: 100%;
    height: 188px;
    background: url(../images/foot_bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    text-align: center;
    padding-top: 80px;
    color: #fff;
}

.ercode_img{
	width: 100px;
	position: absolute;
	right: 200px;
	bottom: 10px;
	color: #fff;
}

.ercode_img img{
	width: 100%;
}

.pub_banner{
	width: 100%;
	margin-top: 40px;
}

.pub_banner img{
	width: 100%;
}

.crumbs_nav{
	margin: 0 auto;
	width: 1200px;
	height: 50px;
	line-height: 50px;
}

.pgem_list{
	margin: 0 auto;
	width: 1200px;
	margin-top: 40px;
}

.pgem_item{
	cursor: pointer;
	width: 264px;
	height: 370px;
	margin-left: 28px;
	float: left;
	margin-bottom: 40px;
	-webkit-box-shadow:
		0px 0px 0px 0px green,
		0px 0px 0px 0px blue,
		0px 8px 3px -1px #e0e0e0,
		8px 0px 3px -1px #e0e0e0;
	-moz-box-shadow:
		0px 0px 0px 0px green,
		0px 0px 0px 0px blue,
		0px 8px 3px -1px #e0e0e0,
		8px 0px 3px -1px #e0e0e0;
	box-shadow:
		0px 0px 0px 0px green,
		0px 0px 0px 0px blue,
		0px 8px 3px -1px #e0e0e0,
		8px 0px 3px -1px #e0e0e0;
}

.color_bar{
	width: 100%;
	height: 14px;
}

.pgem_img{
	width: 100%;
	height: 298px;
	line-height: 298px;
	text-align: center;
	border-bottom: 1px solid #dfdfdf;
}

.pgem_img img{
	width: 100%;	
}

.pgem_title{
	width: 100%;
	height: 56px;
	line-height: 56px;
	text-align: center;
	overflow: hidden;
	font-size: 18px;
}


.pro_list{
	margin: 0 auto;
	width: 1200px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.pro_item{
	width: 264px;
	height: 370px;
	margin-left: 28px;
	float: left;
	margin-bottom: 40px;
	-webkit-box-shadow:
		0px 0px 0px 0px green,
		0px 0px 0px 0px blue,
		0px 8px 3px -1px #e0e0e0,
		8px 0px 3px -1px #e0e0e0;
	-moz-box-shadow:
		0px 0px 0px 0px green,
		0px 0px 0px 0px blue,
		0px 8px 3px -1px #e0e0e0,
		8px 0px 3px -1px #e0e0e0;
	box-shadow:
		0px 0px 0px 0px green,
		0px 0px 0px 0px blue,
		0px 8px 3px -1px #e0e0e0,
		8px 0px 3px -1px #e0e0e0;
}

.pro_img{
	width: 100%;
	height: 260px;
	line-height: 260px;
	text-align: center;
	border-bottom: 1px solid #dfdfdf;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.pro_title{
	width: 100%;
	height: 46px;
	line-height: 46px;
	text-align: center;
	overflow: hidden;
	font-size: 18px;
}

.pro_title_one{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
}

.pro_des_cont{
	margin: 0 auto;
	width: 1200px;
	/*height: 790px;*/
	color: #fff;
	font-size: 30px;
}

.pro_content{
	margin: 0 auto;
	margin-top: 20px;
	width: 1200px;
	margin-bottom: 20px;
}

.pro_content img{
	max-width: 100%;
}

.pro_spec{
	width: 100%;
}

.spec_wire{
	width: 100%;
	height: 20px;
	background: #8fbf38;
}

.pro_det_param{
	width: 100%;
}

.p_d_param_bg1{
	background: #8fbf38;
}

.p_d_param_bg2{
	background: #b0d46e;
}

.pro_det_title{
	width: 100%;
	background: #b0d46e;
	text-align: center;
	line-height: 100px;
	font-size: 34px;
}

.p_d_p_title{
	width: 300px;
	/*height: 80px;*/
	line-height: 80px;
	text-align: center;
}

.p_d_p_cont{
	border-left: 2px solid #fff;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	/*height: 80px;*/
	line-height: 80px;
	text-align: center;
}

.art_new_list{
	margin: 0 auto;
	width: 1200px;
	margin-bottom: 40px;
}

.art_new_item{
	width: 100%;
	height: 264px;
	border: 1px solid #cbde9d;
	padding: 20px;
	margin-bottom: 40px;
}

.a_n_item_img{
	width: 365px;
	height: 220px;
	overflow: hidden;
	text-align: center;
	line-height: 220px;
}

.a_n_item_img img{
	width: 100%;
}

.a_n_item_cont{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 220px;
	padding-left: 20px;
	position: relative;
}

.a_n_item_title{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #8fbf38;
}

.a_n_item_content{
	width: 100%;
	height: 170px;
	color: #959595;
}

.a_more_btn{
	width: 100px;
	height: 30px;
	line-height: 30px;
	background: #787e6a;
	color: #fff;
	position: absolute;
	text-align: center;
	right: 0;
	bottom: 0;
	cursor: pointer;
}

.art_contet{
	margin: 0 auto;
	width: 1200px;
}

.art_contet img{
	max-width: 100%;
}

.cont_cont{
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 40px;
	height: 330px;
}

.cont_item{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.cont_bg_one{
	text-indent: 40px;
	line-height: 50px;
	color: #fff;
	background: #4FA726;
}