@charset "utf-8";

/* CSS Document */
/*-----whole-----*/
/*-----whole-----*/
html {
	font-size: 100px;
}

body {
	position: relative;
	overflow-x: hidden;
}

body.resizing * {
	transition: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
}



/*clearfix*/
.clearfix {
	*zoom: 1
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: ""
}

.clearfix:after {
	clear: both
}

/*初始化按钮*/
.btn {
	display: inline-block;
	text-align: center;
	padding: 0px;
	border: 0px;
	margin: 0px;
	position: relative;
	cursor: pointer;
}

.btn span {
	display: inline-block;
}

/*通用img*/
img.rollover {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: Alpha(opacity=0);
	z-index: 2;
}

input.text,
textarea.text {
	display: block;
	padding: 0px;
	width: 100%;
	border: 0px;
	background: none;
	margin: 0px;
}

/*head TOP*/
.fl-left, .fl {
    float: left;
}
.fl-right, .fr {
    float: right;
}
#head{ position:fixed; z-index:1000; left:0; top:0px; width:100%; height:110px; background:#007d43;     /*-webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.2); transition:all .35s;*/}
#head.active {transform: translateX(-220px);}
.main.active {transform: translateX(-220px);}
#foot.active {transform: translateX(-220px);}
.inbanner.active {transform: translateX(-220px);}

#head .wrap{ position:relative; width:94%; margin:0 auto; }
#head .logo{ position:relative; width:15%; line-height:110px;overflow:hidden; transition:all .35s;}
#head .logo>a{display:block;}
#head .logo>a>img{ max-height:70px;}
#head .menu{ width:75%; height:110px; padding:0 2% 0 5%; text-align:left; transition:all .35s;}
#head .menu>.wap{ display:none;}
#head .menu>ul{margin:0 auto;}
#head .menu>ul>li{display:block; float:left; width:13.5%; text-align:center;}
#head .menu>ul>li>a{ position:relative; display:block;  font-size:18px; color:#fff; line-height:110px; transition:all .35s;}
#head .menu>ul>li>a>span{ position:relative;z-index:100;}
#head .menu>ul>li>a:after{ position:absolute;z-index:99; left:0; bottom:1px; width:100%;height:0; opacity:0; background:#08a85e; content:''; transition:all .35s;}
#head .menu>ul>li>div{display:none; position:fixed;z-index:96; left:0; top:109px; width:100%; height:auto; text-align:left; background:rgba(0,0,0,.8);}
#head .menu>ul>li>div>.box{ width:50%;margin:0 auto;padding:10px 0;}
#head .menu>ul>li>div .con{ width:90%;}
#head .menu>ul>li>div .con>.tit{ padding:20px 0; font-size:28px; font-weight:normal; color:#d0021c;}
#head .menu>ul>li>div .con>.txt{ font-size:14px; color:rgba(255,255,255,.7); line-height:24px;}
#head .menu>ul>li>div .con>.more{padding:10px 0;text-align:left;}
#head .menu>ul>li>div .con>.more>a{display:inline-block; color:#d0021c; font-size:14px;}
#head .menu>ul>li>div .con>.nav{ padding:50px 0; text-align:left;}
#head .menu>ul>li>div .con>.nav>a{ position:relative; display:inline-block; padding:2px 0; font-size:16px; color:rgba(255,255,255,.8); margin-bottom:5px; margin-right:30px; transition:all .35s;}
#head .menu>ul>li>div .con>.nav>a:after{ position:absolute;z-index:1;left:0;bottom:0; width:0;height:1px; background:#08a85e; content:''; transition:all .35s;}
#head .menu>ul>li>div .con>.nav>a:hover{ color:#08a85e;}
#head .menu>ul>li>div .con>.nav>a:hover:after{ width:100%;}
#head .menu>ul>li>div .img{ display:none; width:24%; padding:20px 0; text-align:right;}
#head .menu>ul>li>div .img>img{width:100%;height:auto;}
#head .menu>ul>li.A>a{ color:#fff;}
#head .menu>ul>li.A>a:after{ height:100%;opacity:1;}
#head .mall{width:120px; line-height:110px; text-align:center; transition:all .35s; margin-right: 16px;}
#head .mall img{height: 24px; margin-top: -3px; margin-right: 3px;}
#head .mall span{font-size: 16px; display: inline-block;}
#head .language{width:48px; line-height:110px; text-align:center; transition:all .35s; margin-right: 16px;}
#head .language>a{display:inline-block; width:46px; height:46px; line-height:46px; color:#666; font-size:16px; border:1px solid #fff; border-radius:100%; transition: all .2s; background: #fff; color: #333;}
#head .language>a:hover{background: #fff;}
#head .language>a.wap{display:none;}
#head .search{width:48px; line-height:110px; text-align:center; transition:all .35s;}
#head .search>a{display:inline-block; width:46px; height:46px; line-height:46px; color:#d0021c; font-size:16px; border:1px solid #ccc; border-radius:100%; transition: all .2s; text-align: center; background: #ccc;}
#head .search>a>img{height: 24px; margin-top: -3px;}
#head .search>.wap{display:none;}
#head .search>form{display:block; box-sizing:border-box; width:100%; max-width:300px; padding:0 20px; border:1px solid #ddd; height:50px; border-radius:50px;}
#head .search>form input[type="text"]{outline: medium; float:left; height:50px; line-height:50px; width:70%; padding:0 5%;border:none; font-size:14px; background:none; color:#666; box-sizing:border-box; overflow:hidden;}
#head .search>form input::-webkit-input-placeholder{ color:#ccc;}
#head .search>form button{float:right; width:20%; height:50px; border:none; outline: none; opacity:1; background:url(../images/icon-go-red.png) no-repeat center center; background-size:auto 30px; cursor:pointer; box-sizing:border-box;overflow:hidden;}

#search-wrapper{
  position: fixed;
  width: 100%; height: 100%;
  z-index: 9999;top: 0;
  display: none;
}
#search-wrapper>.bg{
  position: absolute;
  width: 100%; height: 100%;
  left: 0; top: 0;
  background: rgba(0,0,0,.8);
}
#search-wrapper .box{
  width: 50%;
  height: 50px;
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  margin: auto;
}
#search-wrapper .box input{
  background: #fff;
  width:100%; height: 50px; line-height: 50px;
  font-size: 16px;
  box-sizing: border-box;
  padding: 0 20px;
  border: 0px none;
  border-radius: 8px;
}
#search-wrapper .box button{
  display: block;
  width: 50px; height: 50px;
  position: absolute; right: 0; top: 0;
  background: url('../images/icon-go-red.png') no-repeat center/24px;
  border: 0px none;
  cursor: pointer;
}
#search-wrapper .close{
  display: block;
  position: absolute;
  right: 0; top: -50px;
}


@media only screen and (max-width: 1460px){
	
#head .menu{padding: 0 0% 0 0%;}
  #head .menu{ width:75%;}
  #head .logo{ width:15%;}
  #head .menu>ul>li{ min-width:128px;}
  #head .menu>ul>li>a{ padding:0px; font-size:17px;}
  #head .language{ max-width:60px;}
  #head .language>a{font-size:15px;}

}
@media only screen and (max-width: 1370px){

  


}
@media only screen and (max-width: 1360px){
 
  #head .language{ max-width:50px;}
  #head .language>a{font-size:14px;}

}
@media only screen and (max-width: 1300px){
  #head .logo{ width:19%; padding-right:1%;}
  #head .menu{ width:65%; padding:0 1%; }
  #head .menu>ul>li{ width:auto; min-width:auto; padding:0 15px;}
}
@media only screen and (max-width: 1240px){
#head .menu{ width:75%;}
   #head .menu>ul>li{padding:0 10px;}
   #head .logo>a>img{max-height: 50px;}
#head .logo{ width:13%;}

}
@media only screen and (max-width: 1180px){
  #head .menu>ul>li>a{ padding:0 5px; font-size:16px;}
  #head .language{margin-right: 5px;}
  #head .language>a, #head .search>a{width: 38px; height: 38px; line-height: 38px;}
  #head .search>a{line-height: 36px;}
  #head .mall{width: 95px;}
  #head .mall img{height: 22px;}
  #head .mall span{font-size: 15px;}

  #head .search>form{ height:40px;}
  #head .search>form input[type="text"]{height:40px;line-height:40px;}
  #head .search>form button{height:40px;background-size:auto 24px;}

}
@media only screen and (max-width: 1080px){
  #head{ height:80px; border-bottom:0 !important; box-shadow:0 2px 4px rgba(0,0,0,.1);}
  #head .logo{ line-height:80px;}
  #head .menu{ width:73%; height:80px;}
  #head .logo{ width:15%;}
  #head .menu>ul>li>a{ line-height:80px;}
  #head .menu>ul>li>div{top:80px;}
  #head .mall{display: none;}
  #head .language{line-height:80px;}
  #head .search{text-align:center; line-height:80px;}
  #head .search>.wap{ position:relative; display:block; width:100%; height:100%;}
  #head .search>.wap>a{display:inline-block; width:40px;height:40px; line-height:40px; background:#d0021c url("../images/icon-search.png") no-repeat; background-size:24px auto; background-position:50% 50%; border:1px solid #d0021c; border-radius:100%;}
  #head .search>form{display:none;}
}
@media only screen and (max-width: 1025px){
	#head .menu>ul>li{padding:0 6px;}
	}
@media only screen and (max-width: 960px){
  
  #head .wrap{ width:100%; max-width:none;overflow:hidden;}
  #head .logo{ padding-left:3%;}
  #head .menu{ position:relative; padding:0 !important; width:50%; float:right;}
  #head .menu>.wap{ display:block; position:absolute; right:0;top:0; width:80px; height:100%; cursor:pointer;}
  #head .menu>.wap>.btn {position: absolute;top:50%; left:50%; z-index: 9; margin-top:-16px; margin-left:-16px; display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:32px;height:32px;-webkit-tap-highlight-color: transparent;-ms-touch-action: manipulation;touch-action: manipulation;}
  #head .menu>.wap>.btn>span { position: relative; display:block; margin-top:16px;}
  #head .menu>.wap>.btn>span,#head .menu>.wap>.btn>span:after,#head .menu>.wap>.btn>span:before { display: block;width:32px;height: 2px;background-color: #fff;transition-duration: .4s;-webkit-transition-property: background-color,-webkit-transform;-moz-transition-property: background-color,-moz-transform; -o-transition-property: background-color,-o-transform; transition-property: background-color,transform;}
  #head .menu>.wap>.btn>span:after,.menu>.wap>.btn>span:before { position: absolute; content: "";}
  #head .menu>.wap>.btn>span:before {top: -10px;}
  #head .menu>.wap>.btn>span:after {top: 10px;}
  #head .menu>.wap>.btn.active span { background-color: transparent;}
  #head .menu>.wap>.btn.active span:after,#head .menu>.wap>.btn.active span:before {background-color:#fff;}
  #head .menu>.wap>.btn.active span:before {-webkit-transform: translateY(10px)rotate(45deg);-moz-transform: translateY(10px)rotate(45deg);transform: translateY(10px)rotate(45deg);-ms-transform: translateY(10px)rotate(45deg);}
  #head .menu>.wap>.btn.active span:after {-webkit-transform: translateY(-10px)rotate(-45deg);-moz-transform: translateY(-10px)rotate(-45deg);transform: translateY(-10px)rotate(-45deg);-ms-transform: translateY(-10px)rotate(-45deg);}
  #head .menu>ul{display:none;}
  #head .language{ display:none;position:fixed;z-index:2;left:0;top:0; width:100%; height:36px; line-height:36px; background:#fff; border-bottom:1px solid #eee; text-align:center; float:none; max-width: none;}
  #head .language>a{display:none; background: #fff;}
  #head .language>a.wap{display:block!important; width:100%;height:36px; line-height:36px; color:#999; font-family:Arial; font-size:14px; border:0 !important; border-radius:0;}
  #head .search{display:none;}

}

@media only screen and (max-width: 780px){
  #head{height:60px;}
  #head .logo{width:42%; line-height:60px;}
  #head .logo>a>img{max-width:100px;}
  #head .menu{height:60px;}
  #head .menu>.wap{width:60px;}


}


/*END*/


#headwap {background:#22a808;color: #fff;position: fixed;right: -300px;top: 0px;width: 220px;height: 100%;z-index: 9999;transition: all 0.35s;transform-origin: left center;transform: perspective(800px) rotateY(90deg);}
#headwap.active {right:0px;transform: rotateY(0deg);}
#headwap>.menu{padding:20% 0 10px 0;}
#headwap>.menu>ul{display:block;}
#headwap>.menu>ul>li{display:block;}
#headwap>.menu>ul>li>a{display:block; font-size:16px; color:#fff;padding:8px 20px; transition:all .35s;}
#headwap>.menu>ul>li.A>a{ background:rgba(0,0,0,.2);}
#headwap>.menu>ul>li>div{display:none;padding:0 20px;}
#headwap>.menu>ul>li>div>a{display:block;padding:8px 0; font-size:13px; color:rgba(255,255,255,.9); border-bottom:1px solid rgba(255,255,255,.2);}
#headwap>.language{ padding:10px 20px; text-align:left;}
#headwap>.language>a{display:inline-block; padding:2px 20px; background:rgba(255,255,255,.2); border-radius:5px; color:rgba(255,255,255,.8); font-size:13px;}
#headwap>.language>a img{height:34px; width:auto; margin-right:4px; opacity:.8;}

#headwap>.search{ padding:20px; transition:all .35s;}
#headwap>.search>form{ display:block; box-sizing:border-box; width:100%; background:rgba(255,255,255,.5); height:30px; border-radius:30px;}
#headwap>.search>form input[type="text"]{outline: medium;float:left;height:30px;line-height:30px;width:80%;padding-left:16px;border:none; font-size:14px; background:none;color:#fff;box-sizing:border-box;overflow:hidden;}
#headwap>.search>form input::-webkit-input-placeholder{ color:#fff;}
#headwap>.search>form button{float:right;width:20%;height:30px;border:none; opacity:1;background:url(../images/icon-go-red.png) no-repeat center center;background-size:auto 20px;cursor:pointer;box-sizing:border-box;overflow:hidden;}

#headwap>.mall{margin-top: 10px; padding-left: 20px;}
#headwap>.mall a>img{height: 22px; vertical-align: middle; margin-top: -2px; margin-right: 3px;}
#headwap>.mall a>span{font-size: 15px; color: #fff;}


/*banner TOP*/

#banner{background:#fff; height:auto; overflow:hidden; padding-top:110px; transition:all .35s;}
#banner.active {transform: translateX(-220px);}
#banner .swiper-container{ position:relative; width:100%; height:100%;}
#banner .swiper-slide{ width:100%; height:100%; overflow:hidden; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#banner .swiper-slide img{width:100%; height:auto;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets, #banner .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 20px!important;}
#banner .swiper-pagination-bullet {width:15px !important;height:15px !important;border-radius:10px !important; transition:all .35s;background: #fff;opacity:1 !important;}
#banner .swiper-pagination-bullet-active { width:15px !important; opacity: 1;background: #007d43;}
#banner .inside-container{ position:relative; margin:0 auto;}
#banner .inside-container>.wrap{ display:none; position:absolute;z-index:9; left:50%; bottom:40%; width:80%; margin-left:-40%;}
#banner .inside-container .txt{ text-align:left;}
#banner .inside-container .txt>h3{ display:block; font-size:40px; font-weight:700; color:#333;}
#banner .inside-container .txt>span{display:block;padding:10px 0; font-size:22px; font-family:Arial; color:rgba(0,0,0,.5);}
#banner .inside-container img{width:100%; height:auto; margin:0 auto;}
#banner  .mob{display:none;}
.inbanner{ padding-top:110px;}
@media only screen and (max-width: 1080px){
  .inbanner,#banner{padding-top:80px;}

}
@media only screen and (max-width: 960px){
 .inbanner, #banner{padding-top:60px;}
  #banner .inside-container .txt>h3{font-size:28px;}
  #banner .inside-container .txt>span{padding:0; font-size:17px;}
  }

@media only screen and (max-width: 780px){
  /*#banner .pc{display:none;}
  #banner .mob{display:block;}*/

}
@media only screen and (max-width: 540px){
  #banner .inside-container .txt>h3{font-size:20px;}
  #banner .inside-container .txt>span{padding:0; font-size:14px;}
  .product-words-essay{ margin-top:10% !important;}

}
@media only screen and (max-width: 420px){
  #banner .inside-container .txt>h3{font-size:14px;}
  #banner .inside-container .txt>span{padding:0; font-size:12px;}

}

/*END*/

















/*--- Footer ---*/
.Footer-Scheme-box{
	width: 100%;
	overflow: hidden;
	background-color: #22a808;
	padding: 60px 0;
}
.Footer-Scheme{
	width: 1280px;
	margin: 0 auto;
}
.Footer-SchemeL{
	width: 50%;
	float: left;
	font-size: 36px;
	height: 54px;
	color: #fff;
	overflow: hidden;
	font-weight: bold;
}
.Footer-SchemeR{
	width: 30%;
	float: right;
	height: 54px;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	line-height: 54px;
	text-align: right;
	position: relative;
}


.Footer-SchemeR>a{
	font-size: 16px;
	color: #fff;
	display: inline-block;
}

.Footer-SchemeR>a:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: all .4s;
}
.Footer-SchemeR>a:hover:before{
	width: 100%;
}


.Footer-SchemeR>a i{
	width: 7px;
	height: 11px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url('../images/public/footer_arrow.png');
	margin: -2px 0 0 10px;
	transition: all .6s;
}
.Footer-SchemeR>a:hover i{	
	margin: -2px 0 0 14px;
}

.Footer-container {
	padding: 80px 0;
	color: #fff;
	background: #333;
}

.Footer-wordsBox{
	width: 1280px;
	margin: 0 auto;
}
.Footer-wordsBoxL{
	width: 39%;
	float: left;
	overflow: hidden;
}
.Footer-wordsBoxL-pic{
	
}
.Footer-wordsBoxL-pic img{
	
	object-fit: cover;
}
.Footer-wordsBoxL-words{
	width: 100%;
	font-size: 16px;
	color: #aaa;
	line-height: 24px;
	padding: 24px 0 24px 0;
}
.Footer-wordsBoxL-words p{
	width: 80%;
}
.Footer-wordsBoxL-icon{
	width: 100%;
	padding: 10px 0 0 0;
	position: relative;
}
.Footer-wordsBoxL-icon:after{
    content: "";
    *zoom: 1;
    display: table;
    clear: both;
}
.Footer-ewm{
	position: absolute;z-index: 9;width: 160px;height: 160px;
	bottom: 46px;left: 26%;display: none;
}
.Footer-ewm img{width: 100%;height: 100%;}
.Footer-wordsBoxL-icon a{
	width: 34px;
	height: 26px;
	overflow: hidden;
	display: inline-block;
	margin: 0 12px 0 0;
	text-align: center;
	vertical-align: middle;
	transition: all .5s;
	opacity: .6;
}
.Footer-wordsBoxL-icon a:hover{
	transform: translateY(-4px);
	opacity: 1;
}

.Footer-wordsBoxR{
	width: 61%;
	float: right;
	overflow: hidden;
}
.Footer-wordsBoxRL{
	width: 44%;
	float: left;
	overflow: hidden;
}
.Footer-wordsBoxRL ul{
	width: 74%;
	overflow: hidden;
	margin-left: 16%
}
.Footer-wordsBoxRL ul li{
	padding: 10px 0;
	font-size: 16px;
	color: #aaa;
	text-indent: 1em;
	position: relative;
	transition: all .6s;
}
.Footer-wordsBoxRL ul li:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 28%;
	height: 1px;
	background-color: #606066;
	transition: all .4s;
}
.Footer-wordsBoxRL ul li:hover:after{
	width: 100%;
}
.Footer-wordsBoxRL ul li:hover{
	color: #fff;
}

.Footer-wordsBoxRR{
	width: 56%;
	float: right;
	overflow: hidden;
}
.Footer-wordsBoxRR ul{
	width: 84%;
	overflow: hidden;
	margin-left: 16%
}
.Footer-wordsBoxRR ul li{
	padding: 10px 0;
	font-size: 16px;
	color: #aaa;
	text-indent: 1em;
	position: relative;
	transition: all .6s;
}
.Footer-wordsBoxRR ul li:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 28%;
	height: 1px;
	background-color: #606066;
	transition: all .4s;
}
.Footer-wordsBoxRR ul li:hover:after{
	width: 100%;
}
.Footer-wordsBoxRR ul li:hover{
	color: #fff;
}

.Footer-Bottom{
	padding: 30px 0;
	background-color: #1a1a1a;
	text-align: center;
	font-size: 14px;
	color: #8e8e8e;
	/*border-top: 1px solid #252629;*/
}
.Footer-Bottom p{
	width: 94%;
	margin-left: 3%;
}


@media all and (max-width:1340px) {
	.Footer-Scheme {
		width: 94%;
		margin-left: 3%;
	}
	.Footer-wordsBox {
		width: 94%;
		margin-left: 3%;
	}
	.Footer-wordsBoxRL ul {
		width: 90%;
		margin-left: 6%;
	}
	.Footer-wordsBoxRR ul {
		width: 94%;
		margin-left: 6%;
	}
	.Footer-Scheme-box {
		padding: 48px 0;
	}
}

@media all and (max-width:1280px) {
	.Hnav{
		width: 650px;
	}
	.Hnav .Hname {
		margin: 0 10px;
		padding: 0 12px;
	}
}

@media all and (max-width:1200px) {
	.Hnav{
		width: 540px;
		margin: 0 10px 0 0;
	}
	.Hnav .Hname {
		margin: 0 2px;
		padding: 0 8px;
	}
	.Footer-wordsBoxL {
		width: 30%;
	}
	.Footer-wordsBoxL-words p {
		width: 94%;
	}
	.Footer-wordsBoxR {
		width: 70%;
	}
	.Footer-wordsBoxRR ul {
		width: 98%;
		margin-left: 4%;
	}
}


/*移动端适配*/
@media all and (max-width:1000px) {

	/*web*/
	.bann img {height: 300px;object-fit: cover;}

	/*-- Header --*/
	.header-container,
	.Hlogo {height: 50px;}
	.Hlogo {line-height: 50px;}
	.Hlogo img {height: 80%;}
	.Hmenu-btn {display: block;}

	/* ----Vinter----- */
	.Hnav {
		height: auto;
		overflow: unset;
	}
	.Hnav>li:first-child {
		margin-left: 0;
		transition: unset;
	}
	.Hnav .Hname i,
	.Hnav-active .Hname i{display: none;}
	.Hlang {
		margin: 0 12px 0 0;
		width: 38px;
		padding: 0;
		text-align: center;
	}
	.Hsrch {
		margin: 0;
	}

	/* footer */
	.Footer-Scheme-box {
		padding: 24px 0;
	}
	.Footer-SchemeL {
		width: 100%;
		font-size: 16px;
		height: auto;
	}
	.Footer-SchemeR {
		width: 100%;
		float: unset;
		height: 48px;
		line-height: 48px;
	}
	.Footer-wordsBoxL {
		width: 100%;
		float: unset;
	}
	.Footer-wordsBoxR {
		width: 100%;
		float: unset;
		margin: 24px 0 0 0;
	}
	.Footer-wordsBoxL-words {
		padding: 12px 0 14px 0;
		font-size: 14px;
	}
	.Footer-wordsBoxRL {
		width: 100%;
		float: unset;
	}
	.Footer-wordsBoxRR {
		width: 100%;
		float: unset;
		margin: 18px 0 0 0;
	}
	.Footer-wordsBoxRL ul {
		width: 100%;
		margin-left: 0%;
	}
	.Footer-wordsBoxRL ul li {
		padding: 8px 0;
		font-size: 13px;
	}
	.Footer-wordsBoxRR ul {
		width: 100%;
		margin-left: 0%;
	}
	.Footer-wordsBoxRR ul li {
		padding: 8px 0;
		font-size: 13px;
	}
}

/* --------------------控制导航变化-------------------- */

.UPheader-container{
	background-color: transparent;
	box-shadow: none;
}
.UPHsrch-menu{
	background: url('../images/public/icon-HsrchH.png') no-repeat center center;
}
.UPHsrch-menu.cur {
    background: url('../images/public/icon-closeH.png') no-repeat center center / 16px auto;
}
.Hnav .UPHname{
	color: #fff;
}


/* ---------------------------------------------公共二级导航--------------------------------------------- */

.PUB-headerMenu-box{
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 75px;
	box-shadow: 1px 1px 8px #e6e6e6;
}
.PUB-headerMenu-line{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 0%;
	height: 4px;
	background-color: #22a808;
	transition: all .6s;
}

.PUB-headerMenu-words{
	width: 100%;
	font-size: 0;
	overflow: hidden;
	text-align: center;
}
.PUB-headerMenu-words a{
	display: inline-block;
	width: 130px;
	height: 75px;
	line-height: 75px;
	text-align: center;
	font-size: 16px;
	color: #666;
	transition: all .8s;
}
.PUB-headerMenu-words a:hover{
	color: #22a808;
}

.PUB-headerMenu-active{
	color: #22a808 !important;
}

@media all and (max-width:1200px) {.PUB-headerMenu-line{display: none;}}
@media all and (max-width:1000px) {
	.PUB-headerMenu-box {
		height: auto;
	}
	.PUB-headerMenu-words{
		text-align: left;
	}
	.PUB-headerMenu-words a{
		width: 33.333333333333336%;
		height: 44px;
		line-height: 44px;
	}
}


/* --------------------------子页公共banner------------------------- */

.PUBbanner-box{
    width: 100%;
    overflow: hidden;
}
.PUBbanner{
    width: 100%;
    position: relative;
}
.PUBbanner img{
    width: 100%;
    object-fit: cover;
}
.PUBbanner h6{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0%;
	height: 72px;
	margin-top: -36px;
	color: #fff;
	font-size: 48px;
	-moz-animation:WordsDown 1s ease both; 
	animation:WordsDown 1s ease both;
}
@keyframes WordsDown
{
0%   {transform: translateY(-50px);-moz-transform: translateY(-50px);}
100% {transform: translateY(0);-moz-transform: translateY(0);}
}
@-moz-keyframes WordsDown
{
0%   {transform: translateY(-50px);-moz-transform: translateY(-50px);}
100% {transform: translateY(0);-moz-transform: translateY(0);}
}
@media all and (max-width:1380px) {.PUBbanner h6{font-size: 36px;height: 54px;margin-top: -27px;}}
@media all and (max-width:1000px) {
	.PUBbanner img{height: 280px;}.PUBbanner h6{font-size: 26px;height: 39px;margin-top: -19.5px;}

	.Footer-ewm {
		width: 144px;
		height: 144px;
		bottom: 40px;
		left: 50%;
		margin-left: -72px;
	}
}



/* ----------------------------分页------------------------------ */
.fullPage-Box{
	width: 100%;
	overflow: hidden;
	padding: 24px 0 100px 0;
}
.fullPage{
	width: 94%;
	margin-left: 3%;
	font-size: 0;
	text-align: center;
}

.fullPage a{
	display: inline-block;
	border: 1px solid #e5e5e5;
	width: 32px;
	height: 32px;
	border-radius: 5px;
	font-size: 12px;
	color: #888;
	margin: 4px 3px;
	line-height: 32px;
	text-align: center;
	background-color: #fff;
}
.fullPage a:hover{
	color: #fff;
	border: 1px solid #22a808;
	background-color: #22a808;
}

.fullPage-left i,.fullPage-right i,.fullPage-last i{
	width: 8px;
	height: 7px;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin: -3px 0 0 0;
}
.fullPage-left i{
	background-image: url('../images/public/fullPage_left.png');
}
.fullPage-right i,.fullPage-last i{
	background-image: url('../images/public/fullPage_right.png');
}
.fullPage-last{
	width: auto !important;
	height: 32px;
	padding: 0 10px
}
.fullPage-last i{
	margin: -3px 0 0 6px !important;
}
.fullPage-left:hover i{background-image: url('../images/public/fullPage_leftH.png');}
.fullPage-right:hover i{background-image: url('../images/public/fullPage_rightH.png');}
.fullPage-last:hover i{background-image: url('../images/public/fullPage_rightH.png');}

@media all and (max-width:1000px) {.fullPage-Box {padding: 16px 0 28px 0;}}



#products{position:relative; margin:0 auto;/*background-image: url(../images/index/product_bg02.jpg);*/ margin-bottom:80px;}
#products>.container{ position:relative; width:84%;margin:0 auto; padding:20px 0;}
#products>.container .swiper-container{ margin:0 auto;}
#products>.container .swiper-slide{padding:10px 0;background: #ccc; padding-bottom:0;}
#products>.container .swiper-slide>a{ position:relative; display:block;padding:10px 20px; transition:all .35s;padding-bottom:0;}
#products>.container .swiper-slide>a>.img{ position:relative; text-align:center;overflow:hidden; transition:all .35s;}
.img>img{height:auto; width:100%}
#products>.container .swiper-slide>a>.tit{ position:relative; width:80%;margin:20px auto; border-radius:0 30px 0 0; padding:5px 0; text-align:center;font-size:18px; color:#333; }
/*#products>.container .swiper-slide>a>.tit:after{ position:absolute;z-index:1; left:0; bottom:0; width:100%; height:100%; opacity:0; background:#22a808; border-radius:0 30px 0 0; content:''; transition:all .35s;}
*/#products>.container .swiper-slide>a>.tit>span{ position:relative;z-index:9; transition:all .35s; }
/*#products>.container .swiper-slide>a:hover .tit>span{ color:#fff;}*/
#products>.container .button-next{ position:absolute;z-index:12; left:-5%; top:50%; margin-top:-30px; width:40px; height:40px; cursor:pointer;opacity:.2; background:url("../images/public/icon-arrow-left-circle-black.png") no-repeat; background-position:50% 50%; background-size:100% auto; transition:all .35s;}
#products>.container .button-prev{ position:absolute;z-index:12; right:-5%; top:50%; margin-top:-30px; width:40px; height:40px; cursor:pointer;opacity:.2; background:url("../images/public/icon-arrow-right-circle-black.png") no-repeat; background-position:50% 50%; background-size:100% auto; transition:all .35s;}
/*#products>.container .swiper-slide>a:hover .img{transform:scale(1.1) translateY(-10px);}
#products>.container .swiper-slide>a:hover .tit:after{ opacity:1; left:10px;}*/
#products>.container .swiper-slide:hover{ background:#22a808;}
#products>.container .swiper-slide:hover .tit{ color:#fff;}




.dh ul{position: relative;overflow: hidden;width:100%;height:400px;margin: 0px auto 0;}
.dh ul li{float: left;width: 125px;overflow: hidden;height: 100%;position: relative;cursor: pointer;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(27,29,36,0.75);height: 100%;}
.dh ul li .layer .p1{position: absolute;bottom: 15px;left: 10px;}
.dh ul li .layer .p2{position: absolute;bottom: 15px;right: -200%;}
.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 20px;}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 14px;}

.dh ul li.curr{}
/* .dh ul li.curr .layer .p1{left: -200%;}
.dh ul li.curr .layer .p2{left: 10px;} */

.col1{color: #22a808;}
.col2{color: #fff;}



.iconfont {
  font-family: 'iconfont';
}
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');/* IE9*/
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('fonts/iconfont.svg#iconfont') format('svg');/* iOS 4.1- */
}



/*移动端底部导航*/
.phonefooternav {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 99999;
}
.phonefooternav *{ box-sizing:border-box;}
.phonefooternav ul{ display:block;}
.phonefooternav ul li {
  width: 25%;
  background: #494949;
  float: left;
  padding: 10px 0;
  border-right: 1px solid #666;
  list-style: none; 
}
.phonefooternav ul li a {
  display: block;
  color: #fff;
  text-align: center;
}
.phonefooternav ul li a i {
  display: block;
  font-size: 20px;
  padding: 10px 0;font-style:normal;
}
@media (max-width: 768px) {
  .phonefooternav {
    display: block;
  }
  .Footer-wrapper{ margin-bottom:80px;}
  .ui[class*="two column"].grid>.column:not(.row), .ui[class*="two column"].grid>.row>.column{ width:100%;}
  #index-body .i-news .new-list > .column:nth-child(odd){ padding-right:0 !important;}
  #index-body .i-news .new-list > .column:nth-child(even){ padding-left:0 !important;}
  
  .n-img{ width:100%; margin-bottom:15px;}
}
@media (max-width: 480px) {
  .phonefooternav ul li {
    padding: 5px 0px;
  }
  .phonefooternav ul li a i {
    padding: 5px 0px;
  }
   .Footer-wrapper{ margin-bottom:60px;}
 .ui.nymenu{ flex-direction:column; text-align:center; display:block;}
 .ui.nymenu .item{ width:100%;text-align:center;display:block;justify-content: center;align-items: center}
 .ui.nymenu .item a{ display:block;}
 .ui.nymenu .right.item{ flex:0;}
 #footer .f-bot .f-cp{ display:none;}
 #footer .f-bot .f-cp a:last-child{ margin-left:0; display:none;}
 #footer .f-bot{ height:auto;}
 .ui[class*="four column"].grid>.column:not(.row), .ui[class*="four column"].grid>.row>.column{ width:100%;}
 #footer .f-mid .f-bar.f-qr img{ float:left !important;}
 .f-qr{ text-align:left !important;}
 #index-body .i-about .a-box .a-pic{ height:300px;}
  #index-body .i-about .a-box .a-con{ height:640px;padding: 40px 30px 0 30px!important;}
  #index-body .i-about .a-box .a-con .a-intro{ height:auto;}
}


.p1 p{ text-indent:2em;}
.contact{ max-width:1500px; margin:auto;}