@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;padding: 0px;color: #666;font-family:"微软雅黑", Arial, Helvetica, sans-serif;font-size:14px;background:#fff;text-align:left;position:relative;line-height:20px;min-width:1200px;}
img {border: 0;position:relative;}
div,ul,dl,dd,dt,li,p,span,h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;list-style:none;list-style-type: none; word-wrap:break-word;position:relative; border:none;font-weight:400;}
a {color:#666;text-decoration:none;position:relative;cursor:pointer;}
header, footer, nav, section, article, menu, aside {display:block;position:relative;}
textarea { resize:none;font-family:"微软雅黑";font-size:14px;}
table { border-collapse:collapse;border-spacing:0;}
th , td { text-align:left;}
input {font-family:"微软雅黑";font-size:14px;}
input:focus {outline:none;}
input.sub {cursor:pointer; background:none; border:none;}
input.text {background:none; border:none;}
/* common main */
.fl { float:left;}
.fr { float:right;}
.main {width:1200px;margin-left:auto;margin-right:auto;}
.comtab { table-layout:fixed;width:100%;border-collapse:collapse;}

/*---------清除浮动---------*/
.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
.cf{zoom:1;}
.cf:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
/* common main END */

.m-header{position: absolute;left: 0;top: 0; width: 100%;height: 112px;background: url(../images/icon/bg01.jpg) center top no-repeat;z-index: 50;}
.m-header .nav{margin:0 auto; width: 1200px;}
.m-header .nav li{float: left;margin-left: -1px; width: 105px;min-height: 90px;}
.m-header .nav li > a{display: block;padding-top: 20px;width: 100%;height: 70px; text-align: center;}
.m-header .nav li > a p{line-height: 14px; font-size: 12px;color: #006e3f;}
.m-header .nav li > a .p1{position: relative;top: -100px;text-transform: uppercase;}
.m-header .nav li > a .p2{line-height: 30px; font-size: 16px;color: #006e3f;background: url(../images/icon/icon01.png) right center no-repeat;}
.m-header .nav li:last-child a .p2,.m-header .nav li:nth-child(5) a .p2{background: none;}
.m-header .nav li menu{display: none; padding:0; width: 100%;}
.m-header .nav li menu a{display: block;width: 100%;padding:5px 0;text-align: center;color: #006e3f;}
.m-header .nav li menu a .txt{display: inline-block;}
.m-header .nav li menu a .p2{line-height: 14px; font-size: 12px;}
.m-header .nav li menu a:hover p{text-decoration: underline;}
.m-header .nav li.on > a .p1{top: 0;}
.m-header .nav li.on > a .p2{background: none;}
.m-header .nav li.on{background: #91ce39;border-radius: 0 0 7px 7px;-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4);box-shadow: 0 0 15px rgba(0,0,0,0.4);}
.m-header .nav li:hover menu{padding-bottom: 10px;}
.m-header .nav .logo{float: left; padding:0 20px; width: 120px;}
.m-header .nav .logo img{display: block;width: 100%;}

.m-banner{padding-top: 112px;width: 100%;height: 610px;background: #eee; overflow: hidden;}
.m-banner .banner01{position: absolute;left: 50%;margin-left: -960px;}
.m-banner .banner01 .box02{display: none;}
.m-banner .banner01 .box03{margin-left: -600px;width:1200px;}
.m-banner .banner01 .box03 .btn01,.m-banner .banner01 .box03 .btn02{height: 60px;width: 46px;top:270px;}
.m-banner .banner01 .box03 .btn01 span{height: 60px;width: 46px;background-image: url(../images/icon/arrow01-1.png);}
.m-banner .banner01 .box03 .btn02 span{height: 60px;width: 46px;background-image: url(../images/icon/arrow01-2.png);}

.m-round{position:absolute; top: -100px;left: 0; width: 100%;height: 100px;overflow: hidden;}
.m-round .bg{position: absolute;top: 0;left: 50%;margin-left: -4700px; width: 9400px;height: 9400px;background: #eeeeee; border-radius: 50%;}
.m-round02{top: auto;bottom: -100px;}
.m-round02 .bg{top: auto;bottom: 0;}

.m-title{width: 100%;text-align: center;}
.m-title h3{line-height: 42px; font-size: 30px;color: #313a46;}
.m-title p{line-height: 26px; font-size: 14px;color: #999;text-transform: uppercase;}

.m-section01{position: relative;padding-top: 1px; width: 100%;background: #eee;}
.m-section01 .m-title{margin-top: 40px;}

.m-section01 .item{margin:0 auto;padding-top: 10px; width:948px;}
.m-section01 .item a{display: block;position: relative; float: left; margin:0 8px;padding-top: 115px; text-align: center; width: 300px;height: 65px;}
.m-section01 .item a h4{line-height: 30px; font-size: 18px;color: #fff;}
.m-section01 .item a p{line-height: 26px; font-size: 14px;color: #999;text-transform: uppercase;}
.m-section01 .item a .photo{display: block; position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.m-section01 .item a .photo img{display: block;width: 100%;opacity: 0;filter:Alpha(opacity=0); overflow: hidden;-webkit-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(1.1);transform: scale(1.1);}
.m-section01 .item a .shadow{position: absolute;top: 180px;left: 0;width: 100%; height: 16px;background: url(../images/icon/shadow.png) center top no-repeat;}
.m-section01 .item a.item01{background-image: url(../images/icon/bg02-1.jpg);}
.m-section01 .item a.item02{background-image: url(../images/icon/bg02-2.jpg);}
.m-section01 .item a.item02 h4{color: #333;}
.m-section01 .item a.item02 p{color: #666;}
.m-section01 .item a.item03{background-image: url(../images/icon/bg02-3.jpg);}
.m-section01 .item a:hover .photo img{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: scale(1);transform: scale(1);}

.m-section01 .show{margin:30px auto 0; width: 1165px;}
.m-section01 .show .group{float: left;width: 936px;}
.m-section01 .show .group a{display: block;position: relative; float: left;margin:0 10px 10px 0; width: 224px;height: 224px;text-align: center; overflow: hidden;}
.m-section01 .show .group a img{display: inline-block;height: 100%;transition: all 0.8s;-moz-transition: all 0.8s;-webkit-transition: all 0.8s;-o-transition: all 0.8s;}
.m-section01 .show .group a p{display: none; position: absolute;left: 0;bottom: 0;padding:0 3%; width: 94.5%;height: 36px;line-height: 36px;font-size: 18px;color: #fff;background: rgba(85,141,11,0.8);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-section01 .show .group a.lg{width: 458px;}
.m-section01 .show .group a:hover img{transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.m-section01 .show .group a:hover p{display: block;}
.m-section01 .show .more{float: right;width: 224px;}
.m-section01 .show .more a{display: block;width: 100%;height: 458px;background: center center / 100% no-repeat; overflow: hidden;}
.m-section01 .show .more a h5{margin-top: 24px;margin-left: 15px; line-height: 26px; font-size: 24px;color: #fff;}
.m-section01 .show .more a .icon{display: block;margin-left: 15px;margin-top: 15px; width: 34px;height: 34px;border:1px solid #fff;background: url(../images/icon/arrow02.png) center center no-repeat;border-radius: 50%;}
.m-section01 .show .more a:hover{opacity: 0.8;filter:Alpha(opacity=80);}

.m-section01 .bannernum{margin-top: -85px; text-align: center;z-index: 20;}
.m-section01 .bannernum span{display: inline-block; margin:0 4px;width: 8px;height: 8px;font-size: 0; border-radius: 50%; background: #999;cursor: pointer;}
.m-section01 .bannernum span.on{background: #558d0b;}

.m-section01 .g-item{margin:50px auto 0;padding-bottom: 110px; width: 1200px;}
.m-section01 .g-item div{float: left;margin:0 8px; padding-bottom: 14px;width: 222px;background: #fff; border:1px solid #ddd;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.m-section01 .g-item div .title{display: block;position: relative; width: 100%;height: 119px;background: center 19px no-repeat; border-bottom: 1px solid #ddd;overflow: hidden;}
.m-section01 .g-item div .title span{display: block; position: absolute;left: 0;top: 80px;width: 100%;text-align: center;font-size: 18px;color: #313a46;z-index: 30;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;}
.m-section01 .g-item div .title img{display: block;position: absolute;top: 0;left: 0; width: 100%;opacity: 0;filter:Alpha(opacity=0); transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;}
.m-section01 .g-item div p{margin:0 auto;padding-top: 15px; width: 198px;height: 72px; line-height: 24px;font-size: 14px;color: #666;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.m-section01 .g-item div a{display: block;margin:25px auto 0; width: 90px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #999;border:1px solid #ddd;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.m-section01 .g-item div a:hover{color: #fff; background: #558d0b;border-color: #558d0b;}
.m-section01 .g-item div:hover{transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -webkit-box-shadow: 0 6px 20px rgba(0,0,0,0.2); box-shadow: 0 6px 20px rgba(0,0,0,0.2);}
.m-section01 .g-item div:hover .title img{opacity: 10;filter:Alpha(opacity=100);}
.m-section01 .g-item div:hover .title span{top: 55px; color: #fff;}

.m-section02{padding:30px 0 100px; background: #fff;}
.m-section02 .news{margin:30px auto 0; width: 1200px;}
.m-section02 .news .primary{float: left;padding-bottom: 10px; width: 580px;}
.m-section02 .news .primary .photo{display: block;width: 100%;height: 200px; overflow: hidden;}
.m-section02 .news .primary .photo img{display: block;width: 100%;}
.m-section02 .news .primary h5{margin:15px 0 0 0; padding:0 20px;width: 540px;height: 48px;line-height: 48px; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-section02 .news .primary p{padding:0 20px;width: 540px;height: 72px;line-height: 24px; font-size: 14px;color: #999;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.m-section02 .news .primary a{display: block;margin:20px 0 0 20px; width: 98px;height: 34px;line-height: 34px;text-align: center;color: #999; border:1px solid #ddd;}
.m-section02 .news .primary a:hover{color: #fff; background: #558d0b;border-color: #558d0b;}
.m-section02 .news .primary:hover h5{color: #558d0b;}
.m-section02 .list{float: right;width: 580px;}
.m-section02 .list a{display: block;padding-left: 5%; width: 95%;padding-bottom: 30px;margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.m-section02 .list a .date{float: left;display: block; width: 80px;}
.m-section02 .list a .date .p1{text-align: center;line-height: 62px; font-size: 60px;color: #333;}
.m-section02 .list a .date .p2{text-align: center;font-size: 16px;color: #333;}
.m-section02 .list a h5{float: right;width: 446px;height: 20px;line-height: 20px; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-section02 .list a .info{float: right;margin-top: 14px; width: 446px;height: 48px;line-height: 24px; font-size: 14px;color: #999;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.m-section02 .list a:hover h5{color: #558d0b;}
.m-section02 .list a:hover .date p{color: #558d0b;}

.m-section02 .contact{position: relative; margin:60px auto 0; width: 1200px;}
.m-section02 .contact .map{float: left; width: 600px;height: 440px;overflow: hidden;}
.m-section02 .contact .form{float: right;width: 540px;}
.m-section02 .contact .form h4{line-height: 34px;text-align: center; font-size: 24px;color: #000;}
.m-section02 .contact .form .info{line-height: 24px; text-align: center;font-size: 14px;color: #999;}
.m-section02 .contact .form label{display: block; font-size: 14px;color: #777;clear: both;}
.m-section02 .contact .form label span{color: #ff1e3e;}
.m-section02 .contact .form .group{width: 540px;}
.m-section02 .contact .form .group .box{float: left;width: 260px;}
.m-section02 .contact .form .group{margin-top: 20px;}
.m-section02 .contact .form .group input{display: block;margin-left:18px;margin-top: 5px; padding:0 10px; width: 220px;height: 30px;line-height: 30px;  border:none;border-bottom: 1px solid #ddd;}
.m-section02 .contact .form .group input:focus{border-color: #558d0b;}
.m-section02 .contact .form .group02{margin-top: 30px; width: 540px;}
.m-section02 .contact .form .group02 .box{float: left;padding-left: 18px;margin-top: 10px; width: 242px;}
.m-section02 .contact .form .group02 .box select{margin-right:5px; padding:0 10px; width: 200px;height: 30px;line-height: 30px;text-align: right; outline: none; border:none;border-bottom: 1px solid #ddd;}
.m-section02 .contact .form .group02 .box select:focus{border-color: #558d0b;}
.m-section02 .contact .form .group02 .box span{color: #333;}
.m-section02 .contact .form .group03{margin-top: 50px; width: 540px;}
.m-section02 .contact .form .group03 span{margin:0 5px 0 18px; color: #333;}
.m-section02 .contact .form .group03 input{padding:0 10px;width: 430px;height: 30px;line-height: 30px; border:none;border-bottom: 1px solid #ddd;}
.m-section02 .contact .form .group03 input:focus{border-color: #558d0b;}
.m-section02 .contact .form .submit{display: block;margin:30px auto 0; width: 218px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;color: #558d0b;background: #fff;border:1px solid #558d0b;border-radius: 3px;cursor: pointer;}
.m-section02 .contact .form .submit:hover{-webkit-box-shadow: 0 0 10px #558d0b;box-shadow: 0 0 10px #558d0b;}
.m-section02 .contact .shadow{position: absolute;bottom: -60px;left: 0; width: 100%;height: 60px;background: url(../images/icon/shadow02.png) center top no-repeat;}

.m-banner02{position: fixed;top: 0;left: 0; width: 100%;height: 100%;z-index: -1;}
.m-banner02 ul{width: 100%;height: 100%;}
.m-banner02 ul li{position: absolute;left: 0;top: 0; width: 100%;height: 100%;background: center center / auto 100% no-repeat;}
.m-banner02-text{position: absolute; left: 0;top: -450px; margin:0; width: 100%;text-align: center;color: #fff; z-index: 30;}
.m-banner02-text ul{display: inline-block; padding:8px;border:1px solid #201602;}
.m-banner02-text li{display: none;padding: 5px 40px; background: #000;opacity: 0.8;filter:Alpha(opacity=80);}
.m-banner02-text li.on{display: block;}
.m-banner02-text li .p1{padding-top: 8px; font-size: 16px;text-transform: uppercase;}
.m-banner02-text li .p2{font-size: 24px;line-height: 44px;}

.btm-nav{width: 100%; height: 48px;background: #fff; border-top: 2px solid #558d0b;}
.btm-nav a{display: block;float: left;margin-right: 40px; height: 48px;line-height: 48px;font-size: 16px;color: #333;}
.btm-nav a:hover{color: #558d0b;}

.m-footer{padding-top: 30px; width: 100%;background: #dedede;}
.m-footer .group{float: left;margin-right:100px;}
.m-footer .group .title p{line-height: 18px; font-size: 12px;text-transform: uppercase; color: #558d0b;}
.m-footer .group .title h5{line-height: 24px; font-size: 16px;font-weight: bold; color: #333;}
.m-footer .group .search{margin-top: 40px;}
.m-footer .group .search .text{display: block; float: left;padding:0 10px; width: 238px;height: 38px;line-height: 38px;background: #fff; border:1px solid #558d0b;}
.m-footer .group .search .btn{display: block; float: left;width: 80px; height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;background: #558d0b;border:none;cursor: pointer;}
.m-footer .group .search .btn:hover{opacity: 0.8;filter:Alpha(opacity=80);}
.m-footer .group .info{margin-top: 15px;}
.m-footer .group .info li{line-height: 24px;color: #666;}
.m-footer .qr-code{float: left;}
.m-footer .qr-code .box{float: left;width: 120px;}
.m-footer .qr-code .box p{text-align: center;line-height: 26px; font-size: 16px;font-weight: bold;}
.m-footer .qr-code .box .photo{margin:0 auto; width: 100px;}
.m-footer .qr-code .box .photo img{display: block;width: 100%;}
.m-footer .btm{margin-top: 15px; height: 60px;line-height: 60px;text-align: center;font-size: 12px;color: #666;}
.m-footer .btm span{margin:0 7px;}
.m-footer .btm a{color: #666;}
.m-footer .btm a:hover{color: #558d0b;}

/* 子页样式 */
.z-banner{position: relative;padding-top: 112px; width: 100%;height: 288px;overflow: hidden;}
.z-banner .title{position: absolute;bottom: 40px; left: 50%; margin-left: -600px; width: 1200px;}
.z-banner .title p{line-height: 48px; font-size: 36px;color: #fff;}
.z-banner img{display: block; position: relative;left: 50%;top: 0; width: 1920px;margin-left: -960px;}

.z-nav-box{width: 100%;height: 161px;overflow: hidden;}
.z-nav{width: 100%;background: #fff;border-bottom:1px solid #ddd;}
.z-nav ul{position: relative;}
.z-nav ul li{position: static; float: left;margin-right:20px;}
.z-nav ul li > a{display: block;margin-bottom: -1px; padding:0 40px 0 20px; height: 80px;line-height: 80px;text-align: center; font-size: 18px;background: url(../images/icon/arrow03.png) right center no-repeat;}
.z-nav ul li > a .txt{display: inline-block; vertical-align: middle;}
.z-nav ul li > a .p1{line-height:20px;font-size: 18px;}
.z-nav ul li > a .p2{margin-top: 5px;line-height:20px; font-size: 14px;}
.z-nav ul li > a.on{height: 76px;line-height: 76px; color: #558d0b;background-image: url(../images/icon/arrow03-1.png); border-bottom: 4px solid #558d0b;}
.z-nav ul li:hover > a{color: #558d0b;background-image: url(../images/icon/arrow03-1.png);}
.z-nav ul li menu{display: none;position: absolute;top: 80px;left: 50%;margin-left: -5000px; width: 10000px;padding:20px 0;background: #fff;z-index: 30;}
.z-nav ul li menu a{display: block;float: left;margin:0 10px; padding:0 20px; height: 38px;line-height: 38px;font-size: 16px;color: #333; border:1px solid #ddd;border-radius: 19px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.z-nav ul li menu a:hover,.z-nav ul li menu a.on{color: #fff; background: #558d0b;border-color: #558d0b;}

.z-con{width: 100%;}
.z-con .con{margin:0 auto;padding: 40px 0 0; width: 1000px;line-height: 36px; font-size: 16px;color: #666;}
.z-con .con img{max-width: 100%;}

.z-con .con02{padding:40px 0 100px;}
.z-con .con02 .banner04{margin:0 auto;}
.z-con .con02 .banner04 .box01{height: 540px;background: #fff;}
.z-con .con02 .banner04 .box01 a{height: 540px;line-height: 540px;}
.z-con .con02 .banner04 .box01 a img{display: inline-block; vertical-align: middle;}
.z-con .con02 .banner04 .box01 ul li p{padding:0 2%;height: 40px;line-height: 40px; font-size: 18px;}
.z-con .con02 .banner04 .box02{padding:15px 0;}
.z-con .con02 .banner04 .box02 .num .sel{background: #fff;}
.z-con .con02 .banner04 .box03{margin-left: -360px; width: 720px;}
.z-con .con02 .banner04 .box03 .btn01,.z-con .con02 .banner04 .box03 .btn02{top: 240px; width: 45px;height: 60px;}
.z-con .con02 .banner04 .box03 .btn01 span{width: 45px;height: 60px;background-image:url(../images/icon/arrow05-1.png);}
.z-con .con02 .banner04 .box03 .btn02 span{width: 45px;height: 60px;background-image:url(../images/icon/arrow05-2.png);}
.z-con .con02 .banner04 .box04 p{top:-87px;}
.z-con .con02 .box02 .num li p{height: 94px;line-height: 94px; overflow: hidden;}
.z-con .con02 .banner04 .box02 .num li p img{display: inline-block;vertical-align: middle;}
.z-con .con02 .box02 .num .sel p{border-color: #558d0b;}

.z-con .con03{padding:40px 0 100px;}
.z-con .con03 .banner04{margin:0 auto;}
.z-con .con03 .banner04 .box01{height: 660px;background: #fff;}
.z-con .con03 .banner04 .box01 a{height: 660px;line-height: 660px;text-align: center;}
.z-con .con03 .banner04 .box01 li a img{display: inline-block; vertical-align: middle; width: auto;height: 100%;}
.z-con .con03 .banner04 .box01 ul li p{padding:0 2%;line-height: 40px; font-size: 18px;}
.z-con .con03 .banner04 .box02{padding:20px 0;}
.z-con .con03 .banner04 .box02 .num .sel{background: #fff;}
.z-con .con03 .banner04 .box03{margin-left: -500px; width: 1000px;}
.z-con .con03 .banner04 .box03 .btn01,.z-con .con03 .banner04 .box03 .btn02{top: 300px; width: 45px;height: 60px;}
.z-con .con03 .banner04 .box03 .btn01 span{width: 45px;height: 60px;background-image:url(../images/icon/arrow05-1.png);}
.z-con .con03 .banner04 .box03 .btn02 span{width: 45px;height: 60px;background-image:url(../images/icon/arrow05-2.png);}
.z-con .con03 .banner04 .box04 p{top:-87px;}
.z-con .con03 .box02 .num li p{height: 94px;line-height: 94px; overflow: hidden;}
.z-con .con03 .banner04 .box02 .num li p img{display: inline-block;vertical-align: middle;}
.z-con .con03 .box02 .num .sel p{border-color: #558d0b;}

.z-con .date{margin:25px auto 0; width: 72px;height: 72px;background: #fff;border:2px solid #558d0b;}
.z-con .date .p1{margin-top: 7px; line-height: 35px; text-align: center; font-size: 27px;}
.z-con .date .p2{line-height: 20px; text-align: center;}

.z-con .share{margin:40px auto 0; width: 1000px;color: #666;}
.z-con .share .bdsharebuttonbox{display: inline-block;vertical-align: middle;}

.z-totop{margin:0 0 120px; width: 1000px;}
.z-totop .btn{display: block;margin:-20px auto 0;padding-top: 20px; width: 40px;height: 20px;line-height: 14px; text-align: center;font-size: 12px;color: #4a4a5c; background: #ddd url(../images/icon/arrow04.png) center 9px no-repeat; border-radius: 50%;}

.z-list .list{margin:0 auto;padding:0 0 0; width: 1260px;}
.z-list .list a{display: block;float: left;margin:0 30px 50px; width: 360px;background: #fff; transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;}
.z-list .list a .photo{display: block;width: 100%;height: 240px;overflow: hidden;}
.z-list .list a .photo img{display: block;width: 100%;}
.z-list .list a p{padding:0 24px; height: 80px;line-height: 80px;font-size: 18px;color: #333;background: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z-list .list a:hover{-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);box-shadow: 0 0 30px rgba(0,0,0,0.3);}

.z-list .list02{margin:0 auto;padding:0 0 60px; width: 1224px;}
.z-list .list02 a{display: block;float: left;margin:0 13px 40px;padding-bottom: 10px; width: 280px;background: #fff; transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;}
.z-list .list02 a .photo{display: block;width: 100%;height: 370px;line-height: 370px;text-align: center; overflow: hidden;}
.z-list .list02 a .photo img{display: block;width: 100%;}
.z-list .list02 a .p1{padding:0 20px; height: 56px;line-height: 56px;font-size: 18px;color: #333;background: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z-list .list02 a .p2{display: inline-block; padding:0 20px; height: 30px;line-height: 30px;font-size: 14px;color: #558d0b;background: #d9e9c4;border-radius: 0 15px 15px 0;}
.z-list .list02 a .p3{padding:0 20px;height: 36px;line-height: 36px;font-size: 14px;color: #999;}
.z-list .list02 a .p3 span{float: right;font-size: 24px;color: #558d0b;}
.z-list .list02 a:hover{-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);box-shadow: 0 0 30px rgba(0,0,0,0.3);}

.z-list .list03 a .photo{height: 280px;}

.z-list .list04 a .photo img{display: inline-block;vertical-align: middle; width: auto; height: 100%;}

.z-title{width: 100%;height: 60px;line-height: 60px;text-align: center;font-size: 30px;color: #333; background: #fff;}

.z-recommend{margin:100px auto 50px; width: 1240px;}
.z-recommend h4{margin-left: 20px; padding-left: 12px; height: 20px;line-height: 20px;font-weight: bold; font-size: 18px;color: #333;border-left: 6px solid #558d0b;}
.z-recommend .banner05{margin-top:6px;}
.z-recommend .banner05 .box01{padding:20px;}
.z-recommend .banner05 .box01 a{transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;}
.z-recommend .banner05 .box01 a .photo{width: 100%;height: 280px;overflow: hidden;}
.z-recommend .banner05 .box01 a .photo img{display: block;width: 100%;}
.z-recommend .banner05 .box01 a p{padding:0 20px; height: 80px;line-height: 80px;font-size: 18px; background: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z-recommend .banner05 .box01 a:hover{-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);box-shadow: 0 0 20px rgba(0,0,0,0.4);}
.z-recommend .banner05 .box02 p{opacity: 0;filter:Alpha(opacity=0);}
.z-recommend .banner05 .box02 .btn01{left: 21px;top: 170px;width: 45px;height: 60px;background: #000;}
.z-recommend .banner05 .box02 .btn02{right: 21px;top: 170px;width: 45px;height: 60px;background: #000;}
.z-recommend .banner05 .box02 .btn01 span{background-image:url(../images/icon/arrow05-1.png);}
.z-recommend .banner05 .box02 .btn02 span{background-image:url(../images/icon/arrow05-2.png);}
.z-recommend .banner05:hover .box02 p{opacity: 0.5;filter:Alpha(opacity=50);}
.z-recommend .banner05 .box02 .btn01:hover{opacity: 0.8;filter:Alpha(opacity=80);}
.z-recommend .banner05 .box02 .btn02:hover{opacity: 0.8;filter:Alpha(opacity=80);}

.z-pagination{margin:0 auto 40px; width: 1200px;height: 40px;text-align: center; background: #fff;}
.z-pagination .group{display: inline-block;}
.z-pagination .group a{display: block;float: left;margin:0 2px; padding:0 10px; height: 40px;line-height: 40px; }
.z-pagination .group p{display: block;float: left;margin:0 2px; padding:0 10px; height: 40px;line-height: 40px; }
.z-pagination .group a.a1{margin:0 6px;}
.z-pagination .group a:hover,.z-pagination .group a.on{color: #fff;background: #558d0b;}
.z-pagination .group a.a1:hover{height: 36px; color: #558d0b;background: #fff;border-bottom: 4px solid #558d0b;}

.z-pagination02{margin:30px auto 0;padding:10px 20px; width: 960px;background: #fff;}
.z-pagination02 a{display: block;padding-left: 40px;max-width: 380px; height: 24px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z-pagination02 .prev{float: left; background: url(../images/icon/arrow06-1.png) left center no-repeat;}
.z-pagination02 .prev:hover{color: #558d0b; background-image: url(../images/icon/arrow06-3.png);}
.z-pagination02 .next{float: right; background: url(../images/icon/arrow06-2.png) left center no-repeat;}
.z-pagination02 .next:hover{color: #558d0b; background-image: url(../images/icon/arrow06-4.png);}

.z-filter{margin:25px auto; width: 1200px;background: #fff;}
.z-filter ul{padding:20px 0;}
.z-filter ul li{float: left;height: 22px;line-height: 22px;}
.z-filter ul li p{padding:0 30px;margin-right: 35px;font-size: 16px; border-right: 1px solid #ddd;}
.z-filter ul li a{display: block;margin-right:30px; padding:0 10px; height: 22px;line-height: 22px;font-size: 16px;color: #333;}
.z-filter ul li a.on,.z-filter ul li a:hover{color: #558d0b;}

.z-contact{position: relative; margin:60px auto 120px; width: 1200px;background: #fff;}
.z-contact .map{float: left; width: 600px;height: 440px;overflow: hidden;}
.z-contact .map img{display: block;width: 100%;}
.z-contact .form{float: right;width: 540px;}
.z-contact .form h4{margin-top:20px; line-height: 34px;text-align: center; font-size: 24px;color: #000;}
.z-contact .form .info{line-height: 24px; text-align: center;font-size: 14px;color: #999;}
.z-contact .form label{display: block; font-size: 14px;color: #777;clear: both;}
.z-contact .form label span{color: #ff1e3e;}
.z-contact .form .group{width: 540px;}
.z-contact .form .group .box{float: left;width: 260px;}
.z-contact .form .group{margin-top: 20px;}
.z-contact .form .group input{display: block;margin-left:18px;margin-top: 5px; padding:0 10px; width: 220px;height: 30px;line-height: 30px;  border:none;border-bottom: 1px solid #ddd;}
.z-contact .form .group input:focus{border-color: #558d0b;}
.z-contact .form .group02{margin-top: 30px; width: 540px;}
.z-contact .form .group02 .box{float: left;padding-left: 18px;margin-top: 10px; width: 242px;}
.z-contact .form .group02 .box select{margin-right:5px; padding:0 10px; width: 200px;height: 30px;line-height: 30px;text-align: right; outline: none; border:none;border-bottom: 1px solid #ddd;}
.z-contact .form .group02 .box select:focus{border-color: #558d0b;}
.z-contact .form .group02 .box span{color: #333;}
.z-contact .form .group03{margin-top: 50px; width: 540px;}
.z-contact .form .group03 span{margin:0 5px 0 18px; color: #333;}
.z-contact .form .group03 input{padding:0 10px;width: 430px;height: 30px;line-height: 30px; border:none;border-bottom: 1px solid #ddd;}
.z-contact .form .group03 input:focus{border-color: #558d0b;}
.z-contact .form .submit{display: block;margin:30px auto 0; width: 218px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;color: #558d0b;background: #fff;border:1px solid #558d0b;border-radius: 3px;cursor: pointer;}
.z-contact .form .submit:hover{-webkit-box-shadow: 0 0 10px #558d0b;box-shadow: 0 0 10px #558d0b;}
.z-contact .shadow{position: absolute;bottom: -60px;left: 0; width: 100%;height: 60px;background: url(../images/icon/shadow02.png) center top no-repeat;}

.z-list02{margin:10px auto 40px; width: 1200px;border-top: 1px solid #ddd;}
.z-list02 a{display: block;position: relative; padding:60px 0;border-bottom: 1px solid #ddd;}
.z-list02 a .date{display: block;float: left;margin-left: 20px;margin-right: 40px; width: 74px;height: 74px;background: #fff;border:3px solid #ddd;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.z-list02 a .date .p1{margin-top: 7px; line-height: 40px; text-align: center;font-weight: bold; font-size: 36px;}
.z-list02 a .date .p2{line-height: 20px; text-align: center;}
.z-list02 a h5{float: left;width: 700px; font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z-list02 a .info{float: left;margin-top:20px; width: 700px;line-height: 20px; font-size: 14px;color: #999; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.z-list02 a .photo{display: block;position: absolute; right:0;top: 50%;margin-top: -60px; width: 180px;height: 120px;overflow: hidden;}
.z-list02 a .photo img{display: block;width: 100%;}
.z-list02 a:hover .date{margin-right: 70px; color: #fff;background: #558d0b;border-color: #558d0b;}
.z-list02 a:hover h5{color: #558d0b;}

.z-list03{margin:20px auto 0; width: 1224px;}
.z-list03 a{display: block;float: left; margin:0 12px 50px;width: 180px;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;}
.z-list03 a .photo{display: block;width: 100%;height: 240px;overflow: hidden;}
.z-list03 a .photo img{display: block;width: 100%;}
.z-list03 a p{padding:0 10px; height: 50px; line-height: 50px;font-size: 16px; background: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z-list03 a:hover{-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);box-shadow: 0 0 30px rgba(0,0,0,0.3);}

.leave-word{position: relative; margin:0 auto 90px; width: 1200px;height: 680px;background: url(../images/icon/bg03.jpg) center center no-repeat;}
.leave-word h3{padding-top:80px; text-align: center;line-height: 32px; font-size: 30px;color: #313a46;}
.leave-word form{margin: 65px auto 0;padding:60px 100px 0; width: 600px;height: 340px;background: rgba(255,255,255,0.1); border:1px solid #fff;border-radius: 14px;}
.leave-word .group input{display: block; padding:0 15px; width: 258px;height: 48px;line-height: 48px;font-size: 16px; background: #fff; border:1px solid #ddd;}
.leave-word textarea{margin:20px 0; padding:5px 15px; width: 568px;height: 96px; line-height: 24px;font-size: 16px; border:1px solid #ddd;}
.leave-word .group02 .text{display: block; padding:0 15px; width: 138px;height: 48px;line-height: 48px;font-size: 16px; background: #fff; border:1px solid #ddd;}
.leave-word .group02 a{display: block;width: 119px;height: 48px;border:1px solid #ddd;border-left: none;}
.leave-word .group02 a img{display: block;width: 100%; height: 100%;}
.leave-word .group02 .submit{display: block; padding:0 15px; width: 288px;height: 50px;line-height: 50px;font-size: 18px;color: #fff; background: #558d0b;border:none;cursor: pointer;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.leave-word .group02 .submit:hover{opacity: 0.8;filter:Alpha(opacity=80);}
.leave-word .shadow{position: absolute;bottom: -60px;left: 0; width: 100%;height: 60px;background: url(../images/icon/shadow02.png) center top no-repeat;}

.z-contact02{position: relative; margin:0 auto 90px;padding:40px; width: 1120px;background: #fff;}
.z-contact02 .shadow{position: absolute;bottom: -60px;left: 0; width: 100%;height: 60px;background: url(../images/icon/shadow02.png) center top no-repeat;}
.z-contact02 .map{width: 600px;height: auto;}
.z-contact02 .info{width: 450px;}
.z-contact02 .info h4{line-height: 26px; font-size: 24px;font-weight: bold;}
.z-contact02 .info .photo{margin-top: 35px; width: 100%;height: 295px;overflow: hidden;}
.z-contact02 .info .photo img{display: block;width: 100%;}
.z-contact02 .info .con{padding-top: 15px;}
.z-contact02 .info .con p{margin-top: 25px;line-height: 24px; font-size: 16px;}

.z-list04{margin:0 auto;padding-bottom:10px; width: 1200px;}
.z-list04 .info{height: 70px;line-height: 70px; font-size: 18px;}
.z-list04 .info span{color: #558d0b;}
.z-list04 a{display: block;margin-bottom: 20px; padding:28px 0;background: #fff;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.z-list04 a p{padding-left: 15px;width: 90%;height: 24px;line-height: 24px;font-size: 18px; border-left: 4px solid #558d0b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z-list04 a:hover{-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);box-shadow: 0 0 20px rgba(0,0,0,0.2);}

.m-sideBar{position: fixed;right: 40px;top:50%;width: 42px;border-top: 1px solid #ddd;z-index: 120;}
.m-sideBar .btn{display: block;position: relative;width: 40px;height: 40px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;cursor: pointer;}
.m-sideBar .a1{background:#fff url(../images/icon/icon03-11.png) center center no-repeat;}
.m-sideBar .a2{background:#fff url(../images/icon/icon03-21.png) center center no-repeat;}
.m-sideBar .a3{background:#fff url(../images/icon/icon03-31.png) center center no-repeat;}
.m-sideBar .a4{background:#fff url(../images/icon/icon03-41.png) center center no-repeat;}
.m-sideBar .a5{background:#fff url(../images/icon/icon03-51.png) center center no-repeat;}
.m-sideBar .a1:hover{background:#558d0b url(../images/icon/icon03-12.png) center center no-repeat;}
.m-sideBar .a2:hover{background:#558d0b url(../images/icon/icon03-22.png) center center no-repeat;}
.m-sideBar .a3:hover{background:#558d0b url(../images/icon/icon03-32.png) center center no-repeat;}
.m-sideBar .a4:hover{background:#558d0b url(../images/icon/icon03-42.png) center center no-repeat;}
.m-sideBar .a5:hover{background:#558d0b url(../images/icon/icon03-52.png) center center no-repeat;}

.m-sideBar .btn .box{visibility: hidden;position: absolute;top: 20px;right: 40px; cursor: pointer;border:1px solid #ddd;opacity: 0; -webkit-opacity: 0; -o-opacity: 0; -moz-opacity: 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.1); -o-box-shadow: 0 0 20px rgba(0,0,0,0.1); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.m-sideBar .btn .box span{display: block;padding: 0 15px;height: 40px;line-height: 40px;font-weight: bold;font-size: 20px;text-align: center;background: #558d0b;color: #fff;white-space: nowrap;}
.m-sideBar .btn .box p{display: block;padding: 10px 10px;width: 110px;height: 110px;background: #fff;}
.m-sideBar .btn .box p img{width: 100%;}
.m-sideBar .btn .box i{display: block;position: absolute;top:10px;left: -1px;width: 4px;height: 20px;background: #313a46;}
.m-sideBar .btn .box h6{padding: 10px 10px;width: 120px;font-size: 16px;}
.m-sideBar .btn .box a{display: block;margin:10px 0 0 15px; width: 98px;height: 24px;line-height: 24px;text-align: center;color: #558d0b; border:1px solid #558d0b; border-radius: 13px;}
.m-sideBar .btn .box a:hover{color: #fff;background: #558d0b;}
.m-sideBar .btn .box02{padding-bottom: 15px;background: #fff;}
.m-sideBar .btn:hover .box{ visibility: visible; top: -1px; opacity:1; -webkit-opacity:1; -o-opacity:1; -moz-opacity:1; }

.g-null{margin:70px 0; width: 100%;padding: 240px 0 30px;background: url(../images/icon/period01.png) center top no-repeat;}
.g-null p{font-size: 20px;text-align: center;color: #999;}

.z-404{min-height: 720px;text-align: center;}
.z-404 img{margin-top: 280px;}
.z-404 .p1{margin-top: 20px; font-size: 30px; }
.z-404 .p2{margin-top: 15px; color: #999; }
.z-404 .p2 span{color: #558d0b;}
.z-404 .p2 a{color: #558d0b;}
.z-404 .p2 a:hover{text-decoration: underline;}

.z-area{position: relative; margin:20px auto 100px; width: 1200px;height: 720px;}
.z-area > img{display: block;width: 100%;}
.z-area .shadow{position: absolute;bottom: -60px;left: 0; width: 100%;height: 60px;background: url(../images/icon/shadow02.png) center top no-repeat;}

.z-area .map-area{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 20;}
.z-area .map-area a{display: block;text-align: center; position: absolute;}
.z-area .map-area a .icon{display: inline-block;width: 101px;height: 112px; background: url(../images/icon/icon04.png) no-repeat center center;}
.z-area .map-area a img{display: block;margin:0 auto;}
.z-area .map-area a.a0{top: 0;left: 0; width: 0;height: 0;}
.z-area .map-area a.a1{top: 350px;left: 222px;}
.z-area .map-area a.a2{top: 5px;left: 329px;}
.z-area .map-area a.a3{top: 7px;left: 660px;}
.z-area .map-area a.a4{top: 226px;left: 662px;}
.z-area .map-area a.a5{top: 400px;left: 503px;}
.z-area .map-area a.a6{top: 464px;left: 552px;}
.z-area .map-area a:hover .icon{animation: ghmove 0.4s linear infinite alternate;}
@keyframes ghmove{
	from {transform: translateY(0);}
	to {transform: translateY(10px);}
}


.z-area .map-mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.z-area .map-mask li{display: none;position: absolute;z-index: 10;}
.z-area .map-mask li.mask01{top: 295px;left: 1px;}
.z-area .map-mask li.mask02{top: 4px;left: 255px;}
.z-area .map-mask li.mask03{top: 46px;left: 499px;}
.z-area .map-mask li.mask04{top: 186px;left: 596px;}
.z-area .map-mask li.mask05{top: 119px;left: 150px;}
.z-area .map-mask li.mask06{top: 538px;left: 433px;}

.z-area .map-list{position: absolute;top: 0;right: 0;padding:0 20px; width: 210px;height: 100%;background: rgba(0,0,0,0.8);overflow: auto; z-index: 30;}
.z-area .map-list li h5{height: 60px;line-height: 60px; font-weight: bold; font-size: 18px;color: #96da3b;}
.z-area .map-list li .info{padding-bottom: 30px; width: 100%;line-height: 24px;color: #fff;}
.z-area .map-list li .box{display: block;margin-bottom: 15px; width: 100%;border-bottom: 1px solid #999;}
.z-area .map-list li .box .photo{position: relative; width: 100%;height: 140px;overflow: hidden;}
.z-area .map-list li .box .photo img{display: block;width: 100%;}
.z-area .map-list li .box .photo p{position: absolute;bottom: 0;left: 0;width: 100%; height: 30px;line-height: 30px;font-size: 16px;color: #fff;background: rgba(0,0,0,0.4);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z-area .map-list li .box .photo p span{margin:0 5px;}
.z-area .map-list li .box .p1{margin:10px 0; line-height: 18px; color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.z-area .map-list::-webkit-scrollbar {display:none}