.banner{width: 100%;min-height: 480px;min-width: 1200px;}
.product{padding-top: 30px;text-align: center;display: flex;flex-direction: column;justify-content: center;}
.product h2{width: 150px; margin: 0 auto;padding: 20px 0;}

.active {position: relative; }

.active::before {  position: absolute;  bottom: 0;  left: 50%;  transform: translateX(-50%);
  content: '';  width: 50px;  height: 3px;  border-radius: 3px;  background-color: #6884c3;}
  .product h4{color: #646363;padding: 10px 0;}
  .product .plist{display: flex;flex-direction: row;justify-content:flex-start; flex-wrap: wrap;
  }
  .product .plist .plist_li{display: flex;flex-direction: row;flex-basis: 33%;box-sizing: border-box;padding: 30px;}
  .product .plist .plist_li img{width: 100px;height: 100px;}
.product .plist .plist_li .li_content{padding-left:15px;display:flex ;flex-direction: column;justify-content: flex-start;}
.product .plist .plist_li .li_content .title{font-size: 15px;text-align: left;color: #000;font-weight: 600;line-height: 25px;height: 25px;overflow: hidden;}
.product .plist .plist_li .li_content .desc{color: #7e7e7e;text-align: left;font-size: 12px;}

.news{padding-top: 30px;text-align: center;display: flex;flex-direction: column;justify-content: center;}
.news h2{width: 150px; margin: 0 auto;padding: 20px 0;}
 .news h4{color: #646363;padding: 10px 0;}
 .news .newslist{display: flex;flex-direction: row;justify-content:flex-start; flex-wrap: wrap;margin-top: 20px;
  }
  .news .newslist .newslist_li{border: 1px solid #ececec; display: flex;flex-direction: column;flex-basis:24%;box-sizing: border-box;padding: 20px;margin-right: 16px;}
  .news .newslist .newslist_li:last-child{ margin-right: 0px;}
  .news .newslist .newslist_li:hover{border: 0;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);}
  .news .newslist .newslist_li img{width: 100%;height: auto;} 
   .news .newslist .newslist_li .title{height: 30px;line-height: 30px;overflow: hidden;font-size: 15px;font-weight: 600;margin: 10px 0;} 
   .news .newslist .newslist_li .news_more{padding: 5px 10px;background-color: #617ec0;color: #fff;width: 120px;display: block;margin: 0 auto;margin-top: 20px;margin-bottom: 30px;}
    .news .newslist .newslist_li .desc{min-height: 60px;}
.service{    min-width: 1200px;width: 100%;margin-top: 100px;position: relative;}
.service .service_bg{width: 100%;height: 220px;background-color: #607dbf;}
.service .img{position: absolute;right: 50%;bottom: 0;margin-right: -600px;}