@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:14px Verdana, Geneva, sans-serif ; font-family: -apple-system,helvetica neue,helvetica,arial,pingfang sc,hiragino sans gb,stheiti,microsoft yahei,microsoft jhenghei,SimSun,sans-serif;}
body{color:#333; overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:10px;}
ul,ol{list-style:none;}
a{text-decoration:none; color:#333; }
a:hover{text-decoration:none; color:#04cea6;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
legend{color:#000;}
fieldset, img { border:0;} 
a img{vertical-align:text-bottom;}
:focus {outline:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
button,input,select,textarea{font-size:100%;}
button,input,select{vertical-align:middle;}
button{cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}

/*Common Style
--------------------------------*/
/*text align*/
.tc{ text-align:center;}
.tr{ text-align:right;}
.tl{ text-align:left;}
.tj{ text-align:justify;}
/*float and clear*/
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{ clear:both;}
/*clear*/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.w1200{width:1200px;}
.w1230{width:1230px;}
.juzhong{margin:0 auto;}
.juzhong1{margin:40px auto;}
.juzhong2{margin:0 auto 40px auto;}
.juzhong3{margin:40px auto 0 auto;}
.juzhong4{ margin:60px auto 40px auto;}
.l24{line-height:24px;}
.l30{line-height:30px;}
.l40{line-height:40px;}
.l42{line-height:42px;}
.l50{line-height:50px;}
.l60{line-height:60px;}
.l80{line-height:80px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f24{font-size:24px;}
.f20{font-size:20px;}
.f30{font-size:30px;}
.f40{font-size:40px;}
.arial{font-family:Arial, Helvetica, sans-serif;}
.nor{font-weight:normal;}
.mw{width:100%; min-width:1200px;}
.green{color:#009e63;}
.blue{ color:#00c1de;}
.green1{color:#376b0d;}
.white{color:#fff;}
.yellow{color:#fff100;}
.yellow1{color:#ec6941;}
.red{color:#3c6372;}
.c999{color:#999;}
.c666{color:#666;}
.c333{color:#333;}
.c74{color:#747474;}
.c8f{color:#8f8f8f;}
.cce{color:#cecece;}
.ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
overflow: hidden;}
.capital{text-transform:uppercase;}
.hidden{overflow:hidden;}
.position{position:relative;}
a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}
a:focus , a:link, a:active {
	outline:none;
}

html *,
html *:before,
html *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0.5s;
  transition: 0.5s; 
}

@font-face {
  font-family: 'iconfont';  /* project id 1386948 */
  src: url('http://at.alicdn.com/t/font_1386948_7nmyfltav5w.eot');
  src: url('http://at.alicdn.com/t/font_1386948_7nmyfltav5w.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_1386948_7nmyfltav5w.woff2') format('woff2'),
  url('http://at.alicdn.com/t/font_1386948_7nmyfltav5w.woff') format('woff'),
  url('http://at.alicdn.com/t/font_1386948_7nmyfltav5w.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_1386948_7nmyfltav5w.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}



header{height:35px; line-height:35px; background:#1b1b1b; color:#fff;z-index:9; position:relative}
header .header_icon a{display:block; float:left; width:20px; height:20px;   position:relative; font-family:"iconfont"; font-size:16px; margin:0 0 0 8px; color:#fff;}
header .header_icon a:hover{color:#04cea6}
header .header_icon a:nth-child(1){width:260px;}
header .header_icon a:nth-child(1):before{content:'\e60d'; margin:0 2px 0 0}
/* header .header_icon a:nth-child(2):before{content:'\e62b';}
header .header_icon a:nth-child(3):before{content:'\e676'}
header .header_icon a:nth-child(4):before{content:'\e699'} */
header .header_icon a:nth-child(2){margin:0 0 0 30px;}
header .header_icon a:nth-child(2),header .header_icon a:nth-child(3){width:auto}
header .header_icon .icon_wechat img{display:none; width:100px;  position:absolute; top:40px;left:-30px; }
header .header_icon .icon_wechat:hover img{display:block;}

.logo_nav{padding:20px 0;}

.nav{margin:6px 60px 0 0; position:relative;z-index:3;}	
.nav ul li{ float:left; position:relative; font-size:16px;  height:45px; line-height:45px; padding:0 15px; }
.nav ul li a{display:block;   text-align:center;}
.nav ul li:hover a,#nav_hover{position:relative; z-index:1; color:#fff; color:#04cea6 }
.nav ul li ul{display:none; }

.nav ul li:hover ul{display:block; position:absolute; z-index:1; margin:0 0 0 -58px;  }
.nav ul li:hover ul li{margin:0;  width:130px; height:28px; line-height:28px;}
.nav ul li:hover ul li a{ display:block;background:#04cea6; color:#fff; font-size:14px; opacity:1; border-radius:0; border-bottom:0}
/* .nav ul li ul li a:hover{background:#588ca0;} */
.nav ul li ul li a em{width:0; height:30px; position:absolute; left:0; top:0; background:#0dddb2; z-index:-1}
.nav ul li ul li a:hover em{display:block;width:100%;  color:#fff;}


.nav_en{margin:6px 60px 0 0; position:relative;z-index:3;}	
.nav_en ul li{ float:left; position:relative; font-size:16px;  height:45px; line-height:45px; padding:0 12px; }
.nav_en ul li a{display:block;   text-align:center;}
.nav_en ul li:hover a,#nav_hover{position:relative; z-index:1; color:#fff; color:#04cea6 }
.nav_en ul li ul{display:none; }

.nav_en ul li:hover ul{display:block; position:absolute; z-index:1; margin:0 0 0 -58px;  }
.nav_en ul li:hover ul li{margin:0;  width:130%; height:28px; line-height:28px;}
.nav_en ul li:hover ul li a{ display:block;background:#04cea6; color:#fff; font-size:14px; opacity:1; border-radius:0; border-bottom:0}
/* .nav ul li ul li a:hover{background:#588ca0;} */
.nav_en ul li ul li a em{width:0; height:30px; position:absolute; left:0; top:0; background:#0dddb2; z-index:-1}
.nav_en ul li ul li a:hover em{display:block;width:100%;  color:#fff;}


.sosuo {
  *zoom: 1;
  position:absolute;
  right:0;
  top:38px;
  color: #fff;
  background:none;

  z-index:10
}
.sosuo:after {
  content: "";
  display: table;
  clear: both;
}
.sosuo h1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  margin: 0;
  width: 100%;
  line-height: 60px;
  font-size: 2.4em;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.3em;
}

.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  outline: none;
  background:none;
  border: none;
  cursor: pointer;
}
.header-button em:before{font-family:"iconfont"; content:'\e661'; display:inline-block; width:22px; height:22px; font-size:18px;}

#toggle-menu {
  float: left;
  background-position: 0 0;
background:none;
}

#toggle-search {
  float: right;
}
#toggle-search.open:after {
  top: 40px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 52px;
  left: 50%;
  margin-left: -8px;
  border-color: transparent transparent #e1e4e7;
  border-style: solid;
  border-width: 8px 8px 12px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background:none;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 35px;
  left: -280px;
  width: 300px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 40px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: none;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
  top:0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background: #04cea6;
  border: none;
  cursor: pointer;
}



/******banner*********/
.fullSlide {
	width:100%;
	position:relative;
	height:810px;
	z-index:2;
	overflow:hidden;
}
.fullSlide *,
.fullSlide *:before,
.fullSlide *:after {
  -webkit-transition: 0s;
  transition: 0s;
}

.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:810px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:810px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:20px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
	margin:0 auto
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:12px;
	height:12px;
	margin: 0 5px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
	border-radius:10px;
}
.fullSlide .hd ul .on {
	background:#00a885;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:52px;
	height:108px;
	background:url(../images/left.png) no-repeat;
	cursor:pointer;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(../images/right.png) no-repeat;
}


.gxm_name01{  margin:70px auto 60px; padding:0 40px; position:relative; z-index:6; font-size:22px; text-align:center}
.gxm_name01 h1{font-size:24px;}
.gxm_name01 span{display:block; height:23px; background:url(../images/h1.png) center no-repeat; margin:8px 0}
.gxm_name01 em{display:block; font-size:12px; color:#666}


.h_about{background:url(../images/line.jpg) center repeat-y; margin-top:160px;}


.slide_box {
	padding-left:200px
}

.Jslide *,
.Jslide *:before,
.Jslide *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0.2s;
  transition: 0.2s; 
}
.Jslide {
	height:590px;
	width:1200px;
	position:relative;
	z-index:100
}
.Jslide img {
	display:block;
	width:820px;
	height:328px;
}


.Jslide .dir {
	padding:2px 10px;
	color:#fff;
	position:absolute;
	top:120px;
	background:#e82e3b;
    font-size:30px;
	text-align:center;
}


.Jslide .dir:hover {
	background:#04cea6;
}
.Jslide .go_l {
	left:0;
	transform:rotate(180deg)
}
.Jslide .go_r {
	right:0;
}

.Jslide .slide-tab li {
	display:block;
	position:absolute;
	top:80px;
	left:140px;
	width:100px;
	
}
.Jslide .slide-tab li:nth-child(2){top:250px;}
.Jslide .slide-tab li:nth-child(3){top:420px;}
.Jslide .slide-tab li:nth-child(4){top:420px; left:460px;}
.Jslide .slide-tab li:nth-child(5){top:420px; left:780px;}
.Jslide .slide-tab li:nth-child(6){top:420px; left:1100px;}
.Jslide .slide-tab li:nth-child(3):after,.Jslide .slide-tab li:nth-child(4):after,.Jslide .slide-tab li:nth-child(5):after{content:''; height:2px; width:50px; background:#1b1b1b; display:block; position:absolute; top:45px; left:180px;}

.Jslide .slide-tab li em {
	display:block;
    font-size:18px;
	text-align:center;

}
.Jslide .slide-tab li em:before{content:'\e674'; display:block; font-family:iconfont;font-size:50px;}
.Jslide .slide-tab li:nth-child(2) em:before{content:'\e69f';}
.Jslide .slide-tab li:nth-child(3) em:before{content:'\e630';}
.Jslide .slide-tab li:nth-child(4) em:before{content:'\e601';}
.Jslide .slide-tab li:nth-child(5) em:before{content:'\e63e';}
.Jslide .slide-tab li:nth-child(6) em:before{content:'\e703';}
.Jslide .slide-tab li.current em {
	color:#04cea6;
}

.Jslide .slide-list {
	background:url(loadingnormal.gif) no-repeat center center
}
.Jslide .slide-list,.Jslide .slide-list .slide-ul {
	width:820px;
	position:absolute;
	right:0;
	top:-50px;
}
.Jslide .slide-list .slide-ul {
	display:none
}
.Jslide .slide-list .slide-ul h1{background:#1b1b1b; color:#fff;padding:30px; line-height:26px; font-weight:normal; height:128px; box-sizing:border-box}
.Jslide .slide-list .slide-ul:hover h1{background:#04cea6;}
.Jslide .slide-list .block {
	display:block
}


.h_products li{width:47%; float:left; position:relative; margin:0 0 2% 2%; overflow:hidden}
.h_products li h1{position:absolute; top:8%; font-size:28px; left:5%;}
.h_products li img{width:100%;-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-ms-transition: -ms-transform .3s ease;
transition: transform .3s ease;}
.h_products li img:hover{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.h_products li a{display:block; position:absolute; padding:5px 20px; color:#fff; bottom:8%; left:5%; background:#00a885; border-radius:0 25px 25px 0}
.h_products li:hover a{background:#e82e3b}
.h_products li:nth-child(n+3){width:22.5%}

.more01{display:block;  padding:5px 20px;  float:left; color:#fff;   background:#00a885; border-radius:0 25px 25px 0}
.more01:hover{background:#e82e3b;color:#fff;}

.h_news ul{position:relative; margin:0 0 30px}
.h_news ul img,.h_news ul i{width:315px; height:315px; display:block; float:left; -webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-ms-transition: -ms-transform .3s ease;
transition: transform .3s ease; overflow:hidden}
.h_news ul h2{position:absolute; top:160px; left:260px; color:#fff; background:#e82e3b;padding:15px;font-size:30px; font-family:arial; text-align:center}
.h_news ul h2 em{display:block; font-size:18px; border-bottom:1px solid #fff; padding:0 0 5px 0; margin:0 0 5px 0}
.h_news ul span{display:block; height:4px; width:200px; background:#e82e3b; float:left;margin:90px 72px 0;}
.h_news ul li{float:left;width:540px; margin:80px 0 0 0}
.h_news ul li h1{font-size:20px;}
.h_news ul li p{font-size:16px; margin:20px 0; line-height:26px;}
.h_news ul:nth-child(2) h2{left:825px;}
.h_news ul:hover h2{background:#00a885}
.h_news ul:hover .more01{background:#e82e3b;color:#fff;}
.h_news ul:hover img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.h_news ul:hover h1 a{color:#04cea6}

/*新闻选项卡 开始*/
.slideTxtBox2 *,
.slideTxtBox2 *:before,
.slideTxtBox2 *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0s;
  transition: 0s; 
}
.slideTxtBox2{  margin:0 auto; overflow:hidden;}
.slideTxtBox2 .hd{ min-height:30px; line-height:30px; position:relative;  font-size:18px; margin:5px 0 10px 0;}
.slideTxtBox2 .hd ul{  height:30px; text-align:center;}
.slideTxtBox2 .hd ul li{  padding:2px 30px; display:inline-block; cursor:pointer; border-radius:20px; border:2px solid #e82e3b; margin:0 10px;}
.slideTxtBox2 .hd ul li.on{  color:#fff; background:#00a885; border:2px solid #00a885}
.slideTxtBox2 .bd div{ zoom:1; }
/*新闻选项卡 over*/
/*新闻图片文字 开始*/
.new_pic{ width:25%; margin:22px 0 0; float:left; position:relative; background:#111; padding:12px 0 0 0; overflow:hidden;}
.new_pic img{ display:block; width:100%; -webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-ms-transition: -ms-transform .3s ease;
transition: transform .3s ease;}
.new_pic:hover img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.new_pic h1{ font-size:16px; position:absolute; bottom:0; width:100%; background:rgba(0,0,0,.6); text-indent:20px; color:#fff; font-weight:normal; padding:10px 0}
.new_pic:hover,.new_pic:hover h1{background:#00a885}

/*新闻图片文字 over*/

.h_hezuo img{width:226px; height:95px; display:block;   -webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-ms-transition: -ms-transform .3s ease;
transition: transform .3s ease; }
.h_hezuo span{width:226px; height:95px; overflow:hidden; display:block; float:left; margin:0 15px 15px 0; border:1px solid #ddd;}
.h_hezuo span:hover img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.h_hezuo span:hover{border:1px solid #00a885;}
.more02{width:220px; padding:10px 0; display:block; margin:30px auto 0; background:#00a885; color:#fff; text-align:center; font-size:16px; border-radius:20px;}
.more02:hover{background:#e82e3b; color:#fff;}

.h_join .fl{width:50%; height:330px; float:left; border-top:10px solid #e82e3b; border-left:10px solid #e82e3b; border-bottom:10px solid #e82e3b; box-sizing:border-box; font-size:16px; padding:60px 0 0 30px; line-height:40px;}
.h_join .fl p{width:65%;}
.h_join .fl p:before{font-family:iconfont; content:'\e60d'; font-size:20px; padding:0 10px 0 0; color:#00a885;vertical-align:middle}
.h_join .fl p:nth-child(2):before{font-family:iconfont; content:'\e785';}
.h_join .fl p:nth-child(3):before{font-family:iconfont; content:'\e6a0';}
.h_join .fl p:nth-child(4):before{font-family:iconfont; content:'\e608';}

.h_join .fr{width:50%; height:330px; float:right; padding:25px 0 0 240px; border-top:10px solid #00a885; border-right:10px solid #00a885; border-bottom:10px solid #00a885; box-sizing:border-box; font-size:16px;}
.h_join .fr label{display:block; }
.h_join .fr input{background:#e5e5e5; border:0; width:288px; height:30px; margin:0 0 10px}
.h_join .fr textarea{background:#e5e5e5; border:0; width:288px; height:50px; margin:0 0 10px}
.h_join_m{width:380px; height:240px; background:#313131; position:absolute; top:45px;left:0; right:0; margin:0 auto; color:#fff; text-align:center}
.h_join_m h1{font-size:48px; margin:30px 0 20px;}
.h_join_m p{line-height:26px; font-size:16px;}


.h_join .fr input:focus,.h_join .fr textarea:focus{
    border-style:solid;
	box-shadow: 0 0 15px #00a885;
}




footer{background:#1b1b1b; border-top:46px solid #00a885; padding:80px 0; margin:60px 0 0 0;  position:relative; z-index:2;}
#footer dl{padding:0 13px 0 0}
footer dl{padding:0 70px 0 0; display:block; float:left; color:#fff}
footer dl a{color:#fff;}
footer dl dt{font-size:16px; margin:0 0 20px}
footer dl dd{font-size:14px; font-weight:300; line-height:28px; opacity:0.7}
footer dl dd span{color:#e82d0b; display:inline-block; margin:0 0 0 10px;}
/* footer dl:nth-child(2){ color:#999; float:right;} */
footer dl em{display:block; color:#e8331a}
footer dl:last-of-type{width:auto; float:right; padding:0; text-align:center}
footer dl:last-of-type img{width:122px;}
.footer_b{background:#000; color:#fff; padding:10px 0;}


.header_icon01{padding:20px 0 0 5px;}
.header_icon01 a{display:block; float:left; width:20px; height:20px;   position:relative; font-family:"iconfont"; font-size:20px; margin:0 0 0 15px; color:#fff; }
.header_icon01 a:hover{color:#00a885}
.header_icon01 a:nth-child(1):before{content:'\e62b';}
.header_icon01 a:nth-child(2):before{content:'\e676'}
.header_icon01 a:nth-child(3):before{content:'\e699'}
.header_icon01 .icon_wechat img{display:none; width:100px;  position:absolute; top:40px;left:-30px; }
.header_icon01 .icon_wechat:hover img{display:block;}


.min_banner{height:500px; position:relative}
.location{padding:50px 0; background:#eee; font-size:16px;}
.location span:before{content:'\e608'; font-family:iconfont; margin:0 10px -8px 0; color:#04cea6; font-size:24px; display:block; float:left;}
.location01:before{content:'\e608'; font-family:iconfont; padding:0 8px 0 0; color:#04cea6; font-size:20px; display:block; float:left}

.n_content_l{width:270px; margin:-70px 0 0 0}
.n_content_l h1{background: linear-gradient(40deg,transparent 45px,#04cea6 0); padding:40px 30px 60px; font-size:24px; color:#fff; text-align:center}
.n_content_l h1 em{display:inline-block; padding:0 72px 0 0}
.n_content_l h1 span{font-size:14px; font-weight:normal; display:block; background:url(../images/xx.jpg) left no-repeat; padding:0 0 0 30px; float:right; height:37px; line-height:50px; margin:-25px 0 0 0;}
.n_content_l .n_content_list{border-left:3px solid #e5e5e5; padding:72px 0 0 10px; box-sizing:border-box; margin:-58px 0 0 0}
.n_content_list a{font-size:18px; padding:0 0 0 40px; border-bottom:1px solid #eee; display:block; position:relative;height:60px; line-height:60px;}
.n_content_list a:hover,#current01{color:#04cea6;}
.n_content_list a:hover:before,#current01:before{content:''; height:32px; width:7px; background:#04cea6;  display:inline-block; position:absolute; left:-10px; top:15px;}
.n_content_list a:after{content:'\e610'; font-family:iconfont; float:right; display:inline-block;}
.tel01{background:#04cea6; color:#fff; padding:30px; font-size:18px; background: linear-gradient(230deg,transparent 45px,#04cea6 0); margin:30px 0 0 0}
.tel01 span{font-size:20px; display:block; padding:0 0 0 40px; font-weight:normal;}
.tel01 h2:before{content:'\e62a'; font-family:iconfont; font-size:50px; display:inline-block; margin:6px 10px 0 0; float:left; }

.n_content_r{width:880px; line-height:200%; padding:30px 0 0 0}

.q_menulist ul li{float:left; height:40px; margin:36px 0 0 10px;}
.q_menulist ul li a{ height:40px; padding:0 20px; display:block; border:1px solid #333; color:#333; line-height:40px; text-align:center;background:url(../images/menulist_bg.png) no-repeat 0 0;}
.q_menulist ul li a:hover,#current{border:1px solid #04cea6; color:#fff; background:url(../images/menulist_bg.png) no-repeat 0 -40px;}
.w_bignews{padding:20px 0; border-bottom:1px #ccc dotted;border-top:1px #ccc dotted;}
.w_bignews:hover{}
.b_wz{ width:920px;}
.b_wz p{margin:20px 0 0 0;}
.b_wz .storemo{margin:20px 0 0 0;}
.b_wz .storemo a{color:#04cea6}

.q_ny_nl ul li{height:120px; margin:20px 0;background:url(../images/ny_nl_bg.png) no-repeat -1200px 0 #eee;}
.q_ny_nl ul li .q_ny_date{text-align:center; display:block; width:120px; padding:25px 0 0 0; height:95px; background:#ccc}
.q_ny_nl ul li .q_ny_date strong{ font-size:30px;}
.q_ny_nl ul li .q_ny_date em{font-size:16px; }
.q_ny_nl ul li:hover .q_ny_date{background:#048067;} 
.q_ny_nl ul li:hover{background:url(../images/ny_nl_bg.png) no-repeat 0 0;}
.q_ny_wz{padding:20px 30px; width:890px;}
.q_ny_wz h1{line-height:36px; font-size:16px;}
.q_ny_nl ul li:hover .q_ny_wz,.q_ny_nl ul li:hover .q_ny_date,.q_ny_nl ul li:hover .q_ny_wz a{color:#fff;}

.q_ny_more{display:block; width:120px; height:120px; position:relative;}
.q_ny_more em{display:block; background:#fff; position:absolute;}
.q_ny_more .line1{width:24px; height:1px; top:-1px; left:48px;}
.q_ny_more .line2{width:1px; height:24px; top:48px; right:-1px;}
.q_ny_nl ul li:hover .q_ny_more .line1{top:60px; left:48px;}
.q_ny_nl ul li:hover .q_ny_more .line2{top:48px; right:60px;}

.q_ny_more *,
.q_ny_more *:before,
.q_ny_more *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 1.5s;
  transition: 1.5s; 
}

.n_products li{width:22.5%; float:left; position:relative; margin:0 0 2% 2%; overflow:hidden}
.n_products li h1{position:absolute; top:8%; font-size:22px; left:5%; color:#fff; background:#00a885}
.n_products li img{width:100%;-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-ms-transition: -ms-transform .3s ease;
transition: transform .3s ease;}
.n_products li img:hover{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.n_products li h2{display:block; position:absolute; padding:5px 20px; color:#fff; bottom:8%; left:5%; background:#00a885; border-radius:0 25px 25px 0;  overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.n_products li:hover h2{background:#e82e3b}
.n_products li h2 span{display:inline-block; width:95%}

.q_pro_menu{margin:-35px auto 60px}
.q_pro_menu ul{display:table;margin:10px auto; font-size:15px;}
.q_pro_menu ul li{display:block; float:left; height:40px; line-height:40px;  text-align:center; border:1px solid #333; margin:10px 5px 0;}
.q_pro_menu ul li a{display:block;  height:40px; line-height:40px;color:#333; position:relative; padding:0 15px;}
.q_pro_menu ul li em{display:block; width:0; height:4px; background:#048067; position:absolute; bottom:0; left:0;}
.q_pro_menu ul li:hover,#current02{display:block;background:#00a885; border-bottom:1px solid #048067;}
.q_pro_menu ul li:hover em,.q_pro_menu ul #current02 em{display:block;width:100%;}
.q_pro_menu ul li:hover a,.q_pro_menu ul #current02 a{color:#fff;}



	/* Basic Grey */
.basic-grey {
padding: 30px 0 25px 20px;
color: #888;
text-shadow: 1px 1px 1px #FFF;
background:url(../images/kefu.jpg) right no-repeat;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #666;
}
.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
width:100%;
margin: 0px;
}

.basic-grey label:nth-child(1):after,.basic-grey label:nth-child(2):after{content:'\e635'; font-family:"iconfont"; color:#04cea6}

.basic-grey label>span {
float: left;
/* width: 80px; */
text-align: right;
padding-right: 10px;
color: #666;
font-weight:normal;
}
#basic-grey label>span {width: 80px;}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
 border: 1px solid #dadada;
border-radius: 3px;
padding: 2px 5px;
color: #666;
height: 28px;
font-weight:normal;
line-height:22px;
margin-bottom: 12px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
width: 60%;
font-size: 14px;
box-shadow: inset 2px 2px 3px #ededed;
-moz-box-shadow: inset 2px 2px 3px #ededed;
-webkit-box-shadow: inset 2px 2px 3px #ededed;
}
.basic-grey .o-time {
color: #666;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 14px;
line-height:30px;
text-align: left;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey select {
background: #FFF url('down-arrow.png') no-repeat right;
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 50%;
height: 35px;
line-height: 25px;
}
.basic-grey textarea{
height:100px;
}

.basic-grey label .error {
    color: red;
    float: none;
    font-weight: normal;
    line-height: 1.4;
    border: 1px solid red;
}
.basic-grey > label > span .error{
	border: none;
}

.message01{height:35px; line-height:35px; width:200px; border-radius:5px; background:#04cea6; border:0; color:#fff; font-size:15px; cursor:pointer;}


.timeline,
.timeline:before,
.timeline:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0s;
  transition: 0s; 
}


.timeline{background:url(../images/line4.png) repeat-y 140px 0;overflow:hidden;position:relative;height:100px;margin:20px 10px; margin:40px auto 0 auto;}
.timeline-date{overflow:hidden;position:relative;}
.timeline-date ul{padding:10px 0 30px 0;}
.timeline-date h2{background:url(../images/icon9.png) no-repeat 100px 0;height:87px;margin-bottom:40px;}
.timeline-date h2 span{color:#04cea6;display:inline-block;font-size:25px;margin:30px 0px 0 210px;}
.timeline-date ul li{background:url(../images/icon7.png) no-repeat 131px 5px;zoom:1;padding:10px 0;}
.timeline-date ul li h3{float:left;text-align:right;font-size:18px;color:#878787;display:block;}	
.timeline-date ul li h3 span{display:block;color:#ADADAD;font-size:12px;padding-left:15px;}	
.timeline-date ul li dl{margin-top:-5px;}
.timeline-date ul li dl.right{background:url() no-repeat 0 0;float:left;margin-left:85px;margin-top:-5px;display:block;background-color:#FFBB42;padding:0 30px; width:70%;}	
.timeline-date ul li dl span{display:block;font-size:16px;padding:10px 0;color:#fff;line-height:25px;}



.online{ position:fixed; right:10px; top:50%; transform:translateY(-50%); z-index:6666;}
.online li{ margin:5px 0; width:35px; height:35px; position:relative;}
.onlineIco{ float:right; display:block; text-align:center; width:35px; height:35px; border-radius:5px; background:#b5b5b5; color:#FFFFFF; overflow:hidden; transition:all 0.3s ease-in 0s;}
.onlineIco i{ width:35px; height:35px; line-height:35px; font-size:16px; text-align:center;}
.onlineCon{ font-size:15px; font-weight:bold; color:#FFFFFF; line-height:35px; display:inline;}
.onlineIco:hover{ color:#FFFFFF; background:#04cea6; width:144px;}
.onlineIco:focus{ color:#FFFFFF;}
.onlineIco:hover i{ text-align:right; width:auto;}
.onlineWx{ position:absolute; right:38px; top:40px; width:90px; height:90px; border:1px solid #666666; transform:scale(1,0); transition:all 0.1s ease-in 0.1s;}
.onlineWx img{max-width:100%;}
.online li:hover .onlineWx{ transform:scale(1,1);}
.online li.online_top .onlineIco{ background:#04cea6;}
[class*=" fa-"], [class^=fa-].online {
position:relative;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
text-rendering:auto;
speak:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
@font-face {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/fontawesome-webfont.eot);
	src: url(../fonts/fontawesome-webfont.eot) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2) format('woff2'), url(../fonts/fontawesome-webfont.woff) format('woff'), url(../fonts/fontawesome-webfont.ttf) format('truetype'), url(../fonts/fontawesome-webfont.svg) format('svg')
}
.fa-weibo:before {
	content: "\f18a"
}
.fa-qq:before {
	content: "\f1d6"
}
.fa-phone:before {
	content: "\f095"
}
.fa-wechat:before, .fa-weixin:before {
	content: "\f1d7"
}
.fa-arrow-up:before {
	content: "\f062"
}