@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box}
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,i{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:#037c03;}
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;}
.container{width:1230px;}
.container{padding-right: 15px;padding-left: 15px;margin-right: auto; margin-left: auto;}
.juzhong{margin:0 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;}
.f15{font-size:15px;}
.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:1230px;}
.green{color:#037c03;}
.blue{ color:#00c1de;}
.brown{color:#53281f}
.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 1807794 */
  src: url('http://at.alicdn.com/t/font_1807794_fagcyl9xsx.eot');
  src: url('http://at.alicdn.com/t/font_1807794_fagcyl9xsx.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_1807794_fagcyl9xsx.woff2') format('woff2'),
  url('http://at.alicdn.com/t/font_1807794_fagcyl9xsx.woff') format('woff'),
  url('http://at.alicdn.com/t/font_1807794_fagcyl9xsx.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_1807794_fagcyl9xsx.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;}


.photo:hover img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
	
.header_t{height: 40px; line-height: 40px; background: #037c03; color: #fff;}
.header_t a{color: #fff;}

header  .logo{margin: 15px 0 0 0;}
.nav{ position:relative;z-index:3; font-size:16px; }	
.nav ul li{float:left;  position:relative; }
.nav ul li a{display:block;  width:100px; height:115px; line-height:115px; text-align:center;  }
.nav ul li:hover a,#nav_hover{position:relative; z-index:1; color:#fff; background:#037c03;}
.nav ul li ul{display:none; }
.nav ul li:hover ul{display:block; position:absolute; z-index:1;  }
.nav ul li:hover ul li{margin:0;}
.nav ul li:hover ul li a{height:32px; line-height:32px;background:#037c03; color:#fff; font-size:14px; opacity:1; border-radius:0; border-bottom:0; padding: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:#037c03; z-index:-1}
.nav ul li ul li a:hover em{display:block;width:100%;  color:#fff;}


.gxm_name01{height: 70px;}
.gxm_name01 span{display: block; width: 62px; line-height: 58px; text-align: center; font-size: 42px; border: 3px solid #037c03; border-radius: 50%; margin:0 20px 0 0;}
.gxm_name01 h1 em{display: block;}
.gxm_name01 a{width: 150px; padding: 8px 0; display: block; border: 1px solid #fff; text-align: center; border-radius: 25px;  font-size: 16px; margin: 20px 0 0 0;}
.gxm_name01 a:hover{background: yellow;}

.h_about{padding-top: 70px; padding-bottom: 70px;}
.h_about .h_about_m .fl{width:900px;}
.h_about .h_about_m .fl a{width: 150px; padding: 8px 0; display: block; border: 1px solid #037c03; text-align: center; border-radius: 25px; color: #037c03; font-size: 16px;}
.h_about .h_about_m .fl a:hover{background: #037C03; color: #fff;}
.h_about .h_about_m .fl p{line-height: 28px; margin: 30px 0;}
.h_about .h_about_m .fr {width:230px; margin: 10px 0 0 0;}
.h_about .h_about_m .fr a{display: block; float: left; margin: 20px 0 0 50px;  line-height: 28px;}
.h_about .h_about_m .fr a span{width: 56px;height: 65px; line-height: 65px; text-align: center; background: url(../images/about.png) center no-repeat; display: block; font-size: 35px; color: #fff;}
.h_about .h_about_m .fr a:hover span{background: url(../images/about_hover.png) center no-repeat; display: block;}
.h_about .h_about_img a{display: block; float: left; margin: 50px 27px 0 0; overflow:hidden}
.h_about .h_about_img img{width: 374px; height: 198px; }
.h_about .h_about_img a:last-child{margin: 50px 0 0 0;}


.h_products{background: url(../images/ad.jpg) top no-repeat; padding: 60px 0 0;}
.swiper-container01{height:1020px; overflow:hidden; }
.tabs a{display:block; float: left;  padding: 5px 20px; border-radius: 20px;  border: 1px solid #fff;  text-align:center;position:relative; font-size: 16px; margin: 40px 15px 20px 0; color: #fff;}
.tabs a span{display:block; }
.tabs a:hover,.tabs a.active{ color:#24a85d; background: #fff;}
.tabs a:hover em,.tabs a.active em{border:2px solid #e60012;}
.tabs a:nth-child(1){animation-delay:.1s; animation-duration:1s;}
.tabs a:nth-child(2){animation-delay:.2s; animation-duration:1s;}
.tabs a:nth-child(3){animation-delay:.3s; animation-duration:1s;}
.tabs a:nth-child(4){animation-delay:.4s; animation-duration:1s;}
.tabs a:nth-child(5){animation-delay:.6s; animation-duration:1s;}
.tabs a:nth-child(6){animation-delay:.7s; animation-duration:1s;}
.tabs a:nth-child(7){animation-delay:1s; animation-duration:1s;}
.h_products ul{width: 1260px;}
.h_products li img,.h_products li span{width: 370px; height: 300px; display: block;}
.h_products li{width: 370px; height: 420px; background: #fff; float: left; margin: 38px 42px 0 0; box-shadow:0 0 5px rgba(0,0,0,.5)}
.h_products li:hover{background:#555;}
.h_products li:hover,.h_products li:hover a{color:#fff}
.h_products li h1,.h_products li p{padding: 0 20px;}
.h_products li h1{font-size: 16px; margin: 12px 0 0 0;}
.h_products li p{line-height: 24px; margin: 10px 0 0 0;}

.h_news{padding-top: 50px; padding-bottom: 50px;}
.tabs01 a{display:inline-block;height:50px; line-height:50px; padding: 0 10px; font-size:20px; margin:40px 10px 0; border-bottom:2px solid #ccc; }
.tabs01 a.active,.tabs01 a:hover{border-bottom:2px solid #037c03; color: #037c03; }
.swiper-container02{margin:40px 0 0 0; height:400px;}
.h_news .h_news_big img,.h_news .h_news_big{width:460px; height: 370px;}
.h_news .h_news_big h1{height: 40px; line-height: 40px; background: rgba(0,0,0,.5); color: #fff; margin: -40px 0 0 0; padding: 0 20px; position: relative; z-index: 2;}
.h_news li .fl{width: 143px; height: 110px; overflow: hidden;}
.h_news li img{width: 143px; height: 110px;}
.h_news ul{width: 725px;}
.h_news ul li{margin: 0 0 20px;}
.h_news ul li .h_news_list_title {width: 560px;}
.h_news ul li .h_news_list_title p{padding: 10px 0; line-height: 24px;}
.h_news ul li .h_news_list_title span::before{content:'\e60a'; font-family: iconfont; padding: 0 8px 0 0;}
.h_news ul li .h_news_list_title em::before{content:'\e62c'; font-family: iconfont; padding: 0 5px 0 0; margin: 0 0 0 15px;}
.h_news .gxm_name01 a{border-color: #037c03;}

.h_contact{background: #f1f1f1; padding: 70px 0;}
.h_contact h1{padding: 0 0 50px ;}
.h_contact h1 span{display: block;}
.h_contact h1 span em{display: block; font-size: 30px;}
.h_contact h1 em:before,.h_contact h1 em:after{content:''; height: 8px; width: 8px; display: inline-block; background: #037c03; vertical-align: middle; margin: 0 30px;}

.h_contact .fl{width: 475px;}
.h_contact .fl input{height: 40px; line-height: 40px; background: #fff; border: 0; width: 100%; text-indent: 30px; margin: 0 0 15px;}
.h_contact .fl textarea{height: 102px;  line-height: 30px; background: #fff; border: 0; width: 100%; text-indent: 30px; margin: 0 0 15px;}
.h_contact .fl button{border: 0; height: 40px; background: #037c03; width: 150px; color: #fff; float: right;}
.h_contact .fl button:hover{background:#0aa40b}
.h_contact .fl input:focus,.h_contact .fl textarea:focus{border: 1px solid #037C03;}


footer{background:#037c03; padding:80px 0; }
footer,footer a{color:#fff}

footer .footer_nav dl dt{font-size:16px; display:block; margin:0 0 15px;}
footer .footer_nav dl{display:block; float:left; margin:0 30px 0 0; text-align:center}
footer .footer_nav dl dd a{opacity:.6;font-size:14px; line-height:32px;}
footer .footer_nav dl dd a:hover{opacity:1; color: #fff;}
footer .footer_l{margin:0 50px 0 0;}
footer .footer_l p{line-height:36px;}
footer .footer_l p span{display:inline-block; margin:0 10px 0 0; font-size: 18px; vertical-align: middle;   -webkit-text-stroke: 0.3px #037c03;}
footer .footer_r p{float:left; margin:0 15px 0 0; line-height:28px; text-align:center;}
footer .footer_r p img{width: 120px; display: block;}
footer .footer_r span{font-size: 22px; margin: 10px 8px 0; display: inline-block;}
footer .footer_r a img{display: none; position: absolute; top: 20px; left: -20px;}
footer .footer_r a:hover{color: yellow;}
footer .footer_r a:hover img{display: block;}
.footer_b{background:#047104; color:#fff; padding:10px 0; line-height: 35px;}
.footer_b select{border:1px solid #fff; width:180px; height: 25px; text-indent: 20px; background:none; color: #fff;}
.footer_b select option{color: #333;}

.min_banner{height:450px; position:relative; z-index:1}
.n_about01{padding: 70px 0;}
.n_about01 img{width: 450px; margin:0 0 0 0}
.n_about01 .n_about01_m{width: 740px;}
.n_content{line-height: 220%; }
.n_about01 .n_about01_m .n_content,.n_about02 .n_content{margin: 20px 0 0 0;}

.n_about02>.fl{width: 500px;}
.n_about02 li{float: left;  text-align: center; width: 180px; margin: 80px 0 0 50px;}
.n_about02 li span{width: 80px; height: 80px; background: #037c03; color: #fff; display: inline-block;line-height: 80px; border-radius: 50%; font-size:34px;}
.n_about02 li h1{padding: 10px 0 8px; color: #037c03;  font-size: 16px; margin: 10px 0 0 0;}

.n_about03{padding: 50px 0 80px;}

.location{padding:40px 0;  font-size:16px; border-bottom:1px solid #eee}
.location span:before{content:'\e649'; font-family:iconfont; margin:0 10px 0 0; color:#037c03; font-size:30px; display:inline-block; vertical-align: middle;}
.n_menu01 a{padding:8px 50px; background:#333; color:#fff; cursor:pointer}
.n_menu01 a:hover,#current{background:#e60012;}

.n_about04{padding: 0 0 80px;}
.n_about04 li img,.n_about04 li span{width: 275px; height: 190px; display:block}
.n_about04 li{float: left; margin: 25px 30px 0 0; line-height: 40px; font-size:16px; text-align:center}
.n_about04 ul{width: 1260px;}

.n_main{padding:40px 0 60px}

.n_news_m{margin-top:60px; margin-bottom:80px;}
.n_news_m li{margin:50px 0 0 0; width:560px; float:left; border-bottom:1px dotted #ddd; padding:0 0 50px;}
.n_news_m li:nth-child(2n){float:right}
.n_news_m li img{width:220px; height:160px;}
.n_news_m li span{display:block; width:220px; height:160px; overflow:hidden; }
.n_news_m li .n_news_text{width:310px; }
.n_news_m li h1{ padding:0 0 15px 0; font-size:18px; }
.n_news_m li h1 a:before{content:''; height:16px; width:4px; border-radius:15px; display:inline-block; background:#037c03; vertical-align:middle; margin:0 10px 0 0}
.n_news_m li p{line-height:24px; font-size:15px; color:#666}



.n_news_m li .n_news_date{font-size:16px; margin:25px 0 0 0}
.n_news_m li .n_news_date h2{font-weight:normal; display:inline-block; margin:0 0 0 20px;}
.n_news_m li .n_news_date i:before{content:'\e60a'; font-family:iconfont; display:inline-block; margin:0 6px 0 0}
.n_news_m li .n_news_date h2:before{content:'\e62c'; font-family:iconfont; display:inline-block; margin:0 6px 0 0}
.more02{display: table;background: #7d7d7d; color:#fff; padding: 5px 20px 5px;border-radius: 30px;box-sizing: content-box;margin: 20px auto 0;font-size: 14px;}

.n_news_m li:hover .more02{background: #037C03;}



.n_about{padding:50px 0;}
.n_about_l{width:22%; float:left;}
.n_about_l h1{background:url(../images/lvkanghui/lkh_icon05.jpg) left top  no-repeat #037c03; padding:40px 50px; color:#fff; font-size:28px; font-weight:500}
.n_about_l h1 span{display:block; font-size:14px; font-weight:300; padding:5px 0 0 0}
.n_about_l li a{height:45px; line-height:45px; display:block; padding:0 0 0 30px; background: #ddd; margin:5px 0 0 0; font-size:15px}
.n_about_l li a:hover,#current{background:#037c03; color:#fff; }
.n_about_l li a:after{content:'\e607'; font-family:iconfont; float:right; font-size:10px; margin:0 20px 0 0}
.n_about_l h2{background:url(../images/kefu.jpg) center no-repeat; padding:30px 15px; font-size:18px; margin:20px 0 0 0; line-height:32px;}
.n_about_l h2 span{display:block;font-size:25px; color:#037c03}

.n_about_l li li{padding:0 0 0 30px;}
.n_about_l li li a{height:30px; line-height:30px; display:inline-block; padding:0 0 0 20px; margin:5px 0 0 0; font-size:15px; background: none;}
.n_about_l li li a:hover,#current02{color:#037c03; font-weight:bold; background:none;border:0; }
#current02 a{color:#037c03}
.n_about_l li  li a:after{content:''; font-family:iconfont; float:none; font-size:10px; margin:0}

.n_about_r{width:75%; float:right;}
.n_content_t{border-bottom:1px solid #037c03; padding:0 0 12px 0}
.n_content_t p{float:right;  }
.n_content_t p:before{content:'\e649'; font-family:iconfont; font-size:20px; margin:0 0 -5px 0; vertical-align:middle; margin:0 5px 0 0; color:#037c03}
.n_content img{max-width:100%;}



.n_products ul{width: 1260px;}
.n_products li{width: 287px; height: 347px; background: #fff; float: left; margin: 38px 30px 0 0; border:1px solid #ddd; box-sizing:border-box;}
.n_products li img,.n_products li span{width: 285px; height: 231px; display: block;}
.n_products li h1{font-size: 16px; padding: 12px 20px 10px; }
.n_products li p{line-height: 22px; padding: 8px 20px 0; overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; border-top:1px solid #ddd}
.n_products li:hover{border:1px solid #037c03}
.n_products li:hover a{color:#037c03}


.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:20px; text-align:center;}
.onlineCon{ font-size:15px; font-weight:bold; color:#FFFFFF; line-height:35px; display:inline;}
.onlineIco:hover{ color:#FFFFFF; background:#555; 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:#555;}
.online_top .onlineIco:hover{width:35px}
[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
}

@media screen and (max-width: 1660px){
	.swiper-container02{height:630px;}
}

@media screen and (max-width: 1366px){
	.swiper-container02{height:600px;}
}
@media screen and (max-width: 1280px){
	.swiper-container02{height:560px;}
}