@charset "utf-8";
@font-face {
  font-family: "gilroy";
  font-weight: 100;
  src: url("../fonts/Gilroy-Thin-13.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 300;
    src: url("../fonts/Gilroy-Light-11.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: regular;
    src: url("../fonts/gilroy-regular-3.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 500;
    src: url("../fonts/Gilroy-Medium-2.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 600;
    src: url("../fonts/gilroy-bold-4.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 700;
    src: url("../fonts/Gilroy-ExtraBold.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 900;
    src: url("../fonts/gilroy-black-6.otf") format("opentype");
}
@font-face {
    font-family: "Solano";
    font-weight: regular;
    src: url("../fonts/SOLANOGOTHICMVB-BD.WOFF2.TTF") format("truetype");
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 1502878 */
  src: url('//at.alicdn.com/t/c/font_1502878_aoqpq1zgho.woff2?t=1729064459925') format('woff2'),
       url('//at.alicdn.com/t/c/font_1502878_aoqpq1zgho.woff?t=1729064459925') format('woff'),
       url('//at.alicdn.com/t/c/font_1502878_aoqpq1zgho.ttf?t=1729064459925') format('truetype');
}
.solano{font-family: 'Solano';}
*{margin:0;padding: 0;}
html{overflow-x: hidden;font-size: 16px;}
html.ovHidden{overflow: hidden;}
body {min-width: 320px;color: #0c0c0c;overflow: hidden;font-family:"gilroy","Poppins","PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro","Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei,tahoma, Arial, Verdana, sans-serif;background: #fff;}
*{word-break:normal !important}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.goomay a {
  font-family:"iconfont" !important;
  font-size:12px!important;
  color: #8d8d8d!important;
  font-style:normal;
  font-weight: normal;
  text-decoration: none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  transition: .5s all;
}
.icon-goomay a:before { content: "\e625"; }
.goomay a:hover{color: #0c0c0c!important;}
.icon-g:before { content: "\e603"; }
.iconfont {font-family: 'iconfont';}
li {list-style: none;}
i {font-style: normal;}
a {color: #0c0c0c;text-decoration: none;}
a:focus{text-decoration: none;outline: none;color:#0c0c0c;}
a:hover { color: #0c0c0c;text-decoration: none;outline: none;}
p,h1,h2,h3,h4,h5,h6,ul,li {margin: 0;padding: 0;}
img {border: 0;  max-width: 100%;vertical-align: middle;}
img[src=""],img:not([src]){opacity:0 !important;}
.iconfont{font-family: 'iconfont';}
.flex{display: -webkit-flex;display: -ms-flexbox;display: flex;}
.none{display: none;}
.overflow{overflow: hidden;}
.overflow img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.smallImg img{transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.overflow:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.smallImg:hover img{-webkit-transform:scale(0.95);transform:scale(0.95);}
.container{max-width: 1200px;width: 100%;padding: 0 20px;margin: 0 auto;}
.container2 {max-width: 100%; width:100%;  margin: 0 auto; padding: 0 8.333vw;}
.container3 {max-width: 100%; width:100%;  margin: 0 auto; padding: 0 12.5vw;}
.text-center{text-align: center;}
.none{display: none !important;}
sub, sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup {top: -0.5em;}
.target-fix {position: relative;top: -150px;display: block;height: 0;overflow: hidden;}

.swiper,.swiper .swiper-slide{position: relative;}
.swiper{
  --swiper-theme-color: #264eae;/* 设置Swiper风格 */
  --swiper-preloader-color: #264eae;/* 单独设置预加载圆圈的颜色 */
}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f20{font-size: 1.0416vw;}
.f22{font-size: 1.145833vw;}
.f24{font-size: 1.25vw;}
.f26{font-size: 1.35416vw;}
.f28{font-size: 1.4583vw;}
.f30{font-size: 1.5625vw;}
.f32{font-size: 1.666vw;}
.f36{font-size: 1.875vw;}
.f40{font-size: 2.08vw;}
.f42{font-size: 2.1875vw;}
.f44{font-size: 2.2916vw;}
.f48{font-size: 2.5vw;}
.f50{font-size: 2.6vw;}
.f54{font-size: 2.8125vw;}
.f56{font-size: 2.917vw;}
.f60{font-size: 3.125vw;}
.f66{font-size: 3.438vw;}
.f70{font-size: 3.64583vw;}
.f72{font-size: 3.75vw;}
.f76{font-size: 3.958vw;}
.f80{font-size: 4.16vw;}
.f90{font-size: 4.6875vw;}

/* animates */
@-webkit-keyframes fadeUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeUp {-webkit-animation-name: fadeUp;animation-name: fadeUp;}
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.fade {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -80px, 0);transform: translate3d(0, -80px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -80px, 0);transform: translate3d(0, -80px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeDown {-webkit-animation-name: fadeDown;animation-name: fadeDown;}
@-webkit-keyframes fadeLeft {
  from {opacity: 0;-webkit-transform: translate3d(-80px, 0, 0);transform: translate3d(-80px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeLeft {
  from {opacity: 0;-webkit-transform: translate3d(-80px, 0, 0);transform: translate3d(-80px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeLeft {-webkit-animation-name: fadeLeft;animation-name: fadeLeft;}
@-webkit-keyframes fadeRight {
  from {opacity: 0;-webkit-transform: translate3d(80px, 0, 0);transform: translate3d(80px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeRight {
  from {opacity: 0;-webkit-transform: translate3d(80px, 0, 0);transform: translate3d(80px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeRight {-webkit-animation-name: fadeRight;animation-name: fadeRight;}


.header{width: 100%;position: fixed;top: 0;z-index: 999;left: 0;}
.header .flex{display: flex;align-items: center;padding: 0 3.646vw;height: 110px;line-height: 110px;box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);background: #fff;transition: .25s;}
.header .logo{margin-right: auto;}
.header .logo img{width: 13.229vw;min-width: 100px;}
.header nav{margin-right: 5.208vw;}
.header nav ul{font-size: 0;}
.header nav ul li{display: inline-block;vertical-align: middle;margin-right: 3.385vw;position: relative;}
.header nav ul li:last-child{margin-right: 0;}
.header nav ul li>a{transition: 0.25s;display: inline-block;vertical-align: middle;font-weight: 500;}
.header nav ul li>a:hover,.header nav ul li.active>a{color:#264eae;}
.header nav ul li .child{white-space: nowrap;position: absolute;top:100%;margin-left:10px;left:-20px;display: none;padding: 10px 20px 15px;background: #fff;box-shadow: 0 5px 5px 2px rgba(0,0,0,0.05);min-width: 180px;}
.header nav ul li .child p{margin-top: 5px;line-height: 1.6;padding:0;}
.header nav ul li .child p a{color:#333;text-transform: none;font-weight: 500;}
.header nav ul li .child p a:hover{color:#264eae;}
.header .stock_code{line-height: 1.2;font-weight: 300;}
.header.on .flex{box-shadow: none;}





html.nav-open {overflow: hidden!important;}
.Menu {width:100%;height: 100%;position: fixed;top: 0;left: 0;transform: translateX(-100%);z-index: 990;background: #fff;transition: 0.5s;overflow-y: auto;padding: 60px 0 0;}
.Menu.active{transform: none;}
.Menu ul.list{border-top: 1px solid rgba(0,0,0,.1);}
.Menu ul.list li{padding: 10px;border-bottom: 1px solid rgba(0,0,0,.1);display: flex;justify-content: space-between;flex-wrap: wrap;}
.Menu ul.list li i.fa{width: 40px;cursor: pointer;transition: 0.3s;font-size: 16px;font-weight: bold;text-align: center;}
.Menu ul.list li .child {margin-top: 10px;display: none;width: 100%;}
.Menu ul.list li .child p{padding: 5px;}
.Menu ul.list li.cur i.fa{transform: rotate(90deg);}

.col-banner {transition: 0.5s all ease;position: relative;padding: 0 !important;}
.col-banner .swiper-slide{font-size: 0;}
.col-banner .swiper-slide .img {width: 100%;height: 100%;}
.col-banner .swiper-slide .img img{width: 100%;height: 100%;object-fit: cover;}
.col-banner .swiper-slide .ban_cont{position: absolute;top: 50%;transform: translateY(-50%);color:#fff;left: 0;width: 100%;z-index: 2;}
.col-banner .swiper-slide .ban_cont .content{opacity: 0;}
.col-banner .swiper{/*position: fixed;top: 0;left: 0;*/width: 100%;z-index: 0;} 
/* #col-index-banner,#col-index-banner .swiper-slide{height: 100vh !important;} */
#col-index-banner .swiper-slide::after{content:'';width: 100%;height: 100%;background: rgba(0,0,0,.3);position: absolute;left: 0;top: 0;}
#col-index-banner .swiper-slide video{width: 100vw;height: 100%;object-fit: cover;position: relative;}
#col-index-banner .swiper-slide .ban_cont .content .s-content{font-weight: 300;line-height: 1.5;}
#col-index-banner .swiper-slide .ban_cont .content .s-content h2{font-family: 'Solano';font-size: 4.167vw;font-weight: bold;line-height: 1;}
#col-index-banner .swiper-pagination{bottom: 13.698vw;}
#col-index-banner .swiper-pagination span{width: 5.938vw;height: 1px;background-color: rgba(255,255,255,.8);opacity: 1;border-radius: 0;transition: 0.25s;min-width: 20px;}
#col-index-banner .swiper-pagination span.swiper-pagination-bullet-active{background-color: rgba(24,57,136,.8);}
#col-index-banner .scroll{position: absolute;left: 50%;transform: translateX(-50%);bottom: 1.77vw;color:#fff;text-align: center;animation: move 1s infinite alternate;}
#col-index-banner .scroll i{margin-bottom: 0.6vw;display: inline-block;}
@keyframes move {
  0% {margin-bottom: 0px;}
  100% {margin-bottom: 10px;}
}
#col-banner .swiper-slide .ban_cont {top: calc(50% + 55px);}
#col-banner .swiper-slide .ban_cont .content h1{text-align: center;}
#col-banner .swiper-slide .ban_cont .content h2{text-align: center;margin-top: 5px;}
#col-banner .swiper-pagination span{background: rgba(255,255,255,.54);opacity: 1;}
#col-banner .swiper-pagination span.swiper-pagination-bullet-active{background: #264eae;}


.col-index-about{position: relative;background: #fff;z-index: 1;padding: 9.115vw 0 6.458vw;}
.col-index-about .flex{align-items: center;flex-wrap: wrap;justify-content: space-between;}
.col-index-about .flex .content{width: 47%;}
.col-index-about .flex .content .title{font-weight: bold;margin-bottom: 1.302vw;}
.col-index-about .flex .content .s-content{line-height: 1.66;margin-bottom: 3.021vw;}
.col-index-about .flex .content .s-content h3{font-family: 'Solano';color:#264eae;line-height: 1;font-size: 3.125vw;margin-bottom: 1vw;letter-spacing: -1px;}
.col-index-about .flex .content a.more{display: inline-block;transition: .25s;}
.col-index-about .flex .content a.more>*{display: inline-block;vertical-align: middle;}
.col-index-about .flex .content a.more span{margin-right: 15px;transition: .25s;}
.col-index-about .flex .content a.more:hover{color:#264eae;}
.col-index-about .flex .content a.more:hover span{margin-right: 20px;}
.col-index-about .flex .img{width: 50%;}
.col-index-about .flex .img img{border-radius:15px; }
.col-index-product .odometer-digit{padding-right: 0.208vw;}
.col-index-product{position: relative;z-index: 1;background: #fff;}
.col-index-product h2{margin-bottom: 3.125vw;}
.col-index-product .content{text-align: center;max-width: 990px;margin: 0 auto 8.646vw;line-height: 1.66;}
.col-index-product .wrap{background: #204bb5;padding: 1px 90px 3.385vw 90px;}
.col-index-product .wrap .flex{justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;margin-top: -5.938vw;align-items: flex-start;}
.col-index-product .wrap .left{width: 50%;}
.col-index-product .wrap .right{width: 46%;}
.col-index-product .wrap .item{margin-bottom: 2.5vw;padding-bottom: 2.708vw;border-bottom: 1px solid #3460ca;}
.col-index-product .wrap .item .img{position: relative;overflow: hidden; border-radius:15px; }
.col-index-product .wrap .item .title{position: absolute;left: 0;bottom: 2.083vw;width: 100%;padding: 0 4.948vw;}
.col-index-product .wrap .left .item:nth-child(2n){margin-bottom: 0;padding-bottom: 0;border: none;}
.col-index-product .wrap .left .item:nth-child(2n) .title{color:#fff;}

.col-index-customer{padding: 10.938vw 0 7.188vw;position: relative;background: #fff;z-index: 1;}
.col-index-customer .flex{align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.col-index-customer .flex .content{width: 34%;}
.col-index-customer .flex .content .img{margin-bottom: 3.75vw;}
.col-index-customer .flex .content .img img{width: 27.917vw;min-width: 200px;}
.col-index-customer .flex .content .title{color:#264eae;line-height: 0.909;margin-bottom: 1.406vw;}
.col-index-customer .flex .content .s-content{line-height: 1.66;margin-bottom: 4.063vw;}
.col-index-customer .flex .map{width: 65%;position: relative;}
.col-index-customer .flex .map ul li{position: absolute;transform: translate(-50%,-50%);width: 10px;height: 10px;border-radius: 50%;background: #ff0000;}
.col-index-customer .flex .map ul li::after{content:'';width: 100%;height: 100%;position: absolute;border-radius: 50%;left: 0;top: 0;z-index: -1;background: #ff0000;animation: ripple-animation 2s linear infinite;}
.col-index-customer .flex .map ul li:nth-child(1){left: 16.43%;top: 25%;}
.col-index-customer .flex .map ul li:nth-child(2){left: 21.64%;top: 41.4%;}
.col-index-customer .flex .map ul li:nth-child(3){left: 28.7%;top: 66%;}
.col-index-customer .flex .map ul li:nth-child(4){left: 45.8%;top: 28.8%;}
.col-index-customer .flex .map ul li:nth-child(5){left: 52.2%;top: 30.6%;}
.col-index-customer .flex .map ul li:nth-child(6){left: 54.6%;top: 37.6%;}
.col-index-customer .flex .map ul li:nth-child(7){left: 54.88%;top: 48.8%;}
.col-index-customer .flex .map ul li:nth-child(8){left: 66.86%;top: 36.4%;}
.col-index-customer .flex .map ul li:nth-child(9){left: 72.66%;top: 19.8%;}
.col-index-customer .flex .map ul li:nth-child(10){left: 86.96%;top: 39%;}
.col-index-customer .flex .map ul li:nth-child(11){left: 85.12%;top: 76.4%;}
.col-index-customer .flex .map ul li:nth-child(12){left: 77.87%;top: 42.6%;}
.col-index-customer .flex .map ul li.top{width: 4vw;height: 4vw;min-width: 25px;min-height: 25px;animation: ripple-animation2 2s linear infinite;}
.col-index-customer .flex .map ul li.top::after{background: #005cac;}
.col-index-customer .flex .map ul li.top .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 4.948vw;min-width: 30px;}
.col-index-customer .flex .map ul li.top .icon img{max-width: none;width: 100%;}
@keyframes ripple-animation {
  0% {transform: scale(0);opacity: .8;}
  100% {transform: scale(4);opacity: 0;}
}
@keyframes ripple-animation {
  0% {transform: scale(0);opacity: .8;}
  100% {transform: scale(2.5);opacity: 0;}
}

.col-index-advantage {position: relative;z-index: 1;background: #2455cd;color:#fff;}
.col-index-advantage .title{position: absolute;left: 0;width: 100%;top: 7.813vw;z-index: 2;}
.col-index-advantage .title p{font-weight: bold;margin-bottom: 1.979vw;}
.col-index-advantage .title .swiper-button{position: static;display: inline-block;width: 60px;height: 60px;border-radius: 50%;background: #fff;text-align: center;line-height: 58px;margin:0 7px 0 0;opacity: 1;outline: none;pointer-events: auto !important;color:#257efc;}
.col-index-advantage .title .swiper-button::after{display: none;}
.col-index-advantage .title .swiper-button i.fa{font-size: 24px;font-weight: bold;vertical-align: middle;line-height: 1;}
.col-index-advantage .swiper-slide .img{width: 50%;margin-left: auto;}
.col-index-advantage .swiper-slide h2{font-size: 5.469vw;line-height: 0.952;position: absolute;left: 50%;transform: translateX(-50%);top: 10.833vw;text-shadow: 3.536px 3.536px 6px rgba(25, 25, 25, 0.08);max-width: 750px;}
.col-index-advantage .swiper-slide h2 span{display: inline-block;}
.col-index-advantage .swiper-slide .wrap{width: 100%;position: absolute;left: 0;bottom: 6.823vw;}
.col-index-advantage .swiper-slide .wrap .flex{align-items: flex-end;justify-content: space-between;flex-wrap: wrap;}
.col-index-advantage .swiper-slide .wrap .flex .content{width: 26%;line-height: 1.666;}
.col-index-advantage .swiper-slide .wrap .flex a.more{width: 300px;height: 80px;display: flex;align-items: center;justify-content: center;background: #2a343c;color:#fff;transition: .25s;}
.col-index-advantage .swiper-slide .wrap .flex a.more i.fa{width: 30px;height: 30px;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;margin-right: 7px;font-size: 16px;color:#2a343c;font-weight: bold;}
.col-index-advantage .swiper-slide .wrap .flex a.more:hover{background: #264eae;}

.col-index-news{background: #fff;position: relative;z-index: 1;padding: 9.833vw 0 0;}
.col-index-news .flex{flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.col-index-news .flex .title{width: 150px;line-height: 1;text-transform: capitalize;}
.col-index-news .flex .lists{width: calc(98% - 150px);border-left: 1px solid #2556d0;padding-left: 4.896vw;display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 6.354vw;}
.col-index-news .flex .lists .date{font-weight: bold;margin-bottom: 8px;}
.col-index-news .flex .lists .left{width: 48%;}
.col-index-news .flex .lists .left .img{overflow: hidden;margin-bottom: 2vh;}
.col-index-news .flex .lists .left h3{line-height: 1.2;font-weight: 500;margin-bottom: 2.1vh;transition: .25s;}
.col-index-news .flex .lists .left .more{display: flex;align-items: center;}
.col-index-news .flex .lists .left .more span{color:#183988;font-weight: bold;margin-right: 5px;}
.col-index-news .flex .lists .left a:hover h3{color:#264eae;}
.col-index-news .flex .lists .right{width: 43%;}
.col-index-news .flex .lists .right ul li{padding-bottom: 2.083vw;margin-bottom: 2.344vw;border-bottom: 1px solid rgba(24,57,136,.14);}
.col-index-news .flex .lists .right ul li:last-child{margin-bottom: 0;padding-bottom: 0;border: none;}
.col-index-news .flex .lists .right ul li h3{color:#535353;font-weight: normal;line-height: 1.333;transition: .25s;}
.col-index-news .flex .lists .right ul li a:hover h3{color:#264eae}

.col-index-contact{position: relative;z-index: 1;background: #fff;padding: 14.063vw 0 10.417vw;}
.col-index-contact .flex{justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.col-index-contact .flex .content{width: 26%;}
.col-index-contact .flex .content h2{line-height: 0.917;color:#183988;font-weight: bold;margin-bottom: 4vh;}
.col-index-contact .flex .content .s-content{line-height: 1.333;}
.col-index-contact .flex .infos{width: 65%;border-left: 1px solid #183988;padding: 0 0 3vh 4.896vw;line-height: 1.2;}
.col-index-contact .flex .infos p.f36{font-weight: 500;}
.col-index-contact .flex .infos p.f20{margin:12px 0 0;}
.col-index-contact .flex .infos a.more{display: block;width: 168px;height: 45px;border: 1px solid #183988;line-height: 43px;padding: 0 20px;font-size: 16px;font-weight: bold;color:#183988;transition: .25s;margin: 2.1vh 0 0;text-transform: uppercase;}
.col-index-contact .flex .infos a.more:hover{color:#fff;background: #264eae;}

.footer{background: #fff;position: relative;z-index: 1;}
.footer .wrap{padding: 0 14.583vw;}
.footer .wrap .flex{padding: 5.521vw 0 2.344vw;flex-wrap: wrap;justify-content: space-between;}
.footer .wrap .flex .left{width: 47%;}
.footer .wrap .flex .left .logo{margin-bottom: 3.385vw;}
.footer .wrap .flex .left .logo img{width: 12.917vw;min-width: 100px;}
.footer .wrap .flex .left ul li{margin-bottom: 0.516vw;}
.footer .wrap .flex .left ul li:last-child{margin-bottom: 0;}
.footer .wrap .flex .left ul li a{display: inline-block;position: relative;font-weight: bold;transition: .25s;}
.footer .wrap .flex .left ul li a::after{content:'';width: 0;height: 1px;background: #183988;position: absolute;left: calc(100% + 3.125vw);transition: .25s;opacity: 0;top: 50%;}
.footer .wrap .flex .left ul li a:hover{color:#183988}
.footer .wrap .flex .left ul li a:hover::after{width: 9.219vw;opacity: 1;}
.footer .wrap .flex .right{width: 47%;}
.footer .wrap .flex .right .code{text-align: left;margin-bottom: 10px;}
.footer .wrap .flex .right h2{color:#183988;font-weight: bold;margin-bottom: 1.875vw;}
.footer .wrap .flex .right .foot-contact{}
.footer .wrap .flex .right .foot-contact ul li{margin-bottom:10px;}
.footer .wrap .flex .right .foot-contact ul li i{width:30px; color:#183988;}
.footer .wrap .flex .right form ul li input{width: 100%;border: none;border-bottom: 1px solid #183988;background: transparent;outline: none;height: 40px;padding: 0;font-family: 'gilroy';}
.footer .wrap .flex .right form .sub{margin-top: 1.042vw;width: auto;height: auto;background: none;border: none;padding: 0;font-weight: bold;transition: .25s;font-family: 'gilroy';cursor: pointer;}
.footer .wrap .flex .right form .sub:hover{color:#183988}
.footer .wrap .bottom{display: flex;align-items: flex-end;justify-content: space-between;padding: 0 0 3.75vw;flex-wrap: wrap;}
.footer .wrap .bottom .copyright{width: 47%;color:#8d8d8d;}
.footer .wrap .bottom .share{width: 47%;font-size: 0;}
.footer .wrap .bottom .share a{display: inline-block;margin: 0 0.833vw 0 0;color:#7f7f7f;transition: .25s;}
.footer .wrap .bottom .share a:hover{color:#183988}



.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination>li {display: inline;}
/* page */
.page {text-align: center;}
.page ul li a{border:none;background: none;color:#666;padding:0 2px;margin:0 10px;}
.page ul li.disabled a{border:none !important;background: none !important;border-radius: 0 !important;}
.page ul li.active a{border:none;background: none;color: #264eae;border-bottom: 3px solid #264eae;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {border:none;background: none;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: none;color:#666;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background: none;color:#666;}


.col-page{position: relative;z-index: 1;background: #fff;}
.col-page-about h2{font-weight: bold;margin-bottom: 5px;}
.col-page-about .col-1 {padding: 9.375vw 0 6.667vw;}
.col-page-about .col-1 .content{line-height: 2;}
.col-page-about .col-1 .content ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-about .col-1 .content ul li{width: 47%;margin-bottom: 5.833vw;}
.col-page-about .col-1 .content ul li h3{font-size: 3.125vw;font-family: 'Solano';color:#264eae;line-height: 1;margin-bottom: 1.875vw;}
.col-page-about .col-1 .content ul li img{border-radius:15px; overflow:hidden;}
.col-page-about .col-2 .wrap{background: #204bb5;padding: 7.552vw 0;position: relative;overflow: hidden;z-index: 1;}
.col-page-about .col-2 .wrap .content{line-height: 1.5;max-width: 61%;color:#fff;}
.col-page-about .col-2 .wrap .icon{position: absolute;top: 50%;transform: translateY(-50%);height: 132%;right: 8.33vw;z-index: -1;}
.col-page-about .col-2 .wrap .icon img{max-width: none;height: 100%;}
.col-page-about .col-2 .flex{justify-content: space-between;flex-wrap: wrap;align-items: center;padding: 6.458vw 0 8.333vw;}
.col-page-about .col-2 .flex .left{width: 45%;display: flex;align-items: flex-end;justify-content: space-between;}
.col-page-about .col-2 .flex .left .history-year{height: 35vw;width: 16.6%;text-align: center;position: relative;}
.col-page-about .col-2 .flex .left .history-year::after{content:'';width: 1px;height: 100%;background: #caced8;position: absolute;top: 0;right: 5px;}
.col-page-about .col-2 .flex .left .history-year .swiper{width: 100%;height: 100%;}
.col-page-about .col-2 .flex .left .history-year .swiper-slide .title{text-align: center;color:#707070;transition: .25s;position: relative;cursor: pointer;}
.col-page-about .col-2 .flex .left .history-year .swiper-slide .title::before{content:'';width: 5px;height: 5px;background: #fff;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);right: 3px;z-index: 2;opacity: 0;transition: .25s;}
.col-page-about .col-2 .flex .left .history-year .swiper-slide .title::after{content:'';width: 9px;height: 9px;border-radius: 50%;background: #c7c7c7;position: absolute;right: 1px;top: 50%;transform: translateY(-50%);transition: .25s;}
.col-page-about .col-2 .flex .left .history-year .swiper-slide.swiper-slide-thumb-active .title{color:#2f2f2f;}
.col-page-about .col-2 .flex .left .history-year .swiper-slide.swiper-slide-thumb-active .title::before{opacity: 1;}
.col-page-about .col-2 .flex .left .history-year .swiper-slide.swiper-slide-thumb-active .title::after{width: 11px;height: 11px;background: #2f60da;right: 0;}
.col-page-about .col-2 .flex .left .history-year .swiper-button{width: auto;height: auto;outline: none;opacity: 1;pointer-events: auto !important;margin-top: 0;color:#264eae;transition: .25s;font-size: 30px;right: auto;left: 50%;transform: translateX(-50%);line-height: 1;}
.col-page-about .col-2 .flex .left .history-year .swiper-button::after{display: none;}
.col-page-about .col-2 .flex .left .history-year .swiper-button-prev{top: -30px;}
.col-page-about .col-2 .flex .left .history-year .swiper-button-next{bottom: -30px;top: auto;}
.col-page-about .col-2 .flex .left .history-year .swiper-button i.fa{font-size: 30px;font-weight: bold;}

.col-page-about .col-2 .flex .left .history-content{width: 75%;}
.col-page-about .col-2 .flex .left .history-content h2{margin-bottom: 1.25vw;}
.col-page-about .col-2 .flex .left .history-content .content {line-height: 2;}
.col-page-about .col-2 .flex .left .history-content .content h3{font-size: 5.729vw;color:#264eae;font-family: 'Solano';line-height: 0.8;margin-bottom: 1.25vw;}
.col-page-about .col-2 .flex .left .history-content .content h3 strong{font-weight: normal;font-size: 9.375vw;}
.col-page-about .col-2 .flex .left .history-content p.solano{font-size: 12.292vw;color:rgba(0,0,0,.03);line-height: .8;text-transform: uppercase;white-space: nowrap;margin-top: 2.708vw;}
.col-page-about .col-2 .flex .right{width: 50%;}
.col-page-about .col-2 .flex .right .swiper{overflow: visible;width: 32.396vw;margin: 0 auto;}
.col-page-about .col-2 .flex .right .swiper-slide{overflow: visible;}
.col-page-about .col-2 .flex .right .swiper-slide .img{box-shadow: 4.243px 4.243px 8px 0px rgba(0, 0, 0, 0.25);}
.col-page-about .col-2 .flex .right .swiper-slide .swiper-slide-shadow{display: none;}
.col-page-about .col-3 .wrap{background: #f8f8f8;padding: 5.208vw 0 6.771vw;}
.col-page-about .col-3 .wrap .flex{justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.col-page-about .col-3 .wrap .flex h2{width: 50%;}
.col-page-about .col-3 .wrap .flex .content{width: 50%;line-height: 1.666;}
.col-page-about .col-3 .wrap .flex .content ul li{margin-bottom: 1.875vw;}
.col-page-about .col-3 .wrap .flex .content ul li:last-child{margin-bottom: 0;}
.col-page-about .col-3 .wrap .flex .content ul li h3{color:#264eae;font-weight: bold;font-size: 1.667vw;position: relative;}
.col-page-about .col-3 .wrap .flex .content ul li h3::before{content:'';width: 0;height: 1px;background: #2f60da;position: absolute;top: 50%;right: calc(100% + 1.667vw);transition: .25s;}
.col-page-about .col-3 .wrap .flex .content ul li:hover h3::before{width: 5.521vw;min-width: 30px;}
.col-contact{padding: 5.208vw 0;position: relative;z-index: 1;}
.col-contact .flex{justify-content: space-between;align-items: flex-start;flex-wrap: wrap;color:#fff;}
.col-contact .flex .content{width: 26%;}
.col-contact .flex .content h2{line-height: 0.964;font-weight: bold;margin-bottom: 4vh;}
.col-contact .flex .content .s-content{line-height: 1.333;}
.col-contact .flex .infos{width: 65%;border-left: 1px solid #fff;padding: 2vh 0 3vh 4.896vw;line-height: 1.2;}
.col-contact .flex .infos p.f30{font-weight: 500;}
.col-contact .flex .infos p.f18{margin:12px 0 0;}
.col-contact .flex .infos a.more{display: block;width: 168px;height: 45px;border: 1px solid #fff;line-height: 43px;padding: 0 20px;font-size: 16px;font-weight: bold;color:#fff;transition: .25s;margin: 2.1vh 0 0;text-transform: uppercase;}
.col-contact .flex .infos a.more:hover{color:#264eae;background: #fff;}

.col-page-product .wrap{padding: 7.813vw 0 0;}
.col-page-product .wrap h2{margin-bottom: 1.563vw;font-weight: bold;}
.col-page-product .wrap .content{line-height: 1.6;margin-bottom: 1.563vw;}
.col-page-product .wrap .content h3{font-family: 'Solano';color:#264eae;font-size: 2.5vw;line-height: 1;margin-bottom: 10px;}
.col-page-product .wrap .content h3 strong{font-size: 3.75vw;line-height: 1;}
.col-page-product ul.list>li{padding: 3.75vw 0;}
.col-page-product ul.list>li:nth-child(2n){background: #fbfbfb;}
.col-page-product ul.list>li .flex{align-items: center;flex-wrap: wrap;justify-content: space-between;}
.col-page-product ul.list>li .flex .img{width: 49%;}
.col-page-product ul.list>li .flex .content{width: 45%;}
.col-page-product ul.list>li .flex .content .title{margin-bottom: 2.813vw;padding-bottom: 2.292vw;position: relative;}
.col-page-product ul.list>li .flex .content .title::after{content:'';width: 15.365vw;height: 1px;background: #204bb5;position: absolute;left: 0;bottom: 0;min-width: 30px;}
.col-page-product ul.list>li .flex .content ul li{margin-bottom: 0.833vw;}
.col-page-product ul.list>li .flex .content ul li a{display: inline-block;padding-left: 20px;position: relative;transition: .25s;}
.col-page-product ul.list>li .flex .content ul li a::before{content:'';width: 6px;height: 6px;background: #204bb5;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.col-page-product ul.list>li .flex .content ul li a:hover{color:#204bb5}
.col-page-product ul.list>li .flex .content .s-content{line-height: 1.66;margin-bottom: 1.875vw;color:#2c2c2c;}
.col-page-product ul.list>li .flex .content a.more{display: inline-block;transition: .25s;}
.col-page-product ul.list>li .flex .content a.more>*{display: inline-block;vertical-align: middle;}
.col-page-product ul.list>li .flex .content a.more span{margin-right: 10px;text-transform: capitalize;}
.col-page-product ul.list>li .flex .content a.more:hover{color:#204bb5}
.col-page-product .product-nav{border-bottom: 1px solid rgba(119,119,119,.2);display: flex;flex-wrap: wrap;justify-content: center;padding: 2.083vw 0 0;}
.col-page-product .product-nav a{margin: 0 4.68vw;padding: 0 0 14px;position: relative;transition: .25s;}
.col-page-product .product-nav a::after{content:'';width: 0;height: 2px;background: #204bb5;transition: .25s;position: absolute;left: 50%;bottom: -1px;z-index: 1;}
.col-page-product .product-nav a.active,.col-page-product .product-nav a:hover{color:#204bb5}
.col-page-product .product-nav a.active::after,.col-page-product .product-nav a:hover::after{left: 0;width: 100%;}
.col-page-product .wrap{padding: 7vh 0;}
.col-page-product .wrap h2{margin-bottom: 3vh;}
.col-page-product .wrap ul.product-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-page-product .wrap ul.product-list li{width: 48%;margin-bottom: 7vh;}
.col-page-product .wrap ul.product-list li .img{overflow: hidden;}
.col-page-product .wrap ul.product-list li .title{color:#264eae;margin: 4vh 0 2vh;}
.col-page-product .wrap ul.product-list li .desc{line-height: 2;margin-bottom: 2.4vh;}
.col-page-product .product-desc{padding:4vw 0 6vw 0}
.col-page-product .product-desc h2,.col-page-product .product-desc h3,.col-page-product .product-desc h4{margin-bottom:15px; font-weight:bold;}
.col-page-product .product-desc h2{font-size:2.6rem;}
.col-page-product .product-desc h3{font-size:2.2rem}
.col-page-product .product-desc h4{font-size:1.8rem;}
.col-page-product .product-desc p{line-height:1.66; margin-bottom:15px;}
.col-page-product .product-desc table td{padding:5px;}

.col-feedback{padding: 8.542vw 0 9.896vw;position: relative;overflow: hidden;z-index: 1;}
.col-feedback .bg{position: absolute;width: 100%;height: 100%;z-index: -1;top: 0;left: 0;}
.col-feedback .bg img{width: 100%;height: 100%;object-fit: cover;}
.col-feedback .inner{padding: 4.167vw 3.75vw 2.813vw;background: #fff;box-shadow: 1px 1.732px 27px 0px rgba(149, 149, 149, 0.15);max-width: 648px;margin-left: auto;position: relative;}
.col-feedback .inner::before{content:'';width: 148px;height: 6px;background: #204bb5;position: absolute;left: 68px;top: 0;}
.col-feedback h2{margin-bottom: 2.083vw;letter-spacing: -1.5px;}
.col-feedback form ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-feedback form ul li{width: 49%;margin-bottom: 1.302vw;}
.col-feedback form ul li .error{color:#f00;}
.col-feedback form ul li:nth-child(n+3){width: 100%;}
.col-feedback form ul li input,.col-feedback form ul li textarea{width: 100%;height: 50px;border: 1px solid #ededed;box-shadow: 11.5px 19.919px 8px 0px rgba(0, 43, 105, 0.02);padding-left: 12px;outline: none;pointer-events: auto !important;font-family: 'gilroy';}
.col-feedback form ul li textarea{height: auto;min-height: 154px;padding-top: 10px;}
.col-feedback form .sub{width: 100%;height: 50px;background: #264eae;font-weight: bold;text-transform: uppercase;color:#fff;margin:1.25vw 0 2.813vw;outline: none;border: none;padding: 0;font-family: 'gilroy';}
.col-feedback .desc{font-weight: 300;line-height: 1.571;color:#3e3e3e;}

.col-product-detail .wrap{padding: 7.188vw 0 8.021vw;}
.col-product-detail .wrap h1{color:#264eae;margin-bottom: 2.083vw;}
.col-product-detail .wrap .details .item{margin-bottom: 4.167vw;}
.col-product-detail .wrap .details .item:last-child{margin-bottom: 0;}
.col-product-detail .wrap .details .item .title{margin-bottom: 2.5vw;padding-left: 38px;position: relative;font-weight: bold;line-height: 1;}
.col-product-detail .wrap .details .item .title::before{content:'';width: 12px;height: 100%;position: absolute;left: 0;top:0;background: #264eae;}
.col-product-detail .wrap .details .item .content{padding: 0 2.083vw;}
.col-product-detail .wrap .details .item .content p{padding-left: 35px;position: relative;}
.col-product-detail .wrap .details .item .content p::before{content:'';width: 10px;height: 10px;border-radius: 50%;background: #204bb5;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.col-product-detail .wrap .details .item .content ul:not(.list):not(.list2){display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-product-detail .wrap .details .item .content ul:not(.list):not(.list2) li{width: 45%;margin-bottom: 1.875vw;padding-bottom: 2.083vw;border-bottom: 1px solid #dedede;}
.col-product-detail .wrap .details .item .content ul:not(.list):not(.list2) li:nth-child(2n){width: 55%;}
.col-product-detail .wrap .details .item .content ul.list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2.344vw;}
.col-product-detail .wrap .details .item .content ul.list li{width: 48%;}
.col-product-detail .wrap .details .item .content ul.list li img{width: 100%;}
.col-product-detail .wrap .details .item .content ul.list li p:nth-child(2){text-align: center;font-weight: bold;margin-top: 10px;}
.col-product-detail .wrap .details .item .content ul.list2{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2.344vw;}
.col-product-detail .wrap .details .item .content ul.list2 li{width: 31%;margin-right: 3.5%;margin-bottom: 5vh;line-height: 2;}
.col-product-detail .wrap .details .item .content ul.list2 li:nth-child(3n){margin-right: 0;}
.col-product-detail .wrap .details .item .content ul.list2 li p:nth-child(2){font-family: 'solano';font-size: 1.771vw;margin: 5px 0;}
.col-product-detail .wrap .featured{}
.col-product-detail .wrap .featured h2{font-size:3rem; color:#264eae; font-weight:bold; margin-bottom:1.2rem;}
.col-product-detail .wrap .featured h3{font-size:2.4rem; color:#264eae; font-weight:bold; margin-bottom:1.2rem;}
.col-product-detail .wrap .featured p{font-size:16px; color:#333; margin-bottom:1.2rem; line-height:1.5;}

.col-product-detail .col-feedback .bg{background: #f8f8f8;}
.col-product-detail .col-feedback .bg img{mix-blend-mode: multiply;}

.col-page-news{padding: 6.25vw 0;background: #f7f7f7;}
.col-page-news ul.list{display: flex;flex-wrap: wrap;}
.col-page-news ul.list li{width: 30%;margin-right: 5%;margin-bottom: 5.208vw;}
.col-page-news ul.list li:nth-child(3n){margin-right: 0;}
.col-page-news ul.list li .img{overflow: hidden;position: relative;}
.col-page-news ul.list li .img .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 2.708vw;min-width: 25px;}
.col-page-news ul.list li .img .icon img{width: auto;transform: none;}
.col-page-news ul.list li .date{font-weight: bold;margin: 3vh 0 2vh;}
.col-page-news ul.list li .title{line-height: 1.5;transition: 0.25s;}
.col-page-news ul.list li:hover .title{color:#264eae;}

.col-page-quality .col-1{padding: 9.375vw 0 10vw;}
.col-page-quality .col-1 .flex{flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-quality .col-1 .flex .content{width: 46%;}
.col-page-quality .col-1 .flex .content h2{font-weight: bold;color:#264eae;margin-bottom: 2.917vw;padding-bottom: 1.979vw;position: relative;}
.col-page-quality .col-1 .flex .content h2::after{content:'';width: 8.073vw;height: 0.313vw;min-height: 2px;border-radius: 6px;min-width: 20px;background: #79d82d;position: absolute;left: 0;bottom: 0;}
.col-page-quality .col-1 .flex .content .s-content{line-height: 1.167;letter-spacing: -1px;}
.col-page-quality .col-1 .flex .img{width: 43%;}
.col-page-quality .col-2 .wrap .content{background: rgba(32,75,181,.95);width: 50%;margin-left: auto;color:#fff;padding: 8.125vw 5.208vw 5.625vw;}
.col-page-quality .col-2 .wrap .content h2{font-size: 2.5vw;font-family: 'Solano';line-height: 1.167;margin-bottom: 3.75vw;font-weight: normal;}
.col-page-quality .col-2 .wrap .content strong{color:#87beff;font-size: 22px;font-weight: bold;}
.col-page-quality .col-2 .wrap .content ul{display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 537px;margin-top: 10px;}
.col-page-quality .col-2 .wrap .content ul li {width: 49%;border-radius: 10px;background: linear-gradient(to right, rgba(55,134,228,1), rgba(55,134,228,.3));padding: 20px 25px;display: flex;align-items: flex-end;}
.col-page-quality .col-2 .wrap .content ul li p:nth-child(1){flex-shrink: 0;margin-right: 8px;}
.col-page-quality .col-2 .wrap .content ul li .odometer{font-family: 'Solano';font-size: 4.583vw;line-height: 0.66;vertical-align: baseline;}
.col-page-quality .col-3{padding: 5.313vw 0 6.771vw;}
.col-page-quality .col-3 h2{font-weight: bold;margin-bottom: 3vh;padding-bottom: 2.8vh;position: relative;}
.col-page-quality .col-3 h2::after{content:'';width: 7.917vw;min-width: 20px;height: 1px;background: #204bb5;position: absolute;left: 0;bottom: 0;}
.col-page-quality .col-3 .content{margin-bottom: 3.542vw;}
.col-page-quality .col-3 .swiper-slide .img{overflow: hidden;position: relative;min-height: 66px;}
.col-page-quality .col-4{padding: 6.042vw 0 4.375vw;background: #f8f8f8;}
.col-page-quality .col-4 .flex{flex-wrap: wrap;}
.col-page-quality .col-4 .flex .content{background: #fff;padding: 4.375vw 4.375vw 4.375vw 3.438vw;width: 29%;}
.col-page-quality .col-4 .flex .content h2{margin-bottom: 2.8vh;padding-bottom: 10px;position: relative;line-height: 1.067;}
.col-page-quality .col-4 .flex .content h2::after{content:'';width: 7.917vw;min-width: 20px;height: 1px;background: #204bb5;position: absolute;left: 0;bottom: 0;}
.col-page-quality .col-4 .flex .content .s-content{line-height: 1.666;}
.col-page-quality .col-4 .flex .img{width: 71%;position: relative;}
.col-page-quality .col-4 .flex .img .bttrlazyloading-wrapper{width: 100%;height: 100%;}
.col-page-quality .col-4 .flex .img img{width: 100%;height: 100%;object-fit: cover;}
.col-page-quality .col-5{padding: 0 0 6.042vw;background: #f8f8f8;}
.col-page-quality .col-5 .flex{flex-wrap: wrap;}
.col-page-quality .col-5 .flex .content{background: #fff;padding: 4.375vw 30px 4.375vw 3.438vw;width: 29%;}
.col-page-quality .col-5 .flex .content h2{margin-bottom: 2.8vh;padding-bottom: 2.2vh;position: relative;line-height: 1.067;}
.col-page-quality .col-5 .flex .content h2::after{content:'';width: 7.917vw;min-width: 20px;height: 1px;background: #204bb5;position: absolute;left: 0;bottom: 0;}
.col-page-quality .col-5 .flex .content .s-content{line-height: 1.666;}
.col-page-quality .col-5 .flex .content .s-content strong,.col-page-quality .col-5 .flex .content .s-content .odometer{color:#47b610;font-family: 'Solano';font-size: 4.531vw;line-height: 1;vertical-align: text-top;}
.col-page-quality .col-5 .flex .img{width: 71%;position: relative;}
.col-page-quality .col-5 .flex .img .bttrlazyloading-wrapper{width: 100%;height: 100%;}
.col-page-quality .col-5 .flex .img img{width: 100%;height: 100%;object-fit: cover;}
.col-page-quality .col-6{padding: 8.33vw 0;}
.col-page-quality .col-6 .flex{justify-content: space-between;flex-wrap: wrap;}
.col-page-quality .col-6 .flex .content{width: 47%;}
.col-page-quality .col-6 .flex .content h2{font-weight: bold;margin-bottom: 1.667vw;}
.col-page-quality .col-6 .flex .content .img{margin-bottom: 1.875vw;}
.col-page-quality .col-6 .flex .content .img img{width: 27.917vw;min-width: 200px;}
.col-page-quality .col-6 .flex .content .s-content{line-height: 2;}
.col-page-quality .col-6 .flex .slide{width: 52%;}
.col-page-quality .col-6 .flex .slide .swiper{padding: 2px 10px 20px;margin: 0 -10px;}
.col-page-quality .col-6 .flex .slide .swiper .swiper-slide .img img{box-shadow: 6.5px 11.258px 8px 0px rgba(149, 149, 149, 0.16);}

.col-page-sus .wrap{padding: 9.635vw 0;}
.col-page-sus .wrap .flex{flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.col-page-sus .wrap .flex .content{width: 47%;padding:0 0 0 8.33vw;}
.col-page-sus .wrap .flex .content h2{font-weight: bold;margin-bottom: 2.083vw;}
.col-page-sus .wrap .flex .content .s-content{line-height: 2;position: relative;padding-bottom: 2.6vh;}
.col-page-sus .wrap .flex .content .s-content::after{content:'';width: 1px;height: 4.792vw;min-height: 30px;background: #2f60da;position: absolute;left: 0;top: 100%;}
.col-page-sus .wrap .flex .content .s-content h3{line-height: 1.1;font-family: 'Solano';color:#264eae;margin-bottom: 1.354vw;font-size: 3.125vw;}
.col-page-sus .wrap .flex .img{width: 50%;}
.col-page-sus ul.list li{display: flex;flex-wrap: wrap;align-items: center;}
.col-page-sus ul.list li:nth-child(2n-1){background: #f8f8f8;flex-direction: row-reverse;}
.col-page-sus ul.list li .content{width: 50%;padding: 4vh 3.438vw 4vh 8.33vw;}
.col-page-sus ul.list li:nth-child(2n) .content{padding: 4vh 8.33vw 4vh 3.438vw;}
.col-page-sus ul.list li .content h2{color:#264eae;margin-bottom: 1.8vh;}
.col-page-sus ul.list li .content .s-content{line-height: 2;}
.col-page-sus ul.list li .img{width: 50%;}
.col-page-sus ul.list li .img .bttrlazyloading-wrapper{width: 100%;height: 100%;}
.col-page-sus ul.list li .img img{width: 100%;height: 100%;object-fit: cover;}

.col-page-contact .col-information{padding: 6.875vw 0 5.208vw;}
.col-page-contact .col-information h2{font-weight: bold;margin-bottom: 3.333vw;}
.col-page-contact .col-information .flex{flex-wrap: wrap;justify-content: space-between;align-items: center;}
.col-page-contact .col-information .flex .map{width: 60%;border-radius: 10px;overflow: hidden;height: 30.156vw;min-height: 280px;}
.col-page-contact .col-information .flex .map iframe{width: 100%;height: 100%;}
.col-page-contact .col-information .flex .content{width: 36.6%;}
.col-page-contact .col-information .flex .content .title{margin-bottom: 4vh;padding-bottom: 3vh;position: relative;}
.col-page-contact .col-information .flex .content .title::after{content:'';width: 7.604vw;height: 1px;background: #183988;position: absolute;left: 0;bottom: 0;}
.col-page-contact .col-information .flex .content ul li{margin-bottom: 1.667vw;}
.col-page-contact .col-information .flex .content ul li:last-child{margin-bottom: 0;}
.col-page-contact .col-information .flex .content ul li .name{font-weight: bold;color:#264eae;margin-bottom: 0.625vw;}
.col-page-contact .col-information .flex .content ul li .info{line-height: 1.333;}
.col-page-contact .col-message{background: #f8f8f8;padding: 5.208vw 0;}
.col-page-contact .col-message h2{font-weight: bold;margin-bottom: 1.354vw;}
.col-page-contact .col-message .content{line-height: 1.66;margin-bottom: 2.188vw;}
.col-page-contact .col-message form .flex{align-items: flex-start;flex-wrap: wrap;justify-content: space-between;}
.col-page-contact .col-message form .flex ul{width: 48%;}
.col-page-contact .col-message form .flex ul li{margin-bottom: 15px;}
.col-page-contact .col-message form .flex ul li .error{color:#f00;}
.col-page-contact .col-message form .flex ul li input,.col-page-contact .col-message form .flex ul li textarea{width: 100%;height: 50px;border: 1px solid #ededed;background: #fff;outline: none;padding: 0 0 0 20px;font-family: 'gilroy';}
.col-page-contact .col-message form .flex ul li textarea{height: auto;min-height: 188px;padding-top: 15px;}
.col-page-contact .col-message form .flex .inner{width: 45%;}
.col-page-contact .col-message form .flex .inner .sub{width: 200px;height: 50px;background: #264eae;border: none;color:#fff;font-weight: bold;border: none;outline: none;padding: 0;margin-bottom: 2.083vw;font-family: 'gilroy';text-transform: uppercase;}
.col-page-contact .col-message form .flex .inner .desc{line-height: 1.571;font-weight: 300;max-width: 580px;}



.col-news-detail{padding: 6.25vw 0;background: #f7f7f7;}
.col-news-detail h1{font-size: 1.875rem;font-weight: bold;}
.col-news-detail .info{padding: 12px 0 15px;border-bottom: 1px dotted #c6c6c6;margin-bottom: 4vh;font-size: 12px;display: flex;flex-wrap: wrap;}
.col-news-detail .info span.publisher{color:#264eae;margin: 0 5px;}
.col-news-detail .content{font-size: 18px;line-height: 2;}
.col-news-detail .content h2,.col-news-detail .content h3{font-weight:bold;}
.col-news-detail .content a{text-decoration:underline;}
.col-news-detail .content p{margin-bottom:10px;}
.col-news-detail .content ul{padding-left:1.5em;}
.col-news-detail .content ul>li{list-style:disc;}
.col-news-detail .col_page{margin-top: 9vh;}
.col-news-detail .col_page li{padding: 8px 0;font-size: 15px;color:#5a5a5a;}
.col-news-detail .col_page li:not(:last-child){border-bottom: 1px dotted #c6c6c6;}
.col-news-detail .col_page li a{color:#9d9d9d;transition: 0.2s;}
.col-news-detail .col_page li a:hover{color:#264eae;}



/* media */

@media (max-width: 1800px) {

}
@media (max-width: 1600px) {
  .col-banner,.col-banner .swiper{margin-top: 110px;}

  .f14{font-size: 13px;}
  .f15{font-size: 14px;}
  .f16{font-size: 15px;}
  .f17{font-size: 16px;}
  .f18{font-size: 17px;}
  .f20{font-size: 1.2vw;}
  .f22{font-size: 1.3vw;}
  .f24{font-size: 1.4vw;}
  .f26{font-size: 1.5vw;}
  .f28{font-size: 1.6vw;}
  .f30{font-size: 1.7vw;}
  .f32{font-size: 1.8vw;}
  .f36{font-size: 1.9vw;}
  .f40{font-size: 2.1vw;}
  .f42{font-size: 2.15vw;}
  .f44{font-size: 2.2vw;}

  html{font-size: 15px;}
}
@media (max-width: 1460px) {
  .col-index-advantage .swiper-slide h2{max-width: 500px;}

  
  .f14{font-size: 12px;}
  .f15{font-size: 13px;}
  .f16{font-size: 14px;}
  .f17{font-size: 15px;}
  .f18{font-size: 16px;}
  .f20{font-size: 1.3vw;}
  .f22{font-size: 1.4vw;}
  .f24{font-size: 1.5vw;}
  .f26{font-size: 1.6vw;}
  .f28{font-size: 1.7vw;}
  .f30{font-size: 1.8vw;}
  .f32{font-size: 1.9vw;}
  .f36{font-size: 2vw;}
  html{font-size: 14px;}
  
}
@media (max-width: 1200px) {
  .col-product-detail .wrap .details .item .title::before{width: 8px;}
  .col-index-advantage .swiper-slide .wrap .flex a.more{width: 200px;height: 60px;}
  .f20{font-size: 1.55vw;}
  .f22{font-size: 1.65vw;}
  .f24{font-size: 1.7vw;}
  .f26{font-size: 1.75vw;}
  .f28{font-size: 1.8vw;}
  .f30{font-size: 1.85vw;}
  html{font-size: 13px;}
  
}
@media (max-width: 992px) {
  .col-page-quality .col-2 .wrap .content ul li .odometer{font-size: 40px;}
  #col-index-banner .swiper-slide .ban_cont .content .s-content h2,.col-index-about .flex .content .s-content h3,.col-page-about .col-1 .content ul li h3,.col-page-about .col-3 .wrap .flex .content ul li h3,.col-page-product .wrap .content h3,.col-page-quality .col-2 .wrap .content h2,.col-page-sus .wrap .flex .content .s-content h3{font-size: 20px;}
  .col-index-advantage .title .swiper-button i.fa,.col-page-quality .col-2 .wrap .content strong{font-size: 16px;}
  #col-index-banner .swiper-slide .ban_cont .content .s-content,.col-index-advantage .swiper-slide .wrap .flex .content,.col-index-customer .flex .content .s-content,.col-index-customer .flex .content .s-content,.col-index-about .flex .content .s-content,.col-index-contact .flex .content .s-content,.col-page-about .col-1 .content,.col-page-about .col-2 .flex .left .history-content .content,.col-page-about .col-3 .wrap .flex .content,.col-contact .flex .content .s-content,.col-page-product .wrap .content,.col-product-detail .wrap .details .item .content,.col-page-quality .col-2 .wrap .content,.col-page-quality .col-3 .content,.col-page-quality .col-4 .flex .content .s-content,.col-page-quality .col-5 .flex .content .s-content,.col-page-quality .col-6 .flex .content .s-content,.col-page-sus .wrap .flex .content .s-content,.col-page-sus ul.list li .content .s-content,.col-page-contact .col-message .content{font-size: 14px;}
  #col-index-banner .scroll p{font-size: 12px;}
  .col-page-about .col-1 .content,.col-page-about .col-2 .flex .left .history-content .content,.col-page-sus ul.list li .content .s-content{line-height: 1.66;}
  
  .col-page-about .col-2 .flex .left .history-year{height: 50vw;}
  .col-page-sus ul.list li .content{padding: 4vh 8.33vw !important;}
  .col-page-quality .col-2 .wrap .content{width: 100%;}
  .col-page-news ul.list li{width: 48%;margin-right: 4%;}
  .col-page-news ul.list li:nth-child(3n){margin-right: 4%;}
  .col-page-news ul.list li:nth-child(2n){margin-right: 0;}
  .col-feedback form ul li input, .col-feedback form ul li textarea,.col-feedback form .sub,.col-page-contact .col-message form .flex ul li input, .col-page-contact .col-message form .flex ul li textarea,.col-page-contact .col-message form .flex .inner .sub{height: 40px;}
  .col-page-contact .col-message form .flex .inner .sub{width: 140px;}
  .col-product-detail .wrap .details .item .content p{padding-left: 12px;}
  .col-product-detail .wrap .details .item .content p::before{width: 5px;height: 5px;}
  .col-page-about .col-2 .flex .left .history-year .swiper-slide .title{text-align: left;}
  .col-page-about .col-2 .wrap .content{max-width: 88%;}
  #col-banner .swiper-slide .ban_cont{top: 50%;}
  .footer .wrap .bottom .copyright{margin-bottom: 10px;}
  .footer,.footer .wrap .flex .right .code,.footer .wrap .bottom{text-align: center;width: 100%;display: block;}
  .footer .wrap,.col-page-sus .wrap .flex .content,.col-page-sus .wrap .flex .img{padding: 0 8.33vw;}
  .col-index-contact .flex .infos a.more,.col-contact .flex .infos a.more{width: 140px;height: 40px;line-height: 38px;padding: 0 10px;}
  .col-index-advantage .title{top: 20px;}
  .col-index-advantage .swiper-slide .wrap{bottom: 20px;}
  .col-index-advantage .swiper-slide .wrap .flex a.more{width: 140px;height: 40px;}
  .col-index-advantage .swiper-slide .wrap .flex a.more i.fa{width: 20px;height: 20px;font-size: 14px;}
  .col-index-advantage .swiper-slide .wrap .flex .content{width: 48%;}
  .col-index-advantage .title .swiper-button{width: 30px;height: 30px;line-height: 30px;}
  .col-index-customer .flex .map ul li{width: 5px;height: 5px;}
  .col-index-product .wrap{padding: 1px 8.33vw 3.385vw;}
  .col-index-product .wrap .left,.col-index-product .wrap .right,.footer .wrap .bottom .copyright,.footer .wrap .bottom .share,.col-product-detail .wrap .details .item .content ul:not(.list) li,.col-feedback form ul li,.col-page-quality .col-4 .flex .content,.col-page-quality .col-4 .flex .img,.col-page-quality .col-5 .flex .content,.col-page-quality .col-5 .flex .img,.col-page-sus ul.list li .content,.col-page-sus ul.list li .img{width: 100% !important;}
  .col-index-about .flex .content .s-content h3{letter-spacing: 0;}
  .col-index-about .flex .content,.col-index-about .flex .img,.col-index-customer .flex .content,.col-index-customer .flex .map,.col-index-news .flex .title,.col-index-news .flex .lists,.col-index-news .flex .lists .left,.col-index-news .flex .lists .right,.col-index-contact .flex .content,.col-index-contact .flex .infos,.footer .wrap .flex .left,.footer .wrap .flex .right,.col-page-about .col-1 .content ul li,.col-page-about .col-2 .flex .left,.col-page-about .col-2 .flex .right,.col-page-about .col-3 .wrap .flex h2,.col-page-about .col-3 .wrap .flex .content,.col-contact .flex .content,.col-contact .flex .infos,.col-page-product ul.list>li .flex .img,.col-page-product ul.list>li .flex .content,.col-page-quality .col-1 .flex .content,.col-page-quality .col-1 .flex .img,.col-page-quality .col-6 .flex .content,.col-page-quality .col-6 .flex .slide,.col-page-sus .wrap .flex .content,.col-page-sus .wrap .flex .img,.col-page-contact .col-information .flex .map,.col-page-contact .col-information .flex .content,.col-page-contact .col-message form .flex ul,.col-page-contact .col-message form .flex .inner{width: 100%;max-width: none;margin-bottom: 25px;}
  .col-index-news .flex .lists,.col-index-news .flex .lists .right,.col-index-contact .flex .infos,.footer .wrap .flex .right,.col-page-about .col-2 .flex .right,.col-page-product ul.list>li .flex .content,.col-page-quality .col-1 .flex .img{margin-bottom: 0;}
  .col-page-about .col-2 .flex .right .swiper{width: 66vw;}
  #col-index-banner .scroll img{width: 10px;}
  .header .flex .nav-btn{display: block !important;margin-left: 20px;}
  .header .flex .lines{width: 20px;height: 16px;position: relative;cursor: pointer;}
  .header .flex .lines span{width: 100%;height: 2px;background: #264eae;position: absolute;overflow: hidden;left: 0;transition: all 0.25s ease;}
  .header .flex .lines span.n1{top: 0;}
  .header .flex .lines span.n2{top: 7px;}
  .header .flex .lines span.n3{top: 14px;}
  .header .flex .nav-btn.closes .lines span.n1 {top: 8px;transform: rotate(45deg);}
  .header .flex .nav-btn.closes .lines span.n2 {opacity: 0;}
  .header .flex .nav-btn.closes .lines span.n3 {top: 8px;transform: rotate(-45deg);}
  
  .header .flex{height: 60px;line-height: 60px;padding: 0 20px;}
  .col-banner, .col-banner .swiper{margin-top: 60px;}
  .header nav,.footer .wrap .flex .left .footer-nav,.col-page-sus .wrap .flex .content .s-content::after{display: none !important;}
  
  .f20{font-size: 16.5px;}
  .f22{font-size: 17px;}
  .f24{font-size: 17.5px;}
  .f26{font-size: 18px;}
  .f28{font-size: 19px;}
  .f30{font-size: 20px;}
  .f32{font-size: 21px;}
  .f36{font-size: 22px;}
  .f40{font-size: 23px;}
  .f42{font-size: 23.5px;}
  .f44{font-size: 24px;}
  .f48{font-size: 24.5px;}
  .f50{font-size: 25px;}
  .f54{font-size: 25.2px;}
  .f56{font-size: 25.3px;}
  .f60{font-size: 25.5px;}
  .f66{font-size: 25.8px;}
  .f70{font-size: 26px;}
  .f72{font-size: 26.2px;}
  .f76{font-size: 26.4px;}
  .f80{font-size: 26.8px;}
  .f90{font-size: 28px;}
  html{font-size: 12px;}
  
}
@media (max-width: 768px) {
  .col-index-advantage .swiper-slide .img,.col-index-advantage .swiper-slide .wrap .flex .content{width: 100%;}
  .col-index-advantage .swiper-slide .wrap .flex a.more{margin-top: 20px;}
  .col-index-advantage .swiper-slide h2{top: 22vw;}
  .col-index-advantage .swiper-slide .img{position: relative;}
  .col-index-advantage .swiper-slide .img::after{content:'';width: 100%;height: 100%;background: #2455cd;position: absolute;left: 0;top: 0;opacity: .2;}
  

  html{font-size: 11px;}

  
}
@media (max-width: 468px) {
  .col-page-news ul.list li{width: 100%;margin-right: 0 !important;}
  
  .f20{font-size: 16.2px;}
  .f22{font-size: 16.3px;}
  .f24{font-size: 16.4px;}
  .f26{font-size: 16.5px;}
  .f28{font-size: 16.6px;}
  .f30{font-size: 16.7px;}
  .f32{font-size: 16.8px;}
  .f36{font-size: 17px;}
  .f40{font-size: 18px;}
  .f42{font-size: 18.1px;}
  .f44{font-size: 18.2px;}
  .f48{font-size: 18.8px;}
  .f50{font-size: 19px;}
  .f54{font-size: 20px;}
  .f56{font-size: 20.5px;}
  .f60{font-size: 21px;}
  .f66{font-size: 21.6px;}
  .f70{font-size: 22px;}
  .f72{font-size: 23px;}
  .f76{font-size: 23.5px;}
  .f80{font-size: 24px;}
  .f90{font-size: 25px;}
  html{font-size: 10px;}
}
.change-language {
  display: inline-block;
  position: relative;
  text-align: left;
  vertical-align: middle;
  margin-left: 15px;
}

.change-language .change-language-title a:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border: 4px solid #000;
  border-top-width: 5px;
  border-bottom: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  vertical-align: middle;
}
.change-language:hover .change-language-title a:after {
  -moz-transform: rotate(-360deg);
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.change-language .change-language-cont {
  position: absolute;
  top: 100%;
  margin-top: 6px;
  right: 0;
  width: 360px;
  background: #FFF;
  padding: 20px 10px 20px 20px;
  transform: scale3d(0.9, 0.9, 1);
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid #eee;
  border-radius: 5px;
  overflow-y: scroll;
  max-height: 80vh;
}
.change-language:hover .change-language-cont {
  transform: scale3d(1, 1, 1);
  opacity: 1;
  visibility: visible;
}
.goomay-translate-seo {
  display: none;
}
.mobile-head-language .goomay-translate-seo, .change-language .goomay-translate-seo {
  display: block;
  line-height: 25px;
}

.change-language .change-language-cont li {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin: 0 0 10px;
  font-size: 10pt;
  overflow: hidden;
  padding: 0 10px 0 0;
}
li.language-flag a {
  position: relative;
}
.language-flag span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  padding: 0 0 0 33px;
  overflow: hidden;
}
.language-flag img {
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  width: 22px;
  height: 16px;
  margin: -8px 5px 0;
  border:1px solid #eee;
}
.change-language ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .3);
  border-radius: 3px;
}
.change-language ::-webkit-scrollbar {
  width: 5px;
}