/*css*/
@import "grid.css";
@import "lib2.css";
@import "hvr.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;}
.top{ }




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 */
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 {zoom:1}
.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 {opacity:0;margin:20px 0 0 0px;visibility:hidden;background:#4c4c4c;position:absolute;top:56px;left:0;border-radius:5px;padding:16px 0 16px;z-index:999;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 {opacity:1;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}
/* banner */
.flexslider{margin:0px auto;position:relative;width:100%;height:auto;overflow:hidden;zoom:1; text-align:center; background:#000}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides img{width: 100% !important;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

.module{position: relative;
    z-index: 10; background:#FFF}

/*banner*/
.banner{position:relative;background:#33a6dc}
.banner .swiper-slide{margin: 0 auto;height:600px; overflow:hidden}
.slider_bg{background:url(/skin/default/images/banner_large.jpg) no-repeat center}
.slider_bg_1{background:url(/skin/default/images/banner1_large.jpg) no-repeat center}
.slider_bg_2{background:url(/skin/default/images/banner2_large.jpg) no-repeat center}
.slider_bg_3{background:url(/skin/default/images/banner3_large.jpg) no-repeat center}
.banner .banner-bar,.banner .banner3-bar{margin:0 auto; width:100%;position:absolute; bottom:0; z-index:1}
.banner .b_boot{ bottom:60px}
.banner .b_boot2{ bottom:60px}
.shadow{text-shadow: 2px 3px 5px rgba(0,0,0,0.3)}
.banner1-button a{padding:10px 40px; border:1px solid #fff; border-radius:3px; color:#fff;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s}

.banner1-button a:hover,.banner1-button a.b_down:hover{background-color:#1552a0;border:1px solid #1552a0}
.banner .grid_7,.banner .grid_6{position:relative}
.banner .grid_7 .banner_text,.banner .grid_6 .banner_text{position: absolute;left:80px; top:100px; z-index:2}
.banner .grid_5{position:relative; display:inline-block}
.banner_text h2{line-height:32px}
.banner1_text{position: absolute; left:0; top:180px; text-align:right; z-index:2}
.banner1_text .banner1-button a{padding:10px 35px}
.banner1_text .banner1-button a.curr{background:#fe8c01; border:1px solid #fe8c01}
.banner .banner3-bar{bottom:80px}
.slider_bg_3 .grid_5{min-height:460px}
.banner3_img1,.banner3_img2{position:absolute; left:0; top:0; z-index:1}
.banner3_text{position: absolute; left:100px; top:100px; margin-left:-60px;z-index:2}
.banner3_text .banner1-button a{padding:10px 25px; display:inline-block}
.banner3_text p{ margin-left:120px}
.banner3_text h2{    writing-mode: tb-rl; line-height:100px;letter-spacing: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: 400px;
    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,.list1 .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}
.pro-img img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}
.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*/
.banner .swiper-slide{margin: 0 auto;height:420px; overflow:hidden}
.slider_bg{background:url(../images/banner_medium.jpg) no-repeat center}
.slider_bg_1{background:url(../images/banner1_medium.jpg) no-repeat center}
.slider_bg_2{background:url(../images/banner2_medium.jpg) no-repeat center}
.slider_bg_3{background:url(../images/banner3_medium.jpg) no-repeat center}
.banner .grid_7 .banner_text,.banner .grid_6 .banner_text,.banner .grid_6{top:50px}
.banner .grid_5 img{max-height:360px}
.banner .b_boot{    bottom: 0px;}
.banner3_text{ top:0}
.banner p.f24{ font-size:18px}
.banner_icon span img{width:48px}
.banner1-button a{padding:5px 15px}
.banner1-button a.b_down{padding:5px 10px 5px 35px; background-position:10px center}
.banner1-button.m_t40{margin-top:30px}
.slider_bg_3 .grid_5{min-height:360px}
.n_wenhua .jiazhi2{ padding:9px 0}

/*page*/

}
@media (min-width: 768px) and (max-width: 979px) {
header h1,#logo{width:140px}
.sf-menu > li{ margin:0 10px}
.sf-menu a {padding:15px 5px}
#cse-search-results{top:56px}
.sf-menu > li > ul{top:55px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.banner .swiper-slide{margin: 0 auto;height:400px; overflow:hidden}
.banner .grid_7 .banner_text,.banner .grid_6 .banner_text,.banner .grid_6{top:20px; left:0}
.banner1_text{top:0; margin-left:-180px}
.banner1_text p.f28{font-size:24px}
.banner1_text p.f20{font-size:18px}
.banner1_text .banner1-button a{ padding:6px 20px}
.banner3_text{margin-left:0}
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) {
header h1,#logo{width:120px}
#m_menu{width:42px; height:30px; background:url(../images/menu_ico.png) no-repeat; display:inline-block}
nav{position: inherit;float:right; margin-right:0; margin-top:20px; display:inline-block}
.searchbar{padding:8px 20px}

.feedback textarea {
    margin: 0px;
    width:320px;
    height: 110px;
}
.top  p{ display:none}
.sideline{ border:none; padding-left:0}
}
@media only screen and (max-width: 479px) {
#topad .close{ width:24px; height:24px; background-size:100%}
/*banner*/
.banner .swiper-slide{margin: 0 auto;height:260px; overflow:hidden}
.slider_bg{background:url(../images/banner_small.jpg) no-repeat center}
.slider_bg_1{background:url(../images/banner1_small.jpg) no-repeat center}
.slider_bg_2{background:url(../images/banner2_small.jpg) no-repeat center}
.slider_bg_3{background:url(../images/banner3_small.jpg) no-repeat center}
.banner .banner-bar, .banner .banner3-bar{bottom:30px}
.banner .grid_7 .banner_text, .banner .grid_6 .banner_text{ left:0}
.banner h2,.banner p{background:rgba(0,0,0,0.2); padding:5px 10px}
.banner p.f14{line-height:16px;}
.slider_bg_1 .grid_5,.slider_bg_3 .grid_7{width:300px}
.slider_bg_1 .grid_7{ top:0; margin-left:0}
.banner3_img1, .banner3_img2{ margin-top:0}
.banner1_text p.f28{ font-size:20px; text-align:left; margin-bottom:0}
.banner1_text p.f20{ font-size:14px; text-align:left; line-height:22px}
.banner1_text .banner1-button { text-align:left}
.banner .grid_6 .banner_text, .banner .grid_6{top:0}
.slider_bg_3 .grid_5{min-height:210px}
.banner3_text{ margin-left:0; top:40px}
.banner3_img1,.banner3_img2 { margin-left:80px}
.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;}
}