@charset "utf-8";
/*!
 * http://www.ibw.cn
 * Edited by AlexAli
 * Copyright (c) 2019 ibw
 */
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: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }h1, h2, h3, h4, h5, h6 { font-size: 100%; }address, cite, dfn, em, var { font-style: normal; }ul, ol { list-style: none; }a { text-decoration: none; }legend { color: #000; }fieldset, img { border: 0; vertical-align: top; }section, article, aside, header, footer, nav, dialog, figure { display: block; }figure { margin: 0; }button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }table { border-collapse: collapse; border-spacing: 0 }.clear { display: block; height: 0; overflow: hidden; clear: both }.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }.clearfix { *zoom:1;}a:link, a:visited { text-decoration: none; }a:hover, a:active { text-decoration: none; }a { blr:expression_r(this.onFocus=this.blur());}a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}table { border-collapse: collapse; border-spacing: 0; }.hidden { display: none; }.invisible { visibility: hidden; }.noBg { background: none !important; }.noBd { border: none !important; }.noMr{margin-right:0 !important; float:right !important;}.i{text-align: justify; text-justify: inter-ideograph;}


/* 项目主体部分设置 */
body { background: #fff; color:#333;}
.fl{float: left !important;}
.fr{float: right !important;}
a { color:#333;text-decoration:none;transition: all 0.5s ease 0s;}
a:hover { color: #8ab923; }
.hide{display: none}

.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden;transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.g-in { width:1300px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}

@media screen and (max-width: 1360px){
	.g-in{width: 1200px;}
}
@media screen and (max-width: 1280px){
	.g-in{width: 1000px;}
}
@media screen and (max-width: 1024px){
	.g-in{width: 96%}
}
@media screen and (max-width: 750px){
	.wrapper{padding-bottom: 58px;}
}

.header{background: #fff;box-shadow: 0 3px 4px rgba(0,0,0,.1)}
.header .logo{float: left;width: 360px;height: 130px;}
.header .logo img{height: 100%;width: auto;}
.header .h-nav{float: left;margin-left: 45px;}
.header .h-nav ul li{float: left;margin-right: 15px;position: relative;}
.header .h-nav ul li:last-child{margin-right: 0}
.header .h-nav ul li .a{display: block;font-size: 16px;color: #333333;height: 130px;line-height: 130px;padding: 0 15px;position: relative;z-index: 3}
.header .h-nav ul li::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: #8ab923;visibility: hidden;z-index: 1;transition: .5s ease}
.header .h-nav ul li:hover::after,.header .h-nav ul li.current::after{height: 100%;visibility: visible;}
.header .h-nav ul li:hover .a,.header .h-nav ul li.current .a{color: #fff}
.header .btns{float: right;height: 130px;box-sizing: border-box;padding-top: 44px;position: relative;}
.header .btns .phone_box{position: absolute;right: 0;display: block;padding: 5px 10px;background: #8ab923;color: #fff;top: 100px;display: none;font-size: 14px;z-index: 6}
.header .btns a{float: left;display: block;width: 40px;height: 40px;}
.header .btns a.phone-o{background: url("i_01.png") no-repeat;margin-right: 6px;background-size: contain;}
.header .btns a.wx-o{background: url("i_02.png") no-repeat;background-size: contain;margin-right: 6px}
.header .btns a.hot-o{background: url("i_03.png") no-repeat;background-size: contain;}
.header .btns a.u-menu{display: none;background: url("u_menu.png") no-repeat;margin-left: 4px;background-size: contain;}

.footer{}
.footer .f-t{padding: 78px 0 70px;background: url("footer.jpg") no-repeat center center;background-size: cover;}
.footer .f-t .code{float: left;width: 127px;}
.footer .f-t .code .h{font-size: 20px;color: #333333;padding-bottom: 12px;border-bottom: 1px solid #a19e9e;margin-bottom: 12px;}
.footer .f-t .f-nav{float: right;}
.footer .f-t .f-nav dl{float: left;margin-right: 30px;width: 114px;}
.footer .f-t .f-nav dl:last-child{margin-right: 0}
.footer .f-t .f-nav dl dt{text-align: center;padding-bottom: 12px;border-bottom: 1px solid #a19e9e;margin-bottom: 16px}
.footer .f-t .f-nav dl dt a{font-size: 20px;color: #333333}
.footer .f-t .f-nav dl dd{text-align: center;margin-bottom: 16px;}
.footer .f-t .f-nav dl dd:last-child{margin-bottom: 0}
.footer .f-t .f-nav dl dd a{font-size: 14px;color: #333333}
.footer .f-t .f-nav dl dd a:hover{color: #8ab923}
.footer .copyright{background: #8ab923;padding: 15px 0;font-size: 14px;color: #ffffff}
.footer .copyright a{font-size: 14px;color: #fff}


@media screen and (max-width: 1360px){
	.header .logo{height: 100px;width: auto}
	.header .h-nav{margin-left: 40px}
	.header .h-nav ul li{margin-right: 10px;}
	.header .h-nav ul li .a{height: 100px;padding: 0 10px;line-height: 100px;font-size: 15px}
	.header .btns{height: 100px;padding-top: 30px}
	.header .btns .phone_box{top: 100px;}
}
@media screen and (max-width: 1280px){
	.header .logo{height: 80px;}
	.header .h-nav ul li .a{font-size: 14px;padding: 0 8px;height: 80px;line-height: 80px}
	.header .btns{height: 80px;padding-top: 20px}
	.footer .f-t .f-nav dl{margin-right: 20px}
	.header .btns .phone_box{top: 80px;}
}
@media screen and (max-width: 1024px){
	.header .h-nav{display: none}
	.header .btns a.u-menu{display: block;}
	.footer .f-t{padding: 60px 0}
	.footer .f-t .f-nav{display: none}
	.footer .f-t .code{float: unset;margin: 0 auto}
	.footer .f-t .code .h{text-align: center;}
	.header .btns a.phone-o{margin-right: 8px;}
	.header .btns a.wx-o{margin-right: 8px;}
	.header .btns a.hot-o{margin-right: 8px;}
	.header .btns .phone_box{display: none!important;visibility: hidden;}
}
@media screen and (max-width: 750px){
	.header .logo img{height: 60px;padding: 10px 0}
	.footer .f-t{padding: 40px 0}
	.footer .copyright{padding: 10px 0}
	.footer .copyright p{float: unset!important;text-align: center;font-size: 12px}
	.footer .copyright a{font-size: 12px}
	.header .btns{padding-top: 25px}
	.header .btns a{width: 30px!important;height: 30px!important;}
}

.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:100; }
.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.m-nav li a { display:block; }
.m-nav li a:hover,.m-nav .current a { color:#8ab923; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #8ab923; content:"" }

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .wrapper {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}

/* 二级菜单 */
.m-menu {position:fixed;top:0;right:-50%;width:45%;height:100%;padding:7% 5%;box-sizing: border-box;background:#fff;z-index:99;opacity:0;overflow:auto;}
.m-menu .site-nav { min-height:400px; overflow-y:auto; }
.m-menu dl dt { margin-bottom:8px; padding:0 8px 10px; border-bottom:1px solid #ddd; line-height:24px; }
.m-menu dl dt a { color: #333; }
.m-menu dl dt a:hover,.m-menu dl dt .current { color: #8ab923; }
.m-menu dl dd { padding: 0 5px 10px 24px; line-height:24px; }
.m-menu dl dd a { color: #333; }
.m-menu dl dd a.current { color: #8ab923; }

.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:10; }

#fix_btn{position: fixed;top: 50%;margin-top: -91px;right: 10px;z-index: 9}
#fix_btn li{display: block;width: 60px;height: 60px;margin-bottom: 1px;}
#fix_btn li .a{display: block;width: 60px;height: 60px;position: relative;background: #8ab923;cursor: pointer;}
#fix_btn li .a em{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#fix_btn li .phone{position: absolute;left: -206px;top: 0;visibility: hidden;opacity: 0;transition: .5s ease;height: 60px;line-height: 60px;background: #668129;width: 182px;box-sizing: border-box;padding: 0 10px;text-align: center;font-size: 18px;color: #fff;font-family: Impact}
#fix_btn li .ewm{position: absolute;left: -206px;top: 0;visibility: hidden;opacity: 0;transition: .5s ease}
#fix_btn li .back-to{display: none}
#fix_btn li:hover .a{background: #668129}
#fix_btn li:hover .ewm{transform: translateX(10px);visibility: visible;opacity: 1}
#fix_btn li:hover .phone{transform: translateX(10px);visibility: visible;opacity: 1}

@media screen and (max-width: 1024px){
	#fix_btn{display: none}
}

/* 快捷菜单 */
#fixed-foot { position:fixed; display: none;left:0; bottom:0; width:100%; height:58px; z-index: 9;overflow: hidden;background:url("fix_footer.jpg") no-repeat center center;background-size: cover;text-align:center; justify-content:space-around;flex-wrap:nowrap;}
#fixed-foot li { float:left; width:33.33%;display: block;position: relative;text-align: center;}
#fixed-foot li::after{content: '';position: absolute;right: -1px;width: 2px;height: 24px;margin-top: -12px;top: 50%;background: #fff}
#fixed-foot li:last-child::after{display: none}
#fixed-foot li a { display:block; color:#fff; font-weight: bold;font-size:14px;line-height:58px}
.fixed-button { display:block; width:30px;height:30px;margin:0 auto;overflow:hidden;background-size:contain;}
.m-copy { padding:5%; border-bottom:10px solid #f2f2f2; text-align:center; }
@media screen and (max-width: 1024px){
	#fixed-foot{display: flex;}
}