@charset "utf-8";

/*公共样式*/
.clear {
    zoom: 1;
}
.content{margin: 0 15px; position: relative;}

*{margin: 0; padding: 0;}

html{font-size: 14px; line-height: 1.5; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; background: #fff; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; height: 100%; max-width: 780px; margin: 0 auto; overflow: hidden; position: relative;}

body{width: 100%; height: 100%; overflow: hidden; position: relative;}

ol,ul,li{list-style: none;}

a{text-decoration: none; color: #333; transition: all .6s ease; cursor: pointer;}

a:hover{color: #009353!important;}

em,i{font-style: normal;}

h1,h2,h3,h4,h5,h6,th{font-weight: normal;}

img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}

table{border-collapse: collapse; border-spacing: 0;}

input,textarea,select,button{border: 0; outline: 0; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; color: #333;}

input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

input,input:focus,input:active{user-select: text;}

textarea{resize: none;}

.clearfix{zoom: 1;}

.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.clear:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}

.plr10{padding: 0 10px;}

.wrapper{margin: 0 15px;}

.transform{transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

.sitecontent{ height: 100%; background: #fff;  position: relative; z-index: 96;}

.scrollView{height: calc(100% - 131px); overflow-x: hidden; overflow-y: auto; position: relative;}

.npagePage{min-height: calc(100% - 70px); overflow: hidden; position: relative;}

.border{border: 1px solid #ddd; box-sizing: border-box;}

/*字体*/

@font-face{font-family: 'HELVETICANEUELTPRO-THEX';  src: url('../fonts/helveticaneueltpro-thex.eot'); src: url('../fonts/helveticaneueltpro-thex.eot') format('embedded-opentype'), url('../fonts/helveticaneueltpro-thex.woff') format('woff'), url('../fonts/helveticaneueltpro-thex.ttf') format('truetype'), url('../fonts/helveticaneueltpro-thex.svg') format('svg'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');}

.iconfont{display: inline-block; font: 14px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*加载特效*/

.loader-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999999;}

.loader{position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; font-size: 0; color: #282828; display: inline-block; margin: -25px 0 0 -25px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);}

.loader div{width: 50px; height: 50px; background-color: #282828; display: inline-block; position: absolute; top: 0; left: 0;opacity: .5; border-radius:50%; -webkit-animation: ballPulseDouble 2s ease-in-out infinite; animation: ballPulseDouble 2s ease-in-out infinite;}

.loader div div:last-child{-webkit-animation-delay: -1s; animation-delay: -1s;}

@-webkit-keyframes ballPulseDouble{0%,100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1);transform: scale(1)}}

@keyframes ballPulseDouble{0%, 100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1); transform: scale(1)}}

/*头部*/

.header{height: 70px; background: #fff;  position: relative; z-index: 999999;}

.logo{height: 60px; margin-top: 3px; margin-left: 0px;}

.logo a{display: block; height: 100%; font-size: 12px;}

.logo a img{display: block; height: 100%; float: left;margin-right: 5px;}

.sp_nav{display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 10px; margin-top: 25px; z-index: 5;}

.sp_nav i{display: block; background: #009353; width: 20px; height: 2px; position: absolute; left: 0; transition: all ease .35s;}

.sp_nav i:nth-of-type(1){top: 0;}

.sp_nav i:nth-of-type(2){top: 8px;}

.sp_nav i:nth-of-type(3){top: 16px;}

.sp_nav.sp_nav_se i:nth-of-type(1){top: 10px; transform: rotate(45deg);}

.sp_nav.sp_nav_se i:nth-of-type(2){width: 0;}

.sp_nav.sp_nav_se i:nth-of-type(3){top: 10px; transform: rotate(-45deg);}

.nav{width: 100%; height: calc(100% - 131px); position: fixed; left: 0; top: -100%; z-index: 99999; transition: top ease .35s;}

.nav.nav_show{top: 70px;}

.nav > ul{min-width: 320px; max-width: 780px; height: 100%; margin: 0 auto; background: #eee; position: relative; overflow-y: auto;}

.nav ul li{border-top: 1px solid #ddd; margin-left: 20px; line-height: 40px; font-size: 14px; position: relative;}

.nav > ul > li:first-child{border-top: 0 none;}

.nav ul li a{height: 44px; line-height: 44px; display: block; padding-right: 45px; color: #666;}

.nav ul li ul{display: none;}

.nav ul li i{display: block; width: 30px; height: 26px; line-height: 26px; text-align: center; border-left: 1px solid #ddd; padding: 0 6px; position: absolute; right: 0; top: 9px;}

.nav ul li i span{font-size: 14px; transition: all .5s;}

.nav ul li i span:before{content: "\eeaa";}

.nav ul li i.nav_btndown span{color: #009353; transform: rotate(90deg);}

/*内页菜单*/

.dropmenu{min-height: 45px; /* margin-bottom: 20px; */ position: relative; z-index: 88888;}

.dropmenu .label{padding: 0 20px; height: 45px; line-height: 45px; background: #222224; color: #fff; font-size: 15px;}

.dropmenu .label .iconfont{float: right; font-size: 16px; margin-top: 15px;}

.dropmenu .label .iconfont:before{content: "\e60e";}

.dropmenu ul{width: 100%; height: 0; overflow-y: auto; position: absolute;}

.dropmenu ul li{width: 100%; border-bottom: 1px solid #2f2e35;}

.dropmenu ul li a{display: block; height: 40px; line-height: 40px; padding: 0 50px; color: #bbb; background: rgba(17,17,17,.9); font-size: 13px;}

.dropmenu ul li.active a {background: #000; color: #fff;}

.dropmenu.open .label .iconfont{transform: rotate(180deg);}

/*公共样式*/

.home_title{font-size: 19px; text-align: center;}

.home_title span{color: #223adf;}

.home_title em{color: #ff7600;}

.home_line{margin-top: 2px; text-align: center; font-size: 0; text-align: center;}

.home_line span{display: inline-block; font-size: 16px; text-transform: uppercase; line-height: 1.2; color: #999; position: relative; padding: 0 10px;}

.home_line span:before,.home_line span:after{display: block; content: ""; width: 40px; height: 1px; background: #999; position: absolute; top: 50%; margin-top: -1px;}

.home_line span:before{left: -40px;}

.home_line span:after{right: -40px;}

/*底部*/

.foot_copy{width: 100%; font-size: 12px; line-height: 20px; text-align: center; padding: 16px 0; color: #fff; background: #151515;}

.foot_copy a{color: #8e8e8e;}

.footer{width: 100%; position: relative; z-index: 990;}

.footer ul{height: 60px; background: #fff; border-top: 1px solid #ddd; margin: 0 auto;}

.footer li{width: 20%; height: 60px; float: left; font-size: 13px; text-align: center; position: relative;}

.footer li a{display: block; width: 100%; height: 100%; color: #666;}

/* .footer li i{display: block; width: 100%; height: 26px; line-height: 26px; padding-top: 6px; font-size: 22px;} */

.footer li p{height: 20px; line-height: 20px; margin-top: 2px;}

.footer .icon{display: block;margin: 0 auto;margin-top: 8px; height: 24px;width: 24px;background: url(../images/db_nav.png) no-repeat;background-size: 260px;}
.footer .icon2{background-position: -57px 0 !important;}
.footer .icon3{background-position: -118px 0 !important;}
.footer .icon4{background-position: -178px 0 !important;}
.footer .icon5{background-position: -238px 0 !important;}


.news_item{border-bottom: 1px solid rgba(0,0,0,0.05); padding: 20px 15px;}

.news_item:first-child{padding-top: 10px;}

.news_item:last-child{border-width: 0;}

.news_pic{margin-bottom: 10px; overflow: hidden; }

.news_pic img{display: block; width: 100%;}

.news_name{height: 20px; line-height: 20px; font-size: 16px; color: #565656; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_date{height: 24px; margin-bottom: 4px; margin-top: 8px;}

.news_date p{height: 24px; line-height: 24px; font-size: 16px; float: left; font-family: "HELVETICANEUELTPRO-THEX", Arial;}

.news_date .md{color: #8a8a8a;}

.news_date .year{color: #bdbdbd; margin-left: 10px;}

.news_desc{max-height: 44px; line-height: 22px; font-size: 13px; color: #6a6a6a; overflow: hidden; margin-top: 4px;}



/*产品列表*/

.productlistd ul li {width:50%;float: left;}

.productlistd .item {padding:10px;}

.productlistd ul li h3 {text-align: center;}

.product_details_body img {width: 100%;}

@font-face {
  font-family: 'iconfont1';
  src: url('../fonts/iconfont1.eot');
  src: url('../fonts/iconfont1.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont1.woff2') format('woff2'),
      url('../fonts/iconfont1.woff') format('woff'),
      url('../fonts/iconfont1.ttf') format('truetype'),
      url('../fonts/iconfont1.svg#iconfont') format('svg');
}
.iconfont1 {
  font-family: "iconfont1" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}























/**************** index start***********************/

.header .logo{
	height: 45px;
	display: block;
	padding-top: 15px;
	padding-left: 15px;
}
.header .logo img{
	height: 100%;
	position: relative;
	top: -5px;
}
.header .logo h2{
	font-size: 22px;
	color: #009353;
	font-weight: bold;
	line-height: 22px;
}
.header .logo p{
	font-size: 12px;
	color: #333;
}
.header .search{
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	background: url(../images/search_ico2.png) no-repeat;
	margin-left: 15px;
	margin-top: 25px;
}



.black_bg{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: black;
	background: rgba(0,0,0,.8);
	z-index: 999;
	display: none;
}
.ss_k{
	position: fixed;
	display: none;
	width: 95%;
	max-width: 275px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1111;
	border-bottom: 1px solid #565656;
}
.ss_k input{
	width: 90%;
	border: none;
	padding: 0;
	margin: 0;
	height: 30px;
	float: left;
	background: none;
	color: #fff;
	outline: none;
	font-size: 14px;
	color: #969696;
}
.ss_k button{
	width:10%;
	border: none;
	padding: 0;
	margin: 0;
	height: 30px;
	background: none;
	background: url(../images/search_ico1.png) no-repeat;
	background-position: 80% 6.5px;
	outline: none;
	cursor: pointer;
}
.ss_k .xx{
	position: absolute;
	right: -20px;
	top: 5px;
	cursor: pointer;
}





/*banner start*/
.banner .swiper-container-banner {
    width: 100%;
    height: 100%;
	overflow: hidden;
}
.banner .swiper-slide {
	height: auto;
	width: 100%;
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
     align-items: center;
	 overflow: hidden;
	 background-size: cover !important;
	 background-position: center top !important; 
}

.banner{
	position: relative;
	overflow: hidden;
}
.b_wz1{
	height: 52px;
	overflow: hidden;
}
.b_wz2{
	height: 43px;
	overflow: hidden;	
	margin: 15px 0 20px 0;
}
.b_wz2 p{
	box-sizing: border-box;
	padding: 0 10px;
}
.b_wz3{
	height: 40px;
	overflow: hidden;
}
.banner img{
	position: relative;
}
.banner .swiper-pagination-bullet{
	height: 4px;
	width: 15px;
	background: #fff;
	border-radius: 0;
	margin: 0 2px;
	color: #fff;
	transition: .3s;
}
.swiper-pagination-bullet-active{
	width: 20px !important;
}
/* .banner .swiper-pagination-bullet-active{
	font-size: 28px;
}
.banner .swiper-button-prev,.banner .swiper-button-next{
	background: url(../images/banner_np.png) no-repeat;
	height: 38px;
	width: 38px;
	border: 1px solid #fff;
	border-radius: 100%;
	transition: .3s;
}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{
	background: url(../images/banner_np.png) no-repeat #009C4D;
	border: 1px solid #009C4D;
}
.banner .swiper-button-prev{
	left: auto;
	top: auto;
	bottom: -20px;
	right: 68px !important;	
	background-position: 14px 12px !important;
}
.banner .swiper-button-next{
	top: auto;
	bottom: -20px;	
	background-position: -35px 12px !important;
} */


.banner h1{
	font-size: 36px;
	color: #FFFFFF;
	font-weight: 400;
	letter-spacing: 4px;
}
.banner p{
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 100;
	letter-spacing: 5px;
	position: relative;
}
.banner p:after{
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background: #FFFFFF;
	opacity: 0.5;
	position: absolute;
	top: 13px;
	left: -60px;
}
.banner p:before{
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background: #FFFFFF;
	opacity: 0.5;
	position: absolute;	
	top: 13px;
	right: -52px;
}
.banner .sp{
	height: 30px;
}
.banner .sp span{
	font-size: 14px;
	font-weight: 100;
	color: #FFFFFF;
	position: relative;
	display: inline-block;	
	transition: .3s;
	letter-spacing: 2px;
	margin-top: 10px;
}
.banner .sp span:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,.5);
	position: absolute;
	bottom: -0px;
	left: 0;
	transition: .3s;
}
.banner .sp span:hover{
	/* color: #009C4D; */
	padding: 0 12px;
	margin-top: 0px;
	letter-spacing: 3px;
}
.banner .sp span:hover:after{
	bottom: -10px;
}

.banner p{display: inline-block;}

.banner2 .b_wz1{
	height: 76px;
}
.banner2 h1{
	font-size: 18px;
	letter-spacing: 1px;
}
@media screen and (max-width:413px) {
	.banner2 h1{
		font-size: 14px;
	}
	.banner2 .b_wz1{
		height: 60px;
	}
}




.banner3 .b_wz1{
	height: 36px;
}
.banner3 h1{
	font-size: 22px;
	letter-spacing: 1px;
}
.banner3 .b_wz2{
	height: 70px;
}
.banner3 p{
	font-size: 12px;
	letter-spacing: 1px;
}
/*banner end*/



/*section1 start*/
.section1{
	position: relative;
	z-index: 111;
}
.sec1_title{
	text-align: center;
	margin: 30px 0;
}
.sec1_title h1{
	font-size: 24px;
	color: #222222;
	font-weight: normal;
}
.sec1_title span{
	font-size: 12px;
	color: #888888;
}
.ly_box{
	height: auto;
	width: 100%;
}
.ly_item{
	overflow: hidden;
	height: 50%;
	width: 100%;
	text-align: center;
	padding: 60px 50px;
	position: relative;
	box-sizing: border-box;
	background-size: cover !important;
	background-position: top center !important;
}
.ly_item1{background: url(../images/ly1.jpg)no-repeat;}
.ly_item2{background: url(../images/ly2.jpg)no-repeat;}
.ly_item3{background: url(../images/ly3.jpg)no-repeat;}
.ly_item4{background: url(../images/ly4.jpg)no-repeat;}
.ly_item5{background: url(../images/ly5.jpg)no-repeat;}
.ly_item6{background: url(../images/ly6.jpg)no-repeat;}
.ly_item img{
	transition: .8s;
}
.ly_item .desc{
	color: #fff;
	transition: .3s;
}
.ly_item .desc .icon{
	display: block;
	height: 40px;
	width: 40px;
	background: url(../images/ly_icon.png) no-repeat;
	background-size: 500px;
	margin: 0 auto;
}
.ly_item .desc .icon2{background-position: -92px 0 !important;}
.ly_item .desc .icon3{background-position: -184px 0 !important;}
.ly_item .desc .icon4{background-position: -276px 0 !important;}
.ly_item .desc .icon5{background-position: -368px 0 !important;}
.ly_item .desc .icon6{background-position: -460px 0 !important;}

.ly_item .desc h3{
	margin: 10px 0;
	font-size: 18px;
	color: #FFFFFF;
}
.ly_item .desc span{
	font-size: 12px;
	color: #FFFFFF;
	line-height: 24px;
	display: block;
	margin-top: 10px;	
	transition: .3s;
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 3; 
	overflow: hidden;
}

.ly_item .jt {
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	height: 7px;
	width: 28px;
	background: url(../images/jt.png) no-repeat;
	transition: .3s;
}

.ly_item .info{
	width: 100%;
	position: absolute;
	bottom: 25px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-family: Helvetica;
}
.ly_item .green_bg{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #009C4D;
	opacity: 0;
	transition: .3s;
}


.ly_item:hover img{
	transform: scale(1.1);
}
.ly_item:hover .green_bg{
	opacity: .8;
}
.ly_item:hover .desc{
	top: 42%;
}
.ly_item:hover .desc span{
	opacity: 1;
	margin-top: 0;
}
.ly_item:hover .desc .jt{
	background-position: 0;
}
/*section1 end*/


/*section2 start*/
.section2{
	padding: 50px 0;
	position: relative;
	background: url(../images/sec2_bg.jpg) no-repeat fixed;
	background-size: cover;
}
.section2 .container{
	position: relative;
	z-index: 1111;
}

.section2 .left{
	width: 100%;
	box-sizing: border-box;
}
.section2 .left .desc h1{
	font-size: 24px;
	color: #000;
	font-weight: 400;	
	text-align: center;
}
.section2 .left .desc h1 strong{
	color: #009B4C;	
	font-weight: 400;
}
.section2 .left .desc p{
	font-size: 14px;
	color: #222222;
	padding: 0px 0 15px 0;	
	text-align: center;
}
.section2 .left .desc span{
	font-size: 14px;
	color: #888888;
	line-height: 28px;
}
.section2 .left .desc i{
	margin-top: 25px;
	display: block;
	height: 7px;
	width: 28px;
	background: url(../images/jt2.png) no-repeat;
	transition: .3s;
}
.section2 .left .desc:hover i{
	background: url(../images/jt3.png) no-repeat;
}


.section2 .left ul{
	margin-top: 40px;
}
.section2 .left ul li{
	float: left;
	text-align: center;
	width: 23%;
	margin: 0 1%;
}
.section2 .left .icon{
	margin: 0 auto;
	display: block;
	height: 40px;
	width: 40px;
	margin-bottom: 14px;
	background: url(../images/sec2_icon.png) no-repeat;
	background-size: 220px !important;
	transition: .3s;
}
.section2 .left .icon2{background-position: -60px 0 !important;}
.section2 .left .icon3{background-position: -120px 0 !important;}
.section2 .left .icon4{background-position: -180px 0 !important;}
.section2 .left ul li:hover .icon{background: url(../images/sec2_icon_hover.png) no-repeat;}
.section2 .left ul li p{
	font-size: 12px;
	color: #009B4C;
	line-height: 10px;
}
.section2 .left ul li span{
	font-size: 12px;
	color: #ACE8C9;
	overflow: hidden;
	text-overflow:ellipsis;
	 white-space: nowrap;
	 height: 14px;
	 display: block;
}

.about_more_box{
	margin-top: 20px;
	background: #009B4C;
	overflow: hidden;
	border-radius: 30px;
}
.about_lb{
	overflow: hidden;
	border-radius: 30px;
}
.about_lb img{
	width: 100%;
}
.about_lb .slick-dots{
	bottom: 15px;
}
.about_lb .slick-dots li button{
	border-radius: 0 !important;
	height: 4px;
	width: 15px;
	opacity: .6;
	transition: .3s;
}
.about_lb .slick-dots li.slick-active button{
	opacity: 1;
	width: 20px;
	background: #fff;
}

.sj_more ul li{
	width: 33.33%;
	float: left;
	padding: 20px 5px;
	box-sizing: border-box;
	border-top: 1px solid #36B876;
	color: #fff;
	border-right: 1px solid #36B876;
	text-align: center;
}
.sj_more ul li:nth-of-type(1),.sj_more ul li:nth-of-type(2){
	width: 50%;
	border-top: none;
	text-align: center;
}
.sj_more ul li .icon{
	height: 48px;
	width: 48px;
	display: block;
	background: url(../images/sec2_icon2.png) no-repeat;
	background-size: 400px;
	margin: 0 auto;
}
.sj_more ul li:nth-of-type(1) .icon,.sj_more ul li:nth-of-type(2) .icon{
	float: left;	
	margin-right: 5px;
}
.sj_more ul li:nth-of-type(1) .desc,.sj_more ul li:nth-of-type(2) .desc{
	float: left;
}
.sj_more ul li .icon2{background-position: -89px 0 !important;}
.sj_more ul li .icon3{background-position: -176px 0 !important;}
.sj_more ul li .icon4{background-position: -264px 0 !important;}
.sj_more ul li .icon5{background-position: -352px 0 !important;}

.sj_more ul li span{font-size: 22px;}
.sj_more ul li span sub{font-size: 12px;position: relative;top: -5px;}
.sj_more ul li p{font-size: 12px;}

.sj_more .sj_item{
	display: inline-block;
}

.ind_title{
	padding: 40px 0 0px 0;
}
.ind_title p{
	font-size: 24px;
    color: #000;
    font-weight: 400;
    text-align: center;
}
.ind_title p span{
	color: #009B4C;
}
.ind_title>span{
	font-size: 14px;
    color: #B4B4B4;
    padding: 0px 0 15px 0;
    text-align: center;
	display: block;
	text-transform: uppercase;
}


.pro_item{
	background: #009B4C;
}
.pro_item .desc{
	padding: 15px 15px 50px 15px;
}
.pro_item img{
	width: 100%;
}
.pro_item h3{
	color: #fff;
	font-size: 16px;
	overflow: hidden;
	text-overflow:ellipsis; 
	white-space: nowrap;
	height: 24px;
}
.pro_item p{
	color: #fff;
	font-size: 12px;
	opacity: 0.8;
	padding: 3px 0 10px 0;
}
.pro_item span{
	color: #fff;
	fill: 12px;
	opacity: 0.8;
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2; 
	overflow: hidden;
	height: 42px;
}
.pro_list .slick-dots{
	bottom: 15px;
}
.pro_list .slick-dots li button{
	border-radius: 0 !important;
	height: 4px;
	width: 15px;
	opacity: .6;
	transition: .3s;
}
.pro_list .slick-dots li.slick-active button{
	opacity: 1;
	width: 20px;
	background: #fff;
}


.news_item{
	border-bottom: 1px solid #EBEBEB;
	margin: 20px 0;
}
.news_item img{
	width: 100%;
}

.news_item .desc h3{
	font-size: 17px;
	font-weight: bold;
	margin: 12px 0 5px 0;
	overflow: hidden;
	text-overflow:ellipsis; 
	white-space: nowrap;
	height: 25px;
}
.news_item .desc p{
	font-size: 12px;
	color: #666666;
	margin: 0 0 5px 0;
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2; 
	overflow: hidden;
	height: 36px;
}
.news_item .desc span{
	font-size: 24px;
	font-weight: bold;
	color: #222222;
}
.news_item .desc span sub{
	font-size: 12px;
	font-weight: normal;
	position: relative;
	top: -5px;
	left: 5px;
	color: #666666;
}

.news2_item .img{
	width: 35%;
	float: left;
}
.news_item2 img{
	position: relative;
	min-height: 100%;
	min-width: 100%;
}
.news2_item .desc{
	width: 65%;
	float: left;
	box-sizing: border-box;
	padding-left: 10px;
}
.news2_item h3{
	margin: 0 !important;
}
.news2_item p{
	margin: 0 !important;
}

.section4 .look_more{
	width: 150px;
	height: 40px;
	line-height: 40px;
	background: #F2F2F2;
	color: #5C5B5B;
	font-size: 14px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
}


.bq{
	background: #222;
	text-align: center;
	padding: 10px 0;
}
.bq span,.bq a{
	color: #999;
	font-size: 12px;
}
.casedetails-video{
	height: unset !important; 
}
@media screen and (max-width: 900px){
	.casedetails-video{
		height: unset !important;
	}
}




@keyframes zifadeInUp{0%{transform:translateY(80px);opacity: 0;}100%{transform:translateY(0px);opacity: 1;}}
@keyframes zifadeOutUp{0%{transform:translateY(0);opacity: 1;}100%{transform:translateY(-80px);opacity: 0;}}
/**************** index end***********************/





.zp_list {display: block!important;}