@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;}
.w1200{ width: 1200px; margin: 0 auto;}
.w1500{ width: 1500px; margin: 0 auto;}
.w1400{ width: 1400px; margin: 0 auto;}
.w1600{ width: 1600px; margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.w100{ width: 100%;}

/*************/
#top{ width: 100%; height: auto;}
.logo{ height: 100px;}
.nav_bg{height: auto; background: #02328d;}
.nav{ height: auto; display: flex; justify-content: space-between;}
.nav li{ width: 120px; height: auto; line-height: 60px; text-align: center;}
.nv_one{ color: #ffffff; font-size: 16px;}
.zlm{ width: 180px; height: auto; display: none;background: #02328d; }
.zlm dt{ width: 165px; height: 40px; line-height: 40px; padding-left: 15px; float: left; text-align: left;}
.zlm dt a{ color: #ffffff; font-size: 15px;}
.nav li:hover{ background: #ffffff;}
.nav li:hover .nv_one{ color: #303030;}
.nav li:hover .zlm{ display: block; position: absolute; z-index: 999;}
.zlm dt:hover{ background: #d1a200;}
.zlm dt:hover a{ color: #ffffff;}
.main_ywbg{ height: 60px; background: #02328d;}
.main_yw { height: 60px; line-height: 60px; text-align: left; color: #ffffff; font-size: 12px;}
.main_yw span{ font-size: 16px;}
/*********************/
#foot{ width: 100%; height: auto; background: #02328d;  padding: 0px 0 20px 0;}
.ftlxwm{ width: 850px; height: auto; display: flex; justify-content: left; flex-wrap: wrap; padding-top: 40px;}
.ftlxwm li{
    width: 320px; height: 40px; line-height: 40px; font-size: 15px;
    color: #ffffff; padding-left: 40px;    margin-bottom: 15px;
    background: url("../images/lxr.png") no-repeat left center;
}
.ftlxwm li:nth-child(2){background: url("../images/tel.png") no-repeat left center;  }
.ftlxwm li:nth-child(3){background: url("../images/lxr.png") no-repeat left center;  }
.ftlxwm li:nth-child(4){background: url("../images/tel.png") no-repeat left center;  }
.ftlxwm li:nth-child(5){background: url("../images/add.png") no-repeat left center;   width: auto; height: 40px; line-height: 40px;}
.ewmzs{ width: 200px; height: auto; text-align: center;}
.copy{ height: auto; line-height: 40px; text-align: center; color: #ffffff; font-size: 14px; padding-top: 40px;}
.copy a{ color: #ffffff;}

/*************/
.titles{ height: auto;  text-align: center; padding: 35px 0;}
.lmbt{color: #303030; font-size: 28px; text-align: center;}
.lmxq{ text-align: center;color: #909090; font-size: 14px; padding: 10px 0; text-transform:uppercase;}
.titles2{ height: auto;  text-align: center; padding: 35px 0;}
.lmbt2{color: #ffffff; font-size: 28px; text-align: center;}
.lmxq2{ text-align: center;color: #ffffff; font-size: 14px; padding: 10px 0; text-transform:uppercase;}

.wmys{ height: auto; padding: 65px 0;}
.wmyszs{ display: flex;justify-content: space-between; height: auto; padding: 35px 0;}
.wmyszs li{ width: 280px; height: auto; }
.wmys_img{ width: 200px; height: 200px; border-radius: 200px; background: #ededed; text-align: center; margin: 0 auto;}
.wmys_img img{ padding-top: 64px; width: 72px; height: 72px;}
.ysbt{ font-size: 22px; color: #303030;width: 100%; height: auto;  text-align: center; padding: 30px 0 15px 0;}
.ysxq{ width: 100%; height: auto;  text-align: center;color: #909090; font-size: 16px; line-height: 30px; }
/************/
.probg{ height: auto; background: #f3f3f4; }
.index_pro{ height: auto;padding: 30px 0; }
.profl_zs{ height: auto; padding: 40px 0; display: flex; justify-content:left; flex-wrap: wrap;}
.profl_zs li{ width: 160px; height:60px;line-height: 60px; text-align: center; color: #303030;margin-bottom: 8px;}
.profl_zs li a{ color: #303030; font-size: 14px;}
.profl_zs li:hover{ background: #02328d; -moz-border-radius-topleft:50px; }
.profl_zs li:hover a{ color: #ffffff;}
.pro_zs{ height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.pro_zs li{ width: 380px; height: auto;background: #ffffff; padding-bottom: 20px;  border: 1px solid #ffffff; margin-bottom: 30px;}
.pro_img{ width: 378px; height: auto; border: 1px solid #ffffff;}
.pro_img img{ width: 100%; height: 400px; text-align: center;}
.probt_more{ width: 100%; height: auto; text-align: center;}
.pro_bt{ width: 100%; height: 60px; line-height: 60px; text-align: center;}
.pro_bt a{ color: #303030; font-size: 20px;}
.pro_more{
    width: 120px; height: 30px; line-height: 30px;display: block; margin: 0 auto;
    border: 1px solid #c9c9c9; background: url("../images/more.png") no-repeat center center;
}
.pro_zs li:hover{ border: 1px solid #303030;}
/*****************/
.ab_bg{  background: url("../images/about_bg.jpg")no-repeat top center; height: 600px;}
.index_about{ height: auto;}
.about_zs{  background: #ffffff; height: 320px;}
.ab_img{ width: 560px; height: 380px;position: absolute;z-index: 999;margin: -40px 0 0 20px; }
.about_nr{ color: #303030; font-size: 14px;line-height: 30px; width: 550px;height: 320px; padding: 40px  20px 0 20px;}
.ab_more{
    width: 140px; height: 35px; line-height: 35px;
    text-align: center; color: #ffffff; font-size: 15px;
    display: block; background: #02328d; margin-top: 20px;
}
/**************************/
.newsbg{width: 100%; height: auto; background: #f3f3f4;   }
.index_news{ height: auto; padding: 60px 0  150px 0;}
.news_tj{ width: 580px; height: auto;}
.news_tj img{ width: 100%; height: 320px;}
.newsbt_xq_time{ width: 100%; height: auto; background: #02328d; color: #ffffff;}
.newsbt_xq_time a{ width: 100%; height: 50px; line-height: 50px; text-align: left; font-size: 18px; padding-left: 10px; color: #ffffff;}
.news_xq{ width: 550px; padding-left: 10px; height: auto; line-height: 25px; font-size: 13px;}
.news_time{  width: auto; height: auto; padding: 10px 0 10px 10px;}
.xwzx_zs{ width: 600px; height: auto; display: flex; justify-content: left; flex-wrap: wrap;}
.xwzx_zs li{ width: 600px; height: auto; margin-bottom: 25px;}
.xwzx_time{ width: 120px; height: 130px; background: #dbdbdb; float: left;}
.xwzx_time dl{ width: 100%; height: auto; text-align: center; color: #303030; font-size: 60px;}
.xwzx_time dt{ width: 100%; height: auto; text-align: center;color: #303030; font-size: 20px;}
.xwzx_btxq_more{ width: 450px; height: 130px; padding: 0 15px; float: right; background: #f8f8f8;}
.xwzx_bt{ width: 100%; height: auto; line-height: 50px; text-align: left; color: #303030; font-size: 18px;}
.xwzx_xq{ width: 100%; height: auto; line-height: 25px; color: #909090; font-size: 13px;}
.xwxq_more{ width: auto; height: auto; display: block; float: right;}
/************/
.index_case{  height: auto; padding: 65px 0 95px 0; }
.al_img{ width: 280px; height: 210px; display: block; overflow: hidden}
.al_img img{ width: 100%; height: 210px; }
.case_btmore{ width: 280px; height: auto; text-align: center;}
.case_bt{ width: 100%; height: auto; line-height: 50px; text-align: center; color: #303030; font-size: 16px; }
.case_more{
    width: 120px; height: 30px; line-height: 30px;display: block; margin: 8px auto;
    border: 1px solid #c9c9c9; background: url("../images/more.png") no-repeat center center;
}