@charset "utf-8";
*{ font-family:'微软雅黑'; }
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#242424;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#454545;}
a:hover{ color:#d22311;}
img{ max-width:100%;}
input,button,select,textarea{outline:none}
.clearfix{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}

body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;background:#FFF; overflow-x:hidden}

/*::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px}*/
@font-face{

font-family:'DINEngschriftStd';
font-family:'DINEngschriftStd';
	src:url('../fonts/DINEngschriftStd.eot?') format('eot');/*IE*/
	src:url('../fonts/DINEngschriftStd.TTF') format('truetype');/*non-IE*/

}


/*过渡效果*/
.trans2 {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.trans3 {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.trans4 {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.trans6 {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.trans8 {
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.trans10 {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

::-webkit-scrollbar { background-color: transparent;width: 6px;}
::-webkit-scrollbar-thumb {background-color: #4A4A4A;}
::-moz-scrollbar { background-color: transparent;width: 6px;}
::-moz-scrollbar-thumb {background-color: #4A4A4A;}
::-ms-scrollbar { background-color: transparent;width: 6px;}
::-ms-scrollbar-thumb {background-color: #4A4A4A;}
::-o-scrollbar { background-color: transparent;width: 6px;}
::-o-scrollbar-thumb {background-color: #4A4A4A;}
::scrollbar { background-color: transparent;width: 6px;}
::scrollbar-thumb {background-color: #4A4A4A;}

/*分页*/
.page{width:100%; padding:20px 0 20px; text-align:center; }
.page A{display:inline-block; width: auto; min-width:40px; height: 40px; line-height: 38px; margin: 0 3px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color: #999;border-radius: 4px;background-color: #fff; border: 1px solid #E9E9E9;}
.page A:hover{COLOR: #fff;font-size:100%;background-color: #008a4d;border: 1px solid #008a4d;}
.page A:active{COLOR: #fff;font-size:100%;background-color: #008a4d;border: 1px solid #008a4d;}
.page A.current{COLOR: #fff;font-size:100%;background-color: #008a4d;border: 1px solid #008a4d;}
.page A.prev,.page A.next{ font-family:''; font-size:1.125rem; padding:0 5px;}
.page SPAN.current{ display:inline-block; width: 40px; height: 40px; line-height: 38px; margin: 0 3px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-weight: 400;color: #fff;background: #008a4d;border-radius: 4px;border: 1px solid #008a4d;}

.left{ float:left;}
.right{ float:right;}
.wrapper{ width:90%; margin:0 auto; max-width:1300px}

header{ width:100%; background:#fff;position:relative; z-index:99;}
header .logo{ padding:28px 0; }
header .logo h2{ font-size:48px; color:#be1a1f; font-weight:bold;line-height:1em;}
.marquee{ background:#f1f1f1; padding:8px 0;}
.marquee p{ font-size:0.875rem; color:#bbb}
.marquee p a{ color: #bbb; transition:all 0.5s ease;}
.marquee p a:hover{ color:#40b064;}
.t_tel{ background:url(../images/top_tel.png) left 30px no-repeat; padding:14px 0 0 60px;}
.t_tel span{ font-size:0.875rem;}
.t_tel p{ font-size:1.5rem; color:#40b064; font-weight:bold;font-family:'DINEngschriftStd'; letter-spacing:1px;}
.menu{ background:#008a4d; width:100%; position:relative;}
.menu.stricky{ position:fixed; top:0; z-index:99}
.menu li{ float:left;border-left:1px solid rgba(255,255,255,0.5);}
.menu li a{ display:block; padding:18px 32px; font-size:1.125rem;  color:#fff; position:relative;}
.menu li a:after{ content:''; left:0; position:absolute; bottom:0; width:100%; height:3px; background:#ffba00; transition:all 0.5s ease; transform:scale(0,1);}
.menu li a:hover:after,.menu li a.cur:after{ transform:scale(1);}
.menu li:nth-child(6){ border-right:1px solid rgba(255,255,255,0.5)}
@media screen and (max-width:769px) {
       .wrapper{ width:96%;}
	   .marquee{ display:none}
       .menu{ display:none;}
	   @media screen and (max-width:640px) {
		   .t_tel{ display:none}
	   }
}

#navToggle {display: none;}

.m_nav {
	position: fixed;
	top: 0;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,.38);
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0ms;
	top: 0;
	transform: translateX(100%)
}
.m_nav.open {
	transform: translateX(0)
}
.m_nav .top {
	height: 60px;
	padding: 20px;
	box-sizing: border-box
}
.m_nav .top .closed {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float: right;
	cursor: pointer
}
.m_nav .logo {
	width: 96%;
	margin: 0 auto
}
.m_nav .logo img {
	height: auto;
	display: block;
	margin: 30px auto
}
.m_nav .ul {
	margin-top: 30px
}
.m_nav .ul li {
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0ms;
	opacity: 0
}
.m_nav.open .ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.m_nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all .2s cubic-bezier(.77,0,.175,1) 0ms
}
.m_nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all .4s cubic-bezier(.77,0,.175,1) 0ms
}
.m_nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0ms
}
.m_nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all .8s cubic-bezier(.77,0,.175,1) 0ms
}
.m_nav .ul li:nth-child(5) {
	-webkit-transition: all 1s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all 1s cubic-bezier(.77,0,.175,1) 0ms
}
.m_nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77,0,.175,1) 0ms;
	transition: all 1.2s cubic-bezier(.77,0,.175,1) 0ms
}
.m_nav .ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%
}
.m_nav .ul li .dropdown_menu {
	display: none
}
.m_nav .ul li.dropdown.active .dropdown_menu {
	display: block
}
.m_nav .ul li .dropdown_menu a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5
}
.m_nav .ul li .dropdown_menu a:last-child {
	border: none
}
@media screen and (max-width:769px) {
	 #navToggle {
		height: 100%;
		padding: 9px 15px;
		display: inline-block;
		float:none; width:100%;
		background:#40b064;
		box-sizing:border-box;
	}
	 #navToggle span {
		position: relative;
		width: 30px;
		height: 2px;
		margin:19px 0 19px 0%;
		float:right;
		
	}
	 #navToggle span:before, #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 2px;
		left: 0
	}
	 #navToggle span, #navToggle span:before, #navToggle span:after {
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		display: block;
		background: #ffffff;
	}
	 #navToggle span:before {
		top: 8px
	}
	 #navToggle span:after {
		bottom: 10px
	}
	 #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg)
	}
	 #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg)
	}
	 #navToggle.open span {
		background: 0 0
	}
	 #navToggle.open span:before, #navToggle.open span:after {
		background: #4f4f4f
	}
}


/*banner*/
.banner{ display:block;  position:relative; min-width:1300px}
.fullSlide{width:100%;position:relative;height:650px;background:#eee;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:650px;overflow:hidden;text-align:center; }
.fullSlide .bd li a{display:block;height:650px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:9px;height:9px;margin:0 5px;overflow:hidden;filter:alpha(opacity=100);opacity:1;line-height:999px;  border-radius:50%; border:3px solid #fff;  position:relative;}
.fullSlide .hd ul .on{ border:3px solid #ffba00; width:9px; height:9px;}
@media screen and (max-width:1024px) {
		@media screen and (max-width:769px) {
		.fullSlide{ display:none}
		}
}
/*手机banner*/
.mban{ display:none;}
.mban .swiper-container {width: 100%;height: 100%;}
.mban .swiper-slide {text-align: center; background: #fff;
/* Center slide text vertically */
      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;
    }
.mban .swiper-pagination{ bottom:20px;}
.mban .swiper-pagination-bullet{ width:12px; height:12px; opacity:0.4}
@media screen and (max-width:1024px) {
		@media screen and (max-width:769px) {
		.mban{ display:block}
		}
}

/*about*/
.index_about{ padding:calc(30px + 2.5vw) 0 0; width:100%; overflow:hidden; background:url(../images/abwg.png) repeat;}
.index_about .atitle{ text-align:center;}
.index_about .atitle h2{ font-size:2.5rem; color:#02703f}
.index_about .atitle span{ text-transform:uppercase; color:#5a5a5a; font-size:1.125rem;}
.index_about .atitle hr{ border:none; width:46px; height:2px; background:#ffba00; margin:10px auto;}
.index_about .ab_box1{ margin-top:32px; background:url(../images/ttt.png) center bottom no-repeat; background-size:100%; padding-bottom:140px;}
.ab_box1 .ab_bod{ width:48%;}
.ab_box1 .ab_bod h2{ font-size:1.5rem; font-weight:bold; color:#02703f; margin-bottom:6px;}
.ab_box1 .ab_bod h3{ font-size:1.5rem; font-weight:bold; color:#2a2a2a; margin-bottom:28px;}
.ab_box1 .ab_bod p{ font-size:1rem;  color:#2a2a2a; line-height:1.875em;}
.ab_box1 .ab_bod .amore{ background:#02703f; color:#fff; display:inline-block; margin-top:30px; padding:5px 20px; border-radius:20px;}
.ab_box1 .ab_bod .amore:hover{ background:#ffba00;}
.ab_box1 .ab_pic{ width:50%; position:relative;}
.ab_box1 .ab_pic:after{ content:''; display:block; position:absolute; width:100%; height:100%; background:#02703f; top:23px; left:23px; z-index:1; border-radius:15px;}
.ab_box1 .ab_pic img{ width:100%; position:relative; border-radius:15px; z-index:2;}
@media screen and (max-width:1024px) {
       @media screen and (max-width:769px) {
		  .ab_box1 .ab_bod{ width:100%;}
		  .ab_box1 .ab_pic{ width:100%; margin-top:20px}
		  @media screen and (max-width:640px) {
		   .index_about .atitle h2{ font-size:2rem;}
           .index_about .atitle span{ font-size:1rem;}
		  }
	   }
}
/*case*/
.index_case{ background:url(../images/case_bg.jpg) center top no-repeat; padding:72px 0; width:100%; overflow:hidden;}
.catitle{ position:relative;}
.catitle a{ position:absolute; right:0; bottom:0; display:inline-block; border:1px solid #fff; color:#fff; padding:8px 24px;}
.catitle a:hover{background:#ffba00; border:1px solid #ffba00}
.catitle span{ font-size:48px; text-transform:uppercase; color:#fff; opacity:0.4;font-family:'DINEngschriftStd'; letter-spacing:2px;}
.catitle h2{ font-size:2rem; color:#fff; font-weight:normal; margin-top:-10px; font-weight:bold;}
.catitle hr{ border:none; width:46px; height:2px; background:#ffba00; margin:12px 0;}
.case6{ margin-top:48px;}
.case6 li{ display:block; float:left; width:23.5%; margin-right:2%; box-sizing:border-box; background:#fff; padding:5px; margin-bottom:16px;}
.case6 li:nth-child(4n){ margin-right:0;}
.case6 li div{ max-height:220px; overflow:hidden;}
.case6 li div img{ width:100%; transform:scale(1);}
.case6 li:hover div img{ transform:scale(1.05);}
.case6 li h3{ font-size:1rem; padding:8px;}
.case6 li h3 span{ font-size:1rem; border:1px solid #242424; float:right; padding:0 5px;}
@media screen and (max-width:1024px) {
.case6 li div{ max-height:155px; overflow:hidden;}
       @media screen and (max-width:769px) {
		  .index_case{ background-size:cover;}
		  .case6 li{ width:32%;}
		  .case6 li:nth-child(4n){ margin-right:2%;}
		  .case6 li:nth-child(3n){ margin-right:0;}
		  .case6 li div{ max-height:166px; }
		  @media screen and (max-width:640px) {
		  .case6 li{ width:49%;}
		  .case6 li:nth-child(3n){ margin-right:2%;}
		  .case6 li:nth-child(2n){ margin-right:0%;}
		  .catitle span{ font-size:32px; }
		  .catitle h2{ font-size:1.875rem; }
		  }
		}
}
/*advance*/
.index_adva{ padding:72px 0; width:100%; overflow:hidden;}
.advatit{ text-align:center;}
.advatit h2{ font-size:2.5rem; color:#02703f; margin-bottom:5px;}
.asul{ margin-top:40px;}
.asul li{ width:25%; float:left; display:block;}
.asul li .dtxt{ background:#02703f; min-height:220px; box-sizing:border-box; padding:50px 30px 0;}
.asul li .dtxt h3{ color:#fff; font-size:1.5rem; font-weight:bold; margin-bottom:12px;}
.asul li .dtxt p{ font-size:1rem; color:#fff; line-height:1.5em;}
.asul li .dtxt.beee{ background:#eee;}
.asul li .dtxt.beee h3{ color:#2a2a2a}
.asul li .dtxt.beee p{ color:#454545;}
.asul li .dimg{ min-height:220px; overflow:hidden;}
.asul li .dimg img{ height:100%; width:auto;}
@media screen and (max-width:769px) {
		.asul li{ width:50%; float:left; display:block;}
		.asul li img{ width:100% !important}
		@media screen and (max-width:640px) {
		.advatit h2{ font-size:2rem; }
		.asul li .dtxt h3{ font-size:1.125rem; }
		.asul li img{ height:100% !important; width:auto !important; max-width:inherit}
		      @media screen and (max-width:480px) {
				  .asul li .dtxt{ padding:20px 15px 0;}
			  }
		}
 }
	 
/*service*/
.index_ser{padding:60px 0; width:100%; overflow:hidden; background:#f9f9f9; border-bottom:1px solid #ddd;}
.sertit{ text-align:center;}
.sertit span{ font-size:48px; text-transform:uppercase; color:#5a5a5a;;font-family:'DINEngschriftStd'; letter-spacing:2px;}
.sertit h2{ font-size:2rem; color:#333; font-weight:bold; margin-top:-16px;}
.sertit div{ width:100%; height:1px; background:#c6c6c6; margin-top:18px; position:relative;}
.sertit div:after{ width:8%; height:3px; position:absolute; left:50%; margin-left:-4%; background:#ffba00; content:''; top:-1px;}
.serul{ width:100%; margin-top:40px;}
.serul li{ float:left; width:10%; background:#eee; border-radius:50%; cursor:pointer; text-align:center; position:relative;}
.serul li::before{content: "";padding-top: 100%;display: block;}
.serul li div{ position:absolute; left:0; top:0; width:100%; height:100%;}
.serul ul .da{ float:left; width:5%;  background:url(../images/jt651.png) center no-repeat;}
.serul ul .da::before{content: "";padding-top: 200%;display: block;}
.serul li span{ width:40px; height:40px; display:block; overflow:hidden; margin:28px auto 4px;}
.serul li p{ color:#aaa; transition:all 0.4s ease;}
.serul li:hover{ background:#008a4d}
.serul li:hover p{ color:#fff;}
.serul li:hover span img{ margin-top:-40px;}
.sertel{ display:block; text-align:center; margin-top:60px;}
.sertel p{ background:#008a4d; display:inline-block; color:#fff; font-size:1.25rem;}
.sertel p span{ display:inline-block; background:#ffba00; color:#fff; padding:8px 10px;}
@media screen and (max-width:1024px) {
.serul li{ width:15%; margin-bottom:24px;}
.serul li span{ margin:36px auto 4px;}
.serul ul .da::before{padding-top: 300%;}
       @media screen and (max-width:769px) {
		      .serul li{ width:20%;}
			  .serul li span{ margin:45px auto 4px;}
			  .serul ul .da::before{padding-top: 400%;}
			  @media screen and (max-width:640px) {
				 .sertit span{ font-size:32px; }
                 .sertit h2{ font-size:1.75rem; margin-top:0}
				 .serul li{ width:26%;}
				 .serul li span{ margin:25px auto 4px;}
				 .serul ul .da{  width:7%;  }
				 .serul ul .da::before{padding-top: 370%;}
			  }
	   }
}
/*news*/
.index_news{ padding:72px 0 52px; width:100%; overflow:hidden;}
.ntitle{ text-align:center;}
.ntitle span{ font-size:48px; text-transform:uppercase; color:#5a5a5a;;font-family:'DINEngschriftStd'; letter-spacing:2px;}
.ntitle h2{ font-size:2rem; color:#333; font-weight:bold; margin-top:-16px;}
.ntitle hr{ border:none; width:46px; height:2px; background:#ffba00; margin:12px auto;}
.ndlist{ margin-top:40px;}
.ndlist li{ float:left; width:49%; margin-right:2%; background:#eee; margin-bottom:24px;}
.ndlist li:nth-child(2n){ margin-right:0;}
.ndlist li .date{ width:18%; float:left; text-align:center; background:#008a4d; padding:24px 0;}
.ndlist li .date span{ font-size:2.75rem; font-weight:bold; display:block; color:#fff; line-height:1em;}
.ndlist li .date i{ font-style:normal; color:#fff;}
.ndlist li .cen{ width:82%; float:right; box-sizing:border-box; padding:15px calc(1vw + 5px);}
.ndlist li .cen h3{ font-size:1.25rem; color:#454545; font-weight:bold; margin-bottom:6px;}
.ndlist li .cen p{ line-height:1.875em; color:#666; font-size:0.875em;}
@media screen and (max-width:1024px) {
.ndlist li .cen p{overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;}
  @media screen and (max-width:769px) {
	 .ndlist li{ width:100%;}
	 .ndlist li .cen h3{overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 1;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;}
     @media screen and (max-width:640px) {
		 .ntitle span{ font-size:32px; }
         .ntitle h2{ font-size:1.75rem; margin-top:0}
		 .ndlist li .cen h3{ font-size:1.125rem; }
     }
   }
}
/*foot*/
.foot{ background:#2a2a2a; padding-top:48px; width:100%;}
.fmenu{ width:50%; }
.fmenu dl{ width:25%; float:left;}
.fmenu dl dt{ margin-bottom:12px}
.fmenu dl dt a{ font-size:1.125rem; color:#fff; font-weight:bold; transition:all 0.5s ease;}
.fmenu dl dd a{ color:#a0a0a0; line-height:1.875em; transition:all 0.5s ease; font-size:0.875rem;}
.fmenu dl dd a:hover{ color:#008a4d}
.fcod{ width:30%;margin-bottom:36px;}
.fcod h3{ font-size:1.25rem; font-weight:bold; color:#fff; margin-bottom:12px;}
.fcod p{ color:#a0a0a0; line-height:1.875em; font-size:0.875rem}
.fcod .fwx{ margin-top:14px; width:100%;}
.fwx p{ width:32%; float:left; margin-right:4%; text-align:center;}

.fcopy{ border-top:1px solid rgba(255,255,255,0.1); padding:14px 0;}
.fcopy p{ color:#a0a0a0; font-size:0.875rem;}
.fcopy p a{ color:#a0a0a0; transition:all 0.5s ease;}
.fcopy p a:hover{ color:#008a4d;}
@media screen and (max-width:769px) {
.fmenu{ display:none}
.fcod{ width:100%;margin-bottom:36px;}
.fwx p{ width:25%}
.fcopy{ margin-bottom:96px}
      @media screen and (max-width:640px) {
		     .fcopy{ margin-bottom:86px}
		     @media screen and (max-width:480px) {
		     .fcopy{ margin-bottom:68px}
			       @media screen and (max-width:320px) {
					      .fcopy{ margin-bottom:60px}
				   }
			 }
	  }
}
.mobile_fix{ display:none;}
@media screen and (max-width:769px) {
.mobile_fix{ display:block; position:fixed; bottom:0; width:100%; height:auto; background:#40b064; z-index:99}
.mobile_fix li{ float:left; width:25%; box-sizing:border-box; text-align:center; padding:calc(5px + 1vw) 0; position:relative;}
.mobile_fix li:after{ content:''; width:1px; height:50%; background:rgba(255,255,255,0.5); position:absolute; right:0; top:25%;}
.mobile_fix li:nth-child(4):after{ width:0;}
.mobile_fix li img{ width:22%;}
.mobile_fix li span{ display:block; color:#fff; margin-top:calc(2px + 1vw); font-size:0.875rem;}
       @media screen and (max-width:480px) {
		  .mobile_fix li img{ width:25%;}
		  @media screen and (max-width:320px) {
		         .mobile_fix li img{ width:30%;}
		  }
		}
}
/*--------------------------------------------------------------------------内页------------------------------------------------------------------------*/
.ban_in{ height:400px; width:100%; background-position:center; background-repeat:no-repeat;}
.btext{ text-align:center; padding-top:150px}
.btext h2{font-size: 2.25rem; font-weight: normal; color:#fff; line-height:1.5em;}
.btext hr{height: 2px;width: 3%; background: #fff;margin: 0.8% auto; border:none;}
.btext span{font-size: 18px; font-weight: normal;color:#fff;}
.black h2{ color:#333;}
.black hr{ background:#333;}
.black span{ color:#454545;}

.nav2{ background:#eef2f5;}
.nav2 .mx li{ display:block; float:left;}
.nav2 .mx li a{ position:relative; display:block; padding:30px 30px; color:#333;transition: all .3s;}
.nav2 .mx li a:after{content: "";position: absolute;width: 1px; height: 15px; display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.nav2 .mx li a:before{position: absolute;content: ''; left: 50%;bottom: 0px; width: 0%;height: 3px;background-color: none;transition: all .3s;}
.nav2 .mx li a:hover,.nav2 .mx li a.cur{ color:#008a4d;}
.nav2 .mx li a:hover:before,.nav2 .mx li a.cur:before{width:80%;left:10%;background-color:#008a4d;}
.nav2 .md{ padding:31px 0;}
.nav2 .md p{ font-size:0.875rem; color:#555555; padding-left:20px; background:url(../images/lcc.png) left center no-repeat;}
.nav2 .md p a{ color:#555555;}
.nav2 .md p span{ font-family:'宋体';}
.main{ padding:60px 0;}
@media screen and (max-width:769px) {
.ban_in{height:300px;}
.btext{ text-align:center; padding-top:100px}
      @media screen and (max-width:640px) {
	  .nav2 .mx{ width:100%;}
	  .nav2 .mx li{ width:33.33%;}
	  .nav2 .mx li a{ padding:30px 0; width:100%; text-align:center;}
	  .nav2 .md{ display:none}
	  }
}

/*联系我们*/
.cotext{ width:48%;}
/*网站地图*/
.map{  box-sizing:border-box; border:3px solid #ddd; width:50%;}
@media screen and (max-width:1024px) {
.cotext{ width:48%;}
.map{  box-sizing:border-box; border:3px solid #ddd; width:50%;}
     @media screen and (max-width:768px) {
		  .cotext{ width:100%;}
		  .map{ width:100%; margin-top:30px;}
     }
}
/*新闻资讯*/
.newslist{ width:100%;}
.newslist li{display:block ;padding:calc(8px + 1.1vw); border-bottom: 1px solid #DDD;background: #fff; margin-bottom: 20px;}
.newslist li .time{ float:left; width:8.33%;}
.newslist li .time em{ display:block;color: #999;font-size: 1.5rem;font-weight: normal; margin: 0px 0 2px;transition: all .5s ease;}
.newslist li .time span{color: #999;}
.newslist li .cent{ float:left; padding: 0 30px 0 60px; width:calc(100% - 22.08%); box-sizing:border-box; position:relative;transition: all .5s ease;}
.newslist li .cent:before{content: '';position: absolute;left: 0px;top: 1rem;display: block;width: 40px;height: 1px; background: #aaa; transition: all .5s ease;}
.newslist li .cent h3{display: block; width: 100%;font-size: 1rem; color: #000;font-weight: bold;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  transition: all .5s ease;}
.newslist li .cent p{ color:#999; font-size:0.875rem; line-height:1.5em; margin-top:8px;}
.newslist li .pic{ float:right; width:13.75%}
.newslist li:hover .cent{ padding:0 30px 0 75px;}
.newslist li:hover .cent:before{ width:55px;}
.newslist li:hover .cent h3{ color:#008a4d}

/*新闻内页*/
.news_box{ width:100%; padding:30px 0 60px}
.news_box h1{ font-size:1.5rem; text-align:center; margin-bottom:8px;}
.news_box .addtime{ border-bottom:1px dashed #cdcdcd; padding:8px 0; text-align:center;}
.news_box .show{ padding:40px 0;}
.nerep{ margin-top:32px;}
.nerep h3{ font-size:1.5rem; color:#2a2a2a; border:1px solid #ddd; padding:10px;}
.nerep li{ float:left; width:48.5%; margin-right:3%; line-height:50px; border-bottom:1px solid #ddd; color:#2a2a2a}
.nerep li a{ display:block;}
.nerep li span{ display:inline-block; font-size:1rem; transition:all 0.5s ease;}
.nerep li a:hover span{ color:#008a4d;}
.nerep li em{ float:right;transition:all 0.5s ease;}
.nerep li a:hover em{ color:#008a4d;}
.nerep li:nth-child(2n){ margin-right:0;}
@media screen and (max-width:769px){
.newslist li .time{ float:left; width:18%;}
.newslist li .cent{width:calc(100% - 18%);}
.newslist li .pic{ float:none; display:none;}
.newpn{ margin-bottom:20px;}
.newpn div{ float:none; margin:12px 0;}
.nerep li{ float:none; width:100%;}
       @media screen and (max-width:480px){
	          .newslist li .cent p{overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 3;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;}
	   }
}

/*产品中心*/
.lsort{ width:20%;}
.solist1{}
.solist1 .title{ background:#008a4d; padding:16px; border-top-left-radius:10px; border-top-right-radius:10px;}
.solist1 .title h3{ color:#fff; font-size:1.5rem; font-weight:bold;}
.solist1 .title span{ color:#fff; font-size:1rem;}
.solist1 ul{ background:#fff;}
.solist1 li{ display:block;}
.solist1 li a{ padding:12px 10px; border-bottom:1px solid #ededed; display:block; transition:all 0.5s ease;}
.solist1 li a:hover,.solist1 li a.cur{ color:#008a4d}

.colist{ margin-top:30px;}
.colist .title{ background:#008a4d; padding:16px; border-top-left-radius:10px; border-top-right-radius:10px;}
.colist .title h3{ color:#fff; font-size:1.5rem; font-weight:bold;}
.colist .title span{ color:#fff; font-size:1rem;}
.colist div{ background:#fff;padding:12px 8px;}
.colist div p{ line-height:1.5rem; font-size:0.875rem;}

.prodlist{ width:75%;}
.pLi{ width:32%; float:left; margin-right:2%; background:#fff; border-radius:10px; overflow:hidden; padding:10px; box-sizing:border-box; margin-bottom:30px;}
.pLi:nth-child(3n){ margin-right:0;}
.pLi .porbox{ width:100%; overflow:hidden;}
.pLi .porbox img{ width:100%; transition:all 0.8s ease}
.pLi:hover .porbox img{overflow:hidden;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.pLi .porname{ padding:8px 0 0; text-align:center;}
.pLi .porname h3{ position:relative;padding: 10px 0px 5px;border-top: 1px solid #eee;font-size: 0.875rem; font-weight: bold;color: #333;text-align: center;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pLi .porname h3:before{content: '';position: absolute;top: 0px;left: 0px;width: 0%; height: 1px; background: #008a4d; z-index: 1;transition: all .5s ease;}
.pLi:hover .porname h3:before{ width:100%}
@media screen and (max-width:769px) {
.lsort{ display:none;}
.prodlist{ width:100%;}
.pLi{ width:49%; margin-right:2%;}
.pLi:nth-child(3n){ margin-right:2%;}
.pLi:nth-child(2n){ margin-right:0 !important;}
}
/*产品详情*/
.prshow{ float:right; width:75%; background:#fff; padding:35px; box-sizing:border-box;}
.picscroll{ width:50%;}
.picmiao{ width:45%;}
.picmiao h2{ font-size:1.5rem; color:#000;}
.jians{ margin-top:20px;}

.lxt p{ color:#979797}
.lxt p i{ border:1px solid #ccc; background:#eee; border-radius:50%; width:14px; height:14px; line-height:14px; display:inline-block; margin-right:5px; font-style:normal; font-family:'宋体'; font-size:0.75em; text-align:center;}
.lxt p strong{ color:#454545}
.lxt a{ display:inline-block; background:#40b064; margin-top:20px; color:#fff; padding:8px 24px}
.xqtit{ margin-top:60px; border-bottom:1px solid #ccc;}
.xqtit h3{ font-size:1.125rem; color:#454545; font-weight:bold;  display:inline-block; padding:10px 0;}
.morelist{ margin-top:30px;}
.morelist li{ display:block; float:left; width:32%; margin-right:2%; margin-bottom:20px}
.morelist li:nth-child(3n){ margin-right:0;}
.morelist li:nth-child(4){ display:none;}
.morelist li div{ overflow:hidden; position:relative;}
.morelist li div img{ width:100%; transition:all 0.8s ease;}
.morelist li:hover div img{ transform:scale(1.1);}
.morelist li h3{ padding:10px 5px; border-bottom:1px solid #ccc; position:relative;}
.morelist li h3:after{content: '';position: absolute;bottom: -1px;left: 0px;width: 0%; height: 1px; background: #008a4d; z-index: 1;transition: all .5s ease;}
.morelist li:hover h3:after{ width:100%}

.procon{ padding:30px 0;}
@media screen and (max-width:769px) {
.prshow{ width:100%; padding:15px}
.picscroll{ width:100%;}
.picmiao{ width:100%;}
.pro-pn div{ float:none; line-height:2em;}
}
.lSSlideOuter {
	width:100%;	
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%; border:2px solid #d8d8d8;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper li{ display:block;}
.lSSlideWrapper img{ width:100%;}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
   border:2px solid #ec1b24; box-sizing:border-box;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 50px;
    display: block;
    top: 50%;
    height: 50px;
   
    cursor: pointer;
    position: absolute;
    z-index: 22;
    margin-top: -25px;
    opacity: 0.8;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-image: url('../images/btn-prev.png');
	left:0;
}
.lSAction > .lSNext {
   background-image: url('../images/btn-next.png');
   right:0;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}