@charset "utf-8";
body{margin: 0; padding: 0; font-size: 14px; font-family: 微软雅黑,"Microsoft Himalaya",;}
a{ text-decoration: none; }
ul li{ list-style-type: none;}
.fl{  float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.w1200{ width: 1200px; margin: 0 auto;}
.w100{ width: 100%;}

/*****/
#top{ width: 100%; height: auto;}
.top_titlebg{ height: 30px; background: #eeeeee;}
.tp_title{ line-height: 30px; font-size: 14px; color: #404040;}
.logo_nav{ height: auto;}
.logo{ width: 330px; height: 80px; text-align: left;}
.nav{ width: 520px; height: auto; display: flex; justify-content: right;}
.tel{ width: 330px; line-height: 80px; font-size: 30px; font-weight: bold;}
.tel img{ padding-right: 10px;}
.active{ background: #1c7a2c;color: #ffffff;  }
.nav .active a{color: #ffffff;   }
.nav li{ width: 100px;  text-align: center; height: 80px; line-height: 80px; }
.nav li:hover{ background: #1c7a2c;color: #ffffff; }
.nav li:hover a{color: #ffffff;}
.nav li a{color: #1c7a2c; font-size: 15px;}
.zlm{ width: 150px; height: auto; display: none;  background: #1c7a2c; }
.zlm dl{ width: 100%; height:40px; line-height:40px; text-align: center;}
.nav li:hover .zlm{display: block; position: absolute; z-index: 999; margin-top: -1px;}
.zlm dl:hover{ background: #ffffff;}
.zlm dl:hover a{ color: #303030;}

.sp{height: 700px;background: url(../images/yz_bg.jpg) no-repeat center;}
.sp_con{padding: 80px 0 0;}
.sp_con dt{ float: left;width: 569px;}
.sp_con dt img{ display: block;width: 569px;}
.sp_con dd{ float: right;width: 557px;}
.sp_con dd h4 img{ display: block;width: 549px;padding-top: 40px;}
.sp_con dd  p{ display: block;font-size: 16px;line-height: 30px;color: #666666; margin-top: 40px;height: 228px;}
.sp_con .yz_s{ display: block;}
.sp_con .yz_s a{width: 288px;height: 80px;line-height: 80px;border-radius: 50px;background: #d11125;display:block;font-size: 24px;color: #fff;float: left;position:relative;margin-right: 20px;}
.sp_con .yz_s a>img{ display: inline-block;width: 60px;height: 60px;padding-left: 11px;padding-right: 20px;vertical-align: -21px;}
.sp_con .yz_s a .ewm{ display: none;width: 120px;height: 120px;position: absolute;left:60px;top:100px; }
.sp_con .yz_s a .ewm img{ display: block;width:120px;height:120px; }
.sp_con .yz_s .more2:hover .ewm{ display:block;}

/*******/
#foot{width: 100%; height: auto;}
.foot_bg{background: #eeeeee; height: 424px; padding: 45px 0 25px 0;}
.ftmsg_zs form input{border:1px solid #7f7f7f;background: none; border-radius: 5px;}
.ftmsg_zs form textarea{width: 370px;height: 85px;color: #404040;background: none;border-radius: 5px;}
.foot_msg{ width: 483px; height: auto;}
.msg_bt{ font-size: 24px; color: #404040;}
.msg_bt span{ color: rgb(127, 127, 127);}
.ft_ys{  font-size: 14px; color: #404040;line-height: 25px; padding: 25px 0;}
.msg_name{ width:483px; height: auto;color: #404040; font-size: 16px; margin-bottom: 10px;}
.msg_name input{ width: 370px; height: 32px;line-height: 32px; color: #404040;}
.msg_tel{ width:483px; height: auto;color: #404040; font-size: 16px;margin-bottom: 10px;}
.msg_tel input{ width: 370px; height: 32px;line-height: 32px; color: #404040; }
.msg_nr{width:483px; height: auto;color: #404040; font-size: 16px;margin-bottom: 10px; }
.msg_code{ width:483px; height: auto;color: #404040; font-size: 16px; margin-bottom: 20px; }
.msg_code p{ width:80px; height: auto; float: left;}
.msg_code dt{ width: 370px; height: 32px;line-height: 32px; color: #404040; float: left;}
.msg_code input{ width: 150px; height: 32px; line-height: 32px; color: #404040;}
.msg_code img{ height: 32px;}
.sub_msg{
    margin-left:80px;display: block; background: #0e6918;
    color: #ffffff; font-size: 15px;
    border: none;width: 370px; height: 40px;
}
.foot_lxfs_ewm_map{  width: 630px; height: auto;}
.lxfs_ewm{ width:630px; height: auto;}
.ftlxfs_zs{ width: 300px; height: auto; float: left; text-align: left;}
.ft_gsm{ font-size: 24px; color: #404040;}
.lxfs_zs{ font-size: 15px; line-height: 30px; color: #404040; padding-top: 15px;}
.ewm{ width: 150px; height: auto; float: right; text-align: right;padding-top: 10px;}
.ewm img{ width: 150px; height: 150px;}
.foot_map{ width: 630px; height: auto; padding-top: 25px;}
.copy_bg{ height: 48px; background: #ffffff;}
.copy{ line-height: 48px; text-align: center;font-size: 12px; color: #000000;}
.copy a{ color: #404040;}
/***************/
.title{ text-align: center; height: auto; padding: 35px 0;}
.lmbt{ font-size: 28px; color: #404040; text-align: center; padding-bottom: 15px;}
.lmxq{ font-size: 14px; color: #404040; line-height: 30px;}
.title2{ text-align: center; height: auto; padding: 35px 0;}
.lmbt2{ font-size: 28px; color: #ffffff; text-align: center; padding-bottom: 15px;}
.lmxq2{ font-size: 14px; color: #ffffff; line-height: 30px;}

.index_about{ height: auto; padding: 45px 0;}
.index_ksdh{height: auto; display: flex;justify-content: space-between;}
.index_ksdh li{ width: 265px; height: auto;}
.dhimg{ width: 265px; height: auto; text-align: center;}
.dhimg img{ width: 150px; height: auto;}
.dhbt_xq{ width: 265px; height: auto; text-align: center;}
.dhbt_xq a{width: 100%; line-height: 45px; font-size: 18px;}
.dhbt_xq p{ text-align: center; color: #404040; font-size: 14px;}
/*******/
.index_probg{ height: auto; padding: 0 0 55px 0; background: url("../images/pro_bg.png")no-repeat top center;}
.pro_fl{ height: auto; display: flex; justify-content: left; flex-wrap: wrap;}
.pro_fl li{ width: 360px; height: auto; background: #2c8003; margin: 0 20px 25px 20px;}
.flbt_fy_more{width: 360px; height: auto; text-align: center; padding: 30px 0 30px 0;}
.flbt{ font-size: 18px; color: #ffffff; text-align: center;}
.flfy{ font-size: 12px; color: #ffffff; text-align: center; text-transform:uppercase; margin-bottom: 10px;}
.index_pro{ height: auto; padding: 0 0 75px 0;}
.cpzs{ height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cpzs li{ width: 280px; height: auto; margin-bottom: 25px;}
.pro_img{ width: 280px; height: auto; text-align: center;}
.pro_img img{ width: 100%; height: 285px;}
.pro_bt{ width:100%; height: 40px; line-height: 40px; text-align: center;}
.pro_bt a{ color: #404040; font-size: 16px;}
.pro_bt a:hover{ color:#2c8003;}
.pro_more{ margin: 0 auto; display: block; width: 46px; height: 44px;}
/******/
.index_contbg{ height: 262px; background: url("../images/content_bg.png")top center no-repeat;  }
.content_ys{ color: #ffffff; text-align: center; padding-top: 50px; font-size: 16px;}
.content_ys p{ padding: 5px 0;}
/*********/
.index_news{ height: auto; padding:0 0 90px 0;}
.news_img{width: 543px; height: auto; text-align: left;}
.news_img a{display: block;height: 300px;overflow: hidden;position: relative;}
.news_img a img{width: 100%;height: 100%;object-fit: cover;}
.news_img a .nti{width: calc(100% - 40px);position: absolute;left: 0;bottom: 0;line-height: 50px;padding: 0 20px;background: rgba(0,0,0,.5);font-size: 16px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.xwzx{ width: 633px; height: auto; display: flex; justify-content: left; flex-wrap: wrap;}
.xwzx li{width:633px;height: 38px;line-height: 38px; border-bottom: 1px dotted #cccccc;}
.xwzx li a{font-size: 14px;color: #404040; float: left; padding-left: 5px;}
.xwzx li span{float: right; color: #404040;}