/* Common */
body {overflow-x: hidden; font-size: 14px; color: #333; line-height: 1.4; font-family: Helvetica,Arial,"Microsoft YaHei";
/*padding-top: 70px;*/}
a {color: #333; outline: none; transition: all 0.3s linear 0s;}
a:hover, a:focus {color: #3c6e34; text-decoration: none; outline: none;}
ul,ol {list-style: none; outline: none; padding-left: 0;}

.o {overflow: hidden;}
.p15 {padding: 15px;}
.p30 {padding: 30px;}
.p40 {padding: 40px;}

.ptb1 {padding-top: 1em; padding-bottom: 1em;}
.ptb2 {padding-top: 2em; padding-bottom: 2em;}
.ptb3 {padding-top: 3em; padding-bottom: 3em;}
.ptb4 {padding-top: 4em; padding-bottom: 4em;}
.ptb5 {padding-top: 5em; padding-bottom: 5em;}
.ptb6 {padding-top: 6em; padding-bottom: 6em;}
.ptb7 {padding-top: 7em; padding-bottom: 7em;}

.plr15 {padding-left: 15px; padding-right: 15px;}
.plr30 {padding-left: 30px; padding-right: 30px;}
.plr40 {padding-left: 40px; padding-right: 40px;}
.plr50 {padding-left: 50px; padding-right: 50px;}
.ptop60 {padding-top:60px;}
.ptop50 {padding-top:50px;}
.ptop40 {padding-top:40px;}
.ptop30 {padding-top:30px;}
.ptop20 {padding-top:20px;}

.mbt1 {margin-top: 1em;}
.mbt2 {margin-top: 2em;}
.mbt3 {margin-top: 3em;}
.mbb1 {margin-bottom: 1em;}
.mbb2 {margin-bottom: 2em;}
.mbb3 {margin-bottom: 3em;}


/*********************Common***********************/
.dr-navbar {border-radius: 0; background: rgba(0,0,0,.42); border-bottom: none; /*box-shadow: 0 0 5px #000;*/ margin-bottom: 0; top: 0; z-index: 1000; transition: all 0.5s ease 0s;}
.dr-navbar .navbar-brand {padding-top:7px;}
.dr-navbar .navbar-brand img {max-height: 56px; display: inline-block;}
/*.dr-navbar .navbar-nav {padding:15px 0;}*/
.dr-navbar .navbar-nav li a {color: #fff; font-size: 15px; margin:0 1px; padding-top: 25px; padding-bottom: 25px;}
.dr-navbar .navbar-nav li a:hover, .dr-navbar .navbar-nav li.active a {color: #fff; background: #3c6e34;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {color: #fff; background: #3c6e34;}
.dr-navbar .navbar-nav .dropdown-menu li a {margin:0; padding-top:5px; padding-bottom: 5px;}

.carousel-inner {background: #fff; } 
.carousel-inner > .item img {margin: 0 auto;} 
.carousel-control.left {background-image: none;} 
.carousel-control.right {background-image: none;}

.link {background-color: #32363d; color: #fff; }
.link a {color: #fff;}

.footer {background-color: #212429;}
/*.footer .menuitem h4, .footer .conitem h4 {color: #666; font-weight: 500; margin-bottom: 20px;}
.footer .menuitem a {display: block; color: #777; padding: 4px 0; font-size: 14px;}
.footer .conitem a {display: block; color: #777; padding: 4px 0; font-size: 14px;}
.footer .conitem span {width: 1em; height: 1em; text-align: center; display: inline-block; margin-right: 10px;}
.footer .conitem i {font-size: 1.2em; margin-top: 3px; color: #3c6e34;}*/
.footer .copy {/*border-top: #eee solid 1px;*/ padding:1.8em 0; color: #fff;}
.footer .copy p {margin-bottom: 0;}
.footer .copy a {color: #fff;}

.fixchat{_position:absolute;_top: expression(documentElement.scrollTop + 200 + "px");position:fixed; top:30%; right:0px; z-index:999999;}
.fixchat a{display:block; width:45px; height:45px; position:relative; background-color:#3c6e34; background-image:url(../img/fix.png);background-repeat:no-repeat; margin-top:1px;}
.fixchat a span{display:none; position:absolute; right:0px; top:0px; height:45px; padding-left:50px; color:#fff;line-height:45px; font-size:14px;background-color:#262626;}
.fixchat a.HomeQQ{ background-position:-362px -186px;}
.fixchat a.Homedianhua{ background-position:-362px -231px;}
.fixchat a.Homeweixin{ background-position:-362px -322px;}
.fixchat a.Hometop{ background-position:-362px -370px; background-color:#4e4e4e;}
.fixchat a span.QQbggray{background-position:-360px -186px;background-image:url(../img/fix.png);background-repeat:no-repeat; width:140px;}
.fixchat a span.weixinerweima{right:45px; padding:0px;}
.fixchat a span.dianhuabggray{background-position:-362px -231px;background-image:url(../img/fix.png);background-repeat:no-repeat;width:170px;}


.navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; left: 0; right: 0; z-index: 10000;} 
.navbar_bottom{background: #f00;} 
.navbar_bottom a {text-align:center; display:inline-block; border-right: 1px solid #eee; float:left; width:33.333%; color:white; padding:5px 0;} 
.navbar_bottom a p {margin-bottom: 0; font-size: 12px;}
.navbar_bottom a i {font-size: 1.6em;} 
.navbar_bottom a:hover{color:#fff;} 
.navbar_bottom a.btn_1{background: #3c6e34;} 
.navbar_bottom a.btn_2{background: #EF8A06;}
.navbar_bottom a.btn_3 {border-right: none; background: #df0522;}


/*********************INDEX***********************/
.title h2 {font-size: 26px;}
.title p {font-size: 18px; color: #3c6e34; text-transform: uppercase;}
.more .btn {background: none; border-radius: 0; padding: 0.6em 3em;}
.more .btn:hover {background: #fff; color:#3c6e34;}
.bg2 {background: #fbfbfb;}


.zn-about .title {color: #666;}
.zn-about .pp {padding: 0px 0; line-height: 1.8; margin-bottom: 0; text-align: justify;}

.zn-team {}
.serbox .col-md-3 {padding: 30px 0; border-radius: 5px; /*background-color: #f8f8f8;*/}
.serbox a {border:none; border-radius: 50%; padding: 35px 0 0; width: 130px; height: 130px; display: inline-block; transition: all 0.3s linear 0s;}
.serbox i {font-size: 60px; color: #3c6e34; }
.serbox h4 {text-shadow: 0 0 1px rgba(0, 0, 0, 0.15);}
.serbox p {color: #5e7387;}
.serbox a:hover {background-color: #3c6e34;/* border-color: #305dc3;*/}
.serbox a:hover i {color: #fff;}
.p4box .item {text-align: center; overflow: hidden; margin-top: 10px; position: relative;}
.p4box .item .thumbnail {border: none; left: 0; right: 0; top: 0; margin-top: -204px; height: 80%; transition: all 0.4s; margin-bottom: 0; position: absolute; background-color:rgba(255,255,255,.5); background-image: url(../img/icon1.png); background-position: center center; background-repeat: no-repeat; }
.p4box .item img {width:320px; height:220px;}
.p4box .item .thumbnail a {display: block;}
.p4box .item .caption {position: absolute; left: 0; right: 0; bottom: 0; height: 20%; transition: all 0.4s; background-color: rgba(0,0,0,.8); color: #fff; font-size: 16px; padding: 10px 0;}
.p4box .item a:hover .thumbnail {margin-top: 0;}
.zn-team .owl-theme .owl-nav .owl-prev {position: absolute; left: -52px; background: none;}
.zn-team .owl-theme .owl-nav .owl-next {position: absolute; right: -52px; background: none;}
.zn-team .owl-theme .owl-nav [class*="owl-"]:hover {background: none;}
.zn-team .owl-theme .owl-nav {position: relative; width: 100%; top: -170px;}
.zn-team .owl-theme .owl-nav i {font-size: 5em; color: #3c6e34;;}
/*.zn-team .more .btn {border: 1px solid #777; color: #777;}*/


.xiaqsbox {width: 90%; margin: 0 auto; padding: 15px 0; overflow: hidden;}
.xiaqsbox .pp {line-height: 1.7;}
.xiaqsbox img {border-radius: 3px; border: 1px solid #999;}


.cpbox .item {margin-top:15px;}
.cpbox .item .thumbnail {border-radius: 0; transition: all .3s;}
.cpbox .item .thumbnail img {width: 100%; height:220px;}
.cpbox .item .thumbnail:hover {box-shadow: 0 0 10px #eee; transform: translateY(-5px);}
.cpbox .item h5 {margin:0; font-size: 15px; text-align: center;}

.xwbox .item {margin-top: 2em;}
.xwbox .item a {display: block; border: #d8d8d8 1px solid; padding:2.5em 3em;}
.xwbox .item a img {float: left; width: 7em; height: 7em; border-radius: 50%;}
.xwbox .item a div {padding-left: 8.5em; padding-bottom: 1.8em;}
.xwbox .item a h5, .p3box .item a p {color: #999;}
.xwbox .item a h4 {margin-top: 0;}
.xwbox .item a p {margin-bottom: 0;}
.xwbox .item a:hover {border-color: #3c6e34; box-shadow: 0 0 8px #ddd;}

.ycbox {padding-top: 1em; overflow: hidden;}
.ycbox .item { text-align: center; margin-top: 1em; margin-bottom: 1em;}
.ycbox .item a {display: block; background-color: #fff; padding: 4em 0 2em; transition: all 0.4s ease; transform: rotate(0deg) scale(1) translate(0%,0%)}
.ycbox .item a img {display: inline-block; width:90px;}
.ycbox .item a p {padding-top: 2em; font-size: 16px;}
.ycbox .item a:hover {box-shadow: 0 0 15px #ddd; /*transform: rotate(0deg) scale(1.05) translate(0%,0%);*/}


.zn-message {line-height: 1.8; color: #fff; position: relative;}
.zn-message:after {position: absolute; top:0; right: 0; z-index: 1; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(60, 110, 52, 0.4); content: '';}
.zn-message .container {position: relative; z-index: 10;}
.zn-message .title p {color: #fff;}
.zn-message .formbox {padding-top: 3em; width: 50%; margin:0 auto 2em;}
.zn-message .formbox .form-control {background: rgba(255,255,255,0.3);}
.zn-message .formbox label {display: none;}
.zn-message .more .btn {border: 1px solid #fff;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff!important;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#fff!important;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#fff!important;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#fff!important;}


.zn-contact .contactbox {border: #ddd 1px solid; padding:5em 9em;}
.zn-contact .contactbox .i5text h3 {margin-top: 5px;}

.zn-contact .ccbox p {padding: 0.2em 0;}
.zn-contact .ccbox span {width: 2em; height: 2em; margin-right: 5px; text-align: center; line-height: 2em; display: inline-block; border: 1px solid #666; border-radius: 1em;}
.zn-contact .ccbox i {font-size: 1.2em; }
 
 

/*===================ABOUT==================*/
.pbanner {padding: 14em 0 3em; position: relative; background-position: 50% 50%; background-size: cover; position: relative; background-repeat: no-repeat;}
.pbanner:after {position: absolute; top:0; right: 0; z-index: 1; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35); content: '';}
.pbanner .container {position: relative; z-index: 10;}
.pbanner h3 {color: #fff;}
.pbanner h3 span {font-size: 14px;}

.location {border-bottom: 1px solid #eee; color: #666; padding: 10px 0;}
.location a {color: #666;}
.location i {font-size: 1.4em; color: #3c6e34;}
.location span {display: inline-block; padding-top: 10px;}
.listul {float: right;}
.listul a {display: inline-block; padding: 8px 20px; border-radius: 3px; font-size: 14px;}
.listul a.active, .listul a:hover {background: #3c6e34; color: #fff;}

.mainbox {padding-bottom: 2.4em;}
.mainbox .title h2 {font-size: 22px; margin-bottom: 0;}
.manrbox {line-height: 1.8; padding-left: 15px; padding-right: 15px;}
.manr {line-height: 1.8;}


/* News */
.new-box {}
.new-box a {display: block; border-bottom: 1px solid rgb(234, 234, 234); padding: 15px 0; overflow: hidden;}
.new-box a .col-md-2 {text-align: right;}

.b3ul {}
.b3ul li {overflow: hidden; padding: 5px 0; border-bottom: 1px dashed #ccc;}
.b3ul li a {display: inline-block; float: left;}
.b3ul li span {display: inline-block; float: right; color: #F05D4A;}

.i1block h3 {font-size: 20px; margin-top: 0px; font-weight: 300; color: #dc244e;}
.i1block .h-underline {padding-bottom: 12px; margin-bottom: 5px; position: relative; border-bottom: solid 1px rgba(0, 0, 0, 0.1); text-align: left; }
.i1block .h-underline:before {position: absolute; content: ""; height: 1px; background: #bdc3c7; width: 30%; max-width: 150px; bottom: -1px; left: 0; }
.i1block h3 a {display: none; padding-top: 7px; display: inline-block; float: right; font-size: 12px;}


.art-meta {display: inline-block; padding: 0 20px;}
.art-body {line-height: 1.8;}

.img-box .item {margin-top:15px;}
.img-box .item .thumbnail {border-radius: 0; transition: all .3s;}
.img-box .item .thumbnail img {width: 100%; height:200px;}
.img-box .item .thumbnail:hover {box-shadow: 0 0 10px #eee; transform: translateY(-5px);}
.img-box .item h5 {margin:0; font-size: 15px; text-align: center;}


.listdown {padding: 0 15px;}
.listdown li {line-height: 32px; border-bottom: #e0e0e0 1px dashed;}
.listdown li a {font-size: 14px;}
.listdown li span {float: right; display: inline-block;}
.listdown li i {font-size: 1.3em;}



@media (max-width:767px) {
	
body {padding-top: 58px;}
.ptb4 {padding-top: 2em; padding-bottom: 2em;}
.ptb6 {padding-top: 4em; padding-bottom: 4em;}
.title h3 {font-size: 22px; margin-top: 0; margin-bottom: 5px;}
.title p {font-size: 13px;}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: inherit;}
.nav > li {padding-top: 0; padding-bottom: 0;}
.dr-navbar {padding: 5px 0;}
.navbar-toggle .icon-bar {background: #3c6e34;}
.dr-navbar .navbar-brand {padding-top: 2px;}
.dr-navbar .navbar-brand img {height: 45px;}
.dr-navbar .navbar-nav li a {padding-top: 10px; padding-bottom: 10px;}
.carousel-indicators {display: none;}

.team-info h5 {line-height: 1.6; padding-left: 15px; padding-right: 15px;}

.zn-about .bounceInRight .col-xs-12 {padding-left: 0; padding-right: 0;}

.serbox .col-md-3 {padding: 15px 0;}
.serbox p {display: none;}

.p4box .item {margin: 20px 35px 0; /*padding: 15px 0px;*/}
.p4box .item img {width:100%; height:180px;}
.p4box .item .caption {padding: 10px 0;}
.zn-team .owl-theme .owl-nav .owl-prev {left: -10px;}
.zn-team .owl-theme .owl-nav .owl-next {right: -10px;}
.zn-team .owl-theme .owl-nav {top: -145px;}

.cpbox .item {padding-left: 5px; padding-right: 5px;}
.cpbox .item .thumbnail img {height: 150px;}
.cpbox .item h5 {font-size: 13px;}

.xiaqsbox {width: 100%; padding-bottom: 0;}
.xiaqsbox .pp h3 {font-size: 20px;}
.ycbox .item {padding-left: 5px; padding-right: 5px; margin-top: 0;}
.ycbox .item a {padding: 2em 0 2em;}
.ycbox .item a p {font-size: 14px; padding-top: 1em;}

.cpbox .item .thumbnail {margin-bottom: 0;}

.xwbox .item {margin-top: 1em;}
.xwbox .item a {padding: 1em 1em;}
.xwbox .item a div {padding-bottom: 0.5em;}

.zn-message .formbox {padding-top: 2em; padding-left: 15px; padding-right: 15px; width: 80%;}
.zn-contact .contactbox {padding: 2em 2em; margin: 0 15px;}
.zn-contact .contactbox .i5text {padding-top: 15px; text-align: center;}
.zn-contact .contactbox .i5text h3 {font-size: 20px;}

.pbanner {padding: 5em 0; text-align: center;}

.dr-pmenu {position:relative; left:0; right:0; z-index:99; margin-bottom: 15px; width: 100%; overflow: hidden; background: #fdfdfc; font: 1.4rem/43px hiragino sans gb, microsoft yahei, simsun; box-shadow:3px 3px 3px rgba(0,0,0,0.2); }
.dr-pmenu .swiper-slide {padding: 0 20px; width:auto; }
.dr-pmenu .pline { width: 100%; height: 3px; line-height: 0; font-size: 0; overflow: hidden; text-align: center; z-index: 1; background-color: #0fa6ea;
	background: -webkit-linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);
	background: -moz-linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);
	background: -ms-linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);
	background: linear-gradient(left, rgba(15,166,234,1) 0, rgba(89,204,24,1) 10%, rgba(15,166,234,1) 60%, rgba(15,166,234,1) 100%);
}
.dr-pmenu .active {border-bottom: 2px solid #3c6e34;}

.footer {margin-bottom: 3.4em;}
.link span {padding-left: 15px;}


/* News */
.new-box a .caption {padding-left: 0;}
.new-box a .caption h4 {font-size: 1em; margin-bottom: 5px;}

.img-box .item .thumbnail img {width: 100%; height:130px;}
.img-box .item h5 {font-size: 13px;}




}

@media (min-width:768px) and (max-width:992px) {

.dr-navbar .navbar-nav li a {margin:0; padding: 10px 18px;}
.dr-navbar .navbar-nav {margin-top: 5px;}

.p4box .item {margin: 20px 0px 0; }
.p4box .item .caption {padding: 8px 0;}

}

@media (min-width:993px) and (max-width:1199px) {



}