/* reset */
*{ margin: 0; padding: 0; border: 0; box-sizing: border-box;position: relative;}
.container-k { max-width: calc(50vw + 500px); margin: 0 auto; width: 100%;}
menu, ol, ul,li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; }
.grid{display: grid;}
.grid-column{grid-auto-flow: column dense;}

/* reset end */

/* UI theme */
@font-face {
    font-family: "Outfit-Bold";
    src: url(../fonts/Outfit-Bold.ttf);
}
@font-face {
    font-family: "Outfit";
    src: url(../fonts/Outfit-Light.ttf);
}
@font-face {
    font-family: "Poppins-Regular";
    src: url(../fonts/Poppins-Regular.ttf);
}
.en{ font-family: "Outfit"}
:root {
    --main-color: #0071BC;
    --fontS12: calc(10.0px + 0.1vw);
    --fontS14: calc(11.0px + 0.16vw);
    --fontS16: calc(12.0px + 0.21vw);
    --fontS18: calc(13.0px + 0.26vw);
    --fontS20: calc(14.0px + 0.31vw);
    --fontS22: calc(15.0px + 0.37vw);
    --fontS24: calc(16.0px + 0.42vw);
    --fontS26: calc(17.0px + 0.47vw);
    --fontS28: calc(18.0px + 0.52vw);
    --fontS30: calc(19.0px + 0.58vw);
    --fontS32: calc(19.0px + 0.68vw);
    --fontS34: calc(20.0px + 0.73vw);
    --fontS36: calc(21.0px + 0.78vw);
    --fontS38: calc(22.0px + 0.84vw);
    --fontS40: calc(22.0px + 0.94vw);
    --fontS42: calc(23.0px + 0.99vw);
    --fontS44: calc(23.0px + 1.1vw);
    --fontS46: calc(24.0px + 1.15vw);
    --fontS48: calc(24.0px + 1.26vw);
    --fontS50: calc(25.0px + 1.31vw);
    --fontS52: calc(25.0px + 1.41vw);
    --fontS54: calc(26.0px + 1.46vw);
    --fontS56: calc(26.0px + 1.57vw);
    --fontS58: calc(27.0px + 1.62vw);
    --fontS60: calc(27.0px + 1.73vw);
    --fontS62: calc(28.0px + 1.78vw);
    --fontS64: calc(28.0px + 1.88vw);
    --fontS72: calc(31.0px + 2.14vw);
    --fontS80: calc(34.0px + 2.41vw);
    --fontS88: calc(37.0px + 2.67vw);
    --fontS96: calc(39.0px + 2.98vw);
    --fontS104: calc(42.0px + 3.24vw);
    --fontS112: calc(45.0px + 3.5vw);
    --fontS120: calc(47.0px + 3.82vw);
    --fontS128: calc(49.0px + 4.13vw);
    --fontS136: calc(52.0px + 4.39vw);
    --fontS144: calc(54.0px + 4.71vw);
    --fontS152: calc(56.0px + 5.02vw);
    --fontS160: calc(58.0px + 5.33vw);
    --fontS168: calc(60.0px + 5.65vw);
    --fontS176: calc(62.0px + 5.96vw);
    --fontS184: calc(64.0px + 6.28vw);
    --fontS192: calc(66.0px + 6.59vw);
    --fontS200: calc(68.0px + 6.9vw);
    --fontS208: calc(70.0px + 7.22vw);
    --fontS216: calc(71.0px + 7.58vw);
    --fontS224: calc(73.0px + 7.9vw);
    --fontS232: calc(75.0px + 8.21vw);
    --fontS240: calc(76.0px + 8.58vw);
    --fontS248: calc(78.0px + 8.89vw);
    --fontS256: calc(79.0px + 9.26vw);
}
.fontS12 { font-size: var(--fontS12) } .fontS14 { font-size: var(--fontS14) } .fontS16 { font-size: var(--fontS16) } .fontS18 { font-size: var(--fontS18) } .fontS20 { font-size: var(--fontS20) } .fontS22 { font-size: var(--fontS22) } .fontS24 { font-size: var(--fontS24) } .fontS26 { font-size: var(--fontS26) } .fontS28 { font-size: var(--fontS28) } .fontS30 { font-size: var(--fontS30) } .fontS32 { font-size: var(--fontS32) } .fontS34 { font-size: var(--fontS34) } .fontS36 { font-size: var(--fontS36) } .fontS38 { font-size: var(--fontS38) } .fontS40 { font-size: var(--fontS40) } .fontS42 { font-size: var(--fontS42) } .fontS44 { font-size: var(--fontS44) } .fontS46 { font-size: var(--fontS46) } .fontS48 { font-size: var(--fontS48) } .fontS50 { font-size: var(--fontS50) } .fontS52 { font-size: var(--fontS52) } .fontS54 { font-size: var(--fontS54) } .fontS56 { font-size: var(--fontS56) } .fontS58 { font-size: var(--fontS58) } .fontS60 { font-size: var(--fontS60) } .fontS62 { font-size: var(--fontS62) } .fontS64 { font-size: var(--fontS64) } .fontS72 { font-size: var(--fontS72) } .fontS80 { font-size: var(--fontS80) } .fontS88 { font-size: var(--fontS88) } .fontS96 { font-size: var(--fontS96) } .fontS104 { font-size: var(--fontS104) } .fontS112 { font-size: var(--fontS112) } .fontS120 { font-size: var(--fontS120) } .fontS128 { font-size: var(--fontS128) } .fontS136 { font-size: var(--fontS136) } .fontS144 { font-size: var(--fontS144) } .fontS152 { font-size: var(--fontS152) } .fontS160 { font-size: var(--fontS160) } .fontS168 { font-size: var(--fontS168) } .fontS176 { font-size: var(--fontS176) } .fontS184 { font-size: var(--fontS184) } .fontS192 { font-size: var(--fontS192) } .fontS200 { font-size: var(--fontS200) } .fontS208 { font-size: var(--fontS208) } .fontS216 { font-size: var(--fontS216) } .fontS224 { font-size: var(--fontS224) } .fontS232 { font-size: var(--fontS232) } .fontS240 { font-size: var(--fontS240) } .fontS248 { font-size: var(--fontS248) } .fontS256 { font-size: var(--fontS256) }
input { border: 0; background-color: #fff; display: block; outline: none; }
button { background-color: #fff; border: none; cursor: pointer; }
html{font-size: var(--fontS16);}
body { color: #666; font-size: var(--fontS14); line-height: 1.5; font-family: "Outfit", "Microsoft Yahei"; }
.main-color{color:var(--main-color)}
a { color: #333; font-size: var(--fontS16);text-decoration: none; font-weight: 100;}
a:hover { color: var(--main-color);}
.hover-scale{overflow: hidden;}
.hover-scale img{transition: 0.4s ease;display: block;}
.hover-scale:hover img{transform: scale(1.05);}

/* UI theme end */
.nav .search {  background-color: #fff;padding:0;
    box-shadow: 0 0 4px #eee;
}
.nav .search>form{height: calc(32px + 0.6vw);padding:0 var(--fontS16);display: flex;align-items: center;background-color: #fff;}

@media screen and (max-width:1080px) {
    .toptip{display: none;}
    .toptip{height: 42px;}
    .toptip>form{height: 42px;}
}
/* nav 导航菜单 */
.svg-radio{position: fixed;right: var(--fontS120);top:var(--fontS42);z-index: 99;display: none;}
.nav {position: sticky;left:0; top: 4px;right:0;
    z-index: 999; height: calc(50px + 2vw);
    display: flex;align-items: center;
    background-color: #fff;
    justify-content: space-between;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.topline{background-color: #11C2FF;position: fixed;top:0;left: 0;height: 4px;right:0;z-index: 999;}
.nav.nav_hide ul{display: none;}
/* .nav >*{ background-color: #fff; box-shadow: 0 0 4px rgba(73, 129, 231, 0.324);border-radius: var(--fontS24);overflow: hidden;height: 100%;padding:0 var(--fontS24);} */
.nav > ul{display: flex;margin: 0 var(--fontS40);}
.nav .right{display: flex;height: 100%;align-items: center;}
.nav .logo{display: flex;align-items: center;position: relative;height: 100%;padding:0 var(--fontS24)}
.nav .logo img{max-height: 90%;max-width: 20vw;}
.nav .logo svg{height: var(--fontS64);width: auto;}
.nav ul li{position: relative;}
.nav ul li a { padding:0 var(--fontS24);text-align: center; display: block;font-size: var(--fontS18);line-height: calc(50px + 2vw);z-index: 1;transition: .3s;font-weight: bold;}
.nav .btn_navlist { height: var(--fontS80); width: var(--fontS80); box-sizing: border-box; cursor: pointer;display: none;}
.nav .btn_navlist>div { width: 3px; height: var(--fontS40); background: var(--main-color);transition: 0.3s ease; border-radius: 2px; transform-origin: center center;position: absolute;left:50%;top:calc(50% - var(--fontS40)/2)}
.nav .english{text-align: center;font-size: var(--fontS14);margin:0 var(--fontS24);}
.nav ul li a:hover{text-decoration: underline;}
.nav ul li::after{
    content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);
    width: 100px;height: 15px;transition: .4s;background-color: #11C2FF;
    clip-path: path('M100 0C70 0 50 0 50 0C50 0 10 0 0 0L100 0Z');
}
.nav ul li.active::after,.nav ul li:hover::after{clip-path: path('M100 0C60 0 60 15 50 15C40 15 40 0 0 0L100 0Z');}
.nav ul li.active a{color:var(--main-color)}
.return_top{position: fixed;bottom:var(--fontS64);right:0;width: var(--fontS120);height: var(--fontS64);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 99;}
.return_top svg{fill:var(--main-color);width: var(--fontS36);height: var(--fontS36);}
.return_top.inbottom svg{fill:#fff;}
.nav button svg{width: var(--fontS24);height: var(--fontS24);}

.btn_navlist>div.one {transform: translate(6px,0);}
.btn_navlist>div.two {height: var(--fontS28);transform: translate(-6px,0);}
.btn_navlistclose>div.one { transform: rotateZ(45deg);}
.btn_navlistclose>div.two { transform: rotateZ(-45deg);height: var(--fontS40);}
.btn_stretch{height: var(--fontS40);width: var(--fontS20);margin: 0 var(--fontS24);}
.btn_stretch::after{content: "";position: absolute;width: 100%;height: 100%;background-color: var(--main-color);
    clip-path: polygon(0 0,100% 50%,0 100%,80% 50%,0 0);border-radius: 4px;transition: .3s;
}
.btn_stretch.close::after{
    clip-path: polygon(100% 0,0 50%,100% 100%,20% 50%,100% 0);
}
@media screen and (max-width:1080px) {
    /* .nav{height: 60px;} */
    .nav .navlist{position: fixed;left: -110%;top:calc(54px + 2vw);;width: 100%;flex-direction: column;background-color: #fff;z-index: 99;margin: 0;
    justify-content: flex-start;transition: .3s;padding:var(--fontS24)}
    .nav .navlist.nav_open{left: 0;}
    .nav .english{margin:0 0 0 var(--fontS20);}

    .nav .navlist li a{line-height: 3;}
    .nav .btn_navlist{display: block;}
    .nav ul li.active::after, .nav ul li:hover::after{clip-path: path('M80 0C70 0 50 0 40 0C30 0 10 0 0 0L80 0Z');}
    /* .nav{height: var(--fontS120);border-bottom-left-radius: calc(var(--fontS120)/2);background-color: rgba(255, 255, 255, 0.8);}
    .nav .navlist{position: absolute;right:-20vw;top:var(--fontS120);}
    .nav .english{display: none;} */
}
@media screen and (max-width:576px) {
    .nav .search>form{padding:0 6px;}
    .nav .logo{padding:0 0 0 8px;}
    .nav .english{font-size: var(--fontS14);margin:0 0 0 8px;}

}
.nav_drop{
    position: fixed;top: 0;left: 0;bottom:0;right:var(--fontS120);background-color: rgba(255, 255, 255, 1);z-index: 998;
    display: flex;align-items: center;justify-content: center;flex-direction: column;
    transition: 0.3s ease-in-out;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.nav_drop .search_box button svg{width: var(--fontS50);height: var(--fontS50);}
.nav_drop .search_box input,.nav_drop .search_box button{background-color: rgb(232, 240, 254);height: var(--fontS80);font-size: calc(20px + 0.5vw);}
.nav_drop .search_box form{background-color: rgb(232, 240, 254);height: var(--fontS80);display: flex;align-items: center;justify-content: center;border-radius: var(--fontS80);padding:0 var(--fontS40);overflow: hidden;}
.nav_drop a{color:#333;font-size: calc(20px + 0.5vw);}
.nav_drop.nav_hide{transform: translate3d(-100%,0,0);opacity: 0.2;}
.nav_drop .main_nav{display: flex;margin: var(--fontS20) auto;}
.nav_drop a{padding:0 var(--fontS14);}
.nav_drop .drop_pro{display: flex;flex-wrap: wrap;justify-content: center;}
.nav_drop .drop_pro a{font-size: calc(16px + 0.3vw);}
.nav_drop .title{text-align: center;line-height: 1.2;margin: var(--fontS20) auto;}
@media screen and (max-width:1080px) {
    .nav_drop{right:0;}
}

/* nav 导航菜单 end */

body .bg{
    position: fixed;z-index: -1;width: 100%;height: 100%;left: 0;top:0;
    background-image: url(../images/banner_bg6.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.main_banner {
    padding:var(--fontS40) var(--fontS12) 0;
    height: 70vh;
    position: relative;
    max-height: 80vw;
    
}
.main_banner > svg{position: absolute;opacity: 0.3}
.main_banner > svg:nth-child(1){left: 0;top:20%}
.main_banner > svg:nth-child(2){left: 0;top:50%}
.main_banner > svg:nth-child(3){right: 0;top:0%}
.main_banner > svg:nth-child(4){right: 0;top:20%}
.main_banner > svg:nth-child(5){right: 0;top:50%}
.main_banner > svg:nth-child(6){right: 0;top:70%}
.main_banner .swiper{ max-width: calc(50vw + 500px); margin: 0 auto; width: 100%;border-radius: var(--fontS40);overflow: hidden;}

.main_banner .swiper-slide img{
    width:100%;
    height:auto;
    min-height:100%;
    transition:1s linear 2s;
    transform:scale(1.1,1.1);
}
.main_banner .swiper-slide-active img,.main_banner .swiper-slide-duplicate-active img{
    transition:6s linear;
    transform:scale(1,1);
}	
.main_banner .swiper-slide-active .title1{
    animation: fadeInDown 1s .3s ease-in-out both;
}
.main_banner .swiper-slide-active .title2{
    animation: fadeInDown 1s .1s ease-in-out both;
}
.main_banner .swiper-slide-active .btn{
    animation: fadeInDown 1s ease-in-out both;
}
.main_banner .swiper .swiper-pagination{
    bottom:var(--fontS30);
}
.main_banner .swiper .swiper-button-next,.main_banner .swiper .swiper-button-prev{color:#fff;}
.main_banner .swiper .swiper-pagination .swiper-pagination-bullet{
    width: var(--fontS40);height: var(--fontS12);border-radius: var(--fontS12);
}
.main_banner .swiper .swiper-pagination .swiper-pagination-bullet-active{
    background-color:#fff;
}
.main_banner .swiper {
    height: 100%;
    width: 100%;
}
.main_banner .autoplay-progress { position: absolute; right: 50%; bottom: 20%; z-index: 999; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: var(--swiper-theme-color); }
.main_banner .autoplay-progress svg { --progress: 0; position: absolute; left: 0; top: 0px; z-index: 999; width: 100%; height: 100%; stroke-width: 4px; stroke: var(--swiper-theme-color); fill: none; stroke-dashoffset: calc(125.6 * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg); }
.main_banner .banner_logo{position: absolute;left: var(--fontS44);top:var(--fontS44);z-index: 1;border-radius: var(--fontS32);background-color: #fff;box-shadow: 0 0 10px #fff;overflow: hidden;padding: var(--fontS20);}
.main_banner .banner_logo img{max-width: 10vw;}
.main_banner .swiper .swiper-slide {
    color: #fff;
}
.main_banner .swiper .swiper-slide .img_box{width: 100%;height: 100%;}
.main_banner .swiper .swiper-slide .img_box img{width: 100%;height: 100%;object-fit: cover;}
.main_banner .swiper .swiper-slide .text_box {
    position: absolute;left: 10%;top:0;bottom: 0;right:10%;
    display: flex;justify-content: center;flex-direction: column;
}
.main_banner .swiper .swiper-slide .text_box >* {text-shadow: 0 0 10px rgba(12, 17, 50, 0.285);text-align: left;line-height: 1.2;}
.main_banner .swiper .swiper-slide .text_box .title1{font-size: var(--fontS72);}
.main_banner .swiper .swiper-slide .text_box .title2{font-size: var(--fontS36);margin: var(--fontS20) 0 var(--fontS50) 0;}
.main_banner .swiper .swiper-slide .text_box .btn{font-size: var(--fontS36);border:2px solid rgba(255, 255, 255, 0.3);border-radius: 100px;color:#fff;display: inline-block;padding:var(--fontS20) 0;width: calc(var(--fontS36)*7);text-align: center;}

@media screen and (max-width:1080px) {
    .main_banner .pro_links{height: 8vh;}
    .main_banner .swiper .swiper-slide .text_box { left: 5%;right:5%; }
    .main_banner .pro_links ul li .icon .title{display: none;}
    .main_banner .swiper .swiper-slide .text_box .title1{font-size: var(--fontS54);}
    .main_banner .swiper .swiper-slide .text_box .title2{font-size: var(--fontS24);}
    .main_banner .swiper-button-next{display: none;}
    .main_banner .swiper-button-prev{display: none;}
}
@media screen and (max-width:576px) {
    .main_banner .swiper .swiper-slide .text_box .title1{font-size: var(--fontS44);}
    .main_banner .swiper .swiper-slide .text_box .title2{font-size: var(--fontS20);}
    .main_banner .swiper .swiper-slide .text_box .btn{font-size:18px;padding:6px 0;width: 120px;}

}
@media screen and (min-aspect-ratio:2/1) {
    .main_banner{height: 100vh;}
}
/* 关于我们 */
.main_about {padding:var(--fontS32) var(--fontS32) var(--fontS64) var(--fontS32); }
.main_about .about_text{line-height: 2;margin-top: var(--fontS32);text-align: justify;}
.main_about .img_box{height: 100%;border-radius: var(--fontS32);overflow: hidden;}
.main_about img{border-radius: var(--fontS24);width: 100%;height: 100%;object-fit: cover;display: block;}

.about_num_cards{border-bottom:2px solid #ddd;margin-bottom: var(--fontS48);padding-bottom: var(--fontS20);}
.about_num_cards >* {line-height: 1;padding:var(--fontS32);text-align: center;}
.bnum{font-family: "Outfit-Bold";}
.about_num_cards .bnum{margin-bottom: var(--fontS24);}
.about_num_cards sub{font-size: var(--fontS18);color: var(--main-color);font-weight: bold;}


.main_news { padding:var(--fontS80) var(--fontS32);position: relative;}
.main_news .news_box{display: flex;flex-wrap: wrap;}
.main_news .swiper-news .text_box{position: absolute;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.8);color:#fff;line-height: 1;padding:var(--fontS14);right:0;}
.main_news .swiper-news .text_box a{color:#fff;}
.main_news .swiper-news .img_box{width: 100%;height: 100%;}
.main_news .swiper-news .img_box img{display: block;width: 100%;height: 100%;object-fit: cover;}
.main_news .swiper-news{border-radius: var(--fontS20);overflow: hidden;box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);height: 100%;}
.main_news .swiper-news .swiper-pagination{bottom:auto;top: var(--fontS20);text-align: left;padding:0 var(--fontS20)}
.main_news .swiper-news .swiper-pagination-bullet{width: var(--fontS12);border-radius: 4px;height: var(--fontS24);border:1px solid #fff;margin-left: 0;}
.main_news .swiper-news .swiper-pagination-bullet-active{background-color: #fff;}
.main_news .img_news_box{width: 33%;}
.main_news .img_news_box .swiper{height: 66%;}
.main_news .text_news_box{width: 67%;padding-right: var(--fontS40);}


.main_news .list_sum_date_more {display: grid;grid-template: repeat(3,1fr)/repeat(2,1fr);gap:var(--fontS32);grid-auto-flow: row dense;}
.main_news .list_sum_date_more >.item{border-bottom: 1px solid #eee;padding-bottom: var(--fontS24);}
.main_news .list_sum_date_more >.item .text_box { position: relative; }
.main_news .list_sum_date_more >.item .title { color: #333; font-weight: 800; overflow: hidden;font-size: var(--fontS20);line-height: 1.2;transition:.6s;}
.main_news .list_sum_date_more >.item .sum { line-height: 1.2; overflow: hidden; color: #666; font-size: var(--fontS16);margin: 8px 0; }
.main_news .list_sum_date_more >.item .date {font-size: var(--fontS16);line-height: 1.2;}
.main_news .list_sum_date_more >.item:hover .title { color: var(--main-color); }

.main_news .title_in_grid{display: flex;align-items: center;justify-content: center;height: 30%;margin-bottom: 3%;border-radius: var(--fontS24);box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.main_news .title_in_grid .title{margin-left: var(--fontS20);color:var(--main-color);font-size: var(--fontS48);}
.main_news .title_in_grid svg{fill:var(--main-color)}

@media screen and (max-width:1080px) {
    .main_news .list_sum_date_more{grid-template-columns: 1fr;}
}
@media screen and (max-width:992px) {
    .main_news .img_news_box{width: 100%;order: 0;margin-bottom: 24px;}
    .main_news .text_news_box{width: 100%;padding-right:0;order: 1;}
    .main_news .title_in_grid{height: auto;box-shadow: none;}
    .main_news .img_news_box .swiper{height: auto;}
}



.title_icon{
    display: flex;align-items: center;margin-bottom: var(--fontS24);
    margin:var(--fontS24) auto;
    /* width: 100%; */
    justify-content: center;
    /* border-bottom-left-radius:400px;border-bottom-right-radius:400px; */
    border-radius: 10% 10% 48% 48% / 30% 30% 100% 100%;
    background-color: rgba(159, 174, 235, 0.097);
    background: none;
    padding:var(--fontS20) var(--fontS40) var(--fontS40) var(--fontS40);
}
.title_icon .title{font-size: var(--fontS40);font-weight: 100;line-height: 1;}
.title_icon svg{width: 40px;height: 40px;margin-right: var(--fontS12);fill:#666;}

.main_partern { background-color: #f4f4f4; padding:var(--fontS80) var(--fontS32) ; }
.main_partern .grid{grid-template:repeat(2,1fr)/repeat(6,1fr); grid-auto-flow: row dense; gap:var(--fontS32); }
.main_partern .grid img{width: 100%;height: 100%;object-fit:contain;}
.main_partern .grid>div{background-color: #fff;overflow: hidden;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);padding:var(--fontS20)}
.main_partern .title_in_grid{grid-column:3/5;display: flex;align-items: center;justify-content: center;}
.main_partern .title_in_grid .title{margin-left: var(--fontS20);color:var(--main-color)}
.main_partern .title_in_grid svg{fill:var(--main-color)}

@media screen and (max-width:1080px) {
    .main_partern .grid{
        grid-template:repeat(3,1fr)/repeat(4,1fr);
    }
    .main_partern .title_in_grid{grid-column:2/4}
}

@media screen and (max-width:640px) {
    .main_partern .grid{
        grid-template:repeat(6,1fr)/repeat(2,1fr);
    }
    .main_partern .title_in_grid{grid-column:span 2}
}


.main_pro {
    background-color: #f4f4f4;
    width: 100%;
    padding: var(--fontS80) var(--fontS32);
}
.main_pro .swiper-pro-one{
    margin-bottom: var(--fontS24);
}
.main_pro .swiper .swiper-slide{
    overflow: hidden; border-radius: var(--fontS12);
}
.main_pro .container-k{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width:1080px) {
    .main_pro .container-k{ flex-wrap: wrap; }
    .main_pro .container-k>*{width: 100%;}
}
.main_pro ul li { border: 1px solid #95c2f5; height: 100%; border-radius: var(--fontS24); }
.main_pro ul li a { color: #666; text-align: center; display: block; height: 100%; line-height: 100%; display: flex; align-items: center; justify-content: center; font-size: var(--fontS20); }
.main_pro ul li.active{background-color: var(--main-color);}
.main_pro ul li.active a{color: #fff;}
.main_pro ul li:hover{background-color: var(--main-color);}
.main_pro ul li:hover a{color: #fff;}
.main_pro ul.pro-one .center { position: absolute;border: 1px solid #95c2f5; width: 13vw; height: 13vw; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #EDF1F6; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.main_pro ul.pro-two .center { position: absolute;border: 1px solid #95c2f5; width: 12vw; height: 12vw; left: 45%; top: 45%; transform: translate(-50%, -50%); background-color: #EDF1F6; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
@media screen and (max-width:1080px) {
    .main_pro ul.pro-one{display: flex;align-items: center;justify-content: center;}
    .main_pro ul.pro-two{display: flex;align-items: center;justify-content: center;}
    .main_pro ul.pro-two{ order:-1; }
    .main_pro ul li{display: none;}
    /* .main_pro ul li a{padding:0 24px;line-height: 2;} */
    .main_pro ul.pro-one .center{width: 50vw;height: auto;border-radius: 32px;height: auto;padding:0;left: 0;top:0;transform: translate(0,0);position: relative;background-color: rgba(0, 0, 0, 0);border:none;}
    .main_pro ul.pro-two .center{width: 50vw;height: auto;border-radius: 32px;height: auto;padding:0;left: 0;top:0;transform: translate(0,0);position: relative;background-color: rgba(0, 0, 0, 0);border:none;}
}

.main_banner .swiper-slide .img_box{ width:100%; height:100%;}
.main_banner .swiper-slide img{ width:100%; height:100%; transition:1s linear 2s; transform:scale(1.1,1.1);object-fit: cover;}
.main_banner .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:6s linear; transform:scale(1,1); }	
.main_pro .swiper .swiper-slide .pro_item{ display: flex; /* align-items: center; */ height: 100%;}

.main_pro .swiper .swiper-slide .pro_item .more{position: absolute;right:var(--fontS32);bottom:var(--fontS32);line-height: 1;}
.main_pro .swiper .swiper-slide .img_box {
    overflow: hidden;
}
.main_pro .swiper .swiper-slide .text_box {font-size: var(--fontS16); }
.main_pro .swiper .swiper-slide .text_box .name{font-size: var(--fontS24);color:000;font-weight: bold;border-bottom: 1px solid #eee;padding-bottom: var(--fontS24);}
.main_pro .swiper .swiper-slide .text_box .text{margin: var(--fontS24) 0;color:#999;}
.main_pro .swiper .swiper-slide .text_box .info{line-height: 2;font-size: var(--fontS16);color:#999;}
.main_pro .swiper .swiper-slide .img_box img { width: 100%; height: 100%; object-fit: cover; /* border-radius: var(--fontS24); */;display: block; }
.main_pro .swiper.swiper-pro-two .swiper-slide .img_box img{max-width: 50%;height: auto;}

.main_pro .swiper-pro-thumb{height: calc(50px + 2.5vw)}
.main_pro .swiper-pro-thumb .swiper-slide{transition: .3s;height: 90%;}
.main_pro .swiper-pro-thumb .swiper-slide .img_box{height: 100%;}
.main_pro .swiper-pro-thumb .swiper-slide-thumb-active{height: 100%;}

.main_pro .swiper-pro-two .swiper-pagination{text-align: left;}
.main_pro .swiper-pro-two{padding-bottom: var(--fontS60);margin-top: var(--fontS24);}
.main_pro .swiper-pro-two .swiper-pagination .swiper-pagination-bullet{
    width: var(--fontS40);height: var(--fontS12);border-radius: var(--fontS12);
}
.main_pro .swiper-pro-two .swiper-pagination .swiper-pagination-bullet-active{
    background-color:var(--main-color);
}

/* main page end */


/* footer 底部 */
.main_footer { background-color: #006fbe;padding: var(--fontS64) var(--fontS32) var(--fontS32);}
.main_footer *{color:#fff;}


.main_footer .footer {
    gap: var(--fontS24);
    display: grid;
    grid-template-columns: 3fr 2fr 2fr 3fr;

}
.main_footer .footer form{width: 100%;text-align: center;}
.main_footer .footer form input{margin-bottom: var(--fontS24);border-radius: 6px;background-color: #fff;box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);color:#ccc;height: var(--fontS44);padding:0 var(--fontS12);width: 100%;}
.main_footer .footer form button{color:#fff;background-color: transparent;border:1px solid rgba(255, 255, 255, 0.4);padding:var(--fontS12) var(--fontS40);border-radius: var(--fontS40);font-size: var(--fontS24);}
.main_footer .footer .logo{padding:var(--fontS24) var(--fontS24);border-radius: var(--fontS16);box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);overflow: hidden;background-color: #fff;margin-bottom: var(--fontS24);}
.main_footer .footer .logo img {
    display: block;
    width: 100%;
}
.main_footer .footer .erweima {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_footer .footer .erweima div {
    margin: 0;
    width: 46%;
}
.main_footer .footer .erweima div img {
    width: 100%;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);border-radius: 6px;
}
.main_footer .footer .erweima div p {
    text-align: center;
    font-size: var(--fontS16);
    line-height: 1.5;
}
.main_footer .footer .bottomnav h4 a {
    font-size: var(--fontS24);
    line-height: 2;
    font-weight: bold;
}
.main_footer .footer .footercontact{
    line-height: 1.5;font-weight: 400;transition: 0.4s;font-size: var(--fontS16);
}
.main_footer .footer .bottomnav ul *{
    line-height: 1.5;font-weight: 400;transition: 0.4s;font-size: var(--fontS16);
}
.main_footer .footer .bottomnav ul li:hover {
    color: #fff;
}
.main_footer .footer .bottomnav ul li{margin-bottom: 12px;}
.main_footer .footer .bottomnav ul li svg{display: block;width: var(--fontS32);}
.main_footer a:hover {
    color: #fff;
}
.main_footer .footerbottom {
    border-top: 1px solid rgba(255, 255, 255, 0.4);text-align: center;
    margin-top: var(--fontS20);padding:var(--fontS24) 0;
}
.main_footer .footerbottom *{font-size: var(--fontS16);line-height: 1.2;}


@media screen and (max-width:1080px) {
    .main_footer .footer {
        gap: var(--fontS24);
        display: grid;
        grid-template-columns: 1fr 1fr;
    
    }
    .main_footer .footer > div:nth-child(2){display: none;}
    .main_footer .footer > div:nth-child(3){display: none;}
    /* .main_footer .footer {
        display: flex;
        padding: var(--fontS40) var(--fontS20);
        align-items: center;
        justify-content: center;
    
    } */
}

@media screen and (max-width:720px) {
    
    
}
@media screen and (max-width:640px) {
    
    
}



/* footer 底部 end */



.list_sum_date_more { display: grid; grid-template-columns: 1fr 1fr; gap: var(--fontS32) }
.list_sum_date_more li a{padding: 0; display: grid; grid-template-columns: var(--fontS96) 2px 1fr; gap: var(--fontS24); align-items: center; }
.list_sum_date_more li .line { background-color: #eee; height: 100%; }
.list_sum_date_more li .date { text-align: center; }
.list_sum_date_more li .text_box { position: relative; }
.list_sum_date_more li .title { color: #333; font-weight: 800; overflow: hidden;font-size: var(--fontS20);margin-bottom: var(--fontS14);line-height: 1;transition:.6s;}
.list_sum_date_more li .day { font-weight: bold; color: #aaa; line-height: 1;font-size: var(--fontS40);transition:.6s;font-family: "Outfit";}
.list_sum_date_more li .year { color: #aaa; line-height: 1;font-size: var(--fontS16);font-family: "Outfit";}
.list_sum_date_more li .sum { line-height: 1.5; overflow: hidden; color: #666; height: calc(var(--fontS16)*3); font-size: var(--fontS16); }
.list_sum_date_more li .more { position: absolute; right: 0; top: 0; font-size: 12px; color: #aaa; display: none; }
.list_sum_date_more li:hover .title { color: var(--main-color); }
.list_sum_date_more li:hover .day { color: var(--main-color); }
@media screen and (max-width:1080px) {
    .list_sum_date_more{grid-template-columns: 1fr;}
}


.page-pro-card{border-radius: 12px;overflow: hidden;background-color: #fff;border: 1px solid #ddd;}
.page-pro-card .swiper .swiper-pagination{bottom:0;}
.page-pro-card .img_box{max-width: 100%;aspect-ratio: 3/2;display: flex;align-items: center;justify-content: center;padding:0 12px;}
.page-pro-card img{width: 100%;height: 100%;object-fit: contain;}
.page-pro-card svg{width: 100%;height: auto;max-height: 100%;}
.page-pro-card .swiper-pro-card{width: 100%;height: 100%;padding-bottom: 20px;}
.page-pro-card .title{text-align: center;font-size: var(--fontS18);padding:0;border-bottom: 1px solid #ddd;line-height: 2;font-weight: bold;color:var(--main-color);}
.page-pro-card .CHO{color:var(--main-color);line-height: 1;text-align: center;font-size: var(--fontS16);}

.about-pro-card{width: calc(6vw + 10vh);height:  calc(7vw + 10vh);border-radius: 12px;overflow: hidden;overflow: hidden;background-color: #fff;border: 1px solid #ddd;}
.about-pro-card .swiper{width: 100%;height: 100%;padding-bottom: 20px;}
.about-pro-card .swiper .swiper-pagination{bottom:0;}
.about-pro-card .swiper .swiper-slide{display: flex;flex-direction: column;}
.about-pro-card .img_box{width: 100%;height: calc(100% - var(--fontS18)*2 - var(--fontS16));padding:0 12px;display: flex;align-items: center;justify-content: center;}
.about-pro-card img{width: 100%;height: 100%;object-fit: contain;}
.about-pro-card svg{width: 100%;height: auto;}
.about-pro-card .title{text-align: center;font-size: var(--fontS18);padding:0;border-bottom: 1px solid #ddd;line-height: 2;font-weight: bold;color:var(--main-color);}
.about-pro-card .CHO{color:var(--main-color);line-height: 1;text-align: center;font-size: var(--fontS16);}


@media screen and (max-width:992px){

}


.pro_banner{
    padding:var(--fontS32) var(--fontS24);
    overflow: hidden;
    background-image: url(../images/banner_bg6.jpg);background-repeat: no-repeat;background-size: cover;
    background-position: center center;
}
.pro_banner>div{display: flex;justify-content: space-between;align-items: center;}
.pro_banner>div > .img_box{width: calc(100% - 7vw - 10vh - 12px);height: calc(7vw + 10vh);border-radius: 12px;overflow: hidden;}
.pro_banner>div > .img_box img{height: 100%;width: 100%;object-fit: cover;}
.pro_banner>div .img_box > .text_box{position: absolute;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;z-index: 99;top: 0;left: 0;padding:0 12px;align-items: center;text-align: center;}
.pro_banner>div .img_box > .text_box *{color:#fff;}
.pro_banner>div .img_box > .text_box h2{font-size: calc(18px + 2vw);text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);}
.pro_banner>div .img_box > .text_box h4{font-size: calc(12px + 1vw);text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);}
.pro_banner>div .en{font-size: calc(20px + 1vw);color:#aaa;text-align: right;line-height: 1.1;font-family: "Outfit-bold";}
@media screen and (max-width:992px) {
    .pro_banner{padding:8px 4px}
    .pro_banner>div{padding:0;}
    .pro_banner>div .about-pro-card{width: calc(14vw + 10vh);height:  calc(14vw + 12vh);border-radius: 0;}
    .pro_banner>div > .img_box{width: calc(100% - 14vw - 10vh);height: calc(14vw + 12vh);border-radius: 0;}
 
}
.page_banner{
    padding:var(--fontS32) var(--fontS24);
    overflow: hidden;
    background-image: url(../images/banner_bg6.jpg);background-repeat: no-repeat;background-size: cover;
    background-position: center center;
}
.page_banner div > .img_box{height: calc(7vw + 10vh);border-radius: 12px;overflow: hidden;}
.page_banner div > .img_box img{height: 100%;width: 100%;object-fit: cover;}
.page_banner div .text_box{position: absolute;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;z-index: 99;top: 0;left: 0;padding:0 12px;align-items: center;text-align: center;}
.page_banner div .text_box *{color:#fff;}
.page_banner div .text_box h2{font-size: calc(18px + 2vw);text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);}
.page_banner div .text_box h4{font-size: calc(12px + 1vw);text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);}
.page_banner div .en{font-size: calc(20px + 1vw);color:#aaa;text-align: right;line-height: 1.1;font-family: "Outfit-bold";}
@media screen and (max-width:992px) {
    .page_banner{padding:8px 4px}
    .page_banner>div{padding:0;}
    .page_banner>div > .img_box{height: calc(14vw + 12vh);border-radius: 0;}
 
 
}


.page-about{padding:0 var(--fontS24)}
.page-about .text_box p{font-size: var(--fontS16);line-height: 2;color:#666;}
.page-about .text_box h4{font-size: var(--fontS24);line-height: 2;color:var(--main-color);}
.page-about .about_num_cards{border-bottom: 1px solid #ddd;margin-bottom: var(--fontS32);
display: grid;grid-template-columns: repeat(4,1fr);}
.page-about .about_num_cards > div{padding:var(--fontS40) 0;}
.page-about .about_num_cards .bnum{line-height: 1;}
.page-about .about_num_cards .bnum sub{color:var(--main-color);}

@media screen and (max-width:992px){
    .page-about{padding:0}
    .page-about .about_num_cards{border-bottom: 0;grid-template-columns: 1fr;padding:0;margin-bottom:var(--fontS24);}
    .page-about .about_num_cards > div{border-bottom:1px solid #ddd;padding:var(--fontS24) 0;}
    .page-about .about_num_cards .bnum{margin-bottom: 4px;}
    
}
.title_bline{font-size: var(--fontS36);color:var(--main-color);padding-bottom: var(--fontS24);border-bottom: 1px solid #ddd;}
.page-about .company{
    display: flex;justify-content: space-between;margin: var(--fontS40) 0;flex-wrap: wrap;
}
.page-about .company .text_box{width: 48%;}
.page-about .img_box{width: 48%;}
.page-about .img_box img{
    width: 100%;border-radius: var(--fontS24);position: absolute;left: 0;top:0;height: 50%;object-fit: cover;
}
.page-about .img_box img:nth-of-type(2){
    top:52%;height: 48%;
}
@media screen and (max-width:992px) {
    .page-about .company {margin-top: 0;}
    .page-about .company .text_box{width: 100%;order: 2;}
    .page-about .img_box{width: 100%;order:1;display: flex;justify-content: space-between;}
    .page-about .img_box img:nth-of-type(1){position: relative;height: auto;top:0;margin:0;width: 49%;height: 100%;object-fit: cover;}
    .page-about .img_box img:nth-of-type(2){position: relative;height: auto;top:0;width: 49%;}
}
.page-about .service { display: grid; gap:var(--fontS24); grid-template: repeat(3, 1fr)/repeat(3, 1fr);perspective:2000px;height: 100%;}
.page-about .service li { background-color: #DAEBFE; }
.page-about .service li:nth-child(4){grid-row-end: span 2;}
.page-about .service li:nth-child(2){grid-row-end: span 2;}
.page-about .service li a { display: block; height: 100%;width: 100%;}
.page-about .service li a img { width: 100%; height: 100%; object-fit: cover;aspect-ratio: 5/3;}


.list_img_t{border:1px solid #ddd;border-radius: var(--fontS20);box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);overflow: hidden;display: block;}
/* .page-pro .grid{
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));gap: var(--fontS32);margin-top: var(--fontS32);
}
@media screen and (max-width:1200px){
    .page-pro .grid{
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: var(--fontS20);
    }
}
@media screen and (max-width:576px){
    .page-pro .grid{
        grid-template-columns: 1fr 1fr;gap: var(--fontS20);
    }
} */

.list-pro-info{display: flex;justify-content: space-between;margin-top: var(--fontS32);background-color: #f4fbff;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);padding:20px;border-radius: var(--fontS16);}
.list-pro-info >*{width: 20%;border: 1px solid #ddd;overflow: hidden;border-radius: 12px;}
.list-pro-info img{ width: 100%; height: 100%; object-fit: cover;}
.list-pro-info .more{width: 32px;background-color: var(--main-color);border-radius: 6px;color:#fff;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.list-pro-info .more span{font-size: var(--fontS24);transform: scaleY(2);}
.list-pro-info .text_box{width: calc(60% - 48px);border:0;border-radius: 0;}
.list-pro-info .text_box{color:#333;}
.list-pro-info .text_box h1{color:var(--main-color);font-size: var(--fontS24);line-height: 1;padding-bottom: 12px;}
.list-pro-info .text_box .CHO{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding:10px 0;}
.list-pro-info .text_box .info{padding-top:10px;}

@media screen and (max-width:992px){
    .list-pro-info{flex-wrap: wrap;}
    .list-pro-info .img_pack{width: 48%;aspect-ratio: 3/2;margin-bottom: var(--fontS24);}
    .list-pro-info .img_CHO{width: 48%;aspect-ratio: 3/2;margin-bottom: var(--fontS24);}
    .list-pro-info .text_box{width: 100%;}

}

.list_img_t .img_box{overflow: hidden;}
.list_img_t .img_box img{width: 100%;object-fit: cover;aspect-ratio: 3/2;}
.list_img_t .title{text-align: center;line-height: 1;padding:var(--fontS12) 0;font-size: var(--fontS16);}
.pro_nav{padding:0 var(--fontS12);}
.pro_nav .flex{display: flex;justify-content: center;padding:var(--fontS40) 0;flex-wrap: wrap;background-color: #f2f5ff;border-radius: var(--fontS20);margin-top: var(--fontS32);}
.pro_nav .flex *{writing-mode:vertical-lr;line-height: 1.1;letter-spacing: .2ch;display: block;margin:0;padding:0 var(--fontS12)}
.pro_nav .flex h2{color:var(--main-color);margin-top: -10px;}
.pro_nav .flex a{transition: .3s;min-height: 200px;}
.pro_nav .flex a::after{
    transition: .3s;content: "";position: absolute;top:-20px;left: 50%;right: 0;height: 0;opacity: 0;
    transform: translateX(-50%);width: 0px;border-top:10px solid var(--main-color);border:calc(6px + 0.2vw) solid transparent;border-top-color:var(--main-color);
}
.pro_nav .flex a:hover,.pro_nav .flex a.active{font-weight: bold;color: var(--main-color);transform: translateY(20px);}
.pro_nav .flex a:hover::after,.pro_nav .flex a.active::after{opacity: 1;}
@media screen and (max-width:992px){
    .pro_nav .flex *{padding: 0 8px;}
    .pro_nav .flex a{min-height: 140px;}
}
@media screen and (max-width:768px){
    .pro_nav .flex *{padding: 0 6px;}
}
@media screen and (max-width:668px){
    .pro_nav .flex *{padding: 0 4px;}
}
@media screen and (max-width:576px){
    .pro_nav .flex *{padding: 0 2px;}
    .pro_nav .flex h2{writing-mode:horizontal-tb;margin-top:0;margin-bottom: 10px;text-align: center;}
    .pro_nav .flex > div{display: flex;flex-wrap: wrap;}
    /* .pro_nav .flex *{margin: 0 4px;} */
}
.page-pro{padding:0 var(--fontS12);}

.box-top-news{padding:0 var(--fontS12)}
.swiper-top-news{padding:var(--fontS40) 0;}
.swiper-top-news .top_news{display: flex;justify-content: space-between;}
.swiper-top-news .top_news .text_box{width: calc(100% - 9vw - 9vh)}
.swiper-top-news .top_news .text_box .title{font-size: var(--fontS24);color:#333;margin-bottom: var(--fontS24);line-height: 1;}
.swiper-top-news .top_news .text_box .info{font-size: var(--fontS16);line-height: 1.5;max-height: calc(var(--fontS16)*6);overflow: hidden;}
.swiper-top-news .top_news .img_box{width: calc(8vw + 8vh);border-radius: var(--fontS20);}
.swiper-top-news .top_news .img_box img{display: block;height: 100%;width: 100%;object-fit: cover;}

.swiper-top-news .swiper-pagination .swiper-pagination-bullet{ width: var(--fontS36);height: 6px;border-radius:6px; }
.swiper-top-news .swiper-pagination .swiper-pagination-bullet-active{ background-color: var(--main-color); }
@media screen and (max-width:992px){
    .swiper-top-news .top_news .text_box .title{margin-bottom: 8px;}

}

.news_card{padding:var(--fontS20);background-color: #f4f4f4;border-radius: var(--fontS12);}
.news_card .title{font-size: var(--fontS18);font-weight: bold;}
.news_card .date{font-size: var(--fontS14);margin: 8px 0;}
.card-list{
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));gap: var(--fontS32);padding:0 var(--fontS12);
}

@media screen and (max-width:1200px){
    .card-list{
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: var(--fontS20);
    }
}





/* 
输出设备的像素密度（分辨率）
@media (max-resolution: 300dpi) {} 
@media (resolution: 150dpi) {}

宽高比
@media (max-aspect-ratio: 3/2) {}


viewport 处于横向，即宽度大于高度
@media (orientation: landscape) {}

viewport 处于纵向，即高度大于等于宽度
@media (orientation: portrait) {}


*/



.page {text-align: center;padding:var(--fontS40) var(--fontS32)}
.page span, .page a { background-color: #f4f4f4; display: inline-block; height: 40px; line-height: 40px; padding: 0 16px;
    border-radius: 3px; margin-right: 6px; border: none;transition: .4s;}
.page select { border: none; outline: none; background-color: transparent; }
.page span{cursor:not-allowed;}
.page .current,.page .active { background-color: var(--main-color); color: #fff; }
.page .disabled { background-color: #f4f4f4; color: #888; }
.page a:hover{ background-color: var(--main-color); color: #fff; }
@media screen and (max-width:576px){
.page span, .page a {height: 32px; line-height: 32px; padding: 0 10px;margin-right: 2px; }
}
.page-detail{padding: var(--fontS40) 0;}
.page-detail .detail-title{font-size: var(--fontS32);text-align: center;border-bottom: 1px solid #ddd;padding-bottom: var(--fontS24);margin-bottom: var(--fontS24);}
.page-detail .detail-date{font-size: var(--fontS16);text-align: center;margin-bottom: var(--fontS24);}

.pro-card .card-title{font-size: var(--fontS24);line-height: 2;font-weight: bold;color:var(--main-color);margin-bottom: 12px;padding-left: 20px;}
.pro-card .card-title::after{content: "";position: absolute;left: 0;top:28%;height: 46%;width: 6px;background-color: var(--main-color);}
.page-pro-card-title{font-size: var(--fontS24);line-height: 1;font-weight: bold;color:var(--main-color);margin-bottom: 20px;padding-left: 12px;}
.page-pro-card-title::after{content: "";position: absolute;left: 0;top:0;height: 24px;width: 24px;transform:rotate(45deg);
    border-radius:0 70% 50% 50%/0 50% 50% 70%;
    /* box-shadow: 0 0 4px rgba(6, 94, 194, 0.4); */
    box-shadow: inset 0 0 6px rgba(76, 130, 238, 0.356);
    /* background-color: var(--main-color); */
}



.list-partners{
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: var(--fontS20);
}
.list-partners .img_box{border:1px solid #ddd;border-radius: var(--fontS20);overflow: hidden;padding:20px;}
.list-partners .img_box img{width: 100%;height: 100%;object-fit: contain;}
@media screen and (max-width:576px){
    .list-partners{
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }
    .list-partners .img_box{padding:10px;}
        

}

.fold-card{background-color: #f4f4f4;border-radius: 12px;padding:0 20px 20px 20px;margin-bottom: var(--fontS24);}
.fold-card .top{font-size: var(--fontS20);color:var(--main-color);font-weight: bold;display: flex;justify-content: space-between;cursor: pointer;padding-top: 20px;}
.fold-card .fold{height: 0;overflow: hidden;}
.fold-card .fold h3{margin-top: 12px;}
.fold-card .fold p{margin-top: 12px;}
.fold-card .fold .close_btn{background-color: #fff;text-align: center;width: 100px;margin: 0 auto;border-radius: 20px;cursor: pointer;}
.fold-card .fold .close_btn svg{width: var(--fontS40);fill:var(--main-color);height: auto;}
.fold-card .top svg{width: var(--fontS30);fill:var(--main-color);height: var(--fontS30);transition: .4s;}

.fold-card .top.active svg{transform: rotate(180deg);}

.icon-card{text-align: center;margin-bottom: var(--fontS24);}
.icon-card h4{font-size: var(--fontS20);}

.contact_map{height: 100%;width: 100%;border-radius: var(--fontS20);background-color: #f4f4f4;min-height: 400px;}


.pro-detail-table{grid-template-columns: 120px 1fr;border:1px solid #ddd;border-left: 1px solid #ddd;border-top: 4px solid var(--main-color);}
.pro-detail-table >*{padding:10px;line-height: 2;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.pro-detail-table h4{font-weight: normal;}
.pro-detail-title{color:var(--main-color);font-size: var(--fontS24);text-align: center;border-bottom: 1px solid #ddd;padding-bottom: var(--fontS16);margin-bottom: var(--fontS16);}
.pro-detail-formula{text-align: center;}
.pro-detail-formula *{max-width: 100%;height: auto;}

.pro-detail-top h1{color:var(--main-color);margin-bottom: var(--fontS24);line-height: 1;}
.pro-table-1{margin-bottom: var(--fontS24);border-top: 1px solid #ddd;}
.pro-table-1 > span{display: block;border-bottom: 1px solid #ddd;padding:12px 0;display: flex;}
.pro-table-1 > span .cont{font-weight: 600;width: calc(100% - 160px);}
.pro-table-1 > span .label{width: 160px;}


.pro-table-2{border-left:1px solid #ddd;border-top:1px solid #ddd;display: grid;grid-template-columns: repeat(4,1fr);}
.pro-table-2 *{border-bottom: 1px solid #ddd;padding:12px;border-right: 1px solid #ddd;}

.pro-detail-box{display: flex;justify-content: space-between;margin-bottom: var(--fontS32);}
.pro-detail-top{width: calc(64% - 80px - 4vw);}
.pro-detail-top .btn_download{position: absolute;right:0;top:4px;display: flex;align-items: center;cursor:pointer;z-index: 99;}
.pro-detail-top .btn_download svg{width: 24px;height: auto;margin-left: 10px;}
.pro-detail-top .btn_download span{color:#999}
.pro-detail-box .detail-swiper-pro{width: 36%;margin: 0;min-height: 300px;max-height: 50vh;}
.pro-detail-box .detail-swiper-pro-thumb{width: calc(60px + 2vw);margin: 0;}
.pro-detail-box .swiper-slide{border:1px solid #ddd;border-radius: var(--fontS12);overflow: hidden;}
.pro-detail-box img{border-radius: var(--fontS12);display: block;width: 100%;height: 100%;object-fit: cover;}

@media screen and (max-width:992px){
    .pro-detail-box{flex-wrap: wrap;}
    .pro-detail-top{width: 100%;}
    .pro-detail-box .detail-swiper-pro{width: calc(100% - 70px - 3vw);margin-bottom: var(--fontS24);}

}

.nav_path_bread{padding:16px 0;border-bottom: 1px solid #ddd;line-height: 1.2;font-size: var(--fontS14);display: flex;align-items: center;}
.nav_path_bread svg{margin-right: 6px;}

.page-category-nav{display: flex;justify-content: center;border-bottom: 1px solid #ddd;}
.page-category-nav a{font-size: var(--fontS24);padding:var(--fontS24);}
.page-category-nav a::after{position: absolute;left: 0;top:50%;width: 0;height: 0;border-radius: 2px;opacity: 0;content: "";border:8px solid transparent;border-left-color: var(--main-color);transform: translateY(-50%);}
.page-category-nav a.active,.page-category-nav a:hover{color:var(--main-color);}
.page-category-nav a.active::after,.page-category-nav a:hover::after{opacity: 1;}

@media screen and (max-width:992px){
    .page-category-nav{flex-direction: column;padding:var(--fontS12) 0;}
    .page-category-nav a{font-size: var(--fontS24);padding:0 var(--fontS24);}

}
.news-card-rectangle{display: block;}
.news-card-rectangle .img_box{width: 100%;aspect-ratio: 3/2;border-radius: var(--fontS20);overflow: hidden;}
.news-card-rectangle .img_box img{width: 100%;height: 100%;object-fit: cover;}
.news-card-rectangle .img_box .title{position: absolute;bottom:0;left: 0;width: 100%;padding:12px;color:#fff;background-color: rgba(0, 0, 0, 0.2);line-height: 1.2;}


.cont_tab_nav{display: flex;}
.cont_tab_nav span{padding:12px;font-size: var(--fontS20);border:1px solid #dbe3f4;border-bottom: 0;cursor: pointer;}
.cont_tab_nav span.active{background-color:var(--main-color);color:#fff;}
.cont_info .info_box{display: none;}
.cont_info .info_box.show{display: block;}

.border_box{border:1px solid #dbe3f4;padding:12px;border-top: 4px solid var(--main-color);}