/* 字体图标  */
@font-face {
  font-family: 'iconfont';  /* project id 2398299 */
  src: url('//at.alicdn.com/t/font_2398299_jdid5t41q0c.eot');
  src: url('//at.alicdn.com/t/font_2398299_jdid5t41q0c.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2398299_jdid5t41q0c.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2398299_jdid5t41q0c.woff') format('woff'),
  url('//at.alicdn.com/t/font_2398299_jdid5t41q0c.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2398299_jdid5t41q0c.svg#iconfont') format('svg');
}

@font-face {
	font-family: 'iconfont';
	src: url('../iconfont/iconfont.eot');
	src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
		url('../iconfont/iconfont.woff') format('woff'),
		url('../iconfont/iconfont.ttf') format('truetype'),
		url('../iconfont/iconfont.svg#iconfont') format('svg');
}


.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* 容器 */
.container-width{max-width: 1200px; margin: 0 auto;}
@media (max-width:1200px) {
	.container-width{padding: 0 15px;}
}
.bg-image{background-position: center; background-size: cover; background-repeat: no-repeat;}

.fixed{position:fixed ; top: 0; left: 0; width: 100%; z-index: 6;}

/* header */
.x-header{ background: url(../images/top-bg.jpg); }

/* top */
.x-top{padding: 8px; color: #666; font-family: arial;}
.x-top-chui a{margin:0 5px;color: #121;}
.x-top-chui a:hover{color: #1a803f;}
@media (max-width:768px) {
	.x-top{display: none;}
}
.x-brand{position: relative; padding: 15px 0;}
.x-logo{float: left;}
.x-logo img{max-width: 100%;height: 60px;}

.x-brand span{display: inline-block; width: 50%; padding-left: 20px;margin-top: 8px;}
.x-brand span img{max-width: 100%;}
@media(max-width: 1100px) {
	.x-brand span{display: none;}
}
@media(max-width: 768px) {
	.x-logo img{max-width: 100%; height: 40px;}
}

/* tel */
.x-headtel{position: relative; float: right; padding-left: 65px;}
.x-headtel span{position: absolute; top: -10px; left: -50px; text-align: center;  }
.x-headtel span i{font-size: 50px; color: #1a803f;}
.x-headtel p{font-size: 16px; padding-bottom: 2px;}
.x-headtel h3{font-size: 22px; color: #E60011; font-family: arial;}
@media (max-width:768px) {
	.x-headtel{display: none;}
}
/* open */
.navbar-open {position: absolute; top: 50%; right: 0; z-index: 1; margin-top: -20px; width: 40px;height: 40px;  cursor: pointer;display: none; }
.navbar-open span {display: block;width: 30px;height: 2px;background-color: #666;margin: 0 auto;}
.navbar-open span:first-child {margin-top: 11px;}
/*  */
@media(max-width: 768px) {
	.navbar-open {display: block;}
	.navbar-open span {display: block;width: 20px;}
	.navbar-open span:nth-child(2) {margin-top: 6px;}
	.navbar-open span:last-child {margin-top: 6px;}
}

/* ---------------左侧导航--------------- */
.navbox{background-color:#1a803f;}
@media (max-width:768px) {
	.navbox{display: none;}
}
/* nav */
.nav-menu{width: 100%;}
.nav-menu>li{position: relative; float:left; width: 12.5%; padding: 0 10px;}
.nav-menu>li>a{display:block; text-align: center; line-height: 50px; font-size:16px;  color:#f7f7f7;}
.nav-menu>li>a.on{box-shadow: 0 -55px 0 #025d00 inset; color:#fff;}
.nav-menu>li>a:hover{box-shadow: 0 -55px 0 #025d00 inset; color:#fff;}
.nav-menu>li.current-menu-item>a,
.nav-menu>li.current_page_item>a{box-shadow: 0 -55px 0 #025d00 inset; color:#fff;}

*{transition: all .3s;}

.nav-menu .sub-menu{position: absolute; top: 50px; left: 0; z-index: 3; width: 100%; padding: 0 10px; text-align: center; visibility: hidden; opacity: 0; transform: translateY(10px);}
.nav-menu .sub-menu li a{display: block; padding: 15px 5px; line-height: 20px;  background-color: #1a803f;color: #fff;}

.nav-menu .sub-menu li a:hover{background-color: #025d00 ; color: #fff;}
.nav-menu>li:hover .sub-menu{ visibility: visible; opacity: 1; transform: translateY(0);}

@media (max-width:1000px) {
	.nav-menu>li>a{display:block; text-align: center; line-height: 45px; font-size:14px;}
	.nav-menu>li{position: relative; padding: 0 5px;}
}
@media (max-width:860px) {
	.nav-menu .sub-menu{ top: 45px; }
}

/* -----------手机-------------- */


/* =================footer================ */
/* m-nav-window */
.m-nav-window {position: fixed;top: 0;left: 0;z-index: 10; width: 100%;height: 100%;background-color:#1a803f;visibility: hidden;opacity: 0;transform: translateX(120px);}
/* m-navmenu */
.m-navmenu { padding-top: 80px; text-align: center;}
.m-navmenu li { padding-bottom: 15px;}
.m-navmenu li a {color: #fff;font-size: 18px;}
.m-navmenu .sub-menu{display: none;}
/* close */
.m-navbar-close {position: absolute;top: 5px;right: 5px;width: 35px;height: 35px;}
.m-navbar-close span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #fff;}
.m-navbar-close span:first-child {transform: rotate(45deg);}
.m-navbar-close span:last-child {transform: rotate(-45deg);}
/* m-s */
.m-search{ margin-top: 10px; text-align: center; line-height: 35px; border-radius: 4px; overflow: hidden;}
.m-search input{line-height: 38px; padding: 0 15px;}
.m-search button{ padding: 0 20px; line-height: 37px; background-color: #333; color: #fff;}
.m-search button i{font-size: 20px; vertical-align: middle;}
/* onshow */
.on-show {opacity: 1;visibility: visible;transform: translateX(0);}

/* =================footer================ */
.footer-bg {background-image: url(../images/footer-bg.jpg);}
.footer-box{padding: 30px 0;}
/*  */
.footer-logo{float: left;width: 30%;}
.footer-logo img{max-width: 100%;}


.footer-nav{float: left; width: 55%;}
.footer-nav dl{float: left; width: 33.33%;}
.footer-nav dl dt{padding-bottom: 25px; font-size: 16px;}
.footer-nav dl dd{ padding-bottom:10px; }
.footer-nav dl a{color:#777;}
.footer-nav dl a:hover{color: #1a803f;}

/*  */
.footer-info{float: right;width: 15%;}
.footer-info img {max-width: 100%;}
.footer-info p {line-height: 35px; color: #D1D1D2;}
@media (max-width:1150px) {
.footer-nav{display: none;}
.footer-logo{width: 100%;text-align: center;}
.footer-info{width: 100%; text-align: center; padding: 15px 0;}
}
@media (max-width:768px) {
	.footer-nav{width: 100%; display: none;}
	.footer-box{display: none;}
}

@media (max-width:640px) {
	.footer-left ul li {float: left;width: 100%;padding: 10px;}
}
/* tag */
@media (max-width:768px) {
	.footer-tag{display: none;}
}
.footer-tag{border-bottom: 1px solid #ccc; }
.footer-tag ul{padding: 15px 0;}
.footer-tag ul li{float: left;}
.footer-tag ul li a{margin-right: 15px;  color: #777;}
.footer-tag a:hover{color: #1a803f;}
.window-service-index{font-size: 30px;
    color: #fff;}

/* site */
.site-info{line-height: 35px;font-size: 12px; border-top: 1px solid #ccc; color: #74797e; }
.site-info a{color: #74797E;}
.site-info a:hover{color: #222;}
@media (max-width:940px) {
	.site-info{ margin-bottom: 64px;}
	.site-info span{display: block; width: 100%; text-align: left;}
}



/*window-service*/
.window-service{position: fixed; top: 250px; right: 10px; z-index: 3;}
.window-service ul li{position: relative ; background-color: #1a803f; padding-top: 8px; width: 64px; height: 64px; margin-bottom: 2px; color: #1a803f; text-align: center; cursor: pointer}
.window-service ul li a{color: #fff; display: block;}
.window-service ul li i{font-size: 32px;color: #fff;}
.window-service ul li p{font-size: 12px;color: #fff;}
/*  */
.window-service-tel{position: absolute; top: 0; right: 60px; z-index: -1; width: 200px; height: 64px; line-height: 64px; font-size: 20px; color: #fff; font-family: arial; background-color: #1a803f;}
.window-service-wx-pic{position: absolute; bottom: 0; right: 68px; z-index: -1; padding: 15px; background-color: #1a803f ;}
.window-service-wx-pic h3{ padding-top: 5px; color: #fff; font-size: 14px;}
.window-service-tel,
.window-service-wx-pic{opacity: 0; visibility: hidden; transform: translateX(10px);}
/* hover */
.window-service ul li:hover .window-service-tel,
.window-service ul li:hover .window-service-wx-pic{opacity: 1; visibility: visible; transform: translateX(0)}

.gotop{transition: none;}

/*  */
.window-service-sms,
.window-service-contact{display: none;}
/*  */
@media(max-width:768px){
	.window-service{position: fixed; top:inherit; bottom: 0; right: 0; width: 100%;}
	.window-service ul li{float: left; padding-top: 8px; width: 25%; height: 64px; margin-bottom: 0;}
	.window-service-sms,
	.window-service-contact{display: block;}
	.open-window-service-form,
	.window-service-tel,
	.window-service-wx,
	.gotop{display: none!important;}
}
