/*头部样式*/
html{min-width: 1200px;}
.header{width:100%;min-width: 300px;height:auto;z-index: 20;position: relative;}
.header_top{overflow: hidden;background: #ebebeb;line-height: 45px;}
.header_top .lf{float: left;font-size: 14px;}
.header_top .lf span{padding: 0 0 0 20px;}
.header_top .rt{float: right;font-size: 14px;color: #272828;}
.header_top .rt a,.header_top .rt img{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.header_top .rt a{padding: 0 14px;font-size: 14px;}
.header_top .rt a.search_btn{padding: 0 3px 0 8px;}

.wrapTop{width: 100%;background: #fff;}
.header .top{height: 160px;max-width: 1200px;margin:0 auto;position:relative;width: 96%;}
.logo{width: 1000x;position: absolute;left: -2px;overflow: hidden;font-size: 0;top: 22px;}
.logo a{display: inline-block;*display: inline;*zoom: 1;}
.logo img{width: 100%;}
.logo1{width: 100%;}
/* .logo2{width: calc(230% / 5.56);float: right;} */
.top_nav{width: auto;float:right;padding-top: 43px;}
.top_nav a{color: #888;display: block;height: 30px;line-height: 30px;margin: 0 25px 0 0;float: right;}
.top_nav a:hover{color:#D82B2B;}
.search{width: 100%;height: 100%;position: relative;float:right;}
.search input.notxt{position:absolute;height: 42px;color: rgba(255,255,255,.2);border:none;background:none;left: 24px;top:0px;padding:0px;margin:0px;outline: none;display: block;width: 150px;font-size: 14px;}
.search input.notxt1{position:absolute;width: 56px;height: 42px;border:none;background: url(../images1219/search_btn.png) center no-repeat;right: 0;cursor: pointer;}

.nav{width:100%;background: #0b9162;border-top: 1px solid #09a46c;}
.nav ul{font-size: 0;text-align: justify; text-justify:inter-ideograph;overflow: visible !important;max-width: 1280px;margin: 0 auto;}
.nav ul::after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;}
.nav ul > li{position: relative;text-align: center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform:	 perspective(5000px);-webkit-transform: perspective(5000px);line-height: 45px;height: 49px;}
.nav ul li > a{font-size:18px;display: block;position: relative;color: #fff;padding: 0 20px;line-height: 49px;}
.nav ul li > a::before{content: '';display: block;width: 2px;background: #4ea686;height: 16px;left: 0;top: 50%;transform: translateY(-50%);position: absolute;}
.nav ul li:first-child > a::before,.nav ul li:hover > a::before,.nav ul li:hover + li > a::before{display: none;}

.nav ul li > a:hover{background: #136649;font-weight: bold;}
.nav ul li > a,.nav ul li:hover > a{}

.subNav{background: #fff;white-space: normal;position: absolute;top: 100%;display: none;padding: 3px 0 0;left: 0;width: auto;}
.subNav dl{background: #e2f0eb;border-top: 8px solid #268c7c;text-align: left;white-space: nowrap;}
.subNav dd{}
.subNav a{color:#136649;padding:14px 34px;display: block;line-height: 24px;font-size: 20px;font-weight: bold;}
.subNav a:hover{background: #b4dec6;}

.header.currents{position: fixed;left: 0;top: -190px;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
.header.currents.currentsOn{top: 0;/* position: relative; */}
.header.currents{height: 48px;line-height: 48px;}
.header.currents .ser{display: none;}
.header.currents .top{display: none;}
.header.currents .nav{height: 48px;line-height: 48px;background: #0b9162;}
.header.currents .nav li{background:none;}
.header.currents .subNav{top:48px;}
.header.currents .nav-wrapper{height: 56px;}
.header.currents .nav ul li > a{color: #fff;}
.header.currents .nav ul li.on > a,.header.currents .nav ul li:hover > a{}
.header.currents{box-shadow: 0 2px 6px rgba(0,0,0,0.4)}

.nav ul li:hover .subNav{
	-webkit-animation-name: flipInY ;animation-name: flipInY ;
	animation-duration: 0.6s; -webkit-animation-duration: 0.6s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;   visibility: visible !important; display: block;
}
@keyframes flipInY  {
	from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}
	40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
	60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
	80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
	to {-webkit-transform: perspective(400px);transform: perspective(400px);}
}






.menu {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height:60px; 
  display: flex;
  justify-content: center;
  background-color:#008030;
}
.menu * {
  box-sizing: border-box;
  z-index:999;
}
.menu .center {
  width: 1200px;
}
.menu .ul-list {
  display: flex;
}
.menu .ul-list > li {
  flex: 1;
  position: relative;
}

.menu .ul-list > li a:hover { background:#ffd24d;color:#fff;text-decoration: none;}


.menu .ul-list > li:last-child {
  border-right: none;
}
.menu .ul-list > li > a {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
}
.menu .ul-list > li > span {
  color: #fff;
  font-size: 15px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffd24d;
}
.menu .ul-list > li:hover .ol-list {
  display: block;
  
}
.menu .ol-list {
  display: none;
  position: absolute;
  top: 58px;
  left: 0;
  z-index: 999;
  background: #008030;
  width: 100%;
}
.menu .ol-list > li > a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #222;
  justify-content: center;
}
.menu .ol-list > li > a:hover {
  background: #ffd24d;
}



.xmian { height:400px; overflow:hidden; width:1200px; margin:0 auto;}
.xbanner { width:580px; height:390px; overflow:hidden; float:left;}
.main2{ width:580px; height:390px;overflow:hidden;}
.Slide {width: 580px;height: 390px; float:left;overflow: hidden;position: relative;}
.slide-cont {width: 580px;height: 390px;position: relative;overflow: hidden;}
.slide-item {position: absolute;width: 100%;height: 100%;left: -375px;}
.slide-item a {display: block;width: 100%;height: 100%;}
.slide-item img {width: 580px;height: 390px;}
.slide-txt {width: 580px;height:40px;position: absolute;left: 0;bottom: 0px;z-index: 1;}
.slide-txt .txt_bg {width: 580px;height: 40px;background:#000;opacity: 0.7;filter: alpha(opacity=70);}
.slide-txt a {display: inline-block;width:300px;height:40px;line-height: 40px;font-size:14px;padding: 0 10px;overflow: hidden;color:#fff;position: absolute;left: 0;top: 0;text-overflow:ellipsis; white-space:nowrap;}
.slide-txt a:hover { color:#FFF;}
.slide-nav {width: auto;height: 18px;display: inline-block;overflow: hidden;position: absolute;z-index: 100;bottom: 10px;right: 10px;overflow: hidden;}
.slide-nav a {display: block;width: 18px;height: 18px;cursor: pointer; margin-left: 2px;float: left;overflow: hidden; background:#343e47; color:#fff; line-height:18px; text-align:center; font-size:13px;}
.slide-nav a:hover { color:#fff;}
.slide-nav .nownav {background:#ff6600;}
#prev2, #next2 {display: block;width: 57px;height: 72px;position: absolute;top: 129px;display: none;}
#next {right: 0;background-position: -62px 0;}

.hdm { width:580px; overflow:hidden; float:right; margin-left:18px;}
.zi_lv_12 {
	font-size: 14px;
	line-height: 24px;
	color: #00562c;
	text-decoration: none;
	float:
}






/*手机端导航*/
.mobile{width: 100%;position:absolute;display: none;top: 0;right: 0;z-index: 999;}
.mobile-inner-header{width:100%;height: 0;position: absolute;top: 0px;right: 0px;z-index: 2;}
.mobile-inner-header-icon{font-size:25px;text-align: center;float:right;width: 40px;position: relative;border-radius: 50%;}
/* .mobile-inner-header-icon:hover{opacity:0.8;cursor: pointer;} */
.mobile-inner-header-icon{color: #fff;height: 54px;text-align: left;width: 54px;position: absolute;cursor: pointer;font-weight: bold;text-align: right;top: 30px;right: 20px;}

.mobile-inner-nav{background: #D82B2B;position: absolute;top: 0;left: 60px;right: 0;padding-top: 52px;display: none;overflow: hidden;box-shadow: 0 5px 30px rgba(0,0,0,0.6);}
.mobile-inner-nav ul{}
.mobile-inner-nav a{display: inline-block;line-height: 46px;text-decoration: none;width: 100%;font-size: 16px;color: #fff;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.mobile-inner-nav a:hover{}
.mobile-inner-nav li{position: relative;padding: 0 30px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.mobile-inner-nav li a{}
.mobile-inner-nav li strong{color: #dddd;position: absolute;right: 5px;top:0;font-size: 0;cursor: pointer;width: 40px;height: 45px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;background: url(../images1219/mobile_arrow1.png) center no-repeat;}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.mobile-inner-nav li strong.on{background: url(../images1219/mobile_arrow2.png) center no-repeat;}
@-webkit-keyframes returnToNormal {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes returnToNormal {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}
.mobile_subNav{display: none;padding: 0 0 8px 22px;margin: -3px 0 0;}
.mobile-inner-nav dd a{height: 29px;line-height: 29px;font-size: 14px;color: rgba(255,255,255,0.4);}
.mobile-inner-nav dd a:hover{color: #fff;}
.mobile-inner-nav li.on{background: rgba(0,0,0,0.15);}
.mobile-inner-nav a.mobile_link{font-size: 16px;text-align: center;padding: 16px 0 12px;line-height: 30px;}
.mobile_search{clear: both;position: relative;height: 36px;margin:10px 30px 0;border:1px solid #d3d3d3;border-radius: 30px;overflow: hidden;}
.mobile_search input.notxt{width: 80%;margin-left: 13px;border:none;height: 36px;line-height: 36px;}
.mobile_search input.notxt1{width: 55px;background-color:#fff;background:url(../images1219/search_btn.png) no-repeat center center;border:none;height: 36px;line-height: 36px;float: left;}

footer{background: #136649;overflow: hidden;padding: 52px 0 44px;}
footer .lf{float: left;}
footer .rt{float: right;padding: 0 0 0;}

.footer_code_box .bottom{text-align: right;}
.footer_code_box img{margin: 10px 0 0 30px;display: inline-block;*display: inline;*zoom:1;}
.footer_code_box img.code{width: 80px;}
.footer_code_box p{color: #a9e6d1;letter-spacing: .32px;line-height: 20px;margin: 4px 0 0;clear: both;text-align: right;}

.footer_logo{float: left;}
.footer_links{float: right;color: #88d5ba;margin: 7px -18px 18px 0;}
.footer_links a{color: #91dfc4;display: inline-block;*display: inline;*zoom:1;padding: 0 18px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.footer_links a:hover{color: #fff;}

.copy_right{clear: both;padding: 12px 0 9px 75px;overflow: hidden;}
.copy_right p{line-height: 27px;color: #86d4b9;}
.copy_right span{margin: 0 25px 0 0;}
