@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;}
.w100{ width: 100%;}
.fl{ float: left;}
.fr{ float: right;}
.clear{  clear: both;}
.w1200{ width: 1200px;  margin: 0 auto;}

/****************/
#top{ width: 100%; height: auto;}
.logo_nav{ height: auto;}
.logo{ text-align: left; width: 300px; height: 100px;}
.nav{ width: 860px; height: auto;  display: flex; justify-content: right;}
.nav li{ width: 100px; height: auto; text-align: center; line-height: 35px; margin-top: 32px;}
.nav li a{ color: #303030; font-size: 16px;}
.nav li:hover a{ color: #e81816;}
/**********/
#foot{ width: 100%; height: auto; background: #303030; min-height: 340px;}
.foot_zs{ padding: 45px 0  30px 0; height: auto;}
.ft_dhzs{ width: 300px; height: auto;}
.ft_dhbt{ font-size: 18px; color: #ffffff; width: 100%; height: 45px; margin-bottom: 20px;}
.ft_dhbt p{ width: 100px; height: 45px; line-height: 45px; border-bottom: 1px solid #030303;}
.ft_dhzs ul{width: 100%; height: auto;  display: flex; flex-wrap: wrap; justify-content: left;}
.ft_dhzs ul li{ width: 135px; height: 35px; line-height: 35px; text-align: left;}
.ft_dhzs ul li a{ color: #ffffff; font-size: 14px;}
.ft_dhzs2{ width: 300px; height: auto}
.ft_dhzs2 ul{width: 100%; height: auto;  display: flex; flex-wrap: wrap; justify-content: left;}
.ft_dhzs2 ul li{ width: 135px; height: 35px; line-height: 35px; text-align: left;}
.ft_dhzs2 ul li a{ color: #ffffff; font-size: 14px;}
.ft_lxwm{ width: 300px; height: auto;}
.lxfs_zs{ width: 100%; height: auto; line-height: 30px; color: #ffffff; font-size: 14px;}
.ft_qgrx{ width: 300px; height: auto; padding-top: 10px;}
.lx_ewm{ width: 100%; height: auto;}
.qg_tel{ font-size: 32px; color: #ffffff; text-align: center; }
.lx_ewm dl{ color: #ffffff; font-size: 18px; text-align: center; padding-bottom: 10px;}
.ewm_img{ width: 100%; height: auto; text-align: center;}
.ewm_img img{ width: 150px; height: auto;}
.copy_topx{ border-top: 1px #030303 solid; height: auto; padding:20px 0; }
.copy_zs{ color: #ffffff; text-align: center;}
.copy{ font-size: 15px; color: #ffffff; text-align: center;}
.copy_zs p{ color: #ffffff; text-align: center; padding: 5px 0;}
/*******************************************************************************/
.titles{ width: 100%; height: auto;text-align: center; padding: 35px 0 55px 0;}
.lmfy{ text-align: center; color: #ffffff; font-size: 20px;text-transform:uppercase;}
.lmbt{ text-align: center; color: #ffffff;font-size: 28px;}
.titles2{ width: 100%; height: auto;text-align: center; padding: 35px 0  55px 0;}
.lmfy2{ text-align: center; color: #030303; font-size: 20px;text-transform:uppercase;}
.lmbt2{ text-align: center; color: #030303;font-size: 28px;}

.index_probg{ height: auto; background: #2c3035; padding: 35px 0;}
.profl_bx{ height: auto; border-bottom: 1px solid #000000;}
.pro_fl{ height: auto; display: flex; justify-content: center; flex-wrap: wrap;}
.pro_fl li{ width: 130px; line-height: 40px;height: auto; text-align: center; border-bottom: 1px solid #00000000;  margin: 0px 10px;}
.pro_fl li a{ color: #ffffff; font-size: 16px;}
.pro_fl li:hover{ border-bottom: 1px solid #e81816;}
.pro_fl li:hover a{ color: #e81816;}
.pro_zs{ height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 55px 0;}
.pro_zs li{ width:280px; height: auto; border-bottom: 1px solid #ffffff; margin-bottom: 40px;}
.pro_zs li:hover{border-bottom: 1px solid #e81816; }
.pro_img{ width: 280px; height: 230px; text-align: center;}
.pro_img img{ width: 100%; height: 230px;}
.probg_more{ width: 280px; height: 230px; background: url("../images/more.png")no-repeat center center #e81816b5; display: none;}
.pro_zs li:hover .probg_more{ display: block; position: absolute; z-index: 999; margin-top: -230px;}
.pro_btxq{width: 100%; height: auto; min-height: 80px; }
.pro_bt{ width: 100%; height:auto; line-height: 50px; color: #ffffff; text-align: left; font-size: 18px;}
.pro_ljxq a{ color: #606060; text-align: left;}
.pro_ljxq  a span{ float: right; text-align: right;}
/****************************/
.index_about{ height: auto; padding: 45px 0 90px 0;}
.gsjj_img{ width: 548px; height: auto; text-align: left;}
.gsjjnr_zs{ width: 650px; height: auto;}
.gsnr{ width: 100%; height: auto; line-height: 30px; color: #303030; font-size: 15px;}
.ab_more{ float: right; color: #e81816; font-size: 15px; margin-top: 20px;}
/************/
.index_wmdy{ height: auto; padding: 45px 0;}
.wmys_zs{ height: auto; display: flex;justify-content: space-between; flex-wrap: wrap;}
.wmys_zs li {width: 278px; height: 378px; border: 1px solid #909090;}
.ys_img{ width: 140px; height: 140px; background: #b9b9b9; border-radius: 50%; text-align: center; margin: 40px auto;}
.ys_img img{ padding-top: 46px;}
.wmys_btxq{ width: 100%; height: auto; text-align: center; }
.wmysbt{  color:#303030; font-size: 22px; text-align: center;  padding-bottom: 15px;}
.wmysfy{  text-align: center; color: #909090; font-size: 16px;  padding-bottom: 50px;}
.wmys_xhx{ width: 40px;height: 3px; background: #e81816; margin: 0 auto; border: none;}
.wmys_zs li:hover .ys_img{ background: #e81816;}
/*********************/
.index_newsbg{ height: auto; background: url("../images/news_bg.jpg")no-repeat top center; min-height: 720px;}
.news_fl{ width: 100%; height: auto; padding: 25px 0 40px 0; display: flex; justify-content: center;}
.news_fl li{ width: 178px; height: 48px; line-height: 48px; border: 1px solid #ffffff; text-align: center; margin: 5px 10px;}
.news_fl li a{ color: #ffffff; font-size: 16px;}
.news_fl li:hover{ background: #ffffff;}
.news_fl li:hover a{ color: #e81816;}
.news_zs{ width: 1200px; height: auto; display: flex; justify-content: space-around; flex-wrap: wrap; margin-bottom: 40px}
.news_zs li{ width: 580px; height: 180px; background: #ffffff;margin-bottom: 40px}
.news_img{ width: 200px; height: 180px; text-align: center;}
.news_img img{ width: 100%; height: 180px;}
.news_btxq_time{ width:340px; height: 180px; margin: 0 20px;  }
.time{ text-align: left; width: 100%; height: 35px;line-height: 35px; color: #909090; font-size: 14px; padding-top: 5px;}
.news_bt{ width: 100%; height: 55px; line-height: 55px; color: #303030; text-align: left; font-size: 16px;}
.news_xq{ color: #303030; font-size: 14px; line-height: 25px;}
/**************************/
.index_scsl{ height: auto; padding: 45px 0;}
.al_img{ width: 280px; height: 210px; display: block; overflow: hidden}
.al_img img{ width: 100%; height: 210px; }
.hzal_bt{ width: 260px; height:  180px; background: #e81816b5; 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:#e81816b5; color: #fff; display: block; margin: 30px auto;}


















