@charset "utf-8";
body{ margin: 0;padding: 0; font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;}
a{ text-decoration: none;}
ul li{ list-style-type: none;}
.clear{ clear: both;}
.fl{ float: left;}
.fr{ float: right;}
.w100{ width: 100%;}
.w1200{ width: 1200px; margin: 0 auto;}
/*****/
#top{  width: 100%; height: auto;}
.logo{ width: 300px; height: 90px;text-align: left;}
.nav{width: 860px; height: 90px;display: flex; justify-content: right;}
.nav li{ width: 100px; height: 35px; line-height: 35px; text-align: center;    margin-top: 25px;}
.nav li a{ color: #303030; font-size: 16px;}
.nav li:hover a{ color: #149e13; }
/*******/
.foot{ height: auto; border-top: 1px solid #000000; padding: 45px 0 30px 0; margin-top: 65px;}
.ft_nav1{ width:280px; height: auto;display: flex; justify-content: space-between; flex-wrap: wrap; margin-right: 20px;}
.ft_nav1 p{ width: 280px; height: 50px;line-height: 50px;text-align: left; color: #303030; font-size: 16px;}
.ft_nav1 li{ width: 140px; height: 45px;line-height: 45px; text-align: left;}
.ft_nav1 li a{ color: #303030; font-size: 14px;}
.ewm_zs{ width: 300px; height: auto;}
.ewm_zs p{ text-align: left; font-size: 16px; color: #303030; padding-left: 5px;}
.ewm_zs img{ width: 120px; height: 120px;}
.ewm{ width: 120px; height: auto; text-align: center; padding-top: 25px;}
.wx{ width: 120px; height: auto; text-align: center; padding-top: 25px;}
.ewm p{ line-height: 35px; text-align: center; font-size: 12px; color: #303030;}
.wx p{ line-height: 35px; text-align: center; font-size: 12px; color: #303030;}
.lxfs_zs{ width: 300px; height: auto; text-align: left;}
.lxfs_zs p{ width: 300px; height: 50px;line-height: 50px;text-align: left; color: #303030; font-size: 16px;}
.lxfszs{ line-height: 40px; color: #303030; font-size: 13px;}
.ft_24h{ width: 260px; height: auto; text-align: center; padding-top: 65px;}
.ft_tel{ font-size: 22px; color: #303030; font-weight: bold; }
.ft_24h dl{ font-size: 16px; text-align:center; color: #303030; padding: 10px 0;}
.ft_gsm{ font-size: 18px; font-weight: bold; color: #000000;}
.ewm_zs{ width: 100%; height: auto; text-align:center; padding-top: 15px;}
.copy{height: 45px; line-height: 45px; color: #303030; font-size: 14px; text-align: center;}
.copy img{ vertical-align: middle;}
/**********/
.titles{ height: auto; text-align: center;padding: 40px 0;}
.lmbt{ font-size: 28px; color: #303030;}
.lmxq{ font-size: 12px; color: #828282; padding: 10px 0 0 0;}
.titles2{ height: auto; text-align: center;padding: 40px 0;}
.lmbt2{ font-size: 28px; color: #ffffff;}
.lmxq2{ font-size: 12px; color: #ffffff; padding: 10px 0 0 0;}



.index_pro{ height: auto; padding: 65px 0 45px 0;}
.profl{ height: auto; display: flex; justify-content: center; flex-wrap: wrap; }
.profl li{ width: 100px; height: 45px; line-height: 45px;  text-align: center;}
.profl li a{ color: #303030; font-size: 18px;}
.profl li:hover a{ color: #0CA818;}
.pro_zs{ height: auto; display: flex; justify-content: space-between; flex-wrap:wrap; padding: 35px 0;}
.pro_zs li{ width: 280px; height: auto; box-shadow:1px 1px 8px 6px #ededed; margin-bottom: 25px;}
.pro_img{ width: 280px; height: auto; text-align: center;}
.pro_img img{ width:100%; height: 210px;}
.pro_bt{ width: 100%; height: auto; text-align: center;}
.pro_bt a{ font-size: 16px; color: #303030; width: auto; display: block; margin: 20px 0 10px 0;}
.pro_bt span{ text-align: center; color: red; padding-bottom: 15px; display: block;}
/********/
.index_about{ min-height: 1000px; }
.ab_bg{background: #149e13; height: 600px; }
.ab_nr{ font-size: 16px; line-height: 35px; color: #ffffff; width: 1115px; margin: 0 auto;}
.post_ab{ width: 100%; height: auto; position: absolute; z-index: 99; margin-top: -240px}
.abwmys{ width: 1120px; height: 500px; background: #ffffff; margin: 55px auto 0 auto; box-shadow: 1px 1px 10px 6px #e6e6e6;padding-top: 30px;}
.ab_img{width: 1040px; height: 300px; border: 1px solid #149e13; text-align: center; margin: 0 auto; }
.ab_img img { vertical-align: middle; text-align: center; padding-top: 20px;}
.abys{ width: 1040px; margin: 0 auto; height: auto; display: flex; justify-content: space-between;}
.abys li{ width: 260px; height: auto; text-align: center; padding-top: 50px;}
.ysbt{ text-align:center; color: #303030; font-size: 40px; font-weight: bold; padding-bottom: 10px; }
.ysxq{ color: #303030; font-size: 13px; text-align: center;}
.abys li:hover .ysbt{ color: #0CA818;}
/****************/
.index_news{ height: auto; padding: 0 0 45px 0;}
.xw_tj{ height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.xw_tj li{ width: 580px; height: auto;}
.xwtj_img{width: 580px; height: 340px; text-align: center; border-radius: 25px;overflow: hidden;}
.xwtj_img img{ width: 580px; height: 340px;}
.xw_btxq{ width: 580px; height: auto;}
.bt_time{width: 580px; height: auto; line-height: 45px; }
.bt_time a{ float: left; font-size: 18px; color: #303030;}
.bt_time span{ float: right; color: #303030; font-size: 16px;}
.xq_more{ width: 580px; height: auto;}
.xwxq{ width: 520px; height: auto; float: left; color: #757575; font-size: 14px; line-height: 30px;}
.xw_more{
    float: right; display: block; width: 35px; height: 35px; border-radius: 5px;margin-top: 15px;
    text-align: center; line-height: 35px;background: #0CA818;color: #ffffff; font-size: 18px;
}
.news_zs{ height: auto; display: flex;justify-content: space-between; flex-wrap: wrap; padding-top: 35px;}
.news_zs li{ width: 580px; height: auto;}
.news_zs li a{ height: 45px;line-height: 45px; color: #303030; font-size: 16px; float: left;}
.news_zs li span{ color: #757575; font-size: 14px; float: right;line-height: 45px;}
/****************/
.index_case{ width: 1400px; height: auto; margin: 0 auto; overflow: hidden;}
.al_img{ width: 280px; height: 210px; display: block; overflow: hidden}
.al_img img{width: 100%; height: 210px; }
.hzal_bt{ width: 260px; height:  180px; background: #0CA818; opacity: 0.8; margin: 0 auto; display: none;}
.al_bt{  padding-top: 60px; }
.al_bt a{ display: block; width: 90%; height: 45px; line-height: 45px; text-align: center; margin: 0 auto;  font-size: 14px; color: #fff;}
.al_bt a:hover{ color: #fff;}
.al_xhx{ width: 80px; height: 3px; background: #fff; border: none;}
.swiper-slide:hover .hzal_bt{  position: absolute; margin-top:  -193px ; display: block; margin-left:10px;}
.swiper-container2 {margin: 60px 0;}
.al_gd{ width: 180px; height: 40px; line-height: 40px; text-align: center; background:#0CA818; color: #fff; display: block; margin: 30px auto;}