@charset "UTF-8";

/**{transition: all 0.1s linear;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;-o-transition: all 0.1s linear;}*/

/*必有*/
html {  font-size: 62.5%; height: 100%;}
body {  font-size: 14px; font-size: 1.4rem;  color: #232323;  font-family: "Microsoft YaHei", Arial, sans-serif ;  -webkit-tap-highlight-color: transparent;}
input,textarea{ font-family:"Microsoft YaHei", Arial, sans-serif; font-size:12px; font-size:1.2rem;  border:none;padding: 0;margin: 0;outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"]  ,button{ border-radius: 0;  -webkit-appearance: none;  padding: 0;margin: 0; outline: 0;}
select{-webkit-appearance:none; appearance:none;}
a,body,div,em,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,label,li,menu,nav,p,section,span,strong,ul {  margin: 0;  padding: 0;  border: none;  word-wrap: break-word; }
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li,ol,ul {  list-style: none;  }
img {border:none;}
a { text-decoration: none;  color: #333;  -webkit-tap-highlight-color: transparent;  tap-highlight-color: transparent;  -webkit-focus-ring-color: transparent;  focus-ring-color: transparent;}
/*左右浮动（class名根据自己习惯定义）*/
.lt {float: left; }
.rt {float: right;}
/*清除浮动1*/
.clear {clear: both;}
/*清除浮动2*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}



/*input placeholder字体颜色*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #999;}
::-moz-placeholder { /* Mozilla Firefox 19+ */  color: #999;}
input:-ms-input-placeholder{  color: #999; }
input::-webkit-input-placeholder{  color: #999;}

/*安全范围（页面主题内容宽度，也是主体所在的范围）*/
.wrap{width: 1200px;margin: 0 auto;}

/*head*/
.header .m-en{position:absolute; left:8px;;top:15px; display:none; z-index:102;}
.search{position: relative;float: left;margin-right: 12px;}
.search input{ width: 120px;height: 24px;float: left;margin-right: 5px;background: #545454;padding:0 10px;font-size: 12px;font-size: 1.2rem;box-sizing: border-box;position: relative;color: #fff;margin-top: 4px;}
.search .ico{position: absolute;right: 12px;background: url(../img/public/search.png) no-repeat;width: 15px;height: 15px;background-size: 100%;top: 8px;border: none;}
.search input:-ms-input-placeholder{  color: #fff;opacity: .8; }
.search input::-webkit-input-placeholder{  color: #fff;opacity: .8;}

.header{box-shadow: 0 1px 15px #ccc;position: fixed;top:0;left: 0;width: 100%;z-index:999;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.head-top{height: 32px;line-height: 32px;background-color: #484c4b;color: #fff;font-size: 12px;font-size: 1.2rem;}
.head-top .language{width: 390px;}
.head-top .language .cn>a.al{margin-left: 0;}
.head-top .language .cn>a{color: #fff;margin-left: 20px;}
.head-top .language .cn>a>img{vertical-align: sub;  margin-right: 6px; width: 22px;}
.head-top .language>.ch{color: #01a050;}
.head {background-color: #fff;width: 100%;}
.head .wrap{position: relative;z-index: 101;}
.head .logo{margin: 21px 0 26px;}
.head .logo img{display: block;}
.nav{font-size: 0;}
.nav>li{display: inline-block;font-size: 14px;font-size: 1.4rem;text-align: center;line-height: 2;width: 90px;padding: 32px 0 21px;font-weight: lighter;}
.nav>li .english{font-size: 12px;font-size: 1.2rem;}
.nav>li>a{display: block;}
.nav>li:hover a{color: #fff;/*transition: all 0.1s linear;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;-o-transition: all 0.1s linear;*/}
.nav>li:hover{background-color: #00a051;}
.nav-content{position:absolute;left: 0;width: 100%;top: 105px;box-sizing: border-box; background-color: #fff;z-index: 100;}

.nav-list{display:none;padding: 15px 30px;overflow: hidden;transition: all 0.25s linear;-webkit-transition: all 0.25s linear;}
.nav-list.block{display: block;transition: all 0.25s linear;-webkit-transition: all 0.25s linear;}
.nav-list>ul>li{float: left;text-align: center;margin: 0 0.5%;width: 24%;}
.nav-list>ul>li>a{display: block;}
.nav-list-news>ul>li,.nav-list-strength>ul>li{width: 32.33%;}
.nav-list>ul>li>a>img{width: 100%; display: block;}
.nav-list>ul>li>a>p{font-weight: bold;}
/*导航定位*/
.dingwei{background-color: #00a051;}
.dingwei a p{color:#fff;}


/*二级导航*/
.con-nav{width: 100%;border-bottom:1px solid #dfdfdf;}
.con-nav .nav-new{width: 1200px;margin: 0 auto;}
.con-nav .nav-new ul li{float: left;font-size: 18px; font-size: 1.8rem; padding: 45px 0 15px;margin-right: 30px;border-bottom: 2px solid transparent;margin-bottom: -1px;}
.con-nav .nav-new ul li:hover{border-bottom: 2px solid #00a051;box-sizing: border-box;}
.con-nav .nav-new ul li:hover,.con-nav .nav-new ul li.active{border-bottom: 2px solid #00a051;box-sizing: border-box;}


/*foot*/
.footer{background: #252525;margin-top: 60px;}
.foot-bottom{background: #171717;text-align: center;color: #fff;line-height: 1.8;font-size: 12px;font-size: 1.2rem; padding:8px 0;}
.foot-bottom span{display:inline-block;padding:0 5px;}
.foot-bottom span a{ color:#fff;}
.foot-top{padding: 40px 0;color: #fff;}
.foot-top a{color: #fff;}
.foot-top .foot-left{width: 70%;border-right: 1px solid #5a5d5c;box-sizing: border-box;}
.foot-top .cols{float: left;width: 17%;text-align: center;}
.foot-top .cols>li{margin-top: 9px;opacity: 0.8;position: relative;left: 0;transition: 0.3s all ease-out; -webkit-transition: 0.3s all ease-out; }
.foot-top .cols>li:hover{left: -5px;}
.foot-top .cols>li.name:hover{left: 0;}
.foot-top .cols>li.name{opacity: 1;font-weight: bold;margin-bottom: 24px;margin-top: 0;border-left: 1px solid #fff;line-height: 0.8;font-size: 16px;font-size: 1.6rem;}
.foot-top .cols:first-child>li.name{border-left: none;}
.foot-top .cols:first-child{width: 15%;text-align: left;}
.foot-top .foot-right{width: 30%;}
.foot-top .foot-right .name{font-weight: bold;margin-bottom: 24px;line-height: 0.8;font-size: 16px;font-size: 1.6rem;}

.foot-top .foot-right .code{width: 40%;text-align: right;box-sizing: border-box;border-left: 1px solid #5a5b5c;}
.foot-top .foot-right .code>div{width: 104px;text-align: left;display: inline-block;}
.foot-top .foot-right .code>div.name2{margin-bottom: 12px;opacity: 0.9;display: none;}
.foot-top .foot-right .contact{width: 54%;padding-left: 6%;}
.foot-top .foot-right .contact li{opacity: 0.8;padding-left: 20px;background: url("../img/public/phone.png") no-repeat 0 0;background-size: 16px;margin-top: 10px;}
.foot-top .contact li>p{display: inline;}
.foot-top .contact .number{font-size: 12px;font-size: 1.2rem;/*font-weight: bold;*/margin-left: 6px;}
.foot-top .code .name{width: 270px;text-align: left;}
.foot-link a{color:#fff;margin:0 8px;}
.banner img{width:100%; max-width:100%; display:block;}


/*mobile list*/
/*.m-header{
	background-color: rgba(0,0,0,0.7);
	width: 52px;
	height: 52px;
	position: absolute;
	top:0;
	right: 0;
	z-index: 102;
	!*display: none;*!
}*/
.mobile-inner-header-icon{
	height: 52px;
	width: 52px;
	position: fixed;
	top: 0;
	right: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	/*background-color: rgba(0,0,0,0.8);*/
	z-index: 1002;
	display: none;
}
.mobile-inner-header-icon:hover{
	cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 2px;
	background-color: #222;
}
.mobile-inner-header-icon span:nth-child(1){
	transform: translateY(6px) rotate(0deg);
	-webkit-transform: translateY(6px) rotate(0deg);
	-moz-transform: translateY(6px) rotate(0deg);
	-ms-transform: translateY(6px) rotate(0deg);
	-o-transform: translateY(6px) rotate(0deg);
}
.mobile-inner-header-icon span:nth-child(2){
	transform: translateY(-6px) rotate(0deg);
	-webkit-transform: translateY(-6px) rotate(0deg);
	-moz-transform: translateY(-6px) rotate(0deg);
	-ms-transform: translateY(-6px) rotate(0deg);
	-o-transform: translateY(-6px) rotate(0deg);
}
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: clickfirst;
}
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: clicksecond;
}
.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: outfirst;
}
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: outsecond;
}
@-webkit-keyframes clickfirst {
	0% {
		transform: translateY(6px) rotate(0deg);

	}

	100% {
		transform: translateY(0) rotate(45deg);
	}
}
@keyframes clickfirst {
	0% {
		transform: translateY(6px) rotate(0deg);

	}

	100% {
		transform: translateY(0) rotate(45deg);
	}
}
@-webkit-keyframes clicksecond {
	0% {
		transform: translateY(-6px) rotate(0deg);
	}

	100% {
		transform: translateY(0) rotate(-45deg);
	}
}
@keyframes clicksecond {
	0% {
		transform: translateY(-6px) rotate(0deg);
	}

	100% {
		transform: translateY(0) rotate(-45deg);
	}
}
@-webkit-keyframes outfirst {
	0% {
		transform: translateY(0) rotate(-45deg);
	}

	100% {
		transform: translateY(-6px) rotate(0deg);
	}
}
@keyframes outfirst {
	0% {
		transform: translateY(0) rotate(-45deg);
	}

	100% {
		transform: translateY(-6px) rotate(0deg);
	}
}
@-webkit-keyframes outsecond {
	0% {
		transform: translateY(0) rotate(45deg);
	}

	100% {
		transform: translateY(6px) rotate(0deg);
	}
}
@keyframes outsecond {
	0% {
		transform: translateY(0) rotate(45deg);
	}

	100% {
		transform: translateY(6px) rotate(0deg);
	}
}

.m-cover{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #fff;opacity: 0.75;z-index: 999;display: none;}
.side-nav{position: fixed;top: 0;bottom: 0;right: -280px;width: 280px;background: #fff;box-sizing: border-box;padding: 20px;z-index: 1000;}
.side-nav .title{padding: 10px;background: #eee;font-weight: bold;letter-spacing: 2px;}
.side-nav-content{background: #f7f7f7;display: none;padding: 10px 0;}
.side-nav-content>li{padding-left: 20px;line-height: 30px;}
.side-nav-content>li>a{display: block;}
.side-nav-item{height: 40px; line-height: 40px;display: block;padding-left: 10px;}
.side-nav-item.side-nav-list>b{float:right;height:40px; width: 40px; background: url("../img/public/down.png") no-repeat 60% center; background-size: 16px;}
.side-nav-list.there{background-color: #00913a;color: #fff;}
.side-nav-list.there>b{background-image: url("../img/public/up-fff.png");}

.overflow-hidden{height: 100%;overflow: hidden;}
.main-wrap{position: relative;left: 0; top: 137px; transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.left-move{left: -280px;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.icon-left-move{right: 280px!important;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.side-left-move{right: 0!important;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.m-cover-block{display: block;}
/*侧边联系*/

.fixed{width:46px; position:fixed; z-index:21;right:0;bottom:20%}
.fixed>div{position: relative;  cursor: pointer;}
.fixed1{width:100%;margin-bottom:5px;}
.fixed1-left{ position: absolute;right: 100%; width:140px;border-radius:4px;border:1px solid #D8D8D8;margin-top:3px;line-height:35px;  display:none; background-color:#FFFFFF; text-align:center;}
.fixed1-right{float:right;width:46px;text-align: center;}
.fixed1-right img{width:100%;}
.chat-content-arrow{width: 10px;height: 10px;border: 1px solid #D8D8D8;background-color: #FFFFFF;border-top: none;border-right: none;transform: rotateZ(-134deg); -webkit-transform: rotateZ(-134deg);position: absolute;top:13px;left: 137px; display:none;}
.fixed1:hover .fixed1-left{ display:block;}
.fixed1:hover .chat-content-arrow{ display:block;}
.imgmoues img{width:42px;}

.fixed2{width:100%;margin-bottom:5px;}
.fixed1-left1{position: absolute;right: 100%; width:155px;border-radius:4px;border:1px solid #D8D8D8;margin-top:3px;line-height:35px;
 display:none; background-color:#FFFFFF; text-align:center;}
.chat-content-arrow1{width: 10px;height: 10px;border: 1px solid #D8D8D8;background-color: #FFFFFF;border-top: none;border-right: none;transform: rotateZ(-134deg); -webkit-transform: rotateZ(-134deg);position: absolute;top:85px;left: 137px; display:none;}
.fixed2:hover .fixed1-left1{ display:block;}
.fixed2:hover .chat-content-arrow1{ display:block;}


.fixed3{width:100%;margin-bottom:5px;}
.fixed3-left{position: absolute;right: 100%; width:140px;border-radius:4px;border:1px solid #D8D8D8;margin-top:-108px;line-height:35px;
 display:none; background-color:#FFFFFF
}
.fixed3-left img{margin:17px;    width: calc(100% - 34px);}
.fixed3-right{float:right;width: 46px;}
.fixed3-right img{width:100%;}
.fixed3:hover .fixed3-left{ display:block;}

/*分页*/
#fenye{margin-top: 20px;}
#pagelist a{width: 40px;float: left;border: 1px solid #00a051;box-sizing: border-box;border-radius: 2px;margin-right:10px; text-align: center;height: 30px;line-height: 30px;}
#pagelist a.prev{width: 50px;}
#pagelist a.next{width: 75px;}
#pagelist a.curr{background: #00913a;color: #fff;}


@media(max-width: 1219px){
	.wrap{width: 90%;}
	.nav{width:70%;text-align: right;}
	.con-nav .nav-new{width:90%;}
	.nav>li{width: 12.5%;}
	.foot-top .contact li>p{display: block;}
}
@media(max-width: 1024px){
	.foot-top .foot-right .contact{width: 55%;padding-left: 5%;}
	.nav{display: none;}
	.head .logo img{width: 130px;}
	.head .logo{float: none; width: 130px; margin: 0 auto;padding: 10px 0;}
	.header .m-en{display: block;}
	.head-top{display: none;}
	.header{top: 0!important;}
	.mobile-inner-header-icon{display: block;}

	.con-nav .nav-new{width: 100%;}
	.nav-new ul{width: 90%;margin: 0 auto;}
	.foot-top .contact li>p{display: inline;}
	.foot-top .foot-right{width: 100%;margin-top: 20px;}
	.foot-top .foot-right .contact{width: 55%;box-sizing: border-box;padding-left: 2%;}
	.foot-top .foot-right .code{width: 45%;text-align: center;border-left: 0;}
	.foot-top .foot-right .code>div{width: 100%;text-align: center;margin-bottom: 20px;}
	.footer{margin-top: 40px;}
	.foot-top .foot-right .name,.foot-top .cols>li.name{font-size: 14px;font-size: 1.4rem;}
	.foot-top .code .name{position:relative;top: -5px;}
	.foot-top .foot-left{display: none;}
}
@media(max-width: 768px){
	.wrap{width: 96%;}
	.foot-top{padding: 40px 0 20px;}
	/*.foot-top .foot-left{width: 100%;border-right: 0;}
	.foot-top .cols:first-child{text-align: center;}*/

	.foot-top{padding: 15px 0;}
	.con-nav .nav-new{ width:100%;}
	.nav-new ul{width: 100%;margin: 0 auto;}
	.con-nav .nav-new ul li{font-size:1.4rem; padding:15px 0; width:25%; text-align:center; margin-right:0;box-sizing: border-box;}
	.main-wrap{top:50px;}
	.list-cp .con-nav .nav-new ul li{font-size:1.2rem; padding:15px 0; width:33.33%; text-align:center; margin-right:0;box-sizing: border-box;}
	.fixed{ display:none;}
	.banner{overflow: hidden;}
	.banner img{width: 150%!important; max-width: none; position:relative; left:-25%;}
	.footer{margin-top: 30px;}
	#fenye{margin-top: 20px;margin-bottom: 30px;}
	#pagelist a{height: 28px;line-height: 28px;font-size: 12px;font-size: 1.2rem;}
}

@media screen and (max-width:365px){
	.foot-top .contact .number{ display:block;}
	.footer .foot-bottom{ line-height:20px; padding:10px 0;}
	#pagelist a{margin-right: 5px;}
	#pagelist a.prev{width: 45px;}
	#pagelist a.next{width: 70px;}
	.foot-bottom span{display: block;}
}