/*header start*/
.header-top{background:#FFFFFF;padding:15px 0;}
.header-top .logo{float:left;display: inline-block;}
.header-top .logo a.icon-box{display: block;width:79px;}
.header-top .logo a.icon-box img{width:100%;height:auto;}
.header-top .h-contact{float:right;display: inline-block;padding:17.5px 0;}
.header-top .h-contact dl{display: inline-block;float:left;margin-left:80px;padding-left:60px;}
.header-top .h-contact dl.mail{background:url(../images/h-icon-01.png) no-repeat left center;}
.header-top .h-contact dl.tel{background:url(../images/h-icon-02.png) no-repeat left center;}
.header-top .h-contact dl.fax{background:url(../images/h-icon-03.png) no-repeat left center;}
.header-top .h-contact dl dt{
	line-height:1;
	font-size:16px;
	font-weight:700;
	color:rgba(153,153,153,1);
}
.header-top .h-contact dl dd{margin-top:5px;}
.header-top .h-contact dl dd a{
	font-size:20px;
	font-weight:700;
	color:rgba(51,51,51,1);
	line-height:1;
	transition: all 0.4s;
}
.header-top .h-contact dl dd a:hover{
	color:#33914E;
}
.header .nav-search{
	background:linear-gradient(0deg,rgba(49,141,78,1),rgba(30,116,91,1));
}
.header .nav-search .nav-box{width:80%;float:left;}
.header .nav-search .nav-box #menuPc > ul > li{display: inline-block;float:left;position: relative;}
.header .nav-search .nav-box #menuPc > ul > li > a{
	line-height:1;
	font-size:22px;
	font-weight:700;
	color:rgba(255,255,255,1);
	display: block;
	padding:24px 20px;
}
.header .nav-search .nav-box #menuPc > ul > li.act > a ,.header .nav-search .nav-box #menuPc > ul > li:hover > a{
	background:#33914E;
}
.header .nav-search .nav-box #menuPc > ul > li .second{
	background:#6ABE52;
	position: absolute;
	width:350px;
	left:50%;
	top:100%;
	margin-left:-175px;
	z-index:3;
	padding:10px 0;
	opacity:0;
	visibility: hidden;
	transition: all 0.2s;
}
.header .nav-search .nav-box #menuPc > ul > li:hover .second{
	visibility: visible;
	opacity:1;
}
.header .nav-search .nav-box #menuPc > ul > li .second li{
	padding:0 10px;
}
.header .nav-search .nav-box #menuPc > ul > li .second li a{
	display: block;
	padding:5px 10px;
	font-size:18px;
	font-weight:700;
	color:rgba(255,255,255,1);
	transition: all 0.4s;
}
.header .nav-search .nav-box #menuPc > ul > li .second li a:hover{
	background:rgba(30,116,91,1);
}
.header .nav-search .nav-box #menuWap{display: none;}
.header .nav-search .search-box{width:20%;float:right;padding:15px 0;}
.header .nav-search .search-box .input-box{width:100%;position: relative;}
.header .nav-search .search-box .input-box input{
	width:100%;
	height:40px;
	background:rgba(240,249,238,1);
	border-radius:20px;
	line-height:40px;
	padding:0 70px 0 20px;
	box-sizing: border-box;
	border:none;
}
.header .nav-search .search-box .input-box input::placeholder{
	font-size:18px;
	font-weight:400;
	color:rgba(86,139,71,1);
}
.header .nav-search .search-box .input-box button{
	position: absolute;
	right:5px;
	top:0;
	z-index:3;
	width:40px;
	height:40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:transparent;
	border:none;
}
/*header end*/

/*footer start*/
.footer{
	background:linear-gradient(0deg,rgba(18,40,74,1),rgba(22,66,94,1));
}
.footer-top{padding:60px 0 40px;}
.footer-top .footer-top-name{width:25%;float:left;}
.footer-top .footer-top-name .name{
	font-size:22px;
	font-weight:700;
	color:rgba(255,255,255,1);
	line-height:26px;
}
.footer-top .footer-top-name .list{
	margin:30px 0;
}
.footer-top .footer-top-name .list ul li{
	padding:5px 0;
}
.footer-top .footer-top-name .list ul li i ,.footer-top .footer-top-name .list ul li a{
	font-size:16px;
	font-weight:400;
	color:rgba(126,144,163,1);
	transition:all 0.4s;
}
.footer-top .footer-top-name .list ul li a:hover{
	color:#33914E;
}
.footer-top .footer-top-name .share a{
	float:left;
	margin-left:12px;
	width:38px;
	height:38px;
	border:1px solid rgba(165,181,197,1);
	border-radius:50%;
	box-sizing: border-box;
	display: flex;
	justify-content:center;
	align-items: center;
	transition: all 0.4s;
	opacity:1;
}
.footer-top .footer-top-name .share a:hover{
	opacity:0.7;
}
.footer-top .footer-top-name .share a:first-child{
	margin-left:0;
}
.footer-top .footer-top-nav{width:75%;float:right;}
.footer-top .footer-top-nav dl{
	width:23.33333%;
	padding-left:10%;
	float:left;
}
.footer-top .footer-top-nav dl dt{
	margin-bottom:45px;
}
.footer-top .footer-top-nav dl dt a{
	font-size:24px;
	font-weight:700;
	color:rgba(255,255,255,1);
}
.footer-top .footer-top-nav dl dd a{
	display: block;
	margin:10px 0;
	padding-left:30px;
	background:url(../images/footer-icon-01.png) no-repeat left center;
	font-size:16px;
	font-weight:400;
	color:rgba(126,144,163,1);
	transition: all 0.4s;
}
.footer-top .footer-top-nav dl dd a:hover{
	color:#FFFFFF;
	background:url(../images/footer-icon-02.png) no-repeat left center;
}
.footer-copy-by{
	padding:25px 0;
	border-top:1px solid rgba(255,255,255,0.07);
	font-size:14px;
	font-weight:400;
	color:rgba(126,144,163,1);
}
.footer-copy-by .copy{
	float:left;
	width:50%;
}
.footer-copy-by .by{
	float:right;
	text-align: right;
	width:50%;
}
/*footer end*/

/*轮播图start*/
.banner{max-width:1920px;margin:0 auto 0;width:100%;background:#FFFFFF;position: relative;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .bg-box{position: relative;z-index:1;}
.banner .bg-box img{width:100%;height:auto;}
.banner .wap-box{display:none;}
.banner .wap-box img{width:100%;height:auto;}
.banner .swiper-pagination-bullet{width:8px;height:8px;background:#FFFFFF;opacity:1;border-radius: inherit;border-radius:50%;transition:all 0.6s;position: relative;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet-active{background:transparent;}
.banner .swiper-pagination-bullet::after{
	opacity:0;
	width:8px;
	height:8px;
	border:2px solid rgba(242,246,246,1);
	border-radius:50%;
	content: '';
	z-index:2;
	position: absolute;
	left:50%;
	top:50%;
	margin:-6px 0 0 -5.5px;
	transition: all 0.6s;
	transform: scale(0.9);
}
.banner .swiper-pagination-bullet-active::after{
	opacity:1;
	transform: scale(1);
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{
	width:auto;
	padding:1px 20px;
	background:rgba(255,255,255,0.1);
	border-radius:11px;
	left:50%;
	transform: translateX(-50%);
	bottom:30px;
}
.swiper-slide .banner-content{
	transform:translateY(-200px);
	opacity:0;
	transition:all .6s;
}
.ani-slide .banner-content{
	transform:translateY(0);
	opacity:1;
}

/*轮播图end*/

.inner-banner{position: relative;max-width:1920px;margin:0 auto;position: relative;}
.inner-banner .img-box img{width:100%;height:auto;}
.crumbs-box .cb-box{padding-left:25px;background:url(../images/home-icon.png) no-repeat left 2px;}
.crumbs-box{padding:12px 0;position: absolute;bottom:0;width:1280px;margin-left:-640px;z-index:2;left:50%;}
.crumbs-box a{color:#FFFFFF;display: inline-block;transition: all 0.4s;}
.crumbs-box a:hover{color:#33914E;}
.crumbs-box i{display: inline-block;padding:0 5px;color:#FFFFFF;font-family: simsun;font-weight:700;}
.crumbs-box span{color:#FFFFFF;}

/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/

.m-width-1280{max-width:1280px;margin:0 auto;}
.ipd-20{}
/*置顶按钮 start*/
#toTop{width:40px;height:40px;left:20px;bottom:20px;position: fixed;z-index:999;background:#33914E;}
/*置顶按钮 end*/

/*分页 start*/
.page-box{padding:50px 0;text-align: center;}
.page-box .page-inner{display:flex;justify-content: center;}
.page-box .page-inner a{display:inline-flex;font-size:14px;color:#C7C7C7;margin:0 5px;width:35px;height:35px;line-height:35px;justify-content: center;background:transparent;border:1px solid rgba(199,199,199,1);}
.page-box .page-inner .current{display:inline-flex;font-size:14px;color:#C7C7C7;margin:0 5px;width:35px;height:35px;line-height:35px;justify-content: center;background:transparent;}
.page-box .page-inner .page-list{display: flex;}
.page-box .page-inner .page-list a.act ,
.page-box .page-inner .page-list a:hover,
.page-box .page-inner .page-list .current {color:#FFFFFF;transition: all 0.4s;background:#1E587D;border:1px solid #1E587D;}
.page-box .page-inner .page-list .current {color: #FFFFFF;transition: all 0.4s;}
.page-box .page-inner a.prev{background:url(../images/p-l.png) no-repeat center;}
.page-box .page-inner a.next{background:url(../images/r-l.png) no-repeat center;}
.page-box .page-inner a.p-prev{background:url(../images/p-ll.png) no-repeat center;}
.page-box .page-inner a.p-next{background:url(../images/r-ll.png) no-repeat center;}
.page-box .page-inner a.prev.no-drop ,.page-box .page-inner a.next.no-drop{cursor: no-drop;color:#666666;}
.page-box .page-inner .page-list .current.act ,.page-box .page-inner .page-list .current:hover{color:#295a83;transition: all 0.4s;}
.page-box .page-inner .current.prev{font-family:simsun;font-weight:bold;font-weight: bold;color:#0068BA;}
.page-box .page-inner .current.next{font-family:simsun;font-weight:bold;font-weight: bold;color:#0068BA;}
.page-box .page-inner .current.prev{background:url(../images/p-l.png) no-repeat center;}
.page-box .page-inner .current.next{background:url(../images/r-l.png) no-repeat center;}
.page-box .page-inner .current.p-prev{background:url(../images/p-ll.png) no-repeat center;}
.page-box .page-inner .current.p-next{background:url(../images/r-ll.png) no-repeat center;}
.page-box .page-inner .current.prev.no-drop ,.page-box .page-inner .current.next.no-drop{cursor: no-drop;color:#666666;}
/*分页 end*/

/*公共样式定义 end*/
.index-powders{padding:80px 0;background:#EEF2F5;}
.index-powders .index-powders-tit{width:15%;float:left;
	background:linear-gradient(0deg,rgba(49,141,78,1),rgba(30,116,91,1));
	
}
.index-powders .index-powders-tit .ipt-inner{padding:0 20px 42px;}
.index-powders .index-powders-tit .ipt-inner .tit{padding:65px 0 0;}
.index-powders .index-powders-tit .ipt-inner .tit a{
	font-size:36px;
	font-weight:700;
	color:rgba(255,255,255,1);
	line-height:38px;
	height:114px;
	overflow: hidden;
}
.index-powders .index-powders-tit .ipt-inner .more{
	margin-top:104px;
	width:16px;
	height:16px;
	display: block;
	position:relative;
	background:url(../images/tsp-more.png) no-repeat center;
	transition: all 0.6s;
	transform: rotate(0);
}
.index-powders .index-powders-tit .ipt-inner .more:hover{
	transform: rotate(180deg);
}
.index-powders .index-powders-list{width:82.5%;float:right;}
.index-powders .index-powders-list ul li{
	width:22.9%;
	float:left;
	margin-left:2.8%;
	background:#FFFFFF;
	border:1px solid rgba(237,237,237,1);
	box-sizing: border-box;
}
.index-powders .index-powders-list ul li:first-child{
	margin-left:0;
}
.index-powders .index-powders-list ul li .li-inner{
	padding:33px 39px 28px;
	text-align: center;
}
.index-powders-list ul li .li-inner .img-box{display: block;overflow:hidden;position: relative;border-radius:50%;}
.index-powders-list ul li .li-inner .img-box img{width:100%;height:auto;border-radius:50%;transition:all 0.6s;transform: scale(1);}
.index-powders-list ul li .li-inner .img-box img:hover{transform: scale(1.1);}
.index-powders-list ul li .li-inner .tit{
	padding:25px 0;
	font-size:20px;
	font-weight:400;
	color:rgba(102,102,102,1);
	text-overflow: ellipsis;
	white-space:nowrap;
	display: block;
	overflow: hidden;
	transition:all 0.4s;
}
.index-powders-list ul li .li-inner .tit:hover{
	color:#42A644;
}
.index-powders-list ul li .li-inner .more{
	width:92px;
	height:38px;
	background:rgba(232,232,232,1);
	border-radius:19px;
	line-height:38px;
	display: inline-block;
	font-size:16px;
	font-weight:700;
	color:rgba(102,102,102,1);
	text-transform: capitalize;
	transition: all 0.4s;
}
.index-powders-list ul li .li-inner .more:hover{
	background:#42A644;
	color:#FFFFFF;
}
.index-tung{padding:80px 0 0;}
.index-tung .it-inner{padding-left:25%;position: relative;}
.index-tung .it-inner .text{
	position: absolute;
	z-index: 3;
	left:0;
	top:0;
	width:36%;
}
.index-tung .it-inner .text .tit{padding-top:60px;}
.index-tung .it-inner .text .tit h6{
	font-size:48px;
	font-weight:700;
	color:rgba(19,33,58,1);
	line-height:1;
}
.index-tung .it-inner .text .dis{
	height:120px;
	overflow: hidden;
	font-size:20px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:30px;
	margin:35px 0 70px;
}
.index-tung .it-inner .text .more a{
	width:198px;
	height:50px;
	background:linear-gradient(180deg,rgba(115,189,67,1),rgba(18,156,88,1));
	box-shadow:0px 5px 7px 0px rgba(0, 0, 0, 0.1);
	border-radius:25px;
	display: block;
	text-align: center;
	line-height:50px;
	font-size:16px;
	font-weight:700;
	color:rgba(255,255,255,1);
	text-transform: uppercase;
	transition: all 0.4s;
}
.index-tung .it-inner .text .more a:hover{
	background:linear-gradient(180deg,rgba(18,156,88,1),rgba(115,189,67,1));
}
.index-tung .it-inner .text .more a span{
	display: inline-block;
	padding-right:35px;
	background:url(../images/more-icon-white.png) no-repeat right center;
}
.index-tung .it-inner .list ul li:nth-child(1){
	width:36.9%;
	float:left;
	position: relative;
	background:rgba(255,255,255,1);
	box-shadow:0px 3px 27px 1px rgba(5,65,92,0.09);
}
.index-tung .it-inner .list ul{position: relative;}
.index-tung .it-inner .list ul li .img-box{display: block;position: relative;}
.index-tung .it-inner .list ul li .img-box img{width:100%;height:auto;}
.index-tung .it-inner .list ul li:nth-child(2){width:29.6%;position: absolute;left:38.8%;top:0;box-shadow:0px 3px 27px 1px rgba(5,65,92,0.09);}
.index-tung .it-inner .list ul li:nth-child(3){width:29.6%;position: absolute;right:0;top:0;box-shadow:0px 3px 27px 1px rgba(5,65,92,0.09);}
.index-tung .it-inner .list ul li:nth-child(4){width:61.2%;position: absolute;right:0;bottom:0;
	background:rgba(255,255,255,1);
	box-shadow:0px 3px 27px 1px rgba(5,65,92,0.09);
}
.index-tung .it-inner .list ul li:nth-child(n+2) a::after{
	content: '';
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	background:rgba(66,166,68,0.22);
	transition:all 0.6s;
	opacity:0;
}
.index-tung .it-inner .list ul li:nth-child(n+2) a:hover::after{
	opacity:1;
}
.index-service .index-service-tit{text-align: center;padding:80px 0;}
.index-service .index-service-tit h6{
	line-height:1;
	font-size:48px;
	font-weight:700;
	color:rgba(19,33,58,1);
}
.index-service .index-service-slider{
	max-width:1920px;
	margin:0 auto;
	position: relative;
}
.index-service .index-service-slider .swiper-slide{position: relative;}
.index-service .index-service-slider .swiper-slide .img-box{display: block;position: relative;}
.index-service .index-service-slider .swiper-slide .img-box img{width:100%;height:auto;}
.index-service .index-service-slider .swiper-slide .img-pop{
	flex-direction: column;
	position: absolute;
	left:46px;
	top:0;
	right:46px;
	bottom:33px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	transition: all 0.6s;
}
.index-service .index-service-slider .swiper-slide:hover .img-pop{
	top:33px;
	background:linear-gradient(0deg,rgba(49,141,78,0.5),rgba(30,116,91,0.5));
}
.index-service .index-service-slider .swiper-slide .number{
	font-size:108px;
	font-weight:800;
	color:rgba(255,255,255,0.3);
	width:100%;
	text-align: center;
	line-height:1;
	position: absolute;
	left:0;
	top:-40px;
	transition: all 0.6s;
}
.index-service .index-service-slider .swiper-slide:hover .number{
	color:rgba(255,255,255,1);
	top:80px;
}
.index-service .index-service-slider .swiper-slide .icon-tit{
	text-align: center;
	width:100%;
	
}
.index-service .index-service-slider .swiper-slide .icon-box{display: block;}
.index-service .index-service-slider .swiper-slide .tit-box{
	padding:20px 20px;
	font-size:28px;
	font-weight:700;
	color:rgba(255,255,255,1);
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.index-service-slider .swiper-button-next, .index-service-slider .swiper-button-prev{
	width:40px;
	height:70px;
	background:linear-gradient(0deg,rgba(49,141,78,0.32),rgba(30,116,91,0.32));
}
.index-service-slider .swiper-button-next{right:0;}
.index-service-slider .swiper-button-next::after{
	content: '';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/service-icon-right.png) no-repeat center;
}
.index-service-slider .swiper-button-prev{left:0;}
.index-service-slider .swiper-button-prev::after{
	content: '';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/service-icon-left.png) no-repeat center;
}
.index-service-slider .swiper-button-next.swiper-button-disabled, .index-service-slider .swiper-button-prev.swiper-button-disabled{
	background:rgba(255,255,255,0.5);
	opacity:1;
}

.index-about{padding:0 0 80px;}
.index-about .index-about-tit{padding:80px 0;text-align: center;}
.index-about .index-about-tit h6{
	font-size:48px;
	font-weight:700;
	color:rgba(19,33,58,1);
	line-height:1;
}
.index-about .index-about-text{
	margin-bottom:70px;
	font-size:18px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:30px;
	text-align: center;
}
.index-about .index-about-pic{
	display: block;
}
.index-about .index-about-pic .img-box{
	display: block;
}
.index-about .index-about-pic .img-box img{width:100%;height:auto;}
.index-about .index-about-more{margin-top:65px;text-align: center;}
.index-about .index-about-more a{
	width:198px;
	height:50px;
	border:1px solid rgba(66,166,68,1);
	border-radius:25px;
	box-shadow:0px 5px 7px 0px rgba(0, 0, 0, 0.1);
	display: inline-block;
	line-height:50px;
	font-size:16px;
	font-weight:700;
	color:rgba(66,166,68,1);
	text-transform: uppercase;
	transition: all 0.4s;
}
.index-about .index-about-more a:hover{
	background:rgba(66,166,68,1);
	color:#FFFFFF;
}
.index-about .index-about-more a span{
	padding-right:30px;
	display: inline-block;
	background:url(../images/more-icon-green.png) no-repeat right center;
}
.index-about .index-about-more a:hover span{
	background:url(../images/more-icon-white.png) no-repeat right center;
}


.product-box{padding:80px 0;}
.product-box.hc-prodis{padding:80px 0 0;}
.product-box .product-menu{width:25%;float:left;}
.product-box .product-menu .p-m-list ul li{margin-bottom:14px;}
.product-menu .p-m-list ul li .li-t{
	padding:13px 20px 13px 30px;
	background:#E4EDF4;
	transition: all 0.6s;
	position: relative;
}
.product-menu .p-m-list ul li.act .li-t{
	background:rgba(30,88,125,1);
}
.product-menu .p-m-list ul li .li-t .t{
	display: block;
	font-size:20px;
	font-weight:700;
	color:rgba(30,88,125,1);
	padding-right:37px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.product-menu .p-m-list ul li.act .li-t .t{
	color:#FFFFFF;
}
.product-menu .p-m-list ul li .li-t .i{
	background:url(../images/pro-blue-left-icon.png) no-repeat center;
	width:37px;
	height:37px;
	right:20px;
	top:50%;
	margin-top:-19px;
	z-index:3;
	transition: all 0.6s;
	position: absolute;
}
.product-menu .p-m-list ul li.act .li-t .i{
	transform: rotate(90deg);
}
.product-menu .p-m-list ul li .li-d{
	display: none;
	padding:15px 30px;
	border:1px solid rgba(237,237,237,1);
}
.product-menu .p-m-list ul li.act .li-d{display: block;}
.product-menu .p-m-list ul li .li-d dl dd a{
	position: relative;
	padding:10px 0 10px 20px;
	display: block;
	font-size:20px;
	font-weight:400;
	color:rgba(102,102,102,1);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 0.4s;
}
.product-menu .p-m-list ul li .li-d dl dd a:hover{
	color:rgba(30,88,125,1);
}
.product-menu .p-m-list ul li .li-d dl dd a::after{
	width:5px;
	height:5px;
	background:rgba(224,224,224,1);
	border-radius:50%;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-2.5px;
	content: '';
	transition: all 0.4s;
}
.product-menu .p-m-list ul li .li-d dl dd a:hover::after{
	background:rgba(30,88,125,1);
}
.product-menu .p-contact{
	margin-top:40px;
	background:#1E587D url(../images/support-bg.png) no-repeat right bottom;
}
.product-menu .p-contact .pc-inner{
	padding:45px 35px;
}
.product-menu .p-contact .pc-inner h6{
	font-size:28px;
	font-weight:700;
	color:rgba(255,255,255,1);
	line-height:32px;
}
.product-menu .p-contact .pc-inner .more{
	width:183px;
	height:44px;
	background:rgba(241,245,247,1);
	border-radius:22px;
	text-align: center;
	line-height:44px;
	font-size:16px;
	font-weight:700;
	color:rgba(30,88,125,1);
	text-transform: uppercase;
	display: block;
	margin-top:30px;
	transition: all 0.4s;
}
.product-menu .p-contact .pc-inner .more:hover{background:#E4EDF4;}
.product-menu .p-contact .pc-inner .more span{display: inline-block;padding-right:30px;background:url(../images/more-icon-blue.png) no-repeat right center;transition: all 0.4s;}

.product-box .product-list{width:73%;float:right;}
.product-box .product-list .pro-list-tit{
	border-bottom:1px solid rgba(19,33,58,0.12);
	margin-bottom:25px;
}
.product-box .product-list .pro-list-tit h6{
	display: inline-block;
	height:56px;
	background:rgba(30,88,125,1);
	padding-left:30px;
	min-width:170px;
	line-height:56px;
	font-size:28px;
	font-weight:700;
	color:rgba(255,255,255,1);
	line-height:56px;
	position: relative;
}
.product-box .product-list .pro-list-tit h6::after{
	width:57px;
	height:56px;
	content: '';
	background:url(../images/tit-blue-sub.jpg) no-repeat center;
	position: absolute;
	right:-54px;
	top:0;
}
.product-box .product-list .pro-list-box ul li{
	width:23.5%;
	float:left;
	margin-left:2%;
	margin-bottom:50px;
}
.product-box .product-list .pro-list-box ul li:nth-child(4n+1){
	margin-left:0;
}
.product-box .product-list .pro-list-box ul li .img-box{display: block;position: relative;overflow: hidden;}
.product-box .product-list .pro-list-box ul li .img-box img{width:100%;height:auto;transition: all 0.6s;transform: scale(1);}
.product-box .product-list .pro-list-box ul li .img-box img:hover{transform: scale(1.1);}
.product-box .product-list .pro-list-box ul li .img-text{
	padding:0 10px;
}
.product-list .pro-list-box ul li .img-text .t{
	display: block;
	font-size:20px;
	font-weight:700;
	color:rgba(51,51,51,1);
	padding:20px 0;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition:all 0.4s;
}
.product-list .pro-list-box ul li .img-text .t:hover{color:#1E587D;}
.product-list .pro-list-box ul li .img-text .d{
	height:44px;
	overflow: hidden;
	font-size:16px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:22px;
}
.product-list .pro-list-box ul li .img-text .m{
	width:92px;
	height:38px;
	background:rgba(226,233,238,1);
	border-radius:19px;
	margin-top:20px;
	display: block;
	font-size:16px;
	font-weight:700;
	color:rgba(85,121,149,1);
	line-height:38px;
	text-align: center;
	transition: all 0.4s;
}
.product-list .pro-list-box ul li .img-text .m:hover{
	color:#FFFFFF;
	background: #1E587D;
}
.product-list .page-box{padding:20px 0 50px;}
.product-box .msg-box{
	padding:0 50px 56px;
	background:#EFF3F6 url(../images/msg-bg.jpg) no-repeat bottom center;
	
}
.product-box .msg-box .msg-tit{text-align: center;padding:50px 0 30px;}
.product-box .msg-box .msg-tit h6{
	font-size:46px;
	font-weight:700;
	color:rgba(51,51,51,1);
}

.hc-product-dis{padding:0 0 80px;}
.hc-product-dis .msg-box{
	padding:0 50px 56px;
	background:#EFF3F6 url(../images/msg-bg.jpg) no-repeat bottom center;
	
}
.hc-product-dis .msg-box .msg-tit{text-align: center;padding:50px 0 30px;}
.hc-product-dis .msg-box .msg-tit h6{
	font-size:46px;
	font-weight:700;
	color:rgba(51,51,51,1);
}






.welding-box .product-menu .p-m-list ul li.act .li-t{
	background:rgba(66,166,68,1);
}
.welding-box .product-menu .p-m-list ul li .li-t .i{
	background:url(../images/pro-green-left-icon.png) no-repeat center;
}
.welding-box .product-menu .p-m-list ul li .li-d dl dd a:hover{color:#42A644;}
.welding-box .product-menu .p-m-list ul li .li-d dl dd a:hover::after{background:#42A644;}
.welding-box .product-menu .p-m-list ul li .li-t .t{color:rgba(84,112,85,1);}
.welding-box .product-menu .p-m-list ul li .li-t{background:rgba(227,242,227,1);}
.welding-box .product-menu .p-m-list ul li.act .li-t .t{color:#FFFFFF;}
.product-box.welding-box .product-list .pro-list-tit h6{background:#42A644;padding-right:30px;}
.product-box.welding-box .product-list .pro-list-tit h6::after{background:url(../images/tit-green-sub.jpg) no-repeat center;}
.welding-box .product-list .pro-list-box ul li .img-text .m{background:#E5F3E5;color:#6BB66D;}
.welding-box .product-list .pro-list-box ul li .img-text .m:hover{
	background:#42A644;
	color:#FFFFFF;
}
.welding-box .product-list .pro-list-box ul li .img-text .t:hover{color:#42A644;}
.welding-box .page-box .page-inner .page-list a.act, .welding-box .page-box .page-inner .page-list a:hover, .page-box .page-inner .page-list .current{background:#42A644;border:1px solid #42A644;}

.prodis-box{width:73%;float:right;}
.prodis-photo-text .photo{width:48%;float:left;}
.prodis-photo-text .photo .img-box img{width:100%;height:auto;}
.prodis-photo-text .photo .img-box{border:1px solid rgba(228,228,228,1);box-sizing: border-box;}
.prodis-photo-text .photo .gallery-thumbs{margin-top:18px;}
.prodis-photo-text .photo .gallery-thumbs .img-box{cursor: pointer;}
.prodis-photo-text .photo .gallery-thumbs .swiper-slide-thumb-active .img-box{border:1px solid rgba(51,145,78,1);}
.prodis-photo-text .text{width:48%;float:right;}
.prodis-photo-text .text .t{
	font-size:32px;
	font-weight:700;
	color:rgba(66,166,68,1);
	line-height:1.1;
}
.prodis-photo-text .text .d{
	font-size:18px;
	font-weight:400;
	color:rgba(85,85,85,1);
	line-height:26px;
	margin:30px 0 40px;
}
.hc-prodis .prodis-photo-text .text .d{
	margin:20px 0;
}
.hc-prodis .prodis-photo-text .text .share{margin:20px 0;}
.prodis-photo-text .text .l ul li{
	background:url(../images/prodis-icon-01.png) no-repeat left 16px;
	font-size:20px;
	font-weight:700;
	color:rgba(85,85,85,1);
	line-height:24px;
	padding:10px 0 10px 35px;
}
.prodis-photo-text .text .share{padding-left:50px;background:url(../images/prodis-icon-02.png) no-repeat left center;margin:40px 0 50px;}
.prodis-photo-text .text .share a{display:flex;margin-left:8px;
	width:27px;
	height:27px;
	background:rgba(209,209,209,1);
	border-radius:50%;
	justify-content: center;
	align-items: center;
	float:left;
	transition:all 0.4s;
}
.prodis-photo-text .text .share a:first-child{margin-left:0;}
.prodis-photo-text .text .share a:hover{
	background:rgba(30,88,125,1);
}
.prodis-photo-text .text .link a{
	width:140px;
	height:48px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(66,166,68,1);
	text-align: center;
	line-height:48px;
	display: block;
	font-size:18px;
	font-weight:400;
	color:rgba(66,166,68,1);
	line-height:48px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	transition: all 0.4s;
}
.prodis-photo-text .text .link a:hover{
	color:#FFFFFF;
	background:#42A644;
}
.prodis-photo-text .text .link a:last-child{
	margin-right:0;
}
.prodis-photo-text .text .link a span{padding-left:35px;}
.prodis-photo-text .text .link a.chat span{background:url(../images/prodis-link-icon-01.png) no-repeat left center;}
.prodis-photo-text .text .link a.con span{background:url(../images/prodis-link-icon-02.png) no-repeat left center;}
.prodis-photo-text .text .link a.chat:hover span{background:url(../images/prodis-link-icon-01-h.png) no-repeat left center;}
.prodis-photo-text .text .link a.con:hover span{background:url(../images/prodis-link-icon-02-h.png) no-repeat left center;}
.prodis-photo-text .text .link a.em span{background:url(../images/prodis-link-icon-03.png) no-repeat left center;}
.prodis-photo-text .text .link a.em:hover span{background:url(../images/prodis-link-icon-03-h.png) no-repeat left center;}
.prodis-tit{border-bottom:1px solid #D1D1D1;padding:50px 0 20px;position: relative;}
.prodis-tit::after{
	content:'';
	width:66px;
	height:3px;
	background:rgba(66,166,68,1);
	position: absolute;
	bottom:-2px;
	left:0;
}
.prodis-tit h6{
	line-height:1;
	font-size:30px;
	font-weight:700;
	color:rgba(51,51,51,1);
}
.prodis-text{
	padding:40px 0 0;
	font-size:18px;
	font-weight:400;
	color:rgba(85,85,85,1);
	line-height:26px;
}
.prodis-text img{max-width:100%;height:auto;}
.prodis-table{padding:40px 0 0;}
/* */
.prodis-table .table-box table{width:100% !important;height: auto !important;}
.prodis-table .table-box table th ,.prodis-table .table-box table td{
	padding:15px 5px;
	text-align: center;
	
	border:1px solid #E4EDF4;
	font-size:14px;
	font-weight:400;
	color:rgba(104,103,111,1);
	width: auto !important;
	height: auto !important;
	text-align: left;
}
/* .prodis-table .table-box table tr:nth-child(2) td{
	background:transparent;
} */
.prodis-table .table-box table tr:nth-child(even) td{
	background:#E4EDF4;
}
.prodis-table .table-box table th{
	background:#F19716 !important;
	color:rgba(255,255,255,1);
}
.related-product .rp-tit{
	text-align: center;
	padding:50px 0;
}
.related-product .rp-tit h6{
	font-size:46px;
	font-weight:700;
	color:rgba(51,51,51,1);
}
.related-product .rp-list{
	
}
.related-product .rp-list ul li{
	width:31%;
	float:left;
	margin-left:3.5%;
	margin-bottom:80px;
}
.hc-product-dis .related-product .rp-list ul li{width:23%;margin-left:2.66666%;}
.related-product .rp-list ul li:first-child{
	margin-left:0;
}
.related-product .rp-list ul li .img-box{display: block;}
.related-product .rp-list ul li .img-box img{width:100%;height:auto;}
.related-product .rp-list ul li .img-text{
	padding:0 10px;
}
.related-product .rp-list ul li .img-text .t{
	display: block;
	font-size:20px;
	font-weight:700;
	color:rgba(51,51,51,1);
	padding:20px 0;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition:all 0.4s;
}
.related-product .rp-list ul li .img-text .t:hover{color:#33914E;}
.related-product .rp-list ul li .img-text .d{
	height:44px;
	overflow: hidden;
	font-size:16px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:22px;
}
.related-product .rp-list ul li .img-text .m{
	width:92px;
	height:38px;
	background:rgba(229,243,229,1);
	border-radius:19px;
	margin-top:20px;
	display: block;
	font-size:16px;
	font-weight:700;
	color:rgba(107,182,109,1);
	line-height:38px;
	text-align: center;
	transition: all 0.4s;
}
.related-product .rp-list ul li .img-text .m:hover{
	color:#FFFFFF;
	background: #33914E;
}

.about-company{
	padding:80px 0;
	background:url(../images/about-pic-01.png) no-repeat center bottom;
}
.about-company .about-pic{width:46%;float:left;}
.about-company .about-pic .img-box{padding:45px 0 55px 55px;background:url(../images/about-cp-border.png) no-repeat left center;}
.about-company .about-pic .img-box img{width:100%;height:auto;}
.about-company .about-text{width:49%;float:right;}
.about-company .about-text .tit{
	padding:30px 0;
}
.about-company .about-text .tit h6{
	line-height:1;
	font-size:46px;
	font-weight:700;
	color:rgba(51,51,51,1);
}
.about-company .about-text .dis{
	font-size:18px;
	font-weight:400;
	color:rgba(136,136,136,1);
	line-height:30px;
}
.about-corp .about-corp-tit{
	padding:80px 0 50px;
}
.about-corp .about-corp-tit .tit{
	width:46%;
	float:left;
}
.about-corp .about-corp-tit .tit h6{
	font-size:46px;
	font-weight:700;
	color:rgba(51,51,51,1);
	line-height:1;
}
.about-corp .about-corp-tit .tips{
	width:54%;
	float:right;
	font-size:20px;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:30px;
}
.about-corp .about-corp-slider{
	padding:70px 24.95% 70px 0;
	position: relative;
}
.about-corp .about-corp-slider::after{
	content: '';
	width:60%;
	height:100%;
	position: absolute;
	left:0;
	bottom:0;
	z-index:-1;
	background:#F6F8FA;
}
.about-corp .about-corp-slider .swiper-slide{width:auto;}
.about-corp .about-corp-slider .swiper-slide .img-box img{width:100%;height:auto;}
.about-corp .about-corp-slider .about-corp-slider-pad{position: relative;}
.about-corp-slider-pad .swiper-button-next, .about-corp-slider-pad .swiper-button-prev{
	width:43px;
	height:43px;
	border-radius:50%;
	transition:all 0.6s;
}
.about-corp-slider-pad .swiper-button-next{
	background:url(../images/about-right.png) no-repeat center;
	right:0;
	top: auto;
	margin-top:auto;
	bottom:-70px;
}

.about-corp-slider-pad .swiper-button-prev{
	background:url(../images/about-left.png) no-repeat center;
	right:70px;
	left: auto;
	top: auto;
	margin-top:auto;
	bottom:-70px;
}

.about-corp-slider-pad .swiper-button-next:hover{
	background:url(../images/about-right-h.png) no-repeat center;
}

.about-corp-slider-pad .swiper-button-prev:hover{
	background:url(../images/about-left-h.png) no-repeat center;
}
.about-cert{padding:80px 0;}
.about-cert .text{
	width:33%;
	float:left;
}
.about-cert .text .tit h6{
	font-size:46px;
	font-weight:700;
	color:rgba(51,51,51,1);
}
.about-cert .text .tips{
	margin:30px 0 50px;
	font-size:20px;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:30px;
}
.about-cert .ac-slider{
	width:62%;
	float:right;
	
}
.about-cert .ac-slider .swiper-slide .img-box img{
	width:100%;
	height:auto;
}
.about-cert .text .arrow-box{position: relative;height:43px;width:110px;}

.about-cert .swiper-button-next, .about-cert .swiper-button-prev{
	width:43px;
	height:43px;
	border-radius:50%;
	transition:all 0.6s;
}
.about-cert .swiper-button-next{
	background:url(../images/about-right.png) no-repeat center;
	right:0;
	top: auto;
	margin-top:auto;
}

.about-cert .swiper-button-prev{
	background:url(../images/about-left.png) no-repeat center;
	right:auto;
	left: 0;
	top: auto;
	margin-top:auto;
}

.about-cert .swiper-button-next.swiper-button-disabled{
	background:url(../images/about-right-h.png) no-repeat center;
	opacity:1;
}

.about-cert .swiper-button-prev.swiper-button-disabled{
	background:url(../images/about-left-h.png) no-repeat center;
	opacity:1;
}
.about-become{
	padding:80px 0;
	background:#EFF3F6 url(../images/about-bt-bg.jpg) no-repeat center bottom;
}
.about-become .pic{width:36%;float:left;}
.about-become .pic .icon-box img{width:100%;height:auto;}
.about-become .text{width:56%;float:right;}
.about-become .text .b{
	font-size:20px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:28px;
}
.about-become .text .s{
	margin-top:40px;
	font-size:18px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:40px;
}
.error-box{
	padding:80px 0;
	text-align: center;
}
.error-box .tips h6{
	font-size:44px;
	font-weight:700;
	color:rgba(48,58,78,1);
}
.error-box .tips p{
	font-size:20px;
	font-weight:400;
	color:rgba(136,136,136,1);
	line-height:24px;
}
.error-box .tips{margin-bottom:30px;}
.error-box .pic img{max-width:100%;height:auto;}

.service-box{padding:80px 0;background:url(../images/service-bg-02.jpg) no-repeat center bottom;position:relative;}
.service-box::after{
	content: '';
	background:url(../images/service-bg-01.jpg) no-repeat center;
	position: absolute;
	width:100%;
	height:1324px;
	left:0;
	top:17%;
	z-index:-1;
}
.service-box .service-tit{padding:0 0 60px;}
.service-box .service-tit .tit{width:40%;float:left;}
.service-box .service-tit .tit h6{padding-left:30px;border-left:4px solid #33914E;
	font-size:34px;
	font-weight:700;
	color:rgba(19,33,58,1);
	line-height:44px;
}
.service-box .service-tit .tips{width:50%;float:right;
	font-size:16px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:26px;
}
.service-box .service-pic{position: relative;}
.service-box .service-pic .img-box{position: relative;}
.service-box .service-pic .img-box img{width:100%;height:auto;}
.service-box .service-pic .text-box{position: absolute;left:0;top:0;width:100%;height:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.service-box .service-pic .text-box .tit{
	max-width:60%;
	margin:0 auto;
	text-align: center;
	line-height:1;
	font-size:58px;
	font-weight:700;
	color:rgba(255,255,255,1);
}
.service-box .service-pic .text-box .tips{
	font-size:18px;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:26px;
	max-width:60%;
	margin:0 auto;
	text-align: center;
	margin:30px 0 50px;
}
.service-box .service-pic .text-box .link{
	text-align: center;
}
.service-box .service-pic .text-box .link a{
	width:210px;
	height:52px;
	background:rgba(66,166,68,1);
	text-align: center;
	line-height:52px;
	display: inline-block;
	font-size:20px;
	font-weight:700;
	color:rgba(255,255,255,1);
	transition:all 0.4s;
}
.service-box .service-pic .text-box .link a:hover{
	background:rgba(30,88,125,1);
}
.service-tips-list{padding:80px 0 0;}
.service-tips-list .t{
	font-size:34px;
	font-weight:700;
	color:rgba(19,33,58,1);
	text-align: center;
}
.service-tips-list .d{
	font-size:16px;
	font-weight:400;
	color:rgba(85,85,85,1);
	line-height:26px;
	margin:40px 0;
}
.service-tips-list .l ul li{
	margin:20px 0;
	padding-left:35px;
	background:url(../images/service-icon-01.png) no-repeat left 3px;
	font-size:18px;
	font-weight:700;
	color:rgba(51,51,51,1);
}
.service-pic-list{padding:80px 0 0;}
.service-pic-list .tit{
	text-align: center;
	font-size:34px;
	font-weight:700;
	color:rgba(19,33,58,1);
	margin-bottom:40px;
}
.service-pic-list .list ul li{
	width:24%;
	float:left;
	margin-left:1.33333%;
}
.service-pic-list .list ul li:first-child{margin-left:0;}
.service-pic-list .list ul li .img-box{position: relative;}
.service-pic-list .list ul li .img-box img{width:100%;height:auto;}
.service-pic-list .list ul li .img-box span{	box-sizing: border-box;
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:15px 20px;
	font-size:18px;
	font-weight:700;
	color:rgba(255,255,255,1);
	line-height:20px;
}
.solution-box{padding:80px 0;}
.solution-list ul li{
	background:#EDF2F4;
	position: relative;
}
.solution-list ul li .img-box{width:50%;float:left;}
.solution-list ul li .img-box a{position: relative;display: block;overflow: hidden;}
.solution-list ul li .img-box img{width:100%;height:auto;transform: scale(1);transition: all 0.6s;}.solution-list ul li .img-box img:hover{transform: scale(1.05);}
.solution-list ul li .img-box span{
	width:74px;
	height:74px;
	background:linear-gradient(180deg,rgba(115,189,67,1),rgba(18,156,88,1));
	box-shadow:0px 5px 7px 0px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right:0;
	bottom:0;
	z-index:2;
}
.solution-list ul li .img-box span img{width:auto;}
.solution-list ul li .text-box{width:50%;position: absolute;right:0;top:0;height:100%;display: flex;justify-content: center;align-items: center;}
.solution-list ul li:nth-child(even) .img-box{float:right;}
.solution-list ul li:nth-child(even) .text-box{left:0;top:0;right:auto;}
.solution-list ul li .text-box .t-inner{
	padding:50px;
	width:100%;
	box-sizing: border-box;
}
.solution-list ul li .text-box .t-inner .number{
	font-size:32px;
	font-weight:700;
	font-style:italic;
	color:rgba(66,166,68,1);
}
.solution-list ul li .text-box .t-inner .tit{
	font-size:32px;
	font-weight:700;
	color:rgba(19,33,58,1);
	line-height:1.1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin:5px 0 15px;
}
.solution-list ul li .text-box .t-inner .dis{
	font-size:16px;
	font-weight:400;
	color:rgba(136,136,136,1);
	line-height:28px;
	max-height:84px;
	overflow: hidden;
}
.solution-list ul li .text-box .t-inner .more{margin-top:20px;}
.solution-list ul li .text-box .t-inner .more a{
	display: block;
	background: linear-gradient(0deg,rgba(49,141,78,1),rgba(30,116,91,1));
	width:120px;
	height:40px;
	text-align: center;
	line-height:40px;
	color:#FFFFFF;
	font-size:16px;
}
.solution-list ul li .text-box .t-inner .more a:hover{
	background:rgba(30,116,91,1);
}

.snew-dis-box{
	padding:0 0 50px;
}
.snew-dis-box .tit{
	text-align: center;
	font-size:32px;
	font-weight:700;
	color:#333333;
	padding:0 0 50px;
}
.snew-dis-box .content{font-size:16px;line-height:1.8;}
.snew-dis-box .content img{max-width:100%;height:auto;}
.solution-list{margin-bottom:80px;}
.solution-box .msg-box{
	padding:0 50px 56px;
	background:#EFF3F6 url(../images/msg-bg.jpg) no-repeat bottom center;
	
}
.solution-box .msg-box .msg-tit{text-align: center;padding:50px 0 30px;}
.solution-box .msg-box .msg-tit h6{
	font-size:46px;
	font-weight:700;
	color:rgba(51,51,51,1);
}

.contact-box{background:url(../images/contact-bg.jpg) no-repeat center top;padding:80px 0;}
.contact-box .contact-form .cf-tit{
	padding:0 0 40px;
	text-align: center;
}
.contact-box .contact-form .cf-tit h6{
	font-size:46px;
	font-weight:400;
	color:rgba(51,51,51,1);
}
.contact-box .contact-form .cf-tit p{
	font-size:18px;
	font-weight:400;
	color:rgba(85,85,85,1);
}
.contact-box .cf-form{padding-left:30%;background:url(../images/letter-icon.png) no-repeat left center;}
.contact-box .contact-onling{margin:80px 0;background:#EFF4F8;}
.contact-box .contact-onling .conling-inner{padding:60px;}
.contact-onling .conling-inner .text{
	width:50%;
	float:left;
}
.contact-onling .conling-inner .text h6{
	font-weight:400;
	font-size:38px;
	color:rgba(51,51,51,1);
	line-height:1;
}
.contact-onling .conling-inner .text p{
	margin-top:20px;
	font-size:18px;
	font-weight:400;
	color:rgba(136,136,136,1);
	line-height:24px;
}
.contact-onling .conling-inner .icon-list{
	width:45%;
	float:right;
}
.contact-onling .conling-inner .icon-list ul li{
	width:25%;
	float:left;
	margin-left:12.5%;
}
.contact-onling .conling-inner .icon-list ul li:first-child{margin-left:0;}
.contact-onling .conling-inner .icon-list ul li img{width:100%;height:auto;}
.contact-list ul li{
	width:31%;
	float:left;
	margin-left:3.5%;
	background:rgba(255,255,255,1);
	border:1px solid rgba(217,229,236,1);
	box-sizing: border-box;
	text-align: center;
	transition: all 0.6s;
}
.contact-list ul li:hover{
	background:rgba(66,166,68,1);
}
.contact-list ul li:first-child{margin-left:0;}
.contact-list ul li .icon{
	width:92px;
	height:92px;
	background-color:rgba(66,166,68,1);
	background-position: center;
	background-repeat:no-repeat;
	border-radius:50%;
	margin:0 auto;
}
.contact-list ul li.cl1 .icon{
	background-image:url(../images/contact-icon-01.png);
}
.contact-list ul li.cl2 .icon{
	background-image:url(../images/contact-icon-02.png);
}
.contact-list ul li.cl3 .icon{
	background-image:url(../images/contact-icon-03.png);
}

.contact-list ul li:hover .icon{background-color:#FFFFFF;}
.contact-list ul li.cl1:hover .icon{
	background-image:url(../images/contact-icon-01-h.png);
}
.contact-list ul li.cl2:hover .icon{
	background-image:url(../images/contact-icon-02-h.png);
}
.contact-list ul li.cl3:hover .icon{
	background-image:url(../images/contact-icon-03-h.png);
}

.contact-list ul li .li-inner{
	padding:35px 15%;
}
.contact-list ul li .li-inner .t{
	padding:20px 0;
	font-size:22px;
	font-weight:400;
	color:rgba(45,45,45,1);
	position: relative;
	transition: all 0.6s;
}
.contact-list ul li:hover .li-inner .t{
	color:#FFFFFF;
}
.contact-list ul li .li-inner .t::after{
	content: '';
	position: absolute;
	left:50%;
	bottom:0;
	width:36px;
	height:2px;
	background:rgba(208,208,208,1);
	margin-left:-18px;
	transition: all 0.6s;
}
.contact-list ul li:hover .li-inner .t::after{
	background:#BDE0BE;
}
.contact-list ul li .li-inner .d{
	margin-top:20px;
	font-size:18px;
	font-weight:400;
	color:rgba(136,136,136,1);
	line-height:24px;
	transition: all 0.6s;
}
.contact-list ul li:hover .li-inner .d{
	color:#FFFFFF;
}
.contact-list ul li .li-inner .d a{
	display: block;
	color:rgba(136,136,136,1);
	transition: all 0.4s;
}
.contact-list ul li:hover .li-inner .d a{
	color:#FFFFFF;
}
.contact-list ul li .li-inner .d a:hover{
	color:#CCCCCC;
}
/* 搜索页 */
.search-warp{padding:0 0 40px;}
.search-warp .search-tool {
  padding:80px 0 ;
}

.search-tool .search-tool-inner {
  width: 500px;
  position: relative;
  margin: 0 auto;
}

.search-tool .search-tool-inner input {
  width: 100%;
  height: 61px;
  line-height: 61px;
  padding: 0 20% 0 10%;
  border: 1px solid #e5e5e5;
  border-radius: 32px;
  box-sizing: border-box;
  font-size: 20px;
  letter-spacing: 0;
}

.search-tool .search-tool-inner button {
  width: 61px;
  height: 61px;
  position: absolute;
  top: 1px;
  right: 20px;
  background: url(../images/h-icon-04.png) no-repeat center;
  border: none;
}

.search-list ul li {
  box-shadow: 0px 1px 11px 2px rgba(0, 0, 0, 0.05);
  margin-bottom: 35px;
}

.search-list ul li .li-inner {
  padding: 40px;
}

.search-list ul li .li-inner .img-box {
  width: 15%;
  float: left;
}

.search-list ul li .li-inner .img-box a {
  display: block;
}

.search-list ul li .li-inner .img-box img {
  width: 100%;
  height: auto;
}

.search-list ul li .li-inner .img-text {
  width: 80%;
  float: right;
}

.search-list .img-text .t span {
  text-transform: uppercase;
  font-size: 18px;
  color: #444444;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  margin-right: 20px;
  padding-right: 20px;
  display: inline-block;
  float: left;
  position: relative;
}

.search-list .img-text .t span:after {
  content: '';
  width: 1px;
  height: 20px;
  background: #666666;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}

.search-list .img-text .t a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  color: #444444;
  font-weight: 700;
  float: left;
  transition: all 0.4s;
}

.search-list .img-text .t a:hover {
  color: #0071CE;
}

.search-list .img-text .d {
  margin: 20px 0;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
}

.hc-service-dis{
	padding:60px 0;
}
.hc-service-dis .hc-service-left{width:36.875%;float:left;}
.hc-service-dis .hc-service-left .hc-s-tit{position: relative;margin-bottom:35px;}
.hc-service-dis .hc-service-left .hc-s-tit h6{
	font-size:20px;
	font-weight:700;
	color:rgba(51,51,51,1);
}
.hc-service-dis .hc-service-left .hc-s-tit .hc-page{
	width: 45px;
	height:15px;
	position: absolute;
	right:0;
	top:50%;
	margin-top:-7.5px;
}
.hc-service-dis .hc-service-left .hc-s-tit .hc-page::after{
	width:15px;
	height:15px;
	background:url(../images/hc-news-s02.png) no-repeat center;
	position: absolute;
	left:50%;
	top:0;
	margin-left:-7.5px;
}
.hc-service-dis .hc-service-left .hc-s-tit .hc-page .p{
	width:15px;
	height:15px;
	background:url(../images/hc-news-s01.png) no-repeat center;
	display: block;
	float:left;
}
.hc-service-dis .hc-service-left .hc-s-tit .hc-page .n{
	width:15px;
	height:15px;
	background:url(../images/hc-news-s03.png) no-repeat center;
	display: block;
	float:right;
}
.hc-service-dis .hc-service-left .hc-s-list ul li{
	margin-bottom:20px;
	border:3px solid rgba(221,221,221,1);
	transition: all 0.6s;
	position: relative;
	background:rgba(250,250,250,1);
}
.hc-service-dis .hc-service-left .hc-s-list ul li:hover ,.hc-service-dis .hc-service-left .hc-s-list ul li.act{
	border:3px solid rgba(65,165,67,1);
}
.hc-service-dis .hc-service-left .hc-s-list ul li .img-box{
	width:60%;
	float:left;
}
.hc-service-dis .hc-service-left .hc-s-list ul li .img-box a{
	display: block;
}
.hc-service-dis .hc-service-left .hc-s-list ul li .img-box a img{width:100%;height:auto;}
.hc-service-dis .hc-service-left .hc-s-list ul li .text-box{
	z-index:3;
	position: absolute;
	width:40%;
	right:0;
	top:0;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hc-service-dis .hc-service-left .hc-s-list ul li .text-box a{
	padding:20px;
	display: block;
	font-size:18px;
	font-weight:400;
	color:rgba(101,101,101,1);
	line-height:24px;
}

.hc-service-dis .hc-service-content{width:60%;float:right;}
.hc-service-dis .hc-service-content .con{display: none;}
.hc-service-dis .hc-service-content .con.act{display: block;}
.hc-service-dis .hc-service-content .hc-s-big-tit{
	margin-bottom:35px;
}
.hc-service-dis .hc-service-content .hc-s-big-tit h6{
	font-size:34px;
	font-weight:700;
	color:rgba(30,30,30,1);
}
.hc-service-dis .hc-service-content .hc-s-big-dis{
	font-size:18px;
	font-weight:400;
	color:rgba(101,101,101,1);
	line-height:26px;
}
.hc-service-dis .hc-service-content .hc-s-big-dis img{
	width:100%;
	height:auto;
}
.hc-service-dis .hc-service-content .hc-s-big-dis .hc-s-big-list ul li{
	padding-left:30px;
	background:url(../images/hc-news-s04.png) no-repeat left 5px;
	margin-top:30px;
}
.hc-service-dis .hc-service-content .hc-s-big-dis ul li{
	padding-left:30px;
	background:url(../images/hc-news-s04.png) no-repeat left 5px;
	margin-top:30px;
}
.hc-service-dis .hc-service-content .hc-s-big-dis .hc-s-big-list ul li:first-child{
	 margin-top:0;
 }
.hc-service-dis .hc-service-content .hc-s-big-dis ul li:first-child{
	margin-top:0;
}














@media only screen and (max-width: 1700px) {
	.index-service .index-service-slider .swiper-slide .number{font-size:80px;top:-30px;}
	.index-service .index-service-slider .swiper-slide .tit-box{font-size:20px;}
	.index-service .index-service-slider .swiper-slide:hover .number{top:60px;}
}

@media only screen and (max-width: 1359px) {
	.ipd-20{padding:0 20px;}
	.index-service .index-service-slider .swiper-slide .number{font-size:60px;top:-20px;}
	.index-service .index-service-slider .swiper-slide:hover .number{top:20px;}
	.index-service .index-service-slider .swiper-slide .img-pop{left:20px;right:20px;bottom:20px;}
	.index-service .index-service-slider .swiper-slide:hover .img-pop{top:20px;}
	.header .nav-search .nav-box #menuPc > ul > li > a{padding:24px 18px;}
	.hc-service-dis .hc-service-left .hc-s-list ul li .text-box a{font-size:14px;line-height:18px;}
}



/* 搜索页 */

@media only screen and (max-width: 1000px) {
	.hc-service-dis .hc-service-left{width:100%;float:none;}
	.hc-service-dis .hc-service-content{width:100%;float:none;}
	.prodis-table .table-box{overflow-x: auto;} 
	.header-box{
		position: relative;
	}
	#menuPc{display: none;}
	#page{background:#FFFFFF;}
	.btn-nav{position: absolute;right:20px;z-index:3;top:0;background: transparent;border: none;padding:23.5px 0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;z-index: 99999;display: block;width:30px;float:right;}
	.icon-bar {display: block;margin: 6px 0;width: 30px;height: 3px;background-color:#0076c0;box-shadow:0 1px 1px #000000;  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;z-index: 999999;}
	.mm-opening .top {-webkit-transform: translateY(8px) rotateZ(45deg);-moz-transform: translateY(8px) rotateZ(45deg);-ms-transform: translateY(8px) rotateZ(45deg);-o-transform: translateY(8px) rotateZ(45deg);transform: translateY(8px) rotateZ(45deg);}
	.mm-opening .bottom {-webkit-transform: translateY(-10px) rotateZ(-45deg);-moz-transform: translateY(-10px) rotateZ(-45deg);-ms-transform: translateY(-10px) rotateZ(-45deg);-o-transform: translateY(-10px) rotateZ(-45deg);transform: translateY(-10px) rotateZ(-45deg);}
	.mm-opening .middle {width: 0;}
	.banner .bg-box{display: none;}
	.banner-content{display: none;}
	.banner .wap-box{display: block;}
	.search-warp .search-tool{padding:20px;}
	.search-tool .search-tool-inner{width:100%;}
	.search-list ul li .li-inner{padding:20px;}
	.search-list ul li .li-inner .img-box{width:100%;float:none;}
	.search-list ul li .li-inner .img-text{width:100%;float:none;margin-top:10px;}
	.search-list .img-text .t a{display: block;width:100%;}
	.header-top .h-contact{display: none;}
	.header .nav-search{display: none;}
	.header-top{padding:10px 0;}
	.header-top .logo a.icon-box{width:60px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom:20px;}
	.index-powders{padding:20px 0 0;}
	.index-powders .index-powders-tit{width:100%;float:none;}
	.index-powders .index-powders-tit .ipt-inner .tit{padding:20px 0 0;}
	.index-powders .index-powders-tit .ipt-inner .more{margin-top:20px;}
	.index-powders .index-powders-tit .ipt-inner{padding:0 20px 20px;}
	.index-powders .index-powders-list{width:100%;float:none;margin-top:20px;}
	.index-powders .index-powders-list ul li{width:47%;margin-left:0;float:left;margin-bottom:20px;}
	.index-powders .index-powders-list ul li:nth-child(even){float:right;}
	.index-powders .index-powders-list ul li .li-inner{padding:20px;}
	.index-powders-list ul li .li-inner .tit{padding:20px 0;}
	.index-tung .it-inner{padding-left:0;}
	.index-tung{padding:20px 0 0;}
	.index-tung .it-inner .text{position: relative;width:100%;left: auto;top: auto;margin-bottom:20px;}
	.index-tung .it-inner .text .tit{padding-top:0;}
	.index-tung .it-inner .text .tit h6{font-size:32px;}
	.index-tung .it-inner .text .dis{height:auto;margin:20px 0;}
	.index-tung .it-inner .list ul li:nth-child(1){display: none;}
	.index-tung .it-inner .list ul li:nth-child(2){position: relative;width:50%;float:left;left:auto;}
	.index-tung .it-inner .list ul li:nth-child(3){position: relative;width:50%;float:right;}
	.index-tung .it-inner .list ul li:nth-child(4){position: relative;width:100%;float:none;clear: both;}
	.index-service .index-service-tit{padding:20px 0;}
	.index-service .index-service-tit h6{font-size:32px;}
	.index-service{padding:0 20px;}
	.index-service .index-service-slider .swiper-slide .number{top:40px;color:#FFFFFF;}
	.index-about .index-about-tit{padding:20px 0;}
	.index-about .index-about-tit h6{font-size:32px;}
	.index-about .index-about-text{margin-bottom:20px;}
	.index-about .index-about-more{margin-top:20px;}
	.index-about{padding:0 0 20px;}
	.footer-top .footer-top-name{width:100%;float:none;}
	.footer-top .footer-top-nav{display: none;}
	.footer-copy-by .copy{width:100%;float:none;text-align:center;}
	.footer-copy-by .by{width:100%;float:none;margin-top:10px;text-align:center;}
	.footer-copy-by{padding:20px 0 110px;}
	#toTop{display: none !important;}
	.footer-top{padding:40px 0 30px;}
	.index-powders .index-powders-tit .ipt-inner .tit a{font-size:32px;}
	.inner-banner .img-box{display: none;}
	.crumbs-box{position: relative;width:100%;margin-left:0;left:0;background:#33914E;padding:15px 20px;box-sizing: border-box;}
	.about-company{padding:20px 0;}
	.about-company .about-pic{width:100%;float:none;}
	.about-company .about-pic .img-box{padding:0;border:none;}
	.about-company .about-text{width:100%;float:none;}
	.about-company .about-text .tit{padding:20px 0;}
	.about-company .about-text .tit h6{font-size:32px;}
	.about-corp .about-corp-tit{padding:20px 0;}
	.about-corp .about-corp-tit .tit{width:100%;float:none;padding-bottom:20px;}
	.about-corp .about-corp-tit .tit h6{font-size:32px;}
	.about-corp .about-corp-tit .tips{width:100%;float:none;}
	.about-corp .about-corp-slider{padding:0 20px;}
	.about-corp-slider-pad .swiper-button-next{right:10px;}
	.about-corp-slider-pad .swiper-button-prev{left:10px;}
	.about-corp-slider-pad .swiper-button-next, .about-corp-slider-pad .swiper-button-prev{top:50%;margin-top:-21.5px;}
	.about-cert{padding:20px 0;}
	.about-cert .text{width:100%;float:none;}
	.about-cert .ac-slider{width:100%;float:none;margin-top:20px;}
	.about-cert .text .tit h6{font-size:32px;}
	.about-cert .text .tips{margin:20px 0;}
	.about-become{padding:20px 0;}
	.about-become .pic{width:100%;float:none;}
	.about-become .text{width:100%;float:none;margin-top:20px;}
	.error-box{padding:20px 0;}
	.error-box .tips h6{font-size:32px;line-height:1.1;margin-bottom:20px;}
	.contact-box{padding:20px 0;}
	.contact-box .contact-form .cf-tit h6{font-size:32px;margin-bottom:20px;}
	.contact-box .cf-form{padding-left:0;background:none;}
	.contact-box .contact-onling{margin:30px 0 20px;}
	.contact-box .contact-onling .conling-inner{padding:20px;}
	.contact-onling .conling-inner .text{width:100%;float:none;}
	.contact-onling .conling-inner .text h6{font-size:32px;}
	.contact-onling .conling-inner .icon-list{width:100%;margin-top:20px;}
	.contact-list ul li{width:100%;float:none;margin-left:0;margin-top:20px;}
	.contact-list ul li:first-child{margin-top:0;}
	.contact-list ul li .li-inner{padding:20px;}
	.product-box{padding:20px 0;}
	.product-box .product-menu{display:none;}
	.product-box .product-list{width:100%;float:none;}
	.product-box .product-list .pro-list-tit{margin-bottom:20px;}
	.product-box .product-list .pro-list-box ul li{width:48%;float:left;margin-left:0;margin-bottom:30px;}
	.product-box .product-list .pro-list-box ul li:nth-child(even){float:right;}
	.page-box .page-inner .page-list{display: none;}
	.product-box .msg-box{padding:0 20px 40px;}
	.product-box .msg-box .msg-tit{padding:20px 0;}
	.product-box .msg-box .msg-tit h6{font-size:32px;}
	.prodis-box{width:100%;float:none;}
	.prodis-photo-text .photo{width:100%;float:none;}
	.prodis-photo-text .text{width:100%;float:none;margin-top:20px;}
	.prodis-photo-text .text .share{margin:40px 0;}
	.prodis-photo-text .text .link a{width:150px;}
	.prodis-tit h6{font-size:28px;}
	.prodis-table .table-box{overflow-x: scroll;}
	.related-product .rp-tit{padding:40px 0 20px;}
	.related-product .rp-tit h6{font-size:32px;}
	.related-product .rp-list ul li{width:100%;float:none;margin-left:0;margin-bottom:30px;}
	.service-box{padding:20px 0;}
	.service-box .service-tit .tit{width:100%;float:none;}
	.service-box .service-tit .tit h6{padding-left:20px;font-size:22px;line-height:30px;}
	.service-box .service-tit .tips{width:100%;float:none;margin-top:20px;}
	.service-box .service-tit{padding:0 0 20px;}
	.service-box .service-pic .text-box{position: relative;background:url(../images/service-pic-01.jpg) no-repeat center;background-size:cover;padding:20px;box-sizing: border-box;}
	.service-box .service-pic .text-box .tit{max-width:100%;font-size:22px;}
	.service-box .service-pic .text-box .tips{max-width:100%;margin:20px 0;}
	.service-tips-list{padding:20px 0 0;}
	.service-tips-list .t{font-size:32px;line-height:1.1;}
	.service-tips-list .d{margin:20px 0;}
	.service-box .service-pic .img-box{display: none;}
	.service-pic-list{padding:20px 0 0;}
	.service-pic-list .tit{font-size:32px;line-height:1.1;margin-bottom:20px;}
	.service-pic-list .list ul li{width:48%;float:left;margin-left:0;margin-bottom:15px;}
	.service-pic-list .list ul li:nth-child(even){float:right;}
	.solution-box{padding:20px 0;}
	.solution-list ul li{margin-bottom:20px;}
	.solution-list ul li .text-box .t-inner .tit{margin:20px 0;}
	.solution-list ul li .img-box{width:100%;float:none;}
	.solution-list ul li .text-box{position: relative;width:100%;}
	.solution-list ul li .text-box .t-inner{padding:20px;}
	.solution-list{margin-bottom:20px;}
	.solution-box .msg-box{padding:0 20px 40px;}
	.solution-box .msg-box .msg-tit{padding:20px 0;}
	.solution-box .msg-box .msg-tit h6{font-size:32px;}
	.snew-dis-box .tit{padding: 0 0 20px;}
}	

