body{overflow:-Scroll;overflow-x:hidden;}
a ,
a:hover,
a:focus {  text-decoration: none;}
a:hover{ color: #043514;}
*:focus { outline: none; }
p{ padding: 0px; margin: 0px;}
.top15{ padding-top: 15px;}
.top25{ padding-top: 25px;}
.top30{ padding-top: 30px;}
.top40{ padding-top: 40px;}
.bgbox1{background-color: #04975c;}
.bgbox2{background-color: #079e44;}
.sep {
  max-width: 60px;
  border: 2px solid #0d0d0d;
  margin-top: 20px;
  margin-bottom: 20px;
}
.btn-pre{ background-color: #44ae22; color: #FFFFFF;}
.btn-pre:hover{ background-color: #feac01; color: #515050;}
#header { height:96px;}
#header #logobox{width: 230px;}
	.logo { width: 200px; height: 76px; text-align: center; margin: 10px auto;display: flex;
  justify-content: center;
  align-items: center; }
    .logo img{ max-width: 200px; max-height: 76px;}
.logo2 img{ margin-top:20px;}
#header h4{ line-height: 28px; padding-top: 15px;  font-size: 16px; }
.topmenu{ width: 100%; padding: 10px; line-height: 26px;text-align: center;}
.topmenu a{ padding: 0px 8px;}
.topsearch{ width: 100%; padding-top: 10px;}
.topsearch .search{ margin-right: 20px;}
.search a{ color:#079e44;}
.bg-top{ background-color: #FFFFFF;}
.navbar-header{ width: 100%;}
.homescrollpicbg{ background-color: #f1f1f1; min-height: 310px;}
.homenavtitle {  padding: 30px 0;  text-align: center; color:#202020; font-weight:bolder;}
/*首页图片切换样式*/
.box{width: 100%;min-height: 280px;margin: 20px auto;overflow: hidden;position: relative;}
	.box_img{min-height: 260px;}
	.box_img ul li{position: absolute;display: none; width:100%; height:256px; text-align: center; font-size: 14px;}
   .box_img ul li .picbox{ width: 100%; height:220px; overflow:hidden;display: flex;
  justify-content: center;
  align-items: center; }
    .box_img ul li p{ line-height: 26px; height: 26px; overflow: hidden;}
    .box_img ul li  .picbox img{max-height: 100%;}
	.box_img ul li a{display: block;width: 100%;text-align: center;color: #fff;}
	.box_tab{position: absolute;bottom: 0;text-align: center;width: 100%}
	.box_tab a{display: inline-block;padding: 2px 10px;font-size: 10px;background: #fff;margin: 0 3px;color: #333;}
	.box_tab a.active{background: #09b;color: #fff;}
/**首页tab 样式***/
.indexbody{margin:0px auto;clear:both;padding:0px; }
.indexbody ul{ margin: 0px; padding: 0px; list-style: none; }
.newsline{border-bottom: 1px solid #dedede; height: 32px;}
.index_tabul li{height:30px; width: 110px; text-align:center;cursor:pointer;margin-right:0px; float: left;list-style: none; margin-bottom: 20px; background-color: #f5f5f5; font-weight: bold;border: 1px solid #d7d7d7; border-bottom:0px; margin-right: 2px;
border-top-left-radius:5px;
border-top-right-radius:5px;
	-moz-border-radius:10px;
}
.index_tabul li span{display:inline-block;height:30px;line-height:30px;width:100%;font-size:14px; }
.index_tabul li.select{background:url("../images/scroll_arrow.png") 50% 100% no-repeat;background-color:#13941a; color: #FFFFFF;border:0px;  border-top: 1px solid #1a7e26;}
.index_tabul li.select span{}
.indextabbox{ display: none; padding: 0px 10px; min-height: 280px; overflow: hidden; margin-bottom: 30px;}
.indextabstate{ display: block;}
.btn-danger{ margin-top: 8px; paddnig:0px 1px; line-height: 14px;}
.btn-success{  paddnig:0px 1px; line-height: 14px; }
/*首页新闻列表*/
.newsbox{ padding: 24px;}
.newsbox li{ list-style: none; line-height: 28px; height: 28px; overflow: hidden;}
.newsbox li:hover{background:#dddddd;}
.articlelist li:hover{background:#dfe9f4;}
.articlelist li h4{ font-size: 16px;}
.articlelist li img{ max-width: 27px; max-height: 32px;}
.box_border li{ border-bottom: 0px dotted #E0E0E0; line-height: 30px;}
.box_border li:last-child{border-bottom:0px;}
.px11{ color:#028540;font-size: 11px;font-family: Arial, Helvetica, sans-serif;}
.px11b{ color:#f00;font-size: 11px;font-family: Arial, Helvetica, sans-serif;}
.line30{ line-height: 30px;}
.line32{line-height: 32px;}
.line34{line-height: 34px;}

/*首页文章列表土壤修复、农技服务*/
.btnmore{ width: 251px; height: 45px; background-image: url(../images/btn-bg.jpg); background-repeat: no-repeat; color: #FFFFFF; font-size: 14px; line-height: 30px;margin: 30px; }
.btnmore:hover{color:#feac01;}
.homeartclebox .col-md-4 ul{ margin:0px; padding-right: 6px; padding-left: 2px;}
.homeartclebox .col-md-4 img{max-width: 100%;}
.homeartclebox h3{ color:#148714;font-size: 18px; padding-bottom: 15px; }
.homeartclebox .newspic img{ width: 100%;}
.homeartclebox2 .col-md-4 ul{ min-height: 308px; overflow: hidden; margin:0px; padding:20px 15px;}
.homeartclebox2,.homeartclebox2 a{ color: #FFFFFF;}
.homeartclebox2 h3{ color:#FFFFFF;font-size: 18px; padding: 20px 15px; border-bottom: 1px solid #ffffff;}
.homeartclebox2 .newsbox li:hover{background:#035624;}
.homeartclebox2 h3 small a{ color: #373737}
/*视频*/
#homevideo h3{ font-size: 18px; font-weight: bold;color: #0A0A0A; margin: 0px; border-bottom: 1px solid #B7B7B7; line-height: 32px; }
#homevideo .intro{padding: 15px 0px 10px 0px; line-height: 24px; height: 110px; overflow: hidden;}
#homevideo .video-body{ margin-top: 15px;}
#homevideo .video-body img{max-width: 100%; max-height: 165px;}
.modal-lg{ width: 740px;}
.modal-body video{width: 700px; text-align: center;}

#videos {
    background-image: url("/images/video.jpg");
    width: 260px;  height: 165px; cursor:pointer;  border:1px solid #EBEBEB;}
#videos:hover{ opacity:0.7;filter:alpha(opacity=70);}
#videos:hover .ico_play{ width:58px;height:58px;background:url(../images/icons.png) -142px 0 no-repeat;position:absolute;top:50%;left:50%;margin-top:40px;margin-left:-29px;}

/*首页产品列表*/
#homeprod{background-image: url(../images/prod_bg.jpg);  background-position: bottom center; background-repeat: no-repeat;  background-color:#96c4d2; padding-bottom: 30px; height:886px; overflow:hidden;}
/*首页图片库*/
#gallery{background-image: url(../images/gallery_bg.jpg);  background-position: bottom center; background-repeat: no-repeat;  background-color:#96c4d2; padding-bottom: 30px; max-height:730px; overflow:hidden;min-height: 500px;}
/* ======= Footer=======*/
#footer { padding-bottom: 0px; color: #202020; background-color: #f4f4f4; }
#footernav{ min-height: 240px;}
#footernav #navlist{ padding-top: 18px; }
#footernav #navlist .col-sm-1{ width: 116px;}
#line {  height: 3px;  margin: 15px 0px;}
.linebg1 {  background-color: #d94e01;  height: 3px;}
.linebg2 {  background-color: #f0ae74;  height: 1px; margin-top: 1px;}
#footer h4 {  font-size: 16px; color: #028540}
#footer h4 a{padding: 0px; margin: 0px;}
#footer a:hover {  color:#028540}
#footer ul {  list-style: none;  padding: 0px;}
#footer .col-sm-1{ width: 14%;}
#footer .proditemnav,#footer .proditemnav a{ font-size: 14px; font-weight: normal;}
.text-white,
.text-white a,
.text-white a:visited {  color: #202020;  line-height: 24px;}
.text-white a:hover {  color: #b4b4b4;}
.copyright{ background-color: #028540;}
.copyright,.copyright a{ color: #FFFFFF;}
.copyright {  padding: 12px 0px;  }
.copyright a:hover{ color: #feac01;}
.bg-primary{background-color: #028540;}

.foot_ewm{ margin-top: 20px;}
.foot_ewm li{ float:left; text-align: center; list-style: none; width: 50%;display: flex;
  justify-content: center;
  align-items: center;}
.foot_ewm li img{ display:block; margin-bottom:10px; max-height: 100px; max-width: 100px;}


/*图片库*/
section#portfolio {
  padding: 0px;
}
section#portfolio #filters {
  text-align: center;
	margin-bottom: 20px;
}
section#portfolio #filters button {
 font-weight: bold;
  background: #f6f6f6;
  border: 0px solid transparent;
  padding: 8px 10px; margin: 0px 5px;
  text-transform: uppercase;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
section#portfolio #filters button.current {
	background-color: #13941a; color:#FFFFFF;
}
section#portfolio #filters button:hover{ background-color: #13941a; color:#FFFFFF;}
section#portfolio #container {
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
	max-height: 628px; overflow: hidden;
}
section#portfolio #container .filtr-item {
  margin: 0px auto;
}
section#portfolio #container .filtr-item .details {
  position: relative; margin-top: 15px; background-color: #FFFFFF; text-align: center;
}
section#portfolio #container .filtr-item .details h4 { margin:0px;
  text-align: center; background-color: #f7f7f7; line-height: 40px; font-size: 16px;
}
section#portfolio #container .filtr-item .details img{ margin:0px auto; max-width: 100%; height: 254px; padding:6px;}
section#portfolio #container .filtr-item .details .info-wrapper {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
  zoom: 1;
}
section#portfolio #container .filtr-item .details .info-wrapper .info .name-tag {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 20px 10px 20px;
}
section#portfolio #container .filtr-item .details .info-wrapper .info .name-tag h5, section#portfolio #container .filtr-item .details .info-wrapper .info .name-tag p {
  color: white;
  text-transform: uppercase;
}
section#portfolio #container .filtr-item .details .info-wrapper .info .name-tag h5 {
  font-size: 16px;
  font-weight: bold;
}
section#portfolio #container .filtr-item .details .info-wrapper .info .name-tag span.divider {
  margin: 10px 0;
}
section#portfolio #container .filtr-item .details .info-wrapper .heart {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50px 50px 0;
  border-color: transparent #043514 transparent transparent;
}
section#portfolio #container .filtr-item .details .info-wrapper .heart i {
  margin-left: 28px;
  margin-top: 8px;
  display: block;
  color: white;
}
section#portfolio #container .filtr-item:hover .details .info-wrapper {
  opacity: 1;
}
.nav .current { color: #fff; background-color: #21b384;}
/*菜单*/
.navbar-brand{
		    padding: 0px;
		    height: auto;
		}
		nav.navbar.bootsnav{
		    border: none;
		}
		.navbar-nav{
		    float: left;
		}
		nav.navbar.bootsnav ul.nav > li > a{
		    text-transform: uppercase;
		    padding: 0px 30px 0px 20px; line-height: 40px;
			font-size: 16px;
		}
		nav.navbar.bootsnav ul.nav > li:hover{
		    background: #054319; color: #FFFFFF
		}
		.nav > li:after{
		    content: "";
		    width: 0;
		    height: 3px;
		    background: #db5001;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.5s ease 0s;
		}
		.nav > li:hover:after{
		    width: 100%;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
		    content: "";
		    font-family: 'FontAwesome';
		    font-size: 18px;
		    font-weight: 500;
		    position: absolute;
		    top: 0px;
		    right: 10%;
		    transition: all 0.4s ease 0s;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
		    content: "\f105";
		    transform: rotate(90deg);
		}
		.dropdown-menu.multi-dropdown{
		    position: absolute;
		    left: -100% !important;
		}
		nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		    border: none; width: 100px; background-color: #FFFFFF;opacity:0.9;filter:alpha(opacity=90);
		}
nav.navbar.bootsnav .navbar-toggle{
    background-color: #fff !important;
    border: 0px solid #050505;
    padding: 0;
    font-size: 30px;
    position: relative;
    top: 10px; 
	margin-left: 20px;  color:#0b7f32; cursor:pointer;
}
@media only screen and (max-width:990px){
		    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
		    nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
		    .dropdown-menu.multi-dropdown{ left: 0 !important; }
		    nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
		    nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
		}
 /*>=1024的设备*/
/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){
	nav.navbar.bootsnav{ background-color: #FFFFFF;}
	 nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a{
        padding: 5px 0;
       color: #FFFFFF;
    }

}
/*440分辨率以下（小于479px）*/
@media only screen and (min-width: 320px)  and (max-width: 992px) {
 nav.navbar.bootsnav{ background-color: #FFFFFF;}
 nav.navbar.bootsnav .navbar-header {
        padding-left: 0px;
        padding-right: 0px; text-align:center;   }
   nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a{
        padding: 5px 0;
        color: #FFFFFF;
    }
	nav.navbar.bootsnav .navbar-header img{ margin:10px 0px;margin-left: 40px; }
.indextabbox{ min-height: 200px; margin-bottom: 0px; padding: 0px;}
}
@media only screen and (min-width: 320px)  and (max-width: 767px) {
	.bgbox1,.bgbox2{height: 228px; overflow: hidden;}
	.bgbox2{ margin-top: 20px;}
	.homeartclebox .row .newsbox{height: 130px; overflow: hidden;}
	.btn-success{  margin-top:20px;}
	.nav > li:after{ height:0px;}
	.nav >li .dropdown-menu{ background-color: aqua}
}
@media only screen and (min-width: 320px)  and (max-width: 767px) {
	nav.navbar.bootsnav .navbar-header img{ max-height: 40px; }
	.homenavtitle {  padding: 10px 0; }
	.homenavtitle h2{ font-size: 20px;}
}
 /*--------------------------------------------------------------------------------------*/
 /*                     19 - TOOLTIPS                                                    */
 /*-------------------------------------------------------------------------------------*/
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
#tiptip_holder.tip_top { padding-bottom: 5px }
#tiptip_holder.tip_bottom { padding-top: 5px }
#tiptip_holder.tip_right { padding-left: 5px }
#tiptip_holder.tip_left { padding-right: 5px }
#tiptip_content {
    font-size: 11px;
    color: #FFF;
    padding: 5px 8px;
    font-family: "Roboto", Arial, Verdana;
    background: #656d78;
    border-radius: 4px;
}
#tiptip_arrow,
#tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #656d78 }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #656d78 }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #656d78 }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #656d78 }
#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #656d78;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -6px;
    border-bottom-color: #656d78;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #656d78;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #656d78;
}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: #656d78;
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: #656d78 }
    #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: #656d78 }
}

/*share_start*/
#share{position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-46+"px");bottom:34px;left:95%;width:46px;zoom:1;}
#share .top{background-image:url(../images/share.png); background-repeat:no-repeat; display:block; width:46px; height:46px; margin-bottom:2px; overflow:hidden; text-indent:-999px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#share .tmall{background-image:url(../images/share.png); background-repeat:no-repeat; display:block; width:46px; height:46px; margin-bottom:2px; overflow:hidden; text-indent:-999px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#share .ricon{font-size: 24px; background-color: #118a15; color:#FFFFFF;width:46px; margin-right: 0px;}
#share a#totop{background-position:0px 0px;position:absolute;bottom:64px;cursor:pointer;}
#share a#totop:hover {background-position:0px -50px;}
#share a#totop2{background-position:-46px 0px;position:absolute;bottom:114px;cursor:pointer;}
#share a#totop2:hover {background-position:-46px -50px;}
#share .ricon:hover{ background-color: #118a15; color:#FFFFFF;}
/*share_end*/
@media only screen and (min-width: 320px)  and (max-width: 992px) {
#share{position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-46+"px");bottom:34px;left:90%;width:46px;zoom:1;}
}