@charset "utf-8";
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 微软雅黑, Arial, sans-serif; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
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; resize: none; }
textarea{resize:none;border:none;-webkit-appearance:none;border-radius:0;}
input[type=text] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
input[type=submit] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
input[type=reset] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
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, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
p[style='color:red;font-weight:600'] { display:none!important; }
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#555; min-height:auto!important; min-width:auto!important; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #555; }
a:hover { color: #4ba634; }

.wrapper { position:relative; width:100%; margin:0 auto; max-width:1920px; }
.wrap { width:1680px; margin:0 auto; }

@media all and (max-width:1780px){
	.wrap { width:1200px; margin:0 auto; }
}
@media all and (max-width:1280px){
	.wrap { width:92%; }
}
  
.topArea { position: fixed; width: 100%; left: 0; right: 0; top: 0; z-index: 90; transition: all 0.6s; }

.logo { float:left; }
.logo .img02 { display:none; }

.logo01 { position:relative; float:left; padding:25px 0 0 15px; min-height:90px; margin-left:20px; box-sizing: border-box; }
.logo01:before { position:absolute; display:block; content:""; width:1px; height:34px; background:rgba(255,255,255,0.5); left:0; top:50%; transform: translateY(-50%); z-index:2; }
.logo01 .p1 { line-height:20px; color:#fff; font-size:12px; }
.logo01 .p2 { line-height:25px; color:#fff; font-size:14px; }

.serbot { position:relative; float:right; width:23px; height:23px; margin:35px 30px 0 0; cursor:pointer; }
.serbot:before { content: '\20';position: absolute;left: 0;top: 0;width: 20px;height: 20px;box-sizing: border-box;border-radius: 50%;border: 2px solid #fff;transition: all 0.3s; }
.serbot:after {content: '\20';position: absolute;right: 3px;bottom: -2px;width: 3px;height: 10px;box-sizing: border-box;border-radius: 5px;background: #fff;transform: rotate(-45deg);transition: all 0.3s;}

.lang { float:right; position: relative; width:150px; margin-top:26px; }
.lang .top { display: flex; justify-content: center; align-items: center; border-radius: 30px; border: 1px solid rgba(255,255,255,.5); padding: 5px 10px; cursor: pointer; }
.lang .top .txt { font-size: 16px; color: #fff; position: relative; margin-left: 5px; padding-right: 20px; }
.lang .top .txt:before { content: '\20';  position: absolute; right: 0; top: 50%; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: translateY(-60%) rotate(45deg); }
.lang .bot { position: absolute; top:40px; padding-top:60px; opacity: 0; visibility: hidden; transition: all 0.5s; text-align: center; width: 100%; }
.lang .bot .bot01 { position:relative; border-radius: 10px; padding: 5px 0 0 0; background: #ffffff; box-shadow: 0 0 14px rgba(0,0,0,.2); }
.lang .bot .bot01:before{content: '\20';position: absolute;z-index: 2;top: -19px;left: 50%;transform: translateX(-50%);border: 10px solid transparent;border-bottom-color: #ffffff;}
.lang .bot a{display: flex;justify-content: center;align-items: center;color: #333;font-size: 16px;padding: 8px 10px;transition: all 0.3s;}
.lang .bot a:hover{color: #0070d9;}

.lang:hover .bot {  padding-top:30px; opacity: 1; visibility: visible; }

.nav { float:right; width:54.5%; margin-right:7%; }
.nav ul { display:flex; flex-direction:row; justify-content:space-between; }
.nav ul li { position:relative; font-size:0; }
.nav ul li .a1 { position:relative; display:inline-block; font-size:16px; color:#fff; line-height:90px; }
.nav ul li:hover .a1{ color:#4ba634!important; }

.nav .sub { position:absolute; top:90px; width:160px; left:50%; margin-left:-80px; padding-top:30px; visibility:hidden;opacity: 0; transition: all 0.5s; z-index:999; }
.nav .sub dl { position:relative; background:#fff; box-shadow: 0 0 14px rgba(0,0,0,.2); border-radius: 5px; padding:15px 0; }
.nav .sub dl:before {content: '\20'; position: absolute; left: 50%; top: -11px; width: 11px; transform: translateX(-50%); height: 11px; background: url(/images/sub01.png) no-repeat center center; z-index: 2;}
.nav .sub dl dt { width:100%; text-align:center; font-size:16px; }
.nav .sub dl dt a { display:block; color:#333; padding:10px 5px; }
.nav .sub dl dt:hover a { color:#4ba634; font-weight:bold; }
 
.nav ul li:hover .sub { padding-top:20px; opacity: 1; visibility: visible; }

/*产品中心下拉*/
.nav ul li.li101 { position:static; }
.nav ul li.li103 { position:static; }

.nav .sub01 { position:absolute; top:90px; width:100%; left:0; right:0; padding:40px 0; background:#fff; visibility:hidden; opacity: 0; transition: all 0.5s; z-index:999; box-shadow: #eee 0px 8px 10px -8px;  }
.nav .sub01:before { position:absolute; top:0; left:0; right:0; display:block; content:""; height:1px; background:#f6f6f6; z-index:2; }
.nav ul li:hover .sub01 { opacity: 1; visibility: visible; }
 
.nav .sub01 .bd01 { float:left; width:26%; }
.nav .sub01 .bd01 dl dt { position:relative; float:left; width:47%; margin-right:6%; border-bottom:1px solid #f6f6f6; }
.nav .sub01 .bd01 dl dt:before { position:absolute; left:0; bottom:-1px; width:0; display:block; content:""; height:1px; background:#4ba634; z-index:2; transition: all 0.6s; }
.nav .sub01 .bd01 dl dt:nth-child(2n) { margin-right:0; }
.nav .sub01 .bd01 dl dt a { display:block; font-size:16px; line-height:70px; height:70px; padding-right:15px; color:#333; background:url(/images/s01.png) no-repeat center right; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.nav .sub01 .bd01 dl dt:hover:before { width:100%; }
.nav .sub01 .bd01 dl dt:hover a { color:#4ba634; font-weight:bold; background:url(/images/s02.png) no-repeat center right; }

.nav .sub01 .bd02 { float:right; width:70%; }
.nav .sub01 .bd02 .swiper-slide .pic { background:#f2f2f2; overflow:hidden; }
.nav .sub01 .bd02 .swiper-slide .pic img { transition: all 0.6s; }
.nav .sub01 .bd02 .swiper-slide .txt { font-size:14px; color:#666; margin-top:15px; }

.nav .sub01 .bd02 .swiper-slide:hover .txt { color:#4ba634; }
.nav .sub01 .bd02 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
 
@media all and (max-width:1780px){
	.nav .sub01 .bd01 dl dt a { line-height:50px; height:50px; }
}
 
 
 
 
 
 
 
 
 
.topArea.c-head-move { /*top: -170px;*/ }

.topArea.c-style2 { background: #fff; box-shadow: #eee 0px 8px 10px -8px; }
.topArea.c-style2 .logo .img01 { display:none; }
.topArea.c-style2 .logo .img02 { display:block; }

.topArea.c-style2 .logo01:before { background:#f2f2f2; }
.topArea.c-style2 .logo01 .p1 { color:#b0b0b0; }
.topArea.c-style2 .logo01 .p2 { color:#4da736; }

.topArea.c-style2 .serbot:before { border: 2px solid #666; }
.topArea.c-style2 .serbot:after { background: #666; }
 
.topArea.c-style2 .lang .top { border: 1px solid #4ba634; background:#4ba634; }

.topArea.c-style2 .nav ul li .a1 { color:#333; }

.topArea01 { background:#fff; }
.topArea01 .logo .img01 { display:none; }
.topArea01 .logo .img02 { display:block; }

.topArea01 .logo01:before { background:#f2f2f2; }
.topArea01 .logo01 .p1 { color:#b0b0b0; }
.topArea01 .logo01 .p2 { color:#4da736; }
 
.topArea01 .serbot:before { border: 2px solid #666; }
.topArea01 .serbot:after { background: #666; }
 
.topArea01 .lang .top { border: 1px solid #4ba634; background:#4ba634; }

.topArea01 .nav ul li .a1 { color:#333; }

.topArea02 { background:#fff; }
.topArea02 .logo .img01 { display:none; }
.topArea02 .logo .img02 { display:block; }

.topArea02 .logo01:before { background:#f2f2f2; }
.topArea02 .logo01 .p1 { color:#b0b0b0; }
.topArea02 .logo01 .p2 { color:#4da736; }
 
.topArea02 .serbot:before { border: 2px solid #666; }
.topArea02 .serbot:after { background: #666; }
 
.topArea02 .lang .top { border: 1px solid #4ba634; background:#4ba634; }

.topArea02 .nav ul li .a1 { color:#333; }


.search_pc { position:absolute; left:250px; top:-100px; right:0; height:90px; padding:20px 0; box-sizing: border-box; background:#fff; transition: all 0.6s; z-index:2;  }
.search_pc form { position:relative; margin:0 auto; width:600px; border:1px solid #eee; border-radius:30px; }
.search_pc form .txt { float:left; width:calc(100% - 50px); padding-left:20px; line-height:50px; font-size:16px; box-sizing: border-box;}
.search_pc form .btn { float:right; width:50px; height:50px; background:url(/images/icon-search.png) no-repeat center; background-size:22px; cursor:pointer; }
.search_pc form .serclose { position:absolute; top:0; right:-20px; line-height:50px;font-size:14px;cursor:pointer; }


.topArea02 .search_pc { top:0; }









.u-menu { position:absolute; right:0; top:50%; margin-top:-21px; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); cursor:pointer; display:none; z-index:9; }
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#4ba634; }
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu div { top:10px; transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle { display:none; }





.search { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); display:none; z-index:9999; }
.search form { position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-30px; width:600px; background:#fff; font-size:16px; z-index:9; }
.search form .txt { float:left; height:60px; line-height:60px; padding-left:15px; width:450px; }
.search form .btn { float:right; height:60px; line-height:60px; width:150px; text-align:center; background:#4ba634; color:#fff; cursor:pointer; }
.serclose_a { position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer; }
.search01 { display:block; }

@media all and (max-width:750px){
	.search form { left:5%; margin-left:0; margin-top:-25px; width:90%; font-size:14px; }
	.search form .txt { height:50px; line-height:50px; padding-left:15px; width:calc(100% - 120px); }
	.search form .btn { height:50px; line-height:50px; width:100px; }
	.serclose_a { right:0; top:-40px; font-size:24px; }
}

@media all and (max-width:1780px){
	.nav { width:56%; margin-right:3%; }
}
@media all and (max-width:1200px){
	.topArea .wrap { position:relative; }
	
	.topArea { background:#fff; }
	.topArea .logo .img01 { display:none; }
	.topArea .logo .img02 { display:block; }

	.topArea .logo01 { display:none; }

	.topArea .serbot { margin:18px 15px 0 0; margin-right:60px; display:none; }
	.topArea .serbot:before { border: 2px solid #666; }
	.topArea .serbot:after { background: #666; }
	
	.topArea .lang { display:none; }
 
	.nav { display:none; }
	
	.logo img { height:60px; width:auto; }
 
	.u-menu { display:block; }
}
 
.z_mask { width: 0%; height: 100%; position: fixed;  left: 0; top:0; background: rgba(0,0,0,0.5); transition: all .8s; z-index: 101; }
.z_mask.active { width: 100%; }

/*
.slide_box { background: #fff; width: 650px; height: 100% ; box-sizing:border-box; position: fixed; right: 0; top: 0; padding: 0 0 50px 0; box-sizing: border-box; z-index: 999; transform: translateX(100%);transition: all .6s; z-index: 9999; }
.slide_box.active { transform: translateX(0);}

.slide_nav{ margin:30px 30px 30px; width:calc(100% - 60px); height:calc(100vh - 60px);  overflow-y:auto}
.slide_nav li { margin-bottom: 40px; }
.slide_nav li>a { font-size: 16px; color:#4ba634 }
.slide_nav .nav_down { margin-top: 5px;}
.slide_nav .nav_down a { color: #888; display:block; margin-right: 20px; position: relative; line-height: 24px;}
.slide_nav .nav_down a:before { content:""; display: block; width: 0%; transition: all .6s; height: 1px; background: #4ba634; position: absolute; left: 50%; bottom: 0;}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover { color: #4ba634;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before { width: 100%; left: 0;}

.search_sj { width:100%; background:#4ba634; }
.search_sj form { width:100%; }
.search_sj form .txt { float:left; height:60px; line-height:60px; padding-left:15px; width:calc(100% - 45px); box-sizing: border-box; }
.search_sj form .btn { position:relative;  float:right; height:60px; width:23px; margin-right:20px; background:url(/images/form02.png) no-repeat center; cursor:pointer; }
 
 
.search_sj form ::-webkit-input-placeholder { color:#fff; opacity: 1; }
.search_sj form :-moz-placeholder { color:#fff; opacity: 1; }
.search_sj form :-ms-input-placeholder { color:#fff; opacity: 1; } 
.search_sj form .placeholder { color:#fff; opacity: 1; }


@media all and (max-width:1280px){
	.slide_box { width:240px; padding:0 0 30px 0; }
	.slide_nav li{ margin-bottom:20px; }
}
*/

.slide_box { position: fixed; left: 0; right: 0; width: 100%; height: 0; background: #f9f9f9; z-index: 80; transition: all 0.8s; top: 60px; overflow: hidden; }
body.z-open .slide_box { height: calc(100% - 60px); overflow: auto; }

.slide_box ul { padding-top:25px; }
.slide_box ul li { position: relative; border-bottom: 1px solid #dfdfdf;}
.slide_box ul li .m1Box { position:relative; padding:0 30px; display: block; font-size:18px; color: #333; line-height:50px; }
.slide_box ul li .m2Box { position:relative; padding:0 30px; display: block; font-size:18px; color: #333; line-height:50px; }
.slide_box ul li .m1Box:before { position:absolute; right:30px; top:20px; display:block; content:""; width:10px; height:10px; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(-45deg); transition: all 0.3s; z-index:2; }

.slide_box ul li.on .m1Box { color:#4ba634; }
.slide_box ul li.on .m2Box { color:#4ba634; }


.slide_box ul li.showSubNav .m1Box:before { transform: rotate(45deg); }

.slide_box ul li .nav_down { padding:0 50px; background: #f3f3f3; display: none; }
.slide_box ul li .nav_down a { display:block; font-size:16px; color: #333; line-height:45px; border-bottom: 1px dashed #999; }
.slide_box ul li .nav_down a:last-child { border-bottom:none; }




/*
 
 
.m-nav .subNav{padding: 0 0.6rem; background: #f3f3f3; display: none;}
.m-nav .subNav .subNav-item{border-bottom: 1px dashed #999;}
.m-nav .subNav .subNav-item:last-child{border-bottom: none;}
.m-nav .subNav .subNav-item .m2Box{display: flex; justify-content: space-between; align-items: center; padding: 0.16rem 0;}
.m-nav .subNav .subNav-item .m2Box .m2{display: block; font-size: 0.3rem; color: #333; width: 85%;}
.m-nav .subNav .subNav-item .m2Box .arr{display: none; width: 0.16rem; height: 0.16rem; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(45deg); transition: all 0.3s;}
.m-nav .subNav .subNav-item.hasThirdMenu .m2Box .arr{display: block;} 
.m-nav .subNav .subNav-item.hasThirdMenu .thirdNav{padding-bottom: 0.3rem;}
.m-nav .subNav .subNav-item .thirdNav .m3{display: block; font-size: 0.26rem; padding: 0.1rem 0.6rem;}

.m-nav .lang{ margin-top: 2rem;}
.m-nav .lang .bot{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 0.2rem;}
.m-nav .lang .bot a{display: block; border-right: 1px solid #ccc; flex: 1; text-align: center;}
.m-nav .lang .bot a:last-child{border-right: none;}
.m-nav .lang .bot a .pic img{width: 0.7rem; box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);}
.m-nav .lang .bot a .txt{color: #333; font-size: 0.3rem; margin-top: 0.2rem; line-height: 1;}

body.z-open .m-nav{height: calc(100% - 68px); overflow: auto;}
*/
/*
.navbar{height: 70px; width: 40px;}
.navbar .naviconBox{height: 100%; position: relative;}
.navbar .icon-bar{position: absolute; width: 100%; height: 4px; background: #0070d9; border-radius: 6px;}
.navbar .icon-bar:nth-child(1){top: 22px; transition: top .3s ease .4s, transform .3s ease;}
.navbar .icon-bar:nth-child(2){top: 35px; transition: background .3s ease 0.4s;}
.navbar .icon-bar:nth-child(3){top: 48px; transition: top .3s ease .4s, transform .3s ease;}
body.z-open .navbar .icon-bar:nth-child(1){transition: top .3s ease, transform .3s ease .4s; top: 35px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
body.z-open .navbar .icon-bar:nth-child(2){transition: background .3s ease 0s; background: transparent;}
body.z-open .navbar .icon-bar:nth-child(3){transition: top .3s ease, transform .3s ease .4s; top: 35px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

@media screen and (max-width: 1200px) {
    .header{padding-top: 70px;}
    .topArea{position: fixed; top: 0; left: 0; right: 0; width: 100%; background: #fff; z-index: 80; box-shadow: 0 0 12px rgba(0,0,0,.2);}
    .topArea .cont{height: 70px;}
    .topArea .link{display: none;}
    .topArea .search-navbar{display: block;}
    .wrapper .m-nav{display: block;}
}

@media screen and (max-width: 700px) {
  .search-navbar .sea{width: 0.6rem; height: 0.6rem; background-size: 0.4rem;}
  .header{padding-top: 1.1rem;}
  .topArea .cont{height: 1.1rem;}
  .navbar{height: 1.1rem; width: 0.48rem;}
  .navbar .icon-bar:nth-child(1){top: 0.38rem;}
  .navbar .icon-bar:nth-child(2){top: 0.54rem;}
  .navbar .icon-bar:nth-child(3){top: 0.7rem;}
  body.z-open .navbar .icon-bar:nth-child(1){top: 0.54rem;}
  body.z-open .navbar .icon-bar:nth-child(3){top: 0.54rem;}
  body.z-open .m-nav{height: calc(100% - 1.05rem);}
  .m-nav{top: 1.05rem}
}
*/




.searchb { float:right; margin-right:50px; width:60px; height:60px; background:url(/images/search_04.png) no-repeat center; background-size:20px 20px; display:none;  }

.laua{  float:right; margin-right:15px;  display:none;}
.laua .lauaa { line-height:60px; font-size:14px; color: #000; padding-right:20px; background:url(/images/lau_10.png) no-repeat right center; background-size:11px 6px;  }
.laua .lauab { position: absolute; left:-30%; width: 160%; z-index: 99; background: #fff; text-align: center; display: none; }
.laua .lauab ul li { border: 1px solid #eee;margin-top: -1px; }
.laua .lauab ul li a { display: block; font-size:16px; color: #333; line-height: 2.5; }
.laua .lauab ul li:hover a { background: #f8f8f8; color: #007457; }

@media all and (max-width:1200px){
	.searchb { display:block; }
	.laua{ display:block; }
}

 
.form-search{ position: absolute; top: -100px; left: 0; width:90%; padding:3% 5%; border-top:1px solid #ddd; box-shadow:3px 5px 5px #4ba634; background:#fff; z-index:2; opacity:0; transition:all .2s ease-out; }
.form-search input{ border:1px solid #eee;}
.form-search input[type="text"] { width:70%; height:38px; float:left; padding:0 5%; border-right:0px; }
.form-search input[type="submit"]{ width:19%; height:40px; float:left; border:0; background:#4ba634; color:#fff;}


.zxArea { padding:50px 0; border-top:1px solid rgba(0,0,0,0.1); }
.zxArea .p1 { float:left; font-size:24px; color:#333; font-weight:bold; margin-left:5%; }
.zxArea .p1 .p12 { font-size:36px; color:#4ba634; }

.zxArea .p2 { float:right; width:480px; margin-right:8%; }
.zxArea .p2 ul li { position:relative; float:left; width:45%; margin-right:10%; text-align:center; z-index:1; }
.zxArea .p2 ul li p { position:relative; overflow:hidden; z-index:1; }
.zxArea .p2 ul li p:before { position:absolute; content: "";  display:block; height: 200%;width: 200%;border-radius: 50%;top: 100%;left: 100%;transition: all .7s;position: absolute; background: linear-gradient(#dae1d8,#4ba634); z-index:1; }
.zxArea .p2 ul li:last-child { margin-right:0; }
.zxArea .p2 ul li a { position:relative; display:block; border:1px solid #b6deba; z-index:5; cursor:pointer; }
.zxArea .p2 ul li a i { display:inline-block; padding-right:70px; font-size:20px; color:#4ba634; line-height:70px; transition: all 0.4s; }

.zxArea .p2 ul li span { position:absolute; left:0; right:0; top:-40px; font-size:20px; font-weight:bold; color:#333; text-align:center; z-index:2; display:none;  }
.zxArea .p2 ul li:hover span { display:block;  }


.zxArea .p2 ul li.zx_dj01 a i { background:url(/images/zx01.png) no-repeat center right; }
.zxArea .p2 ul li.zx_dj02 a i { background:url(/images/zx03.png) no-repeat center right; }
 
.zxArea .p2 ul li:hover p:before { top: -60%; left: -60%; }
.zxArea .p2 ul li:hover a i { color:#fff; }
.zxArea .p2 ul li.zx_dj01:hover a i { background:url(/images/zx02.png) no-repeat center right; }
.zxArea .p2 ul li.zx_dj02:hover a i { background:url(/images/zx04.png) no-repeat center right; }

@media all and (max-width:1780px){
	.zxArea { padding:40px 0; }
	.zxArea .p1 { float:left; font-size:20px; margin-left:0; }
	.zxArea .p1 .p12 { font-size:24px; }
 
	.zxArea .p2 { float:right; width:400px; margin-right:0; } 
	.zxArea .p2 ul li a i { padding-right:60px; font-size:18px; line-height:60px; }
}
@media all and (max-width:1280px){
	.zxArea { padding:40px 0; }
	.zxArea .p1 { float:left; font-size:18px; margin-left:0; }
	.zxArea .p1 .p12 { font-size:24px; }
	
	.zxArea .p2 { float:right; width:300px; margin-right:0; } 
	.zxArea .p2 ul li { width:48%; margin-right:4%; }
	.zxArea .p2 ul li:last-child { margin-right:0; }
	.zxArea .p2 ul li a i { padding-right:40px; font-size:16px; line-height:50px; background-size:25px 25px!important; } 
}
@media all and (max-width:750px){
	.zxArea { padding:30px 0; }
	.zxArea .p1 { float:none; font-size:16px; margin-left:0; }
	.zxArea .p1 .p12 { font-size:20px; }
	
	.zxArea .p2 { float:none; width:100%; margin-right:0; margin-top:20px; } 
	.zxArea .p2 ul li { width:48%; margin-right:4%; }
	.zxArea .p2 ul li:last-child { margin-right:0; }
	.zxArea .p2 ul li a i { padding-right:30px; font-size:14px; line-height:40px; background-size:16px 16px!important; } 
}

.pageBg{ position:fixed; z-index:999; width:100%; height:100%; display:none; background:rgba(0,0,0,0.5); left:0px; top:0px; cursor:pointer;}


.zzNav{ position: fixed; right: 0; top: -100%; width: 7.7rem; background: #fafafa; height: 100%; z-index: 9999; overflow: hidden;}
.zzNav.on{ opacity: 1; height: 100%; }
.zzNav .main_zz{ padding: 1.4rem 0 0 0.65rem;}
.zzNav .scroll{ overflow: auto; height: 80vh; padding-right: 100px; }

.zzNav .scroll::-webkit-scrollbar {
  width: 4px;
}
.zzNav .scroll::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.zzNav .scroll::-webkit-scrollbar-thumb {
  background-color: #4ba634;
}

.zzNav .title{ font-size: 0.32rem; color: #4ba634; line-height: 0.32rem; font-weight: bold; padding-bottom: 0.15rem;  display: flex; justify-content: space-between; align-items: center;}
.zzNav .title-close{width: 0.4rem;height: 0.4rem;background: #4ba634;position: relative;cursor: pointer; border-radius: 50%; transition: all 0.5s; z-index:2;}
.zzNav .title-close:hover{transform: rotate(180deg);}
.zzNav .title-close::before,
.zzNav .title-close::after{content: '\20'; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #ffffff;}
.zzNav .title-close::before{width: 0.3rem;height: 2px;transform: translate(-50%,-50%) rotate(45deg);}
.zzNav .title-close::after{width: 2px;height: 0.3rem;transform: translate(-50%,-50%) rotate(45deg);}

.zzNav .msg{ font-size: 14px; color: #999; padding-bottom: 0.45rem; }
.zzNav .txt{ font-size: 14px; color: #999; font-weight: bold; padding-bottom: 0.15rem;}
.zzNav .txt em{ color: #4ba634; padding-left: 0.15rem;}
.zzNav .multiple li{ float: left; width: 33.33%; font-size: 0.18rem; padding-bottom: 0.12rem; }
.zzNav .multiple li .lbox{ position: relative; cursor: pointer; padding-left: 0.28rem; height: 0.36rem; line-height: 0.36rem; color: #000; background: url(/images/limg16_1.jpg) left center no-repeat; background-size: 0.16rem; }
.zzNav .multiple .liNow .lbox{ background: url(/images/limg16_1on.jpg) left center no-repeat; background-size: 0.16rem;}
.zzNav .form{ padding-top: 0.1rem; overflow: hidden; }
.zzNav .form ul{ margin-right: -0.4rem; }
.zzNav .form li{ float: left; width: 50%; padding-bottom: 0.15rem; }
.zzNav .form li .box{ margin-right: 0.4rem; }
.zzNav .form li p{ height: 24px; font-size: 14px; color: #888; font-weight: bold; }
.zzNav .form li p em{ color: #4ba634; padding-left: 0.15rem;}
.zzNav .form li .input1{ width: 100%; height: 0.5rem; line-height: 0.5rem; background: #eee; font-size: 14px; }
.zzNav .form2 h2{ color: #888; padding-bottom: 0.1rem; }
.zzNav .form2 textarea{ width: 100%; height: 0.8rem; background: #eee; }
.zzNav .btnDiv{ padding-top: 0.15rem; }
.zzNav .btnDiv a{ display: block; width: 1.92rem; height: 0.5rem; line-height: 0.5rem; background: #4ba634; color: #fff; font-size: 0.16rem; font-weight: bold; text-align:center; position: relative; }
.zzNav .btnDiv a:before{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -0.04rem; width: 0.17rem; height: 0.07rem; background: url(/images/nimg17_1on.png) center no-repeat; background-size: 0.17rem; display:none; }

.zzNav .selectBox{ margin-right: -0.4rem; }
.zzNav .selectBox .leftDiv, .zzNav .selectBox .rightDiv{width: 100%;}
.zzNav .selectBox .ddan{ margin-right: 0.4rem; }
.zzNav .selectBox .bdc{ margin-right: -10px; }
.zzNav .selectBox .liDiv{ width: 50%; float: left; padding-bottom: 10px; position:relative;}
.zzNav .selectBox .liDiv2{ width: 100%; }
.zzNav .selectBox .liDiv p{ height: 24px; font-size: 14px; color: #888; font-weight: bold; }
.zzNav .selectBox .liDiv p em{ color: #4ba634; padding-left: 0.15rem;}

.zzNav .selectBox .liDiv .box{ margin-right: 10px;}
.zzNav .selectBox .select{ width: 100%; position: relative; height: 50px;}
.zzNav .selectBox .select dt{height: 0.5rem;line-height: 0.5rem; border: #4ba634 solid 2px; display: inline-block; width: 100%; background: #fafafa url(../images/selectIco.jpg) no-repeat right center; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; }
.zzNav .selectBox .select dt a{ font-size: 0.18rem; color: #000; position: relative; padding-left: 0.18rem; display: block; text-align: left; overflow: hidden;} 
.zzNav .selectBox .select dd{ margin: 0;position: absolute;left: 0px;top: 0.5rem; z-index: 10; width: 100%; box-sizing: border-box;} 
.zzNav .selectBox .select dd ul {list-style: none; overflow: auto; padding: 0 0.18rem; background: #fff; height:2.05rem;overflow-x:auto;} 
.zzNav .selectBox .select dd ul li{ width:100%; text-align:left; line-height: 0.4rem; height: 0.4rem; cursor: pointer; border-bottom: 1px solid #eee; color: #999; font-size: 14px;}
.zzNav .selectBox .select dd ul li:last-child{ border-bottom:none;}
.zzNav .selectBox .select dd ul li:hover{ color: #4ba634; }
.zzNav .selectBox .select.on dt{ color: #4ba634;}

.zzNav .selectBox .select dd ul::-webkit-scrollbar {
  width: 4px;
}
.zzNav .selectBox .select dd ul::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.zzNav .selectBox .select dd ul::-webkit-scrollbar-thumb {
  background-color: #4ba634;
}

@media screen and (max-width: 750px) {
  .zzNav{width: 100%;}
  .zzNav .main_zz{padding: 1.6rem 4vw 0 4vw;}
  .zzNav .scroll{padding-right: 0;}
  .zzNav .selectBox{margin-right: 0;}
  .zzNav .selectBox .liDiv .box{margin-right: 0;}
  .zzNav .selectBox .select dt{height: 0.8rem; display: flex; align-items: center;}
  .zzNav .selectBox .select dt a{font-size: 0.28rem;}
  .zzNav .selectBox .select dd{top: 0.8rem;}
  .zzNav .selectBox .select dd ul li{height: 0.6rem; line-height: 0.6rem; font-size: 0.28rem;}
  .zzNav .form2 h2{font-size: 0.36rem;}
  .zzNav .btnDiv a{width: 2rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.28rem;}
  .zzNav .btnDiv a:before{right: 0.12rem; margin-top: -0.08rem; width: 0.34rem; height: 0.14rem; background-size: 0.34rem;}
}
 
.footer { background:url(/images/footer.jpg) no-repeat center bottom #51a33c; }
.footArea { padding:45px 0 60px; }
.foot01 { float:left; width:260px; }
.foot01 .p1 img { height:50px; }
.foot01 .p2 { margin-top:60px; }
.foot01 .p2 ul li { float:left; width:110px; text-align:center; margin-right:40px; }
.foot01 .p2 ul li:last-child { margin-right:0; }
.foot01 .p2 ul li p { border-radius:7px; overflow:hidden; }
.foot01 .p2 ul li span { display:block; font-size:14px; color:rgba(255,255,255,0.3); margin-top:10px; }
 
.foot02 { float:right; padding-top:15px; width:285px; }
.foot02 .p1 { font-size:16px; color:#fff; margin-bottom:25px; }
.foot02 .p3 { font-size:14px; color:rgba(255,255,255,0.5); line-height:30px; }
.foot02 .p3 .p31 { float:left; width:60px; text-align-last:justify; }
.foot02 .p3 .p32 { float:left; width:10px; text-align:center; }
.foot02 .p3 .p33 { float:left; width:calc(100% - 70px); }





.foot02 .p2 { font-size:14px; color:rgba(255,255,255,0.5); line-height:25px; }
.foot02 .p2 a { color:rgba(255,255,255,0.5); }
.foot02 .p2 p { padding-left:35px; }
.foot02 .p2 p:nth-child(n + 2) { margin-top:10px; }
.foot02 .p2 p.p21 { background:url(/images/f01.png) no-repeat 0 4px; }
.foot02 .p2 p.p21 a { color:rgba(255,255,255,0.5); }
.foot02 .p2 p.p22 { background:url(/images/f02.png) no-repeat 0 4px; }
.foot02 .p2 p.p23 { background:url(/images/f03.png) no-repeat 0 4px; }

.foot03 { float:right; padding-top:15px; width:54%; }
.foot03 dl { float:left; width:20%; padding-right:15px; box-sizing: border-box; }
.foot03 dl dt { font-size:16px; color:#fff; margin-bottom:25px; }
.foot03 dl dd { margin-bottom:10px; }
.foot03 dl dd:last-child { margin-bottom:0; }
.foot03 dl dd a { font-size:14px; color:rgba(255,255,255,0.5); }
.foot03 dl dd:hover a { color:#fff; }
 
.tail { padding:20px 0; background:#333; font-size:14px; color:rgba(255,255,255,0.3); }
.tail a { color:rgba(255,255,255,0.3); }
.tail a:hover { color:#fff; }

.tail .sjArea { text-align:center; }
 
@media all and (max-width:1780px){
	.foot01 { float:left; width:220px; }
	.foot01 .p2 ul li { width:100px; margin-right:20px; }
	.foot01 .p2 ul li:last-child { margin-right:0; }
	
	.tail { padding:15px 0; }
}
@media all and (max-width:1200px){
	.footArea { padding:40px 0; }
	
	.foot01 .p2 { margin-top:30px; }
	
	.foot02 { float:right; padding-top:15px; width:365px; }
	
	.foot03 { display:none; }
}
@media all and (max-width:750px){
	.footArea { padding:30px 0; }
	.foot01 { float:none; width:100%; }
	.foot01 .p2 { margin-top:20px; width:220px; }
	 
	.foot02 { float:none; padding-top:20px; width:100%; }
	.foot02 .p1 { margin-bottom:15px; }
	.foot02 .p2 p:nth-child(n + 2) { margin-top:5px; }
	.foot02 .p3 { line-height:25px; }
 
	.foot03 { float:right; padding-top:15px; width:54%; }
	.foot03 dl { float:left; width:20%; padding-right:15px; box-sizing: border-box; }
	.foot03 dl dt { font-size:16px; color:#fff; margin-bottom:25px; }
	.foot03 dl dd { margin-bottom:10px; }
	.foot03 dl dd:last-child { margin-bottom:0; }
	.foot03 dl dd a { font-size:14px; color:rgba(255,255,255,0.5); }
	.foot03 dl dd:hover a { color:#fff; }
	 
	.tail { padding:15px 0; font-size:12px; }
}
 
 
 
#fixed-foot { position:fixed; left:0; bottom:0; width:100%; height:70px; background:#fff; text-align:center; z-index:999;display: flex;justify-content:space-around;flex-wrap:nowrap; display:none; }
#fixed-foot li { float:left; width:25%;display: block;}
#fixed-foot li a { display:block; padding:10px 0 0; color:#000000; font-size:14px; }
.fixed-button { display:block; width:30px;height:30px;margin:0 auto 5px;background:url(/images/icon_arr_tel_white.png) no-repeat; overflow:hidden;background-size:contain;}

@media all and (max-width:1200px){
	.wrapper { padding-bottom:70px; }
	#fixed-foot { display:block; } 
}


.sjArea { display:none; }
@media all and (max-width:1200px){
	.pcArea { display:none; }
	.sjArea { display:block; }
}

.back-to { position:fixed; _position:absolute; _top: expression(eval(document.documentElement.scrollTop)+400); bottom:110px; right:50%; margin-right:-670px; display:none; z-index:999; }
.back-to .back-top { display:block; width:44px; height:44px; background:url(/images/top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }

/*告白*/
.ad_closed{width:16px;height:16px;line-height:16px;text-align:center;background:#f00;color:#fff;position:absolute;top:0;right:0;cursor:pointer;}

/*弹出告白*/
#popup{position:fixed;top:50%;left:50%;z-index:9999;}
#ad_shadow{width:100%;background:#000;position:fixed;top:0;left:0;z-index:9000;opacity:0.4;filter:alpha(opacity=40);}

/*漂浮告白*/
#ad1{position:absolute;z-index:9999;}

/*左侧门帘*/
#hangL{position:absolute;left:0;z-index:9999;}

/*右侧门帘*/
#hangR{position:absolute;right:0;z-index:9999;}

/*拉屏告白*/
#bigScreen{position:relative;left:50%;top:0;height:0;overflow:hidden;}
#bigScreen .ad_closed{top:10px;}



 @keyframes jello 
{
    0%,11.1%,100%{transform: none;}
    22.2%{transform: skewX(-12.5deg) skewY(-12.5deg);-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);}
    33.3%{transform: skewX(6.25deg) skewY(6.25deg);-webkit-transform: skewX(6.25deg) skewY(6.25deg);}
    44.4%{transform: skewX(-3.125deg) skewY(-3.125deg);-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);}
    55.5%{transform: skewX(1.5625deg) skewY(1.5625deg);-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);}
    66.6%{transform: skewX(-0.78125deg) skewY(-0.78125deg);-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);}
    77.7%{transform: skewX(0.390625deg) skewY(0.390625deg);-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);}
    88.8%{transform: skewX(-0.195312deg) skewY(-0.195312deg);-webkit-transform: skewX(-0.195312deg) skewY(-0.195312deg);}
}
@-webkit-keyframes jello  /*Safari Chrome*/
{
    0%,11.1%,100%{transform: none;}
    22.2%{transform: skewX(-12.5deg) skewY(-12.5deg);-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);}
    33.3%{transform: skewX(6.25deg) skewY(6.25deg);-webkit-transform: skewX(6.25deg) skewY(6.25deg);}
    44.4%{transform: skewX(-3.125deg) skewY(-3.125deg);-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);}
    55.5%{transform: skewX(1.5625deg) skewY(1.5625deg);-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);}
    66.6%{transform: skewX(-0.78125deg) skewY(-0.78125deg);-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);}
    77.7%{transform: skewX(0.390625deg) skewY(0.390625deg);-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);}
    88.8%{transform: skewX(-0.195312deg) skewY(-0.195312deg);-webkit-transform: skewX(-0.195312deg) skewY(-0.195312deg);}
}
@-moz-keyframes jello  /* Firefox */
{
    0%,11.1%,100%{transform: none;}
    22.2%{transform: skewX(-12.5deg) skewY(-12.5deg);-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);}
    33.3%{transform: skewX(6.25deg) skewY(6.25deg);-webkit-transform: skewX(6.25deg) skewY(6.25deg);}
    44.4%{transform: skewX(-3.125deg) skewY(-3.125deg);-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);}
    55.5%{transform: skewX(1.5625deg) skewY(1.5625deg);-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);}
    66.6%{transform: skewX(-0.78125deg) skewY(-0.78125deg);-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);}
    77.7%{transform: skewX(0.390625deg) skewY(0.390625deg);-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);}
    88.8%{transform: skewX(-0.195312deg) skewY(-0.195312deg);-webkit-transform: skewX(-0.195312deg) skewY(-0.195312deg);}
}
@-o-keyframes jello  /* Opera */
{
    0%,11.1%,100%{transform: none;}
    22.2%{transform: skewX(-12.5deg) skewY(-12.5deg);-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);}
    33.3%{transform: skewX(6.25deg) skewY(6.25deg);-webkit-transform: skewX(6.25deg) skewY(6.25deg);}
    44.4%{transform: skewX(-3.125deg) skewY(-3.125deg);-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);}
    55.5%{transform: skewX(1.5625deg) skewY(1.5625deg);-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);}
    66.6%{transform: skewX(-0.78125deg) skewY(-0.78125deg);-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);}
    77.7%{transform: skewX(0.390625deg) skewY(0.390625deg);-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);}

 <!--耗时1776073663.8688秒-->