/*必备样式*/
body { word-wrap:break-word; word-break:break-all;background: #fff;margin: 0 auto;width: 100%;min-width: 1200px;}
div:focus {outline: none;}
* {box-sizing: border-box;margin:0; padding:0;font-weight: normal;font-size: 14px;}
button, input, select, textarea, label { vertical-align:middle; border: 0; outline: none;}
img { vertical-align:middle; border:none; display:inline-block; max-width: 100%;}
ul, ol { list-style:none; }
a { text-decoration:none !important; color:#666; vertical-align:baseline; cursor:pointer; font-size: inherit;-o-transition: .2s ease;-moz-transition: .2s ease;-webkit-transition: .2s ease;transition: .2s ease;}
table { border-collapse:collapse; border-spacing:0; }
/*清浮*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
.clearfix{*zoom:1;}
/*浮动*/
.fl { float:left; _display:inline; }
.fr { float:right; _display:inline; }
input, textarea {
    outline: none;
    -webkit-appearance: none;
    background: none;
}
input[type='checkbox']:focus{
    outline: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #cac9c9;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #cac9c9;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cac9c9;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #cac9c9;
}
.container {
	width: 1200px;
	margin: 0 auto;
}
/* header */
.header {
	background: #fff;
}
.hd_top {
	border-bottom: 1px solid #eaeaea;
}
.logo {
	float: left;
}
.top_con {
	padding: 8px 0 24px 0;
}
.top_search {
	float: right;
	width: 274px;
	height: 38px;
	border: 1px solid #d9d9d9;
	border-radius: 18px;
	position: relative;
	padding: 0 20px;
	margin-top: 14px;
	line-height: 36px;
	background: #fff;
}
.top_search input {
	display: block;
	width: 80%;
	height: 100%;
}
.top_search button {
	position: absolute;
	right: 17px;
	top: 50%;
	background: none;
	cursor: pointer;
	transform: translateY(-50%);
}
.top_tel {
	float: right;
	text-align: right;
	padding-top: 4px;
	margin-left: 25px;
}
.top_tel h4 {
	color: #bdbdbd;
	font-size: 16px;
	padding-bottom: 2px;
}
.top_tel p > * {
	display: inline-block;
	vertical-align: middle;
}
.top_tel p span {
	color: #000000;
	font-size: 24px;
	padding-left: 6px;
}
.naver ul li {
	display: inline-block;
	width: 100px;
	margin-right: 5%;
	position: relative;
}
.naver ul li > a {
	display: block;
	width: 100%;
	text-align: center;
	color: #000000;
	font-size: 18px;
	line-height: 64px;
	position: relative;
	transition: all .36s;
}
.naver ul li > a i {
	color: #cacaca;
	display: inline-block;
	transition: all .36s;
	margin-left: 8px;
}
.naver ul li > a:before {
	position: absolute;
	content: "";
	width: 0;
	height: 3px;
	background: #90c93a;
	left: 0;
	top: 0;
	transition: all .36s;
}
.naver ul li:hover > a ,
.naver ul li.active > a{
	color: #90c93a;
}
.naver ul li:hover > a:before ,
.naver ul li.active > a:before {
	width: 100%;
}
.naver ul li.p_li.current > a i {
	transform: rotateZ(90deg);
	color: #90c93a;
}
.nav_second {
	position: absolute;
	width: 274px;
	left: 0;
	top: 66px;
	z-index: 5;
	background: #90c93a;
	padding-top: 2px;
	display: none;
}
.nav_second dl dd a {
	display: block;
	width: 100%;
	padding: 0 10px 0 16px;
	position: relative;
	color: #ffffff;
	font-size: 16px;
	line-height: 54px;
	transition: all .4s;
}
.nav_second dl dd a i {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #111d00;
	font-size: 14px;
	transition: all .4s;
	opacity: 0;
}
.nav_second dl dd a:hover {
	background: #abdd60;
	color: #111d00;
}
.nav_second dl dd a:hover i {
	opacity: 1;
}
.banner .swiper-pagination {
	display: block;
}
.banner .swiper-pagination-bullet {
	width: 64px;
	height: 2px;
	background: #cecece;
	border-radius: 0;
	opacity: 1;
	transition: all .36s;
}
.banner .swiper-pagination-bullet-active {
	background: #638b28;
	border-radius: 1px;
}
.index_title1 {
	text-align: center;
	padding: 45px 0 30px 0;
}
.index_title1 h1 {
	position: relative;
	color: #000000;
	font-size: 30px;
	padding-bottom: 16px;
}
.index_title1 h1:before {
	position: absolute;
	content: "";
	width: 106px;
	height: 3px;
	background: #90c93a;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.index_list1 ul li {
	width: 24.68%;
	float: left;
	margin-right: .42%;
	margin-bottom: 7px;
}
.index_list1 ul li:nth-child(4n) {
	margin-right: 0;
}
.index_list1 ul li a {
	display: block;
	width: 100%;
	text-align: center;
	background: #fafafa;
	transition: all .4s;
	padding: 18px 0;
}
.index_info1 {
	padding-bottom: 18px;
}
.index_info1 h3 {
	color: #3c3334;
	font-size: 24px;
	transition: all .36s;
}
.index_info1 h4 {
	color: #9d9998;
	transition: all .36s;
}
.index_img1 {
	width: 100%;
	height: 210px;
	overflow: hidden;
}
.index_img1 img {
	transition: all .36s;
	max-height: 100%;
}
.index_list1 ul li a:hover {
	background: #90c93a;
}
.index_list1 ul li a:hover h3,
.index_list1 ul li a:hover h4 {
	color: #fff;
}
.index_list1 ul li a:hover .index_img1 img {
	transform: scale(1.1);
}
.about_swiper {
	width: 50%;
	float: left;
	position: relative;
}
.index_about {
	background: #fafafa;
}
.about_swiper .swiper-pagination {
	display: inline-block;
	padding: 0 8px;
	height: 21px;
	background: rgba(120,120,120,.56);
	border-radius: 10px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 6px;
}
.about_swiper .swiper-pagination-bullet {
	opacity: 1;
	background: #fff;
	margin: 0 4px;
}
.about_swiper .swiper-pagination-bullet-active {
	background: #90c93a;
}
.about_right {
	width: 50%;
	float: right;
}
.about_c {
	width: 600px;
	float: left;
	padding-left: 48px;
	padding-top: 3%;
}
.about_info1 .txt {
	color: #848484;
	font-size: 16px;
	text-align: justify;
	line-height: 30px;
	word-break: keep-all;
}
.index_more {
	text-align: center;
	margin-top: 8%;
}
.index_more a {
	display: inline-block;
	width: 226px;
	height: 50px;
	border: 1px solid #90c93a;
	color: #989898;
	font-size: 16px;
	line-height: 48px;
	transition: all .4s;
}
.index_more a:hover {
	background: #90c93a;
	color: #fff;
}
/* footer */
.footer {
	background: #ededed;
}
.copyright {
	border-top: 1px solid #d3d3d3;
	text-align: center;
	padding: 28px 0;
	color: #a2a2a2;
	font-size: 16px;
}
.f_con {
	padding: 40px 0;
}
.f_logo {
	float: left;
	margin-top: 40px;
}
.f_r {
	float: right;
}
.f_r h3 {
	color: #a7a7a7;
	font-size: 16px;
	margin-bottom: 24px;
}
.f_ul {
	float: left;
	margin: 0 25px;
}
.f_ul ul li {
	display: inline-block;
	margin: 0 25px;
	vertical-align: top;
}
.f_ul ul li h2 {
	margin-bottom: 28px;
}
.f_ul ul li h2 a {
	color: #a7a7a7;
	font-size: 16px;
}
.f_ul ul li dl dd a {
	color: #a7a7a7;
	line-height: 30px;
	display: inline-block;
}
.f_ewm > * {
	display: inline-block;
	vertical-align: middle;
}
.f_ewm a {
	display: block;
	margin: 10px 0;
}
.ewm_1 {
	margin-left: 15px;
}
.ewm_1 img {
	width: 100px;
	height: 100px;
}

/* floatRight */
.floatRight {
	position: fixed;
	width: 50px;
	right: 22px;
	top: 60%;
	z-index: 99;
}
.floatRight ul li {
	position: relative;
	margin-top: 1px;
}
.floatRight ul li a {
	display: block;
}
.floatRight ul li a i {
	font-size: 22px;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	color: #fafafa;
	background: rgba(123,123,123,.5);
	transition: all .4s;
}
.floatRight ul li a:hover i {
	color: #010101;
}
.float_ewm {
	position: absolute;
	width: 160px;
	height: 190px;
	background: #90c93a;
	text-align: center;
	padding: 18px 0 0;
	left: -180px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}
.float_ewm:before {
	position: absolute;
	content: "";
	width:0; 
    height:0; 
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #90c93a;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
}
.float_ewm p {
	font-size: 16px;
	color: #fff;
	padding-top: 5px;
}
.ewm_2 img {
	width: 120px;
	height: 120px;
	border-radius: 4px;
}
.ewm_i:hover .float_ewm{
	display: block;
}

/* 产品中心 */
.header01 {
	background: #f8f8f8;
}
.product_left {
	width: 23.33%;
	float: left;
}
.product_list1 {
	background: #90c93a;
}
.product_list1 ul li a {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #ffffff;
	padding-left: 18px;
}
.product_list1 ul li a > * {
	display: inline-block;
	vertical-align: middle;
}
.product_list1 ul li a span {
	line-height: 66px;
}
.product_list1 ul li a i {
	font-style: normal;
	margin-right: 13px;
}
.product_list1 ul li.active a ,
.product_list1 ul li:hover a {
	background: #abdd60;
	color: #121e00;
}
.product_right {
	width: 75%;
	float: right;
}
.product_list2 ul li {
	width: 32.44%;
	float: left;
	margin-right: 1.34%;
	margin-bottom: 40px;
}
.product_list2 ul li:nth-child(3n) {
	margin-right: 0;
}
.product_list2 ul li a {
	display: block;
}
.product_img1 {
	border: 1px solid #e9e9e9;
	height: 240px;
	display: flex;
	overflow: hidden;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.product_img1 img {
	transition: all .36s;

	max-height: 100%;
}
.product_info1 {
	padding: 20px 0;
	border: 1px solid #fff;
	text-align: center;
	transition: all .4s;
	margin-top: 10px;
}
.product_info1 h2 {
	color: #3c3334;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .4s;
}
.product_info1 h3 {
	color: #9d9998;
	font-size: 12px;
	transition: all .4s;

	height: 16px;
}
.product_list2 ul li a:hover .product_img1 img {
	transform: scale(1.1);
}
.product_list2 ul li a:hover .product_info1 {
	background: #90c93a;
	border-color: #90c93a;
}
.product_list2 ul li a:hover .product_info1 h2 ,
.product_list2 ul li a:hover .product_info1 h3 {
	color: #fff;
}
.product_center {
	margin-bottom: 40px;
}
.page {
	text-align: center;
}
.page a {
	display: inline-block;
	width: 31px;
	height: 31px;
	background: #f4f4f4;
	color: #939292;
	font-size: 16px;
	line-height: 31px;
	margin: 0 4px;
}
.page a.on {
	background: #90c93a;
	color: #fff;
}

/* 产品详情 */
.pro_t1 h2 {
	color: #5a5a5a;
	font-size: 18px;
	line-height: 30px;
}
.view {
	width: 488px;
	float: left;
	border: 1px solid #abdd60;
}
.product_img2 {
	width: 100%;
	display: flex;
	height: 366px;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.preview {
	width: 133px;
	float: left;
	height: 366px;
	margin-left: 18px;
	padding: 17px 0;
	position: relative;
}
.preview .swiper-container {
	height: 100%;
}
.preview .arrow-left,
.preview .arrow-right{
	position: absolute;
	left: 0;
	font-size: 0;
}
.preview .arrow-left {
	top: 0;
}
.preview .arrow-right {
	bottom: 0;
}
.product_img3 {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ebebeb;
    height: 100%;
}

.product_img3 img {

	max-height: 100%;

}
.preview .active-nav .product_img3 {
	border-color: #90c93a;
}
.product_swiper {
	margin: 20px 0;
}
.pr_t2 {
	background: url(../images/bg1.jpg) no-repeat center;
	padding-left: 10px;
	margin-bottom: 20px;
}
.pr_t2 h2 {
	color: #ffffff;
	font-size: 18px;
	line-height: 58px;
	font-weight: bold;
}
.pro_info2 h3 {
	color: #444444;
	font-size: 16px;
	padding-bottom: 16px;
}
.pro_u ul li {
	width: 50%;
	float: left;
	color: #878787;
	line-height: 24px;
}
.pro_info3 {
	padding: 30px 20px 80px 20px;
	border: 1px solid #ebebeb;
}
.pro_info3 .txt {
	color: #909090;
	text-align: justify;
	line-height: 24px;
	word-break: keep-all;
}
.pro_d2 {
	margin-bottom: 25px;
}
.product_center1 {
	margin-bottom: 107px;
}

/* 关于我们 */
.aboutUs {
	margin-bottom: 110px;
}
.about_info2 .txt {
	word-break: keep-all;
	color: #6d6d6d;
	font-size: 16px;
	line-height: 36px;
	text-align: justify;
}
.about_t1 {
	margin-top: 40px;
}
.about_t1 h3 {
	color: #90c93a;
	font-size: 18px;
	padding-bottom: 20px;
	font-weight: bold;
}
.about_t1 .txt {
	word-break: keep-all;
	color: #878787;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
}
.about_table table {
	width: 100%;
	border: none;
}
.about_table table td ,
.about_table table th {
	border: none;
}
.about_table table th {
	text-align: left;
	color: #878787;
	font-size: 16px;
	line-height: 40px;
}
.about_table table thead {
	border-bottom: 20px solid #fff;
}
.about_table table td {
	color: #878787;
	font-size: 16px;
	vertical-align: top;
}

/* 联系我们 */
.contactUs {
	margin-bottom: 124px;
}
.map {
	width: 100%;
	height: 368px;
}
.contact_form {
	padding: 20px 20px 60px 20px;
	margin-top: 26px;
	background: #fafafa;
}
.contact_left {
	width: 40%;
	float: left;
}
.contact_list ul li {
	margin-bottom: 20px;
}
.contact_list ul li > * {
	display: inline-block;
	vertical-align: top;
}
.contact_list ul li p {
	color: #6d6d6d;
	line-height: 24px;
	padding-left: 10px;
	width: 80%;
	word-break: keep-all;
}
.contact_right {
	width: 52%;
	float: right;
}
.s_form {
	width: 48.4%;
	float: left;
	margin-right: 3.2%;
	position: relative;
}
.s_form i {
	position: absolute;
	font-style: normal;
	color: #ff0000;
	right: 12px;
	bottom: 8px;
}
.form .form_group {
	margin-bottom: 10px;
}
.form .s_form:nth-child(2n) {
	margin-right: 0;
}
.form h2 {
	color: #323232;
	line-height: 26px;
}
.form .s_form input {
	width: 100%;
	height: 40px;
	background: #fff;
	border: 1px dashed #aaaaaa;
	padding: 0 10px;
	font-size: 12px;
	color: #444;
}
.tips {
	color: #ff0303;
	font-size: 12px;
	padding-bottom: 8px;
}
.form textarea {
	width: 100%;
	resize: none;
	height: 120px;
	border: 1px dashed #aaaaaa;
	background: #fff;
	padding: 10px;
	color: #444;
}
.form_btn {
	margin-top: 22px;
}
.form_btn button {
	width: 120px;
	height: 38px;
	color: #fff;
	background: #90c93a;
	font-size: 15px;
	cursor: pointer;
}

.crumbs {
	border-bottom: 1px solid #e8e8e8;
}
.crumbs p {
	color: #5a5a5a;
	line-height: 58px;
}
.crumbs p a {
	color: #5a5a5a;
}
.crumbs p a.now {
	color: #90c93a;
}
/* 新闻中心 */
.news_list1 {
	margin-bottom: 40px;
}
.news_list1 ul {
	text-align: center;
}
.news_list1 ul li {
	display: inline-block;
	margin: 0 10px;
}
.news_list1 ul li a {
	color: #a7a7a7;
	font-size: 16px;
	transition: all .4s;
}
.news_list1 ul li.active a ,
.news_list1 ul li:hover a {
	color: #000;
}
.news_list2 ul li {
	margin-bottom: 76px;
}
.news_list2 ul li a {
	display: block;
	transition: all .4s;
}
.news_img1 {
	width: 26.66%;
	float: left;
	height: 200px;
	overflow: hidden;
}
.news_img1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .4s;
}
.news_r {
	width: 73.34%;
	float: right;
	padding: 15px 0 0 48px;
}
.news_info1 h2 {
	color: #918f8f;
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 22px;
}
.news_info1 p {
	color: #b4b4b4;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	word-break: keep-all;
}
.news_info1 h3 {
	color: #bdbdbd;
	padding-top: 12px;
	border-top: 1px solid #dfdfdf;
	margin-top: 20px;
	opacity: 0;
	transition: all .36s;
}
.news_list2 ul li a:hover {
	background: #f4f4f4;
}
.news_list2 ul li a:hover .news_img1 img {
	transform: scale(1.1);
}
.news_list2 ul li a:hover .news_info1 h2 {
	color: #5a5a5a;
}
.news_list2 ul li a:hover .news_info1 h3 {
	opacity: 1;
}
.news_list2 {
	margin-bottom: 100px;
}

/* 新闻详情 */
.news_title {
	text-align: center;
	padding: 35px 0 30px 0;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 40px;
}
.news_title h2 {
	color: #5a5a5a;
	font-size: 20px;
}
.news_title h3 {
	color: #b2b2b2;
	font-size: 18px;
	margin-top: 12px;
}
.news_info2 .txt {
	text-align: justify;
	word-break: keep-all;
	color: #b4b4b4;
	line-height: 36px;
	font-size: 16px;
}
.news_d1 {
	margin-bottom: 60px;
}
.pian a {
	display: block;
	color: #b4b4b4;
	transition: all .36s;
	line-height: 28px;
}
.pian a:hover {
	color: #000;
}
.news_details {
	margin-bottom: 120px;
}