﻿.flexslider {
	margin: 0px auto;
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 600px;
	display: block;
}

/* ========== */
/* = middle_about = */
/* ========== */
.middle_about_bg{ background: #e6e6e6;margin-top: 1px;}
.middle_about{ width:1000px; margin:0 auto; padding:30px 0;}
.middle_about_t{ text-align: center; background: url(/images/title_1.gif) top center no-repeat; padding:30px; line-height: 23px;}
.middle_about_t strong{ display: block; font-size: 30px; color:#000;}
.middle_about_t span{ font-size: 18px; color:#db2228;}

.middle_about_b{ overflow: hidden; padding-top:20px;}
.middle_about_b_l{ width:538px; padding-left:20px;}
.middle_about_b_l strong{ font-size: 30px; color:#000; padding-bottom:10px;}
.middle_about_b_l span{ color:#db2228;}
.middle_about_b img{ float:right; padding-right:20px;}
.middle_about_b p{ padding:10px 0; font-size: 14px; color:#555; line-height: 28px;}
.i_input{ overflow: hidden;}
.i_input_a{ padding:20px 20px; line-height: 30px; background: #db2228; color:#fff; margin-right:20px;} 
.i_input_b{ padding:20px 20px; line-height: 30px; background: #db2228; color:#fff; margin-right:20px;} 

.i_input A {
	COLOR: #fff
}
.i_input A:hover {
	COLOR: #ff0000; TEXT-DECORATION: none
}
.i_input A:active {
	COLOR: #ff0000; TEXT-DECORATION: none
}

/*=====5大优势=====*/

#in_about {
	height: auto;
	width: 1200px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#in_about #ystitle {
	text-align: center;
	margin-top: 30px;
}
#in_about #yscontent {
	width: 1000px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	line-height: 30px;
	font-size: 16px;
}
#in_about #zz_linkurl {
	line-height: 50px;
	color: #FFF;
	text-align: center;
	height: 50px;
	width: 250px;
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: #019934;
	margin-right: auto;
	margin-left: auto;
	font-size: 20px;
}

/***优势***/
.ys_tit{width:100%; height:154px; margin:0 0 6px; background:url(../images/bg5.jpg) repeat-x; clear:both}
.ys_t{width:1002px;margin:0 auto;height:154px;}
.youshi{ width:1002px; margin:0 auto; overflow:hidden;}
.ys_img{ width:480px; height:400px; overflow:hidden}
.ys_con{ width:510px;height:400px; overflow:hidden;}
.yscon_t{width:510px; height:84px}
.yscon_z{width:440px; padding:10px 20px 10px 50px; font-size:14px; line-height:2em;}

.in_news {
	height: auto;
	width: 1200px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size:16px;
	font-family: "微软雅黑";
}
.in_news #in_news {
	float: left;
	width: 450px;
	height: auto;
	margin-top: 30px;
	margin-left: 22px;
}
.art_class {
	line-height: 35px;
	background-image: url(../images/index_38.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #019934;
	font-size: 20px;
}
.art_class span {
	font-size: 16px;
	float: right;
}
.art_class span a {
	color: #019934;
	text-decoration: none;
}
.art_li {
	line-height: 35px;
}
.art_li a {
	color: #333;
	text-decoration: none;
}
.art_li a:hover {
	color: #019934;
	text-decoration: none;
}
.art_li span {
	font-size: 14px;
	float: right;
	color: #999;
}
.art_other {
	float: left;
	height: auto;
	width: 325px;
	margin-left: 30px;
	margin-top: 30px;
}
.font_b {
    color: #000;
}
.font_r {
    color: #F00;
}

/*中间内容开始*/
#bodycon {width:1002px;margin: 20px auto;}
#bodycon #left {float:left;width: 213px;background-color:#fff;}
#bodycon #center {float:left;width: 789px;background-image:url(../images/2014011659245593.jpg);}
#bodycon #right {float:left;width: 0px;background-color:;}
/*中间内容结束*/
/*详细内容开始*/
#bodycontent {width:720px;margin: 0 auto;line-height:180%; font-size:16px;} 
/*zuo*/
.zuo{ width:213px;}
.zuo_t{ background:url(../images/20140116095756785678.jpg) no-repeat; padding-left:50px; line-height:26px; font-size:14px; font-weight:bold; color:#fff; width:263px; height:36px;}
.zuo_c{ background:url(../images/20140116100794189418.jpg) repeat-y; padding-left:65px; width:248px; font-size:14px;}
.zuo_b{ line-height:28px; padding:0 10px 10px 17px;}

.title{ width:743px; height:27px; padding:14px 0 0 46px; background-image:url(../images/bg4.jpg);overflow:hidden; font-size:16px;}
.title h3{ width:80px; height:27px; font-size:16px; color:#009239; float:left;}
.title strong{width:80px; height:27px; font-size:16px; color:#666; float:left;}
.rab{ line-height:2em; font-size:16px;}


.container{max-width:100%; padding:0; margin:0;}
.container{max-width:100%;margin-right:auto;margin-left:auto;padding-right:.9375rem;padding-left:.9375rem; clear:both}
.index_top{
  text-align: center;
  margin-bottom: 35px;
}
.index_top_text1{line-height:40px; font-size:40px; font-weight:bold; color:#1f9d22; text-align:center;}
.index_top_text2{padding-top:10px; line-height:32px; font-size:18px; text-align:center;}
.index_product2{padding:0 0 50px;}
.index_product2 #index_product2_sw{}
.index_product2 .index_product_item_img{
  width: 100%;
  height: 0px;
  padding-bottom: 111%;
  position: relative;
  max-width:400px;
}
.index_product2 .index_product_item_img img{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}

.index_product2 .index_product_text{
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 0.5rem ;
  background: #84c225;
}
.index_product2 .index_product_item:hover .index_product_text{background: #c32e32;}

#chanpin_bg1{ width:100%; height:530px; margin:auto;}
.prod_bg{width:1214px; margin:0 auto;}
.prod_bg > table > tbody > tr > td{ display: block; float: left; padding: 0 !important; width: 286px; height: auto; position: relative; overflow: hidden; margin-top: 16px; margin-right: 16px; }
.prod_bg > table > tbody > tr > td:first-child{ width: 593px; height: 446px; margin-right: 16px;}
.prod_bg > table > tbody > tr > td:nth-last-child(1),.prod_bg > table > tbody > tr > td:nth-last-child(2){}

.prod_bg > table > tbody > tr > td > span{ display: block; width: 100%; position: absolute; }
.prod_bg > table > tbody > tr > td br{ display: none; }
.prod_bg > table > tbody > tr > td a{ display: block; }

.prod_bg > table > tbody > tr > td > a > img{ display: block; width: 100%; height: auto; transition:0.3s all ease-in-out;}
.prod_bg > table > tbody > tr > td > span { position: absolute; height: 100%; width: 100%; display: block; left:22%; bottom: 0;}

.prod_bg > table > tbody > tr > td > span::after { content: '';  width: 160px; top: 68px; padding: 40px 10px; position: absolute; right: -82%;  background: rgba(31,157,34,0.8); transition: 0.3s all ease-in-out; }
.prod_bg > table > tbody > tr > td > span > a:after,.prod_bg > table > tbody > tr > td > span > a::after{ content: ''; display: block; width: 35px; height: 35px; margin: 0 auto; background: url(../images/20190220172645_409165693.png) no-repeat center; }
.prod_bg > table > tbody > tr > td > span:hover::after { right: 115px; }
.prod_bg > table > tbody > tr > td > span > a { position: absolute; text-align: center; font-size: 18px; color: #fff; z-index: 3; left: -100%; transition: 0.7s all ease; width: 220px; height: 60px; line-height: 35px;}

.prod_bg > table > tbody > tr > td:hover > span a{ left:-30px; top:72px; letter-spacing: 0.1px; }
.prod_bg > table > tbody > tr > td:hover > a > img{ transform: scale(1.1); }

.prod_bg > table > tbody > tr > td:first-child > span{ display: block; position: absolute; background: rgba(31,157,34,0.8); padding: 10px 10px; color: #fff; width: 200px; top: 170px; left:187px; text-align: center; transform: scale(1.1,1.1) rotateX(180deg); transition: all 0.5s; opacity: 0; height: auto; bottom: auto; }
.prod_bg > table > tbody > tr > td:first-child > span > a{ color: #fff; font-size: 18px; letter-spacing: 0; line-height: 40px; display: block; width: auto; height: auto; left: auto; position: relative; bottom: auto; text-align: center; }
.prod_bg > table > tbody > tr > td:first-child > span::after{ display: none; }

.prod_bg > table > tbody > tr > td:first-child:hover > span a{ letter-spacing: 0px; left:0px; top:0px; }
.prod_bg > table > tbody > tr > td:first-child > span > a:after,.prod_bg > table > tbody > tr > td:first-child > span > a::after{ content: ''; display: block; width: 35px; height: 35px; margin: 0 auto; background: url(../images/20190220172645_409165693.png) no-repeat center; }

.prod_bg > table > tbody > tr > td:first-child:hover > span{ opacity: 1; transform: scale(1) rotateX(0deg); transition: all 0.5s; }
.prod_bg > table > tbody > tr > td:first-child:hover > a > img{ transform: scale(1.2);}