.col-page-product{ padding-top:6vh;}
.col-page-product ul.list>li{display: flex;align-items: center;flex-wrap: wrap;border-radius: 10px;background-color: rgba(255, 255, 255,.7);box-shadow: 0px 0px 29px 0px rgba(4, 68, 124, 0.175);transition: 0.3s;margin-bottom: 6vh;}
.col-page-product ul.list>li .img{width: 35%;border-radius: 10px;overflow: hidden; padding:30px;}
.col-page-product ul.list>li .content{width: 65%;padding: 30px 6.6vw;}
.col-page-product ul.list>li .content h2{font-size: 1.875rem;font-weight: bold;margin-bottom: 2.8vh;}
.col-page-product ul.list>li .content .s-content{font-size: 16px;color:#666;line-height: 2;}
.col-page-product ul.list>li .content .s-content ul li{padding-left: 20px;position: relative;}
.col-page-product ul.list>li .content .s-content ul li::before{content:'';width: 7px;height: 7px;border-radius: 50%;background: #04447c;position: absolute;left: 0;top: 12px;}
.col-page-product ul.list>li .content a.more{display: block;width:200px;line-height: 51px;border-radius: 25.5px;background: #04447c;color:#fff;text-align: center;margin-top: 6vh;font-size: 18px;}
.col-page-product ul.list>li:hover {background: #fff;transform: translateY(-10px);}

.overflow{overflow: hidden;}
.overflow img,.smallImg img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.overflow:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}


.col-page-news {padding: 10vh 0;background: #f2f4f8;}
.col-page-news .news-nav{text-align: center;font-size: 0;margin-bottom: 10vh;}
.col-page-news .news-nav a{width: 181px;line-height: 48px;display: inline-block;border-radius: 24px;text-align: center;font-size: 18px;font-weight: bold;transition: 0.25s;margin: 0 9px 9px;background: #fff;}
.col-page-news .news-nav a.active,.col-page-news .news-nav a:hover{color:#fff;background: #04447c;}
.col-page-news ul.list {display: flex;flex-wrap: wrap;}
.col-page-news ul.list li{width: 30%;margin-right: 5%;margin-bottom: 5%;background: #fff;transition: 0.25s;border:1px solid #e5e5e5;}
.col-page-news ul.list li:nth-child(3n){margin-right: 0;}
.col-page-news ul.list li .img{position: relative;overflow: hidden;}
.col-page-news ul.list li .img i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color:#fff;font-size:30px;}
.col-page-news ul.list li .content{padding: 3.5vh 40px 4vh;}
.col-page-news ul.list li .content .title{font-size: 20px;line-height: 1.5;transition: 0.2s; text-align:left;margin:0;}
.col-page-news ul.list li .content .date{color:#666;font-size: 14px;margin: 10px 0 2.5vh;}
.col-page-news ul.list li .content .desc{font-size: 14px;color:#666;line-height: 1.714;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;}
.col-page-news ul.list li .content .more{font-size: 14px;color:#04447c;margin-top: 4vh;}
.col-page-news ul.list li:hover{box-shadow: 0px 5px 54px 0px rgba(6, 0, 1, 0.15);}
.col-page-news ul.list li:hover .content .title{color:#04447c;}


@media (max-width: 768px) {
  .col-page-product ul.list>li .content a.more,.col-page-news .news-nav a{width: 160px;line-height: 45px;font-size: 16px;}
  .col-page-contact .col-2 form ul li,.col-page-product ul.list>li .img,.col-page-product ul.list>li .content,.col-page-news ul.list li{width: 100%;margin-right: 0;}
  #col-index-banner .swiper-slide a.play{bottom: -80px;}
  .col-page-jobform #cvlist .v52fmbx dl dd input,.col-page-jobform #cvlist .v52fmbx dl dd textarea{width: 100%;}
  .col-page-recruit .col-2 .job ul li table tr th:not(:first-child):not(:last-child),.col-page-recruit .col-2 .job ul li .jobtit table tr td:not(:first-child):not(:last-child){display: none;}
  .col-page-technology .col-1 .flex .content ul {flex-wrap: wrap;}
  .col-page-technology .col-1 .flex .content ul li{margin:0 0 15px;width: 50%;text-align: center;padding: 0 5px;}
  .header .inner .logo img{width: 160px;}
  #header a.mm_btn{left: calc(175px + 3.68vw) !important;}
  html{font-size: 11px;}

  
}