@charset "utf-8";
/* CSS Document */
* {padding: 0px; margin: 0px; box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
img {
border:none;max-width:100%; }

body { font-size: 15px;font-family:Arial,"微软雅黑",Microsoft YaHei;color: #333; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height: 27px;
}
a {
text-decoration:none;
font-family:Arial,"微软雅黑",Microsoft YaHei;
color:#333;
font-weight:normal;
}
a:hover { color:#009946; }
.clear {
clear:both;
}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:27px;
}
.fl{float:left;}
.fr{float:right;}
.hz{width:80%;margin:0 auto;}
.hza{ width:80%; margin:80px auto; }
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}



.top-pc {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%; 
	transition: all 0.5s;
}
.top-pc.active {
background:rgba(0,0,0,0.5);box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
}

.top1{padding-top:10px;}
.top1:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.top1 h1 img{ height:80px; }
.top1 .dwy{ margin-left:20px; margin-top:15px;color:#fff;}
.top1 .dwy h2{ font-size:28px; }
.top1 .dwy h3{ font-size:15px;font-weight:normal;margin-top:8px;color:#d8d8d8;}


.mainbav{}
.mainbav li { position: relative; padding:0 30px; }
.mainbav li a {font-size:16px;color: #fff;font-weight: bold;}
.mainbav .memu { float:left;line-height:90px;}
.mainbav .memu:hover, .mainbav .memu.active { display: block; }
.mainbav .memu:hover a, .mainbav .memu.active a {color:#00c158; }
.mainbav ul li ul {
	display: none;
	position: absolute;
	width:220px;
	left: 0;	
	top: 90px;
	z-index: 999999;
	background: #fff;
}
.mainbav ul li ul li {
	border-bottom:1px dashed #e1e1e1;
padding:0;
	position: relative;
background:#fff;

}
.mainbav ul li ul li a {
	display: block;
	color: #333 !important;
	font-size: 15px;
	padding:10px 20px;font-weight: normal;
}
.mainbav ul li ul li a:hover {
color: #fff !important;background:#009946;
}


/*banner*/
.block_home_slider{height:auto; position:relative; line-height:0px; text-align:center;}/*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:45px; height:50px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; }
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:20px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:9px; height:9px; display:block; background:#27c566; text-indent:-9000px; cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:26px; background:#fff;}
.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{line-height:0px;height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;}
#home_slider2{display:none;}


.top_sj { display:none; }

.index-title{
	text-align: center;
	font-size:42px;font-weight:bold;
	line-height:42px;color:#333;background:url(../images/index_05.jpg)no-repeat bottom;padding-bottom:5px;}


.index-product-bj{background:url(../images/cpbj.jpg) center;background-size: cover;
    background-attachment: fixed;
padding:80px 0;
    overflow: hidden;}


.index-about-bj{ 
background:url(../images/honor_bg.jpg) center;background-size: cover;
    background-attachment: fixed;
  text-align:center;
    overflow: hidden;}


.text-box{float:left;width:38%;margin-top:50px;}
.index-about-title1{color:#f6ae45;font-size:22px;margin-bottom:20px;}

.text-box-hz{ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; font-size: 18px;line-height:34px;width:80%; margin:50px auto; }


.index-xcp{text-align:center;margin:80px auto 0 auto;width:70%;}

.faq_button_li {width:180px;height:50px;overflow:hidden;line-height:50px;position:relative;text-align:center;margin:0 auto;}
.faq_button_li a {font-size:16px;display:block;position:relative;}
.faq_button_white a:after {content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:#009946;}
.faq_button_white a:before {content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#009946;}
.faq_button_white:after {content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#009946;z-index:2;transition:all .6s cubic-bezier(.645,.045,.355,1);-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);}
.faq_button_white:before {content:"";position:absolute;right:0;top:0;width:1px;height:100%;background: #009946;}
.faq_button_white a {position:relative;z-index:3;color:#4d4d4d;transition:all .6s cubic-bezier(.645,.045,.355,1);-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);}
.faq_button_white:hover:after {width:100%;}
.faq_button_white:hover a {color:#ffffff;}



.index-products-title {
	font-size:40px;font-weight:bold;background:url(../images/index_05.jpg)no-repeat bottom left;padding-bottom:5px;
	line-height:40px;text-transform:uppercase;float:left;}
.index-products-hz{margin-bottom:30px;overflow:hidden;}
.parHd{ text-align:center;margin-top:50px;}
.parHd ul li{border:1px solid #8c8c8c;padding:15px 25px;font-size:18px; display:inline-block; overflow:hidden;margin-right:1%;}
.parHd ul li a{font-weight: bold;display:block;}
.parHd ul li:hover {color:#fff;background:#009946;border:1px solid #009946;}


.ny-p .item a {
	overflow: hidden;
	display: block;
	padding-bottom: 20px;
	background-color: #f2f2f2;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.ny-p .item:hover a {
	background-color: #009946;
}
.ny-p .item .pic {
	overflow: hidden;
	position: relative;
	height: 0;
	padding-top:84%;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.ny-p .item:hover .pic {
	-webkit-transform: translateY(-7%);
	-ms-transform: translateY(-7%);
	-o-transform: translateY(-7%);
	transform: translateY(-7%);
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.ny-p .item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	_height: 100%;
}
.ny-p .item .tit {
	text-align: center;
	padding:20px 3% 10px 3%;
    font-size:20px;font-weight: bold;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ny-p .item:hover .tit {
	color: #fff;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	-o-transform: translateY(-25%);
	transform: translateY(-25%);
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.ny-p .item .tit2 {
	text-align: center;
	margin: 0 15px 25px 15px ;
	color:#999 !important;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;color:#666;
text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; 

}
.ny-p .item:hover .tit2 {
	color: #fff !important;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	-o-transform: translateY(-25%);
	transform: translateY(-25%);
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.ny-p .item .more {
	display: block;border:none;
	font-size: 20px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin: 0 auto;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	background-color:#e1e1e1;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.ny-p .item:hover .more {
	-webkit-transform: translateY(-60%);
	-ms-transform: translateY(-60%);
	-o-transform: translateY(-60%);
	transform: translateY(-60%);
	background-color: #fff;
	color: #12944c;
}





.khjz_dkj{position:relative;margin-bottom:50px;}

.khjz .item{width:100%;padding:0 8px; position:relative;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.khjz .item .cpzs_img{overflow:hidden;display:block; border:1px solid #f2f2f2;}
.khjz .item .cpzs_img:hover{ border:1px solid #009946;}
.cpzs_img a{display:block; position:relative;z-index:1;}
.cpzs_wb_t-nr{ position:absolute;bottom:0;left:0;right:0;z-index:2;background:rgba(0,155,76,0.8);color:#fff;text-align:center;transform:translate(0%,100%);
transition:all .4s;line-height:45px;}
.item:hover .cpzs_wb_t-nr{transform:translate(0%,0%);}
.khjz .item .cpzs_img img{ transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.khjz .item .cpzs_img img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }
.khjz .item .cpzs_wb{width:100%; height:100%; text-align:center;  }
.khjz .item .cpzs_wb .cpzs_wb_t{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:20px;  }
.cpzs_wb_t-nr:hover a{background:#333;color:#fff;display:block;}
.khjz .item:hover .cpzs_wb .cpzs_wb_b{ opacity:1;}

.cpzx_kj{margin-top:50px;}
.ryzz .item {
	margin: 0 8px;
	position: relative;
	overflow: hidden;
	display: block;
	transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
}

.ryzz .item .cpzs_img {
	overflow: hidden;
	display: block;

}
.ryzz .item .cpzs_img img {
	transition-duration: .8s;
	-moz-transition-duration: .8s;
	-webkit-transition-duration: .8s;
	-o-transition-duration: .8s;
}
.ryzz .item .cpzs_img img:hover {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
}
.cpzs_wb_t{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:15px;text-align:center; }
.owl-carousel {
	display: none;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls { text-align: center;}
/* fix*/
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-controls {
	width: 100%;
	z-index: 11;margin-top:30px;
}
.owl-carousel .owl-controls .owl-buttons div {
display: inline-block;
	zoom: 1;
*display:inline;
	width:50px;
	height:50px;
	text-indent: -9999px;
	transition: .35s;
	bottom: -50px;
    font-size: 0;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev {
	background: url(../images/jtl02.png) center no-repeat;
	overflow: hidden;margin:0 20px;

}
.owl-carousel .owl-controls .owl-buttons .owl-next {
	background: url(../images/jtr02.png) center no-repeat;
	overflow: hidden;

}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {
	background: url(../images/jtl03.png) center no-repeat;
	overflow: hidden;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
	background: url(../images/jtr03.png) center no-repeat;
	overflow: hidden;
}
.owl-carousel .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.owl-carousel .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
*display: inline;/*IE7 life-saver*/
}

.owl-carousel .owl-controls .owl-page.active span, .owl-carouselpzs .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);/*IE7 fix*/

}
.owl-carousel .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.index-video-bj{background:url(../images/bg.jpg) center;background-size: cover;
    background-attachment: fixed;
    overflow: hidden;}
.index-video{margin-top:50px;}
.index-video video{display:block;}
.index-video ul{display: flex; flex-wrap: wrap;}
.index-video li{float:left;width:48%;padding:5px;background:#fff;margin:0 1% 3% 1%;border:1px solid #e5e5e5;border-radius:15px;}
.index-video video{border-radius:15px;}


.foot-box{display: flex; flex-wrap: wrap;}
.foot-left{width:50%;float:left;background:#222;overflow:hidden;color:#fff;padding:5%; }
.foot-left-title{font-size:36px;line-height:36px;color:#fff;font-weight:bold;}
.foot-left-ms{font-size:20px;margin:30px 0 50px 0;color:#d8d8d8;}
.foot-left-lxfs{font-size:16px;line-height:32px;}

.foot-ly{float:right;width:50%;background:url(../images/lxwm.jpg) center;background-size: cover;
    background-attachment: fixed;
    padding:5%;
    overflow: hidden;}
.foot-ly h3{font-size:22px;margin-bottom:20px;color: #fff;background:url(../images/foot-x.jpg)no-repeat bottom left;padding-bottom:12px; }
.index-sok{color: #fff;width:48%;margin-right:1%;background:none;border: 1px solid #999;padding:10px; margin-bottom: 12px;  font-size: 15px;font-family:"Microsoft YaHei", verdant, tahoma;  }
.index-sokb{ color: #fff;  background:none;;border: 1px solid #999;padding:10px;margin-bottom: 12px;font-size: 15px; font-family:"Microsoft YaHei", verdant, tahoma; width:98%;}

.bot3{ background:#000;padding:20px 0;color:#fff;overflow:hidden;text-align:center;}
.bot3 a{ color:#fff;}
.bot3 a:hover{ color: #009946;}


/*内页样式开始*/
.ny-banner-sj { display: none;}
.ny-banner img { width: 100%;}
.ny-about-left-title{font-size:36px;font-weight:bold;line-height:36px;}
.ny-about-left-wb{color:#666;overflow:hidden;line-height:30px;float:left;width:50%;margin-top:50px;font-size:16px;}
.ny-about-right{float:right;width:45%;margin-top:50px;}
.ny-about-left-wb p{margin-bottom:10px;}

.ny-qyzl-hz{margin-top:50px;margin-right:-1%;margin-left:-1%; display: flex; flex-wrap: wrap;}
.about-qyzl-a{border-radius:10px;text-align:center;width:23%;float:left;margin-right:1%;margin-left:1%;background:#fff;padding:3% 2%;font-size:16px;color:#666;}
.about-qyzl-a:hover {background:#009946;}
.about-qyzl-a:hover .about-qyzl-a-title, .about-qyzl-a:hover.about-qyzl-a{color:#fff;}
.about-qyzl-a:hover .index-ys-box-tb{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.about-qyzl-a:hover .about-qyzl-a-title:after{ background: #fff;}
.about-qyzl-a-title{font-size:28px;margin:35px 0 45px;color:#333;font-weight: bold;position: relative;padding-bottom:30px;}
.about-qyzl-a-title:after {
    content: "";
    position: absolute;
    background: #009946;
    width:50px;left:50%;transform:translate(-50%,0%);
    height:4px;bottom:0;
   }
   
.jobs-hz{border-top:1px solid #e5e5e5;padding-top:80px;margin-bottom:50px;}
.ny-sl-wb-left{float:left;width:50%;line-height:32px;}
.ny-sl-wb-left p{margin-bottom:20px;}
.ny-sl-wb-left h3{margin-bottom:40px;font-size:36px;}
.ny-sl-wb-pic{float:right;width:45%;margin-top:80px;}



.page-zhaopin{ justify-content: space-between; 
flex-wrap: wrap; display: flex; display: -ms-flexbox; display: -webkit-flex; -ms-flex-wrap: wrap; }
.page-zhaopin li{line-height:30px;width: 49%; margin-bottom: 40px; background: #f9f9f9; padding: 40px; box-sizing: border-box; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.page-zhaopin li .top{ display: -webkit-flex; /* Safari */  display: flex;  justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8;}
.page-zhaopin li .top h2{font-size:20px;}
.page-zhaopin li .top span b{color: #011578;}
.page-zhaopin li .bottom .position{ margin:30px 0;display:inline-block;padding:5px 25px;text-align:center; font-weight: bold;
    background: #009946;font-size:16px;color:#fff; }




.index-product-box{width:32%;background:#fff;float:left;margin-right:2%;margin-bottom:50px;display:block; overflow:hidden;border:1px solid #ececec; }
.index-product-box:nth-child(3n){margin-right:0;}

.index-product-pic{ overflow:hidden;}
.index-product-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-product-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.index-product-wb{padding:5%;border-top:1px solid #f1f1f1;}

.index-product-xh{margin:15px 0;}

.product-xq-sj {display:none; }	

.tj-product{ border-top:1px solid #e8e8e8;padding-top:50px;}


.product-top{width: 100%;}
.product-top .l { width:45%; float: left; }
.pro-right { width: 50%; float: right; }
.product-ny-title { width: 100%; font-size:30px;font-weight:bold;border-bottom:1px solid #e8e8e8;padding-bottom:20px;}


.pro-js { width: 100%; padding:30px 0; color:#666;}

.pri1-btn { margin-top:40px;}

    .pri1-btn a {
        border: 1px solid #009946;
        text-align: center;
        display: inline-block;
        margin: 0 5px;
padding:8px 50px;
  font-size: 16px;border-radius:25px;
        transition: ease .5s;
    }

        .pri1-btn a:hover {
            color: #fff;
            background: #009946;
        }

        .pri1-btn a span {
            position: relative;
            display: inline-block;
            width: auto;
        }
	.p-hotline{font-size: 16px;color:#666;padding-top:40px ;display: block;border-top:1px solid #e8e8e8;}
.p-hotline img{float:left;padding-top:3px;padding-right:5px;}


.prc2{text-align: center;background:#f2f2f2;margin-top:40px;}
.prc2 a{display: block;font-size:20px;float: left;position: relative;background: #009946;color:#fff !important;padding:15px 50px;}


.prc2 a.act:after{width: 100%;}
.prc2 a.act,.prc2 a:hover{color: #009946;font-weight: bold;}
.prc3{margin:40px 0;}






 
/*分页*/
.yema{ width:100%; text-align:center; overflow:hidden; padding-top:50px;  }
.yema.bgs2{ text-align:right;}
.yema a{ display:inline-block; height:38px; line-height:38px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:40px;margin-left:3px;  text-align:center; color:#333333; font-size:16px; border:1px solid #ececee; background:#ececee;}
.yema a:hover{ text-decoration:none; color:#fff; background:#00c158;border:1px solid #00c158;}
.yema a.on{color:#fff;  background:#009946;border:1px solid #009946;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#009946;}
.yema a span{ font-family: "宋体";font-size:16px;}

.contact-box{ display:flex;justify-content: space-between;}
.relbar-list{width:45%;float: left;background: #f9f9f9;padding:45px;}
.relbar-list h6{font-size: 36px;font-weight:bold;border-bottom:1px solid #e5e5e5;padding-bottom:15px;}
.relbar-list-lxwm{margin-top:30px;color:#666;}

.relbar-list-lxwm h3{margin-bottom:10px;color:#333;font-weight:bold;}
.relbar-map {float:right;width:50%; }
#map_container {
    height: 450px;border: 1px solid #e6e6e6;
   }

.ny-feedback p{color:#666;margin:30px 0 50px;text-align:center;font-size:18px;}

 input,textarea {
	outline:none;
 }
.soka{ width:23.7%;margin-right:1%;border:1px solid #e5e5e5; padding:15px;margin-bottom: 25px; font-size: 15px;font-family:"Microsoft YaHei", verdant, tahoma; }
.soka:last-of-type { margin-right:0; }  
.sokb{ border:1px solid #e5e5e5;padding:20px;margin-bottom: 15px;font-size:15px; font-family:"Microsoft YaHei", verdant, tahoma; width:98.7%;}

.tj{width:180px;padding:15px 0;border:1px solid #009946;margin-top:20px; text-align: center; color: #fff; background:#009946; cursor: pointer; font-family: Arial,Microsoft YaHei; font-size:16px;font-weight:bold;display:block;border-radius:50px;}



.clearfix:before,.clearfix:after,
.container:before,.container:after,
.container-middle:before,.container-middle:after{
  content: " ";display: table;
}
.clearfix:after,.container:after,.container-middle:after{
  clear: both;
}


.sy_cpfl{margin-top:50px;}
.sy_cpfl_img{}
.sy_cpfl_img ul{display: flex; flex-wrap: wrap;}
.sy_cpfl_img ul li{float: left;width:23.5%;margin:0 2% 3% 0;box-shadow:0 0 35px rgba(0, 0, 0, 0.1);-webkit-transition:0.5s;transition:0.5s;}
.sy_cpfl_img ul li:hover{background: #009946;}

.sy_cpfl_img ul li .img{overflow: hidden;}
.sy_cpfl_img ul li .img img{display: block;width: 100%;-webkit-transition:0.5s;transition:0.5s;}
.sy_cpfl_img ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_cpfl_img ul li .text{padding:25px 30px;}
.sy_cpfl_img ul li .text .h1{font-size:18px;color:#333;position: relative;border-bottom: 1px solid #d7d7d7;padding-bottom: 10px;-webkit-transition:0.5s;transition:0.5s;}
.sy_cpfl_img ul li .text .h1 span{font-size: 24px;position: absolute;right: 0;top: 0;}
.sy_cpfl_img ul li .text .h2{color: #757575;-webkit-transition:0.5s;transition:0.5s;padding-top:15px;}
.sy_cpfl_img ul li:hover .text .h1{color: #fff;border-bottom: 1px solid #8ad293;}
.sy_cpfl_img ul li:hover .text .h2{color: #fff;}



.index-product-hz{margin-top:40px;}
.index-product-fl-box{float:left;width:20%;background:#f9f9f9;overflow:hidden;padding:40px 30px;}

.index-product-title{font-size:30px;font-weight:bold;border-bottom:1px solid #e5e5e5;padding-bottom:15px;}

.ny-product-fl{background:#f9f9f9; overflow:hidden;margin-top:30px;}
.ny-product-fl li{padding:14.5px 0;border-bottom:1px solid #e5e5e5;background:url(../images/arrow2.png)no-repeat right;}
.ny-product-fl li a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny-product-fl li:hover a,.ny-product-fl li.an a{padding-right:15px;display:block;background:url(../images/arrow3.png) no-repeat right;color:#009946;}


.index-product-fr{float:right;width:78%;}
.index-pro-box{width:31.333%;margin-right:1%;margin-left:1%;float:left;margin-bottom:30px;}
.index-pro-box:hover{box-shadow: 0px 0px 15px 0px rgba(4, 0, 0, 0.2);background:#009946;}
.index-pro-box:hover .index-pro-box-bt,.index-pro-box:hover .index-pro-box-xh{color:#fff !important;}

.index-pro-box-bt{text-align:center;padding:20px 0;font-size:16px;font-weight:bold;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.index-pro-box-pic{display:block; overflow:hidden;}
.index-pro-box-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-pro-box-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}