@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:#4b9033;}
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;}
.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:#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 1509197 */
  src: url('http://at.alicdn.com/t/font_1509197_umxb95g5k5p.eot');
  src: url('http://at.alicdn.com/t/font_1509197_umxb95g5k5p.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_1509197_umxb95g5k5p.woff2') format('woff2'),
  url('http://at.alicdn.com/t/font_1509197_umxb95g5k5p.woff') format('woff'),
  url('http://at.alicdn.com/t/font_1509197_umxb95g5k5p.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_1509197_umxb95g5k5p.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{width:100%; height:28px; line-height:28px; }
header em{width:48%;  height:28px;}
header em:nth-child(1){left:0; background:#80c269; }
header em:nth-child(1):after{content:''; width:20px; height:28px; background:url(../images/top_bg.jpg) no-repeat; position:absolute; right:0; display:inline-block;  background-position:0 0;}
header em:nth-child(2){right:0; background:#f9db93;}
header em:nth-child(2):before{content:''; width:20px; height:28px; background:url(../images/top_bg.jpg) no-repeat;  display:inline-block;  background-position:-84px 0;}
header .container{z-index:2; position:absolute; top:0;right:0; left:0; margin:0 auto;animation-duration: 1s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;}
header .container .fr{padding:0 20px 0 0}

.logo_nav{padding:10px 0 30px;  margin:0 auto; z-index:9}
.logo_nav .logo{position:absolute; top:-20px; right:0; left:0; margin:0 auto;animation-duration: 1s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;}
.nav{margin:15px 0 0 0;  position:relative;z-index:3; font-size:18px;}	
.nav ul li{float:left;  position:relative; }
.nav ul li:nth-child(4){margin:0 0 0 260px;}
.nav ul li a{display:block;  width:160px; height:60px; padding:26px 0 0 0; text-align:center; color:#732537 }
.nav ul li:hover a,#nav_hover{position:relative; z-index:1; color:#4b9033; background:url(../images/icon.png) no-repeat top;}
.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:#4b9033; 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:rgba(115,37,55,.5); z-index:-1}
.nav ul li ul li a:hover em{display:block;width:100%;  color:#fff;}

.sosuo {
  *zoom: 1;
  position:absolute;
  right:0;
  top:3px;
  color: #fff;
  background:none;
  z-index:9
}
.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 span: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:#4b9033;
  border: none;
  cursor: pointer;
}




/******banner*********/
.fullSlide {
	width:100%;
	position:relative;
	height:868px;
	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:868px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:966px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:80px;
	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:#f5a220;
}
.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 50px; width:331px; height:172px; background:url(../images/name_bg.png) no-repeat center;  position:relative; z-index:6; }
.gxm_name01 h1{font-size:34px;  position:relative; color:#4e111f; text-align:center; padding:40px 0 0 0; }
.gxm_name01 h1 span{font-family: 隶书;}
.gxm_name01 h1 em{display:block; font-size:12px; font-weight:normal;   margin:0 auto; font-family:arial; padding:5px 0 0 0}

.h_about{background:#fcf5e9; padding:0 0 30px 0}
.h_about .container{border:1px solid #4e111f; margin-top:-4px;}
.h_about .h_about_m{background:url(../images/about01.jpg) right no-repeat #b5cda0; margin:20px auto; width:99%; height:562px; padding:80px; }
.h_about i{display:block; height:8px; width:400px; margin:-40px auto 0; background:#fcf5e9; position:relative; z-index:1}
.h_about i:before{content:'';width:9px; height:9px; border-radius:50%; background:#4e111f; display:inline-block; float:left}
.h_about i:after{content:'';width:9px; height:9px; border-radius:50%; background:#4e111f; display:inline-block;float:right; }
.h_about .h_about_m .fl{writing-mode:tb-rl; font-size:16px; line-height:40px; letter-spacing:3px; animation-duration: 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;}
.h_about .h_about_m h1{font-family:华文行楷; width:30px; font-size:30px; float:left; margin:160px 0 0 90px; }

.more01{display:table; background:#4b9033; text-align:center; margin:30px auto; border-radius:28px; padding:3px; box-sizing:content-box}
.more01 a{display:block;color:#fff; padding:5px 30px; border:1px dashed #fff;  border-radius:30px; box-sizing:content-box}
.more01:hover{background:#4e111f}

.h_products{background:url(../images/product.jpg) top right no-repeat}

.tabs{height:40px; position:absolute; top:140px; right:0}
.tabs a{display:inline-block;line-height:40px;font-size:16px; color:#4e111f; font-size:26px; font-family: 隶书; margin:0 10px;}
.tabs a:hover,.tabs a.active{color:#4b9033}
.swiper-container01{height:610px; overflow:hidden}
.swiper-slide{width:100%; }
.h_products_m li{width:385px; height:460px; float:left; margin:0 15px 30px 0;-webkit-animation-delay: 0.8s; animation-delay: 0.2s;}
.h_products_m li h1{background:url(../images/name_bg1.png) 0 no-repeat; padding:24px 0 24px 60px; font-size:18px; }
.h_products_m li h1 a{color:#4b9033}
.h_products_m li p{line-height:26px;}
.h_products_m img{width:385px; height:257px;-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-ms-transition: -ms-transform .3s ease;
transition: transform .3s ease;}
.h_products_m li span{display:block; width:385px; height:257px; overflow:hidden}
.h_products_m li:hover img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.h_products_m li:hover .more01{background:#4e111f}
.h_products_m li:hover h1 a{color:#4e111f}



.h_news{background:#fdf7ed;}

.swiper-container02{height:810px; overflow:hidden; margin-top:70px;}
.tabs01{margin-top:-20px;}
.tabs01 a{display:inline-block;line-height:40px;font-size:16px; color:#fff; padding:0 10px; font-size:20px; font-family: 隶书; margin:0 50px 0;}
.tabs01 a:before,.tabs01 a:after{content:''; width:30px; height:2px; background:#4e111f; display:inline-block; vertical-align:middle}
.tabs01 a span{display:inline-block; width:33px; height:33px; line-height:33px; border-radius:50%; background:#4e111f; margin:0 3px;}
.tabs01 a:hover span,.tabs01 a.active span,.tabs01 a.active:before,.tabs01 a.active:after,.tabs01 a:hover:before,.tabs01 a:hover:after{background:#4b9033}
.h_news_m li{width:578px;  position:relative}
.h_news_m li .h_news_img{height:423px; display:block; margin:20px 0}
.h_news_m li .h_news_zz{display:block; background:url(../images/news_bg.png) no-repeat center; width:578px; height:423px; position:relative; z-index:2}
.h_news_m li .h_news_zz1{display:block; background:url(../images/news_bg1.png) no-repeat center; width:578px; height:423px; position:relative; z-index:2}
.h_news_m li img{width:578px; height:302px;-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-ms-transition: -ms-transform .3s ease;
transition: transform .3s ease;}
.swiper-slide .h_news_m li:hover img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}

.h_news_m li span{display:block; width:578px; height:302px; overflow:hidden;  position:absolute; top:0; left:0; right:0; margin:0 auto}

.h_news_m li .h_news_text{width:84%; margin:0 0 0 30px;}
.h_news_m li h1{ padding:24px 0 24px 0; font-size:18px; }
.h_news_m li h1 a{color:#4e111f}
.h_news_m li p{line-height:26px;}
.h_news_m li:hover .more01{background:#4e111f}
.h_news_m li:hover h1 a{color:#4b9033}
.h_news_m li .h_news_date{font-size:16px; margin:35px 0 0 0}
.h_news_m li .h_news_date h2{font-weight:normal; display:inline-block;}
.h_news_m li .h_news_date i{display:inline-block; height:14px; width:2px; background:#999;  margin:0 15px -2px}
.h_news_m li .h_news_date h2:before{content:'\e640'; font-family:iconfont; display:inline-block; margin:0 6px 0 0}

.h_culture:before{content:''; display:inline-block; width:430px; height:150px; background:url(../images/wenhua1.png) center no-repeat; position:absolute; top:30%; left:0;}
.h_culture:after{content:''; display:inline-block; width:430px; height:150px; background:url(../images/wenhua1.png) center no-repeat;  position:absolute; bottom:10%; right:0;}
.h_culture_m ul{margin:0 0 60px}
.h_culture_m ul li{width:540px; }
.h_culture_m ul li{animation-duration: 1s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;}
.h_culture_m ul li h1{font-size:26px; margin:90px 0 30px}
.h_culture_m ul li h1 span{display:inline-block; padding:0 20px;}
.h_culture_m ul li div{font-size:16px; line-height:34px; text-indent:30px;}



footer{background:url(../images/footer_bg.jpg) center no-repeat; height:522px;   margin:60px 0 0 0}
footer .footer_logo,footer .footer_contact,footer .footer_ewm{background:rgba(75,144,51,.8); border-radius:15px; height:220px;}
footer .footer_logo{width:270px;  }
footer .footer_logo img{ margin:40px 0 0 0}
footer .footer_contact{width:650px; padding:20px 30px; line-height:28px; margin:0 0 0 20px;animation-duration: 1s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;}
footer .footer_contact p{margin:5px 0 0 0;}
footer .footer_contact p span{display:inline-block; margin:0 10px 0 0; font-size:18px; vertical-align:middle;}
footer .footer_ewm{width:270px; padding:35px}
footer .footer_ewm p{ color:#fff; margin:0 10px; text-align:center}
footer .container{padding:240px 0 0 0;}
.footer_b{background:#4b9033; color:#fff; padding:10px 0; }

.min_banner{height:500px; position:relative; z-index:5}
.location{padding:10px 0; border-bottom:1px solid #eee; margin:35px auto;  font-size:16px;}
.location span:before{content:'\e60e'; font-family:iconfont; margin:0 10px -8px 0; color:#4b9033; font-size:24px; display:block; float:left;}

.n_content_l{width:255px; }
.n_content{line-height:200%;}
.n_content img{max-width:100%;}


.gxm_name02{  margin:0 auto;  height:142px; background:url(../images/name_bg.png) no-repeat center; background-size:100%;  position:relative; z-index:6; }
.gxm_name02 h1{font-size:34px;  position:relative; color:#4e111f; text-align:center; padding:40px 0 0 0; }
.gxm_name02 h1 span{font-family: 隶书;}
.gxm_name02 h1 em{display:block; font-size:12px; font-weight:normal;   margin:0 auto; font-family:arial; padding:5px 0 0 0}

.n_content_l .n_content_list{ padding:10px 0 0 0; box-sizing:border-box; margin:0 0 0 0}
.n_content_list a{font-size:16px; padding:10px 0 10px 60px;  display:block; position:relative; box-sizing:border-box;  background:url(../images/name_bg1.png) no-repeat 90% #e5e5e5; background-size:30px; margin:0 0 10px; border-radius:22px;}
.n_content_list a em{display:inline-block; margin:0 0 0 20px;}
.n_content_list a:hover,#current01{ background:url(../images/name_bg1.png) no-repeat 90%  #4b9033; background-size:30px; color:#fff;}
.tel01 h2{font-size:18px; display:inline-block; margin:20px 10px 15px 0; float:left; border-left:3px solid #fcaf28; padding:0 0 0 15px}
.tel01 form{position:relative;}
.tel01 input{border:1px solid #ccc; width:99%; height:35px; line-height:35px; border-radius:20px; text-indent:30px}
.tel01 button{ border:0; background:none; position:absolute; right:0; top:0 }
.tel01 button:after{
    font-family: "iconfont";content: '\e661';display: inline-block; width: 22px; height: 22px; font-size: 18px;position:absolute; top:8px; right:15px;
}
.tel01 h3{background:url(../images/tel01.jpg) no-repeat; height:108px; box-sizing:border-box; padding:12px; margin:20px 0 0 0}
.tel01 h3 span{display:block; border:1px solid #fff; height:78px; font-size:18px; color:#fff;  display:flex; justify-content:center; align-items:center;}
.tel01 h3 span:before{content:'\e7b0'; font-family:iconfont; display:inline-block; margin:0 5px 0 0}
.n_content_r{width:890px; line-height:200%; font-size:16px; }

.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:#4b9033; 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:#4b9033;}
.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
}
@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"
}

