body{color: #262626; font-family:"微软雅黑";}
a{color:#262626}
a:hover{color:#006600}
a:visited{color:#262626}
a:active,a:focus,a:hover{color:#006600}

 #topnav{ width:100%; float: left; height:0px; }  
 .tb{ width:100%; float:left}
.tbyc{ width:100%; float:left; text-align:right } 
.tbyc a{ line-height:22px; color:#FFFFFF  } 

@media only screen and (max-width:1024px) { 
 #topnav{ display:none}
}

.header{ height: 100px; background:url(../images/headerbg.jpg) repeat-x left top #fff; overflow:hidden; z-index:999 }
/* LOGO */
.logo{height: 100px; text-align: center; margin: 0 auto; align-items:initial;}
.logo a{ display: inline-block; line-height: 0;}
.logo1{ width:53%}
.logo2{ display:none}
.logo3{ display:none}

.htel{ height: 100px; font-size:36px; font-family: impact;}
.htel a{ color: #03973f; }
.htel a i{ font-size: 34px;}
  
.fix-head{ height: 100px; position: fixed; top: 0; left: 0; width: 100%; background:#FFFFFF; z-index: 10000; box-shadow: #ddd 0 0 10px; }
.fix-head .logo,.fix-head .htel{ height: 100px;}

@media only screen and (max-width:1024px) { 
.fix-head{ position: relative;}
.header{ background: none}
}

.header .span-2{ width:34%; float:left;transition:.2s width ease;} 
.header .span-8{ width:44%; float:left;transition:.2s width ease;}
.header .span-2-bot{ width:15%; float:left;transition:.2s width ease;}
/* 导航-1 */
.nav_bg{position:relative;height: 57px;}
.navBox{width:100%;}
.navBox ul.navCont{}
.navBox ul.navCont li.child{float:left; width:14%; text-align:center; position: relative; }
.navBox ul.navCont li.child a{display: block;color:#03973f; font-size:17px; text-transform:uppercase; line-height: 100px; }   
.navBox ul.navCont li:hover{ color: #03973f;} 
.navBox ul.navCont li:hover a{ color: #03973f;}    
.navBoxnon{ display:none}
@media only screen and (max-width:1550px) { 
.logo1{ width:75%}
.navBox ul.navCont li.child a{ font-size:16px}
.htel{ font-size:30px;}
}
@media only screen and (max-width:1450px) { 
.navBoxno{ display:none}
.navBoxnos{ display:none}
.navBox ul.navCont li.child{ width:15%;}
}
@media only screen and (max-width:1200px) {  
.header{ background-size:64% 100%;  } 
.header .span-2{ width:38%; }
.header .span-8{ width:59%; }
.header .span-2-bot{ display:none}
.navBoxno{ display: block}
.navBoxnos{ display: block}
.navBox ul.navCont li.child{ width:14%;}
} 
@media only screen and (max-width:1024px) { 
.header{ height:auto}
.header .span-2{ width:100%; }
.header .span-8{ width:100%; }  
.navBox{width:100%; background:#3e8711; }
.navBox ul.navCont li.child{ background:none}
.navBox ul.navCont li.child a{ line-height:54px; font-size:14px; color:#FFFFFF}
.navBox ul.navCont li:hover{ background:#f15a28} 
.logo1{ width:42%; float:left; padding-top:10px;}
.logo3{ width:28%; float: right; display:inline} 
.ibanner{ height: 500px;}
.ibanner .bfont span{ font-size: 5rem;} 

}
 
@media only screen and (max-width:768px) { 
.header,.logo,.fix-head,.fix-head .logo{ height: auto;}
.header .span-2{ width:100%}
.header .span-8{ width:100%; }
.logo1{ width:83%; margin: 0 auto; float:none} 
.logo3{ display:none;} 
.logo{ text-align:center; padding:1% 0%;} 
.navBox ul.navCont li.child a,.fix-head .navBox ul.navCont li.child a{ line-height: 40px; color:#FFFFFF} 
.navBox{ width: 100%; background:#3e8711; padding:2% 0%;} 
.navBox ul.navCont li.child{ width:25%}
.navBox ul.navCont li a{ color:#fff}
.navBoxnon{ display:inline}
}  
@media only screen and (max-width:500px) {  
.logo img{ width:98%; } 
} 
@media only screen and (max-width:300px) {  
}

/*二级*/
.navBox ul.navCont li.child .childcont{position:absolute;top:100%; left: 0; right: 0; z-index:999;display:none;width:90%; background:#000; padding: 10px 0; text-align: center; margin: 0 auto;}
.navBox ul.navCont li.child .childcont li{ width: 100%; display: block;}
.navBox ul.navCont li.child .childcont a{line-height: 40px; color:#fff; background: no-repeat; height: auto; margin: 0; font-size: 16px;}
.navBox ul.navCont li.child .childcont a:before,.navBox ul.navCont li.child .childcont a:after{ display: none;}
.navBox ul.navCont li.child .childcont a:hover{ color:#cb9e48; text-decoration:none;}

/*底部*/
.footer{ background:url(../images/footer.jpg) no-repeat center top #006600;background-size:cover; color: #fff; line-height:30px; position: relative; font-size: 14px; }
.footer a{ color: #fff; }
.footer a:hover{ color: #fff;} 
.footer .flink{ line-height: 30px;}
.footer .fpad{ padding: 0 4%;} 
.footer .ftit{ font-size:20px; font-weight: bold; padding-bottom:0px; } 
.footer .ftit b{ width:20px; background:#fff; height:2px; display:block; margin-top:20px;}
.fcont{ line-height:24px;} 
.fcont p{ font-size:36px; font-weight:bold;} 
.fcont p i{ width: 60px; height: 60px;background:url(../images/footlogo.png) no-repeat right top;background-size:cover; display: inline-block; vertical-align: middle; margin-right: 10px;}

.fcoy{  padding:1% 0; background:#03973f; } 

.fwx{ text-align: center;}
.fwx img{ margin: 0 1%; width: 48%;}
.fwx span{ width: 45%; display: inline-block; margin: 0;}

.footer .span-4{ width:10%; float:left; }
.footer .span-4 li{ height:24px;}
.footer .span-5{ width:29%; float:left;}
.footer .span-3{ width:13%; float:left;}
.footer .span-4 .flogo{ }
.footer .span-4 .flogo img{ width:76%; margin:2% 0% 0% 0%;}
.footdivli{ width:36%; float: left;}
.footdivli li{ width:23%; margin:0% 1% 1% 1%; float:left; line-height:30px; overflow:hidden; height:30px}   
.footdivul{ width:11%; float: right; padding:30px 0% 0% 0%; }
.footdivul li{width:100%; text-align: center; float:left; } 
.footdivul li img{ width:67%;  border:7px #fff solid} 
.footdivul h2{width:100%; line-height:50px; color:#FFFFFF; }  
.footdivul p{ width:100%; display:block; line-height:30px; text-align:center} 
.footdivul p strong{ padding-left:10px; font-weight:normal}  

.footer .span-3 li{line-height:30px; width:100%; float:left}
.footer .span-3 li a{ }
.foot-info{ padding:1% 0% 0% 0%;} 
.copyright{ text-align:center}
.copyright p{ display:inline}
.lingk{ width:100%; margin: 0 auto; }
.lingk .copyrightno:nth-child(1){background:url(../images/link4.png) no-repeat left center; padding-left:50px; }
.lingk .copyrightno:nth-child(2){background:url(../images/diqu-3.jpg) no-repeat left center; padding-left:50px;  } 
.copyrightno{ height:40px; overflow:hidden; line-height:40px; color:#333} 
.copyrightno a{ color:#333} 
.copyrightno a:hover{ color:#333} 
 
@media only screen and (max-width:1200px) { 
.footdivul{ display:none}
.footer .span-5{ width:52%; }
.footdivli{ width:38%; }
.footer .ftit{ font-size:20px}
}
@media only screen and (max-width:1024px) { 
.foot-info{ padding:3% 0% 3% 0%;} 
.copyright{ padding:0% 0% 3% 0%}
.footer .ftit{ font-size:18px; padding-bottom:20px; }
.footer .span-3 li{ width:100%}
.fcont p{ padding-right:5%}
}
@media only screen and (max-width:768px) { 
.lingk{ display:none}
.footer{ padding:3% 0% 80px 0%; }
.footbot{ padding:0% 0% 40px 0%}
.foot-info{ padding:0% 0% 0% 0%}
.fcont{ margin:1%; line-height: 30px;}
.fwx img{ width: 42%;}
.fcont p{line-height:35px;}
.fnav{ line-height: 30px;}
.footer .ftit{ display:none}
.footer .span-4{ display:none} 
.footer .span-5{ width:100%; text-align:center} 
.footdivli{ width:100%;}
.copyright{ text-align:center} 
.copyright p{ display: block; float: none; margin: 0 auto}
.copyright strong{ display:none} 
.footer .span-3{ display:none}
.footdivli{ display:none} 
.fcoy{ background: none} 
}

@media only screen and (max-width:600px) {  
.footer .span-4 .flogo img{  width:52%} 
}
@media only screen and (max-width:414px) {  
.fcont p{ font-size:20px}
}
 
/*首页banner大图样式*/
.ibanner{ position:relative; height:758px; overflow: hidden;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:0%;}
.ibanner .swiper-button-next{ right:0%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:none; width:5rem; height:5rem; line-height:5rem; text-align:center; background: #03973f;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:2rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom:6rem!important; color: #fff; text-align: left; padding:0 0 0 13%; box-sizing: border-box;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 0.5; position: relative; width: 4rem; height: 5px; border-radius: 0;}
.ibanner .swiper-pagination-bullet{ color: transparent; background:#fff;}
.ibanner .swiper-pagination-bullet-active{ opacity: 1; height: 10px;}
.ibanner .swiper-pagination-current{ font-size: 2.4rem; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image: linear-gradient(220deg,#0481dc,#3cc2e7);}

.ibanner .bH{ height: 100%; position: relative;}
.ibanner .bfont{ color: #fff; text-align: center;}
.ibanner .bfont span{ display: block; font-size: 7.2rem; font-family: 'MicrosoftYaHei Bold';}
.ibanner .bfont a{ display: inline-block; border: 1px solid #fff; border-radius: 5px; width: 16rem; height: 4.6rem; color: #fff; line-height: 4.6rem; font-size: 1.8rem; margin-top: 3rem;}
.ibanner .bfont a:hover{background: #fff; color: #574ced; border-radius: 5rem; transition: all 0.4s;}

@media only screen and (max-width:1366px) {  
.ibanner{ height:620px; }  
}
@media only screen and (max-width:1024px) {  
.ibanner{ height:500px; }  
}
@media only screen and (max-width:768px) { 
 
.ibanner{ height:400px; }
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{width:2rem; }
.ibanner .swiper-pagination{ bottom: 2rem!important; padding-left: 10%;}
 
}
@media only screen and (max-width:500px) {  
.ibanner{ height:300px; }  
}
@media only screen and (max-width:400px) {  
.ibanner{ height:250px; }  
}
@media only screen and (max-width:320px) {  
.ibanner{ height:200px; }  
}

 
.wraps_top{ background:linear-gradient(to right,#fff,#fff,#fff,#006600,#006600); margin-bottom:3%; }
.wraps_top dt{ background:#006600;  } 
.wraps_top h2{ border-left:3px #006600 solid; color:#006600;  }