@charset "utf-8";
/* CSS Document */
body, div, span, ul, li, h1, h2, h3, h4, h5, h6, p, input, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
body{overflow-x: hidden;}
td, th {padding: 0;margin: 0;}
table {border-spacing: 0;border-collapse: collapse;}
* { padding: 0; margin: 0; box-sizing: border-box;} 
body, table, td, tr, th, input, select {font: 14px/25px Arial, Helvetica, sans-serif;color: #333;font-family: "Source Han Sans CN", "SimHei", "微软雅黑";}
li { list-style: none; }
img {padding: 0; margin: 0; border: 0;height: auto!important; max-width: 100%!important;/*image-rendering: pixelated;*/}
.clear {clear: both; visibility: hidden; }
a {color: #333; text-decoration: none }
a:hover{ color:#006934;}
.fl { float: left; }
.fr { float: right; }
i, cite, em { font-style: normal }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; outline: none }
h1 { font-size: 34px; line-height: 45px; }
h2 { font-size: 24px; line-height: 36px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }
:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*********************/
@media (min-width:1450px){
.skinw{width:1230px;}
.wrapper{width:1230px;}
.container{width:1230px;}
}
@media (min-width:1650px){
.skinw{width:1430px;}
.skiwrappernw{width:1430px;}
.container{width:1430px;}
}
.skinw{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.wrapper{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container {padding:50px 15px;margin-right: auto;margin-left: auto;}


/*Header*/
.header {width: 100%;height: 110px;background:#FFF;border-bottom: 1px solid #f0f0f0;transition: background 1s;-moz-transition: background 1s;-webkit-transition: background 1s;-o-transition:background 1s;box-shadow: 0 0 6px rgba(0,0,0,.2);}
.top-mid{overflow: hidden;}
.logo {float: left;margin-top:5px;}
.logo img{display: block;}

.Navbar-nav {display: block; padding:0;float: right;}
.Navbar-nav li {float: left;padding: 0 35px;font-size:16px;line-height:110px;position: relative;}
.Navbar-nav li a{color: #111;text-shadow:none;position: relative;display: block;}
.Navbar-nav li a.navbg:before {content: '';display: block;width: 100%;height: 3px;background:#009c4b;position: absolute;left: 0;bottom: 0;border-radius: 10px 10px 0 0;transform: scaleX(0);transition: ease .65s;}
.Navbar-nav li:hover a.navbg:before{transform: scaleX(1);}
.Navbar-nav li:hover a.navbg{color:#009c4b;transition: ease .65s;}
.Navbar-nav li .subnav { background: #fff; border-top: 2px solid #009c4b; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); height: auto; left: 0; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 199; }
.Navbar-nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }
.Navbar-nav li:hover .subnav { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.Navbar-nav li .subnav a {text-align:center;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #666;display: block;font-size: 13px;line-height: 25px;padding:10px 3px;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee;background: #fff;box-sizing: border-box;}
.Navbar-nav li .subnav a:hover { color: #009c4b; background: #f9f9f9; }
.Navbar-nav li .current{color: #009c4b;}

@media (max-width: 1650px) {
.Navbar-nav li{padding:0 28px;}	
}
@media (max-width: 1210px) {
.Navbar-nav li{padding:0 20px;}	
}
@media (max-width: 1114px) {
.Navbar-nav li{padding:0 12px;}	
}


.HBanner img{display:block; width:100%!important;image-rendering:pixelated;}
.swiper-button-next, .swiper-button-prev{display:none;}


/*------------手机站导航开始----------*/
.hidden-g{display:none;}
.hidden-g {position:relative;}
.hidden-g .h-nav-g {position:fixed;left:0;top:0;z-index:1000;width:100%;height:60px;background:#fff;transition:300ms;-webkit-transition:300ms;}
.hidden-g .h-nav-g img {max-height:96%;margin-left:15px;}
.hidden-g .h-nav-g .btn_i {display:block;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.hidden-g .h-nav-g .btn_i small, .hidden-g .h-nav-g .btn_i:before, .hidden-g .h-nav-g .btn_i:after
{display:block;content:'';width:24px;height:2px;background:#007400;border-radius:4px;margin:6px 0;}
.hidden-g .h-nav-g .btn_i_click small {opacity:0;}
.hidden-g .h-nav-g .btn_i_click:before {transform: rotateZ(45deg); transform-origin: 0px 6px;}
.hidden-g .h-nav-g .btn_i_click:after {transform: rotateZ(-45deg); transform-origin: 5px -1px;}
.hidden-g .ul-small {background: #007400;width:220px;height:100%;position:fixed;right:0;top:0;z-index:100;-webkit-transition:300ms;-webkit-transform:translateX(220px);transform:translateX(220px);transition:300ms;}
.hidden-g .ul-small input { width: 160px; line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px; }
.hidden-g .ul-small ul { margin-top: 20px; }
.hidden-g .ul-small ul li a { color: #fff; padding-left: 30px; padding-right: 30px; line-height: 50px; display: block; }
.hidden-g .translate {-webkit-transform: translateX(-220px);  transform: translateX(-220px); }
.hidden-g .translate2 {-webkit-transform: translateX(0); transform: translateX(0);  }

@media (max-width: 1024px) {
.header{ display: none; }
.hidden-g{display: block;}
.swiper-button-next, .swiper-button-prev{height:0;}
.HBanner{padding-top: 60px;}
}




/*FOOTER*/
.footer{padding-top:60px;padding-bottom: 60px;overflow: hidden;border-top: 1px solid #eee;}
.footer-in{position: relative;display: flex;flex-flow: row wrap;}
.footer-in .footer-logo {position: absolute;top: 0%;left: 46%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}

.l-contact {width: 50%;float: left;}
.l-contact h3 {font-weight: bold;font-family: Arial;font-size:30px;margin-bottom:30px;}
.l-contact h3 span {font-weight: normal;}
.l-contact p {font-size: 16px;color: #666666;line-height: 30px;}
.l-contact p span {min-width: 60px;display: inline-block;}

.r-contact{width: 50%;float: right;position: relative;}
.r-contact .footer-ul {float: right;display: flex;flex-flow: row wrap;justify-content: flex-end;width: 70%;}
.r-contact .footer-ul li {width:25%;text-align: right;margin-bottom: 24px;font-size: 16px;}
.r-contact .footer-ul li a {color: #999999;}
.r-contact .footer-support {position: absolute;right: 0;bottom: 0;font-size: 14px;color: #999999;}
.r-contact .footer-support span {margin-left: 15px;}

@media only screen and (max-width:930px) {
.l-contact {width: 100%;}
.r-contact {width: 100%;}
.r-contact .footer-ul {width: 100%;justify-content: space-between;margin-top: 14px;float: none;border-top: 1px solid #eee;padding-top: 10px;margin-bottom: 20px;}
.r-contact .footer-ul li{text-align: center;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.r-contact .footer-support{position: relative;overflow: inherit;text-overflow: inherit;white-space: inherit;background-color: #89c44e;color: #fff;line-height:30px;text-align: center;}
.r-contact .footer-support a{color: #fff;}
.r-contact .footer-support span{display: none;}
.footer-in .footer-logo {left: inherit;right:15px;transform: none;top: -7%;text-align: right;}
}
@media only screen and (max-width:600px) {
.l-contact h3{font-size: 22px;}
.l-contact h3 span{font-size:20px;}
.footer-in .footer-logo img{width: 50%}		
}