﻿@charset "utf-8";
/* ===================首页样式========================== */
.indban{width: 100%;overflow: hidden;position: relative;z-index: 99; }
.indban-img{width: 100%;}
.indban-imgpc,.indban-imgmb{width: 100%;object-fit: cover;}
.indban-imgpc{min-height: 400px;}
.indban-imgmb{min-height: 320px;display: none;}
.indban .swiper-pagination{bottom: 38px;}
.swiper-point .swiper-pagination-bullet {background: #fff;opacity: .3;border-radius: 8px;transition: all .4s ease;}
.swiper-point .swiper-pagination-bullet-active {opacity: 1;width: 40px;background: linear-gradient(to right,#00aa76,#a2be24);}

.industry{padding:94px 0 100px}
.industry .index-tip{margin-bottom:38px}
.industry-cell{display:flex;flex-wrap:wrap;justify-content:space-between}
.industry-item{display:flex;flex-direction:column;justify-content:flex-end;height:360px;width:32.5%;transition:width .4s ease;background-position:center;margin-top:20px;background-repeat:no-repeat;background-color:#595959;background-size:cover;padding:30px;position:relative}
.industry-item:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);transition:all .4s ease}
.industry-cell.on .industry-item{width:27.5%}
.industry-cell.on .industry-item.active{width:42.5%}
.industry-cell.on .industry-item.active:after{opacity:0}
.industry-item p{color:#fff;font-size:20px;text-transform:uppercase;font-weight:700;opacity:.5;font-family: "Samsung";position: relative;z-index: 2;}
.industry-item-title{font-size:20px;color:#fff;font-weight:700;margin-top:10px;position: relative;z-index: 2;}

.industrym a{display: block;width: 160px;height: 46px;line-height: 44px;text-align: center;border-radius: 24px;font-size: 18px;color: #fff;margin: 36px auto 0;background: linear-gradient(to right,#00aa76,#a2be24);}
.industrym a span{display: inline-block;vertical-align: middle;position: relative;padding-right: 30px;background: url('../images/index/indarr.png') no-repeat right 8px center;transition: all .4s ease;}
.industrym a:hover span{background-position: right center;}
.industrym p{font-size: 16px;color: #666;line-height: 28px;}



.overview-case-item{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.overview-case-item p{font-size: 17px;line-height: 26px;color: #fff;margin: 22px 0 18px;max-width: 672px;text-align: center;}



.overview-case-item a{display: block;width: 160px;height: 46px;line-height: 44px;text-align: center;border-radius: 24px;font-size: 18px;color: #fff;margin: 36px auto 0;background: linear-gradient(to right,#00aa76,#a2be24);}
.overview-case-item a span{display: inline-block;vertical-align: middle;position: relative;padding-right: 30px;background: url('../images/index/indarr.png') no-repeat right 8px center;transition: all .4s ease;}
.overview-case-item a:hover span{background-position: right center;}



.section{
	position: relative;
	overflow: hidden;
}
.section .pagebg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}


.i-new{width:100%; padding-top:100px; padding-bottom:100px; overflow:hidden;
}
.i-title{
	text-align: center;
}
.i-title .t1{
	font-family: "sym"; 
	color: #000000;
	font-size: 30px;
}
.i-new .box{
	margin-top: 75px;
}
.i-new .leftbox{
	float: left;
	width: 34.8%;
}
.i-new .rightbox{
	float: right;
	width: 57.8%;
}
.i-new .index_main_new{
	background: #FFFFFF;
	box-shadow: 0px 8px 29px rgba(6,63,55,0.03);
}
.i-new .index_main_new a{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 11%;
}
.i-new .index_main_new .img{
	width: 100%;
	overflow: hidden;
}
.i-new .index_main_new .img img{
	width: 100%;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.i-new .index_main_new:hover .img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.i-new .index_main_new .txt{
	margin-top: 35px;
}
.i-new .index_main_new .txt .t1{
	font-family: "syr"; 
	color: #000000;
	font-size: 18px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.i-new .index_main_new:hover .txt .t1{
	color: #00aa76;
}
.i-new .index_main_new .txt .t2{
	color: #666666;
	font-size: 14px;
	line-height: 2;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.i-new .index_main_new .txt .t3{
	position: relative;
	margin-top: 30px;
}
.i-new .index_main_new .txt .t3:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 1px;
	border-top: #bae7e7 solid 1px;
}
.i-new .index_main_new .txt .t3 span{
	position: relative;
	z-index: 1;
	display: inline-block;
	max-width: 100%;
	color: #00aa76;
	font-size: 14px;
	background-color: #FFFFFF;
	padding-right: 50px;
	box-sizing: border-box;
	overflow: hidden;
}
.i-new .index_new_list li{
	position: relative;
	border-bottom: #eeeeee solid 1px;
}
.i-new .index_new_list li:last-child{
	border-bottom: none;
}
.i-new .index_new_list li:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	border-bottom: #00aa76 solid 1px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.i-new .index_new_list li:hover:before{
	width: 100%;
}
.i-new .index_new_list li a{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 27px 0px;
}
.i-new .index_new_list li .date{
	float: left;
	width: 13.5%;
	font-family: "itc"; 
	color: #d8dfe5;
	font-size: 16px;
}
.i-new .index_new_list li .date span{
	color: #00aa76;
	font-size: 24px;
}
.i-new .index_new_list li .txt{
	float: left;
	width: 73%;
	color: #000000;
	font-size: 18px;
	line-height: 32px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.i-new .index_new_list li:hover .txt{
	color: #00aa76;
}
.i-new .index_new_list li .arrow{
	position: absolute;
	right: 0;
	top: 0;
	width: 13.5%;
	height: 100%;
	background: url(../images/jjtt.png) left center no-repeat;
	background-size: 19px 12px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
}
.i-new .index_new_list li:hover .arrow{
	opacity: 1;
	background: url(../images/jjtt.png) center no-repeat;
	background-size: 19px 12px;
}



@media only screen and (max-width: 1536px){
	
	.i-new .box{
		margin-top: 60px;
	}
	}
@media only screen and (max-width: 1440px){
	.i-new .box{
		margin-top: 50px;
	}
	.i-new .index_main_new .txt{
		margin-top: 25px;
	}
	.i-new .index_main_new .txt .t1,
	.i-new .index_new_list li .txt{
		font-size: 16px;
	}
	.i-new .index_new_list li a{
		padding: 21px 0px;
	}
	}

@media only screen and (max-width: 1024px){
	
	.i-new{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.i-new .leftbox{
		width: 37.2%;
	}
	.i-new .index_main_new a{
		padding: 8%;
	}
	.i-new .index_new_list li a{
		padding: 18px 0px;
	}
	.i-new .index_new_list li .date{
		font-size: 14px;
	}
	.i-new .index_new_list li .date span{
		font-size: 20px;
	}}
	@media only screen and (max-width: 768px){.i-new{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.i-new .leftbox{
		float: none;
		width: 100%;
	}
	.i-new .index_main_new a{
		padding: 30px;
	}
	.i-new .rightbox{
		float: none;
		width: 100%;
		margin-top: 40px;
	}
	.i-new .index_new_list{
		padding: 0px 5px;
	}}
@media only screen and (max-width: 767px){.i-new .box{
		margin-top: 40px;
	}}
	
	@media only screen and (max-width: 540px){.i-new {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	.i-new .index_new_list li a{
		padding: 15px 0px;
	}}
	@media only screen and (max-width: 414px){
	
	/**/
	.i-new{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.i-new .box{
		margin-top: 30px;
	}
	.i-new .index_main_new a{
		padding: 25px;
	}
	.i-new .rightbox{
		margin-top: 30px;
	}
	.i-new .index_new_list li .date{
		width: 60px;
	}
	.i-new .index_new_list li .date span{
		font-size: 18px;
	}
	.i-new .index_new_list li .txt{
		-webkit-width: calc(100% - 100px);
		width: calc(100% - 100px);
		font-size: 15px;
		line-height: 2;
	}
	.i-new .index_new_list li .arrow{
		width: 30px;
		background: url(../images/jjtt.png) left center no-repeat;
    	background-size: 15px 9px;
	}
	
}

/*涓轰粈涔堥€夋嫨鎴戜滑*/
.why{
	padding: 80px 0px 0px;
	background-position: top center;
	background-repeat: no-repeat;width: 100%;overflow: hidden;background-size: cover;
}

.why .box{
	margin-top: 45px;
}
.why .box .txtbox{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.why .box .txtbox .t1{
	color: #fefefe;
	font-size: 16px;
	line-height: 2.25;
	font-family: 'SourceHanSansCN-light';
}
.why .box .txtbox .t2{
	margin-top: 35px;
}
.why .box .txtbox .t2 a{
	color: #00aa76;
	font-size: 14px;
	font-family: 'SourceHanSansCN-light';
}
.why .number{
	max-width: 1300px;
	width: 100%;
	margin: 45px auto 20px;
	text-align: center;
	background-color: #FFFFFF;
	box-shadow: 0px 3px 70px rgba(0,0,0,.21); 
}
.why .number ul{
	max-width: 1070px;
	width: 100%;
	margin: 0 auto;
}
.why .number ul li{
	position: relative;
	float: left;
	width: 33.33%;
	width: -moz-calc(100% / 3);
	width: -webkit-calc(100% / 3);
	/*width: calc(100% / 3);*/
	padding: 50px 0px;
}
.why .number ul li::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	
}
.why .number ul li:nth-child(3n)::before{
	border-right: none;
}
.why .number ul li::after{
	content: '';
	position: absolute;
	right: -14px;
	top: -14px;
	z-index: 10;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #d6d6d6;
	border: #FFFFFF solid 12px;
}
.why .number ul li:nth-child(3n)::after,
.why .number ul li:nth-child(1)::after,
.why .number ul li:nth-child(2)::after,
.why .number ul li:nth-child(3)::after{
	display: none;
}
.why .number ul li .t1{
	color: #00aa76;
	font-size: 60px;
	font-family: "DIN-Bold";
	margin-bottom: 15px;
}
.why .number ul li .t2{
	color:#fff;
	font-size: 18px;
}

/*鏍囬*/
.i-title{
	text-align: center;
}
.i-title .t1{
	color: #333333;
	font-size: 45px;
	font-family: 'SourceHanSansCN-Medium';
}
.i-title .t2{
	max-width: 840px;
	width: 100%;
	font-size: 18px;
	color: #333333;
	line-height: 1.8;
	margin: 10px auto 0px;
}
.i-title.white .t1, .i-title.white .t2{
	color: #FFFFFF;
}

@media screen and (max-width: 1024px){
	
	.why{
		padding: 50px 0px 0px;
	}
	.why .box{
		margin-top: 40px;
	}
	.why .box .txtbox .t2{
		margin-top: 25px;
	}
	.why .number{
		margin-top: 40px;
	}
	.why .number ul li{
		padding: 40px 0px;
	}
	.why .number ul li .t1{
		font-size: 50px;
		margin-bottom: 10px;
	}
	.why .number ul li .t2{
		font-size: 16px;
	}}
	@media screen and (max-width: 768px){
		
		.why{
		padding: 40px 0px 0px;
	}
	.why .box{
		margin-top: 20px;
	}
	.why .box .txtbox .t1{
		font-size: 15px;
		line-height: 2;
	}
	.why .box .txtbox .t2{
		margin-top: 20px;
	}
	.why .number{
		margin-top: 30px;
	}
	.why .number ul li{
		padding: 30px 10px;
		-moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.why .number ul li .t1{
		font-size: 40px;
	}
	.why .number ul li .t2{
		font-size: 15px;
	}
	
	.i-title .t1, .i-product .box .boxli .txtbox .text .t1{
		font-size: 32px;
	}
	.i-title .t2, .i-product .box .boxli .txtbox .text .t2{
		font-size: 16px;
		margin-top: 10px;
	}
	}
	@media screen and (max-width: 640px){.why{
		padding: 30px 0px 0px;
	}
	.why .box{
		margin-top: 15px;
	}
	.why .box .txtbox .t1{
		font-size: 14px;
	}
	.why .box .txtbox .t2{
		margin-top: 20px;
	}
	.why .number ul li{
		padding: 20px 10px;
	}
	.why .number ul li .t1{
		font-size: 30px;
	}
	.why .number ul li .t2{
		font-size: 14px;
	}

	.i-title .t1, .i-product .box .boxli .txtbox .text .t1{
		font-size: 24px;
	}
	.i-title .t2, .i-product .box .boxli .txtbox .text .t2{
		font-size: 14px;
	}
	.overview-case-item p{font-size: 14px;line-height:22px;width:90%;}
	}
	@media screen and (max-width: 414px){
		.why .box{
		margin-top: 10px;
	}
	.why .box .txtbox .t2{
		margin-top: 15px;
	}
	.why .number ul li{
		padding: 15px 10px;
	}
	.why .number ul li .t1{
		font-size: 24px;
	}}

.index-tit{font-size:42px;color:#1a1a1a;font-weight:700;text-align:center;padding-bottom:26px;margin-bottom:22px;position:relative}
.index-tit:after{content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%);height:4px;width:80px;background:#00aa76}
.index-tit.white{color:#fff}
.index-tit.white:after{background:#fff}
.index-tip{font-size:16px;text-align:center;color:#666;line-height: 26px}
.index-tip.white{color:#fff}
.index-tip b, .index-tip strong{font-weight: normal;}


.indmk{width: 100%;overflow: hidden;padding: 80px 0;}
.indtit{width: 100%;text-align: center;position: relative;z-index: 2;}
.indtit p{position: relative;font-size: 16px;color: #00aa76;font-weight: 500;padding-bottom: 18px;}
.indtit p:after{content: "";position: absolute;width: 120px;height: 4px;background: linear-gradient(to right,#00aa76,#a2be24);left: 50%;margin-left: -60px;bottom: 0;}
.indtit h4{font-size: 42px;color: #444;margin-top: 28px;}
.indtit.white p{color: #fff;}
.indtit.white h4{color: #fff;}

.indgy{position: relative;width: 100%; background-color:#00aa76}
.indgy:before, .indgy:after{content: "";position: absolute;background-repeat: no-repeat;background-size: 100% auto;}

.indgy-desc{width: 100%;margin-top: 40px;position: relative;z-index: 2;}
.indgy-desc p{font-size: 16px;color: #666;line-height: 28px;}
.indgy-desc a{display: block;width: 160px;height: 46px;line-height: 44px;text-align: center;border-radius: 24px;font-size: 18px;color: #fff;margin: 36px auto 0;background: linear-gradient(to right,#00aa76,#a2be24);}
.indgy-desc a span{display: inline-block;vertical-align: middle;position: relative;padding-right: 30px;background: url('../images/index/indarr.png') no-repeat right 8px center;transition: all .4s ease;}
.indgy-desc a:hover span{background-position: right center;}
.indgy-list{width: 100%;margin-top: 48px;position: relative;z-index: 2;}
.indgy-list{margin-left: 1px;}
.indgy-list li{width: 25%;float: left;height: 300px;border: 1px solid #e5e5e5;margin-left: -1px;text-align: center;padding: 32px 0 0;background: #fff;}
.indgy-list li:first-child{border-left: 1px solid #e5e5e5;}
.indgy-list li h6{height: 100px;display: flex;width: 100%;align-items: flex-end;justify-content: center;}
.indgy-list li h6 img{max-height: 100%;transition: all .4s linear;}
.indgy-list li h4{font-size: 20px;color: #444;margin-top: 28px;}
.indgy-list li p{font-size: 14px;color: #666; width:70%; text-align:center; line-height:22px; margin:0 auto;margin-top: 18px;}

.indpp{background-repeat: no-repeat;background-size: cover;}
.indpp-loop{width: 100%;margin-top: 54px;}
.indpp-imgwd{display: block;width: 100%;background: #fff;text-align: center;}
.indpp-img {display: flex;align-items: center;justify-content: center;position: relative;width: 100%;border-bottom: 1px solid #e5e5e5;}
.indpp-img img{width:100%;transition: all .4s ease;}
.indpp-img:after{content: "";width: 0;right: 0;left: 0;margin: 0 auto;position: absolute;height: 1px;background: linear-gradient(to right,#00aa76,#a2be24);bottom: -1px;transition: all .6s ease;}
.indpp-wd{height:40px; line-height:40px;}
.indpp-wd h4{font-size: 20px;color: #333;transition: all .4s ease;line-height:40px}
.indpp-wd p{font-size: 16px;color: #888;;}
.indpp-imgwd:hover .indpp-img:after{width: 100%;}
.indpp-imgwd:hover .indpp-wd h4{color: #00aa76;}
.indpp-imgwd:hover .indpp-img img{transform: translateY(-6px);}
.indpp .swiper-pagination{bottom: 0;}
.indpp .swiper-wrapper{padding-bottom: 68px;}
.indpp .swiper-point .swiper-pagination-bullet {background: #d2d2d2;opacity: 1;}
.indpp .swiper-point .swiper-pagination-bullet-active {background: linear-gradient(to right,#00aa76,#a2be24);}

/*.indcp .contain{width: 1470px;}*/
.indcp-loop{width: 100%;margin-top: 44px;}
.indcp-imgwd{width: 100%;display: block;position: relative;height: 400px;box-shadow: 0 4px 14px 4px #efefef;transition: all .4s ease;}
.indcp-imgwd:hover{box-shadow: 0 4px 4px 4px #52ba9a;}
.indcp-img{width: 100%;display: flex;align-items: center;justify-content: center;height: 290px;position: relative;}
.indcp-img:after{content: "";position: absolute;width: 100%;height: 2px;background: #f6f6f6;left: 0;bottom:0;transition: all .4s ease;}
.indcp-img img{max-width:92%;max-height: 92%;transform: scale(.93);transition: all .6s linear;}
.indcp-wd{width: 100%;padding: 25px 28px 0; text-align:center}
.indcp-wd h1{font-size: 20px;color: #333;font-weight: 500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indcp-wd p{font-size: 16px;color: #888;line-height: 26px;margin: 14px 0 8px;height: 52px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indcp-wd a{display: block;width: 94px;height: 40px;line-height: 38px;border: 1px solid #00aa76;position: relative;text-align: center;border-radius: 2px;font-size: 16px;color: #00aa76;transition: all .4s ease;}
.indcp-wd a:after{content: "";position: absolute;height: 100%;width: 0;right: 0;background: linear-gradient(to right,#00aa76,#a2be24);transition: all .6s ease;}
.indcp-wd a span{position: relative;z-index: 2;}
.indcp-wd a:hover{color: #fff;}
.indcp-wd a:hover:after{width: 100%;right: auto;left: 0;}
.indcp-imgwd:hover .indcp-img img{transform: scale(1);}
.indcp .swiper-container{padding: 10px 15px 20px;}
.indcp .swiper-pagination{bottom: 0;}
.indcp .swiper-wrapper{padding-bottom: 38px;}
.indcp .swiper-point .swiper-pagination-bullet {background: #b5b5b5;opacity: 1;}
.indcp .swiper-point .swiper-pagination-bullet-active {background: linear-gradient(to right,#00aa76,#a2be24);}

.indfa{background-position: center;
    background-repeat: no-repeat;
    background-size: cover;width: 100%;  }
.indfa-item{width: 100%;margin-top: 54px;}
.indfa-imgnum{width: 48.6%;height: 530px;overflow: hidden;position: relative;float: left;}
.indfa-imgnum img{width: 100%;height: 100%;object-fit: cover;}
.indfa-num{width: 100%;text-align: center;position: absolute;left: 0;bottom: 50px;overflow: hidden;color:#00aa76}
.indfa-num li{width: 33.333%;float: left;}
.indfa-num li p{font-family: 'Impact';font-size: 56px;}
.indfa-num li span{font-size: 16px;display: block;margin-top: 6px;}
.indfa-cont{width: 48.6%;float: right;}
.indfa-cont a{display: block;width: 100%;overflow: hidden;background: #fff;margin-top: 34px;}
.indfa-cont a:first-child{margin-top: 0;}
.indfa-cont-img{width: 330px;overflow: hidden;float: left;}
.indfa-cont-img img{width: 100%;object-fit: cover;transition: all .4s linear;min-height: 248px;}
.indfa-cont-desc{width: calc(100% - 330px);float: right;padding: 36px 28px 0;}
.indfa-cont-desc h1{font-size: 20px;color: #333;line-height: 30px;height: 60px;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indfa-cont-desc span{font-size: 16px;color: #888;display: block;margin: 16px 0 18px;}
.indfa-cont-desc p{font-size: 16px;color: #888;line-height: 24px;height: 72px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.indfa-cont a:hover .indfa-cont-img img{transform: scale(1.06);}
.indfa-cont a:hover .indfa-cont-desc h1{color: #00aa76;}

.indxw-item{width: 100%;margin-top: 52px;}
.indxw-item ul{margin-left: -1.5%;}
.indxw-item li{width: 31.8333%;background: #fff;float: left;margin-left: 1.5%;box-shadow: 0 4px 14px 4px #eee;}
.indxw-link{width: 100%;display: block;}
.indxw-link-img{width: 100%;height: 280px;overflow: hidden;}
.indxw-link-img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s linear;}
.indxw-link-wd{width: 100%;padding: 38px 36px 28px;}
.indxw-link-wd h1{font-size: 20px;color: #333;line-height: 24px;height: 48px;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indxw-link-wd p{font-size: 16px;color: #888;line-height: 24px;margin: 16px 0 28px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indxw-link-wd span{display: block;font-size: 16px;color: #888;padding-left: 24px;background: url('../images/index/indxwIc.png') no-repeat left center;}
.indxw-link:hover .indxw-link-img img{transform: scale(1.06);}
.indxw-link:hover .indxw-link-wd h1{color: #00aa76;}
.indxw-list{width: 100%;height: 510px;padding: 36px 36px 0;}
.indxw-scroll{width: 100%;height: 436px;}
.indxw-list a{display: block;width: 100%;margin-top: 20px;}
.indxw-list a:first-child{margin-top: 0;}
.indxw-list a h1{font-size: 20px;line-height: 28px;color: #333;transition: all .4s ease;}
.indxw-list a span{display: block;font-size: 16px;color: #888;margin-top: 4px;}
.indxw-list a:hover h1{color: #00aa76;}
.indxw-list .mCSB_scrollTools .mCSB_draggerRail{background: #eee;}
.indxw-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #00aa76;}

.indhb{border-top: 1px solid #eee;}
.indhb-loop{width: 100%;margin-top: 54px;}
.indhb-loop .swiper-container{padding: 0 2px;}
.indhb-link{width: 100%;display: flex;align-items: center;justify-content: center;border: 1px solid #dedede;height: 106px;transition: all .4s ease;}
.indhb-link img{max-width: 88%;max-height: 88%;}
.indhb-link:hover{border: 1px solid #00aa76;}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .indgy:before {width: 250px;height: 260px;}
    .indgy:after {width: 440px;height: 448px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .indban .swiper-pagination {bottom: 32px;}
	    .industry-item{height: 300px}
    .indtit h4 {font-size: 38px;color: #444;margin-top: 24px;}
    .indgy:before {width: 230px;height: 234px;}
    .indmk {padding: 74px 0;}
    .indcp .contain{width: calc(92% + 30px);}
    .indfa-num li p {font-size: 50px;}
    .indxw-list a {margin-top: 18px;}
}
@media all and (max-width:1279px) {
    /* 1152 × (700) */
 .industry.news{padding: 80px 0}
 
    .index-tit{font-size: 32px}
    .industry .index-tip{margin-bottom: 30px}
    .industry-item{height: 250px;margin-top: 10px;padding: 15px}
    .industry-item p{font-size: 18px}
    .industry-item-title{font-size: 18px;margin-top: 5px}

}
@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .indmk {padding: 70px 0;}
    .indtit h4 {font-size: 34px;margin-top: 20px;}
    .indgy:before {width: 210px;height: 216px;}
    .indgy:after {width: 400px;height: 400px;}
    .indfa-cont-img{width: 300px;}
    .indfa-cont-desc {width: calc(100% - 300px);padding: 30px 28px 0;}
    .indfa-imgnum{height: 485px;}
    .indfa-num li p {font-size: 44px;}
    .indfa-num{bottom: 38px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .indmk {padding: 64px 0;}
    .indtit h4 {font-size: 30px;margin-top: 18px;}
    .indtit p{padding-bottom: 14px;}
    .indtit p:after {width: 90px;height: 3px;margin-left: -45px;}
    .indgy:before {width: 196px;height: 200px;}
    .indpp .swiper-wrapper {padding-bottom: 50px;}
    .indfa-cont-img{width: 250px;}
    .indfa-cont-desc {width: calc(100% - 250px);padding: 16px 28px 0;}
    .indfa-cont-desc span {margin: 10px 0 14px;}
    .indfa-cont a {margin-top: 28px;}
    .indfa-imgnum{height: 403px;}
    .indfa-num li p {font-size: 38px;}
    .indxw-link-img{height: 230px;}
    .indxw-list {height: 460px;padding: 30px 28px 0;}
    .indxw-scroll{height: 400px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .indmk {padding: 60px 0;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .indtit h4 {font-size: 28px;}
    .indgy-list li p {font-size: 16px;margin-top:10px;}
    .indgy-list li{height: 300px;}
    .indfa-cont-desc h1 {font-size: 18px;line-height: 24px;height: 48px;}
    .indfa-cont-img{width: 228px;}
    .indfa-cont-desc {width: calc(100% - 228px);padding: 16px 24px 0;}
    .indfa-imgnum{height: 371px;}
    .indfa-num li p {font-size: 32px;}
    .indfa-num {bottom: 28px;}
    .indxw-link-wd h1{font-size: 18px;}
    .indxw-link-wd {padding: 30px 28px 28px;}
    .indxw-link-img{height: 180px;}
    .indxw-list{height: 402px;padding: 24px 24px 0;}
    .indxw-list a h1 {font-size: 18px;line-height: 26px;}
    .indxw-scroll {height: 348px;}
    .indhb-loop {margin-top: 44px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indgy-list ul{margin-top: 1px;}
    .indgy-list li{width: 50%;margin-top: -1px;height: 300px;}
    .indfa-imgnum{width: 100%;height: auto;}
    .indfa-cont{width: 100%;margin-top: 36px;}
    .indxw-item li{width: 48.5%;}
    .indxw-item li:last-child{width: 100%;margin-top: 1.5%;}
    .indxw-list {height: auto;padding: 24px;}
    .indxw-scroll{height: auto;}
    .indxw-link-img{height: 210px;}
    .indtit h4 {font-size: 26px;}
    .indfa-cont-img img{min-height: 180px;}
	 .index-tit{font-size: 26px;padding-bottom: 15px;margin-bottom: 15px}
    .industry,.news{padding: 60px 0}
    .industry .index-tip{margin-bottom: 20px}
    .industry-item p,.industry-item h3{font-size: 16px}
    .industry-item{height: 200px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indban-imgpc{display: none;}
    .indban-imgmb{display: block;}
    .indban .swiper-pagination {bottom: 18px;}
    .indmk {padding: 40px 0;}
    .indtit h4 {font-size: 20px;margin-top: 14px;font-weight: 700;}
    .indtit p {padding-bottom: 12px;}
    .indgy-desc{margin-top: 24px;}
    .indgy-desc a {width: 146px;height: 40px;line-height: 36px;margin: 28px auto 0;}
    
    .indgy-list {margin-top: 32px;}
  .indgy-list li {padding-top: 20px;}
	.indgy-list li h6{height: 40px;display: flex;width: 100%;align-items: flex-end;justify-content: center;}
.indgy-list li h6 img{max-height: 100%;transition: all .4s linear;}
.indgy-list li p {font-size: 14px;}
.indgy-list li h4 {font-size: 18px;}


  
    .indgy:after {width: 260px;height: 274px;}
    .indpp-loop {margin-top: 32px;}
    .indpp-wd {height: 24px;}

.indpp-wd h4{font-size:16px;color: #333;transition: all .4s ease;line-height:24px}
   .indpp-img img{width:100%;transition: all .4s ease; height:500px;}
   
	.indpp-img:after{display:none}
    .indpp-wd h4 {font-size: 18px;margin-bottom: 10px;}
    .indpp .swiper-wrapper {padding-bottom: 38px;}
    .indcp .swiper-container{padding: 0;}
    .indcp .contain{width: 92%;}
    .indcp-imgwd{box-shadow: none;border: 1px solid #efefef;border-top: none;}
    .indcp-loop {margin-top: 32px;}
    .indfa-item {margin-top: 32px;}
    .indfa-num li p {font-size: 26px;}
    .indfa-num li span {font-size: 14px;margin-top: 4px;}
    .indfa-num {bottom: 18px;}
    .indfa-cont {margin-top: 28px;}
    .indfa-cont-img{width: 100%;height: auto;}
    .indfa-cont-desc{width: 100%;padding: 24px 20px;}
    .indfa-cont a{margin-top: 20px;}
    .indxw-item ul {margin-left: 0;}
    .indxw-item li{width: 100%;margin-left: 0;margin-top: 20px;}
    .indxw-item li:first-child{margin-top: 0;}
    .indxw-link-wd, .indxw-list{padding: 24px 20px;}
    .indxw-item {margin-top: 32px;}
    .indxw-item li:last-child{margin-top: 20px;}
    .indhb-loop{margin-top: 32px;}
    .indcp-wd {padding: 10px 20px 0;}
	 .industry .index-tip{line-height: 22px}
    .index-tit:after{height: 2px;width: 60px}
    .industry-cell.on .industry-item.activ,.industry-cell.on .industry-item,.industry-cell.on .industry-item.active,.industry-item{width: 100%}
    .industry{padding: 40px 0}
    .indfa-cont-img img{min-height: auto;}
}

	
/* help */
.ind_help{background-repeat: no-repeat!important;background-size:cover!important;background-position: center!important;padding:55px 0 50px;overflow: hidden;    }

.ind_help_mode{width:718px; margin: 0 auto;text-align:center; padding-top:15px;}
.ind_help_mode li{width:157px;height:157px;text-align:center;padding:30px;float:left;margin-bottom:10px;margin-right:10px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

.ind_help_mode li:hover,.ind_help_form .inp_sub:hover{}
.ind_help_mode li h6{margin-top:20px;font-size:16px;color:#fff;}
.ind_help_mode li h6 a{color:#fff;}
.ind_help_mode li dd{position: relative;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;top:0px; }
.ind_help_mode li:hover dd{top:-5px;}

@media (max-width:1000px){
	.ind_help_mode{width:100%;}
.ind_help_mode li{width:23%;padding:0px; padding-top:40px}
}

@media  (max-width:640px){
.ind_help_mode ul{padding-top:40px}	
.ind_help_mode li{width:45%;padding:0px; }
	
	}	
	
.vhd{margin-bottom:.4rem}
.vhd .en{font-size:.55rem;text-transform:uppercase;font-family:"Arial";line-height:.6rem;color:#00aa76;font-weight:bold;position:relative;display:inline-block}
.vhd .en::before{content:'';display:block;position:absolute;width:.58rem;height:.03rem;background-color:#00aa76;top:.4rem;left:-0.86rem}@media (max-width:768px)
{.vhd .en::before{width:.4rem;left:-0.5rem}}@media (max-width:640px){.vhd .en::before{width:.2rem;left:-0.3rem}}
.vhd h2{font-size:.3rem;font-weight:bold;color:#000}.vhd._white *{color:#fff}.vhd._white .en::before{background:#fff}
@media (max-width:640px){.vhd .en br{display:none}}@media (max-width:480px){.vhd .en{font-size:26px}.vhd h2{font-size:22px}}
.hd2{text-align:center}.hd2 .en{font-size:.2rem;color:#00aa76;text-transform:uppercase;font-weight:bold;font-family:"Arial"}.hd2 h2{font-size:.5rem;font-weight:bold;color:#010101}

.index_brand{margin-bottom:0rem}.index_brand .info p{line-height:30px;padding-bottom:10px;}
@media (max-width:992px){.index_brand{margin-bottom:0;border-bottom:6px solid #00aa76}}
@media (min-width:992px){.index_brand{background:linear-gradient(90deg, #f6f6f6 75%, #fff 30%)}
.index_brand .wrap{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;
box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;padding:1.4rem 0}
.index_brand .leftbox,.index_brand .rightbox{width:46%}}
@media (min-width:992px) and (max-width:992px)
{.index_brand .leftbox{width:50%}.index_brand .rightbox{width:46%}}
@media (max-width:991px){.index_brand .wrap{padding:1rem 0}
.index_brand .leftbox{margin-bottom:.5rem}}
.index_brand .info{font-size:16px;color:#707070;line-height:1.625;padding-bottom:.3rem}
.index_brand .info p{margin-bottom:1em:line-height:25px}
.index_brand .datas{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;
-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.index_brand .datas .val{font-size:.55rem;font-family:medium;color:#000;line-height:1.2;font-weight:bold}
@media (max-width:768px){.index_brand .datas .val{font-size:.8rem}}
@media (max-width:480px){.index_brand .datas .val{font-size:.7rem}.index_brand .datas .val em{letter-spacing:-2px}}
.index_brand .datas .unit{font-size:16px;color:#494949;position:relative;top:-0.25rem;padding-left:4px}
@media (max-width:480px){.index_brand .datas .unit{top:-0.2rem;padding-left:2px}}
.index_brand .datas .tit{font-size:18px;color:#494949;padding-left:6px}

@media (max-width:640px){.index_brand .datas .tit{font-size:14px}}


@media (max-width:480px){.index_brand .datas .tit{font-size:14px}}
.index_brand .video{position:relative;box-shadow:0 10px 20px rgba(0,0,0,0.2)}
.index_brand .video img{width:100%}.index_brand .video .play{width:1.12rem;height:1.12rem;background:url('../images/play.png') no-repeat center center;
background-size:contain;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;cursor:pointer}

.play_btn{width:.8rem;height:.8rem;position:absolute;left:50%;top:50%;z-index:5;transform:translateX(-50%) translateY(-50%)}
@media (min-width:1280px){}
.play_btn .icon{width:.8rem;height:.8rem;border-radius:50%;background:url('../images/play.png') no-repeat center center;background-color:#fff;background-size:.46rem;box-sizing:content-box}
.play_btn .line{border-radius:50%;border:1px solid #fff;position:absolute;left:50%;top:50%;width:.8rem;height:.8rem;box-sizing:content-box;transform:translateX(-50%) translateY(-50%);cursor:pointer}
.play_btn .l1{animation:scale3 2s infinite linear}.play_btn .l2{animation:scale3 2s infinite  linear;animation-delay:1s}
.play_btn .l3{animation:scale3 2s infinite  linear;animation-delay:2s}@-webkit-keyframes scale1{from{padding:0px;opacity:1}to{padding:10px;opacity:0}}@-webkit-keyframes scale2{from{padding:0px;opacity:1}to{padding:15px;opacity:0}}
@-webkit-keyframes scale3{from{padding:0px;opacity:1}to{padding:20px;opacity:0}}
.videoPop{width:100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top:0; left: 0; z-index: 999999; display: none;}
.videoPop2{background-color:#fff; min-height: 100px; width:50%; left: 25%; padding:10px; position: absolute; top:50%;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.videoPop2 .video2{display:block;width: 100%;object-fit:fill}
.videoPop2 .close2{width:30px; height: 30px; position: absolute; top:-15px; right:-15px;}

@media screen and (max-width:991px){

	.videoPop2{width:90%; left: 5%; padding:10px;}
}

.job-reprods{background:#f8f9fd;width:100%; padding-top:100px; padding-bottom:100px; }
.job-reprods .swiper-container{padding-top:40px;  }
.job-reprods .cell{width:100%;background:#fff;text-align:center;display:block;padding:20px;border-bottom:2px solid transparent}
.job-reprods .cell .picture{display:flex;align-items:center;justify-content:center;height:360px}
.job-reprods .cell .picture img{object-fit:scale-down;width:100%;}
.job-reprods .cell .tit{color:#333;margin-top:20px;font-size:18px;font-weight:700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;line-height: 24px;}
.job-reprods .cell .tip{color:#666;font-size:14px;margin:20px 0}
.job-reprods .cell .more-btn{color:#00aa76}
.job-reprods .cell:hover{border-color:#00aa76}
.job-reprods .cell:hover .more-btn{text-decoration:underline}
.job-reprods .swiper-slide{padding-bottom:60px}
.job-reprods .swiper-pagination-bullet{width:10px;height:10px}
.job-reprods .swiper-pagination-bullet-active{background:#00aa76}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
	 .job-reprods .cell,.product-cat .cell{padding: 20px}.job-reprods{ padding-top:50px; padding-bottom:50px; }}