@charset "utf-8";
/* CSS Document */

*{margin: 0;padding: 0}

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

body{
	font-family: microsoft yahei, Arial!important;
	overflow-x: hidden!important;
}

a{
	text-decoration: none;
	
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
}

a:hover{
		text-decoration: none;
}

ul li{
	list-style: none;
	/*float: left;*/
}
.no-padding {
	padding: 0;
}

.wid{
	width: 70%;
	margin: 0 auto;
	position: relative;
}

@media (max-width:1200px){
	.wid{
		width: 1200px;
		
	}
}







/*--- Header ---*/
.headfix{
	position: fixed;
	height: 111px;
	max-height: 111px;
	background: #fff;
}
.Header-wrapper{z-index:99;}
.Header-wrapper .Header-cl{position:relative;}
.header-container{width:100%;background:#fff;z-index:90;box-shadow: 0 0 2px #888;}
.header-container .contain{position:relative;}
.H-action{position:absolute;right:0px;top:0px;}

/*logo*/
.H-logo{position:absolute;width:auto;left:0%;overflow:hidden;z-index:5;}
.H-logo img.rollover{display:none;}
.H-logo img{
	width: auto;
	height: 80px;
	margin-top: 15px;
}

.web-logo{display:none;}

.H-action{float:right;width:320px;height:50px;line-height:50px;}
.H-action .head-link{float:left;font-size:13px;color:#666;}
.head-link .H-ct{background:url(../images/icon/icon-top-tel.png) no-repeat left center;padding-left:20px;margin-right:30px;}
.head-link .H-join{background:url(../images/icon/icon-top-join.png) no-repeat left center;padding-left:20px;margin-right:30px;}
.H-action .head-link a:hover{color:#0b9a54;}
.H-lang,.H-user,.H-srch{height:50px;float:left;}

/*Hlang*/
.H-lang{position:relative;}
.H-lang .Hlang-menu{display:block;width:53px;height:100%;background:url(../images/icon/icon-top-en.png) no-repeat left center;transition:none;-webkit-transition:none;padding-left:20px;font-size:13px;color:#666;}
.Hlang-menu.cur{background:url(../images/icon/icon-top-en.png) no-repeat left center;}
.Hlang-box{padding:20px 0px;width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:50px;left:-76px;display:none;z-index:99;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}
.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#0062b2;}
.Hlang-box a.CN{background-image:url(../images/icon-cn.png);}
.Hlang-box a.JP{background-image:url(../images/icon-jp.png);}
.Hlang-box a.EN{background-image:url(../images/icon-en.png);}

/*Hsrch*/
.H-srch{margin-right:15px;}
.H-srch .Hsrch-menu{display:block;width:35px;height:50px;background:url(../images/icon/icon-top-sq.png) no-repeat center center;}
.Hsrch-box{width:100%;height:55px;background:#fff;position:absolute;top:0px;left:0px;display:none;position:absolute;z-index:2;}
.Hsrch-block{padding:0 0 0 0;width:3rem !important;height:32px;margin:14px auto 0;}
.Hsrch-block .btn{width:24px;height:32px;background:url(../images/icon-hsrch2.png) no-repeat center center;float:left;}
.Hsrch-block .close{display:block;width:24px;height:32px;background:url(../images/icon-close.png) no-repeat center center;float:right;}
.Hsrch-block .text{width:70%;height:32px;font-size:16px;float:left;margin:0 0 0 10px;}
.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}
.Hsrch-menu.cur{display:none;}

.Header-wrapper .H-logo img{display:none;}
.Header-wrapper .H-logo img.rollover{display:inline-block;}

/*Hnav*/
.H-nav{width:100%;margin-bottom: 0;}
.H-nav>li{padding:0;/*margin-left:60px;*/float:left;position:relative;}
.H-nav .navhou{margin-left: 0px;}
/*.H-nav>li:first-child{margin-left:0;}
.H-nav>li:nth-child(4){margin-right:25%;}*/
.H-nav .Hnav-menu{display:block;height:40px;font-size:15px;color:#333;position:relative;}
.H-nav .Hnav-menu:after{position:absolute;left:0px;bottom:0px;width:100%;height:2px;background:#fff;content:"";opacity:0;}
.H-nav .Hnav-menu:hover:after,.H-nav>li.cur a:after{opacity:1;}
.H-nav .Hnav-menu:hover{color:#0b9a54;}
.Hnav-menu i{display:block;width:50px;height:50px;background:url(../images/icon-dd1.png) no-repeat center center / 14px auto;position:absolute;right:0px;top:0px;z-index:2;display:none;}
.Hnav-menu.cur i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.Hnav-sub{padding:0px;width:140px;text-align:center;background:#0b9a54;position:absolute;top:40px;left:-40px;display:none;z-index:99;}
.HnavSub-list{width:100%;}
.HnavSub-list li a{display:block;height:50px;padding:0px 20px;line-height:50px;color:#fff;}
.H-nav>li.cur .Hnav-menu{color:#0b9a54;}
.HnavSub-list li.cur a,
.HnavSub-list li a:hover{background:#0b9a54;}

.H-nav a{
	font-size: 18px;
	color: #222;
	font-weight: 600;
}


.header-container .wid{
	width: 80%;
}

.H-nav{
	width: 65%;
	float: right;
}

.H-nav li{
	float: left;
	width: 16.5%;
	margin-left: 0.1%;
	text-align: center;
	/*margin-right: 20%;*/
	height: 111px;
	line-height: 111px;
	background: #fff;
}

.H-nav li:hover{
	background: #90b821;
}

.H-nav li:hover a{
	color: #fff;
}

.navactive{
	background: #f08300!important;
}

.navactive a{
	color: #fff!important;
}






















.Footer-container {
	padding: 3% 0 2%;
	color: #fff;
	background: #fff;
}

.Footer-wordsBox{
	width: 100%;
	padding: 0 6%;
}
.Footer-wordsBoxL{
	width: 30%;
	float: left;
	overflow: hidden;
}
.Footer-wordsBoxL-pic{
	/*width: 30%;
	overflow: hidden;*/
}
.Footer-wordsBoxL-pic img{
	/*width: 100%;
	height: 100%;*/
	object-fit: cover;
	margin-top: 30px;
}
.Footer-wordsBoxL-words{
	width: 100%;
	font-size: 14px;
	color: #ccc;
	line-height: 28px;
	padding: 24px 0 44px 0;
}
.Footer-wordsBoxL-words p{
	width: 80%;
	line-height: 28px;
}
.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: 60%;
	float: right;
	overflow: hidden;
}
.Footer-wordsBoxRL{
	width: 45%;
	float: left;
	overflow: hidden;
}
.Footer-wordsBoxRL ul{
	/*width: 74%;*/
	overflow: hidden;
	
}
.Footer-wordsBoxRL ul li{
	padding: 10px 0;
	font-size: 15px;
	color: #555;
	/*text-indent: 1em;*/
	position: relative;
	transition: all .6s;
	float: left;
	width: 34%;
	margin-bottom: 5px;
}
.Footer-wordsBoxRL ul li:nth-child(1){
	margin-right: 5%;
}
.Footer-wordsBoxRL ul li:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 28%;
	height: 1px;
	background-color: #3d3d41;
	transition: all .4s;
	display: none;
}
.Footer-wordsBoxRL ul li:hover:after{
	width: 100%;
}
.Footer-wordsBoxRL ul li:hover{
	color: #90b821;
}

.Footer-wordsBoxRL ul li p{
	font-size: 15px;
	color: #333;
	text-align: center;
	margin-top: 10px;
}

.Footer-wordsBoxRR{
	width: 40%;
	float: right;
	overflow: hidden;
}
@media (max-width:1500px){
	.Footer-wordsBoxRR{
		width: 50%;
	}
}
.Footer-wordsBoxRR ul{
	/*width: 84%;*/
	overflow: hidden;
	/*margin-left: 16%*/
}
.Footer-wordsBoxRR ul li{
	padding: 10px 0;
	font-size: 15px;
	color: #555;
	text-align: left;
	/*text-indent: 1em;*/
	position: relative;
	transition: all .6s;
	/*margin-bottom: 5px;*/
}
.Footer-wordsBoxRR ul li:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 28%;
	height: 1px;
	background-color: #3d3d41;
	transition: all .4s;
	display: none;
}
.Footer-wordsBoxRR ul li:hover:after{
	width: 100%;
}
.Footer-wordsBoxRR ul li:hover{
	color: #90b821;
}

.Footer-Bottom{
	padding: 10px 0;
	background-color: #90b821;
	text-align: left;
	font-size: 14px;
	color: #fff;
	/*border-top: 1px solid #252629;*/
}
.Footer-Bottom p{
	width: 100%;
	/*padding: 0 6%;*/
	margin-bottom: 0;
	font-size: 15px;
}
.Footer-Bottom a{
	color: #fff;
	float: right;
	font-size: 15px;
}