@charset "utf-8";
@import '../fonts/fontawesome/font-awesome.min.css';
@import '../fonts/bootstrap-icons/bootstrap-icons.min.css';
@import '../fonts/monotype-corsiva/monotype-corsiva.css';
@import '../fonts/source-sans/source-sans.min.css';
@import 'animate.min.css';
@font-face{font-family:iconfont;src:url(../fonts/iconfont9332.ttf?t=1622274305876) format('truetype')}
.iconfont{cursor:pointer;font-family:iconfont !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}
:root{--main-color:#245dac;--hover-color:#007bff;--red:#ff0000}
*{box-sizing:border-box;padding:0;margin:0}
#container,#footer,#header{width:100%}
body{color:#000;font-family:"Source Sans",sans-serif;font-weight:300;font-size:1.1rem;line-height:1.5;background-color:#fff;overflow-x:hidden}
@media (min-width:576px){.container,.container-sm{max-width:calc(100% - 5px)}
}@media (min-width:768px){.container,.container-md,.container-sm{max-width:calc(100% - 30px)}
}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:calc(100% - 30px)}
}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}
}li,ol,ul{list-style:none;margin-bottom:0}
h1,h2,h3,h4,h5,h6{color:inherit;font-family:"Source Sans",sans-serif}
h2{font-weight:700;margin-bottom:1.25rem}
h2 a:hover{color:var(--red)}
b,strong{font-family:"Source Sans",sans-serif;font-weight:700}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;transition:all .5s;color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:var(--red)}
.imgbox{width:100%;display:block;overflow:hidden;position:relative}
.imgbox img{transition:all .5s}
.imgbox-100::before{content:'';display:block;padding-top:100%}
.imgbox-75::before{content:'';display:block;padding-top:75%}
.imgbox-5625::before{content:'';display:block;padding-top:56.25%}
.imgbox-50::before{content:'';display:block;padding-top:50%}
.imgbox-375::before{content:'';display:block;padding-top:37.5%}
.img-abs{position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%;max-height:100%;display:block;margin:auto;padding:auto;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.img-cover{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.ss_photo figure{margin:0}
.ss_photo ul{display:flex;flex-wrap:wrap;width:calc(100% + 10px);margin-left:-5px}
.ss_photo ul li{width:100%;padding:0 5px;margin-bottom:10px;display:flex;flex-direction:column}
.ss_photo ul li a{display:block;transition:all .4s;border:1px solid #ccc;overflow:hidden}
.ss_photo ul li a img{transition:all .5s}
.ss_photo ul li:hover a{box-shadow:0 0 5px rgba(0,0,0,.2)}
.ss_photo ul li span{flex:1;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding:.5rem;text-align:center;border-top:1px solid #ccc;background-color:#fff;font-family:"Source Sans",sans-serif;line-height:1.4}
.ss_photo ul li a:hover span{color:var(--red)}
.ss_photo2 ul{justify-content:space-between}
.ss_photo2 ul li{width:50%}
.ss_photo3 ul li{width:calc(100% / 3)}
.ss_photo4 ul li{width:25%}
.ss_photo5 ul li{width:20%}
.ss_photo6 ul li{width:calc(100% / 6)}
.table-responsive table{width:100%;margin:0;color:#000}
.table td,.table th{padding:.25rem .5rem;line-height:1.5rem;vertical-align:middle}
.table a{color:var(--red);text-decoration:underline}
.table a:hover{text-decoration:none}
.table .top{background-color:rgba(0,0,0,.05)}
.table .top a{display:inline-block;font-family:"Source Sans SemiBold",sans-serif;color:#000;padding:.5rem}
.table .top a:hover{color:var(--red)}
.video_btn{z-index:3;cursor:pointer;width:60px;height:60px;background-color:var(--red);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding-left:5px}
.video_btn::before{content:'\f04b';font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;color:#fff;font-size:1.5rem}
@media (max-width:991.98px){.ss_photo5 ul li{width:25%}
.ss_photo6 ul li{width:20%}
}@media (max-width:767.98px){body{font-size:.9375rem}
h2{margin-bottom:1rem;font-size:1.75rem}
.ss_photo4 ul li{width:50%}
.ss_photo5 ul li{width:50%}
.ss_photo6 ul li{width:calc(100% / 3)}
}@media (max-width:575.98px){h2{font-size:1.5rem}
.ss_photo2 ul li,.ss_photo3 ul li,.ss_photo4 ul li,.ss_photo5 ul li,.ss_photo6 ul li{width:100%}
}.ss_language{background-image:linear-gradient(to right,var(--hover-color),var(--main-color));width:100%;position:absolute;left:0;top:0}
.ss_language>.container{display:flex;justify-content:flex-end;height:40px;align-items:center;padding:0}
.ss_language .ss_globe{cursor:pointer}
.ss_language .ss_globe>i{font-size:1.8rem !important;color:#333}
#ss_language{display:flex;height:100%}
#ss_language>a{padding:0 1rem;color:#fff;display:flex;align-items:center;position:relative}
#ss_language>a::before{content:'';width:1px;height:12px;background-color:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%)}
#ss_language>a:first-child::before{display:none}
#ss_language>a>img{margin-right:.3125rem}
#ss_language>a:hover{background-color:var(--hover-color)}
#header{position:sticky;left:0;top:0;padding-top:40px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:12}
#header>.container{display:flex;flex-wrap:wrap;padding:0}
#ss_logo{padding:1rem 0;display:flex}
#ss_logo>a{display:flex;align-items:center}
#ss_logo>a>img{display:block;max-width:100%;height:60px}
#ss_logo>a>span{font-size:.875rem;color:#333;padding-left:.8rem;margin-left:.8rem;border-left:1px solid rgba(0,0,0,.1)}
#ss_logo>a:hover{color:initial}
nav{flex:1;margin:0 auto;display:flex;justify-content:space-between}
nav .navbar{width:100%;padding:0;justify-content:flex-end}
nav .navbar-collapse{flex-grow:0;border:none;height:100%;align-items:initial}
.navbar-expand-lg .navbar-nav .nav-item{display:flex;margin-left:.5rem;font-size:1rem}
.navbar-expand-lg .navbar-nav .nav-link{display:flex;align-items:center;justify-content:center;color:#000;text-transform:uppercase;padding:.5rem;font-family:"Source Sans SemiBold",sans-serif;position:relative}
.navbar-light .navbar-nav a.nav-link::before{display:none;content:"";position:absolute;left:50%;bottom:1rem;width:0;height:1px;background-color:var(--red);transform:translateX(-50%);transition:.5s;border-radius:5px}
nav .navbar-nav .nav-item .nav-link::after{transition:all .3s}
nav .navbar-nav .nav-item.active .nav-link,nav .navbar-nav .nav-item:hover .nav-link{color:var(--red) !important}
nav .navbar-nav .nav-item.active .nav-link::after,nav .navbar-nav .nav-item:hover .nav-link::after{transform:rotate(180deg)}
.navbar-light .navbar-nav .nav-item.active .nav-link::before,.navbar-light .navbar-nav .nav-item:hover .nav-link::before{width:100%}
.pro_icon{display:none}
.dropdown-menu{left:50%;top:150%;transform:translateX(-50%);border:none;margin:0;border-radius:0;border-top:3px solid var(--red);padding:1rem;box-shadow:0 0 10px rgba(0,0,0,.1);transition:all .3s ease 0s;visibility:hidden;pointer-events:none;opacity:0;display:block}
.dropdown-menu>li{border-bottom:1px dashed #ccc}
.dropdown-menu .dropdown-item{color:#000;padding:.6rem 0 .6rem .6rem;font-size:.9375rem;line-height:1.375rem;font-family:"Source Sans SemiBold",sans-serif;position:relative}
.dropdown-menu .dropdown-item::before{content:"\f105";color:#333;font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.dropdown-menu ol{display:block;padding:0 0 .5rem .6rem}
.dropdown-menu ol li{padding:.2rem 0}
.dropdown-menu ol a{display:block;font-size:.95rem;color:#444;font-family:"Source Sans",sans-serif;position:relative;padding-left:.6rem}
.dropdown-menu ol a::before{content:"\f0da";font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.dropdown-menu .dropdown-item.active,.dropdown-menu .dropdown-item:hover,.dropdown-menu ol a.active,.dropdown-menu ol a:hover{color:var(--red);background:0 0;text-decoration:none}
.dropdown-menu .dropdown-item.active::before,.dropdown-menu .dropdown-item:hover::before,.dropdown-menu ol a.active:before,.dropdown-menu ol a:hover:before{color:var(--red)}
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block}
.dropdown-menu1{min-width:16rem}
@media (max-width:1199.98px){nav .nav-item{margin-left:.5rem}
nav .navbar-light .navbar-nav .nav-link{font-size:.9rem}
}@media (max-width:1059.98px){nav .nav-item{margin-left:.2rem}
.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem .2rem}
}
@media (max-width:991.98px){#header{padding-top:0;position: inherit;}
#header > .container{display: inherit;}
.ss_language{width:auto;position:relative;background:0 0;margin:0; margin-top: 1rem;float:right;}
.ss_language>.container{height:auto;max-width:100%}
#ss_language{display:none;float:left;height:auto;position:absolute;left:50%;transform:translateX(-50%);top:100%;z-index:24;background-color:#f5f5f5; padding:0.5rem 0;}
#ss_language>a{padding:.2rem 1rem;color:#333;overflow:hidden;justify-content:center;text-align:center}
#ss_language>a::before{ display:none;}
#ss_language>a>img{display:none}
#ss_language>a:hover{background-color:var(--red);color:#fff}
#ss_logo{float: left;}
.navbtn{width:40px;height:40px;border:1px solid #ccc;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-left:2rem; float:right;margin-top: 1rem;}
nav{align-items:center;flex-direction:row;justify-content:flex-end;margin:0 0 0 auto;padding:0;flex:none;display: inherit;}
nav .navbar{margin-top:0;position:inherit;}
nav .navbar-collapse{background-color:#fff;padding:0;}
.navbar-expand-lg .navbar-nav .nav-item{width:100%;margin:0;flex-direction:column}
nav .navbar-light .navbar-nav .nav-link{width:100%;border-bottom:1px solid #ddd;padding:1rem;position:relative;font-size:1rem;font-weight:700;justify-content:flex-start}
.navbar-nav .dropdown-menu{display:none;width:100%;min-width:initial;max-width:100%;position:relative;border: none;box-shadow: 0 0 0;}
.dropdown-toggle::after{display:none}
.nav-item span.pro_icon{position:absolute;top:0;right:0;color:#999;padding:0;font-size:34px;width:30px;height:calc(100% - 2px);display:flex;align-items:center;justify-content:center;background-color:#fff;text-align:center;font-weight:200;z-index:2}
.dropdown-menu1 li .dropdown-item{font-size:1rem;padding:.25rem .5rem}
.dropdown-menu1 li>ol{margin-top:.5rem}
}
@media (max-width:767.98px){#header>.container{padding:0 15px}
}
@media (max-width:380.98px){.navbtn{margin-left:1rem}
}#footer{position:relative;overflow:hidden;background:url(../images/footer_bj.png) no-repeat center center;background-size:cover}
#footer::before{content:"";width:100%;height:100%;background-image:linear-gradient(var(--hover-color) 50%,var(--main-color));opacity:.75;position:absolute;left:0;top:0}
.footer{width:100%;padding:2rem 0;position:relative}
.footer .row>div:last-child{border-right:none}
.footer_img{width:100%;display:flex;flex-direction:column;color:#fff;margin-bottom:1.25rem}
.footer_img img{width:96%;margin-bottom:.5rem}
.footer_img span{display:block;overflow:hidden;font-size:.85rem;line-height:1.2;font-family:"Source Sans",sans-serif}
.co{display:flex;flex-direction:column}
.co h6{color:#fff;font-weight:700;font-size:1.4rem;margin-bottom:.5rem}
.co>div{color:#fff;font-size:1rem;font-family:"Source Sans SemiBold",sans-serif;margin-bottom:.5rem}
.co>p{display:flex;align-items:center;color:#fff;margin-bottom:.4rem;font-size:1rem;position:relative;padding-left:1.7rem}
.co>p>a{text-decoration:underline;display:block}
.co>p i{font-size:1rem;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.co>p>a:hover{text-decoration:none}
.co>p.tele i{transform:translateY(-50%) rotate(90deg)}
.footer_list{display:flex;flex-wrap:wrap}
.footer_list ul{width:100%;display:flex;flex-wrap:wrap;align-content:flex-start;padding-left:1rem}
.footer_list ul>li{width:100%;display:block;overflow:hidden;margin-bottom:.5rem;line-height:1}
.footer_list ul>li:first-child h6{font-weight:700;color:#fff;margin-bottom:.5rem;font-size:1.4rem}
.footer_list ul>li>a{font-size:1rem;line-height:1.2;font-family:"Source Sans",sans-serif;color:#fff;opacity:.9}
.footer_list ul>li>a:hover{color:var(--red);text-decoration:underline}
.footer_list ul>li>ol{display:block;overflow:hidden;padding-left:.5rem}
.footer_list ul>li>ol>li{display:block;overflow:hidden;padding:.4rem 0}
.footer_list ul>li>ol>li>a{display:block;color:#fff;font-size:1rem;position:relative;padding-left:.5rem}
.footer_list ul>li>ol>li>a::before{content:'';width:.25rem;height:.25rem;position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(45deg);background-color:#fff}
.footer_list ul>li>ol>li>a:hover{color:var(--red);text-decoration:underline}
.left_share{position:relative;display:flex;flex-wrap:wrap;margin:1rem auto 0}
.left_share a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:.5rem;transition:all .5s;color:#fff !important;background:#fff;border-radius:50%;font-size:1.4rem}
.left_share a svg{transition:.3s all ease-in-out;width:25px;height:25px}
.left_share a svg g,.left_share a svg path{fill:var(--main-color)}
.left_share a:hover{transform:translateY(-5px)}
.left_share a.icon_linkedin,.left_share a.icon_twitter{padding:.5rem}
.left_share a.icon_telegram{padding:.3rem .5rem .3rem .3rem}
.left_share a.icon_facebook{padding:.3rem}
.left_share a.icon_pinterest{padding:.4rem}
.ss_root{width:100%;overflow:hidden;padding:1rem 0;border-top:1px solid rgba(255,255,255,.5);position:relative;z-index:2}
#otherlink{clear:both;width:100%;height:auto;font-size:1rem;display:flex;justify-content:center}
#otherlink a{color:#fff;display:inline-block;padding:0 4px;margin:0 4px;line-height:22px;margin-bottom:5px;border:1px solid #fff;font-size:1rem}
#otherlink a span{position:relative;top:0}
#ss_coper a:hover,#ss_homefooters a:hover,#otherlink a:hover,.ss_homefoot a:hover{color:var(--red)}
#otherlink a:hover span{opacity:1;top:-2px;transition:all .3s ease-in-out}
#ss_coper{width:100%;line-height:22px;font-size:.9rem;display:flex;justify-content:center}
#ss_coper a{color:#fff;font-size:.9rem}
#ss_top{position:fixed;width:40px;height:40px;right:15px;bottom:100px;text-align:center;background:#999;z-index:100;cursor:pointer;line-height:38px;border-radius:50%;transition:.5s all ease-in-out}
#ss_top a{color:#fff;font-size:.9rem}
#ss_top:hover{background:#999;transform:translateY(-.5rem)}
#ss_top:after{position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:1;background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%)}
@media (max-width:991.98px){.footer{padding:2rem 0}
.footer_list ul{padding-left:0}
}@media (max-width:767.98px){.footer{padding:1.5rem 0}
.footer .row .col-md-6{margin-bottom:1rem;margin-top:0 !important}
.footer .row .col-md-6:first-child{margin:0 !important}
}@media (max-width:575.98px){.ss_root{padding:1rem 0}
.footer_list ul>li:first-child h6{font-size:1.2rem}
.co h6{font-size:1.2rem}
}#quicknav{width:100%;border-bottom:1px solid #f8f9fa;font-family:"Source Sans",sans-serif;padding-top:.5rem}
#quicknav ul{width:100%;display:flex;flex-wrap:wrap;align-items:center;color:rgba(0,0,0,.8)}
#quicknav ul::before{content:"\f015";font-size:1.25rem;margin-right:.75rem;color:var(--main-color);font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased}
#quicknav a{color:rgba(0,0,0,.8);font-size:.9rem}
#quicknav li{display:flex;align-items:center;text-transform:capitalize;padding:.2rem .625rem .2rem 0}
#quicknav li+li::before{content:"\f105";padding:0 .625rem 0 0;color:rgba(0,0,0,.8);font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased}
#quicknav a:hover{text-decoration:underline;color:var(--red)}
#quicknav li:last-child{padding-right:0;color:var(--red)}
#quicknav ul.quicknav{padding:.5rem 0}
#quicknav ul.quicknav,#quicknav ul.quicknav a,#quicknav ul.quicknav li+li::before,#quicknav ul.quicknav::before{color:rgba(0,0,0,.8)}
#quicknav ul.quicknav li:last-child{color:var(--main-color)}
#quicknav.quicknavD{width:50%;float:right;background-color:var(--main-color);background-image:url(../images/quicknav_bj.png);background-position:-20px top;background-repeat:no-repeat;background-size:100px auto;padding:.5rem 1rem}
#quicknav.quicknavD ul{max-width:540px;display:flex;justify-content:flex-end}
#quicknav.quicknavD ul,#quicknav.quicknavD ul a,#quicknav.quicknavD ul li+li::before,#quicknav.quicknavD ul::before{color:rgba(255,255,255,.8)}
#quicknav.quicknavD ul li:last-child{color:rgba(255,255,255,1)}
.feedback{width:100%;padding:1.5rem;background-color:rgba(36,93,172,.5);border-radius:10px}
.feedback>.webtitle{color:#fff;font-weight:700;text-align:center;font-size: 2rem;line-height: 1.2;margin-bottom: 1.25rem;font-family: "Source Sans",sans-serif;}
.call_btn{display:flex}
.call_btn a{font-family:"Fira Sans Light",sans-serif;font-style:italic;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:30px;transition:all .4s;font-weight:700;text-transform:uppercase;overflow:hidden;position:relative;z-index:0;background-color:var(--main-color)}
.call_btn a::before{content:'';width:50%;height:100%;background-image:linear-gradient(to right,var(--red),transparent 20%);transition:all .5s ease 0s;position:absolute;left:0;top:0;z-index:-2}
.call_btn a::after{content:'';width:50%;height:100%;overflow:hidden;background-image:linear-gradient(to left,var(--red),transparent 20%);position:absolute;right:0;top:0;transition:all .5s ease 0s;z-index:-1}
.call_btn a:hover::after,.call_btn a:hover::before{width:270%}
.items{display:flex;flex-wrap:wrap}
.items li{width:100%;line-height:1.3;margin-bottom:.4rem;padding-left:1.7rem;position:relative}
.items li::before{font-family:bootstrap-icons !important;font-style:normal;font-weight:400 !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:0;top:4px;color:var(--red)}
.items-sd li::before{content:"\f702";top:2px}
.items-app li::before{content:"\f270"}
.items-fea li::before{content:"";width:6px;height:6px;left:6px;top:6px;background-color:var(--red);transform:rotate(45deg)}
.items-radius li::before{content:"";width:6px;height:6px;left:6px;top:6px;background-color:var(--red);border-radius:50%}
.items2{justify-content:space-between}
.items2 li{width:49%}
.items-auto{width:100%}
.items-auto li{width:auto;margin-right:1rem}
.size_items{width:100%;display:flex;flex-wrap:wrap}
.size_items li{width:100%;display:block;overflow:hidden;margin-bottom:.25rem}
.size_items li strong{font-weight:700;font-family:"Source Sans SemiBold",sans-serif;float:left;margin-right:.5rem}
.size_items li p{display:block;overflow:hidden;margin:0}
.pdf_more{display:flex}
.pdf_more a{display:flex;align-items:center;padding:.5rem 1.5rem;background-color:var(--main-color);color:#fff;font-family:"Source Sans SemiBold",sans-serif;border-radius:30px;font-style:italic;position:relative;z-index:0;overflow:hidden}
.pdf_more a i{margin-left:.5rem;font-size:1.5rem}
.pdf_more a::before{content:'';width:0;height:0;border-radius:50%;background-color:var(--red);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;transition:all .3s ease-in-out}
.pdf_more a:hover::before{width:200%;height:200%}
@media (max-width:991.98px){.items2 li{width:100%}
}@media (max-width:767.98px){.feedback{margin-top:2rem}
.ss_photo ul li a img{width:100%}
}#ss_banner{width:100%;overflow:hidden}
#ss_banner .swiper{width:100%}
#ss_banner .swiper .swiper-slide>img{margin:0 auto}
#ss_banner .swiper .swiper-pagination-bullet{background-color:var(--white);width: 1rem; height: 1rem;}
#ss_banner .swiper .next-button,#ss_banner .swiper .prev-button{color:#fff;cursor:pointer;font-size:2rem;display:flex;align-items:center;justify-content:center;position:absolute;left:-2%;top:50%;transform:translateY(-50%);z-index:5;transition:all .4s}
#ss_banner .swiper .next-button{left:auto;right:-2%}
#ss_banner .swiper:hover .prev-button{left:2%}
#ss_banner .swiper:hover .next-button{right:2%}
.banner_box{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2}
.banner_text{max-width:600px;padding:2rem 2.5rem;display:flex;flex-direction:column;justify-content:center;position:relative}
.banner_text::before{content:'';width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;left:0;top:0;z-index:-1}
.banner_text h2{font-size:2.5rem;line-height:1.5;color:#fff;font-weight:700;margin-bottom:1rem;font-family:"Source Sans",sans-serif}
.banner_text small{display:block;color:#fff;font-size:1.15rem;line-height:1.4;animation-duration:.5s;animation-delay:.5s;margin-bottom:1rem}
.banner_text small>span{color:var(--red);font-size:2rem;font-weight:700;font-family:"Source Sans",sans-serif;font-style:italic;padding:0 .25rem}
.banner_text a{width:fit-content;display:flex;font-size:1rem;font-weight:700;color:#fff;position:relative;transition:all .4s;padding-right:1rem}
.banner_text a::after{content:"\f105";color:#fff;opacity:1;font-size:1.25rem;font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .4s}
.banner_text a:hover{padding-right:1.5rem;color:var(--red);text-decoration:none}
.banner_text a:hover::after{color:var(--red)}
.banner_box2 .banner_text{max-width:625px}
.banner_box3{left:auto;right:0}
.banner_box3 .banner_text{max-width:600px;float:right}
.banner_box3 .banner_text h2{line-height:1}
@media (max-width:991.98px){#ss_banner .swiper .swiper-slide::before{content:'';display:block;padding-top:40%}
#ss_banner .swiper .swiper-slide>img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover}
.banner_box3 .banner_text{max-width:700px;padding:2rem}
.banner_text h2{font-size:2rem}
}@media (max-width:767.98px){#ss_banner .swiper .swiper-slide::before{padding-top:50%}
.banner_box3 .banner_text{padding:1.5rem}
.banner_text h2{font-size:1.75rem}
.banner_text small{font-size:1rem;line-height:1.5rem}
.banner_text small>span{font-size:1.75rem}
}@media (max-width:575.98px){#ss_banner .swiper .swiper-slide::before{padding-top:70%}
.banner_box3 .banner_text{padding:1rem}
.banner_text h2{font-size:1.5rem}
.banner_text small{font-size:.95rem;line-height:1.25rem}
.banner_text small>span{font-size:1.5rem}
}@media (max-width:380.98px){.banner_box{display:none}
}.more{display:flex}
.more a{line-height:1;font-size:1.1rem;color:var(--main-color);font-family:"Source Sans SemiBold",sans-serif;position:relative;text-decoration:none;padding-bottom:.25rem}
.more a::before{content:'';width:0;height:1px;background-color:var(--hover-color);transition:all .5s;position:absolute;left:0;bottom:0}
.more a::after{content:"\f105";font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;margin-left:.5rem;transition:all .5s}
.more a:hover::before{width:100%}
.more a:hover::after{margin-left:1rem}
.more1{display:flex;justify-content:center}
.more1 a{background-color:#fff;border:1px solid var(--main-color);padding:.7rem 1.4rem;font-size:1.2rem;line-height:1;transition:all .4s;position:relative}
.more1 a::after{content:"\f105";font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;transition:all .2s;position:absolute;right:1rem;top:50%;transform:translateY(-50%);opacity:0}
.more1 a:hover{border-color:var(--red);background-color:var(--red);color:#fff;padding-right:2.5rem}
.more1 a:hover::after{opacity:1}
.ss_box{padding:3rem 0}
.ss_title{display:flex;justify-content:center;position:relative;margin-bottom:1.25rem}
.ss_title .h2{line-height:1;color:var(--main-color);margin-bottom:1rem;font-weight: 700;font-family: "Source Sans",sans-serif;font-size: 2rem;}
.ss_title::after{content:'';width:80px;height:3px;background-color:var(--red);position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.ss_box ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.ss_box ul li{padding:0 10px;margin-bottom:20px;display:flex;flex-wrap:wrap}
.homeAbout{padding-bottom:5rem}
.homeAbout small{color:var(--red);display:block;font-size:1.25rem}
.homeAbout .h2{line-height:1;font-weight: 700;margin-bottom: 1.25rem;font-family: "Source Sans",sans-serif;font-size: 2rem;}
.homeAbout .h2::after{content:'';width:20%}
.homeAbout_box{width:100%;position:relative}
.homeAbout_box::before{content:'';width:100%;height:100%;background-color:rgba(229,229,229,1);position:absolute;left:50px;top:30px;z-index:-1}
.homePro h2{color:var(--main-color)}
.homePro ul li{width:calc(100% / 3)}
.homePro ul li a{width:100%;display:flex;flex-direction:column;transition:.5s}
.homePro ul li a .imgbox{box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:10px}
.homePro ul li a h5{width:fit-content;color:#fff;padding:1rem;padding-right:2.5rem;text-align:center;margin-bottom:0;transition:all .5s;transform:translateY(-50%);position:relative;z-index:2;border-radius:0 0 0 10px;overflow:hidden}
.homePro ul li a h5::before{content:'';width:120%;height:100%;background-image:linear-gradient(to right,var(--hover-color) 30%,var(--main-color));position:absolute;right:1rem;top:0;z-index:-1;transform:skew(-30deg);transition:all .5s}
.homePro ul li a:hover .imgbox img{transform:scale(1.1)}
.homePro ul li a:hover h5::before{background-color:var(--red)}
.CSPGServices{background-image:linear-gradient(-15deg,var(--hover-color),#07377b)}
.CSPGServices .ss_title{flex-direction:column;align-items:center}
.CSPGServices .ss_title::after{display:none}
.CSPGServices .ss_title img{display:block;max-width:72px;height:auto;margin-bottom:1rem}
.CSPGServices .ss_title .h2{color:#fff}
.CSPGServices .ss_title small{color:#fff;font-size:1.2rem}
.CSPGServices ul{width:calc(100% + 30px);margin-left:-15px}
.CSPGServices ul li{width:calc(100% / 3);padding:0 15px;margin-bottom:0;margin-top:20px;flex-direction:column}
.CSPGServices ul li .textbox{flex:1;padding:1.875rem;background-color:rgba(255,255,255,.1);-webkit-clip-path:polygon(100% 0,100% 90%,90% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 90%,90% 100%,0 100%,0 0);display:flex;flex-direction:column}
.CSPGServices ul li .textbox h4{color:#fff;font-weight:700;font-family:"Source Sans Light",sans-serif;letter-spacing:1px}
.CSPGServices ul li .textbox p{color:#fff;font-size:.95rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.CSPGServices ul li .textbox p>a{color:var(--red);text-decoration:underline;font-style:italic}
.CSPGServices ul li .textbox .more a{width:100%;border:1px solid #fff;padding:.7rem;text-align:center;color:#fff;font-family:"Source Sans Light",sans-serif;letter-spacing:2px}
.CSPGServices ul li .textbox .more a::after,.CSPGServices ul li .textbox .more a::before{display:none}
.CSPGServices ul li .textbox .more a:hover{background-color:#fff;color:var(--main-color)}
.CSPGApp{position:relative;overflow:hidden;min-height:500px}
.CSPGApp::before{content:'RUI TONG STEEL';width:110%;height:100%;display:flex;align-items:center;justify-content:center;font-family:"Source Sans",sans-serif;opacity:.01;line-height:1;font-size:14vw;color:var(--main-color);font-weight:700;position:absolute;left:50%;top:50%;z-index:0;transform:translate(-50%,-50%)}
.CSPGApp>.container{position:relative;z-index:2}
.CSPGApp .ss_title{color:var(--main-color);justify-content:flex-start;align-items:center}
.CSPGApp .ss_title::after{display:none}
.CSPGApp .ss_title>span{font-size:2rem;margin-right:.5rem}
.CSPGApp .ss_title .h2{margin:0}
.CSPGApp ul li{width:calc(100% / 3);flex-direction:column}
.CSPGApp ul li .imgbox{box-shadow:0 0 10px rgba(0,0,0,.2)}
.CSPGApp ul li .textbox{flex:1;display:flex;flex-direction:column;background-color:rgba(255,255,255,.8);box-shadow:0 0 10px rgba(0,0,0,.2);padding:1.875rem}
.CSPGApp ul li .textbox h3{color:var(--main-color);font-size:1.5rem}
.CSPGApp ul li .textbox p{flex:1;font-size:.95rem}
.CSPGIso small{display:block;text-align:center;margin:-.8rem 0 1.25rem 0;font-size:1rem}
.CSPGIso .ss_photo6 ul{justify-content:center}
.CSPGIso .ss_photo6 ul li{display:flex;align-items:center;justify-content:center;margin:20px 0 0 0}
.CSPGIso .ss_photo6 ul li img{max-width:50%}
@media (max-width:1199.98px){.homeAbout{padding-bottom:3rem}
}@media (max-width:991.98px){.ss_box{padding:2.5rem 0}
.homeAbout_box{max-width:800px;margin:0 auto 3rem auto}
.homePro ul li{width:50%;margin-bottom:10px}
.CSPGServices ul li{width:100%;flex-direction:row}
.CSPGServices ul li a.imgbox{width:50%}
.CSPGServices ul li a.imgbox img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover}
.CSPGServices ul li .textbox{width:50%;padding:1.5rem}
.CSPGApp ul li{width:100%;flex-direction:row}
.CSPGApp ul li a.imgbox{width:35%}
.CSPGApp ul li a.imgbox img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover}
.CSPGApp ul li .textbox{width:65%;padding:1.5rem}
}@media (max-width:767.98px){.ss_box{padding:2rem 0}
.homeAbout_box{width:100%;margin-bottom:1rem}
.homeAbout_box::before{display:none}
.homeAbout small{font-size:1.15rem}
.homePro ul li a h5{padding:.7rem;font-size:1.1rem;padding-right:2rem}
.CSPGIso .ss_photo6 ul li{width:20%}
.ss_title .h2{ font-size:1.5rem;}
}@media (max-width:575.98px){.ss_box{padding:1.25rem 0}
.homePro ul li{width:100%;margin-bottom:0}
.CSPGServices ul li{flex-direction:column}
.CSPGServices ul li a.imgbox{width:100%}
.CSPGServices ul li a.imgbox img{position:relative;object-fit:contain}
.CSPGServices ul li .textbox{width:100%}
.CSPGServices ul li .textbox h4{font-size:1.25rem}
.CSPGApp ul li a.imgbox{width:100%}
.CSPGApp ul li a.imgbox img{position:relative;object-fit:contain}
.CSPGApp ul li .textbox{width:100%;padding:1rem}
.CSPGApp ul li .textbox h3{font-size:1.25rem}
.CSPGIso .ss_photo6 ul li{width:calc(100% / 3);margin-top:10px}
}.nbanner{width:100%;overflow:hidden;min-height:250px;position:relative;display:flex}
.nbanner>.container{position:relative;z-index:3;display:flex;align-items:center}
.nbanner::before{content:'';width:100%;height:100%;background-color:#16346f;opacity:.5;position:absolute;left:0;top:0;z-index:1}
.nbanner_title{width:100%;max-width:600px;display:flex;position:relative}
.nbanner_title .ss_hometitle,.nbanner_title h2{font-size:2rem;line-height:1.4;color:#fff;font-weight:700;font-style:italic;margin:0;font-family:"Source Sans",sans-serif}
.nbanner_title h2 span{display:block}
.nbanner_title .ss_hometitle{border-bottom:none;padding:0}
.nbanner1{min-height:150px}
.nbanner1>.container{justify-content:center}
.nbanner1 .nbanner_title{width:fit-content}
.nbanner2 .nbanner_title{max-width:100%}
.nbanner1-1{min-height:initial}
.nbanner1-1::before{background-color:var(--main-color);opacity:1;z-index:-2}
.nbanner1-1::after{content:'';width:50%;height:100%;background:url(../images/banner-graphics.png) no-repeat left bottom;background-size:cover;opacity:.2;position:absolute;left:0;top:0;z-index:-1}
.nbanner_left{width:50%;display:flex;align-items:center;justify-content:flex-end;color:#fff;font-size:2.5rem;font-style:italic}
.nbanner_left>h2{width:100%;max-width:580px;padding-left:20px}
.nbanner_right{width:50%}
@media (max-width:575.98px){.nbanner_title .ss_hometitle,.nbanner_title h2{font-size:1.5rem}
}@media (max-width:475.98px){.nbanner_title .ss_hometitle,.nbanner_title h2{font-size:1.25rem}
}.ss_brief h2,.ss_hometitle{font-size:2rem;font-weight:700;line-height:1;margin-bottom:1rem;color:var(--main-color);padding-bottom:.5rem;border-bottom:1px solid #ccc}
.ss_brief h2 small{display:block;font-size:1.25rem;color:#333;opacity:.8;padding:.5rem 0}
.ss_brief p{color:#000;line-height:1.4rem}
.pross_brief{padding:0 0 2rem 0}
.pross_brief h2{padding-bottom:0;border-bottom:none;margin:.5rem 0;text-align:center}
.pross_brief p{line-height:1.5}
.pross_brief p:last-child{margin:0}
.CSPGPro{display:flex;flex-wrap:wrap}
.CSPGPro h2{width:30%;text-align:left;font-size:2.2rem;padding:1rem 2rem}
.CSPGPro p{width:70%;border-left:3px solid var(--main-color);padding:1rem;padding-left:3rem;padding-right:0;line-height:1.6}
.pro_small_list{display:flex;flex-direction:column;width:100%}
.pro_small_list>h4{font-size:1.4rem;font-family:"Source Sans",sans-serif;font-weight:700;margin-bottom:0}
.pro_small_list>small{display:block;overflow:hidden;font-size:1rem;color:#000;opacity:.5;margin-bottom:1.25rem;font-family:"Source Sans",sans-serif}
.pro_small_list ul li{width:calc(100% / 3);margin-bottom:30px;flex-direction:column}
.pro_small_list ul li a.imgbox{margin-bottom:1rem;border-radius:10px}
.pro_small_list ul li .textbox{flex:1;display:flex;flex-direction:column;align-items:flex-start}
.pro_small_list ul li .textbox>h3{width:100%;font-size:1.125rem;color:var(--main-color);font-weight:700;margin-bottom:1rem}
.pro_small_list ul li .textbox>p{flex:1;width:100%;line-height:1.4;position:relative;transition:all .5s}
.pro_small_list ul li .textbox>dl{width:100%;display:block;overflow:hidden;margin-bottom:1rem}
.pro_small_list ul li .textbox>dl>dd{display:block;overflow:hidden;line-height:1.3rem;padding-left:1rem;position:relative;margin:0}
.pro_small_list ul li .textbox>dl>dd::before{content:"";width:4px;height:4px;background-color:#000;opacity:.5;position:absolute;left:4px;top:50%;transform:translateY(-50%) rotate(-45deg)}
.pro_small_list ul li .textbox>.more>a::before{width:100%}
.pro_small_list ul li .textbox>.more>a:hover::before{width:0}
.pro_list{display:flex;flex-wrap:wrap;width:100%}
.pro_list>li{width:100% !important;padding:0 !important;margin:1.875rem 0 0 0 !important;display:flex;flex-wrap:wrap;flex-direction:row-reverse;background-color:#f8f9fa;box-shadow:0 0 10px rgba(0,0,0,.2)}
.pro_list>li>.imgbox{width:50%;display:flex;align-items:center;justify-content:center}
.pro_list>li>.textbox{width:50%;max-width:600px;padding:2rem;display:flex;flex-direction:column;justify-content:center}
.pro_list>li>.textbox>h3{color:#333;font-size:1.4rem;font-weight:700;margin-bottom:1rem}
.pro_list>li>.textbox>p{line-height:1.5;padding-left:1rem}
.pro_list>li>.textbox>.more1{justify-content:flex-start;margin-left:1rem}
.pro_list>li>.textbox>.more1 a{padding:.5rem 1.5rem;border-radius:20px;font-size:1rem;line-height:1;font-family:"Source Sans",sans-serif}
.pro_list>li>.textbox>.more1 a:hover{padding-right:1.7rem}
.pro_list>li:nth-child(even){flex-direction:row}
.proCer li{width:50%}
.proCer li>a{display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;padding:1rem;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.card{margin-bottom:.625rem}
.card-header{padding:0;background-color:#fff;border-bottom:none}
.card-link{width:100%;display:block;padding:1rem;font-size:1rem;font-weight:700;position:relative;line-height:1.5rem}
.card-link>span{display:block;font-size:1.1rem;overflow:hidden;padding-right:1.5rem;font-family:"Source Sans SemiBold",sans-serif}
.card-link::before{content:"\f059";font-size:1.2rem;color:var(--red);font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;float:left;margin-right:.5rem}
.card-link::after{content:"\f055";font-size:1.2rem;color:var(--red);font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;right:1rem;top:1rem;transition:all .3s}
.card-body{padding:1rem 2.5rem;padding-top:0;line-height:1.4rem;font-family:"Source Sans",sans-serif}
.card-link[aria-expanded=true]::after{transform:rotate(-45deg)}
.profw{position:relative;padding:2.5rem 0}
.profw>.container{position:relative;z-index:2;text-align:center}
.profw_bj{width:100%;height:100%;background:url(../images/pro_bj.jpg) no-repeat center 60%;background-size:cover;position:absolute;left:0;top:0;z-index:0}
.profw_bj::before{content:'';width:100%;height:100%;background-color:rgba(26,26,26,.45);position:absolute;left:0;top:0;z-index:1}
.profw small{display:block;color:#bec1c2;font-size:24px;font-weight:700;padding-bottom:1rem;font-family:"Source Sans",sans-serif}
.profw .h2{color:#fff;font-size:3rem;line-height:3.25rem;font-weight: 700;margin-bottom: 1.25rem;font-family: "Source Sans",sans-serif;}
.profw .h2 span{display:block}
.profw a{display:inline-block;position:relative;color:#fff;font-size:1rem;font-weight:700;overflow:hidden;border-radius:3px;transition:all .7s ease;border:1px solid #fff;z-index:1;padding:15px 40px;margin-top:1.25rem;text-transform:uppercase}
.profw a::before{content:'';width:100%;height:0;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(25deg);z-index:-1;transition:all .75s ease 0s}
.profw a:hover{color:#333}
.profw a:hover::before{height:500%}
.proInd .h2{font-size:1.7rem;color:var(--main-color);text-align:center;font-weight: 700;margin-bottom: 1.25rem;font-family: "Source Sans",sans-serif;}
.proInd ul{width:100% !important;margin:0 !important}
.proInd ul li{width:calc(100% / 6);padding:0 !important}
.proInd ul li a{width:100%;padding:2rem 1rem;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;transition:all .5s}
.proInd ul li a .imgbox{display:flex;justify-content:center;margin-bottom:1.5rem;height:80px}
.proInd ul li a span{display:block;text-align:center;font-family:"Source Sans SemiBold",sans-serif;line-height:1.3}
.proInd ul li a:hover{background-color:#fff}
.proInd ul li a:hover .imgbox img{transform:rotateY(180deg) scale(1) !important}
.proAbout{padding:3rem 0}
.proAbout_img{display:block;width:100%;position:relative;padding-top:30px;margin-bottom:80px}
.proAbout_img::before{content:'';width:80%;height:85%;background-color:#f8f9fa;border-radius:20px;position:absolute;left:-50px;top:0;z-index:-1}
.proAbout_img>img:nth-child(1){max-width:80%;border-radius:20px;position:relative;transition:all .5s}
.proAbout_img:hover>img:nth-child(1){transform:translate(-10px,-10px)}
.proAbout_img video{box-shadow:0 0 10px rgba(0,0,0,.2);position:relative;transition:all .3s;border-radius:20px}
.proAbout_img:hover video{transform:translate(-10px,-10px)}
.proAbout_img .imgbox{max-width:200px;border:5px solid #fff;border-radius:20px;position:absolute;right:0;bottom:-80px;box-shadow:0 0 10px rgba(0,0,0,.2);transition:all .5s}
.proAbout_img:hover .imgbox{right:-10px;bottom:-60px}
.proAbout_box{max-width:90%;float:right}
.proAbout_box .h2{color:var(--main-color);font-weight: 700;margin-bottom: 1.25rem;font-family: "Source Sans",sans-serif;}
.proAbout_box .h2::after{content:'';display:block;width:80px;height:3px;background-color:var(--red);margin-top:1.25rem}
.proAbout_box p{margin-bottom:1.25rem}
.proAbout_box>a{display:inline-block;padding:.25rem 1.3rem;background-color:var(--main-color);border-radius:30px;color:#fff;position:relative;z-index:0;overflow:hidden}
.proAbout_box>a::before{content:'';width:0;height:200%;background-color:var(--red);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-30deg);transition:all .75s ease 0s;z-index:-1}
.proAbout_box>a:hover::before{width:300%}
.inquiryForm{background:url(../images/bj2.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;position:relative}
.inquiryForm::before{content:'';width:100%;height:100%;background-color:#000;opacity:.7;position:absolute;left:0;top:0}
.inquiryForm>.container{position:relative;z-index:2}
.inquiryForm_left{width:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}
.inquiryForm_left .h2{font-size:2.2rem;line-height:1;margin-bottom:0;filter:drop-shadow(var(--main-color) 1px 1px 0);font-style:italic;font-weight: 700;color: inherit;font-family: "Source Sans",sans-serif;}
.inquiryForm_left p{font-size:1.25rem;margin-top:.5rem;margin-bottom:2.5rem;text-align:center}
.inquiryForm_btn{display:flex}
.inquiryForm_btn>a{display:inline-block;padding:.5rem 1.5rem;background-color:var(--main-color);font-family:"Source Sans",sans-serif;font-size:1.25rem;color:#fff;font-weight:700;text-transform:uppercase;font-style:italic}
.inquiryForm_btn>a:hover{background-color:var(--red)}
.inquiryForm_left1{background-color:#fff;color:#000;padding:2rem;border-radius:10px}
.inquiryForm_left1 h2{line-height:1}
.inquiryForm_left1 p{color:#000;font-family:"Source Sans",sans-serif;font-size:1rem;margin-top:1.2rem;margin-bottom:0}
@media (max-width:1199.98px){.pro_list>li>.imgbox img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
}@media (max-width:991.98px){.CSPGPro h2{font-size:2rem;padding-left:0}
.CSPGPro p{width:68%;padding-left:2rem}
.profw{padding:2rem 0}
.profw small{font-size:20px}
.profw .h2{font-size:2.5rem;line-height:3rem}
.proInd .h2{font-size:1.5rem}
.proInd ul li{width:20%}
.proAbout{padding:2.5rem 0}
.proAbout_img{max-width:600px;margin:0 auto 80px auto}
.proAbout_box{max-width:100%}
.inquiryForm_left{padding:1rem}
}@media (max-width:767.98px){.pross_brief{padding:0 0 1rem 0}
.CSPGPro h2{width:100%;font-size:1.75rem;padding:0}
.CSPGPro p{width:100%;padding:0;border-left:none}
.pro_small_list ul li{width:50%;margin-bottom:20px}
.pro_list>li>.imgbox{width:50%;display:flex;align-items:center;justify-content:center}
.pro_list>li>.imgbox{width:100%}
.pro_list>li>.imgbox img{position:relative;object-fit:contain}
.pro_list>li>.textbox{width:100%;max-width:100%}
.profw{padding:1.5rem 0}
.profw small{font-size:16px}
.profw .h2{font-size:2rem;line-height:2.5rem}
.profw a{padding:15px 30px;margin-top:0}
.proInd .h2{font-size:1.25rem}
.proInd ul li{width:calc(100% / 3)}
.proInd ul li a{padding:1rem}
.proAbout{padding:2rem 0}
.inquiryForm_left .h2{font-size:2rem}
}@media (max-width:575.98px){.pro_small_list ul li{width:100%;margin-bottom:1rem}
.pro_list>li{margin:1rem 0 0 0 !important}
.pro_list>li>.textbox{padding:1rem}
.pro_list>li>.textbox>h3{font-size:1.2rem}
.pro_list>li>.textbox>p{padding-left:0}
.pro_list>li>.textbox>.more1{margin-left:0}
.profw small{font-size:14px}
.profw .h2{font-size:1.5rem;line-height:2rem}
.profw a{padding:10px 20px}
.proInd ul li{width:50%}
.proAbout{padding:1.5rem 0}
.proAbout_img{max-width:100%;margin:0 auto 10px auto;padding:0}
.proAbout_img::before{display:none}
.proAbout_img video{width:100% !important}
.proAbout_img:hover video{transform:translate(0,0)}
.proAbout_box{max-width:100%}
.proAbout_box .h2::after{margin-top:.5rem}
.proAbout_img .imgbox{display:none}
.proAbout_box p{margin-bottom:1rem}
.inquiryForm_left .h2{font-size:1.5rem}
.inquiryForm_left p{font-size:.95rem;margin-bottom:1rem}
}@media (max-width:380.98px){.proInd ul li{width:100%}
}.ss_Big_brief h2{border-bottom:none;padding-bottom:0;margin-bottom:.5rem;color:#000}
.proBigList{width:100% !important;margin:2rem 0 0 0 !important}
.proBigList li{width:100%;padding:1.25rem !important;box-shadow:0 0 20px rgba(0,0,0,.2);align-items:center;margin-bottom:1.875rem}
.proBigList li .imgbox{width:40%}
.proBigList li .textbox{width:60%;padding-left:1.5rem}
.proBigList li .textbox>h4{font-weight:700;color:var(--main-color);margin-bottom:1rem}
.proBigList li .textbox>p{line-height:1.4}
.proBigList li .textbox>dl{display:flex;flex-direction:column}
.proBigList li .textbox>dl>dd{display:block;margin-bottom:0;line-height:1.375rem;position:relative;padding-left:1rem}
.proBigList li .textbox>dl>dd::before{content:'';width:5px;height:5px;background-color:var(--red);border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.proBigList li .textbox>a{display:inline-block;font-family:"Source Sans",sans-serif;font-weight:700;text-transform:uppercase;color:var(--red);line-height:1;font-size:.9rem;border-bottom:2px solid var(--red)}
.proBigList li .textbox>a:hover{color:var(--hover-color);border-bottom-color:var(--hover-color)}
.proBigfw{padding:0;min-height:400px;display:flex;flex-wrap:wrap;flex-direction:row-reverse}
.proBigfw_left{width:50%;overflow:hidden;background:url(../images/pro_bj.jpg) no-repeat 85% center;background-size:cover;display:flex;align-items:center;justify-content:center}
.proBigfw_title{width:100%;display:block;text-align:center;background-color:rgba(0,0,0,.6);padding:1.25rem;color:#fff}
.proBigfw_title>p{color:var(--main-color);font-size:3.125rem;font-family:"Source Sans",sans-serif;font-weight:700;line-height:1}
.proBigfw_title>span{display:block;line-height:1;margin-top:-35px;font-size:2.5rem;font-family:"Monotype Corsiva",sans-serif}
.proBigfw_right{width:50%;display:flex;align-items:center;justify-content:flex-end;padding-right:2.5rem}
.proBigfw_right>.container{max-width:600px;margin:0;display:flex;flex-wrap:wrap}
.proBigfw_right h4{font-family:"Source Sans",sans-serif;font-weight:700;line-height:30px}
.proBigfw_right>.container>div{flex:1;padding-left:1.5rem}
.proBigfw_right>.container>div::before{content:"";display:block;width:200px;height:4px;background-color:#333;margin:13px 0 26px 0}
.proBigfw_right p{font-family:"Source Sans",sans-serif}
.proBigfw_right ul{width:100% !important;margin:0 !important}
.proBigfw_right ul>li{width:100%;padding:0 0 0 1.7rem !important;position:relative;margin-bottom:.625rem}
.proBigfw_right ul>li::before{content:'\F138';font-size:1.25rem;color:var(--main-color);display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:400 !important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.proBigfw_right ul>li>a{font-family:"Source Sans SemiBold",sans-serif}
.proBigInd{background:url(../images/proBigInd_bj.jpg) no-repeat center -22%;position:relative;overflow:hidden;padding:0}
.proBigInd::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.5)}
.proBigInd_title{width:100%;padding:4rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}
.proBigInd_title img{margin-bottom:1rem}
.proBigInd_title .h2{color:#fff;line-height:1;margin:0;font-weight: 700;font-family: "Source Sans",sans-serif;}
.proBigInd_content{width:100%;background-color:#fff;position:relative;z-index:3;-webkit-clip-path:polygon(48% 0,50% 4%,52% 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(48% 0,50% 4%,52% 0,100% 0,100% 100%,0 100%,0 0);padding:5rem 0 3rem 0}
.proBigInd_content ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.proBigInd_content ul li{width:calc(50% - 15px);margin-bottom:30px;display:flex;flex-wrap:wrap}
.proBigInd_content ul li .imgbox{width:80px;height:80px;border:4px solid #ddd;display:flex;align-items:center;justify-content:center;transition:all .5s}
.proBigInd_content ul li .imgbox>img{max-width:70%;position:relative;transform:translateY(-80px);filter:drop-shadow(#ccc 0 80px 0)}
.proBigInd_content ul li .textbox{width:calc(100% - 80px);padding-left:2rem}
.proBigInd_content ul li .textbox>h3{color:#000;font-size:1.4rem;font-weight:700;margin-bottom:1rem}
.proBigInd_content ul li .textbox>p{color:#000;margin:0}
.proBigInd_content ul li:hover .imgbox{border-color:var(--main-color)}
.proBigInd_content ul li:hover .imgbox img{transform:translateY(0)}
.proBigAbout{position:relative;overflow:hidden;padding:4rem 0}
.proBigAbout::before{content:'';line-height:1;width:50%;height:100%;background-color:#fff;opacity:1;position:absolute;left:0;top:0}
.proBigAbout::after{content:'ABOUT US';font-size:140px;font-family:"Source Sans",sans-serif;font-weight:700;position:absolute;right:0;bottom:-100px;opacity:.05}
.proBigAbout>.container{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:2}
.proBigAbout_left{width:47%;position:relative;transform:translateX(100px)}
.proBigAbout_left .imgbox{overflow:visible}
.proBigAbout_left .imgbox:hover>img{transform:scale(1) translate(20px,-20px)}
.proBigAbout_left .imgbox::before{content:'';width:100%;height:50%;background-color:var(--main-color);position:absolute;right:10px;bottom:-10px;z-index:-1}
.proBigAbout_left video{width:100%;float:left;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:20px}
.proBigAbout_right{width:40%}
.proBigAbout_box{max-width:600px}
.proBigAbout_box>.h2{color:var(--main-color);font-size:1.5rem;margin-bottom:1rem;font-weight: 700;font-family: "Source Sans",sans-serif;line-height: 1.2;}
.proBigAbout_box>a{display:inline-block;padding:.25rem 1rem;padding-right:1.5rem;overflow:hidden;position:relative;z-index:0;border-radius:5px;background-color:var(--main-color);color:#fff;font-family:"Source Sans SemiBold",sans-serif;font-style:italic}
.proBigAbout_box>a::after{content:'';width:140%;height:100%;position:absolute;left:90%;top:0;background-color:var(--red);transform:skew(-30deg);transition:all .5s ease 0s;z-index:-1}
.proBigAbout_box>a:hover::after{left:-10%}
@media (max-width:1199.98px){.proBigList li .imgbox{height:100%}
.proBigList li .imgbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.proBigInd_title{padding:3.5rem 0}
}@media (max-width:991.98px){.proBigList li .imgbox{width:50%}
.proBigList li .textbox{width:50%}
.proBigInd_title{padding:3rem 0}
.proBigInd_content{-webkit-clip-path:polygon(47% 0,50% 3%,53% 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(47% 0,50% 3%,53% 0,100% 0,100% 100%,0 100%,0 0);padding:3rem 0}
}@media (max-width:767.98px){.ss_Big_brief h2{font-size:1.75rem}
.proBigList li .imgbox{width:100%;height:auto}
.proBigList li .imgbox img{position:relative;width:100%;height:auto;object-fit:contain}
.proBigList li .textbox{width:100%;padding:1rem 0 0 0}
.proBigInd_title{padding:2.5rem 0}
.proBigInd_content{-webkit-clip-path:polygon(47% 0,50% 2%,53% 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(47% 0,50% 2%,53% 0,100% 0,100% 100%,0 100%,0 0);padding:2.5rem 0}
.proBigInd_content ul li{width:100%;margin-bottom:20px}
.proBigfw_left{width:100%;padding:2rem 0}
.proBigfw_right{width:100%;padding:2rem 0;justify-content:center}
}@media (max-width:575.98px){.ss_Big_brief h2{font-size:1.5rem}
.proBigInd_title{padding:2rem 0}
.proBigInd_content ul li .imgbox{width:40px;height:40px;border:2px solid #ddd}
.proBigInd_content ul li .textbox{width:calc(100% - 40px);padding-left:1rem}
.proBigInd_content ul li .textbox>h3{font-size:1.2rem;margin-bottom:.5rem}
.proBigfw_left{padding:1rem 0}
.proBigfw_title{padding:1rem}
.proBigfw_title>p{font-size:2rem}
.proBigfw_title>span{margin-top:-25px;font-size:1.5rem}
.proBigfw_right{padding:1rem 0}
.proBigfw_right>.container{flex-direction:column}
.proBigfw_right>.container>div{width:100%;padding-left:0}
.proBigfw_right>.container>div::before{width:80px;height:3px;margin:0 0 .5rem 0}
}.left_pics{width:100%;height:auto;position:relative;box-shadow:20px 20px 20px rgba(0,0,0,.1)}
.left_pics img{text-align:center;border:1px solid #eee}
.left_pics a{display:block;overflow:hidden}
.related_pic{width:100%;display:flex;flex-flow:wrap;justify-content:center;margin-top:1rem}
.related_pic a{width:calc(100% / 6);padding:0 5px}
.related_pic img{width:100%;height:auto;float:left;border:1px #eee solid}
.related_pic a.imgdq img,.related_pic img:hover{border:1px var(--main-color) solid}
.proDetails h2 {color: var(--main-color);margin-bottom: .25rem;}
.proDetails .h2{color:var(--main-color);margin-bottom:.25rem;font-weight: 700;font-family: "Source Sans",sans-serif;font-size: 2rem;line-height: 1.2;}
.proDetails small{font-size:1.4rem;line-height:1;display:block;color:#000;font-family:"Source Sans",sans-serif;opacity:.5;padding-bottom:.6rem;border-bottom:1px solid #ccc;margin-bottom:1.25rem}
.proDetails p{line-height:1.5}
.proDetails_standard{padding:1.5rem 2rem;display:flex;flex-wrap:wrap}
.proDetails_standard>.row>div{border-right:1px solid #ccc;padding:1rem 1.5rem}
.proDetails_standard>.row>div:last-child{border-right:none}
.proDetails_standard h4{margin-bottom:1rem;font-weight:700;font-size:1.25rem;text-transform:uppercase;font-style:italic;color:var(--main-color)}
.proDetails_standard2{padding:1.5rem 2rem;display:flex;flex-wrap:wrap;margin-top:1rem}
.proDetails_standard2>div{width:50%}
.proDetails_bigTitle{display:block;overflow:hidden;text-align:center;font-size:1.5rem;color:var(--main-color);font-family:"Source Sans",sans-serif;font-weight:700;text-transform:uppercase;position:relative;z-index:0;margin-bottom:1rem}
.proDetails_bigTitle::before{content:'';width:100%;height:2px;background-image:linear-gradient(to right,transparent,var(--main-color),transparent);position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1}
.proDetails_bigTitle>i{color:var(--red);background-color:#fff}
.proDetails_bigTitle>span{position:relative;background-color:#fff;font-style:italic;padding:0 2rem}
.proDetails_bigTitle2{text-align:left}
.proDetails_bigTitle2::before{background-image:linear-gradient(to right,var(--main-color),transparent 80%)}
.proDetails_bigTitle2>span{padding-left:.5rem}
.proDetails_surface_box{padding-right:8px !important}
.proDetails_surface ul li a{display:block;position:relative;overflow:hidden}
.proDetails_surface ul li a span{width:100%;color:#fff;text-align:center;border-top:none;background-color:rgba(0,0,0,.5);font-family:"Source Sans",sans-serif;position:absolute;left:0;bottom:0;z-index:2}
.proDetails_surface ul li a:hover span{color:#fff}
.proDetails_bigTitle2{text-align:left}
.proDetails_bigTitle2::before{background-image:linear-gradient(to right,var(--main-color),transparent 80%)}
.proDetails_bigTitle2>span{padding-left:.5rem}
.table_tag{display:flex;flex-wrap:wrap;align-items:center}
.table_tag>strong{font-size:1.15rem;font-weight:700;font-family:"Source Sans",sans-serif;margin:0 1rem .5rem 0}
.table_tag>div{padding:2px;background-color:var(--main-color);margin:0 .5rem .5rem 0;font-family:"Source Sans SemiBold",sans-serif;-webkit-clip-path:polygon(100% 0,100% 75%,95% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 75%,95% 100%,0 100%,0 0)}
.table_tag>div>span{display:block;cursor:pointer;color:#fff;padding:.5rem 1rem;-webkit-clip-path:polygon(100% 0,100% 75%,95% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 75%,95% 100%,0 100%,0 0);transition:all .5s;font-size: .95rem;}
.table_tag>div.active>span,.table_tag>div:hover>span{background-color:#fff;color:var(--main-color)}
.table_content{display:block;margin-top:1rem}
.table_content>div{display:none}
.table_content>div:first-child{display:block}
.process_list{display:flex;flex-wrap:wrap}
.process_list li{width:fit-content;font-family:"Source Sans",sans-serif;line-height:1.65;margin-right:.6rem;padding-right:1.1rem;position:relative}
.process_list li::after{content:'→';position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--red)}
.process_list li:last-child::after{display:none}
.accordion_title{font-size:2rem;color:var(--main-color);text-align:center;font-family:"Source Sans",sans-serif;font-weight:700;margin-bottom:1rem}
.proDetails_faqs{width:100%;display:flex;flex-direction:column;align-items:center}
.proDetails_faqs>a{margin-top:1rem;font-size:1.2rem;display:inline-block;padding:.25rem 2rem;padding-right:3rem;overflow:hidden;position:relative;z-index:0;border-radius:5px;background-color:var(--main-color);color:#fff;font-family:"Source Sans",sans-serif;font-weight:700;font-style:italic;margin:0 auto}
.proDetails_faqs>a::after{content:'';width:140%;height:100%;position:absolute;left:90%;top:0;background-color:var(--red);transform:skew(-30deg);transition:all .5s ease 0s;z-index:-1}
.proDetails_faqs>a:hover::after{left:-10%}
.otherPro{padding:3rem 0}
.otherPro .h2{color:var(--main-color);text-align:center;margin-bottom:1.25rem;font-weight: 700;font-family: "Source Sans",sans-serif;font-size: 2rem;line-height: 1.2;}
.otherPro ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.otherPro ul li{width:calc(100% / 3);padding:0 10px;margin-bottom:20px;display:flex}
.otherPro ul li>a{width:100%;display:flex;flex-direction:column;background-color:#f8f9fa;box-shadow:0 0 10px rgba(0,0,0,.1);padding:1rem}
.otherPro ul li>a .textbox{padding-top:1rem;text-align:center;font-family:"Source Sans",sans-serif;font-weight:700;line-height:1}
.otherPro ul li.active>a .textbox{color:var(--red)}
.otherPro2 ul li{width:25%}
.proDetailsFw{position:relative;background-image:url(../images/details_bj.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}
.proDetailsFw::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:#fff;opacity:.7;z-index:0}
.proDetailsFw>.container{position:relative;z-index:2}
.proDetailsFw .h2{color:var(--main-color);text-align:center;margin-bottom:1.25rem;font-weight: 700;font-family: "Source Sans",sans-serif;  font-size: 2rem;line-height: 1.2;}
.proDetailsFw .h2::after{content:"";width:80px;height:3px;background-color:var(--red);display:block;margin:.5rem auto 0 auto}
.proDetailsFw small{max-width:80%;margin:0 auto;display:block;overflow:hidden;text-align:center;font-family:"Source Sans",sans-serif;color:#000;line-height:1.3}
.proDetailsFw ul{margin-top:1.25rem}
.proDetailsFw ul li{width:25%;display:flex}
.proDetailsFw ul li a{width:100%;display:flex;flex-direction:column}
.proDetailsFw ul li .textbox{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;background-color:#fff;padding:.5rem;font-family:"Source Sans",sans-serif;font-size:1.1rem;transition:all .5s}
.proDetailsFw ul li:hover .textbox{background-color:var(--red);color:#fff}
.proDetailsAbout>.container{flex-direction:row-reverse;align-items:center}
.proDetailsAbout::before{display:none}
.proDetailsAbout::after{right:auto;left:0}
.proDetailsAbout .proBigAbout_left{transform:translate(0)}
.proDetailsAbout .proBigAbout_box>p{font-family:"Source Sans",sans-serif}
.proDetailsAbout .proBigAbout_left .imgbox::before{background-color:var(--main-color)}
.proDetailsAbout .proBigAbout_right{width:47%}
.proDetailsAbout_list{width:100%;display:block;margin-top:1.875rem}
.proDetailsAbout_list ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.proDetailsAbout_list ul li{width:calc(calc(100% / 3) - 10px);background-color:#fff;padding:1.5rem;box-shadow:0 0 10px rgba(0,0,0,.1);font-family:"Source Sans",sans-serif;font-size:1.2rem;text-align:center;font-weight:700;margin:10px 0}
.proDetailsAbout_list ul li span{display:block;font-size:1rem;margin-top:.5rem;font-weight:400}
.proDetailsAbout_list ul li strong{font-size:2rem;color:var(--red);font-weight:700;line-height:1;display:inline-block}
@media (max-width:991.98px){.left_pics{max-width:600px;margin:0 auto}
.proDetails_standard{padding:1rem}
.otherPro{padding:2.5rem 0}
.proDetailsAbout{padding-top:3rem}
.proBigAbout_left{width:100%}
.proBigAbout_left>a.imgbox{max-width:600px;margin:0 auto}
.proDetailsAbout .proBigAbout_right{width:100%;margin-top:2rem}
.proBigAbout_box{max-width:100%}
.otherPro ul li{width:calc(100% / 3) !important}
.otherPro ul li:last-child{display:none}
}
@media (max-width:767.98px){.related_pic a{width:calc(100% / 5)}
.proDetails_standard{padding:1rem 0}
.proDetails_standard>.row>div{padding:1rem 2.5rem}
.proDetails_standard>.row>div:nth-child(1),.proDetails_standard>.row>div:nth-child(2){width:50%}
.proDetails_standard>.row>div:nth-child(2){border-right:none}
.proDetails_bigTitle>span{max-width:80%;display:inline-block;line-height:1}
.accordion_title{font-size:1.5rem}
.otherPro{padding:2rem 0}
.otherPro ul li{width:50%}
.proDetailsFw ul li{width:50%}
.proDetailsFw ul li .imgbox img{width:100%}
.proDetailsAbout{padding-top:2rem}
.proDetailsAbout_list{margin-top:1rem}
.proDetailsAbout_list ul li{width:100%}
.proDetails_surface2 ul li{width:calc(100% / 3)}
.otherPro ul li{width:100% !important}
.recommend ul li>ol{flex-direction:row !important}
.recommend ul li>ol .imgbox{width:35%}
.recommend ul li>ol .imgbox img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}
.recommend ul li>ol .textbox{width:65%;padding-left:2rem !important}
.recommend ul li>ol .textbox>p{-webkit-line-clamp:3 !important;overflow:hidden}
.recommend ul li:last-child{display:flex}
.otherPro .h2,.proDetailsFw .h2,.proAbout_box .h2,.proBigInd_title .h2,.otherApp .h2,.otherFw .h2,.proDetails .h2,.contact .webtitle .h2{font-size: 1.75rem!important;}
}@media (max-width:575.98px){.related_pic a{width:calc(100% / 4)}
.proDetails_standard>.row>div{padding:.5rem 2.5rem;border-right:none}
.proDetails_standard>.row>div:nth-child(1),.proDetails_standard>.row>div:nth-child(2){width:100%}
.table_tag>div>span{padding:.5rem 1rem}
.accordion_title{font-size:1.25rem}
.proDetails_bigTitle>span{font-size:1.25rem;padding:0 1rem}
.inquiryForm_left1 p{margin-bottom:0;margin-top:.5rem}
.otherPro{padding:1.5rem 0}
.otherPro ul li{width:100%}
.proDetailsAbout{padding:2rem 0}
.proDetailsAbout::after{display:none}
.proDetailsAbout_list ul li{padding:1rem;font-size:1rem}
.proDetailsAbout_list ul li strong{font-size:1.5rem}
.proDetails_surface2 ul li{width:100%}
.recommend ul li>ol{flex-direction:column !important}
.recommend ul li>ol .imgbox{width:100%}
.recommend ul li>ol .imgbox img{position:relative;object-fit:contain;width:100%;height:auto}
.recommend ul li>ol .textbox{width:100%;padding:1rem !important}
.otherPro .h2,.proDetailsFw .h2,.proAbout_box .h2,.proBigInd_title .h2,.otherApp .h2,.otherFw .h2,.proDetails .h2,.contact .webtitle .h2{font-size: 1.5rem!important;}
}@media (max-width:380.98px){.proDetailsFw ul li{width:100%}
}.applications{padding-top:1rem}
.applications ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.applications li{width:calc(50% - 10px);margin-bottom:20px;display:flex;flex-direction:column;border-top:12px solid var(--main-color);border-image:linear-gradient(to right,var(--main-color)70%,var(--red)) 100% 0;padding-bottom:1rem}
.applications li .textbox{flex:1;display:flex;flex-direction:column;padding:1rem;padding-bottom:0}
.applications li .textbox>h3{font-size:1.5rem;font-family:"Source Sans",sans-serif;font-weight:700;margin-bottom:1rem}
.applications li .textbox>p{flex:1;font-size:.95rem;line-height:1.4}
.applications li .textbox .more a::after{content:"\f178"}
.applications li:nth-child(odd) .imgbox{border-radius:0 0 0 50px}
.applications li:nth-child(even) .imgbox{border-radius:0 0 50px 0}
.applications li:nth-child(even){border-image:linear-gradient(to left,var(--main-color)70%,var(--red)) 100% 0}
.recommend .h2{font-size:2rem;color:var(--main-color);text-align:center;text-transform:uppercase;font-weight: 700;font-family: "Source Sans",sans-serif;line-height: 1.2;margin-bottom: 1.25rem;}
.recommend ul li{width:25%;display:flex}
.recommend ul li>ol{width:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:50px 0;background-color:#f8f9fa;box-shadow:0 0 10px rgba(0,0,0,.2)}
.recommend ul li>ol .textbox{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}
.recommend ul li>ol .textbox>h3{font-size:1.25rem;color:#000;font-weight:700;margin-bottom:1rem}
.recommend ul li>ol .textbox>p{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.recommend ul li>ol .textbox .more{justify-self:flex-end}
.recommend ul li>ol .textbox .more>a::after{color:var(--red)}
.recommend2 ul li>ol .textbox>h3{margin:0;text-align:center;font-size:1rem;font-weight:400}
.proAbout_img video{width:80%;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.appAbout .proAbout_img::before{background-color:var(--main-color);opacity:.5;z-index:0}
.proDetailsAbout .proAbout_img{display:flex;justify-content:flex-end}
.proDetailsAbout .proAbout_img .imgbox{right:auto;left:0}
.appAbout_list{padding:3rem 0;margin:0}
.appAbout_list ul{width:100% !important;margin:0 !important;justify-content:space-between}
.appAbout_list ul li{width:calc(calc(100% / 3) - 20px);display:flex;flex-direction:column-reverse;background-color:#f8f9fa;line-height:1.4;font-weight:400}
.appAbout_list ul li span{margin:0 0 .5rem 0}
.appDetails{padding:2rem 0 3rem 0}
.appDetails_title{display:block;overflow:hidden;margin-bottom:1rem}
.appDetails_title small{font-size:1rem;font-family:"Source Sans",sans-serif;color:#000;opacity:.5}
.appDetails_title h2{font-size:2rem;color:var(--main-color);margin:0}
.appDetails_title h2::after{content:'';width:50px;height:3px;background-color:var(--red);display:block;margin-top:.25rem}
.picsBox figure{margin:0}
.picsBox .left_pics{width:70%;float:left}
.picsBox .related_pic{width:30%;float:right;margin:0;padding-left:20px;justify-content:flex-start}
.picsBox .related_pic a{width:calc(100% / 3);padding:0 0 14px 14px}
.picsBox2 .related_pic{padding:0 20px 0 0}
.picsBox2 .related_pic a{padding:0 14px 14px 0}
.otherApp>.container{position:relative;z-index:2}
.otherApp .h2{text-align:center;color:var(--main-color);text-transform:uppercase;font-weight: 700;margin-bottom: 1.25rem;font-family: "Source Sans",sans-serif;font-size: 2rem;line-height: 1.2;}
.otherApp_content{position:relative;padding:0 50px}
.otherApp .swiper{padding:10px}
.otherApp .swiper-slide{height:auto;display:flex}
.otherApp .swiper-slide>ol{width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.2)}
.otherApp .swiper-slide>ol>a{position:relative;z-index:2;display:flex;flex-direction:column;background-color:#fff}
.otherApp .swiper-slide>ol>a .otherApp_icon{width:40px;height:40px;background-color:#fff;overflow:hidden;position:absolute;right:1.5rem;bottom:1.5rem}
.otherApp .swiper-slide>ol>a .otherApp_icon img{width:40px;height:40px;filter:drop-shadow(#ccc 0 40px);transform:translateY(-40px);position:relative}
.otherApp .swiper-slide:hover>ol>a .otherApp_icon img{filter:drop-shadow(var(--main-color) 0 40px)}
.otherApp .swiper-slide>ol>a .otherApp_icon4{bottom:1rem}
.otherApp .swiper-slide>ol>a .textbox{flex:1;display:flex;flex-direction:column;padding:1.5rem}
.otherApp .swiper-slide>ol>a .textbox h3{color:var(--main-color);margin-bottom:1rem;font-family:"Source Sans",sans-serif;font-size:1.15rem;font-weight:700}
.otherApp .swiper-slide>ol>a .textbox p{flex:1;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.otherApp .swiper-slide>ol>a h3::after{content:'';width:50px;height:3px;background-color:var(--red);display:block;margin-top:.5rem}
.otherApp .swiper-slide>ol>a p{flex:1;color:#000;line-height:1.3}
.otherApp .swiper-slide>ol>a .more{color:var(--main-color);font-size:1rem;line-height:1;transition:all .3s;font-family:"Source Sans",sans-serif}
.otherApp .swiper-slide>ol>a .more i{margin-right:8px}
.otherApp .swiper-slide:hover>ol .imgbox>img{transform:scale(1.1)}
.otherApp .swiper-slide:hover>ol>a .textbox .more{padding-left:1rem}
.otherApp .next-button,.otherApp .prev-button{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--main-color);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.otherApp .next-button{left:auto;right:0}
.otherApp .next-button:hover,.otherApp .prev-button:hover{background-color:var(--red)}
.otherApp .swiper-button-disabled{display:none}
.inquiryForm2{background-image:linear-gradient(-15deg,var(--hover-color),#07377b)}
.inquiryForm2 h4{color:#fff;font-size:1rem}
.inquiryForm2 .h2{font-family:"Source Sans",sans-serif;font-size:2rem;color:#fff;margin-bottom:0;font-weight: 700;}
.inquiryForm2 .inquiryForm_btn>a{background-color:#fff;color:var(--main-color);border-radius:30px;border:2px solid #fff;text-transform:capitalize;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1}
.inquiryForm2 .inquiryForm_btn>a:hover{background-color:var(--main-color);color:#fff}
@media (max-width:991.98px){.recommend ul li{width:calc(100% / 3)}
.recommend ul li:last-child{display:none}
}@media (max-width:767.98px){.recommend ul li{width:100%}
.recommend ul li:last-child{display:block}
.appAbout_list{padding:2rem 0}
.appDetails{padding:2rem 0}
.appAbout_list ul li{width:100%}
.otherApp_content{padding:0}
.otherApp .swiper-slide{width:70%}
.inquiryForm2 .inquiryForm_btn{margin-top:1rem}
.inquiryForm2 .h2{font-size:1.5rem}
.recommend .h2{font-size:1.5rem}
.proDetails_standard2>div{width:100%;margin-bottom:1rem}
.appDetails_title h2{font-size:1.75rem}
}@media (max-width:575.98px){.applications li{width:100%;margin-bottom:1rem}
.applications li .textbox>h3{font-size:1.25rem}
.appDetails{padding:1rem 0}
.appAbout_list{padding:1.2rem 0}
.inquiryForm2 .inquiryForm_btn>a{font-size:1rem}
.recommend .h2{font-size:1.25rem}
.recommend ul li>ol .textbox>h3{font-size:1.1rem}
.appDetails_title h2{font-size:1.5rem}
}.services{padding:3rem 0}
.services ul{display:flex;flex-wrap:wrap}
.services ul li{width:100%;margin-bottom:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.services ul li .imgbox{width:48%}
.services ul li .textbox{width:48%}
.services ul li .textbox>h3{font-size:1.6rem;font-weight:700;margin-bottom:1rem}
.services ul li .textbox>p{color:#000;line-height:1.4}
.services ul li .textbox>dl{font-size:.95rem;line-height:1.3}
.services ul li .textbox>dl>dd{margin-bottom:0;position:relative;padding-left:1rem}
.services ul li .textbox>dl>dd::before{content:'';width:5px;height:5px;background-color:var(--red);position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(45deg)}
.services ul li:nth-child(even){flex-direction:row-reverse}
.servicesDetails{padding:1rem 0 3rem 0}
.servicesDetails h2{text-align:center;color:var(--main-color)}
.servicesDetails ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.servicesDetails ul li{width:100%;padding:0 !important;margin-bottom:20px;display:flex;flex-wrap:wrap;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.servicesDetails ul li .imgbox{width:26%;display:flex;align-items:center;justify-content:center}
.servicesDetails ul li .textbox{width:74%;padding:1rem;padding-left:1.5rem;display:flex;flex-direction:column;justify-content:center}
.servicesDetails ul li .textbox>h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}
.servicesDetails ul li .textbox>p{font-size:1rem;line-height:1.5;margin-bottom:1rem}
.otherFw .h2{color:var(--main-color);text-align:center;margin-bottom:0;font-weight: 700;font-family: "Source Sans",sans-serif;font-size: 2rem;line-height: 1.2;}
.otherFw small{display:block;text-align:center;font-size:1rem;font-family:"Source Sans",sans-serif;color:#000;opacity:.7;margin-bottom:1.25rem}
.otherFw ul{display:flex;flex-wrap:wrap;justify-content:center;width:calc(100% + 20px);margin-left:-10px}
.otherFw ul li{width:25%;padding:0 10px;margin-bottom:20px;display:flex}
.otherFw ul li>a{width:100%;display:flex;overflow:hidden;position:relative;border:3px solid var(--main-color)}
.otherFw ul li>a>img{transition:all .4s}
.otherFw ul li>a::before{content:'';width:150%;height:100%;position:absolute;left:-50%;top:0;background-color:#000;transform-origin:right top;transform:rotate(-25deg);opacity:.5;z-index:1;transition:all .4s}
.otherFw ul li>a>span{width:100%;color:#fff;padding:.3rem;font-family:"Source Sans",sans-serif;text-align:center;position:absolute;left:0;bottom:0;z-index:2;transition:all .4s}
.otherFw ul li:hover>a::before{transform:rotate(0);top:70%}
.otherFw ul li:hover>a>img{transform:scale(1.05)}
.otherFw ul li:hover>a>span{padding:.5rem}
.galvan{padding:1rem 0 3rem 0}
.galvan p{line-height:1.4}
.galvan strong{font-size:1.1rem;font-style:italic;color:var(--main-color)}
.galvan h4,.galvan h5{font-weight:700}
.red{font-family:"Source Sans",sans-serif;font-weight:700;color:var(--red)}
.red a:hover{color:var(--main-color)}
.galvanFw .h2{color:var(--main-color);font-family:"Source Sans Light",sans-serif;font-weight: 700;margin-bottom: 1.25rem;font-size: 2rem;line-height: 1.2;}
.galvanFw_nav{display:flex;flex-direction:column}
.galvanFw_nav li{display:flex;align-items:center;font-family:"Source Sans SemiBold",sans-serif;color:var(--main-color)}
.galvanFw_nav li::after{content:"\f138";display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:400 !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:.5rem;transition:all .4s}
.galvanFw_nav li.active::after,.galvanFw_nav li:hover::after{color:var(--red);margin-left:1rem}
.galvanFw_nav li.active a{color:var(--red)}
.galvanFw_list{display:flex;flex-wrap:wrap}
.galvanFw_list li{width:25%}
.galvanFw_list li a.imgbox{width:100%;box-shadow:0 0 10px rgba(0,0,0,.1)}
.galvanFw_list li .textbox{width:100%}
.galvanFw_list li .textbox h3{width:100%;font-weight:400;font-size:1.25rem;text-align:center;background-color:#fff;padding:.5rem;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:0}
.galvanFw_list li.active .textbox h3 a{color:var(--red)}
@media (max-width:1199.98px){.services ul li .imgbox{height:100%}
.services ul li .imgbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.servicesDetails ul li .imgbox{height:100%}
.servicesDetails ul li .imgbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
}@media (max-width:991.98px){.recommend2 ul li:last-child,.recommend2 ul li:nth-child(7){display:none}
.otherFw ul li{width:calc(100% / 3)}
.servicesDetails ul li .imgbox{width:35%}
.servicesDetails ul li .textbox{width:65%}
.galvanFw_list li .textbox h3{font-size:1.15rem}
}@media (max-width:767.98px){.services{padding:2rem 0}
.services ul li .imgbox{width:100%;height:auto;margin-bottom:1rem}
.services ul li .imgbox img{position:relative;width:100%;height:auto;object-fit:contain}
.services ul li .textbox{width:100%}
.services ul li .textbox>h3{font-size:1.5rem}
.services ul li:last-child{margin-bottom:0}
.recommend2 ul li{width:50%}
.recommend2 ul li>ol{flex-direction:column !important}
.recommend2 ul li>ol .imgbox,.recommend2 ul li>ol .textbox{width:100%}
.recommend2 ul li>ol .imgbox img{position:relative;object-fit:contain}
.recommend2 ul li:last-child,.recommend2 ul li:nth-child(7){display:block}
.servicesDetails{padding:1rem 0 2rem 0}
.servicesDetails ul li .imgbox{width:45%}
.servicesDetails ul li .textbox{width:55%}
.galvanFw_nav{flex-direction:row}
.galvanFw_nav li{width:50%;margin-bottom:.5rem !important}
.galvanFw_list{margin-top:1rem}
.galvanFw_list li .imgbox img{width:100%}
.galvanFw_list li .textbox h3{font-size:1rem}
.galvanFw_list li{width:50%}
.picsBox2 .related_pic2{width:100%;padding:0}
.picsBox2 .related_pic2 a{width:50%}
}@media (max-width:575.98px){.services{padding:1.25rem 0}
.services ul li{margin-bottom:1rem}
.services ul li .textbox>h3{font-size:1.25rem}
.services ul li:last-child{margin-bottom:0}
.recommend2 ul li{width:100%}
.servicesDetails{padding:1rem 0}
.servicesDetails ul li .imgbox{width:100%;height:auto}
.servicesDetails ul li .imgbox img{position:relative;height:auto;object-fit:contain}
.servicesDetails ul li .textbox{width:100%;padding:1rem}
.otherFw ul li{width:100%}
.galvanFw .h2{font-size:1.25rem}
.galvanFw_list li{width:100%}
.galvanFw_nav li{width:100%}
.galvanFw_list li a.imgbox img{width:100%}
}.manufacturing{padding:1rem 0 3rem 0}
.manufacturing h3{font-weight:700;color:var(--main-color);margin-bottom:1rem}
.manufacturing h4{font-weight:700}
.manufacturing h6{font-size:1.25rem;font-weight:700;color:var(--red)}
.manufacturing .process_list{margin-bottom:1rem}
.about{padding:1rem 0 3rem 0}
.about_coop{display:flex;flex-wrap:wrap;flex-direction:column;margin:0}
.about_coop dt{background-color:var(--main-color);color:#fff;text-transform:uppercase}
.about_coop dd{display:flex;background-color:#f8f9fa;margin-bottom:0}
.about_coop dd:nth-child(even){background-color:#fff}
.about_coop ul{width:100%;display:flex}
.about_coop ul li{width:25%;line-height:1;padding:.5rem 1rem;border-right:1px solid #fff;font-family:"Source Sans",sans-serif;display:flex;align-items:center}
.about_coop ul li:nth-child(1){width:10%;display:flex;justify-content:center}
.about_coop ul li:nth-child(2){width:40%}
.faqs{padding:1rem 0 3rem 0}
.faqs .ss_hometitle{font-family:"Source Sans",sans-serif;border-bottom:none;text-align:center;padding-bottom:0;font-size:2.2rem}
.faqs_title{font-family:"Source Sans",sans-serif;font-size:1.5rem;line-height:1;font-weight:700;color:var(--main-color);text-align:center}
.faqs_title::after{content:"";width:80px;height:3px;background-color:var(--red);display:block;margin:.5rem auto 1.25rem auto}
.video{padding:1rem 0 2.5rem 0}
.video .ss_hometitle{color:var(--main-color);font-size:2.2rem;text-transform:uppercase;font-family:"Source Sans",sans-serif;border-bottom:none;padding-bottom:0}
.video_title{font-size:1.5rem;line-height:1.8rem;font-weight:700;text-transform:capitalize;display:flex;justify-content:flex-start;color:var(--main-color);margin-bottom:1.5rem;position:relative}
.video_title::before{content:'';width:100%;height:1px;background-image:linear-gradient(to right,var(--red),transparent 50%);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.video_title>span{background-color:#fff;position:relative;z-index:2;padding-right:1.5rem;font-family:"Source Sans",sans-serif;font-style:italic}
.video_hub{display:block;margin-bottom:2rem}
.video_hub ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.video_hub ul li{width:calc(50% - 15px);display:flex;transition:all .4s;margin-bottom:30px}
.video_hub ul li a{width:100%;display:flex;flex-direction:row-reverse;align-items:center;background-color:#f8f9fa;box-shadow:0 0 10px rgba(0,0,0,.1)}
.video_hub ul li a .video_img{width:50%;position:relative}
.video_hub ul li a .video_img .video_btn{width:40px;height:40px;font-size:1rem}
.video_hub ul li a .video_img>img{-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,10% 0);clip-path:polygon(100% 0,100% 100%,0 100%,10% 0)}
.video_hub ul li a .video_text{width:50%;padding:1rem;padding-left:1.7rem;font-size:1.1rem;color:#000;transition:all .4s;font-family:"Source Sans",sans-serif}
.video_hub ul li:hover{filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%));-webkit-filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%))}
.video_hub ul li:hover a .video_text{color:var(--hover-color)}
.video_hub ul li a .video_img .video_btn::after{display:none}
.video_hub ul li a .video_img .video_btn::before{font-size:1rem}
.video_hub1 ul li{width:100%;margin:0}
.video_hub1 ul li a{flex-direction:row;-webkit-clip-path:polygon(100% 0,100% 80%,90% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 80%,90% 100%,0 100%,0 0)}
.video_hub1 ul li a .video_img>img{-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 100%,0 0)}
.video_hub1 ul li a .video_img .video_btn{width:60px;height:60px}
.video_hub1 ul li a .video_text{padding:1rem;padding-left:2.5rem;text-align:left}
.video_hub1 ul li a .video_text>h3{color:var(--main-color);font-size:1.3rem;font-weight:700;margin-bottom:1rem;transition:all .4s}
.video_hub1 ul li a .video_text>p{margin:0;font-size:1rem}
.video_hub1 ul li:hover a .video_text{color:#000;opacity:.9}
.video_hub1 ul li:hover a .video_text>h3{color:var(--red)}
.video_hub1 ul li a .video_img .video_btn::before{font-size:1.4rem}
#video_right{width:68%}
#video_right .webtitle{font-size:2rem;font-weight:700;color:var(--main-color)}
#video_right video{width:100%}
.video_more{margin-bottom:2rem}
.video_more a{padding:.4rem 1.2rem;border:2px solid var(--main-color);color:var(--main-color);border-radius:20px;font-family:"Source Sans SemiBold",sans-serif;font-style:italic}
.video_more a:hover{background-color:var(--red);color:#fff;border-color:var(--red)}
#ss_videolist{width:28%;background-color:#f8f9fa;padding:1.25rem;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,.1)}
#ss_videolist .webtitle{font-size:1.4rem;font-weight:700;color:var(--main-color);margin-bottom:1rem;font-family:"Source Sans",sans-serif;font-style:italic}
#ss_videolist ul{display:flex;flex-direction:column;margin-bottom:1.5rem}
#ss_videolist ul:last-child{margin:0}
#ss_videolist ul li{margin-bottom:1rem}
#ss_videolist ul li a{display:flex;align-items:center}
#ss_videolist ul li a img{width:30%}
#ss_videolist ul li a span{width:70%;font-size:.875rem;padding-left:1rem;font-family:"Source Sans",sans-serif}
#ss_videolist ul li a.dq span{color:var(--red)}
#ss_videolist ul li:last-child{margin:0}
.recommend_video ul li>ol{background-color:#fff}
@media (max-width:991.98px){#video_right{width:100%}
#ss_videolist{width:100%;margin-top:2rem}
.video .ss_hometitle{font-size:2rem}
.video_hub ul li a .video_img{height:100%}
.video_hub ul li a .video_img::before{content:'';display:block;padding-top:75%}
.video_hub ul li a .video_img img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}
#ss_videolist ul:last-child{flex-direction:row;flex-wrap:wrap}
#ss_videolist ul:last-child li{width:50%}
}@media (max-width:767.98px){.video_hub ul li{margin-bottom:20px}
.video_hub ul li a{flex-direction:column}
.video_hub ul li a .video_img{width:100%;height:auto}
.video_hub ul li a .video_img::before{display:none}
.video_hub ul li a .video_img img{position:relative;height:auto;object-fit:contain;clip-path:initial}
.video_hub ul li a .video_text{width:100%;padding:1.2rem}
.video .ss_hometitle{font-size:1.75rem}
.video_hub{margin-bottom:0}
.video_hub1{margin-bottom:1.5rem}
#ss_videolist ul:last-child{flex-direction:column}
#ss_videolist ul:last-child li{width:100%}
}@media (max-width:575.98px){.video{padding:1rem 0}
.video .ss_hometitle{font-size:1.5rem}
.video_hub ul li{width:100%}
.video_hub ul li:last-child{margin-bottom:0}
.video_hub ul li a .video_text{padding:1rem}
.video_hub1{margin-bottom:1rem}
#ss_videolist{margin-top:1rem}
}@media (max-width:450.98px){#ss_videolist ul li a{flex-wrap:wrap}
#ss_videolist ul li{margin-bottom:.5rem}
#ss_videolist ul li a img{width:100%}
#ss_videolist ul li a span{width:100%;padding:.5rem;justify-content:center;text-align:center}
}.contact{padding:1rem 0 2rem 0;font-family:"Source Sans",sans-serif}
.co_name{font-size:1.25rem;font-weight:700;color:var(--main-color);font-family:"Fira Sans",sans-serif}
.co_name strong{font-size:1rem;color:#000}
.contact iframe{width:100%}
.contact a{color:var(--red);text-decoration:underline}
.contact a:hover{text-decoration:none}
.contact .webtitle .h2{color:var(--main-color);text-align:left;text-transform:uppercase;font-weight:700;margin-bottom: 1.25rem;font-family: "Source Sans",sans-serif;font-size: 2rem;line-height: 1.2;}
.overview{width:100%;overflow:hidden}
.overview_box{padding:2rem 0}
.overview_title{font-size:1.875rem;color:var(--main-color);text-transform:uppercase;text-align:center;font-weight:700;position:relative;margin-bottom:1.25rem;font-family: "Source Sans",sans-serif;line-height: 1.2;}
.overview_title>span{position:relative;padding:0 1.5rem;background-color:#fff}
.overview_title::before{content:'';width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--main-color),transparent);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.overview_more{display:flex;justify-content:center;margin-top:.5rem}
.overview_more>a{display:inline-block;padding:.5rem 1.5rem;padding-right:2.5rem;color:#fff;font-size:1.1rem;background-color:var(--main-color);font-family:"Source Sans SemiBold",sans-serif;font-style:italic;border-radius:30px;position:relative}
.overview_more>a::after{content:"\f138";color:#fff;display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:400 !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .4s}
.overview_more>a:hover{background-color:var(--red);padding-right:4rem}
.overview_more>a:hover::after{right:1.5rem}
.overview_com{display:flex;flex-wrap:wrap;justify-content:space-between;font-family:"Source Sans",sans-serif}
.overview_com li{width:calc(50% - 10px);margin-bottom:20px}
.overview_com li h3{padding-bottom:1rem;position:relative}
.overview_com li h3::before{content:'';width:100%;height:1px;background-color:#ccc;position:absolute;left:0;bottom:2px}
.overview_com li h3::after{content:'';width:50px;height:5px;background-color:var(--red);position:absolute;left:0;bottom:0;transition:all .4s}
.overview_com li p{margin-bottom:0;color:#000;opacity:.8}
.overview_com li:hover h3::after{width:100%}
.overviewPro{display:flex;flex-wrap:wrap}
.overviewPro li{width:100%;margin-bottom:20px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-wrap:wrap}
.overviewPro li .imgbox{width:35%;display:flex;align-items:center}
.overviewPro li .textbox{width:65%;padding:1rem;padding-left:2rem;display:flex;flex-direction:column;justify-content:center}
.overviewPro li .textbox>h3{font-size:1.3rem;font-weight:700}
.overviewPro li .textbox>p{font-size:.95rem;line-height:1.4}
.overviewPro li .textbox>.more>a:hover,.overviewPro li .textbox>.more>a:hover::after{color:var(--red)}
.overviewPro li .textbox>.more>a:hover::before{background-color:var(--red)}
.overviewVideo{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.overviewVideo li{width:25%;padding:0 10px;margin-bottom:20px}
.overviewVideo li>a{display:flex;flex-direction:column;background-color:#f8f9fa;box-shadow:0 0 10px rgba(0,0,0,.1)}
.overviewVideo li .textbox{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;font-family:"Source Sans",sans-serif;transition:all .4s}
.overviewVideo li:hover .textbox{background-color:var(--red);color:#fff}
.overviewVideo .video_btn{width:50px;height:50px}
.video_btn::before{font-size:1.2rem}
.overviewVideo .video_btn::after{display:none}
@media (max-width:1199.98px){.overviewPro li .imgbox{height:100%}
.overviewPro li .imgbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
}
@media (max-width:991.98px){.overviewVideo li{width:calc(100% / 3)}
.overviewVideo li:nth-child(7),.overviewVideo li:nth-child(8){display:none}
}
@media (max-width:767.98px){.overview_box{padding:1.5rem 0}
.overview_com li{width:100%;margin-bottom:10px}
.overviewPro li .imgbox{width:45%}
.overviewPro li .textbox{width:55%}
.otherFw2 ul li{width:50%}
.overviewVideo li{width:50%}
.overviewVideo li:nth-child(7),.overviewVideo li:nth-child(8){display:block}
.overview_title{ font-size:1.5rem;}
}
@media (max-width:575.98px){.overview_box{padding:1rem 0}
.overviewPro li .imgbox{width:100%;height:auto}
.overviewPro li .imgbox img{position:relative;object-fit:contain;height:auto}
.overviewPro li .textbox{width:100%;padding:1rem}
.otherFw2 ul li{width:100%}
.overviewVideo li{width:100%}
.overviewVideo li .imgbox img{width:100%}
}