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

/********/
#top{ width: 100%; height: auto;}
.logo_nav{ height: auto;}
.logo{ width: 300px; height: 120px; text-align: left;}
.nav{ width: 860px; height: auto; display: flex; justify-content: right;}
.nav li{ width: 100px; height: 40px; line-height: 40px; text-align: center; margin-top: 40px;}
.nav li a{ color: #303030; font-size: 16px;}
.zlm{ width: 150px; height: auto;display: none; background: #ffffff;}
.zlm dl{ width: 100%; line-height: 35px; text-align: center;}
.zlm dl:hover{ background: #04979e;}
.zlm dl:hover a{ color: #ffffff;}
.zlm dl a{ color: #303030; font-size: 14px;}
.nav li:hover .zlm{ position: absolute; z-index: 999; display: block;}
/***/
#foot{ width: 100%; background: #000000; max-height: 350px; padding: 50px 0 40px 0;}
.ft_munu_zs{ width: 100px; height: auto; color: #ffffff; margin-right: 40px;}
.ft_nav{ width: 100%; height: auto; display: flex; justify-content: left; flex-wrap: wrap;}
.ft_title{ font-size: 20px; color: #fffefe; padding-bottom: 25px;}
.ft_nav li{ width: 100%; height: 35px; line-height: 35px; text-align: left;}
.ft_nav li a{ color: #949494; font-size: 15px;}
.ft_lxwm{ width: 280px; height: auto;margin-right: 40px;}
.ft_lxfs{ width: 100%; height: auto; line-height: 35px;color: #949494; font-size: 14px;}
.ft_profl_zs{ width: 320px; height: auto; color: #ffffff;}
.ft_pro_fl{ width: 100%; height: auto; }
.ft_pro_fl li{ width: 150px; height: 35px; line-height: 35px; text-align: left; float: left;}
.ft_pro_fl li a{ color: #949494; font-size: 15px;}
.copy_zs{ width: 410px; height: auto;}
.ewm_zs{ width: 150px; text-align: center; padding-bottom: 25px;}
.ewm_zs img{ width: 150px; height: auto;}
.copy{ font-size: 14px;color: #949494; line-height: 30px;}
/*********/
.index_about{ height: auto; padding: 45px 0 65px 0;}
.gsjj_img{ width: 540px; height: auto; text-align: left;}
.gsjj_zs{width: 600px; height: auto; padding-top: 45px;}
.about_title{ font-size: 28px; color: #303030; text-align: left; padding-bottom: 30px;}
.ab_nr{ font-size: 14px; line-height: 35px; color: #303030;}
.ab_more{
    width: 200px; height: 50px; line-height: 50px; text-align: center;
    display: block; color: #ffffff;background: #04979e; font-size: 16px; margin-top: 30px;
}
/*****/
.title{ text-align: center; width: 100%; height: auto; padding: 40px 0;}
.lm_bt{ font-size: 28px; color: #ffffff; text-align: center;}
.lm_fy{ font-size: 14px; color: #ffffff; text-align: center; padding: 15px 0;}
.title2{ text-align: center; width: 100%; height: auto; padding: 40px 0;}
.lm_bt2{ font-size: 28px; color: #303030; text-align: center;}
.lm_fy2{ font-size: 14px; color: #303030; text-align: center; padding: 15px 0;}
.index_probg{ height: auto;min-height: 1050px; background: url("../images/pro_bg.jpg")no-repeat top center;}
.pro_zs{ width: 1200px; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 60px;}
.pro_zs li{ width: 400px; height: auto;}
.pro_img{ width: 100%;  height: auto; text-align: center;}
.pro_img img{ width: 100%; height: 320px; }
.pro_bt { width: 100%; height: 45px; line-height: 45px; text-align: center; display: none;}
.pro_bt a{ font-size: 16px; color: #ffffff;}
.pro_hovre{ width: 400px; height: 320px; background: #04979e; text-align: center; display: none;}
.pro_zs li:hover .pro_hovre{
    position: absolute;
    z-index: 99;
    margin-top: -320px;
    display: block;
}
.hover_bt{width: 100%; height: 45px; text-align: center; line-height: 45px; margin-top: 120px;}
.hover_bt a{ color: #ffffff; font-size: 16px;}
.hover_xhx{ width: 100px; height: 4px; background: #ffffff; border: none; margin: 0 auto;}
/*****/
.ys01zs{ height: auto; padding-bottom: 50px;}
.ysbtxq{ width: 480px;height: auto; padding:0 60px; }
.ys_img{ width: 600px; height: auto; text-align: center;}
.ys_bt{ padding: 60px 0 30px 0; color: #303030; font-size: 20px;}
.ys_xq{ font-size: 14px; line-height: 35px; color: #303030;}
.ys_more{
    width: 200px; height: 50px;line-height: 50px;
    text-align: center; display: block; color: #ffffff;
    background: #04979e; font-size: 16px;
    margin-top: 25px;
}
.ys_more2{
    width: 200px; height: 50px;line-height: 50px;
    text-align: center; display: block; color: #ffffff;
    background: #303030; font-size: 16px;
    margin-top: 25px;
}
/********/
.index_newsbg{  height: auto; min-height: 900px; background: #303030;}
.news_tj{ width: 1200px; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.news_tj li{ width: 380px; height: auto;}
.xwtj_img { width: 380px; height: auto; text-align: center; position: relative;}
.xwtj_img img{ width: 100%; height: 260px;}
.hover_xwbt{
    width: 365px; height: 60px;line-height: 60px;
    background: #000000;opacity: 0.8; padding: 0 5px 0 10px;
   display: none;
}
.hover_xwbt a{ color: #ffffff; font-size: 16px; float: left;}
.hover_xwbt span{ color: #b8b8b8; font-size: 14px; float: right;}
.news_tj li:hover .hover_xwbt{
    position: absolute;
    z-index: 99;
    margin-top: -60px;
    display: block;
}
.xwzx_zs{ width: 1180px; height: auto; padding: 40px 10px; display: flex; justify-content: space-around; flex-wrap: wrap;}
.xwzx_zs li{ width: 540px; height: 110px; border-bottom:1px solid #a4a4a4; margin-bottom: 15px; }
.bt_time{ width: 100%; height: 40px; line-height: 40px; color: #b8b8b8;}
.bt_time a{ color: #b8b8b8; font-size: 16px; float: left;}
.bt_time span{ float: right;}
.xw_xq{ color:  #b8b8b8; line-height: 25px; width: 100%; height: auto;}