body{color: #262626; font-family:"微软雅黑";}
a{color:#262626; text-decoration:none; list-style-type:none} 
a{text-shadow:none;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);background-color: transparent; text-decoration:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;  } /*上下拉动滚动条时卡顿、慢*/
body,button,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul,menu{margin:0} 
fr{ float:right}
fl{ float: left}
.wrap{max-width:1600px;margin-left:auto;margin-right:auto; *width:1600px;}
 #topnav{ width:100%; float: left; height:10px }  
 .tb{ width:100%; float:left}
.tbyc{ width:100%; float:left; text-align:right } 
.tbyc a{ line-height:22px; font-size:14px; color:#333; padding:0% 2px;  }  
.pro-box a:hover .ptit{ background: #000;}
@media only screen and (max-width:1200px) { 
 #topnav{ display:none}
 }
.header{ z-index:999; background:url(../images/topbg.jpg) no-repeat center top;background-size:cover}

.logo{ width:100%; margin: 0 auto; align-items:initial; height:128px; overflow:hidden; }
.logo1{ float:left; padding-top:10px;} 
.logo2{ float:right; padding-top:10px; }
.logo3{ padding-top:10px; padding-left:1%} 
.logo4{ display:none} 
.logo3g{ display:none}
.logo h2{ width:20%; float:right;}
.logo h2 p{ font-size:42px; color:#009900; line-height:150px; height:100px;background:url(../images/logo2.png) no-repeat left center;background-size:100% auto; text-align:right}
.logobj{ }
 
.navBoxs{width:100%; height:55px; overflow:hidden; background:#333}  
.navBox{ }
.navBox li{float:left; width:8.5%; text-align:center; overflow:hidden; background:url(../images/y.png) no-repeat center left; }
.navBox li a{display: block;color:#fff; font-size:16px; text-transform:uppercase; line-height:55px; }  
.navBox dt{ float:right;height:55px; line-height:55px; font-size:16px; color:#fff;  } 
.navBox li:nth-child(1){ background:#86c226}
@media only screen and (max-width:1680px) { 
.logo h2{ width:23%}
.logo h2 p{ font-size:37px}
.logo3{ width:23%; padding-top:21px}
.logo1{ width:42%; }
}  
@media only screen and (max-width:1440px) { 
.logo h2{ width:25%}
.logo h2 p{ font-size:36px}
.logo3{ padding-top:20px; width:24%}
.logo1{ width:45%;}
} 
@media only screen and (max-width:1200px) {
.navBoxs{  height:55px; border:none}   
.navBox li{ width:11.333333%;}
.navBox li a{ color:#FFFFFF}
.navBox dt{ display:none}   
.logo{ height:auto}
.logo1{ width:52%; padding-top:10px;}
.logo3{ display:none} 
.logo h2{ width:29%} 
.navBox li:nth-child(8){ display:none}  
} 
@media only screen and (max-width:1024px) {  
.logo h2{ width:32%}
.logo h2 p{ line-height:144px; height:106px}
.navBox li{ border:none}
}   
@media only screen and (max-width:900px) { 
.logo1{ width:59%}
.logo h2 p{ font-size:33px;}
}
@media only screen and (max-width:850px) { 
.logo h2{ width:32%}
.logo h2 p{ font-size:30px;}
} 
@media only screen and (max-width:800px) { 
.logo1{ padding-top:20px;}
}
@media only screen and (max-width:768px) {  
.logo3g{ display:block}
.logo3g img{ width:100%;}
.ibanner{ display:none}
.logo{display:none;}
.navBoxs{ height: auto; padding:2% 0%; background:#009900 }  
.navBox{ height: auto;} 
.navBox li{ width:24%; height:50px; overflow:hidden; } 
.navBox li a{ line-height: 40px; }
.logo p { display:none}  
.navBox li:nth-child(1){ background:none}
}  
@media only screen and (max-width:500px) {  
.logo img{ width:98%; } 
} 
@media only screen and (max-width:368px) {  
.navBox li{ width:25%; padding-left:0%; background: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 .ftit{ font-size:18px; font-weight: bold; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; border-bottom:1px solid #056f05; } 
.footer .ftit b{ width:20px; background:#fff; height:2px; display:block; margin-top:20px;}
.footer .ftit strong{ text-transform:uppercase; padding-left:10px; font-size:14px}
 
.fcoy{ text-align:center; background:rgba(54, 185, 43, 0.4); padding:0% 0%;}  
.footdivli{ width:28%; float: left; padding:0% 0% 0% 2%;}
.footdivli li{ width:31.33333%;  float:left; line-height:31px; overflow:hidden; height:25px}   
.footdivul{ width:9%; padding-top:40px; float: right }
.footdivul li{width:100%; text-align: center; float: left; } 
.footdivul li img{ width:67%; border:3px #FFFFFF solid  } 
.footdivul ul{ float:left; }
.footdivul h2{width:100%; line-height:50px; color:#FFFFFF; }  
.footdivul p{ width:100%; display:block; line-height:30px; text-align:center} 
.footdivul p strong{ font-weight: bold; display:block}  
.footdivlx{ width:31%; float: left; padding:0% 0% 0% 4%;}
.footdivlx ul{ }
.footdivlx ul p{font-size:14px; line-height:21px;  display: block;  }  
.footdivlx h1{font-size:21px;padding-bottom:10px; margin-bottom:10px;}
.footdivlx h2{ padding-left:200px; display:block;  font-size:34px; line-height:70px;background:url(../images/footdivlx.png) no-repeat left center; }
.footdivlx h2 img{ padding-right:10px; margin-bottom:0px; height:40px}
 
.footnav{ width:11%; float:left;}
.footnav li{ width:100%; float:left; height:25px}
.footnav li h2{ font-size:18px; line-height:40px; height:30px; font-weight:normal;color:#858585; overflow:hidden}
.footnav li p{ font-size:14px; line-height:40px; height:30px; color:#858585; text-transform:uppercase;}
 
.foot-info{ padding:0% 0% 0% 0%;  } 
.footdivlogo{ width:36%; float:left; padding-bottom:230px; display:none}
.footdivlogo h2{ width:100%;line-height:36px; font-size:28px; }   
.footdivlogo p{ padding-right:100px;}
.footdivlogo p a{ padding-right:15px;}
.footdivlogo img{ margin-top:10px; width:250px;}
.copyright{ line-height:40px; display:inline; color:#fff; }
.copyright p{ display: inline}
.copyright a{ padding:0% 5px; color:#fff}
.links{ width:10%; float:left; padding:0% 0% 0% 2%;} 
.links li{ width:100%;  float:left; line-height:30px; overflow:hidden; height:30px} 
.links strong{ padding:0% 14px;  }
.copyrightno{ height:40px; overflow:hidden; line-height:40px; color:#fff} 
.copyrightno a{ color:#fff; padding:0% 5px;} 
.copyrightno a:hover{ color:#fff}
.vipb a{ color:#FFFFFF}   
.yqlj{ height:50px; line-height:50px;background:#009900; } 
.yqlj h2{ font-size:14px; font-weight:normal; display:inline} 
.yqlj a{ padding: 0px 10px; color:#fff; line-height:50px;}
.link{ display:inline}
.link a{ padding:0% 5px; color:#fff}
@media only screen and (max-width:1680px) { 
}
@media only screen and (max-width:1440px) {  
.footdivlogo h2{ font-size:24px}  
.footdivul{ display:none}
.links{ display:none}
.footdivli{ width:38%}
.footnav{ width:17%}
}
@media only screen and (max-width:1200px) {  
.footer .ftit{ font-size:18px}    
}
@media only screen and (max-width:1100px) {  
.footdivlx h2{ font-size:29px;}
}
@media only screen and (max-width:1024px) { 
.fcoy{ padding:1% 0% 50px 0px;}
.copyright{ padding:2% 0% 3% 0%}  
.copyright strong{ display:none}  
.footdivlx{ width:44%}     
.footdivlogo{background-size:auto 60%; padding-bottom:170px;}
.footdivlogo h2{ font-size:20px;}  
.footnav{ display:none}

} 
@media only screen and (max-width:850px) {
.foot-info{padding:10px 0% 0% 0%}
.fcoy{ padding:0% 0% 30px 0%; background:none} 
.footdivlx{ width:100%; padding:0% 0% 0px 0%; text-align: center;  } 
.footdivlx h1{ background:url(../images/foot.gif) no-repeat center bottom; margin-bottom:0px; padding-bottom:0px;}
.copyright{ text-align:center; padding:0%; margin:0%; display:block; color:#FFFFFF} 
.copyright a{ color:#fff} 
.link a{color:#fff}
.footdivlogo{ width:100%; text-align:center}  
.footdivli{ display:none}
.footdivlogo{ background:url(../images/footdivlogo.png) no-repeat center bottom;background-size:auto 74%; margin-bottom:2%; padding-bottom:210px}
.links{ display:none}
.yqlj{ display:none}
.fcoy .wrap{ padding:0% 0% 0% 0%}
.footnav{ display:none}
.footdivlx h2{ width:300px; padding-left:120px; margin: 0 auto}
}
@media only screen and (max-width:768px) {  
.footer{ padding:0% 0% 80px 0%; }
.footbot{ padding:0% 0% 40px 0%} 
.copyright{ padding:0%; margin:0%; display:block; color:#FFFFFF }
.copyright p{ display: block; float: none; margin: 0 auto}  
}
@media only screen and (max-width:600px) {   
.footlogo img{ height:auto; margin-top:0px;}
}
@media only screen and (max-width:550px) {  
.footdivlx ul li{ width:100%; float:left}  
}
@media only screen and (max-width:450px) {    
.footdivli{ display:none}
.fcont p{ display:none}
.footdivlx li{ display:none}   
.footer .span-5 li{ background:none; height:auto; padding:0%}
.copyright strong{ display:none}
.footdivlx h2{background-size:33% auto; padding-left:77px}
}
@media only screen and (max-width:414px) { 
.footdivlx h2{background-size:38% auto; width:239px; font-size:24px} 
.fcoy .wrap{ padding:0% 0% 4% 0%}
}
@media only screen and (max-width:380px) { 
.footdivlx li{ width:100%; text-align:center}   
.footdivlx li:nth-child(2){ padding:0%; } 
}
.footerny{ padding:1% 0% 1% 0%; position: relative; background:#000000; text-align:center; width:100%; color:#FFFFFF; margin-top:3%}
.copyrightny{ font-size:16px; line-height:60px;}
.copyrightny a{ color:#FFFFFF}
.copyrightny p{ display:inline}
@media only screen and (max-width:330px) {  
.footdivlx h2{ font-size:18px}
.footdivlogo{ padding-bottom:170px}
.footdivlogo h2{ font-size:18px;}  
}
 
/*首页banner大图样式*/
.ibanner{ position:relative; height:700px; 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:70px; height:70px; line-height:5rem; text-align:center; background:#009900;}
.ibanner .swiper-button-prev i{ background: url(../images/jl.png) no-repeat center center; height:70px; width:70px; display:inline-block}
.ibanner .swiper-button-next i{  background: url(../images/jr.png) no-repeat center center; height:70px; width:70px; display:inline-block}
.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:650px) {    
.ibanner{ height: 300px;}   
} 
@media only screen and (max-width:500px) {  
.ibanner{ height:250px; }  
}
@media only screen and (max-width:400px) {  
.ibanner{ height:200px; }  
}
@media only screen and (max-width:320px) {  
.ibanner{ height:180px; }  
}

 
.wraps_top{ background:#a5d282; margin-bottom:3%; } 
.wraps_top h2{ border-left:3px #006600 solid; color:#fff;  }  

.header1{ display:none}
.header1 h2{ display:none}
@media only screen and (max-width:768px) {   
.header1{ height:60px; position:fixed; bottom:0px; left:0px; z-index:99999; width:100%; line-height:45px; display:block; clear:both; }
.header1 h2{ width:100%; height:45px; text-align:center; background:url(../images/header1.png) no-repeat center top ; display: block}
.header1 h2 a{ color:#FFFFFF; font:24px/60px "微软雅黑"; margin: 0 auto; width:100%; display: block; font-variant:small-caps; height:60px;}
.header1 li{ width:46%; margin:0% 2%; float:left; height:56px;border-radius:50px; background:#f68600} 
.header1 li a{ width:100%; text-align:center; display:block}
.header1 a p{ line-height:60px; color:#FFFFFF; display:inline; font-size:18px}
.header1 a img{ margin-bottom:-7px; margin-right:10px;}  
} 

.vipb{ position:absolute; bottom:3px; right:5px; height:30px; background:url(../images/vip.png) no-repeat center right; padding-right:68px; font-size:20px; color:#e7b144; line-height:35px; text-align:right; font-weight:bold}
.vipb a{ color:#eec162} 
   
@media only screen and (max-width:1024px) {
#lovexin12{ display:none} 
}
@media only screen and (max-width:768px) {
.vipb{bottom:80px;background:url(../images/vip.png) no-repeat center right;}
}