/*通用样式*/
:root{
    --public-color:#ed1c24;
    --max:1430px;
}
body{color:#333;font-size:16px;line-height:24px;font-family:'Manrope','Outfit',Arial,Helvetica,sans-serif;overflow-x:hidden;}
body{cursor:auto;overflow-x: hidden;}
a{color:#333;display:inline-block;}
a:hover{color:var(--public-color)}
.swiper-pagination-bullet-active{background:var(--public-color)}
.page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);}
body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
img{aspect-ratio:attr(width) / attr(height);}
ul,ol,li,dl,dd,dt{list-style-type:none}
.img-width{width:100%;height:auto}
.img-height{height:100%;width:auto}
.img-fluid {max-width: 100%;height: auto;}
.main-container{margin-bottom:40px;margin-top:40px}
.tkanniu{cursor:pointer}
.card-thumb img{transition:all .4s ease}
.card-thumb:hover img{transform:scale(1.1)}
.container-xl{max-width:var(--max)}
.container-xl.m-right{margin:0 0 0 auto;padding:0}
.container-xl.m-left{margin:0 auto 0 0;padding:0}
@media(max-width:768px){
    body{font-size:14px;line-height:20px;padding-top:50px}
    .container-xl.m-right{margin:0 auto;padding:0 15px}
    .container-xl.m-left{margin:0 auto;padding:0 15px}
}
/* #float .ico#scroll-top {
    display: block!important;
} */

/*cookies板式二*/
.google-cookies{position:fixed;z-index:99;bottom:20px;left:0;right:0;}
.google-cookies.off{display:none;}
.google-cookies .container-xl{max-width:1400px; display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:20px;border-radius:10px;}
.google-cookies .left{width:70%;}
.google-cookies .right{text-align:center;}
.google-cookies .t1{font-size:20px;font-weight:bold;color:var(--public-color);margin-bottom:5px;}
.google-cookies .p1{font-size:14px;line-height:22px;margin-top:0px;}
.google-cookies .p1 a{font-weight:bold;text-decoration:underline; margin-right:10px;}
.google-cookies .cookies-btn{border:1px solid var(--public-color);color:var(--public-color);display:block;font-size:16px;padding:8px 25px;margin-top:8px; background:#fff; transition: all 0.5s;border-radius:10px;cursor:pointer;}
.google-cookies .cookies-btn:hover{text-decoration:underline;}
.google-cookies .cookies-btn:first-child{background:var(--public-color);color:#fff;margin-top:0}

@media(max-width:768px) {
  .google-cookies{padding:0;bottom:0;}
  .google-cookies .container-xl{border-radius:0;padding:10px;}
  .google-cookies .left{width:100%;}
  .google-cookies .t1{font-size:16px;line-height:24px;}
  .google-cookies .p1{font-size:14px;line-height:16px;margin-bottom:10px;}
  .google-cookies .right{width:100%;text-align:left;}
  .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;margin-top:10px;font-size:14px;display:inline-block;}
}

/*默认导航样式*/
.navbar{padding:0px;position:relative;z-index:9999;}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav > .nav-item{font-size:16px;margin:0 18px;}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333333;padding:0;height:80px;display:flex;align-items:center;justify-content:center;font-weight:500;text-transform:capitalize;font-size:18px;line-height:32px}
.navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:2px;margin-left:0!important;background:var(--public-color);position:absolute;bottom:2px;transition:width .2s ease}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before{width:100%}
.navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:transform .2s ease,color .2s ease}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color)}
.navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color);}
.navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)}
.navbar-custom .navbar-nav > .nav-item.active > .nav-link{color:var(--public-color);}
.navbar-custom .navbar-nav > .nav-item.active > .nav-link:before{width:100%;}
.navbar-custom .navbar-text{color:rgba(0,0,0,0.5)}
.navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)}
.navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)}

/*移动端头部样式*/
@media(max-width:768px){
    body{padding-top:50px;font-size:14px;}
    .header-mb{background:#fff;position:fixed;top:0;left:0;width:100%;z-index:999;box-shadow:0 0 10px 1px rgba(0,0,0,.1);}
    .header-mb .container-xl{height:50px}
    .header-mb .top-logo{width:50%}
    .header-mb .top-logo img{height:20px;width:auto;}
    .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end}
    .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0}
    .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px}
    .header-mb .top-mb .top-mb-search{padding:.5rem .4rem;margin-left:10px;width:30px;text-align:center}
    .header-mb .top-mb .top-mb-search i{font-size:16px;color:#000;}
    .header-mb .top-mb .icon-bars{color:#000;}
    .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#000}
    .top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%}
    .top-mb-search-box .search-group{width:100%;height:34px}
    .top-mb-feed i{font-size:16px;color:#000;}
    .mobile-head-item .main-content-wrap{background:#fff;top:0;display:block;z-index:99999}
    .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff}
    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden}
    .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-78%;width:78%;height:100%}
    .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden}
    .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1}
    .head_top .top_left{display:none}
    .head_nav{width:100%;padding:0 5px}
    .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px}
    .head_nav li,.head_nav li a{color:#111}
    .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0}
    .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px}
    .head_nav li.has-child>ul{display:none}
    .head_nav li.siblings-no-menu{position:relative;padding-left:15px}
    .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative}
    .head_nav li a:hover{color:inherit}
    .head_nav li em{display:block;height:1.4em;overflow:hidden}
    .head_nav li li{font-size:14px}
    .head_nav li li li{font-size:12px}
    .head_nav li li a{color:#666}
    .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box}
    .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px}
    .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
    .head_nav li.has-child a:hover b{border-color:#111}
    .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2}
    .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative}
    .head_nav li,.head_nav li.has-child{padding-left:0}
    .head_nav li li,.head_nav li li.has-child{padding-left:15px}
    .head_nav li.active>a>b:after{display:none}
    .head_nav li.active>a>b{background-color:#111}
    .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff}
    .mobile-ico-close{width:30px;height:30px;background-color:#b3190d;position:absolute;left:-30px;top:0;cursor:pointer}
    .mobile-ico-close .icon{color:#fff;font-size:30px;padding:0 0 0 6px}
    .search-box .form-control{border-radius:20px}
    .search-box .btn{border:1px solid #ced4da;border-radius:20px}
    .search-box .btn.focus{border:1px solid rgb(128,189,255)}
    .search-box .icon{color:#b3190d}
    .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none}
}
/*#endregion*/


/*#展会信息*/
.zhbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5);z-index:9999;display:none;align-items:center;justify-content:center;}
.zhbg .box{max-width: 1000px; background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);position:relative;}
.zhbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;}
.zhbg .box .zh-t1{display:flex;margin-bottom:25px;}
.zhbg .box .zh-t1 span{background:var(--public-color);display:inline-block;padding:10px;font-size:22px;color:#fff;}
.zhbg .box .zh-t2{font-size:26px;font-weight:bold;margin-bottom:15px;color:var(--public-color);}
.zhbg .box .zh-t3{font-size:18px;margin-bottom:15px;font-weight:bold;}
.zhbg .box .place{font-size:16px;line-height:24px;}
.zhbg .box .place p{margin-bottom:10px;}
.zhbg .box .place p i{color:var(--public-color);min-width:22px;}
.zhbg .box .place p strong{color:var(--public-color);}
.zhbg.on{display:flex;}

.zhkz.on{display: block;}
.zhkz{display: none; background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position: fixed;top:250px;right:-54px;transform: rotate(-90deg); padding: 10px 20px 20px;border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;cursor:pointer;z-index:99; }

@media(max-width:768px) {
    .zhbg .box{width:80%;padding:15px;}
    .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px; }
}


/* 浮窗 */
/* #float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out}
#float .ico{display:flex;align-items:center;justify-content:flex-end;text-align:center;position:relative;cursor:pointer;background:transparent}
#float .ico .icon{width:56px;height:56px;background-color:#ed1c24;border-radius:50px;}
#float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background:#ed1c24;}
#float .ico:first-child>i{border-top:0px solid #fff}
#float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff}
#float .ico>.img>img{width:100%}
#float .ico p{width:0;;border-radius:0;padding:0px 15px;line-height:56px;font-size:16px;height:46px;background-color:#414141;color:#FFF;transition:all .6s;z-index:0;white-space:nowrap}
#float .ico:hover>.img{display:block}
#float .ico:hover p{right:56px}
#float .scale-ico{background-color:transparent;transition:.3s ease-in-out}
#float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i:hover{background-color:var(--public-color);transition:none}
#float.hide{transform:translateX(56px)}
#float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out}
#float.hide .scale-ico i{transform:rotate(180deg);border-top: 1px solid transparent}
#float .ico#scroll-top{display:block!important;}
@media (min-width:1px) and (max-width:991px){
    #float .ico{width:40px;height:40px}
    #float .ico>i{font-size:22px;line-height:40px}
    #float .ico>.img{right:40px}
    #float .ico p{line-height:40px;padding:0 15px;height:40px}
    #float.hide{transform:translateX(40px)}
    #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))} */
}

#float .ico:nth-child(1) p{margin-left:-10px;display:flex;align-items:center;}


/*默认详情设置*/
.content-wrapper { line-height: 1.7;  margin-bottom: 1.5rem; }
.content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper img { max-width: 100% !important; height: auto !important; }
.content-wrapper ol { margin-left: 1em; padding-left: 1em; }
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }
.content-wrapper table p{margin-bottom: 0;}
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }
.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }
.content-wrapper table p{ margin-bottom: 0;line-height: 32px;}
.content-wrapper tbody th{color:#2980c7}

/*#表格*/
.table{overflow-x:auto}
.table-wrapper table th,.table-wrapper table td{padding:15px 5px;vertical-align:middle;font-size:14px;border:1px solid #dee2e6;text-align:center}
.table-wrapper table tbody tr:nth-of-type(even){background-color:rgba(229, 237, 244, 1.0)}
.table-wrapper table tbody tr:hover{background-color:rgba(229, 237, 244, .6);color:#555}
.table-wrapper table{display:table;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
@media(max-width:768px){.table-wrapper table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media (max-width:575.98px){.table-wrapper-sm table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media(max-width:768px){.table-wrapper-md table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media (max-width:991.98px){.table-res-lg table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media (max-width:1500.98px){.table-wrapper-xl table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}


/*#弹出框*/
.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)}
.reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF}
.reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer}
@media(max-width:768px){
    .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF}
    .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px}
}

/*#留言表单*/
.form-feedback .btn{color:#fff;background:var(--public-color);border-radius:0px;font-size:16px;line-height:22px;padding-top:8px;padding-bottom:8px}
.form-feedback .btn:hover{background:#003b66;color:#fff;text-decoration:underline;}
@media(max-width:768px){
    .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px}
    .form-feedback .btn{padding-top:10px;padding-bottom:10px}
    .contact-wrapper .feedback-box .form-control{margin-bottom:0}
}
.form-row>.col,.form-row>[class*="col-"]{padding:0 15px}
.form-feedback .btn-c{background-color:#0b3b8d;height:100%;padding:10px 20px;transition:all .6s}
.popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,var(--public-color) 0%,var(--public-color) 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all}

/*#搜索*/
.search-group{width:200px;height:32px;overflow:hidden;border:1px solid #f7f7f7;border-radius:5px}
.search-group .form-control{border:none;border-radius:0px;background:transparent;color:#5c5352;height:32px;line-height:32px;}
.search-group .form-control::-webkit-input-placeholder{color:#5c5352}
.search-group .btn{background-color:#9f1919;border-radius:0px;height:32px;width:32px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0}
.search-group i{color:#fff;font-size:1rem}

/* 格子 */
.grid{display:grid;grid-template-rows:repeat(var(--bs-rows,1),1fr);grid-template-columns:repeat(var(--bs-columns,12),1fr);
    gap:var(--bs-gap,1.5rem)}.grid .g-col-1{grid-column:auto/span 1}.grid .g-col-2{grid-column:auto/span 2}.grid .g-col-3{grid-column:auto/span 3}.grid .g-col-4{grid-column:auto/span 4}.grid .g-col-5{grid-column:auto/span 5}.grid .g-col-6{grid-column:auto/span 6}.grid .g-col-7{grid-column:auto/span 7}.grid .g-col-8{grid-column:auto/span 8}.grid .g-col-9{grid-column:auto/span 9}.grid .g-col-10{grid-column:auto/span 10}.grid .g-col-11{grid-column:auto/span 11}.grid .g-col-12{grid-column:auto/span 12}.grid .g-start-1{grid-column-start:1}.grid .g-start-2{grid-column-start:2}.grid .g-start-3{grid-column-start:3}.grid .g-start-4{grid-column-start:4}.grid .g-start-5{grid-column-start:5}.grid .g-start-6{grid-column-start:6}.grid .g-start-7{grid-column-start:7}.grid .g-start-8{grid-column-start:8}.grid .g-start-9{grid-column-start:9}.grid .g-start-10{grid-column-start:10}.grid .g-start-11{grid-column-start:11}@media (min-width:576px){.grid .g-col-sm-1{grid-column:auto/span 1}.grid .g-col-sm-2{grid-column:auto/span 2}.grid .g-col-sm-3{grid-column:auto/span 3}.grid .g-col-sm-4{grid-column:auto/span 4}.grid .g-col-sm-5{grid-column:auto/span 5}.grid .g-col-sm-6{grid-column:auto/span 6}.grid .g-col-sm-7{grid-column:auto/span 7}.grid .g-col-sm-8{grid-column:auto/span 8}.grid .g-col-sm-9{grid-column:auto/span 9}.grid .g-col-sm-10{grid-column:auto/span 10}.grid .g-col-sm-11{grid-column:auto/span 11}.grid .g-col-sm-12{grid-column:auto/span 12}.grid .g-start-sm-1{grid-column-start:1}.grid .g-start-sm-2{grid-column-start:2}.grid .g-start-sm-3{grid-column-start:3}.grid .g-start-sm-4{grid-column-start:4}.grid .g-start-sm-5{grid-column-start:5}.grid .g-start-sm-6{grid-column-start:6}.grid .g-start-sm-7{grid-column-start:7}.grid .g-start-sm-8{grid-column-start:8}.grid .g-start-sm-9{grid-column-start:9}.grid .g-start-sm-10{grid-column-start:10}.grid .g-start-sm-11{grid-column-start:11}}@media (min-width:768px){.grid .g-col-md-1{grid-column:auto/span 1}.grid .g-col-md-2{grid-column:auto/span 2}.grid .g-col-md-3{grid-column:auto/span 3}.grid .g-col-md-4{grid-column:auto/span 4}.grid .g-col-md-5{grid-column:auto/span 5}.grid .g-col-md-6{grid-column:auto/span 6}.grid .g-col-md-7{grid-column:auto/span 7}.grid .g-col-md-8{grid-column:auto/span 8}.grid .g-col-md-9{grid-column:auto/span 9}.grid .g-col-md-10{grid-column:auto/span 10}.grid .g-col-md-11{grid-column:auto/span 11}.grid .g-col-md-12{grid-column:auto/span 12}.grid .g-start-md-1{grid-column-start:1}.grid .g-start-md-2{grid-column-start:2}.grid .g-start-md-3{grid-column-start:3}.grid .g-start-md-4{grid-column-start:4}.grid .g-start-md-5{grid-column-start:5}.grid .g-start-md-6{grid-column-start:6}.grid .g-start-md-7{grid-column-start:7}.grid .g-start-md-8{grid-column-start:8}.grid .g-start-md-9{grid-column-start:9}.grid .g-start-md-10{grid-column-start:10}.grid .g-start-md-11{grid-column-start:11}}@media (min-width:992px){.grid .g-col-lg-1{grid-column:auto/span 1}.grid .g-col-lg-2{grid-column:auto/span 2}.grid .g-col-lg-3{grid-column:auto/span 3}.grid .g-col-lg-4{grid-column:auto/span 4}.grid .g-col-lg-5{grid-column:auto/span 5}.grid .g-col-lg-6{grid-column:auto/span 6}.grid .g-col-lg-7{grid-column:auto/span 7}.grid .g-col-lg-8{grid-column:auto/span 8}.grid .g-col-lg-9{grid-column:auto/span 9}.grid .g-col-lg-10{grid-column:auto/span 10}.grid .g-col-lg-11{grid-column:auto/span 11}.grid .g-col-lg-12{grid-column:auto/span 12}.grid .g-start-lg-1{grid-column-start:1}.grid .g-start-lg-2{grid-column-start:2}.grid .g-start-lg-3{grid-column-start:3}.grid .g-start-lg-4{grid-column-start:4}.grid .g-start-lg-5{grid-column-start:5}.grid .g-start-lg-6{grid-column-start:6}.grid .g-start-lg-7{grid-column-start:7}.grid .g-start-lg-8{grid-column-start:8}.grid .g-start-lg-9{grid-column-start:9}.grid .g-start-lg-10{grid-column-start:10}.grid .g-start-lg-11{grid-column-start:11}}@media (min-width:1200px){.grid .g-col-xl-1{grid-column:auto/span 1}.grid .g-col-xl-2{grid-column:auto/span 2}.grid .g-col-xl-3{grid-column:auto/span 3}.grid .g-col-xl-4{grid-column:auto/span 4}.grid .g-col-xl-5{grid-column:auto/span 5}.grid .g-col-xl-6{grid-column:auto/span 6}.grid .g-col-xl-7{grid-column:auto/span 7}.grid .g-col-xl-8{grid-column:auto/span 8}.grid .g-col-xl-9{grid-column:auto/span 9}.grid .g-col-xl-10{grid-column:auto/span 10}.grid .g-col-xl-11{grid-column:auto/span 11}.grid .g-col-xl-12{grid-column:auto/span 12}.grid .g-start-xl-1{grid-column-start:1}.grid .g-start-xl-2{grid-column-start:2}.grid .g-start-xl-3{grid-column-start:3}.grid .g-start-xl-4{grid-column-start:4}.grid .g-start-xl-5{grid-column-start:5}.grid .g-start-xl-6{grid-column-start:6}.grid .g-start-xl-7{grid-column-start:7}.grid .g-start-xl-8{grid-column-start:8}.grid .g-start-xl-9{grid-column-start:9}.grid .g-start-xl-10{grid-column-start:10}.grid .g-start-xl-11{grid-column-start:11}}@media (min-width:1400px){.grid .g-col-xxl-1{grid-column:auto/span 1}.grid .g-col-xxl-2{grid-column:auto/span 2}.grid .g-col-xxl-3{grid-column:auto/span 3}.grid .g-col-xxl-4{grid-column:auto/span 4}.grid .g-col-xxl-5{grid-column:auto/span 5}.grid .g-col-xxl-6{grid-column:auto/span 6}.grid .g-col-xxl-7{grid-column:auto/span 7}.grid .g-col-xxl-8{grid-column:auto/span 8}.grid .g-col-xxl-9{grid-column:auto/span 9}.grid .g-col-xxl-10{grid-column:auto/span 10}.grid .g-col-xxl-11{grid-column:auto/span 11}.grid .g-col-xxl-12{grid-column:auto/span 12}.grid .g-start-xxl-1{grid-column-start:1}.grid .g-start-xxl-2{grid-column-start:2}.grid .g-start-xxl-3{grid-column-start:3}.grid .g-start-xxl-4{grid-column-start:4}.grid .g-start-xxl-5{grid-column-start:5}.grid .g-start-xxl-6{grid-column-start:6}.grid .g-start-xxl-7{grid-column-start:7}.grid .g-start-xxl-8{grid-column-start:8}.grid .g-start-xxl-9{grid-column-start:9}.grid .g-start-xxl-10{grid-column-start:10}.grid .g-start-xxl-11{grid-column-start:11}}
    @media(max-width:768px){.grid{gap:var(--bs-gap,0.5rem)}}
    @media (max-width:768px) {
        .t1{font-size:24px;line-height:32px;}
        .t2{font-size:18px;line-height:26px;}
        .msg{font-size:14px;line-height:22px}
    
        .mb-t1{font-size:24px !important;line-height:32px !important;}
        .mb-t2{font-size:18px !important;line-height:26px !important;}
        .mb-msg{font-size:14px !important;line-height:22px !important;}
        .mb-block{display:block !important;}
        .mb-block >:first-child{width:100% !important;}
        .mb-block >:nth-child(2){width:100% !important;margin-top:20px !important;}

        .mb-flex{flex-wrap:wrap;}
        .mb-flex >:first-child{width:100% !important;order:2 !important;margin-top:20px !important;}
        .mb-flex >:nth-child(2){width:100% !important;order:1 !important;}
}

.t1{font-size:42px;line-height:42px;color:#333333;font-weight:600;}
.t2{font-size:24px;line-height:42px;color:#003c81;font-weight:500;}
.msg{font-size:18px;line-height:28px;color:#666666;}

.public-style{text-align:center;margin-top:0;}
.public-title{font-size:36px;line-height:48px;color:#333333;font-weight:600;}
.public-title::before{content:"";width:68px;height:48px;background:url(../../images/public-title-icon.webp)no-repeat;background-size:cover;display:inline-block;margin-right:25px;}

@media (max-width:768px) {
    .public-title::before{content:none;}
}

.xmt-skip1{margin:5px auto 0 auto;display:table;}
.xmt-skip2{margin:5px auto 0 auto;display:table;}
.xmt-skip2 img{mix-blend-mode: darken;}
.max-1470{max-width:1470px;}

.header{background-color:#fff;z-index:999;width:100%;position:fixed;top:0;left:0;}
.header .logo img:nth-child(1){display:none;}
.header .logo svg,.home-header .logo svg{width:100%;height:auto;display:block;}
.header .top-search-box{display:flex;align-items:center;position:relative;margin-left:25px;}
.header .search-tb{display:flex;align-items:center;filter:invert(1);padding-right:18px;border-right:1px solid #c1c1c1;}
.header .top-search{right:0;left:auto;}
.header .search-group .btn{background-color:var(--public-color);}

.header .top-lang{display:flex;align-items:center;}
.header .top-lang .dropdown.lang .dropdown-menu{right:0;left:auto;}

.header.fadeInDown{box-shadow:0 0 10px 1px rgba(0,0,0,.1);}
.header.fadeInDown .navbar-custom .navbar-nav .nav-link{height:70px;transition:height .5s;}

@media(max-width:1919px){
    .header .top-lang{margin-right:5px;}
}
@media(max-width:1400px){
    .header .navbar-custom .navbar-nav > .nav-item{margin:0 10px;}
    .header .top-search-box{margin-left:10px;}
}

.home-header{background-color:transparent;}
.home-header .logo img:nth-child(1){display:block;}
.home-header .logo img:nth-child(2){display:none;}
.home-header .navbar-custom .navbar-nav .nav-link{color:#fff;}
.home-header .navbar-custom .navbar-nav .nav-link:before{background-color:#fff;}
.home-header .search-tb{filter:invert(0);}
.home-header .dropdown.lang .dropdown-toggle{filter:invert(0);}

.home-header.fadeInDown{background-color:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,0.1);}
.home-header.fadeInDown .logo img:nth-child(1){display:none;}
.home-header.fadeInDown .logo img:nth-child(2){display:block;}
.home-header.fadeInDown .navbar-custom .navbar-nav .nav-link{color:#333;}
.home-header.fadeInDown .navbar-custom .navbar-nav .nav-link:before{background-color:var(--public-color);}


.home-header.fadeInDown .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color);}

.home-banner{position:relative;margin-top:80px;}
.home-banner .banner-text{text-align:left;}
.home-banner .box{width:57.2%;}
.home-banner .t1{font-size:52px;line-height:60px;font-weight:600;color:#ffffff;}
.home-banner .title{font-size:24px;line-height:36px;margin-top:20px;}
.home-banner .msg{font-size:18px;line-height:30px;color:#ffffff;margin-top:30px;}

@media(max-width:768px){
.home-banner{margin-top:0px;}
	.home-banner .title{font-size:16px;line-height:24px;margin-top:0px;}
}

.home-pro{margin-top:40px;padding-bottom:60px;}
.home-pro .under{margin-top:40px;}
.home-pro .box{display:flex;justify-content:space-between;margin-top:50px;}
.home-pro .left{width:40.6%;margin-top:15px;}
.home-pro .left .grid{gap:var(--bs-gap,0);}
.home-pro .left .g-col-xl-4{padding:25px 5px;background-color:#f8f8f8;}
.home-pro .left .img{height:60px;display:flex;align-items:center;justify-content:center;mix-blend-mode:darken;}
.home-pro .left .title{font-size:17px;line-height:32px;font-weight:500;color:#333333;text-align:center;margin-top:10px;}
.home-pro .left .g-col-xl-4:nth-child(7){padding:25px 0;}

.home-pro .left .g-col-xl-4.active{background-color:#e5f4fb;}
.home-pro .right{width:56.5%;}
.home-pro .right img{position:relative;right:-155px;}

@media (max-width:1919px) {
    .home-pro .right img{right:0;}
}

@media(max-width:768px){
    .home-pro .left{width:100%;}
    .home-pro .left ul{padding-left: 20px;}
    .home-pro .left ul li{list-style:disc;text-align:left;font-size: 14px;line-height: 24px;}
}

.home-emp{padding:30px 0;}
.home-emp .under{margin-top:65px;position:relative;}
.home-emp .bg-boxs .bgbox{display:none;}
.home-emp .bg-boxs .bgbox.active{display:block;}
.home-emp .boxs{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:flex-end;}
.home-emp .container-xl{display:flex;justify-content:space-between;align-items:flex-end;height:100%;}
.home-emp .box{width:25%;height:100%;overflow:hidden;display:flex;align-items:flex-end;}
.home-emp .box1{height:160px;}
.home-emp .box .img{height:87px;text-align:center;}
.home-emp .box .title{font-size:24px;line-height:32px;font-weight:700;color:#fff;text-align:center;margin-top:5px;}
.home-emp .box .msg{font-size:18px;line-height:28px;color:#ffffff;margin-top:40px;font-weight:300;text-align:center;}
.home-emp .box.active .box1{padding:150px 35px 65px 35px;height:100%;background-color:rgba(10,68,134,.8);}

.home-about{margin-top:165px;}
.home-about .container-xl{display:flex;justify-content:space-between;}
.home-about .left{width:46.8%;}
.home-about .left img{border-top-left-radius:180px;border-bottom-right-radius:180px;}
.home-about .right{width:44%;}
.home-about .t1{font-size:36px;line-height:58px;position:relative;}
.home-about .t1::before{content:"";width:68px;height:69px;background:url(../../images/home-about-icon.webp)no-repeat;background-size:cover;display:inline-block;position:absolute;left:-100px;top:0;}
.home-about .msg span{font-weight:600;color:#f15e43;}
.home-about .msg:nth-child(2){margin-top:40px;}
.home-about .msg:nth-child(3){margin-top:20px;}
.home-about .grid{position:relative;width:87.7%;gap:var(--bs-gap,0);margin-top:60px;}
.home-about .grid::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent 0%,#9ec4e6 32%,#fff 50%,#0e4687 68%,transparent 100%);background-size:220% 100%;animation:td-current 2.8s linear infinite;z-index:2;pointer-events:none;}
.home-about .g-col-xl-4{position:relative;background-color:#f8f8f8;padding:45px 25px 25px 25px;text-align:center;transition:background-color .25s ease;}
.home-about .g-col-xl-4::before{content:"";position:absolute;left:50%;top:0;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #c5d4e4;box-shadow:0 0 0 3px rgba(14,70,135,.08);transform:translate(-50%,-50%);z-index:3;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;}
.home-about .g-col-xl-4 .num1{font-size:36px;line-height:48px;font-weight:500;color:#333333;}
.home-about .g-col-xl-4 .text{font-size:18px;line-height:28px;font-weight:500;color:#333333;margin-top:25px;}
.home-about .g-col-xl-4:nth-child(2) .text{margin-top:35px;}

.home-about .g-col-xl-4.active{background-color:#e5f4fb;}
.home-about .g-col-xl-4.active::before{background:#0e4687;border-color:#0e4687;box-shadow:0 0 0 4px rgba(14,70,135,.16),0 0 12px rgba(14,70,135,.5);}
.home-about .g-col-xl-4.active::after{content:"";position:absolute;left:16%;right:16%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#0e4687,transparent);background-size:200% 100%;animation:td-current 1.4s linear infinite;}
.home-about .g-col-xl-4.active .num1{color:#013a7d;}
.home-about .g-col-xl-4.active .text{color:#013a7d;}
@media (prefers-reduced-motion:reduce){
    .home-about .grid::before,.home-about .g-col-xl-4.active::after{animation:none;}
}

.home-tide{margin-top:160px;position:relative;}
.home-tide::before{content:"";width:897px;height:620px;background:url(../../images/home-tide-skip.webp)no-repeat;background-size:cover;display:block;position:absolute;left:7.8%;top:20px;z-index:-1;}
.home-tide .top{display:flex;justify-content:flex-end;}
.home-tide .t1:after{content:"";width:73px;height:50px;background:url(../../images/home-tide-icon1.webp)no-repeat;background-size:cover;display:inline-block;margin-left:25px;}
.home-tide .grid{margin-top:65px;gap:var(--bs-gap,75px);}
.home-tide .g-col-xl-4{background-color:#f8f8f8;}
.home-tide .g-col-xl-4 .texts{padding:40px 30px;}
.home-tide .g-col-xl-4 .title{font-size:24px;line-height:32px;font-weight:600;color:#333333;}
.home-tide .g-col-xl-4 .msg{padding-left:30px;position:relative;}
.home-tide .g-col-xl-4 .msg:nth-child(2){margin-top:30px;}
.home-tide .g-col-xl-4 .msg:nth-child(3){margin-top:20px;}
.home-tide .g-col-xl-4 .msg::before{content:"";width:20px;height:15px;background:url(../../images/home-tide-icon2.webp)no-repeat;background-size:cover;display:block;position:absolute;left:0;top:7px;}

.home-tide .g-col-xl-4:nth-child(1){border-top-left-radius:80px;overflow:hidden;}
.home-tide .g-col-xl-4:nth-child(3){border-bottom-right-radius:80px;overflow:hidden;}

.home-sup{margin-top:150px;background:url(../../images/home-sup-bg.webp)no-repeat;background-size:100% 100%;padding:70px 0 40px 0;}
.home-sup .box{display:flex;justify-content:space-between;}
.home-sup .left{width:59.3%;}
.home-sup .t1{font-size:36px;font-weight:700;}
.home-sup .t1::before{content:"";width:73px;height:51px;background:url(../../images/home-sup-icon1.webp)no-repeat;background-size:cover;display:inline-block;margin-right:35px;}
.home-sup .tip{margin-top:75px;}
.home-sup .tip p{font-size:18px;line-height:28px;color:#666666;margin-top:20px;}
.home-sup .tip p::before{content:"";width:20px;height:15px;background:url(../../images/home-sup-icon2.webp)no-repeat;background-size:cover;display:inline-block;margin-right:15px;position:relative;top:1px;}
.home-sup .tip p:nth-child(1){margin-top:0;}

.home-sup .last{margin-top:90px;display:flex;align-items:center;}
.home-sup .last a{padding:18px 20px;background-color:#ffece8;font-size:20px;line-height:28px;font-weight:500;color:#333333;margin-right:20px;border-radius:50px;}
.home-sup .last a:hover{background-color:#f15e43;color:#fff;}
.home-sup .last a:last-child{margin-right:0;}
.home-sup .last .a1::before{content:"";width:15px;height:16px;background:url(../../images/home-sup-a1.webp)no-repeat;background-size:cover;display:inline-block;margin-right:10px;}
.home-sup .last .a1:hover::before{background:url(../../images/home-sup-a11.webp)no-repeat;}

.home-sup .last .a2::before{content:"";width:18px;height:16px;background:url(../../images/home-sup-a2.webp)no-repeat;background-size:cover;display:inline-block;margin-right:10px;}
.home-sup .last .a2:hover::before{background:url(../../images/home-sup-a21.webp)no-repeat;}

.home-sup .last .a3::before{content:"";width:16px;height:16px;background:url(../../images/home-sup-a3.webp)no-repeat;background-size:cover;display:inline-block;margin-right:10px;}
.home-sup .last .a3:hover::before{background:url(../../images/home-sup-a31.webp)no-repeat;}

.home-sup .right{width:29.3%;}
.home-sup .right .title{font-size:24px;line-height:32px;font-weight:700;color:#333333;}

.home-sup form{margin-top:30px;}
.home-sup .form-row{margin:0;}
.home-sup .form-row>[class*="col-"]{padding:0;margin-bottom:20px;}
.home-sup .form-feedback .form-control{padding:15px 25px;font-size:16px;line-height:24px;color:#333333;border-color:transparent;}
.home-sup .btn{border-radius:50px;font-size:20px;line-height:30px;font-weight:500;color:#000;padding:10px 20px;background-color:#ffece8;display:table;margin:15px 0 0 auto;}
.home-sup .btn::after{content:"";width:21px;height:7px;background:url(../../images/home-sup-btn-icon.webp)no-repeat;background-size:cover;display:inline-block;margin-left:10px;position:relative;top:-5px;filter:invert(1);}
.home-sup .btn:hover{background-color:#f15e43;}
.home-sup .btn:hover::after{filter:invert(0);}

.home-new{margin-top:40px;padding-bottom:100px;}
.home-new .grid{margin-top:80px;gap:var(--bs-gap,75px);}
.home-new .img{border-bottom-right-radius:80px;overflow:hidden;position:relative;}
.home-new .sign{position:absolute;left:0;top:0;width:180px;height:50px;display:flex;align-items:center;padding-left:15px;background-color:#023b7e;font-size:18px;line-height:32px;font-weight:600;color:#fff;border-bottom-right-radius:40px;}
.home-new .title{font-size:24px;line-height:32px;font-weight:600;color:#333333;margin-top:25px;}
.home-new .title:hover{color:var(--public-color);}
.home-new .date{font-size:18px;line-height:28px;font-weight:600;color:#999999;margin-top:10px;}

footer{background-color:#f8f8f8;padding-top:80px;}
footer .top{display:flex;justify-content:space-between;align-items:flex-start;gap:36px;padding-bottom:25px;}
footer .logo{margin-top:25px;}

footer .box .title{font-size:24px;line-height:32px;font-weight:700;color:#666666;margin-bottom:50px;margin-top:30px;}

footer .grid{gap:var(--bs-gap,20px);margin-top:30px;}
footer .g-col-12{display:flex;align-items:center;}
footer .g-col-xl-12{align-items:flex-start;}
footer .g-col-xl-12 .icon{margin-top:2px;}

footer .box{width:auto;min-width:0;}
footer .box.foot-brand{flex:0 0 340px;width:340px;}
footer .box.foot-nav{flex:0 0 168px;width:168px;}
footer .box.foot-products{flex:1 1 auto;width:auto;}
footer .box.foot-info{flex:0 0 280px;width:280px;}
footer .box .icon{width:18px;height:18px;display:flex;justify-content:center;align-items:center;margin-right:10px;}
footer .box a.footer .box:nth-child(1) .icon + div{font-size:16px;line-height:32px;color:#666666;}

footer .box .box1{display:flex;flex-wrap:wrap;justify-content:space-between;}
footer .box.foot-nav a{font-size:16px;line-height:32px;color:#666666;margin-bottom:5px;position:relative;width:100%;}
footer .box.foot-nav a::before{content:"";width:12px;height:4px;background:url(../../images/footer-a-icon.webp)no-repeat;background-size:cover;display:inline-block;position:relative;left:0;top:-5px;margin-right:10px;}

footer .x1-foot-zt {margin-top:25px;}

footer .box a:hover{color:var(--public-color);}

footer .foot-contact{border-radius:50px;font-size:20px;line-height:28px;background-color:#ffece8;color:#000;display:inline-flex;align-items:center;justify-content:center;padding:18px 50px;margin-top:30px;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;}
footer .foot-contact::after{content:"";width:21px;height:7px;background:url(../../images/foot-contact-icon.webp)no-repeat;background-size:cover;display:inline-block;margin-left:20px;position:relative;top:0;filter:brightness(0);transition:transform .3s ease,filter .3s ease;}
footer .box a.foot-contact:hover{background-color:#ed1c24;color:#fff;box-shadow:0 8px 18px rgba(237,28,36,.28);}
footer .box a.foot-contact:hover::after{filter:brightness(0) invert(1);transform:translateX(8px);}
footer .share-text{font-size:16px;line-height:24px;color:#666666;margin-top:20px;font-weight:500;}

footer .share{margin-top:15px;display:flex;align-items:center;}
footer .share .social>span:last-child{padding:0;}
footer .share .social,footer .share a{margin-right:20px;}
footer .share .social:hover,footer .share a:hover{cursor:pointer;}
footer .share a:last-child{margin-right:0;}

footer .under{padding:20px 0;border-top:1px solid #dfdfdf;font-size:16px;line-height:24px;color:#999999;}

@media (max-width:1919px) {
    .home-emp .box.active .box1{padding:80px 15px 0 15px;}
}
@media (max-width:1420px) {
    .home-emp .box .msg{font-size:16px;line-height:24px;}
    .home-emp .box.active .box1{padding:30px 15px 0 15px;}
    .home-emp .box.active .msg{margin-top:10px;}
}
@media (max-width:768px) {
.home-tide .top{ justify-content: center;}
    .header-mb .icon-whatsapp{color:#000;}
    .xmt-skip1,.xmt-skip2{display:none;}
    .t1{font-size:20px;line-height:28px;}
    .t2{font-size:16px;line-height:24px;}
    .msg{font-size:14px;line-height:22px;}
    .public-title{font-size:20px;line-height:28px;margin-bottom:10px;}
    .public-title::before{width:34px;height:24px;margin-right:10px;}

    .home-banner .box{width:100%;}
    .home-banner .t1{font-size:18px;line-height:26px;}
    .home-banner .msg{font-size:16px;line-height:24px;margin-top:5px;}

    .home-pro{margin-top:20px;padding-bottom:30px;}
    .home-pro .under{margin-top:20px;}
    .home-pro .box{margin-top:30px;flex-wrap:wrap;}
    .home-pro .left{width:100%;}
    .home-pro .left .title{font-size:14px;line-height:22px;}
    .home-pro .left .g-col-xl-4,.home-pro .left .g-col-xl-4:nth-child(7){padding:15px 5px;}
    .home-pro .right{width:100%;order:-1;}

    .home-emp .under{margin-top:20px;}
    .home-emp .box{position:absolute;left:0;top:0;width:100%;height:100%;}
    .home-emp .box .msg{display:none;}
    .home-emp .box1{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background-color:rgba(10,68,134,.8);}
    .home-emp .box .img{height:auto;width:100%;}
    .home-emp .box .img img{height:40px;}
    .home-emp .box .title{font-size:16px;line-height:24px;width:100%;}

    .home-about{margin-top:30px;}
    .home-about .container-xl{flex-wrap:wrap;}
    .home-about .left{width:100%;}
    .home-about .left img{border-top-left-radius:90px;border-bottom-right-radius:90px;}
    .home-about .right{width:100%;margin-top:20px;}
    .home-about .t1{font-size:18px;line-height:26px;}
    .home-about .t1::before{left:0;width:34px;height:32px;top:-13px;}
    
    .home-about .msg:nth-child(2),.home-about .msg:nth-child(3){margin-top:15px;}
    .home-about .grid{width:100%;margin-top:20px;}
    .home-about .g-col-xl-4{padding:25px;}
    .home-about .g-col-xl-4 .num1{font-size:20px;line-height:28px;}
    .home-about .g-col-xl-4 .text{font-size:14px;line-height:22px;margin-top:0;}
    .home-about .g-col-xl-4:nth-child(2) .text{margin-top:10px;}

    .home-tide{margin-top:20px;}
    .home-tide::before{display:none;}
    .home-tide .t1:after{width:36px;height:25px;margin-left:0;}
    .home-tide .grid{gap:var(--bs-gap,20px);margin-top:20px;}
    .home-tide .g-col-xl-4 .texts{padding:25px;}
    .home-tide .g-col-xl-4 .title{font-size:18px;line-height:26px;}
    .home-tide .g-col-xl-4 .msg::before{top:2px;}
    .home-tide .g-col-xl-4 .msg:nth-child(2),.home-tide .g-col-xl-4 .msg:nth-child(3){margin-top:15px;}

    .home-sup{margin-top:20px;padding:20px 0;}
    .home-sup .box{flex-wrap:wrap;}
    .home-sup .left{width:100%;}
    .home-sup .t1{font-size:20px;line-height:28px;}
    .home-sup .t1::before{width:36px;height:25px;margin-right:10px;}
    .home-sup .tip{margin-top:10px;}
    .home-sup .tip p{font-size:14px;line-height:22px;}
    .home-sup .tip p::before{margin-right:10px;}
    .home-sup .right{width:100%;margin-top:20px;}
    .home-sup .right .title{font-size:18px;line-height:26px;}
    .home-sup .form-row>[class*="col-"]{margin-bottom:15px;}
    .home-sup .last{margin-top:20px;flex-wrap:wrap;}
    .home-sup .last a{font-size:16px;line-height:24px;margin-bottom:10px;}
    .home-sup form{margin-top:10px;}
    .home-sup .form-feedback .form-control{padding:10px 15px;}
    .home-sup .btn{margin-top:0;font-size:16px;line-height:24px;}

    .home-new{margin-top:20px;padding-bottom:30px;}
    .home-new .grid{gap:var(--bs-gap,20px);margin-top:20px;}
    .home-new .sign{font-size:16px;line-height:24px;}
    .home-new .title{font-size:18px;line-height:26px;margin-top:10px;}
    .home-new .date{font-size:16px;line-height:24px;}

    footer{padding-top:30px;}
    footer .top{flex-wrap:wrap;gap:0;padding-bottom:15px;}
    footer .box,footer .box.foot-brand,footer .box.foot-nav,footer .box.foot-products,footer .box.foot-info{width:100%;flex:none;}
    footer .box.foot-info{margin-top:20px;}
    footer .box.foot-nav{display:none;}
    footer .logo{margin-top:0;}
    footer .grid{margin-top:20px;}
    footer .box .title{font-size:18px;line-height:26px;margin-bottom:10px;margin-top:0;}
    footer .box.foot-nav a,footer .box.foot-info a{font-size:14px;line-height:22px;}
    footer .foot-contact{margin-top:15px;font-size:18px;line-height:26px;padding:10px 40px;}
    footer .share-text{margin-top:15px;}
}

.anchor{position:fixed;right:0;top:160px;bottom:280px;width:156px;display:flex;align-items:flex-start;justify-content:flex-end;z-index:10;}
.anchor .box{position:relative;width:100%;max-height:100%;padding:22px 16px 22px 34px;background:#fff;border:1px solid #f0e4e4;border-right:0;border-radius:16px 0 0 16px;box-shadow:0 8px 24px rgba(0,0,0,.06);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;}
.anchor .box::-webkit-scrollbar{width:0;height:0;}
.anchor .box::before{content:"";position:absolute;left:20px;top:30px;bottom:30px;width:1px;background:#f3d4d4;}
.anchor .box .item{color:#666;font-weight:400;font-size:14px;line-height:22px;margin-top:14px;position:relative;display:block;padding-left:0;}
.anchor .box .item::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #f0b4b4;box-shadow:none;display:block;position:absolute;left:-18px;top:6px;z-index:2;}
.anchor .box .item::after{display:none;}
.anchor .box .item:nth-child(1){margin-top:0;}
.anchor .box .item.active,.anchor .box .item:hover{font-weight:600;color:var(--public-color);}
.anchor .box .item.active::before,.anchor .box .item:hover::before{width:8px;height:8px;left:-18px;top:6px;background:var(--public-color);border-color:var(--public-color);box-shadow:0 0 0 3px #ffe8e8;}

@media (max-width:1430px) {
    .anchor{display:none;}
}


.banner .banner-img img{width:100%;}
.other.banner{margin-top:80px;}
.other.banner .banner-text{text-align:left;align-items:flex-end;bottom:35px;}
.other.banner .t1{font-size:52px;line-height:60px;color:#ffffff;margin-bottom: 15px;}
.other.banner .breadcrumb{margin-top:85px;display:flex;align-items:center;}

.other.banner .breadcrumb-item a{font-size:16px;line-height:24px;font-weight:500;color:rgba(255,255,255,.6);}
.other.banner .breadcrumb-item{display:flex;align-items:center;}
.other.banner .breadcrumb-item+.breadcrumb-item{padding-left:20px;}
.other.banner .breadcrumb-item+.breadcrumb-item::before{content:"";width:13px;height:13px;background:url(../../images/proseries-banner-icon.webp)no-repeat;background-size:cover;display:block;margin-right:15px;}
.other.banner .breadcrumb-item a:hover{color:#fff;}

.other.proindex_banner .breadcrumb-item+.breadcrumb-item::before{background:url(../../images/other-banner-icon.webp)no-repeat;background-size:cover;}
@media (max-width:1230px) {
    .other.banner .breadcrumb{margin-top:30px;}
}

.proindex{margin-top:50px;}
.proindex .top .t1{font-size:36px;}
.proindex .top .msg{width:90%;;text-align:center;}
.proindex .top .msg:nth-child(4){margin:40px auto 0 auto;}
.proindex .top .msg:nth-child(5){margin:20px auto 0 auto;}

.proindex .box:nth-of-type(2){margin-top:140px;padding-bottom:100px;}
.proindex .box:nth-of-type(3){padding-top:100px;padding-bottom:100px;}
.proindex .box{display:flex;justify-content:space-between;position:relative;}
.proindex .left{width:28.6%;position:sticky;top:100px;align-self:flex-start;z-index:2;}
.proindex .proindex-inquiry{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-top:28px;height:42px;padding:0 22px;border-radius:50px;background:#ed1c24;color:#fff;font-size:15px;line-height:20px;font-weight:500;box-shadow:0 6px 16px rgba(237,28,36,.18);transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.proindex .proindex-inquiry::after{content:"";width:6px;height:6px;margin-left:10px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg);transition:transform .25s ease;}
.proindex .proindex-inquiry:hover{background:#c4161c;color:#fff;box-shadow:0 8px 18px rgba(237,28,36,.28);transform:translateY(-1px);}
.proindex .proindex-inquiry:hover::after{transform:translateX(3px) rotate(45deg);}
.proindex .box .num{font-size:72px;line-height:72px;font-weight:500;color:#0e4687;}
.proindex .box .t1{font-size:36px;line-height:46px;font-weight:700;color:#333333;margin-top:30px;}
.proindex .box .t1:hover{color:var(--public-color);text-decoration:underline;}
.proindex .box .msg{margin-top:30px;}
.proindex .box .msg p{display:inline;}
.proindex .box .msg h6{display:inline-block;color:#0e4687;font-weight:500;font-weight:500;}
.proindex .right{width:57.2%;}

.proindex .row{margin:0;}
.proindex .col-md-6{padding:0;margin-top:90px;}
.proindex .col-md-6:nth-child(1),.proindex .col-md-6:nth-child(2){margin-top:0;}
.proindex .col-md-6:nth-child(odd){padding-right:90px;}
.proindex .col-md-6:nth-child(even){padding-left:90px;}
.proindex .title{font-size:20px;line-height:32px;font-weight:500;color:#333333;text-align:center;margin-top:30px;}
.proindex .title:hover{color:var(--public-color);}

.proindex .box:nth-of-type(2)::after{content:"";width:619px;height:703px;background:url(../../images/proindex-skip.webp)no-repeat;background-size:cover;display:block;position:absolute;right:-140px;bottom:0;z-index:-1;}
.proindex .box:nth-of-type(3)::after{content:"";width:619px;height:703px;background:url(../../images/proindex-skip.webp)no-repeat;background-size:cover;display:block;position:absolute;left:-140px;top:-56px;z-index:-1;transform:rotate(180deg);}

@media (max-width:1919px) {
    .proindex .box:nth-of-type(2)::after,.proindex .box:nth-of-type(3)::after{display:none;}
}
@media (max-width:768px) {
    .proindex{margin-top:20px;}
    .proindex .top .t1{font-size:20px;line-height:28px;}
    .proindex .top .msg{width:100%;}
    .proindex .top .msg:nth-child(4){margin:10px auto;}
    .proindex .top .msg:nth-child(5){margin-top:0;}
    .proindex .box:nth-of-type(2){margin-top:20px;padding-bottom:30px;}

    .proindex .box .num{font-size:20px;line-height:28px;}
    .proindex .box .t1{font-size:18px;line-height:26px;margin-top:0;}
    .proindex .left{position:static;}
    .proindex .box .msg{margin-top:5px;}
    .proindex .proindex-inquiry{margin-top:14px;height:36px;font-size:14px;}
    .proindex .title{font-size:18px;line-height:26px;margin-top:10px;}
    .proindex .col-md-6{margin-top:20px;}
    .proindex .col-md-6:nth-child(odd){padding-right:0;}
    .proindex .col-md-6:nth-child(even){padding-left:0;}
    .proindex .box:nth-of-type(3){padding-top:20px;padding-bottom:30px;}
    .proindex .col-md-6:nth-child(1), .proindex .col-md-6:nth-child(2){margin-top:20px;}
}

.proseries-banner .container-xl{display:flex;justify-content:space-between;align-items:flex-end;}
.proseries-banner .left{width:47%;}
.proseries-banner .left .t1{color:#333333;font-size:36px;line-height:48px;}
.proseries-banner .msg{font-size:18px;line-height:30px;color:#666666;margin-top:40px;}

.proseries-banner .left .breadcrumb-item+.breadcrumb-item::before{background:url(../../images/proseries-banner-icon.webp)no-repeat;}
.proseries-banner .left .breadcrumb-item a,.proseries-banner .left .breadcrumb-item:nth-child(1) a{color:#666666;}

.proseries-banner .left .breadcrumb-item a:hover{color:#000;}

.proseries-banner .right{width:45.8%;position:relative;}

.proseries-banner .proseries-banner-icon{position:absolute;top:-30px;right:-20px;display:flex;}
.proseries-banner .proseries-banner-img{transform:scale(.8);transition:all .5s;}

.proseries-banner .texts{margin-left:5px;position:relative;overflow:hidden;width:40px;}
.proseries-banner .text{font-size:16px;line-height:22px;color:#0c6dc4;}
.proseries-banner .texts .text:nth-child(1){top:-35px;position:absolute;left:0;}
.proseries-banner .texts .text:nth-child(2){top:55px;position:absolute;left:0;display:none;}

.proseries-banner .proseries-banner-icon.show .proseries-banner-img{transform:scale(1);transition:all .5s;}
.proseries-banner .proseries-banner-icon.show .text:nth-child(1){top:8px;transition:all.5s;}
.proseries-banner .proseries-banner-icon.show .text:nth-child(2){display:block;}
@media (max-width:1400px) {
    .banner.proseries-banner .banner-text{bottom:10px;}
    .proseries-banner .msg{margin-top:10px;font-size:18px;line-height:26px;}
    .proseries-banner .left .breadcrumb{margin-top:10px;}
}
.proseries-banner2 .right{width:37%;}
.other.proseries-banner2 .t1{color:#fff;}
.other.proseries-banner2 .msg{color:#fff;}
.other.proseries-banner2 .left .breadcrumb-item a,.other.proseries-banner2.left .breadcrumb-item:nth-child(1) a{color:#fff;}
.other.proseries-banner2 .left .breadcrumb-item+.breadcrumb-item::before{background:url(../../images/other-banner-icon.webp)no-repeat;}
.other.proseries-banner2 .left{width:50%;margin-bottom: 40px;}

.sine{margin-top:50px;}
.sine .grid{gap:var(--bs-gap,15px);}
.sine .g-col-xl-4{padding:4px;position:relative;overflow:hidden;}
.sine .box{position:relative;z-index:10px;padding:2px;background-color:#f8f8f8;height:100%;padding:45px 0;}
.sine .g-col-xl-4::before{content:"";position:absolute;width:150%;height:80%;background:linear-gradient(to right,#f15e43, #f15e43);
animation:glowing_401 5s linear infinite;z-index:-1;top:0;bottom:0;margin:auto;transform-origin:30% 50%;transform:translate(-20%, 0);display:none;}

@keyframes glowing_401 {
   0% {rotate:0;transition:all .7s;}
   100% {rotate:360deg;transition:all .7s;}   
}

.sine .icon{text-align:center;}
.sine .title{font-size:24px;line-height:32px;font-weight:600;color:#0e4687;text-align:center;margin-top:25px;}
.sine .msg{font-size:18px;line-height:32px;color:#666666;text-align:center;;margin-top:15px;}

.sine .g-col-xl-4:nth-child(1){border-top-left-radius:195px;}
.sine .g-col-xl-4.show .box{background-color:#e5f4fb;}
.sine .g-col-xl-4:nth-child(3){border-bottom-right-radius:195px;}
.sine .g-col-xl-4.show::before{display:block;}

@media(max-width:768px) {
    .sine .icon{display: none;}
    .sine .grid{gap:0;}
    .sine .title{font-size: 16px;margin-top: 0px;}
    .sine .box{padding: 10px 0;}
    .sine .msg{font-size: 12px;line-height: 20px;margin-top: 0px;}
}


.pro-series .boxs{margin-top:140px;padding-bottom:20px;position:relative;}
.pro-series .boxs::after{content:"";width:619px;height:703px;background:url(../../images/proindex-skip.webp) no-repeat;background-size:cover;display:block;position:absolute;right:-80px;bottom:0;z-index:-1;}
.pro-series .box{display:flex;justify-content:space-between;align-items:center;margin-bottom:160px;}
.pro-series .left{width:40.8%;}
.pro-series .left a{background-color:#f8f8f8;border-radius:35px;}
.pro-series .left a img{transition:all .5s;mix-blend-mode:darken;}
.pro-series .left a:hover img{transform:scale(1.1);transition:all .5s;}
.pro-series .right{width:50%;padding-left:90px;}
.pro-series .t1{font-size:36px;line-height:46px;font-weight:600;color:#333333;position:relative;}
.pro-series .t1::before{content:"";width:68px;height:48px;background:url(../../images/proseries-t1-icon.webp) no-repeat;background-size:cover;display:block;position:absolute;left:-90px;top:-12px;}
.pro-series .t1:hover{color:var(--public-color);text-decoration:underline;}
.pro-series .msg{margin-top:65px;}

.pro-series .tdboxs{margin-top:48px;display:flex;align-items:stretch;position:relative;padding-top:14px;background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;overflow:hidden;}
.pro-series .tdboxs::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent 0%,#ed1c24 35%,#ffd0a6 50%,#ed1c24 65%,transparent 100%);background-size:220% 100%;animation:td-current 2.6s linear infinite;}
.pro-series .tdbox{flex:1;min-width:0;text-align:center;background:transparent;padding:14px 8px 18px;position:relative;width:auto;}
.pro-series .tdbox + .tdbox{border-left:1px solid #eee;}
.pro-series .tdbox::before{content:"";position:absolute;left:50%;top:-12px;width:7px;height:7px;margin-left:-4px;border-radius:50%;background:#fff;border:2px solid #ed1c24;box-shadow:0 0 0 3px rgba(237,28,36,.12);z-index:1;}
.pro-series .tdbox::after{display:none;}
.pro-series .text1{font-size:16px;line-height:24px;font-weight:600;color:#333;margin-top:14px;}
.pro-series .text1 img{mix-blend-mode:darken;height:28px;width:auto;}
.pro-series .text2{font-size:13px;line-height:18px;font-weight:400;color:#888;margin-top:4px;}
.pro-series .tdbox.active{background:linear-gradient(180deg,rgba(237,28,36,.08),transparent 72%);}
.pro-series .tdbox.active::before{background:#ed1c24;box-shadow:0 0 0 4px rgba(237,28,36,.16),0 0 10px rgba(237,28,36,.55);}
.pro-series .tdbox.active .text1,.pro-series .tdbox.active .text2{color:#ed1c24;}
@keyframes td-current{0%{background-position:120% 0;}100%{background-position:-120% 0;}}
.pro-series .series-inquiry{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-top:18px;height:40px;padding:0 22px;border-radius:50px;background:#ed1c24;color:#fff !important;font-size:14px;line-height:20px;font-weight:500;text-decoration:none;box-shadow:0 6px 16px rgba(237,28,36,.18);transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.pro-series .right > a:not(.t1)::after,.pro-series .tdboxs ~ a::after,.pro-series .tdboxs ~ * a::after,.pro-series .series-inquiry::after{content:"";width:6px;height:6px;margin-left:10px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg);transition:transform .25s ease;}
.pro-series .right > a:not(.t1):hover,.pro-series .tdboxs ~ a:hover,.pro-series .tdboxs ~ * a:hover,.pro-series .series-inquiry:hover{background:#c4161c;color:#fff;box-shadow:0 8px 18px rgba(237,28,36,.28);transform:translateY(-1px);}
.pro-series .right > a:not(.t1):hover::after,.pro-series .tdboxs ~ a:hover::after,.pro-series .tdboxs ~ * a:hover::after,.pro-series .series-inquiry:hover::after{transform:translateX(3px) rotate(45deg);}
.pro-series .box:nth-child(odd) .left{order:2;}
.pro-series .box:nth-child(even) .left{display:flex;justify-content:flex-end;}

.wave .box{padding-top:80px;display:flex;justify-content:space-between;position:relative;}
.wave .box::before{content:"";width:619px;height:703px;background:url(../../images/proindex-skip.webp) no-repeat;background-size:cover;display:block;position:absolute;left:-80px;top:-56px;z-index:-1;transform:rotate(180deg);}
.wave .left{width:50%;}
.wave .left img{border-top-left-radius:180px;border-bottom-right-radius:180px;}
.wave video{max-width:100%;}
.wave .right{width:38.6%;}
.wave .t1{font-size:36px;line-height:46px;font-weight:600;color:#333333;position:relative;}
.wave .t1::before{content:"";width:68px;height:48px;background:url(../../images/proseries-t1-icon.webp) no-repeat;background-size:cover;display:block;position:absolute;left:-90px;top:-12px;}
.wave .msg{font-size:18px;line-height:28px;color:#666666;}
.wave .msg:nth-child(2){margin-top:30px;}
.wave .msg:nth-child(3){margin-top:15px;}
.wave .msg:nth-child(4){margin-top:20px;}
.wave a{border-radius:50px;font-size:20px;line-height:28px;color:#000;background-color:#feede6;padding:15px 30px;margin-top:40px;}
.wave a:after{content:"";width:21px;height:7px;background:url(../../images/wave-a-icon.webp) no-repeat;background-size:cover;display:inline-block;margin-left:15px;position:relative;top:-3px;filter:invert(1);}
.wave a:hover{background-color:#f15e43;color:#fff;}
.wave a:hover::after{filter:invert(0);}

.tide{margin-top:100px;padding-bottom:50px;}
.tide .t1{font-size:36px;width:65%;margin:10px auto 0 auto;}

.tide .grid{gap:var(--bs-gap,75px);margin-top:80px;}
.tide .g-col-xl-4{background-color:#fff;box-shadow:0 0 30px 1px rgba(0,0,0,0.1);}
.tide .texts{padding:40px 35px 50px 35px;}
.tide .title{font-size:24px;line-height:32px;font-weight:600;color:#333333;text-align:center;}
.tide .msg{margin-top:30px;text-align:center;}

.tide .g-col-xl-4:nth-child(1){border-top-left-radius:80px;overflow:hidden;}
.tide .g-col-xl-4:nth-child(3){border-bottom-right-radius:80px;overflow:hidden;}

.prolist-faq{padding:85px 0;background:#f8f8f8;margin-top:50px;}
.prolist-faq .container-xl{display:flex;justify-content:space-between;}
.prolist-faq .left{width:28.6%;padding-left:90px;}
.prolist-faq .t1{font-size:36px;position:relative;}
.prolist-faq .t1::before{content:"";width:68px;height:48px;background:url(../../images/proseries-t1-icon.webp) no-repeat;background-size:cover;display:block;position:absolute;left:-90px;top:-12px;mix-blend-mode:darken;}
.prolist-faq .msg{margin-top:40px;}
.prolist-faq .right{width:56.5%;padding-left:20px;}

.prolist-faq .faq-item{padding:20px 0;border-bottom:1px solid #d3e0e7;}
.prolist-faq .faq-item:last-child{border-color:transparent;}
.prolist-faq .faq-title{font-size:20px;line-height:28px;font-weight:600;color:#222222;position:relative;}
.prolist-faq .faq-title::before{content:"";width:15px;height:15px;background:url(../../images/prolist-faq-icon1.webp)no-repeat;background-size:cover;display:block;position:absolute;left:-30px;top:7px;}
.prolist-faq .faq-content{font-size:16px;line-height:28px;color:#666666;height:0;overflow:hidden;}

.prolist-faq .faq-item.active .faq-title::before{height:3px;background:url(../../images/prolist-faq-icon2.webp)no-repeat;background-size:cover;top:13px;}
.prolist-faq .faq-item.active .faq-content{margin-top:20px;height:auto;transition:all .5s;}

.prolist-new{margin-top:100px;}
.prolist-new .msg{font-size:18px;line-height:28px;color:#666666;text-align:center;width:67%;margin:25px auto 0 auto;}
@media (max-width:1919px) {
    .pro-series .boxs::after{display:none;}
    .wave .box::before{display:none;}
}

@media (max-width:768px) {
    .proseries-banner .left{width:100%;}
    .proseries-banner .msg{display:none;margin-top:0;}
    .proseries-banner .right{display:none;}

    .sine{margin-top:20px;}
    .sine .g-col-xl-4:nth-child(1),.sine .g-col-xl-4:nth-child(3){border-radius:0;}
    
    .pro-series .boxs{margin-top:20px;padding-bottom:0;}
    .pro-series .box{display:block;margin-bottom:20px;}
    .pro-series .left{width:100%;}
    .pro-series .right{width:100%;margin-top:15px;padding-left:0;}
    .pro-series .t1{font-size:18px;line-height:26px;}
    .pro-series .t1::before{width:34px;height:24px;margin-right:10px;position:relative;left:0;top:0;display:inline-block;}
    .pro-series .msg{margin-top:10px;}
    .pro-series .tdboxs{margin-top:20px;flex-wrap:wrap;}
    .pro-series .tdbox{width:50%;}

    .wave .box{padding-top:20px;flex-wrap:wrap;}
    .wave .left{width:100%;}
    .wave .left img{border-top-left-radius:80px;border-bottom-right-radius:80px;}
    .wave .right{width:100%;margin-top:10px}
    .wave .t1{font-size:18px;line-height:26px;}
    .wave .t1::before{width:34px;height:24px;display:inline-block;left:0;top:0;margin-right:10px;position:relative;}
    .wave .msg{font-size:14px;line-height:22px;}
    .wave .msg:nth-child(2){margin-top:10px;}
    .wave a{font-size:16px;line-height:24px;}

    .tide{margin-top:20px;padding-bottom:30px;}
    .tide .t1{width:100%;font-size:18px;line-height:26px;}
    .tide .grid{margin-top:20px;gap:var(--bs-gap,20px);}
    .tide .texts{padding:25px;}
    .tide .title{font-size:18px;line-height:26px;}
    .tide .msg{margin-top:10px;}

    .prolist-faq{background:none;background-color:#f8f8f8;padding:20px 0;}
    .prolist-faq .container-xl{display:block;}
    .prolist-faq .left{width:100%;padding-left:0;}
    .prolist-faq .t1{font-size:18px;line-height:26px;}
    .prolist-faq .t1::before{position:relative;width:34px;height:24px;left:0;top:0;display:inline-block;margin-right:10px;}
    .prolist-faq .msg{margin-top:10px;}
    .prolist-faq .right{width:100%;}
    .prolist-faq .faq-title{font-size:18px;line-height:26px;}
    .prolist-faq .faq-content{font-size:14px;line-height:22px;margin-top:10px;}
    .prolist-faq .faq-title::before{left:-20px;top:5px;}

    .prolist-new .msg{font-size:14px;line-height:22px;width:100%;margin-top:10px;}
}

.bread.procont-bread{margin-top:130px;}
.bread.procont-bread .breadcrumb{display:flex;align-items:center;}

.bread.procont-bread .breadcrumb-item a{font-size:16px;line-height:24px;font-weight:500;color:#999999;}
.bread.procont-bread .breadcrumb-item:nth-child(1) a{font-size:24px;line-height:32px;font-weight:500;color:#999999}
.bread.procont-bread .breadcrumb-item{display:flex;align-items:center;}
.bread.procont-bread .breadcrumb-item+.breadcrumb-item{padding-left:20px;}
.bread.procont-bread .breadcrumb-item+.breadcrumb-item::before{content:"";width:13px;height:13px;background:url(../../images/procont-bread-icon.webp)no-repeat;background-size:cover;display:block;margin-right:15px;}
.bread.procont-bread .breadcrumb-item:hover a{text-decoration:underline;}

.procont-head{margin-top:130px;}
.procont-head .container-xl{display:flex;justify-content:space-between;}
.procont-head .left{width:40%;position:relative;}

.procont-head .left figure.mz-figure{background-color:#f8f8f8;}
.procont-head .left figure.mz-figure img{mix-blend-mode:darken;}

.procont-head .product-thumbs{background-color:transparent;padding:0;margin-top:25px;}
.procont-head .mz-thumb.mz-thumb-selected img{border-color:transparent;mix-blend-mode:darken;}
.procont-head .product-thumbs a{background-color:#edeef3;}

.procont-head .right{width:55.4%;}
.procont-head .t1{font-size:34px;line-height:46px;font-weight:600;color:#222222;}
.procont-head .t1::before{content:"";width:68px;height:48px;background:url(../../images/public-title-icon.webp)no-repeat;background-size:cover;display:inline-block;margin-right:25px;}
.procont-head .msg{font-size:18px;line-height:28px;color:#666666;margin-top:35px;}
/* .procont-head .boxs{margin-top:40px;display:flex;flex-wrap:wrap;padding-top:25px;border-top:1px solid #cccccc;}
.procont-head .boxs .box{display:flex;flex-wrap:wrap;}
.procont-head .boxs .box .text2{font-size:16px;line-height:28px;color:#666666;width:100%;order:1;}
.procont-head .boxs .box .text1{font-size:20px;line-height:28px;font-weight:600;color:#023e82;width:100%;order:2;}
.procont-head .boxs .box{width:25%;}
.procont-head .boxs .box:nth-child(1){width:100%;margin-bottom:25px;} */
/* .procont-head .grid{margin-top:100px;gap:var(--bs-gap,20px);}
.procont-head .g-col-12{padding:15px 20px 30px 20px;background-color:#f8f8f8;display:flex;justify-content:space-between;}
.procont-head .icon{width:39px;height:39px;display:flex;justify-content:center;align-items:center;}
.procont-head .icon img{mix-blend-mode:darken;} */
.procont-head .boxs{margin-top:20px;}
.procont-head .box{display:flex;justify-content:space-between;padding:5px 40px;}
.procont-head .box .text1{font-size:24px;line-height:32px;font-weight:600;color:#023e82;order:1;}

.procont-head .box .text2{font-size:16px;line-height:28px;color:#666666;order:-1;position:relative;}
.procont-head .box .text2::before{content:"";width:5px;height:5px;background-color:var(--public-color);display:inline-block;border-radius:50px;position:relative;top:-4px;margin-right:10px;}
.procont-head .box:nth-child(even){background-color:#f8f8f8;}

.procont-head .text1{font-size:18px;line-height:28px;color:#666666;}
.procont-head .text2{font-size:16px;line-height:24px;font-weight:500;color:#023e82;margin-top:0px;}
.procont-head .boxs>.text2{margin-bottom:10px;}

.procont-head .g-col-xl-4 .texts{width:70%;}
.procont-head .g-col-xl-4  .text1{height:56px;}

.procont-head .g-col-xl-6{padding:30px 20px;}
.procont-head .g-col-xl-6 .texts{width:80%;}
.procont-head .g-col-12.show{background-color:#e5f4fb;}

.procont-head .btns{margin-top:30px;}
.procont-head .prodown{font-size:20px;line-height:30px;color:#333333;padding:10px 35px;background-color:#feede6;border-radius:50px;}
.procont-head .prodown::before{content:"";width:18px;height:19px;background:url(../../images/prodown-icon.webp)no-repeat;background-size:cover;display:inline-block;margin-right:15px;position:relative;top:1px;}
.procont-head .prodown:hover{background-color:#ea5b24;color:#fff;}
.procont-head .prodown:hover::before{background:url(../../images/prodown-icon1.webp)no-repeat;}
.procont-head .procontact{font-size:20px;line-height:28px;font-weight:500;color:#333333;background-color:#feede6;border-radius:50px;padding:13px 40px;margin-left:25px;}
.procont-head .procontact::before{content:"";width:20px;height:19px;background:url(../../images/procontact-icon.webp)no-repeat;background-size:cover;display:inline-block;margin-right:15px;position:relative;top:3px;}
.procont-head .procontact:hover{background-color:#ea5b24;color:#fff;}
.procont-head .procontact:hover::before{background:url(../../images/procontact-icon1.webp)no-repeat;}

.provideo{margin-top:130px;padding-bottom:100px;}
.provideo .t1{font-size:36px;font-weight:700;color:#333333;}
.provideo .t1::before{content:"";width:73px;height:51px;background:url(../../images/p-t1-icon.webp) no-repeat;background-size:cover;display:inline-block;margin-right:30px;}
.provideo .boxss{display:flex;justify-content:space-between;margin-top:60px;}
.provideo .boxss .left{width:50%;}
.provideo .grid{gap:var(--bs-gap,0);}
.provideo .boxs{margin-top:50px;}
.provideo .box{display:flex;justify-content:space-between;padding:15px 40px;}
.provideo .box .text1{font-size:24px;line-height:32px;font-weight:600;color:#023e82;order:1;}
.provideo .box .text2{font-size:16px;line-height:28px;color:#666666;order:-1;}

.provideo .box:nth-child(even){background-color:#f8f8f8;}

.provideo .boxss .right{width:42.9%;position:relative;}
.provideo .boxss .pro-video-btn{position:absolute;left:44%;top:44%;}
.provideo .boxss .pro-video-btn::before{content:'';position:absolute;width:100%;height:100%;box-shadow:0 0 0 1px #fff;border-radius:50%;top:0;left:0;animation:ripple 3s infinite linear;transition:.45s ease all;}
.provideo .boxss .pro-video-btn:after{content:'';position:absolute;width:100%;height:100%;box-shadow:0 0 0 1px #fff;border-radius:50%;top:0;left:0;animation:ripple 3s infinite 1.5s linear;transition:.45s ease all;}
.provideo .boxss .pro-video-btn img:nth-child(2){display:none;}

.provideo .boxss .pro-video-btn:hover::before{box-shadow:0 0 0 1px #f15e43;}
.provideo .boxss .pro-video-btn:hover::after{box-shadow:0 0 0 1px #f15e43;}
.provideo .boxss .pro-video-btn:hover img:nth-child(1){display:none;}
.provideo .boxss .pro-video-btn:hover img:nth-child(2){display:block;}
@keyframes ripple{
    0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
    5%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    50%{opacity:.5;-webkit-transform:scale(1.9);transform:scale(1.9)}
    100%{opacity:0;-webkit-transform:scale(2.9);transform:scale(2.9)}
}

.para{margin-top:40px;}
.para .t1{font-weight:700;margin-top:20px;margin-bottom:20px;}

.p1,.p2{margin-top:100px;}
.p1 .t1{font-size:32px;line-height:40px;font-weight:500;color:#333333;margin-bottom:30px;}
.p1 .pad{font-size:32px;line-height:40px;font-weight:500;color:#333333;margin-bottom:30px;margin-top:60px;}

.p1 table{width:100%;margin-top:30px;margin-bottom:30px;}
.p1 table tr td{border:2px solid #e7e7e7;padding:8px 20px;font-size:18px;line-height:28px;font-weight:400;color:#666666;}
.p1 table tr:nth-child(even) td{background-color:#e5f4fb;}

.p1 .swiper-slide{overflow:hidden;}

.p1 p{font-size:18px;line-height:28px;color:#666666;margin-bottom:20px;}
.p1 .title{font-size:20px;line-height:28px;font-weight:600;margin-bottom:20px;}
.p1 .grid{margin-top:40px;gap:var(--bs-gap,30px);margin:0 2px;}
.p1 .g-col-xl-4{padding:30px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);}
.p1 .g-col-xl-4 .title{text-align:center;margin-top:15px;text-transform:capitalize;}
.p1 .proadvbox{display:flex;justify-content:space-between;flex-wrap:wrap;}
.p1 .proadvbox .box{width:48%;}

.p1 h4{font-size:20px;line-height:30px;font-weight:500;color:#333333;padding-left:30px;position:relative;margin-bottom:15px;margin-top:25px;}
.p1 h4::before{content:"";width:14px;height:14px;background-color:#ea5b24;position:absolute;left:0;top:0;border-radius:50px;top:10px;}
.p1 .pad~p{font-size:18px;line-height:28px;color:#666666;padding-left:30px;margin-bottom:30px;}
.p1 .proadvbox{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;align-items:stretch;}
.p1 .proadvbox .box{width:auto;background:#faf6f6;border:1px solid #f3e4e4;border-left:3px solid var(--public-color);border-radius:8px;padding:16px 20px 16px 16px;}
.p1 .proadvbox h4{margin:0 0 6px;padding-left:18px;font-size:17px;line-height:26px;font-weight:600;color:#222;}
.p1 .proadvbox h4::before{width:8px;height:8px;top:9px;left:0;background:var(--public-color);}
.p1 .proadvbox p{margin:0;padding-left:18px;font-size:15px;line-height:24px;color:#777;}

.p2 .last{margin-top:40px;padding-top:50px;border-top:1px solid #e0e0e0;}
.p2 .last a{display:flex;align-items:center;}
.p2 .last a span{color:#ea5b24;font-size:18px;line-height:26px;font-weight:500;width:80px;text-align:right;}
.p2 .last a p{margin-left:20px;padding-left:0;}
.p2 .last a:nth-child(2){margin-top:50px;}
.p2 .last a:hover p{color:var(--public-color);text-decoration:underline;}
.max-1480{max-width:1480px;}
.max-1660{max-width:1660px;width:1660px;}
@media (max-width:1660px) {
    .max-1660{max-width:100%;width:100%;}
}

.pronote{margin-top:50px;padding-bottom:100px;}
.pronote .top .t1{font-weight:700;}
.pronote .center{margin-top:100px;display:flex;justify-content:flex-end;}
.pronote .center .max-1480{display:flex;justify-content:space-between;}
@media (max-width:1480px) {
    .pronote .center .max-1480{max-width:100%;}
}
.pronote .left{width:55.5%;padding-left:100px;}
.pronote .center .t1{font-size:36px;font-weight:700;position:relative;}
.pronote .center .t1::before{content:"";width:73px;height:51px;background:url(../../images/public-title-icon.webp) no-repeat;background-size:cover;display:inline-block;position:absolute;left:-95px;top:-20px;}
.pronote .tip{font-size:18px;line-height:28px;font-weight:500;color:#333333;position:relative;margin-bottom:20px;}
.pronote .tip::before{content:"";width:20px;height:15px;background:url(../../images/pronote-tip-icon.webp)no-repeat;background-size:cover;display:inline-block;margin-right:5px;}
.pronote .tip:nth-child(2)::before{display:none;}
.pronote .msg{font-size:18px;line-height:28px;color:#666666;}
.pronote .left .msg:nth-child(2){margin-top:50px;}
.pronote .left .t1:nth-child(3){margin-top:70px;}
.pronote .left .msg:nth-child(4){margin-top:35px;}
.pronote .left .tips{margin-top:20px;}
.pronote .right{width:40.6%;}
.pronote .form{padding:70px 80px 100px 70px;background-color:#d8e3f4;border-top-right-radius:180px;border-bottom-left-radius:180px;}
.pronote .title{font-size:34px;line-height:46px;font-weight:500;color:#002f7d;}

.pronote .form-row{margin:0;margin-top:60px;}
.pronote .form-row>[class*="col-"]{padding:0;margin-bottom:20px;}
.pronote .form-feedback .form-control{padding:20px 35px;border-color:transparent;border-radius:5px;font-size:18px;line-height:28px;color:#999999;}
.pronote .form-feedback .btn{margin:40px 0 0 auto;font-size:20px;line-height:28px;font-weight:500;color:#ffffff;padding:10px 30px;display:table;background-color:#023b7e;}
.pronote .form-feedback .btn .text::after{content:"";width:21px;height:7px;background:url(../../images/foot-contact-icon.webp) no-repeat;background-size:cover;display:inline-block;margin-left:20px;position:relative;top:-5px;}
.pronote .form-feedback .btn:hover{background-color:#023b7e;text-decoration:underline;}

.pronote .under{margin-top:60px;display:flex;justify-content:flex-end;}
.pronote .under .t1{font-size:36px;font-weight:700;position:relative;width:74.4%;margin-bottom:60px;padding-left:100px;}
.pronote .under .t1::before{content:"";width:73px;height:51px;background:url(../../images/p-t1-icon.webp) no-repeat;background-size:cover;display:inline-block;position:absolute;left:0;top:-20px;}
.pronote .under table tr td{font-size:18px;line-height:28px;color:#666666;padding:20px;border:2px solid #e7e7e7;}
.pronote .under table tr:nth-child(1) td{font-size:18px;line-height:28px;font-weight:600;color:#333333;background-color:#f8f8f8;}
.pronote .under table tr:nth-child(even) td{background-color:#e5f4fb;}

.hot-pro{padding:60px 0;background-color:#f8f8f8;}
.hot-pro .xmt-skip1 img{mix-blend-mode:darken;}
.hot-pro .grid{gap:var(--bs-gap,70px);margin-top:80px;}
.hot-pro .g-col-xl-4{background-color:#fff;padding-bottom:70px;box-shadow:0 0 20px 1px rgba(0,0,0,0.1);}
.hot-pro .g-col-xl-4 .img{padding:30px;}
.hot-pro .t1{font-weight:700;line-height:48px;}
.hot-pro .title{font-size:20px;line-height:30px;font-weight:500;color:#333333;padding:0 60px;text-align:center;}
.hot-pro .title:hover{color:#ff5a5f;}
.hot-pro .g-col-xl-4:nth-child(1){border-top-left-radius:160px;overflow:hidden;}
.hot-pro .g-col-xl-4:nth-child(3){border-bottom-right-radius:160px;overflow:hidden;}

@media (max-width:768px) {
    .bread.procont-bread{margin-top:0;}
    .bread.procont-bread .breadcrumb-item a,.bread.procont-bread .breadcrumb-item:nth-child(1) a{font-size:14px;line-height:22px;}
    .bread.procont-bread .breadcrumb-item+.breadcrumb-item{padding-left:10px;}
    .bread.procont-bread .breadcrumb-item+.breadcrumb-item::before{margin-right:10px;}

    .procont-head{margin-top:20px;}
    .procont-head .container-xl{display:block;}
    .procont-head .left{width:100%;}
    .procont-head .t1{font-size:18px;line-height:26px;}
    .procont-head .t1::before{width:34px;height:24px;margin-right:10px;}
    .procont-head .msg{margin-top:10px;font-size:14px;line-height:22px;}
    .procont-head .boxs{margin-top:15px;}
    .procont-head .box{padding:15px;}
    .procont-head .box .text2{font-size:14px;line-height:22px;}
    .procont-head .btns{margin-top:15px;}
    .procont-head .prodown{font-size:16px;line-height:24px;padding:10px 15px;}
    .procont-head .procontact{font-size:16px;line-height:24px;padding:10px 15px;margin-left:0;margin-top:15px;}
    .procont-head .right{width:100%;margin-top:15px;}

    .p1, .p2{margin-top:15px;}
    .p1 .t1{font-size:18px;line-height:26px;margin-bottom:10px;}
    .p1 p{font-size:14px;line-height:22px;margin-bottom:10px;}
    .p1 .pad{margin-top:10px;}
    .p1 .proadvbox{grid-template-columns:1fr;gap:18px;}
    .p1 .proadvbox .box{width:100%;}
    .p1 h4{font-size:18px;line-height:26px;margin-bottom:10px;margin-top:0;padding-left:25px;}
    .p1 h4::before{top:5px;}

    .p1 table{margin-top:10px;margin-bottom:10px;}
    .p1 table tr td{padding:5px 10px;font-size:14px;line-height:22px;}

    .p1 .g-col-xl-4{padding:20px;}
    .p1 .g-col-xl-4 .title{font-size:14px;line-height:22px;margin-bottom:0;margin-top:20px;}
    .p2 .last{margin-top:20px;padding-top:15px;}

    .p2 .last a{align-items:flex-start;justify-content:space-between;}
    .p2 .last a span{font-size:16px;line-height:24px;}
    .p2 .last a:nth-child(2){margin-top:10px;}
    .p2 .last a p{margin-left:0;width:80%;}

    .pronote{margin-top:20px;padding-bottom:30px;}
    .pronote .center{flex-wrap:wrap;margin-top:0;}
    .pronote .center .max-1480{padding:0 15px;flex-wrap:wrap;}
    .pronote .center .t1{font-size:18px;line-height:26px;}
    .pronote .center .t1::before{width:36px;height:25px;position:relative;;left:0;top:0;margin-right:10px;}
    .pronote .left{width:100%;padding-left:0;}
    .pronote .left .msg:nth-child(2){margin-top:10px;font-size:14px;line-height:22px;}
    .pronote .left .t1:nth-child(3){margin-top:10px;}
    .pronote .left .msg:nth-child(4){margin-top:10px;}
    .pronote .msg{font-size:14px;line-height:22px;}
    .pronote .left .tips{margin-top:10px;}
    .pronote .tip{font-size:14px;line-height:22px;margin-bottom:10px;}
    .pronote .right{width:100%;}
    .pronote .form{border-radius:0;padding:25px;}
    .pronote .title{font-size:18px;;line-height:26px;}
    .pronote .form-row{margin-top:20px;}
    .pronote .form-feedback .form-control{padding:10px 15px;}
    .pronote .form-feedback .form-control::placeholder{font-size:14px;line-height:22px;}
    .pronote .form-row>[class*="col-"]{margin-bottom:10px;}
    .pronote .form-feedback .btn{margin-top:0;font-size:18px;line-height:26px;}

    .pronote .max-1660{width:100%;padding:0 15px;}
    .pronote .under{margin-top:10px;}
    .pronote .under .t1{width:100%;padding-left:0;margin-bottom:20px;font-size:18px;line-height:26px;}
    .pronote .under .t1::before{width:36px;height:25px;margin-right:10px;position:relative;left:0;top:0;}

    .pronote .under table tr td{padding:10px;font-size:14px;line-height:22px;}
    .pronote .under table tr:nth-child(1) td{font-size:14px;line-height:22px;}
}


/* 1.2 */
.banner.other-banner-new .t1{color:#013a7d;}
.banner.other-banner-new .t1::before{content:"";width:68px;height:48px;background:url(../../images/other-banner-new-icon.webp)no-repeat;background-size:cover;
display:inline-block;margin-right:20px;}
.banner.other-banner-new .msg{font-size:18px;line-height:28px;color:#666666;margin-top:45px;width:40%;}
.banner.other-banner-new .breadcrumb-item a,.banner.other-banner-new .breadcrumb-item:nth-child(1) a{color:#999999;}
.banner.other-banner-new .breadcrumb-item+.breadcrumb-item::before{background:url(../../images/other-banner-new-icon1.webp)no-repeat;}
.banner.other-banner-new .breadcrumb-item a:hover{color:#666666;}

@media (max-width:768px) {
    .hot-pro{padding:25px 0;}
    .hot-pro .grid{margin-top:20px;gap:var(--bs-gap,20px);}
    .hot-pro .g-col-xl-4{padding-bottom:20px;border-radius:0 !important;}
    .hot-pro .g-col-xl-4 .img{padding:15px;}
    .hot-pro .title{font-size:18px;line-height:26px;padding:0 25px;}
    

    .banner.other-banner-new .t1::before{width:34px;height:24px;margin-right:10px;}
    .banner.other-banner-new .msg{display:none;margin-top:0;}
}

.new{margin-top:40px;padding-bottom:100px;}
.new .grid{margin-top:80px;gap:var(--bs-gap,75px);}
.new .img{border-bottom-right-radius:80px;overflow:hidden;position:relative;border:1px solid #ddd;}
.new .sign{position:absolute;left:0;top:0;width:180px;height:50px;display:flex;align-items:center;padding-left:15px;background-color:#023b7e;font-size:18px;line-height:32px;font-weight:600;color:#fff;border-bottom-right-radius:40px;}
.new .title{font-size:24px;line-height:32px;font-weight:600;color:#333333;margin-top:25px;}
.new .title:hover{color:var(--public-color);}
.new .date{font-size:18px;line-height:28px;font-weight:600;color:#999999;margin-top:10px;}

.new-cont{margin-top:60px;padding-bottom:40px;}
.new-cont .max-1660{display:flex;justify-content:space-between;}
.new-cont .left{width:36.8%;}
.new-cont .items{display:flex;justify-content:flex-end;}
.new-cont .items.active{background-color:#eaf6fc;}
.new-cont .item{font-size:24px;line-height:32px;font-weight:500;color:#333333;width:59%;padding:50px 0;}
.new-cont .items.active .item{color:#013a7d;}
.new-cont .items:hover{background-color:#eaf6fc;}
.new-cont .items:hover .item{color:#013a7d;}

.new-cont .left .under{display:flex;justify-content:flex-end;margin-top:45px;}
.new-cont .left .boxs{width:59%;}
.new-cont .left .title{font-size:20px;line-height:28px;font-weight:500;color:#1c499e;}
.new-cont .left .box{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #e5e5e5;}
.new-cont .left .box:nth-child(2){margin-top:20px;}
.new-cont .left .box:last-child{border-color:transparent;}
.new-cont .left .img{width:20%;}
.new-cont .left .texts{width:75%;}
.new-cont .left .text1{font-size:18px;line-height:18px;font-weight:500;color:#1c499e;}
.new-cont .left .text2{font-size:16px;line-height:16px;color:#3d4360;margin-top:15px;}
.new-cont .left .text2:hover{color:var(--public-color);}

.new-cont .right{width:51.9%;}
.new-cont h1{font-size:32px;line-height:48px;font-weight:500;color:#333333;position:relative;}
.new-cont h1::before{content:"";width:68px;height:48px;background:url(../../images/proseries-t1-icon.webp) no-repeat;background-size:cover;display:block;position:absolute;left:-90px;top:-12px;}

.new-cont .top-box{display:flex;margin-top:50px;align-items:center;font-size:18px;line-height:26px;font-weight:500;color:#999999;}
.new-cont .top-box .by{margin-left:30px;}
.new-cont .center{padding:50px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;;margin-top:55px;}
.new-cont .center p{font-size:16px;line-height:24px;color:#666666;}
.new-cont .center p img{max-width:100%;}
.new-cont .center ul{padding-left: 20px;}
.new-cont .center ul,.new-cont .center li{list-style-type: initial;}

.new-cont .last{display:flex;justify-content:space-between;margin-top:95px;}
.new-cont .last .l1{width:63.9%;}
.new-cont .last .r1{width:20.9%;}
.new-cont .last .l1 a{display:flex;}
.new-cont .last .l1 a span{font-size:18px;line-height:30px;font-weight:500;color:#ca000c;}
.new-cont .last .l1 a p{font-size:16px;line-height:30px;color:#666666;margin-left:15px;}
.new-cont .last .prev{margin-top:20px;}
.new-cont .last .l1 a:hover{text-decoration:underline;}
.new-cont .last .l1 a:hover p{color:#666666;}

.new-cont .last .r1 a{width:100%;text-align:center;text-transform:uppercase;padding:15px 0;background-color:#002f7d;color:#fff;font-size:18px;line-height:30px;font-weight:500;}
.new-cont .last .r1 a:hover{text-decoration:underline;}

.new-tuijian-pro{background-color:#fff;}

@media (max-width:768px) {
    .new{margin-top:20px;padding-bottom:30px;}
    .new .grid{margin-top:20px;gap:var(--bs-gap,25px);}
    .new .title{font-size:18px;line-height:26px;margin-top:10px;}
    .new .date{font-size:16px;line-height:24px;margin-top:5px;}

    .new-cont{margin-top:20px;padding-bottom:20px;}
    .new-cont .max-1660{padding:0 15px;}
    .new-cont .right{width:100%;}
    .new-cont h1{font-size:18px;line-height:26px;}
    .new-cont h1::before{width:34px;height:24px;display:inline-block;left:0;top:0;position:relative;margin-right:10px;}
    .new-cont .top-box{margin-top:10px;font-size:14px;line-height:22px;}
    .new-cont .top-box .by{margin-left:10px;}
    .new-cont .center{margin-top:10px;padding:20px 0;}
    .new-cont .center p{font-size:14px;line-height:22px;}
    .new-cont .last{margin-top:15px;flex-wrap:wrap;}
    .new-cont .last .l1{width:100%;}
    .new-cont .last .l1 a span,.new-cont .last .l1 a p{font-size:16px;line-height:24px;}
    .new-cont .last .l1 a p{margin-left:5px;}
    .new-cont .last .prev{margin-top:10px;}
    .new-cont .last .r1{width:100%;}
    .new-cont .last .r1 a{width:auto;display:table;padding:10px 20px;margin:0 0 0 auto;font-size:16px;line-height:24px;}
}
/* 1.3 */
.banner.contact-banner .breadcrumb{margin-top:75px;}

.contact{margin-top:75px;margin-bottom:100px;}
.contact .top{padding-left:90px;}
.contact .top .t1{font-size:36px;position:relative;}
.contact .top .t1::before{content:"";width:68px;height:48px;background:url(../../images/proseries-t1-icon.webp) no-repeat;background-size:cover;display:block;position:absolute;left:-90px;top:-12px;}
.contact .top .msg{width:45%;margin-top:35px;}

.contact .center{display:flex;margin-top:80px;}
.contact .center .box{width:42.2%;display:flex;}
.contact .center .icon{width:44px;height:44px;}
.contact .center .texts{width:66.1%;margin-left:15px;}
.contact .center .text1{font-size:24px;line-height:32px;font-weight:500;color:#002f7d;margin-top:5px;}
.contact .center .text2{font-size:20px;line-height:28px;color:#666666;margin-top:20px;}
.contact .center a.text2:hover{color:var(--public-color);text-decoration: ;}

.contact .under{margin-top:80px;display:flex;justify-content:space-between;}
.contact .under .left{width:50%;background-color:#f8f8f8;padding:90px 60px 90px 50px;border-bottom-left-radius:180px;}
.contact .under .title{font-size:34px;line-height:46px;font-weight:500;color:#013a7d;}
.contact .under .msg{font-size:18px;line-height:30px;color:#666666;}
.contact .under .msg{margin-top:20px;}
.contact .under .msg span{color:#002f7d;}
.contact .under .msg:nth-child(2){margin-top:40px;}
.contact .under .right{width:50%;background-color:#e5f4fb;padding:90px 100px;border-top-right-radius:180px;}
.contact .under form{margin-top:100px;}
.contact .form-row{margin:0;}
.contact .under .form-row>[class*="col-"]{padding:0;margin-bottom:20px;}
.contact .form-feedback .form-control{padding:15px 30px;border-color:transparent;border-radius:10px;font-size:24px;line-height:32px;color:#666666;}
.contact .form-feedback .form-control::placeholder{font-size:24px;line-height:32px;color:#666666;font-weight:300;}
.contact .btn{margin:80px 0 0 auto;font-size:20px;line-height:28px;font-weight:500;color:#000;padding:15px 30px;display:table;background-color:#ffece8;border-radius:50px;}
.contact .btn::after{content:"";width:21px;height:7px;background:url(../../images/foot-contact-icon.webp) no-repeat;background-size:cover;display:inline-block;margin-left:20px;position:relative;top:-3px;filter:invert(1);}
.contact .btn:hover{text-decoration:underline;background-color:#f15e43;}
.contact .btn:hover::after{filter:invert(0);}

@media (max-width:768px) {
    .contact{margin-top:20px;margin-bottom:30px;}
    .contact .top{padding-left:0;}
    .contact .top .t1{font-size:20px;line-height:28px;}
    .contact .top .t1::before{width:34px;height:24px;display:inline-block;position:relative;left:0;top:0;margin-right:10px;}
    .contact .top .msg{width:100%;margin-top:5px;}

    .contact .center{margin-top:20px;flex-wrap:wrap;}
    .contact .center .box{width:100%;}
    .contact .center .icon{width:33px;height:33px;}
    .contact .center .icon img{max-width:100%;}
    .contact .center .texts{width:86.1%;}
    .contact .center .text1{margin-top:0;font-size:18px;line-height:26px;margin-top:5px;}
    .contact .center .text2{font-size:14px;line-height:22px;margin-top:2px;}
    .contact .center .box:nth-child(2){margin-top:10px;}

    .contact .under{margin-top:20px;flex-wrap:wrap;}
    .contact .under .left{width:100%;border-radius:0;padding:15px;}
    .contact .under .title{font-size:18px;line-height:26px;}
    .contact .under .msg{font-size:14px;line-height:22px;margin-top:10px;}
    .contact .under .msg:nth-child(2){margin-top:5px;}
    .contact .under .right{width:100%;border-radius:0;padding:20px 25px;}
    .contact .under form{margin-top:20px;}
    .contact .under .form-row>[class*="col-"]{margin-bottom:15px;}
    .contact .form-feedback .form-control{padding:10px 25px;font-size:18px;line-height:26px;}
    .contact .form-feedback .form-control::placeholder{font-size:18px;line-height:26px;}
    .contact .btn{margin-top:0;font-size:18px;line-height:26px;}
}

/* 1.4 */
.banner.faq-banner .breadcrumb{margin-top:40px;}

.faq-header{margin-top:60px;}
.faq-header .msg{font-size:18px;line-height:30px;color:#666666;width:94.3%;}

.faq{margin-top:80px;background:url(../../images/faq-bg.webp)no-repeat;background-size:100% 100%;border-bottom:5px solid #013a7d;position:relative;}
.faq.prolist{padding-top:40px;border-bottom:0px;}
.faq::before{content:"";width:354px;height:428px;background:url(../../images/faq-before.webp)no-repeat;background-size:cover;display:block;position:absolute;bottom:20px;left:180px;}
.faq .container-xl{display:flex;justify-content:flex-end;}
.faq .max-1200{display:flex;justify-content:space-between;max-width:1200px;}
.faq .left{width:26.7%;}
.faq .left .item{display:block;padding:30px 35px;font-size:24px;line-height:32px;font-weight:600;color:#666666;border-left:6px solid #e5f4fb;}
.faq .left .item::after{content:"";width:21px;height:7px;background:url(../../images/faq-item-icon1.webp)no-repeat;background-size:cover;display:inline-block;margin-left:100px;position:relative;top:-5px;}
.faq .left .item.active{border-color:#013a7d;background-color:#e5f4fb;color:#013a7d;}
.faq .left .item.active::after{background:url(../../images/faq-item-icon2.webp)no-repeat;}
.faq .left .item:hover{border-color:#013a7d;background-color:#e5f4fb;color:#013a7d;}
.faq .left .item:hover::after{background:url(../../images/faq-item-icon2.webp)no-repeat;}
.faq .right{width:73.3%;padding:90px 0 60px 110px;}
.faq.prolist .right{padding-top:10px;}

.faq .faq-item{padding:20px 0;border-bottom:1px solid #d3e0e7;}
.faq .faq-title{font-size:20px;line-height:28px;font-weight:600;color:#222222;position:relative;}
.faq .faq-title::before{content:"";width:15px;height:15px;background:url(../../images/faq-icon2.webp)no-repeat;background-size:cover;display:block;position:absolute;left:-30px;top:7px;}
.faq .faq-content{height:0;overflow:hidden;font-size:16px;line-height:24px;color:#666666;}
.faq .faq-item.active .faq-content{margin-top:25px;height:auto;transition:all .5s;}
.faq .faq-item.active .faq-title::before{background:url(../../images/faq-icon1.webp)no-repeat;top:12px;}
.faq .faq-item.active .faq-content a{text-decoration:underline;}

.x1-faq-ly{border-radius: 50px;cursor:pointer;display:inline-block;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    background-color: #feede6;
    padding: 15px 30px;
    margin-top: 40px;}

.x1-faq-ly:hover{background-color: #f15e43;
    color: #fff;}

@media (max-width:1200px) {
    .faq .max-1200{max-width:100%;}
}
@media (max-width:768px) {
    .faq-header{margin-top:20px;}
    .faq-header .msg{width:100%;font-size:14px;line-height:22px;}
    
    .faq{margin-top:20px;}
    .faq::before{display:none;}
    .faq .right{width:100%;padding:0 15px 0 30px;}
    .faq .faq-item{padding:15px 0;}
    .faq .faq-title{font-size:18px;line-height:26px;}
    .faq .faq-content{font-size:14px;line-height:22px;}
    .faq .faq-item.active .faq-content{margin-top:10px;}
}

.banner.oem-banner .tips{margin-top:50px;}
.banner.oem-banner .tip{font-size:18px;line-height:28px;color:#333333;margin-top:15px;}
.banner.oem-banner .tip::before{content:"";width:20px;height:15px;background:url(../../images/banner-tip-icon.webp)no-repeat;background-size:cover;display:inline-block;margin-right:15px;}
.banner.oem-banner .tip span{color:#013a7d;font-weight:500;}
.banner.oem-banner .tip:nth-child(1){margin-top:0;}
.banner.oem-banner .breadcrumb{margin-top:95px;}

.liable{margin-top:45px;padding-bottom:120px;}
.liable .top .msg{font-size:18px;line-height:28px;color:#666666;text-align:center;margin:30px auto 0 auto;width:80%;}
.liable .grid{margin-top:50px;gap:var(--bs-gap,75px);}
.liable .g-col-xl-4{background-color:#f8f8f8;}
.liable .texts{padding:40px 35px;}
.liable .text1{font-size:24px;line-height:32px;font-weight:600;color:#333333;}
.liable .text2{font-size:18px;line-height:28px;color:#666666;margin-top:25px;}

.villa{position:relative;}
.villa .bg img{display:none;}
.villa .bg img.active{display:block;}
.villa .boxs{position:absolute;left:0;top:0;width:100%;height:100%;}
.villa .max-1610{max-width:1610px;position:relative;display:flex;justify-content:flex-end;align-items:center;height:100%;}
.villa .max-1610 .x1-t1{position:absolute;left:15%;bottom:100px;color:#fff;opacity:0.6;z-index:2;font-style:italic;font-size:66px;font-weight:bold;line-height:72px;}
.villa .box{width:51.3%;}
.villa .box1{background-color:rgba(255,255,255,.95);padding:60px 90px 40px 80px;border-top-right-radius:170px;border-bottom-left-radius:70px;}
.villa .t1{font-size:36px;}
.villa .msg{font-size:18px;line-height:28px;color:#333333;margin-top:25px;}
.villa .title{font-size:18px;line-height:28px;font-weight:600;color:#333333;margin-top:35px;}
.villa .tip{font-size:16px;line-height:28px;color:#333333;padding-left:30px;position:relative;margin-top:20px;}
.villa .tips .tip:nth-child(1){margin-top:15px;}
.villa .tip::before{content:"";width:20px;height:15px;background:url(../../images/banner-tip-icon.webp)no-repeat;background-size:cover;display:block;position:absolute;left:0;top:7px;}
.villa .last{width:100%;display:table;margin:30px 0 0 auto;}
.villa .grid{gap:var(--bs-gap,20px);}
.villa .g-col-xl-3{padding:5px 5px 15px 5px;background-color:#fff;border-radius:5px;}
.villa .g-col-xl-3.active{background-color:#ed1c24;}
.villa .g-col-xl-3.active  .title1{color:#fff;}
.villa .title1{font-size:20px;line-height:28px;font-weight:500;color:#333333;margin-top:5px;text-align:center;}

.banner.about-banner .t1{color:#333333;width:40%;}
.banner.about-banner .msg{margin-top:35px;}
.banner.about-banner .breadcrumb{margin-top:100px;}
.banner.about-banner .breadcrumb a{color:#333333;}

@media (max-width:1590px) {
    .other.banner .t1{font-size:40px;line-height:48px;}
    .banner.about-banner .breadcrumb{margin-top:30px;}
}
@media (max-width:768px) {
.villa .max-1610 .x1-t1{display:none;}
    .banner.oem-banner .tips{margin-top:0;}
    .banner.oem-banner .tip{display:none;}

    .liable{margin-top:20px;padding-bottom:30px;}
    .liable .top .msg{font-size:14px;line-height:22px;margin:10px auto 0 auto;width:100%;}
    .liable .grid{margin-top:20px;gap:var(--bs-gap,20px);}
    .liable .texts{padding:25px;}
    .liable .text1{font-size:18px;line-height:26px;}
    .liable .text2{font-size:14px;line-height:22px;margin-top:10px;}
    
    .villa .boxs{position:relative;}
    .villa .t1{font-size:18px;line-height:26px;}
    .villa .msg{font-size:14px;line-height:22px;margin-top:10px;}
    .villa .title{font-size:16px;line-height:24px;margin-top:15px;}
    .villa .tip{font-size:14px;line-height:22px;margin-top:10px;}

    .prolist-new{margin-top:20px;}
}

.about{margin-top:130px;padding-bottom:120px;}
.about .box{display:flex;justify-content:space-between;margin-top:200px;}
.about .left{width:50%;}
.about .right{width:44.7%;}
.about .grid{margin-top:80px;gap:var(--bs-gap,15px);}
.about .g-col-xl-4{background-color:#f8f8f8;display:flex;justify-content:center;align-items:center;}
.about .g-col-xl-4 img{width:auto;mix-blend-mode:darken;}
.about .top{padding-left:90px;}
.about .t1{position:relative;}
.about .t1::before{content:"";width:68px;height:48px;background:url(../../images/proseries-t1-icon.webp) no-repeat;background-size:cover;display:block;position:absolute;left:-90px;top:-12px;}
.about .msg{margin-top:45px;}
.about .icon{margin-top:80px;}
.about .box:nth-child(1){margin-top:0;}
.about .box:nth-child(even) .right{order:-1;}

.about .boxs{display:flex;margin-top:75px;}
.about .box11{width:150px;height:150px;background-color:#f8f8f8;display:flex;align-items:center;flex-wrap:wrap;}
.about .box1{width:100%;}
.about .num{width:100%;font-size:36px;line-height:46px;font-weight:500;color:#333333;width:100%;text-align:center;}
.about .text{display:block;text-align:center;font-size:18px;line-height:28px;font-weight:500;color:#333333;width:100%;height:56px;margin-top:10px;}
.about .num img{mix-blend-mode:multiply;}

.about .box11.active{background-color:#e5f4fb;}
.about .box11.active .num{color:#013a7d;}
.about .box11.active .text{color:#013a7d;}

.rict .top .msg{width:67%;text-align:center;margin:35px auto 0 auto;}
.rict .under{margin-top:70px;position:relative;}
.rict .under .box{position:absolute;;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;}
.rict .swiper-slide{display:flex;justify-content:flex-end;padding-top:30px;}
.rict .swiper-slide .img{width:67.2%;position:relative;}
.rict .img{position:relative;}
.rict .texts{width:45.4%;padding:50px 40px 70px 55px;background-color:rgba(50,97,152,.8);position:absolute;left:90px;top:10px;}
.rict .text1{font-size:24px;line-height:32px;font-weight:700;color:#ffffff;}
.rict p{font-size:18px;line-height:28px;color:#ffffff;font-weight:300;margin-top:20px;}
.rict p:nth-child(2){margin-top:50px;}
.rict p span{text-decoration:underline;font-weight:600;}
.rict p::before{content:"";width:23px;height:15px;background:url(../../images/rict-icon.webp)no-repeat;background-size:cover;display:inline-block;margin-right:25px;}
.rict .swiper-button-prev{width:39px;height:72px;top:45%;}
.rict .swiper-button-prev::after{content:"";width:100%;height:100%;background:url(../../images/rict-prev-icon.webp)no-repeat;background-size:cover;display:block;}
.rict .swiper-button-next{width:39px;height:72px;top:45%;}
.rict .swiper-button-next::after{content:"";width:100%;height:100%;background:url(../../images/rict-prev-icon.webp)no-repeat;background-size:cover;display:block;transform:rotate(180deg);}
.rict .proseries-banner-icon{position:absolute;top:-30px;right:0;display:flex;}

.rict .proseries-banner-img{transform:scale(.8);transition:all .5s;}

.rict .proseries-banner-icon{width:100px;}
.rict .proseries-banner-icon .texts1{margin-left:5px;position:relative;overflow:hidden;width:32px;}
.rict .proseries-banner-icon .texts1 .text{font-size:16px;line-height:22px;color:#0c6dc4;}
.rict .proseries-banner-icon .texts1 .text:nth-child(1){top:-35px;position:absolute;left:0;}
.rict .proseries-banner-icon .texts1 .text:nth-child(2){top:55px;position:absolute;left:0;display:none;}

.rict  .proseries-banner-icon.show .proseries-banner-img{transform:scale(1);transition:all .5s;}
.rict  .proseries-banner-icon.show .text:nth-child(1){top:8px;transition:all.5s;}
.rict  .proseries-banner-icon.show .text:nth-child(2){display:block;}

@media (max-width:1370px) {
    .rict .texts{padding:15px;}
    .rict p:nth-child(2){margin-top:15px;}
}

.album{margin-top:90px;padding-bottom:120px;}
.album .t1{font-weight:700;}
.album .under{margin-top:60px;}
.album .max-1630{position:relative;max-width:1630px;}

.album .swiper-wrapper{padding-bottom:10px;}
.album .swiper-slide{padding:10px 10px 20px 10px;border-radius:10px;box-shadow:0 0 10px 1px rgba(0,0,0,0.1);}
.album .swiper-slide img{border-radius:5px;}
.album .swiper-slide .title{font-size:20px;line-height:28px;font-weight:500;color:#333333;text-align:center;margin-top:20px;}
.album .swiper-button-prev{width:56px;height:55px;position:absolute;left:15px;top:45%;}
.album .swiper-button-prev::after{content:"";width:100%;height:100%;background:url(../../images/album-icon1.webp)no-repeat;background-size:cover;display:block;}
.album .swiper-button-next{width:56px;height:55px;position:absolute;right:15px;top:45%;}
.album .swiper-button-next::after{content:"";width:100%;height:100%;background:url(../../images/album-icon2.webp)no-repeat;background-size:cover;display:block;}

@media (max-width:768px) {
    .about{margin-top:20px;padding-bottom:30px;}
    .about .box{flex-wrap:wrap;margin-top:20px;}
    .about .left{width:100%;}
    .about .right{width:100%;margin-top:20px;}
    .about .top{padding-left:0;}
    .about .t1::before{width:34px;height:24px;display:inline-block;position:relative;left:0;top:0;margin-right:10px;}
    .about .msg{margin-top:5px;}
    .about .icon{margin-top:10px;}
    .about .box:nth-child(even) .right{order:1;}
    .about .boxs{margin-top:10px;}
    .about .box11{width:33%;padding:15px;height:auto;}
    .about .text{font-size: 14px;line-height: 20px;height: auto;}

    .rict .top .msg{width:100%;margin:10px auto 0 auto;}
    .rict .under{margin-top:20px;}
    .rict .under img{display:none;}
    .rict .under .box{position:static;}
    .rict .swiper-slide{padding-top:0;}
    .rict .img{display:none;}
    .rict .texts{position:static;width:100%;}
    .rict .text1{font-size:18px;line-height:26px;}
    .rict p{font-size:14px;line-height:22px;margin-top:10px;}
    .rict p:nth-child(2){margin-top:10px;}
    .rict p::before{margin-right:10px;}
    .rict .swiper-button-next,.rict .swiper-button-prev{display:none;}

    .album{margin-top:20px;padding-bottom:30px;}
    .album .under{margin-top:10px;}
    .album .swiper-slide{padding:20px;}
    .album .swiper-slide .title{font-size:16px;line-height:24px;margin-top:10px;}
}

/* 1.5 */
.banner.app-banner .t1{color:#fff;}
.banner.app-banner .t1::before{background:url(../../images/app-banner-icon.webp)no-repeat;}
.banner.app-banner .msg{color:#fff;font-weight:300;width:50%;}
.banner.app-banner .breadcrumb{margin-top:120px;}
.banner.app-banner .breadcrumb-item a{color:rgba(255,255,255,.6);}
.banner.app-banner .breadcrumb-item+.breadcrumb-item::before{background:url(../../images/other-banner-icon.webp)no-repeat;}
.banner.app-banner .breadcrumb-item a:hover{color:#fff;}

.max-1570{max-width:1570px;}
.hid{margin-top:110px;}
.hid .top{display:flex;justify-content:space-between;align-items:center;}
.hid .left{width:37.3%;display:flex;flex-wrap:wrap;}
.hid .left .box{width:50%;position:relative;}
.hid .left .box::before{content:"";width:100%;height:100%;background-color:rgba(25,54,81,.5);}
.hid .left .box:nth-child(1):before{position:absolute;right:0;bottom:0;}
.hid .left .box:nth-child(2):before{position:absolute;left:0;bottom:0;}
.hid .left .box:nth-child(3):before{position:absolute;right:0;top:0;}
.hid .left .box:nth-child(4):before{position:absolute;left:0;top:0;}
.hid .left .box.show::before{width:0;height:0;transition:all .5s;}
.hid .left .box:nth-child(1){border-top-left-radius:110px;overflow:hidden;}
.hid .left .box:nth-child(4){border-bottom-right-radius:110px;overflow:hidden;}

.hid .right{width:54.7%;}
.hid .t1{padding-left:95px;position:relative;font-size:36px;line-height:46px;}
.hid .t1::before{content:"";width:68px;height:48px;background:url(../../images/proseries-t1-icon.webp) no-repeat;background-size:cover;display:block;position:absolute;left:0px;top:-12px;}
.hid .tips{margin:75px 0 0 auto;width:90.5%;display:table;}
.hid .tip{font-size:18px;line-height:30px;font-weight:500;color:#666666;margin-bottom:25px;padding-left:35px;position:relative;}
.hid .tip::before{content:"";width:21px;height:15px;background:url(../../images/hid-icon1.webp)no-repeat;background-size:cover;display:block;position:absolute;left:0;top:8px;}

.hid .under{display:flex;justify-content:space-between;margin-top:65px;}
.hid .box{width:23.6%;}
.hid .text1{font-size:36px;line-height:42px;font-weight:500;color:#f15e43;}
.hid .line{width:280px;height:2px;background-color:#fcdfd9;margin-top:30px;margin-bottom:30px;}
.hid .text2{font-size:18px;line-height:26px;font-weight:500;color:#333333;}

.trial{margin-top:80px;}
.trial .grid{margin-top:65px;gap:var(--bs-gap,90px);}
.trial .g-col-xl-4{padding:40px;background-color:#f8f8f8;}
.trial .g-col-xl-4 img{mix-blend-mode:darken;}
.trial .g-col-xl-4 .title{font-size:20px;line-height:30px;font-weight:600;color:#333333;position:relative;}
.trial .g-col-xl-4 .title::before{content:"";width:4px;height:20px;background-color:#f15e43;display:inline-block;margin-right:15px;position:relative;top:2px;}
.trial .g-col-xl-4 .last{display:flex;justify-content:space-between;position:relative;flex-wrap:wrap;}

.trial .g-col-xl-4 .last .box{width:100%;display:flex;justify-content:space-between;}
.trial .g-col-xl-4 .last .box:nth-child(1){margin-top:10px;padding-bottom:10px;}
.trial .g-col-xl-4 .last .box:nth-child(2){padding-top:10px;border-top:1px solid #999999;}

.trial .g-col-xl-4 .text1{display:flex;color:#023e82;font-weight:600;width:54px;}
.trial .g-col-xl-4 .text2{order:-2;margin-right:5px;color:#666666;}

.ben{margin-top:130px;}
.ben .boxs{display:flex;justify-content:space-between;position:relative;}
.ben .boxs::before{content:"";width:1008px;height:647px;background:url(../../images/ben-skip.webp)no-repeat;background-size:cover;position:absolute;right:-60px;top:0;}
.ben .left{width:37.9%;}
.ben .swiper{margin-top:80px;}
.ben .box{padding:15px 0;border-bottom:1px solid #efefef;position:relative;display:flex;justify-content:space-between;width:82%;height:100%;}
.ben .box .texts{width:89%;}
.ben .swiper{height:672px;}
.ben .t1{position:relative;font-size:36px;line-height:46px;}
.ben .t1::before{content:"";width:68px;height:48px;background:url(../../images/proseries-t1-icon.webp) no-repeat;background-size:cover;display:inline-block;position:relative;top:0px;margin-right:30px;}
.ben .num{font-size:28px;line-height:40px;font-weight:500;color:#333333;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background-color:#f8f8f8;border-radius:50%;margin-right:10px;}
.ben .title{font-size:18px;line-height:30px;font-weight:500;color:#333333;margin-top:8px;}
.ben .box:nth-child(2){margin-top:100px;}
.ben .msg{margin-top:15px;}
.ben .swiper-slide .num{background-color:var(--public-color);color:#fff;}
.ben .swiper-slide .title{color:var(--public-color);}
.ben .swiper-slide:hover .num{background-color:#f15e43;color:#fff;}
.ben .swiper-slide:hover .title{color:#f15e43;}
.ben .swiper-pagination{height:250px;width:6px;background-color:#cccccc;border-radius:10px;}
.ben .swiper-pagination-bullet{height:20%;margin:0 !important;background-color:#cccccc;border-radius:10px;}
.ben .swiper-pagination-bullet-active{background-color:#f15e43;width:6px;}
.ben .right{width:59%;position:relative;z-index:10;}
.ben .right img{margin-top:135px;}

.reap{margin-top:120px;}
.reap .t1{font-size:52px;line-height:60px;}
.reap .grid{margin-top:80px;gap:var(--bs-gap,0);}
.reap .g-col-xl-4{padding:4px;background-color:#f8f8f8;position:relative;overflow:hidden;}
.reap .g-col-xl-4::before{content:"";position:absolute;width:150%;height:80%;background:linear-gradient(to right, #0e4687, #f15e43);
animation:glowing_401 5s linear infinite;top:0;bottom:0;margin:auto;transform-origin:30% 50%;transform:translate(-20%,0);display:none;}

.reap .g-col-xl-4 .box{padding:60px 70px 90px 70px;background-color:#f8f8f8;height:100%;position:relative;z-index:10;overflow:hidden;}
.reap .icon{width:79px;height:79px;margin:0 auto;overflow:hidden;}
.reap .title{font-size:24px;line-height:32px;font-weight:600;color:#333333;margin:25px auto 0 auto;text-align:center;}
.reap .msg{margin-top:25px;text-align:center;}

.reap .icon img:nth-child(2){display:none;}
.reap .g-col-xl-4:nth-child(1){border-top-left-radius:245px;}
.reap .g-col-xl-4:nth-child(1) .box{border-top-left-radius:250px;}
.reap .g-col-xl-4:nth-child(3){border-bottom-right-radius:245px;}
.reap .g-col-xl-4:nth-child(3) .box{border-bottom-right-radius:250px;}

.reap .g-col-xl-4.active{background-color:#e5f4fb;}
.reap .g-col-xl-4.active::before{display:block;}
.reap .g-col-xl-4.active .box{background-color:#e5f4fb;}
.reap .g-col-xl-4.active .icon img:nth-child(1){display:none;}
.reap .g-col-xl-4.active .icon img:nth-child(2){display:block;}
.reap .g-col-xl-4.active .title{color:#013a7d;}

.perly{margin-top:90px;padding-bottom:210px;}
.perly .container-xl{position:relative;}
.perly .container-xl::after{content:"";width:934px;height:650px;background:url(../../images/perly-skip.webp)no-repeat;position:absolute;right:-130px;bottom:-145px;z-index:-1;}
.perly .grid{margin-top:100px;gap:var(--bs-gap,75px);}
.perly .g-col-xl-4 {background-color:#fff;box-shadow:0 0 30px 1px rgba(0,0,0,0.1);}
.perly .g-col-xl-4 .texts{padding:40px 35px 50px 35px;}
.perly .title{font-size:24px;line-height:32px;font-weight:600;color:#333333;text-align:center;}
.perly .msg{line-height:32px;text-align:center;margin-top:25px;}

@media (max-width:768px) {
    .hid{margin-top:20px;}
    .hid .top{flex-wrap:wrap;}
    .hid .left{width:100%;}
    .hid .left .box:nth-child(1){border-top-left-radius:75px;}
    .hid .left .box:nth-child(4){border-bottom-right-radius:75px;}
    .hid .right{width:100%;margin-top:20px;}
    .hid .t1{padding-left:0;font-size:18px;line-height:26px;}
    .hid .t1::before{width:34px;height:24px;display:inline-block;position:relative;left:0;top:0;margin-right:10px;}
    .hid .tips{width:100%;margin-top:15px;}
    .hid .tip{font-size:14px;line-height:22px;padding-left:30px;margin-bottom:10px;}
    .hid .tip::before{top:4px;}
    .hid .under{margin-top:20px;flex-wrap:wrap;justify-content:space-between;}
    .hid .under .box{width:48%;margin-bottom:15px;}
    .hid .text1{font-size:18px;line-height:26px;}
    .hid .text2{font-size:14px;line-height:22px;}
    .hid .line{width:100%;margin-top:10px;margin-bottom:10px;}

    .trial{margin-top:20px;}
    .trial .grid{margin-top:20px;gap:var(--bs-gap,20px);}
    .trial .g-col-xl-4{padding:25px;}
    .trial .g-col-xl-4 .title{font-size:18px;line-height:26px;}
    
    .ben{margin-top:20px;}
    .ben .boxs::before{display:none;}
    .ben .boxs{flex-wrap:wrap;}
    .ben .left{width:100%;margin-top:15px;}
    .ben .t1{font-size:18px;line-height:26px;}
    .ben .t1::before{width:34px;height:24px;margin-right:10px;}
    .ben .swiper{margin-top:20px;height:auto;}
    .ben .right{width:100%;order:-1;}
    .ben .right img{margin-top:0;}
    .ben .swiper-pagination{width:100%;height:7px;background-color:transparent;}
    .ben .swiper-pagination-bullet{height:100%;margin:0 2px !important;width:7px;background-color:#999999;}
    .ben .box{width:100%;}

    .reap{margin-top:20px;}
    .reap .t1{font-size:18px;line-height:26px;}
    .reap .grid{margin-top:20px;}
    .reap .g-col-xl-4 .box{padding:25px;}
    .reap .g-col-xl-4:nth-child(1){border-radius:0;}
    .reap .g-col-xl-4:nth-child(3){border-radius:0;}
    .reap .g-col-xl-4:nth-child(1) .box{border-radius:0;}
    .reap .g-col-xl-4:nth-child(3) .box{border-radius:0;}
    .reap .title{font-size:18px;line-height:26px;}
    .reap .msg{margin-top:10px;}

    .perly{margin-top:20px;padding-bottom:30px;}
    .perly .container-xl::after{display:none;}
    .perly .grid{margin-top:20px;gap:var(--bs-gap,20px);}
    .perly .g-col-xl-4:nth-child(1){border-top-left-radius:65px;overflow:hidden;}
    .perly .g-col-xl-4 .texts{padding:25px;}
    .perly .title{font-size:18px;line-height:26px;}
    .perly .msg{line-height:22px;margin-top:10px;}
}

.navbar{position:static;}
.navbar-custom .navbar-nav > .nav-item.appnav{position:static;}
.header .col-md-10{position:static;}
.header .app-drop{position:absolute;left:0;top:100%;width:100%;background-color:#fff;padding:28px 0 32px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translate3d(0,8px,0);pointer-events:none;z-index:30;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;}
.header .app-drop.show{opacity:1;visibility:visible;transform:translate3d(0,0,0);pointer-events:auto;}
.header .navbar .dropdown.pc>.dropdown-menu,.header .navbar .dropright.pc>.dropdown-menu{display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,6px,0);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;}
.header .navbar .dropright.pc>.dropdown-menu{transform:translate3d(6px,0,0);}
.header .navbar .dropdown.pc:hover>.dropdown-menu,.header .navbar .dropdown.pc>.dropdown-menu.show,.header .navbar .dropright.pc:hover>.dropdown-menu{opacity:1;visibility:visible;transform:translate3d(0,0,0);pointer-events:auto;}
.header .app-drop:not(.pro-drop) .grid{gap:22px;}
.header .app-drop:not(.pro-drop) .g-col-xl-3{min-width:0;}
.header .app-drop .img{display:block;overflow:hidden;border-radius:12px;aspect-ratio:16/10;background:#f6f6f7;}
.header .app-drop .img img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease;}
.header .app-drop .g-col-xl-3:hover .img img{transform:scale(1.06);}
.header .app-drop .title{font-size:16px;line-height:24px;font-weight:600;color:#333;position:relative;display:flex;align-items:center;gap:12px;margin-top:14px;transition:color .2s ease;}
.header .app-drop .g-col-xl-3:hover .title,.header .app-drop .g-col-xl-3.active .title{color:var(--public-color);}
.header .app-drop .icon{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;margin-right:0;border-radius:50%;background:#f6f6f7;transition:background-color .2s ease;}
.header .app-drop .icon img{width:22px;height:22px;object-fit:contain;}
.header .app-drop .g-col-xl-3:hover .icon,.header .app-drop .g-col-xl-3.active .icon{background:#fff1f1;}

.navi{margin-top:80px;}
.navi .box{display:flex;justify-content:space-between;background-color: #f8f8f8;}
.navi .nav-btn{position:relative;min-width: 220px; text-align:center;padding:25px 30px;font-size:20px;line-height:30px;font-weight:500;color:#333333;background-color:#f8f8f8;}
.navi .nav-btn::before{content:"";width:24px;height:23px;background:url(../../images/nav-btn-icon.webp)no-repeat;background-size:cover;display:block;position:absolute;left:45%;bottom:0;display:none;}
.navi li.active .nav-btn{color:#fff;background-color:#013d81;}
.navi li.active .nav-btn::before{display:block;}
.navi .nav-btn:hover{color:#fff;background-color:#013d81;}
.navi .nav-btn:hover::before{content:"";width:24px;height:23px;background:url(../../images/nav-btn-icon.webp)no-repeat;background-size:cover;display:block;position:absolute;left:45%;bottom:0;}
.navi.fadeInDown{position:fixed;width:100%;left:0;top:70px;background-color:#fff;margin-top:0;z-index:100;}
.z1-procontent-box{margin-bottom: 40px;}
.z1-procontent-box:last-child{margin-bottom: 0;}

.navi.top{position:fixed;width:100%;left:0;top:-100px;background-color:#fff;margin-top:0;z-index:100;}
.navi.top.active{top:70px;transition:all .5s;}
.navi.top.active .nav-btn{padding:20px 0;}
.navi.top.active .nav-btn.active::before,.navi.top.active .nav-btn:hover::before{width:18px;height:18px;}
.navi.top.active .nav-btn{font-size:18px;line-height:26px;}

.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;background-color:#ea5b24;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width 0.2s ease-out,height 0.2s ease-out,background-color 0.2s ease-out;}
.cursor-outer{position:fixed;top:0;left:0;width:40px;height:40px;border:2px solid #feede6;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width 0.3s ease-out,height 0.3s ease-out,border-color 0.3s ease-out;will-change:transform}
.custom-cursor.hover{width:30px;height:30px;background-color:rgba(255,107,107,0.6)}
.cursor-outer.hover{width:60px;height:60px;border-color:rgba(255,107,107,0.4)}
.custom-cursor.click{transform:translate(-50%,-50%) scale(0.7);background-color:rgba(107,255,142,0.8)}
.cursor-outer.click{transform:translate(-50%,-50%) scale(1.2);border-color:rgba(107,255,142,0.5)}
.custom-cursor.disabled{opacity:0.5;background-color:rgba(169,169,169,0.6)}
.cursor-outer.disabled{border-color:rgba(169,169,169,0.3);transform:translate(-50%,-50%) scale(0.7)}

@media (max-width:1510px) {
    .banner.app-banner .breadcrumb{margin-top:10px;}
}
@media (max-width:768px) {
    .other.banner{margin-top:0;}
    .other.banner .banner-text{bottom:10px;} 
    .other.banner .t1{font-size:18px;line-height:26px;width:100%;}
    .banner.about-banner .msg{display:none;}
    .banner.about-banner .breadcrumb{margin-top:0;}
    .other.banner .breadcrumb{margin-top:0;}
    
    .other.banner .breadcrumb-item a{font-size:14px;line-height:22px;}
    .other.banner .breadcrumb-item+.breadcrumb-item{padding-left:10px;}
    .other.banner .breadcrumb-item+.breadcrumb-item::before{margin-right:10px;width:10px;height:10px;}
}

.banner.video-banner .msg{width:48%;}
.banner.video-banner .breadcrumb{margin-top:50px;}

.video{margin-top:100px;padding-bottom:80px;}
.video .grid{gap:var(--bs-gap,75px);}
.video .g-col-xl-4{position:relative;}
.video .g-col-xl-4 .img{position:relative;border-bottom-right-radius: 80px;overflow: hidden;}
.video .g-col-xl-4 .img:before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;left:0;top:0;}
.video .g-col-xl-4 .img span{position:absolute;left:38%;top:40%;}
.video .title{font-size:20px;line-height:28px;text-align:center;margin-top:30px;}

@media (max-width:1330px) {
    .banner.video-banner .breadcrumb{margin-top:10px;}
}
@media (max-width:768px) {
    .video{margin-top:20px;padding-bottom:20px;}
    .video .grid{gap:var(--bs-gap,20px);}
    .video .g-col-xl-4 .img span{width:33px;height:33px;top:35%;left:40%;}
    .video .g-col-xl-4 .img span img{max-width:100%;}
    .video .title{font-size:16px;line-height:24px;text-align:center;margin-top:10px;}
}

.rance{margin-top:160px;padding-bottom:200px;}
.rance .box{display:flex;justify-content:space-between;margin-top:120px;position:relative;}
.rance .box:nth-child(1){margin-top:0;}
.rance .left{width:40%;}
.rance .left img{border-top-left-radius:150px;border-bottom-right-radius:150px;}
.rance .right{width:45.8%;}
.rance .t1{font-size:36px;line-height:48px;font-weight:600;color:#333333;}
.rance .t1::before{content:"";width:68px;height:48px;background:url(../../images/rance-t1-skip.webp)no-repeat;background-size:cover;display:inline-block;position:relative;top:0;margin-right:25px;}
.rance .msg{margin-left:50px;margin-top:80px;}
.rance .msg p{font-size:18px;line-height:28px;color:#666666;margin-bottom:20px;}
.rance .msg p::before{content:"";width:20px;height:15px;background:url(../../images/banner-tip-icon.webp) no-repeat;background-size:cover;
display:inline-block;position:relative;left:0;top:0;margin-right:20px;}
.rance .box:nth-child(even) .left{order:2;}

.rance .box:nth-child(1) .right,.rance .box:nth-child(3) .right,.rance .box:nth-child(5) .right{padding-top:40px;}
.rance .box:nth-child(2) .right,.rance .box:nth-child(4) .right{padding-top:90px;}
/* 
.rance .box:nth-child(1)::before{content:"";width:298px;height:256px;background:url(../../images/rance01.webp)no-repeat;background-size:cover;
display:block;position:absolute;right:0;bottom:0;}
.rance .box:nth-child(2)::before{content:"";width:369px;height:256px;background:url(../../images/rance02.webp)no-repeat;background-size:cover;
display:block;position:absolute;left:0;bottom:0;}
.rance .box:nth-child(3)::before{content:"";width:368px;height:256px;background:url(../../images/rance03.webp)no-repeat;background-size:cover;
display:block;position:absolute;right:0;bottom:0;}
.rance .box:nth-child(4)::before{content:"";width:356px;height:256px;background:url(../../images/rance04.webp)no-repeat;background-size:cover;
display:block;position:absolute;left:0;bottom:0;}
.rance .box:nth-child(5)::before{content:"";width:364px;height:256px;background:url(../../images/rance05.webp)no-repeat;background-size:cover;
display:block;position:absolute;right:0;bottom:0;} */

.fly{display:flex;justify-content:space-between;align-items:center;margin-top:60px;}
.fly .left{width:42.4%;}
.fly .right{width:48%;}
.fly .msg p{font-size:18px;line-height:28px;color:#666666;}
.fly .msg p::before{content:"";width:7px;height:7px;background-color:#999999;display:inline-block;border-radius:50%;margin-right:8px;position:relative;top:-3px;}
.fly .msg p:hover::before{background-color:#ea5b24;}


#float{position:fixed;right:0px;bottom:40px;z-index:60;transform:translateX(0);transition:.3s ease-in-out;display:flex;flex-direction:column;gap:12px;}
#float .ico{display:flex;align-items:center;justify-content:flex-end;cursor:pointer;}
#float .ico .icon{width:56px;height:56px;background-color:#ed1c24;color:#fff;border-radius:50px;display:flex;justify-content:center;align-items:center;font-size:24px;margin:0 0 0 auto;position:relative;z-index:10;}
#float .ico p{width:0;;height:46px;background-color:#414141;font-size:16px;line-height:24px;color:#fff;display:flex;align-items:center;}
#float .ico:hover p{width:auto;margin-left:-10px;padding:0 15px;transition:all .5s;}

.proto .dropdown-menu .dropdown-item{font-weight:600;font-size:16px;}


/* news-content */
.article-content{padding:70px 0;}
.article-content .container-xl{--max:1630px;}
.article-content .breadcrumb-item+.breadcrumb-item::before{color:#666;}
.article-content .breadcrumb{margin-bottom: 0;width: 100%;justify-content:flex-start;}
.news-nav{display: flex;align-items: center;justify-content:flex-start;gap:10px;padding:30px 0;}
.article-content .news-nav{padding-bottom:80px;}
.news-nav .item{ padding: 18px 40px;
    background-color: #ffece8;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #333333;
    margin-right: 20px;
    border-radius: 50px;}
.news-nav .item.active,.news-nav .item:hover{background-color: #f15e43;
    color: #fff;}
.article-content .news-content{padding:0;display: flex;gap:30px;margin-bottom: 80px;}
.article-content .news-content .table-of-contents{width:330px;min-width:330px;border:1px solid #9da5ae;position: sticky;height: fit-content;top: 100px;}
.article-content .news-content .table-of-title{padding: 20px;display: flex;align-items: center;justify-content:flex-start;font-size: 18px;font-weight: bold;border-bottom:1px solid #9da5ae;}
.article-content .news-content .table-of-content{padding: 20px;}
.article-content .news-content .table-of-content-loading{display: flex;align-items: center;justify-content:center;height: 100%;}
.article-content .news-content .table-of-content-list{font-size: 18px;line-height:24px;}
.article-content .news-content .table-of-content-item, .article-content .news-content .table-of-content-item-list-item{margin-bottom: 10px;}
.table-of-content-item-list .table-of-content-item-list-item a{font-size:16px;line-height:24px;color:#666;}
.table-of-content-item-list .table-of-content-item-list-item a:hover{color:var(--public-color);}
.article-content .news-content .table-of-content-item-list{padding:10px 0 0 14px;}
.article-content .functional-area{width: 380px;min-width:380px;display: flex;flex-direction: column;gap:30px;position: sticky;height: fit-content;top: 100px;}
.article-content .functional-area-title{font-size:32px;line-height:42px;font-weight: bold;margin-bottom: 40px;text-transform: uppercase;}
.article-content .functional-area-content{display: flex;flex-direction: column;gap:20px;}
.article-content .functional-area-content-item{display: flex;gap:20px;}
.article-content .functional-area-content-item-img{width:120px;min-width:120px;overflow:hidden;}
.article-content .functional-area-content-item-img img{transition: all .45s;}
.article-content .functional-area-content-item-img:hover img{transform:scale(1.1);}
.article-content .functional-area-content-item-text{display: flex;flex-direction: column;gap:10px;}
.article-content .functional-area-content-item-text-title{font-size: 16px;line-height:24px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp:2;-webkit-box-orient: vertical;}
.article-content .functional-area-content-item-text-time{font-size: 12px;line-height:20px;color:#999;}
.article-content .functional-area-box-contact{background-color: #f8f8f8;padding:20px;}
.article-content .functional-area-box-contact .functional-area-title{margin-bottom: 20px;text-transform: uppercase;}
.article-content .functional-area-box-contact .form-control:focus{border-color:var(--public-color);}
.article-content .functional-area-box-contact .form-feedback .btn{background-color:var(--public-color);color:#fff;width: 100%;text-transform: uppercase;}
.article-content .content-box{overflow:hidden;flex:1;}
.article-content .content-box .content-title{font-size: 32px;line-height: 48px;font-weight: bold;text-transform: uppercase;}
.article-content .content-box .content-info{display: flex;align-items: center;justify-content:flex-start;gap:20px;color:#999;}
.article-content .content-box .content-info .content-time{font-size: 16px;line-height: 48px;font-weight: bold;}
.article-content .content-box .content-info .content-author{font-size: 16px;line-height: 48px;font-weight: bold;}
.article-content .content-box .content-content{font-size: 16px;line-height: 32px;padding:60px 0;}
.article-content .content-box .content-content u{text-decoration: initial;border-bottom: 1px solid #e67e22;}
.article-content .content-box .content-content ul{padding-left: 20px;list-style-type: initial;}
.article-content .content-box .content-content li{list-style-type: initial;}
.article-content .content-box .content-content img{max-width:100%;height:auto;}
.article-content .content-page{display: flex;justify-content:space-between;gap:40px;}
.article-content .content-page .content-page-prev-next{display: flex;flex-direction: column;gap:30px;max-width:540px;font-size: 18px;}
.article-content .content-page .content-page-prev-next a:hover{text-decoration: underline;}
.article-content .content-page .goback{width: 220px;background-color:#000;color:#fff;font-size: 20px;line-height: 46px;text-align: center;transition:all .45s ease-in-out;height: 46px;}
.article-content .content-page .goback a{color:#fff;width: 100%;transition:all .45s ease-in-out;text-transform: uppercase;}
.article-content .content-page .goback a:hover{background-color:var(--public-color);}

.eicon-animation-spin {animation: eicon-spin 2s linear infinite;height:60px;}
@keyframes eicon-spin {
    0% {transform: rotate(0deg)}
    to {transform: rotate(359deg)}
}

@media (max-width: 768px) {
    .article-content{padding:40px 0;}
    .news-nav{padding:40px 0;flex-wrap:wrap;}
    .news-nav .item{width:calc(50% - 5px);font-size:12px;}
    .article-content .news-content{flex-direction:column;margin-bottom:40px;}
    .article-content .news-content .table-of-contents{width:100%;min-width:100%;position:relative;top:0;}
    .article-content .news-content .table-of-title{padding:15px;font-size:16px;}
    .article-content .news-content .table-of-content{padding:15px;}
    .article-content .news-content .table-of-content-list{font-size:16px;line-height:22px;}
    .article-content .functional-area{width:100%;min-width:100%;position:relative;top:0;}
    .article-content .functional-area-title{font-size:24px;line-height:32px;margin-bottom:20px;}
    .article-content .functional-area-content-item-text-title{font-size:14px;line-height:20px;}
    .article-content .content-box .content-title{font-size:24px;line-height:36px;}
    .article-content .content-box .content-info .content-time,
    .article-content .content-box .content-info .content-author{font-size:14px;line-height:36px;}
    .article-content .content-box .content-content{font-size:14px;line-height:28px;padding:30px 0;}
	.article-content .content-box .content-content img{max-width:100%;height:auto;}
    .article-content .content-page{flex-direction:column;gap:20px;}
    .article-content .content-page .content-page-prev-next{font-size:16px;max-width:100%;}
    .article-content .content-page .goback{width:100%;font-size:16px;}
    .news-nav{display:none;}
}

.header .app-drop.pro-drop,.header .app-drop.pro-drop.show{height:350px;padding:22px 0;overflow:hidden;}
.header .app-drop.pro-drop .container-xl,.pro-drop-row{height:100%;}
.pro-drop-row{display:flex;align-items:stretch;gap:28px;width:100%;}
.x1-profl{display:flex;align-items:stretch;height:100%;gap:32px;min-width:0;flex:1 1 auto;}
.x1-profl .x1-profl-side{display:flex;flex-direction:column;flex:0 0 300px;width:300px;height:100%;padding:14px;background:#f6f6f7;border-radius:12px;}
.x1-profl .x1-profl-img{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden;}
.x1-profl .x1-profl-img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.x1-profl .x1-profl-intro{flex:0 0 auto;padding-top:12px;}
.x1-profl .x1-profl-desc{font-size:13px;line-height:20px;color:#666;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.x1-profl .x1-profl-desc:empty{display:none;margin:0;}
.x1-profl .x1-profl-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border-radius:50px;background-color:var(--public-color);color:#fff;font-size:13px;line-height:20px;font-weight:500;cursor:pointer;transition:background-color .25s ease;}
.x1-profl .x1-profl-btn:hover{background-color:#c4161c;color:#fff;}
.x1-profl .x1-profl-text{flex:1 1 auto;min-width:0;height:100%;display:flex;flex-direction:column;}
.x1-profl .x1-profl-title{display:block;font-size:18px;line-height:26px;font-weight:700;color:#222;margin-bottom:10px;}
.x1-profl .x1-profl-title:hover,.x1-profl .x1-profl-title.active{color:var(--public-color);}
.x1-profl .x1-profl-list{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:2px 16px;padding-right:6px;}
.x1-profl .x1-profl-list::-webkit-scrollbar{width:6px;}
.x1-profl .x1-profl-list::-webkit-scrollbar-thumb{background:#e2e2e2;border-radius:6px;}
.x1-profl .x1-profl-list a{display:flex;align-items:center;min-height:32px;padding:2px 8px;border-radius:6px;color:#555;font-size:14px;line-height:20px;transition:background-color .2s ease,color .2s ease;}
.x1-profl .x1-profl-list a::before{content:"";width:5px;height:5px;border-radius:50%;background:#ddd;margin-right:8px;flex:0 0 auto;}
.x1-profl .x1-profl-list a:hover,.x1-profl .x1-profl-list a.active{background:#fff1f1;color:var(--public-color);}
.x1-profl .x1-profl-list a:hover::before,.x1-profl .x1-profl-list a.active::before{background:var(--public-color);}



.oem-list{margin-top:50px;padding:50px 0 100px;}
.oem-list-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
.oem-list .item{padding:4px;background-color:#f8f8f8;position:relative;transition:all 0.3s ease;overflow:hidden;}
.oem-list .item::before{content:"";position:absolute;width:150%;height:80%;background:linear-gradient(to right,#f15e43, #f15e43);animation:glowing_401 5s linear infinite;z-index:0;top:0;bottom:0;margin:auto;transform-origin:30% 50%;transform:translate(-20%, 0);display:none;}
.oem-list .item .text{overflow:hidden;padding:50px 50px 30px 50px;position:relative;z-index: 1;background-color:#f8f8f8;height: 100%;}
.oem-list .item.show .text{background-color:#e5f4fb;}

.oem-list .item-title{font-size:20px;line-height:28px;font-weight:600;color:#0e4687;margin-bottom:20px;}
.oem-list .item ul{list-style:none;padding:0;margin:0;}
.oem-list .item ul li{font-size:16px;line-height:24px;color:#666666;margin-bottom:10px;position:relative;padding-left:20px;}
.oem-list .item ul li::before{content:"✔";color:#f15e43;font-weight:bold;position:absolute;left:0;}

.oem-list .item:first-child{border-top-left-radius:50px;}
.oem-list .item:first-child .text{border-top-left-radius:44px;}
.oem-list .item:last-child{border-bottom-right-radius:50px;}
.oem-list .item:last-child .text{border-bottom-right-radius:44px;}
.oem-list .item.show{background-color:#e5f4fb;}
.oem-list .item.show::before{display:block;}

@media (max-width:768px) {
    .oem-list{margin-top:20px;padding:30px 0 50px;}
    .oem-list-grid{grid-template-columns:1fr;gap:15px;}
    .oem-list .item{padding:3px;}
    .oem-list .item .text{padding:30px 20px 20px 20px;}
    .oem-list .item-title{font-size:18px;line-height:26px;margin-bottom:15px;}
    .oem-list .item ul li{font-size:14px;line-height:22px;margin-bottom:8px;padding-left:18px;}
    .oem-list .item:first-child{border-top-left-radius:30px;}
    .oem-list .item:first-child .text{border-top-left-radius:26px;}
    .oem-list .item:last-child{border-bottom-right-radius:30px;}
    .oem-list .item:last-child .text{border-bottom-right-radius:26px;}
}

.why-choose{margin-top:40px}
.why-choose .subtitle{font-size:18px;line-height:28px;color:#666666;margin-top:20px;text-align:center;max-width:1000px;margin:40px auto 0}
.why-choose-list{display:flex;flex-direction:column;gap:140px;padding:100px 0 150px}
.why-choose-list .item{display:flex}
.why-choose-list .item>div{width:50%}
.why-choose-list .item:nth-child(odd) .text{padding-left:80px}
.why-choose-list .item:nth-child(even) .text{padding-right:80px}
.why-choose-list .item:nth-child(even){flex-direction:row-reverse}
.why-choose-list .item .text{display:flex;flex-direction:column;justify-content:center;gap:50px}
.why-choose-list .item .text .t1{font-size:36px}
.why-choose-list .item .text .t1::before{content:"";width:68px;height:48px;background:url(../../images/rance-t1-skip.webp) no-repeat;background-size:cover;display:inline-block;position:relative;top:0;margin-right:10px}
.why-choose-list .item .text .msg{padding-left:78px;font-size: 18px;color:#999;}
.why-choose-list .item .text .msg strong{color:#666;font-size: 24px;margin-bottom:10px;display: inline-block;}

@media (max-width:768px) {
    .why-choose{margin-top:20px;}
    .why-choose .subtitle{font-size:16px;line-height:24px;margin:20px auto 0;padding:0 20px;}
    .why-choose-list{gap:60px;padding:50px 0 80px;}
    .why-choose-list .item{flex-direction:column !important;}
    .why-choose-list .item>div{width:100%;}
    .why-choose-list .item:nth-child(odd) .text{padding-left:0;padding-top:30px;}
    .why-choose-list .item:nth-child(even) .text{padding-right:0;padding-top:30px;}
    .why-choose-list .item .text{gap:30px;padding:0 20px;}
    .why-choose-list .item .text .t1{font-size:24px;line-height:32px;}
    .why-choose-list .item .text .t1::before{width:48px;height:34px;margin-right:8px;}
    .why-choose-list .item .text .msg{padding-left:56px;font-size:16px;line-height:24px;}
    .why-choose-list .item .text .msg strong{font-size:20px;line-height:28px;}
}


@media (max-width:768px) {
    .home-about .t1::before{content:none;}
    .home-tide .t1:after{content:none;}
    .home-sup .t1::before{content:none;}
    .wave .t1::before{content:none;}
    .prolist-faq .t1::before{content:none;}
    .procont-head .t1::before{content:none;}
    .provideo .t1::before{content:none;}
    .pronote .center .t1::before{content:none;}
    .banner.other-banner-new .t1::before{content:none;}
    .new-cont h1::before{content:none;}
    .contact .top .t1::before{content:none;}
    .about .t1::before{content:none;}
    .banner.app-banner .t1::before{content:none;}
    .hid .t1::before{content:none;}
    .ben .t1::before{content:none;}
    .rance .t1::before{content:none;}
    .why-choose-list .item .text .t1::before{content:none;}
    
}

.z-feedback{position: relative;display: flex;align-items: center;margin-bottom: 40px;}
.z-feedback .z-feedback-bg{background: #f8f8f8;width: 100%;position: absolute;left: 0;right: 0;height: 80%;z-index: 1;}
.z-feedback .container-xl{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;z-index: 2;position: relative;}
.z-feedback .z-feedback-text{width: 48%;}
.z-feedback .z-feedback-text .z-feedback-t1{font-size: 32px;line-height: 40px; font-weight: bold;color: var(--public-color);}
.z-feedback .z-feedback-text .z-feedback-t2{font-size: 16px;line-height: 24px;margin-top: 25px;}
.z-feedback .z-feedback-text ul{margin-top: 25px;}
.z-feedback .z-feedback-text ul li{font-size: 16px;line-height: 24px;position: relative;margin-top: 5px;}
.z-feedback .z-feedback-text ul li:before{content: "\f00c";font-family: cmsfont;color: var(--public-color);margin-right: 8px;font-weight: bold;}
.z-feedback .z-feedback-ly{width: 48%;padding: 50px 25px;box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);background: #fff;}

@media(max-width:768px) {
    .z-feedback{padding: 25px 0;}
    .z-feedback .z-feedback-text{width: 100%;}
    .z-feedback .z-feedback-text .z-feedback-t1{font-size: 24px;line-height: 32px;}
    .z-feedback .z-feedback-text .z-feedback-t2{margin-top: 15px;}
    .z-feedback .z-feedback-text ul{margin-top: 15px;}
    .z-feedback .z-feedback-bg{height: 100%;}
    .z-feedback .z-feedback-ly{width: 100%;padding: 15px;margin-top: 30px;}
}

.z1-download-box{background: #fbfbfb;padding: 70px 50px;display: flex;justify-content: space-between;margin-bottom: 80px;flex-wrap: wrap;}
.z1-download-box .left{width: 56%;}
.z1-download-box .right{width: 38%;}
.z1-download-box .z1-t1{font-size: 36px;line-height: 42px; color: #d90011;font-weight: bold;}
.z1-download-box .z1-t2{font-size: 18px;line-height: 30px;color: #333;margin: 25px 0;}
.z1-download-box .form-feedback .form-control{border: 0; border-bottom: 1px solid #333;background: transparent;padding: 10px 0;}
.z1-download-box .more-7{border-radius: 10px;}

@media(max-width:768px) {
    .z1-download-box{padding: 25px;margin-bottom: 40px;}
    .z1-download-box .left{width: 100%;}
    .z1-download-box .right{width: 100%;margin-top: 15px;}
    .z1-download-box .z1-t1{font-size: 22px;line-height: 30px;}
    .z1-download-box .z1-t2{font-size: 14px;line-height: 22px;margin: 15px 0;}
}


.z1-box{width: 44%;}
.z1-box .z1-t1{font-size: 48px;line-height: 56px;font-weight: bold;}
.z1-box .z1-t2{font-size: 18px;line-height: 26px;position: relative;margin-top: 15px;}
.z1-box .z1-t2:after{content: "";width: 85px;height: 6px;background: #ea5709;display: block;margin-top: 25px;margin-bottom: 60px;}
.z1-box li{position: relative;margin-top: 20px;font-size: 18px;padding-left: 40px;}
.z1-box li:before{content: "\f00c";font-family: cmsfont;color:#ea5709;position: absolute;left: 0;top: 0px;}

.z2-box{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.z2-box .z2-left{width: 60%;}
.z2-box .z2-right{width: 38%;}
.z2-box .z2-t1{font-size: 36px;font-weight: bold;margin-bottom: 50px;}
.z2-box .z2-list p{font-size: 18px;margin-top: 20px;position: relative;padding-left: 24px;}
.z2-box .z2-list p:before{content: "";width: 12px;height: 4px;background: url(../../images/footer-a-icon.webp) no-repeat;background-size: cover;display: inline-block;position: absolute;left: 0;top: 10px;}
.z2-box .z2-list p a:hover{color: var(--public-color);text-decoration: underline;}
.z2-service{position:relative;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 35px;background-color: #f8f8f8;}
.z2-service::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent 0%,#9ec4e6 32%,#fff 50%,#0e4687 68%,transparent 100%);background-size:220% 100%;animation:td-current 2.8s linear infinite;z-index:2;pointer-events:none;}
.z2-service .z2-seritem{position:relative;width: 11%;text-align: center;padding-top: 20px;padding-bottom: 20px;transition:background-color .25s ease;}
.z2-service .z2-seritem::before{content:"";position:absolute;left:50%;top:0;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #c5d4e4;box-shadow:0 0 0 3px rgba(14,70,135,.08);transform:translate(-50%,-50%);z-index:3;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;}
.z2-service .z2-seritem.active{background-color: #e5f4fb;}
.z2-service .z2-seritem.active::before{background:#0e4687;border-color:#0e4687;box-shadow:0 0 0 4px rgba(14,70,135,.16),0 0 12px rgba(14,70,135,.5);}
.z2-service .z2-seritem.active::after{content:"";position:absolute;left:16%;right:16%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#0e4687,transparent);background-size:200% 100%;animation:td-current 1.4s linear infinite;}
.z2-service .z2-seritem .img{height: 60px;display: flex;align-items: center;justify-content: center;mix-blend-mode: darken;}
.z2-service .z2-seritem .title{font-size: 14px;line-height: 22px;}
@media (prefers-reduced-motion:reduce){
    .z2-service::before,.z2-service .z2-seritem.active::after{animation:none;}
}

.about .left .z3-img{display: none;}
.about .left .z3-img.active{display: block;}
.about .right .z3-text{display: none;}
.about .right .z3-text.active{display: block;}

.banner.about-banner .msg span{color: var(--public-color);font-weight: bold;}

.z3-about1{padding: 120px 0 0;}
.z3-about1 .t1{position: relative;padding-left:80px;margin-bottom: 30px;}
.z3-about1 .t1::before {
    content: "";
    width: 68px;
    height: 48px;
    background: url(../../images/proseries-t1-icon.webp) no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    left: 0px;
    top: -12px;
}
.z3-about1 .msg p{margin-bottom: 15px;}

.z4-about2{padding-top: 80px;}
.z4-about2 .z4-item{position:relative;height: 100%; border:0;padding: 60px 30px 60px;text-align: center; background:transparent;border-radius: 15px;box-shadow: 0px 31px 73px 0px rgba(0, 0, 0, 0.05);overflow: hidden;transition:box-shadow .3s ease,transform .3s ease;}
.z4-about2 .z4-item::before{content:"";position:absolute;left:-50%;top:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,#eda37e 0 74%,#ffd7b0 84%,#fff 90%,#ed1c24 95%,#eda37e 100%);animation:z4-current 3.6s linear infinite;z-index:0;}
.z4-about2 .z4-item::after{content:"";position:absolute;inset:2px;border-radius:13px;background:#fff;z-index:0;}
.z4-about2 .z4-item > *{position:relative;z-index:1;}
.z4-about2 .z4-item .img img{transition:filter .3s ease;}
.z4-about2 .z4-item:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(237,28,36,.14);}
.z4-about2 .z4-item:hover::before{animation-duration:1.15s;}
.z4-about2 .z4-item:hover .img img{filter:drop-shadow(0 0 8px rgba(18,72,150,.45));}
.z4-about2 .row .col-6:nth-child(2) .z4-item::before{animation-delay:-.7s;}
.z4-about2 .row .col-6:nth-child(3) .z4-item::before{animation-delay:-1.4s;}
.z4-about2 .row .col-6:nth-child(4) .z4-item::before{animation-delay:-2.1s;}
.z4-about2 .row .col-6:nth-child(5) .z4-item::before{animation-delay:-2.8s;}
.z4-about2 .row .col-6:nth-child(6) .z4-item::before{animation-delay:-1.1s;}
@keyframes z4-current{to{transform:rotate(1turn);}}
@media (prefers-reduced-motion:reduce){
    .z4-about2 .z4-item::before{animation:none;}
    .z4-about2 .z4-item:hover{transform:none;}
}
.z4-about2 .row{margin-top: 40px;}
.z4-about2 .row .col-6{margin-top: 30px;}
.z4-about2 .z4-item .z4-t1{font-size: 25px;font-weight: bold;margin: 10px auto 20px;}
.z4-about2 .z4-item .z4-desc{font-size: 18px;line-height: 28px;color: #666666;}

.z5-about3{padding-top: 80px;padding-bottom: 120px;}
.z5-about3 .d-flex{margin-top: 40px;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.z5-about3 .z5-img{width: 44%;}
.z5-about3 .z5-text{width: 54%;background-color: rgb(249, 249, 249);box-shadow: 0px 31px 73px 0px rgba(0, 0, 0, 0.05);padding: 30px;border-radius: 10px;overflow: hidden;} 
.z5-about3 .z5-text .z5-t1{font-size: 25px;font-weight: bold;margin-bottom: 25px;}
.z5-about3 .z5-text p{color: #666666;margin-top: 15px;font-size: 18px;line-height: 28px;}

.z6-about4{padding-top: 80px;padding-bottom: 28px;background:#f3f8fb;}
.z6-about4 .xmt-skip1 img{mix-blend-mode:multiply;}
.z6-about4 .z6-t1{margin-top: 8px;font-size: 22px;line-height: 32px;font-weight: 600;text-align: center;color:#333;}
.z6-about4 .z6-desc{text-align: center;color: #777;margin: 14px auto 0;width: 720px;max-width: 100%;font-size: 16px;line-height: 26px;}

.z7-about5{position: relative;padding-top: 36px;padding-bottom: 90px;background:linear-gradient(#f3f8fb 0,#f3f8fb 72px,#fff 72px);}
.z7-about5 .bg{display:none;}
.z7-about5 .container-xl{position: relative;z-index: 1;}
.z7-about5 .row{margin-left:-14px;margin-right:-14px;}
.z7-about5 .col-md-4{padding-left:14px;padding-right:14px;}
.z7-about5 .z7-item{background: #fff;box-shadow: 0 10px 28px rgba(16,40,64,.06);border:1px solid #eef3f6;border-radius: 12px;overflow: hidden;padding: 0 0 28px;height: 100%;}
.z7-about5 .z7-item .img{border-radius: 0;overflow: hidden;height:220px;}
.z7-about5 .z7-item .img img{width:100%;height:220px;object-fit:cover;display:block;}
.z7-about5 .z7-item .z7-t1{font-size: 20px;line-height:28px;font-weight: 600;margin: 22px 22px 10px;color:#222;}
.z7-about5 .z7-item .z7-desc{color: #777;font-size: 15px;line-height: 24px;margin:0 22px;}

@media(max-width:768px) {
    .z3-about1{padding: 40px 0 0;}

    .z4-about2{padding-top: 40px;}
    .z4-about2 .row{margin-top: 20px;}
    .z4-about2 .z4-item{padding: 15px;}
    .z4-about2 .z4-item .z4-t1{font-size: 18px;}
    .z4-about2 .z4-item .z4-desc{font-size: 14px;line-height: 22px;}
    .z4-about2 .row .col-6{margin-top: 15px;}

    .z5-about3{padding-top: 40px;padding-bottom: 48px;}
    .z5-about3 .d-flex{margin-top: 30px;}
    .z5-about3 .z5-img{width: 100%;}
    .z5-about3 .z5-text{width: 100%;padding: 15px;margin-top: 20px;}
    .z5-about3 .z5-text .z5-t1{font-size: 18px;}
    .z5-about3 .z5-text p{font-size: 14px;line-height: 22px;}

    .z6-about4{padding-top: 40px;padding-bottom: 20px;}
    .z6-about4 .z6-t1{font-size: 16px;margin-top: 10px;}
    .z6-about4 .z6-desc{width: 100%;font-size: 14px;line-height: 22px;}

    .z7-about5{padding-bottom: 40px;}
    .z7-about5 .z7-item{margin-bottom: 15px;height: auto;}
    .z7-about5 .z7-item .z7-t1{font-size: 18px;margin: 15px 0;}
    .z7-about5 .z7-item .z7-desc{font-size: 14px;line-height: 22px;}
}

.z8-oem{background: url(../../images/z8-bg.webp) top center no-repeat;margin-bottom: 70px;margin-top: 60px; display: flex;flex-wrap: wrap;}
.z8-oem .z8-item{width: 32%;height: 270px;position: relative;}
.z8-oem .z8-item .z8-t1{font-size: 25px;color: #333;line-height: 32px; text-align: center;height: 98px;display: flex;align-items: center;justify-content: center;}
.z8-oem .z8-item .z8-desc{font-size: 20px;line-height: 28px;color: #666;width: 80%;margin: 25px auto 0;}
.z8-oem .z8-item:nth-of-type(odd) .z8-t1{color: #fff;}
.z8-oem .z8-item:nth-child(4) .z8-t1{justify-content: flex-start;padding-left: 80px;}
.z8-oem .z8-item:nth-child(5) .z8-t1{justify-content: flex-start;padding-left: 60px;}
.z8-oem .z8-item:nth-child(6) .z8-t1{justify-content: flex-start;padding-left: 40px;}

@media(max-width:768px) {
    .z8-oem{background: none;margin-top: 30px;margin-bottom: 25px;}
    .z8-oem .z8-item{width: 100%;height: auto;}
    .z8-oem .z8-item .z8-t1{font-size: 20px;line-height: 24px; background:#023b7e;color: #fff;text-align: center;height: auto;padding: 5px 0;}
    .z8-oem .z8-item .z8-desc{font-size: 14px;line-height: 22px;width: 100%;margin-top: 15px;margin-bottom: 25px;}
    .z8-oem .z8-item:nth-child(4) .z8-t1{justify-content: center;padding-left: 0px;}
    .z8-oem .z8-item:nth-child(5) .z8-t1{justify-content: center;padding-left: 0px;}
    .z8-oem .z8-item:nth-child(6) .z8-t1{justify-content: center;padding-left: 0px;}
}