/*css*/
@import "grid.css";
@import "lib2.css";
@import "hvr.css";
@import "swiper.min.css";
@import "iconfont.css";
/* Header */

.wow {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}



::-webkit-scrollbar-track-piece,
::-webkit-scrollbar,
::-webkit-scrollbar-thumb {
  width: 5px;
}

::-webkit-scrollbar-track-piece {
  background-color: #101012;
}

::-webkit-scrollbar {
  background-color: #909744;
}

::-webkit-scrollbar-thumb {
  background-color: #006835;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #909744;
}

header{ width: 100%;z-index: 10;margin-bottom: 10px;}
.tel{ float:right; margin-top:40px}




form{position:relative; display:inline-block;}
input.infoInput{float: left;width: 150px;border: 0;padding: 0px 35px 0 10px;font-size: 14px;height: 30px;line-height: 30px;background-color: #fff;color: #a5a5a5;border:1px solid #bcbcbc; border-radius: 5px; }
input.buttonface {width:32px;height:32px;border:0px;background:url(../images/ss.png) center no-repeat;  cursor: pointer; float:left; position:absolute; right:0px;}

header h1,#logo{position:relative;z-index:9;float:left}
header h1 a.logo,#logo a.logo{display:block;padding-top:10px}
/* Menu */
.dropdown, .dropup{ display:none}

	header .menu span{
	width: 20px; height: 2px; border-radius: 2px; background-color: #fff; display: block; margin-bottom: 4px;
    -ms-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out s;
    -moz-transition: all 0.4s ease-in-out s;
    transition: all 0.4s ease-in-out 0s;
}
header .font{
	display: inline-block;*zoom: 1;	*display: inline;float: right;
}
header .menu span.navline1 {
    transform: translateY(6px) rotate(45deg);
    -ms-transform: translateY(6px) rotate(45deg);
    -webkit-transform: translateY(6px) rotate(45deg);
    -o-transform: translateY(6px) rotate(45deg);
    -moz-transform: translateY(6px) rotate(45deg);
    -ms-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out s;
    -moz-transition: all 0.4s ease-in-out s;
    transition: all 0.4s ease-in-out 0s;
}
header .menu span.navline2 {
    background-color: #025bb5;
    -ms-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out s;
    -moz-transition: all 0.2s ease-in-out s;
    transition: all 0.2s ease-in-out 0s;
}
header .menu span.navline3 {
    transform: translateY(-6px) rotate(-45deg);
    -ms-transform: translateY(-6px) rotate(-45deg);
    -webkit-transform: translateY(-6px) rotate(-45deg);
    -o-transform: translateY(-6px) rotate(-45deg);
    -moz-transform: translateY(-6px) rotate(-45deg);
    -ms-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out s;
    -moz-transition: all 0.4s ease-in-out s;
    transition: all 0.4s ease-in-out 0s;
}
.toptips{ display:none}
#mobile_nav{
	background-color: #fff; display:none; overflow: hidden; width: 100%;}
#mobile_nav .m_nav ul li{
	clear: both;padding: 5px 0;	font-size: 16px; text-align: left; border-bottom:1px solid #d7e3d7
}
#mobile_nav .m_nav ul li>span{
	cursor: pointer;font-size: 14px;
}
#mobile_nav .m_nav ul li>ul{
	display: block;padding-left: 10px;
}
#mobile_nav .m_nav ul li>ul>li{
	padding-left: 5px;padding-right: 20px;padding-bottom: 0;	display: inline-block;*zoom: 1;	*display: inline;font-size: 15px;
	border:none}
#mobile_nav .m_nav>ul>li>ul.sub2>li{display: block}
#mobile_nav a:hover{
	color: #025bb5;
}
#mobile_nav.nav_show{
	display: block;width: 100%;	height: auto;
}




/* banner */
.banner{
	width: 100%;height: 570px;
}
.banner .swiper-container {
    width: 100%; height: 100%;background: -webkit-gradient(linear,left top,left bottom,from(#064996),to(#5d7da1));
    background: -webkit-linear-gradient(top,#064996,#5d7da1);
    background: -o-linear-gradient(top,#064996,#5d7da1);
    background: linear-gradient(to bottom,#064996,#5d7da1);
}

.banner .swiper-slide {
    background-position: center;
    background-size: cover;
}

.banner .swiper-pagination.banner-page{
	bottom: 10px;
}

.banner .swiper-pagination.banner-page li{
	margin: 5px;
	display: inline-block;
	width: 12px;
	height: 12px;
	font-size: 0;background-color: #666;
	border: 2px solid #FFF;
	color: #fff;
	cursor: pointer;    border-radius: 50%;box-shadow: 0px 2px 1px #666;
}

.banner .swiper-pagination.banner-page li.active{
	background-color: #0065ac;
}
.banner .swiper-container .container{position: absolute;top: 20%;left: 15%;}
.banner .swiper-container h2{color: #fff;font-size: 36px;margin-bottom: 20px;}
.banner .swiper-container p{color: #fff;font-size: 20px;}



/*first*/
/*.kuai_fm{ overflow:hidden}
.first_kuai{ position:relative}
.kuai_fm img{cursor: pointer;transition: all 0.6s; position:relative}
.first_kuai:hover .kuai_fm img,.kuai_fm img:hover{transform: scale(1.2)}
.first_kuai .anniu{ position:absolute; top:30%; left:42%; z-index:1}

.first_kuai .first_title{ position:absolute; width:100%; top:27%;}
.first_kuai a p{ color:#fff}*/
/*second*/

/*third*/
.third{background: url(../images/about_t2.jpg) no-repeat center top #006835;
    background-attachment: fixed;
    width: 100%;
    height: 500px;
    background-size: cover;
    text-align: center;
    color: #fff;
    overflow: hidden; padding:30px 0}



.xian{ border-bottom:1px solid #2b84c2; width:100px; height:1px; margin:0 auto}

.data{width: 60px;
    height: 60px;
    display: block;
    background: #CCC;
    color: #333;
    text-align: center;
    line-height: 60px;
    padding-right: 0;}
.month{display:block;width:60px;text-align:center}
.white_bar{transition: all 0.36s ease; padding:10px}
.white_bar a{ display:block}
.white_bar h4{display: inline-block;transition: all 0.36s ease; }
.white_bar:hover{box-shadow: 0 3px 10px rgba(0,0,0,.35);}
.white_bar a:hover h4{ margin-left: 10px;}

.details {
  display: inline-block;
  position: absolute;
  z-index: 11;
  bottom: 20px;left:20px;
  border: none;
  color: transparent;
  width: 0;
  height: 0;
  padding: 0;
}

.details:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 13px;
  top: 0;
  left: 0;
  background-color: #fff;
  margin-top: -6px;
}

.details:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 13px;
  background-color: #fff;
  margin-left: -6px;
}


/*FOOT*/
footer{ background:#0d4dad; padding:20px 0; color:#fff}
footer a{ color:#ffffff; padding:0 20px; font-size:14px}
footer a:hover{ color:#FFF}
footer span a{ padding:0 0px}
footer p span{ margin-left:20px}
/*To top*/
.to-top {background:url(../images/back_to.png) center top no-repeat;border:none;bottom: 120px !important;color:transparent;display:none;font-size:0;height:42px;line-height:0;overflow:hidden;position:fixed;right:50%;margin-right: -660px !important;text-decoration:none;width:42px;z-index:20;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}
.to-top:hover{background-position:center -42px}
.to-top, #to-top:focus {outline:none}
/*position*/
.page-menu{background:#fafafa;border-bottom: 2px solid #0000\0/;box-shadow: 0 1px 3px #bbb;line-height:32px}
/*page_news*/
.n_list_til{ background:#2b2b2b; padding:20px 0 20px 40px}
.n_list_til p{ padding-bottom:0}
.n_list li{ padding-left:40px; border-bottom:1px dashed #d2d2d2}
.n_list li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(../images/list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.n_list li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
.n_title .title .lm>a:before{top:50px}

.newsbar li{ overflow:hidden;border-bottom: 1px dashed #d2d2d2;    padding-bottom: 10px;
    margin-bottom: 20px; }

.prevnext {
    border-top: 3px solid #eee;
    overflow: hidden;
}

.sideline{padding-left: 20px;
    border-left: 1px dashed #999;}
.sideline2{padding-right: 20px;
    border-right: 1px dashed #999;}	
h3.h3 {
    font-size: 24px;
    line-height: 22px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: -1px;
    text-shadow: 1px 1px 1px #847f7d;
}
/* biankuan */
.img_wrap1, .img_wrap2, .link1,a.img_wrap2 strong, a.img_wrap1 strong, a.img_wrap3 strong{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.img_wrap1{display:block;padding:10px;background:#fff;box-shadow:1px 1px 4px #666;position:relative;}
.img_wrap2{display:block;padding:5px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}
.img_wrap1 strong, .img_wrap2 strong{display:block;position: absolute; top:0;left:0;width:0;height:0;background:#018e31;}
.img_wrap1 img, .img_wrap2 img{position: relative; z-index:1;}
a.img_wrap1:hover strong, a.img_wrap2:hover strong{height:100%;width:100%;}
/*n_about*/
.n_about img{ float:left; margin-right:20px}
.n_about p{text-indent: 2em; line-height:32px}
/* Lists */

.list1 li{padding-left:24px;padding-top:1px;margin-bottom:8px;}

.list1 a{font-size: 12px; line-height: 15px;color: #333333;text-transform:uppercase;display:inline-block;position: relative; transition: all .36s ease;}
.list1 li a:hover,.list1 .current a{ color:#006835; padding-left:10px}
.list1 li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(../images/list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.list1 li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}


.list2 li{padding-left:60px;padding-top:1px;margin-bottom:8px; line-height:35px}

.list2 a{font-size: 12px; line-height: 15px;color: #333333;text-transform:uppercase;display:inline-block;position: relative; transition: all .36s ease;}
.list2 li a:hover,.list2 .current a{ color:#006835; padding-left:10px}
.list2 li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(../images/list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.list2 li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
.prnext b {
    padding: 5px 10px;
    background: #A6A6A6;
    color: #fff;
    margin-right: 5px;
    vertical-align: top;
}
.prnext {
  margin-top:30px
}
.prnext a {
    padding: 5px 10px;
    background: #eee;
    margin-right: 5px;
}
.prnext a:hover {
    background: #A6A6A6;
    color: #fff;
}
/**/
.pro-list li{position: relative;width: 100%;min-height: 170px;margin:10px 0;background: #f7faf9;background: #f7faf9\0/;border-bottom: 2px solid #f7faf9\0/;border-radius: 0 0 1px 1px;box-shadow: 0 1px 2px #c5c5c5;transition: .3s;-moz-transition: .3s;
-webkit-transition: .3s;-o-transition: .3s;}
.pro-img{position: relative;height: auto; padding-bottom:50px;overflow: hidden; max-height:150px; z-index:1}
.pro-img img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em; width:100%}
.pro-learnt{position: absolute;left: 0;right: 0;height: 10px;background-color:#39b94e;bottom: -19px;color: #fff;font-size: 12px;height: 24px;line-height: 24px;text-align: center;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s}
.pro-list li:hover{border-bottom: 2px solid #dae0e5\0/;box-shadow: 0 2px 8px #bbb}
.pro-list li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2)}
.pro-intro,.pro-tips{position: absolute;bottom:0;left:0;right: 0;padding: 0 14px;height: 58px;background:#f5f5f5;background:#f7faf9/;
*background:#f7faf9;font-size:12px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;z-index: 9}
.pro-intro{opacity: 0;z-index: 10;display:none/;*display:none}
.pro-tips h2{color:#363d40;line-height:50px;height: 50px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;text-align:center;font-weight:bold;margin: 0}
.pro-intro p{padding-top:10px;height:34px;line-height:22px;margin:0;overflow: hidden}
.pro-list li:hover .pro-intro{color:#444;opacity:1;display:block/;*display:block}
/* page_porduct */
.product_list{ padding:10px 0}
.product_list li{ border:none; background:url(../images/product_01.png) 1px no-repeat; padding-left:10px; margin-left:40px;}
.product_list ul p{ margin-left:50px}
.n_product img{ margin-bottom:20px}
.n_product p{text-indent:2em; text-align:left;}
.n_list  .product_list li a:before{ background:none}

/*feedback*/
.feedback li{padding: 6px 0;font-size: 16px;}
.feedback lable{width: 80px;display: inline-block;}
.feedback input,.feedback textarea{border: 1px solid #ccc;padding: 6px;height: inherit;border-radius: 5px; }
.feedback span{margin-left: 5px;}
.feedback .submit{width: 100px;background: #8e8e8e;border: 0;color: #fff;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; cursor:pointer}
.feedback .submit:hover{color:#fff; background:#38a7f5}
.feedback input{ width:60%}
.feedback textarea{margin: 0px; width: 520px; height: 110px;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media (min-width: 980px) and (max-width: 1199px) {
.sf-menu > li{ margin:0 10px}
.textes{ width:100px}

}
@media only screen and (max-width: 1199px) {
/*banner*/

.slider_bg_3 .grid_5{min-height:360px}
.n_wenhua .jiazhi2{ padding:9px 0}
.banner{ height:350px}

/*banner*/
nav{ display:none}
.toptips{ display:block; background:#025bb5;    height: 36px;
    line-height: 36px;}
header .menu{padding-top: 10px;
    float: right;
    width: 32px;
    height: 32px;
    cursor: pointer;}
/*page*/
}

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


footer .liuyan input,footer .liuyan textarea{ padding:10px 0px}
.slider_bg_1 .grid_5{ display:none}
.b_boot2 .grid_7{ margin-left:180px}
.n_wenhua .jiazhi{ padding:9px 0}


}

@media only screen and (max-width: 979px) {
.wrapper .header .title{ padding-top:0}
.first,.third,.fourth{ padding:20px 0;}
.fourth .gsjj{ width:100%; padding-top:20px; margin-bottom:30px}
.fourth .gsjj .grid_10{ width:100%}
.fourth .gsjj .grid_2{ display:none}


.qiye .anniu{ display:none}
.kongbai{ display:none}
.wenhua{ width:100%}
.fourth_r{ width:50%}
.sf-menu > li > ul{padding: 30px 5px 20px;}
.sf-menu > li{    margin: 0 5px;}
}
@media only screen and (max-width: 767px) {

#m_menu{width:42px; height:30px; background:url(../images/menu_ico.png) no-repeat; display:inline-block}

.searchbar{padding:8px 20px}
.banner{ height:200px}
.feedback textarea {
    margin: 0px;
    width:320px;
    height: 110px;
}
.top  p{ display:none}
.sideline{ border:none; padding-left:0}
.dropdown, .dropup{ display:block}
.n_list{ display:none}
.btn-default{ width:100%}
.open>.dropdown-menu{ width:100%}
.pro-img{ max-height:none}
.tel{ float:left; margin-top:0px}
}
@media only screen and (max-width: 479px) {
#topad .close{ width:24px; height:24px; background-size:100%}
/*banner*/

.wrapper .header .title{ font-size:14px;letter-spacing: 0px; line-height:12px}
.map3{ display:block}
.map1,.map2{ display:none}
.fourth .gsjj .gsjj_jj{ padding:60px 0px 20px 0px}
.support li.support_wx i{ left:-138px;top: 40px;}
}
nav{position:relative;}
.sf-menu .current a{background:#018e31;color:#fff}
.sf-menu,.sf-menu ul {margin:0;padding:0;list-style:none}
.sf-menu:before,.sf-menu:after {display:table;content:""}
.sf-menu:after {clear:both}

.sf-menu li {float:left;border-radius:5px;text-align:center;position:relative; margin:0 20px;}
.sf-menu a span {display:block}
.sf-menu a {color:#333;font-size:16px; margin:10px 0;padding:10px 19px;border-radius:5px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;display:block}
.sf-menu > li:hover a,.sf-menu > li:hover > a,.sf-menu > li.sfHoverForce > a {margin:0;padding:20px 19px;background:#018e31; color:#fff;text-decoration:none}
.sf-menu li:last-child:hover:after {top:10px}
.sf-menu ul {position:absolute;z-index:9999; display:none;  margin:20px 0 0 0px;visibility:hidden;background:#4c4c4c;top:56px;left:0;border-radius:5px;padding:16px 0 16px;transition:all 0.2s ease-in-out 0.2s;-webkit-transition:all 0.2s ease-in-out 0.2s;-moz-transition:all 0.2s ease-in-out 0.2s;-ms-transition:all 0.2s ease-in-out 0.2s;-o-transition:all 0.2s ease-in-out 0.2s}
.sf-menu li:hover > ul { z-index:999; display:block;visibility:visible;margin:0;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s}
.sf-menu ul ul {left:148px;margin:0 0 0 20px;top:-16px;background:#222;}
.sf-menu ul li {display:block;float:none; margin:0;padding:0 25px 0 !important;text-align:left}
.sf-menu ul li:last-child {border:none}
.sf-menu ul a {display:block;float:none;border-bottom:1px solid #7e7e7e;-webkit-transition:none;-o-transition:none;transition:none;border-radius:0;margin:0; width:100px;padding:10px 0 !important;font-size:13px;color:#d2d2d2;background:none !important;white-space:nowrap;text-transform:none}
.sf-menu > li:hover ul a{color:#d2d2d2}
.sf-menu > li:hover ul a:hover{color:#fff}
.sf-menu ul ul a {color:#fff !important}
.sf-menu ul a span {display:inline}