html,body{margin: 0 ;padding: 0;background-color: #f5f7f6;}
.content{width: 1200px;margin: 0 auto;}
.font12{font-size: 12px;}
.margin5{margin: 0 5px;}
.flex2{flex: 3;}
.flex1{flex: 1;}
.color1{color: #5978bb}
.textright{text-align: right;}
a{color: #333;text-decoration: none;}
a:hover{text-decoration: none;color: #5978bb;}
ul,li{list-style: none;margin: 0;padding: 0;}
.clear{clear: both;}
.bg_color{min-width: 1200px;width: 100%;background-color: #fff;}

.products:hover .li_son{display: flex;}

.head_top{display: flex;flex-direction: row;justify-content: space-between;padding: 10px 0;}
.head_menu{display: flex;flex-direction: row;justify-content: space-between;padding: 20px 0;}
.head_menu .left{width: 306px;}
.head_menu .right{padding-top: 20px;}
.head_menu .right li{float: left;line-height: 30px;margin: 0 15px;font-size: 16px;font-weight:500;}


.footer{display: flex;flex-direction: row;justify-content: flex-start;color: #575757; margin-top: 40px;}
.footer .footer_li{flex-basis:24%; display: flex;flex-direction: column;}
.footer .footer_li p{line-height: 25px;}
.footer .footer_li1 {margin-bottom: 10px;display: flex;flex-direction: row;justify-content: flex-start;}
.footer .footer_li1 img{width: 30px;height: 30px;margin-right: 10px;}
.footer_active {position: relative; color: #6884c3;height: 35px; margin-bottom: 20px;}

.footer_active::before {  position: absolute;  bottom: 0;  left: 9%;  transform: translateX(-50%);
  content: '';  width: 55px;  height: 2px;  border-radius: 2px;  background-color: #6884c3;}
.footer1{padding: 20px 0;text-align: center;}


.path{font-weight: 600;padding: 15px 0;}
.path .current{color:#6884c3 ;}
.path  span{padding: 0 10px;}
table{width: 100%;}
table,td{border: 0px;}


.b-page {
 background: #fff;
 box-shadow: 0px 1px 2px 0px #E2E2E2;
}
.page {
 width: 100%;
 background: #FFF;
 text-align: center;
 overflow: hidden;
 font-size:14px;
 margin-top:50px;
}
.page .first,
.page .prev,
.page .on,
.page .num,
.page .current,
.page .next,
.page .end {
 padding: 8px 16px;
 margin: 0px 5px;
 display: inline-block;
 color: #144970;
 border: 1px solid #F2F2F2;
 border-radius: 5px;
}
.page .first:hover,
.page .prev:hover,
.page .on:hover,
.page .num:hover,
.page .on:hover,
.page .next:hover,
.page .end:hover {
 text-decoration: none;
 background: #F8F5F5;
}
.page .on {
 background-color: #144970;
 color: #FFF;
 border-radius: 5px;
}
.page .on:hover {
 text-decoration: none;
 background: #144970;
}
.page .not-allowed {
 cursor: not-allowed;
}