@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body{ background-color:#ffffff;}
body, button, input, select, textarea { font: 14px/1.5 Microsoft Yahei, tahoma, Srial, helvetica, sans-serif;  outline: none; }
ul, ol, li { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; color: #333333; font-family: "Microsoft Yahei";}
img {border: 0px;vertical-align:middle;}
p, div, strong, a, h1, h2, h3, h4, h5, h6 { font-family: "Microsoft Yahei";}
html {overflow-x: hidden;}
.animate { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate1 { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; }
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input { border: 0; }
textarea { resize: none; }
pre{font-family: -moz-fixed;white-space: pre-wrap;word-wrap: break-word;}

/*href*/
a:link,a:visited{color:#333333}
a:hover,a:active{color:#b92328;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#105cbc}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#105cbc}

/*common*/
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center;}
.clear{}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}
.wrap1 {width: 1320px;margin: 0 auto;}
.mt30{ margin-top:30px;}
.mt20{ margin-top:20px;}
.mt149{ margin-top:149px;}



.index_con4 {padding:0px 0 48px;background: #ffffff;}
.title {text-align: center;}
.title h1 {font-size: 30px;font-family: ziti;text-transform: uppercase;color: #000;letter-spacing: 2px;}
.title h2 {font-size: 22px;color: #00713c;margin-top: 14px;}
.title h2:after {content: '';display: block;margin: 23px auto 0;width: 30px;height: 2px;background: #333333;}
.index_con4_list {margin-top: 42px;position: relative;transition: 1s ease-in-out 0.8s;}
.index_con4_list .bd ul li {float:left; width:420px; margin:0 10px; position:relative;}
.index_con4 .index_con4_list .bd ul li span img {transition: 0.3s ease-in-out;}
.index_con4 .bd ul li p {position: absolute;bottom: 50px;width: 100%;text-align: center;opacity: 0;transition: 0.3s ease-in-out;}
.index_con4 .bd ul li p font {display: inline-block;width: 80%;font-size: 14px;color: white;background: #00713c;line-height: 42px;position: relative;}


.index_con4 .bd ul li:hover p {bottom: 20px;opacity: 1;}
.index_con4 a.prev, .index_con4 a.next{ width:72px; height:72px; position:absolute; top:50%; margin-top:-36px;transition: 0.3s ease-in-out;}
.index_con4 a.prev{ background: url(../images/sdf_03.png) no-repeat center center; left:-6px;}
.index_con4 a.next{ background: url(../images/sdf_05.png) no-repeat center center; right:-6px;}


.index_con4 .index_con3_usl {margin-top: 33px;}
.index_con4 .index_con3_usl li a {background: #fff;}
.index_con4 .index_con3_usl li:hover a {background: #00713c;}
.anlizi{ text-align:center; line-height:50px; font-size:24px; color:#166a79; background:#f8f8f8}


.index_con4 .bd ul li .p_Product {
	width: calc((100% - 80px)/4);
	margin: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px
}


.c_product_list-01001008 .title {
	padding-top: 25px;
	width: 100%;
	height: 70px;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	box-sizing: border-box
}



.index_con4.active .title h1,.index_con4.active .title h2,.index_con2.active .wrap>p,.index_con2.active .more,.index_con2_list2.active ul li:nth-child(odd),.index_con2_list2.active ul li:nth-child(even),.index_con3.active .index_con3_list_list2,.index_con4.active .index_con4_list,.index_con4.active .index_con3_usl li:nth-child(1),.index_con4.active .index_con3_usl li:nth-child(2),.index_con3_list2_lis2 .swiper-slide-active .woeur h1, .index_con3_list2_lis2 .swiper-slide-active .woeur h2{transform: translateY(0);opacity: 1;}
@keyframes banrun {
 0% {
transform: scale(1)
}
 50% {
transform: scale(1.03)
}
 100% {
transform: scale(1)
}
}
@keyframes rns {
 from {
transform: rotate(0deg);
}
 to {
transform: rotate(360deg);
}
}



.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}