/*通用样式*/ :root{ --public-color:#b92026; --max:1430px; } body{color:#333;font-size:16px;line-height:24px;font-family:'Poppins','Outfit',Arial,Helvetica,sans-serif} 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} .consultingbox .row .tips{display:none} } #float .ico#scroll-top { display: block!important; } /*默认导航样式*/ .nav{align-items:center;} .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 15px} .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333333;padding:0;height:110px;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:35%;} .navbar-custom .navbar-nav .nav-item:hover .nav-link:before{width:100%;transition:all 0} .navbar-custom .navbar-nav .nav-item.active .nav-link:before{width:100%;transition:all 0} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s ease-in-out} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color)} .navbar-custom .navbar-nav .nav-item.active .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-item.active .nav-link{color:var(--public-color);} .navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)} .navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{} .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:#000;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #b3190d;z-index:999} .header-mb .container-xl{height:50px} .header-mb .top-logo{width:50%} .header-mb .top-logo img{height:30px;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:#fff} .header-mb .top-mb .icon-bars{color:#fff} .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#fff} .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:#fff} .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*/ /*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;} } /* 浮窗 */ #float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out} #float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:#9f1919} #float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background: #9f1919;border-top:1px solid #fff} #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{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:#9f1919;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:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i:hover{background-color:#9f1919;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))} } /*默认详情设置*/ .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:#9f1919;border-radius:0px;font-size:16px;line-height:22px;padding-top:8px;padding-bottom:8px} .form-feedback .btn:hover{background:#003b66;color:#fff} @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;} } .max-1310{max-width:1310px;} .max-1600{max-width:1600px;} .t1{font-size:40px;line-height:50px;} .msg{font-size:16px;line-height:30px;color:#999999;} .a-pt{border:2px solid var(--public-color);position:relative;padding:13px 15px;background-color:var(--public-color);color:#fff;font-size:16px;line-height:24px;} .a-pt::after{content:"";width:15px;height:11px;background:url(../../images/a-pt1.png)no-repeat;background-size:cover;display:inline-block;margin-left:10px;} .a-pt:hover{background-color:transparent;color:var(--public-color);} .a-pt:hover::after{background:url(../../images/a-pt2.png)no-repeat;} .header{z-index:999;width:100%;position:fixed;top:0;left:0;background-color:#fff;box-shadow:0 0 1px 1px rgba(0,0,0,.1);} .header.fadeInDown{position:fixed;left:0;top:0;background-color:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,.1);} .header.fadeInDown .header .htop{height:30px;} .header.fadeInDown .navbar-custom .navbar-nav .nav-link{height:70px;transition:all .5s;} .header.fadeInDown .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color);} .header-touch{font-size:16px;line-height:24px;padding:7px 25px;background-color:#b92026;color:#fff;border-radius:50px;margin-left:18px;font-weight:300;} .header-touch:hover{color:#fff;text-decoration:underline;} .header .top-search-box{margin-left:30px;position:relative;height:100%;display:flex;align-items:center;} .header .dropdown-menu.show{left:auto;right:0;top:90%;} .header .top-lang,.header .dropdown.lang{height:100%;display:flex;align-items:center;} .header .dropdown.lang .dropdown-toggle{margin-left:25px;padding:0;background-color:transparent;font-size:16px;line-height:24px;color:#333333;font-weight:500;display:flex;align-items:center;} .header .dropdown.lang .dropdown-toggle:after{content:"";width:8px;height:5px;background:url(../../images/header-lua-icon.png)no-repeat;background-size:cover;display:block;margin-left:5px;} .banner .banner-img img{width:100%} .home-banner{margin-top:110px;position:relative;} .home-banner .banner-img img{width:100%;} .home-banner .banner-text{text-align:left;} .home-banner .box{width:59.8%;} .home-banner .t1{font-size:48px;line-height:64px;color:#fff;font-weight:400;} /* .home-banner .t1 p{color:var(--public-color);} */ .home-banner .msg{font-size:18px;line-height:24px;color:#fff;margin-top:15px;} .home-banner .tip{margin-top:60px;} .home-banner .tip p{font-size:18px;line-height:32px;color:#fff;position:relative;} .home-banner .tip p::before{content:"";width:17px;height:11px;background:url(../../images/home-banner-icon1.png)no-repeat;background-size:cover;display:inline-block;margin-right:15px;} @media (max-width:1500px) { .home-banner .t1{font-size:42px;line-height:48px;} .home-banner .tip{margin-top:10px;} } @media (max-width:1300px) { .header .top-search-box{margin-left:20px;} } .home-inspe{height:135px;background-color:#3b3b3c;display:flex;align-items:center;} .home-inspe .container-xl{display:flex;justify-content:space-between;align-items:center;} .home-inspe .left{width:232px;} .home-inspe .a-pt:hover{background-color:#fff;} .home-inspe .right{width:72.3%;} .home-inspe .g-col-xl-4{display:flex;align-items:center;} .home-inspe .img{width:45px;height:45px;} .home-inspe .text{font-size:18px;line-height:24px;color:#ffffff;margin-left:15px;} .home-inspe .g-col-xl-4:nth-child(3) .text{margin-top:24px;} .home-indu{margin-top:140px;margin-bottom:120px;} .home-indu .container-xl{display:flex;justify-content:space-between;align-items:center;} .home-indu .left{width:55%;display:flex;flex-wrap:wrap;} .home-indu .box{width:50%;position:relative;overflow:hidden;} .home-indu .box .skip{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px;line-height:28px;font-weight:700; color:#fff;text-transform:uppercase;background-color:rgba(0,0,0,.7);position:absolute;transition:all .5s;} .home-indu .box:nth-child(1) .skip{right:-100%;top:100%;} .home-indu .box:nth-child(2) .skip{left:-100%;right:-100%;top:100%;} .home-indu .box:nth-child(3) .skip{left:100%;top:-100%;} .home-indu .box:nth-child(4) .skip{left:-100%;top:-100%;} .home-indu .box:nth-child(1):hover .skip{right:0;top:0;transition:all .5s;} .home-indu .box:nth-child(2):hover .skip{left:0;top:0;transition:all .5s;} .home-indu .box:nth-child(3):hover .skip{left:0;top:0;transition:all .5s;} .home-indu .box:nth-child(4):hover .skip{left:0;top:0;transition:all .5s;} .home-indu .right{width:37.5%;} .home-indu .t1{letter-spacing:-2px;position:relative;} .home-indu .t1::after{content:"";width:68px;height:6px;background:url(../../images/home-indu-icon.jpg)no-repeat;background-size:cover;display:block;margin-top:25px;} .home-indu .tip{margin-top:50px;} .home-indu .tip p{font-size:18px;line-height:32px;color:#666666;position:relative;font-weight:500;} .home-indu .tip p::before{content:"";width:17px;height:11px;background:url(../../images/home-banner-icon.png)no-repeat;background-size:cover;display:inline-block;margin-right:11px;} .home-indu .a-pt{padding:13px 30px;margin-top:95px;} .home-pro{padding:120px 0 150px 0;background:url(../../images/home-pro-bg.jpg)no-repeat;background-size:100% 100%;} .home-pro .t1{font-size:46px;line-height:56px;display:flex;align-items:center;} .home-pro .t1 p{color:var(--public-color);} .home-pro .t1::before{content:"";width:6px;height:35px;background-color:var(--public-color);display:block;margin-right:20px;} .home-pro .top{display:flex;justify-content:space-between;align-items:center;margin-top:75px;} .home-pro .items{width:79%;display:flex;align-items:center;position:relative;} .home-pro .items::after{content:"";width:100%;height:2px;background-color:var(--public-color);position:absolute;left:0;bottom:0;} .home-pro .item{padding:15px 20px;font-size:18px;line-height:32px;margin-left:15px;} .home-pro .item.active{background-color:var(--public-color);color:#fff;font-weight:600;} .home-pro .item:nth-child(1){margin-left:0;} .home-pro .item:hover{background-color:var(--public-color);color:#fff;font-weight:600;cursor:pointer;} .home-pro .right{width:235px;} .home-pro .right .a-pt{font-weight:600;background-color:transparent;color:var(--public-color);padding:13px 20px;} .home-pro .right .a-pt::after{margin-left:15px;background:url(../../images/a-pt2.png)no-repeat;} .home-pro .right .a-pt:hover{background-color:var(--public-color);color:#fff;} .home-pro .right .a-pt:hover::after{background:url(../../images/a-pt1.png)no-repeat;} .home-pro .grids{margin-top:85px;} .home-pro .grid{gap:var(--bs-gap,30px);height:0;overflow:hidden;} .home-pro .grid.active{height:auto;overflow:hidden;} .home-pro .g-col-xl-3{background-color:#fff;position:relative;overflow:hidden;padding-bottom:30px;} .home-pro .title{font-size:18px;line-height:26px;font-weight:600;color:#333333;padding:0 35px;} .home-pro .g-col-xl-3 .skip{position:absolute;left:0;top:-100%;width:100%;height:100%;padding:45px 35px;background-color:#fff;transition:all .5s;} .home-pro .g-col-xl-3:hover .skip{top:0%;transition:all .5s;} .home-pro .g-col-xl-3 .text{font-size:18px;line-height:32px;font-weight:600;color:var(--public-color)} .home-pro .g-col-xl-3 .msg{font-size:16px;line-height:26px;color:#666666;margin-top:20px;} .home-pro .g-col-xl-3 .msg p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;} .home-pro .g-col-xl-3 .home-pro-a{background-color:var(--public-color);display:flex;justify-content:flex-end;padding:0 10px;position:absolute;width:100%;left:0;bottom:-100%;} .home-pro .g-col-xl-3:hover .home-pro-a{bottom:0;transition:all .5s;} @media (max-width:1300px) { .home-pro .item{font-size:14px;;line-height:22px;} } .home-choose{padding-bottom:90px;background-color:#fff;border-bottom:6px solid #b92026;} .home-choose .top{display:flex;justify-content:flex-end;} .home-choose .max-1600{display:flex;justify-content:space-between;} .home-choose .left{width:40%;} .home-choose .t1{font-size:42px;line-height:58px;display:flex;} .home-choose .t1 p{color:var(--public-color);} .home-choose .top .msg{margin-top:35px;} .home-choose .tip{margin-top:20px;} .home-choose .tip p{font-size:18px;line-height:32px;color:#888888;position:relative;font-weight:500;padding-left:35px;} .home-choose .tip p::before{content:"";width:17px;height:11px;background:url(../../images/home-banner-icon.png)no-repeat;background-size:cover;display:inline-block;position:absolute;left:0;top:10px;} .home-choose .tip p:nth-child(2){margin-top:30px;} .home-choose .tip p:nth-child(3){margin-top:30px;} .home-choose .a-pt{font-weight:600;margin-top:30px;} .home-choose .a-pt:last-child{margin-left:10px;} .home-choose .right{width:53.75%;} .home-choose .under{margin-top:95px;} .home-choose .under .grdi{gap:var(--bs-gap,85px);} .home-choose .under .g-col-xl-3{display:flex;align-items:end} .home-choose .under .img{width:70px;height:63px;display:flex;justify-content:center;align-items:center;} .home-choose .under .texts{width:60%;margin-left:15px;} .home-choose .under .text1{font-size:20px;line-height:28px;font-weight:500;color:var(--public-color);} .home-choose .under .text1 span{font-size:44px;line-height:44px;} .home-choose .under .msg{line-height:16px;} @media (max-width:1600px) { .home-choose .max-1600{width:100%;padding-left:15px;} } @media (min-width:1920px) { .home-choose .top{justify-content:center;} .home-choose .max-1600{max-width:1310px;padding:0 15px;} .home-choose .a-pt:last-child{margin-top:20px;margin-left:0;} } @media (max-width:1460px) { .home-choose .a-pt:last-child{margin-top:20px;margin-left:0;} } .home-quality{padding:110px 0 120px 0;background:url(../../images/home-quality-bg.jpg)no-repeat;background-size:100% 100%;} .home-quality .top{display:flex;justify-content:space-between;align-items:center;} .home-quality .t1{display:flex;align-items:center;} .home-quality .t1 p{color:var(--public-color);} .home-quality .t1::before{content:"";width:6px;height:35px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .home-quality .a-pt{background-color:transparent;color:var(--public-color);font-weight:600;} .home-quality .a-pt::after{background:url(../../images/a-pt2.png)no-repeat;margin-left:15px;} .home-quality .a-pt:hover{background-color:var(--public-color);color:#fff;} .home-quality .a-pt:hover::after{background:url(../../images/a-pt1.png)no-repeat;} .home-quality .grid{margin-top:85px;gap:var(--bs-gap,35px);} .home-quality .g-col-xl-6{display:flex;} .home-quality .box{position:relative;} .home-quality .texts{position:absolute;width:100%;height:100%;left:0;top:0;padding:55px 30px 0 30px;} .home-quality .text1{font-size:20px;line-height:28px;font-weight:500;} .home-quality .msg{margin-top:25px;} .home-mark{padding-bottom:120px;} .home-mark .t1{display:flex;align-items:center;} .home-mark .t1 p{color:var(--public-color);} .home-mark .t1::before{content:"";width:6px;height:35px;background-color:var(--public-color);display:block;margin-right:20px;} .home-mark .box{margin-top:65px;position:relative;} .home-mark .box .left{width:44.2%;} .home-mark .box .right img{position:absolute;right:-120px;bottom:-50px;z-index:-1;} @media (max-width:1500px) { .home-mark .box .right img{right:0;} } .home-new{padding:100px 0 120px 0;background-color:#f3f4f6;} .home-new .t1{font-size:46px;line-height:56px;display:flex;align-items:center;} .home-new .t1 p{color:var(--public-color);} .home-new .t1::before{content:"";width:6px;height:35px;background-color:var(--public-color);display:block;margin-right:20px;} .home-new .top{display:flex;justify-content:space-between;align-items:center;margin-top:75px;} .home-new .items{width:79%;display:flex;align-items:center;position:relative;} .home-new .items::after{content:"";width:100%;height:2px;background-color:var(--public-color);position:absolute;left:0;bottom:0;} .home-new .item{padding:15px 40px;font-size:18px;line-height:32px;margin-left:15px;color:#666666;} .home-new .item.active{background-color:var(--public-color);color:#fff;} .home-new .item:nth-child(1){margin-left:0;} .home-new .item:hover{background-color:var(--public-color);color:#fff;cursor:pointer;} .home-new .right{width:235px;} .home-new .right .a-pt{font-weight:600;background-color:transparent;color:var(--public-color);padding:13px 20px;} .home-new .right .a-pt::after{margin-left:15px;background:url(../../images/a-pt2.png)no-repeat;} .home-new .right .a-pt:hover{background-color:var(--public-color);color:#fff;} .home-new .right .a-pt:hover::after{background:url(../../images/a-pt1.png)no-repeat;} .home-new .grids{margin-top:80px;} .home-new .grid{gap: var(--bs-gap,30px);height:0;overflow:hidden;} .home-new .grid.active{height:100%;transition:all .5s;} .home-new .g-col-xl-3{padding:25px 25px 50px 25px;background-color:#fff;} .home-new .date{font-size:16px;line-height:28px;color:#999999;margin-top:25px;} .home-new .title{font-size:20px;line-height:28px;color:#333333;margin-top:25px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} footer{background-color:#111111;} footer .top{margin-top:100px;display:flex;justify-content:space-between;padding-bottom:65px;} footer .top .box:nth-child(1){width:39.5%;} footer .top .box:nth-child(2){width:17%;} footer .top .box:nth-child(3){width:32%;} footer .title{font-size:28px;line-height:42px;font-weight:600;color:#ffffff;text-transform:uppercase;margin-bottom:50px;} footer .tact{display:flex;align-items:center;margin-bottom:20px;} footer .whatsappimg img{width:100px;height:auto;} footer .tact .img{width:20px;height:20px;display:flex;justify-content:center;align-items:center;} footer .tact .atact{font-size:16px;line-height:26px;color:rgba(255,255,255,.8);font-weight:300;margin-left:15px;} footer .tact .atact:hover{text-decoration:underline;} footer .box .tact:nth-child(4){align-items:flex-start;margin-bottom:0;} footer .share{margin-top:75px;} footer .share .social>span:last-child{padding:0;} footer .share .social,footer .share a{margin-right:10px;} footer .share .social:hover,footer .share a:hover{cursor:pointer;} footer .coma{font-size:16px;line-height:26px;color:rgba(255,255,255,.8);font-weight:300;margin-bottom:20px;} footer .coma::before{content:"";width:10px;height:11px;background:url(../../images/coma-icon.png)no-repeat;display:inline-block;margin-right:20px;} footer .coma:last-child{margin-bottom:0;} footer .coma:hover{text-decoration:underline;} footer .coma-box{display:flex;flex-wrap:wrap;width:46.5%;} footer .coma-box a{width:100%;} footer .footer-contact{padding:10px 80px 10px 55px;background-color:var(--public-color);border-radius:5px;font-size:18px;margin-top:40px; line-height:28px;color:#fff;font-weight:600;text-transform:uppercase;} footer .footer-contact .text{display:flex;align-items:center;} footer .footer-contact .text::before{content:"";width:26px;height:26px;background:url(../../images/footer-contact-icon.png)no-repeat;background-size:cover;display:block;margin-right:20px;} footer .footer-contact:hover .text{text-decoration:underline;} footer .under{font-size:14px;line-height:22px;color:rgba(255,255,255,.8);font-weight:300;border-top:1px solid #292929;padding:25px 0;} footer .coma-boxs{display:flex;} @media (max-width:768px) { .t1{font-size:20px;line-height:28px;} .a-pt{padding:7px 25px;} .a-pt::after{margin-left:15px;} .home-banner{margin-top:0;} .home-banner .banner-img img{height:160px;width:auto;} .home-banner .box{width:100%;} .home-banner .t1,.home-banner .t1 p{font-size:20px;line-height:28px;} .home-banner .msg{margin-top:0;font-size:14px;line-height:22px;} .home-banner .tip{margin-top:0;display:none;} .home-banner .tip p{font-size:14px;line-height:22px;} .home-inspe{height:auto;padding:15px 0;} .home-inspe .container-xl{flex-wrap:wrap;} .home-inspe .left{width:100%;order:2;} .home-inspe .a-pt{display:table;margin:15px 0 0 auto;} .home-inspe .right{width:100%;order:1;} .home-inspe .img{width:30px;height:30px;} .home-inspe .text{font-size:16px;line-height:24px;margin-left:5px;} .home-inspe .grid{gap:var(--bs-gap,15px);} .home-inspe .g-col-xl-4:nth-child(3) .text{margin-top:0;} .home-indu{margin-top:25px;margin-bottom:25px;} .home-indu .box .skip{font-size:16px;line-height:24px;} .home-indu .t1{letter-spacing:0;} .home-indu .t1::after{margin-top:10px;} .home-indu .tip{margin-top:20px;} .home-indu .tip p{font-size:14px;line-height:22px;} .home-indu .a-pt{margin-top:30px;} .home-pro{padding:30px 0;} .home-pro .container-xl{display:flex;flex-wrap:wrap;} .home-pro .t1{font-size:20px;line-height:28px;} .home-pro .t1::before{width:4px;;height:20px;margin-right:10px;} .home-pro .top{margin-top:20px;order:3;} .home-pro .items{display:none;} .home-pro .home-pro-mb-swiper{margin-top:20px;padding-bottom:20px;} .home-pro .home-pro-mb-swiper .swiper-slide .img a,.home-pro .home-pro-mb-swiper .swiper-slide img{width:100%;} .home-pro .title{margin-top:10px;padding:0;display:block;text-align:center;} .home-pro .swiper-pagination{bottom:0;} .home-choose{padding-bottom:30px;} .home-choose .t1{font-size:20px;line-height:28px;} .home-choose .top .msg{font-size:14px;line-height:22px;margin-top:10px;} .home-choose .tip{margin-top:10px;} .home-choose .tip p{font-size:14px;line-height:22px;} .home-choose .tip p:nth-child(2),.home-choose .tip p:nth-child(3){margin-top:10px;} .home-choose .a-pt{margin-top:30px;} .home-choose .max-1600{padding-right:15px;} .home-choose .under{margin-top:20px;} .home-choose .under .text1 span{font-size:20px;line-height:28px;} .home-choose .under .msg{font-size:14px;line-height:22px;} .home-quality{padding:30px 0;} .home-quality .t1::before{width:4px;;height:20px;margin-right:10px;} .home-quality .a-pt{display:ruby-text;margin-top:30px;} .home-quality .grid{margin-top:20px;gap:var(--bs-gap,20px);} .home-quality .texts{padding:15px;} .home-quality .text1{font-size:16px;line-height:24px;} .home-quality .msg{font-size:14px;line-height:22px;margin-top:5px;} .home-mark{padding-bottom:30px;} .home-mark .box .right img{position:static;} .home-mark .box{margin-top:20px;} .home-mark .t1::before{width:4px;height:20px;margin-right:10px;} .home-new{padding:30px 0;} .home-new .container-xl{display:flex;flex-wrap:wrap;} .home-new .t1{font-size:20px;line-break:28px;} .home-new .t1::before{width:4px;height:20px;margin-right:10px;} .home-new .top{margin-top:0;} .home-new .items{display:none;} .home-new .home-new-mb-swiper{margin-top:0;padding-bottom:20px;} .home-new .home-new-mb-swiper .swiper-slide .img,.home-new .home-new-mb-swiper .swiper-slide img{width:100%;} .home-new .swiper-pagination{bottom:0;} .home-new .date{margin-top:10px;font-size:14px;line-height:22px;} .home-new .title{margin-top:10px;font-size:18px;line-height:26px;} .home-new .a-pt{margin-top:20px;} footer .logo{width:40%;} footer .top{margin-top:20px;flex-wrap:wrap;padding-bottom:25px;} footer .top .box:nth-child(1),footer .top .box:nth-child(2),footer .top .box:nth-child(3){width:100%;} footer .top .box:nth-child(2),footer .top .box:nth-child(3){margin-top:15px;} footer .title{font-size:18px;line-height:26px;margin-bottom:10px;} footer .tact{margin-bottom:10px;} footer .tact .atact{font-size:14px;line-height:22px;} footer .coma{display:block;font-size:14px;line-height:22px;margin-bottom:10px;} footer .footer-contact{margin-top:20px;font-size:16px;line-height:24px;} footer .share{margin-top:20px;} } .single-page-head-lin{width:100%;height:4px;background-color:#e3a6a8;} .bread{margin-top:135px;} .bread .breadcrumb{align-items:center;} .bread .breadcrumb::before{content:"";width:3px;height:16px;background-color:var(--public-color);display:block;margin-right:20px;} .bread .breadcrumb-item{display:flex;align-items:center;} .bread .breadcrumb-item a{font-size:16px;line-height:28px;color:#666666;} .bread .breadcrumb-item a:hover{text-decoration:underline;} .bread .breadcrumb-item+.breadcrumb-item{padding-left:20px;} .bread .breadcrumb-item+.breadcrumb-item::before{content:"";width:8px;height:8px;background:url(../../images/bread-icon.png)no-repeat;background-size:cover;display:block;margin-right:20px;} @media (max-width:768px) { .bread{margin-top:10px;} .bread .breadcrumb::before{margin-right:10px;} .bread .breadcrumb-item a{font-size:14px;line-height:22px;} .bread .breadcrumb-item+.breadcrumb-item{padding-left:10px;} .bread .breadcrumb-item+.breadcrumb-item::before{margin-right:10px;} } .single-page-head{margin-top:100px;} .single-page-head .t1{font-size:40px;line-height:48px;color:#333333;font-weight:600;} .single-page-head .single-page-head-lin{margin-top:30px;} @media (max-width:768px) { .single-page-head{margin-top:20px;} .single-page-head .t1{font-size:20px;line-height:28px;} .single-page-head .single-page-head-lin{margin-top:5px;} } .new-nav{margin-top:80px;} .new-nav .container-xl{display:flex;} .new-nav a{border:2px solid var(--public-color);padding:10px 40px;margin-right:20px;} .new-nav a:last-child{margin-right:0;} .new-nav a .text{color:var(--public-color);font-size:16px;line-height:28px;font-weight:600;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;} .new-nav a .text::after{content:"";width:10px;height:8px;background:url(../../images/new-nav-icon1.png)no-repeat;background-size:cover;display:block;margin-left:10px;} .new-nav a.active{background-color:var(--public-color);} .new-nav a.active .text{color:#fff;} .new-nav a.active .text::after{background:url(../../images/new-nav-icon2.png)no-repeat;} .new-nav a:hover{background-color:var(--public-color);} .new-nav a:hover .text{color:#fff;} .new-nav a:hover .text::after{background:url(../../images/new-nav-icon2.png)no-repeat;} .new{margin-top:80px;padding-bottom:180px;} .new .grid{gap:var(--bs-gap,40px);} .new .g-col-xl-4{padding:50px 40px;background-color:#f8f8f8;} .new .g-col-xl-4:hover{background-color:#fff;box-shadow:0 0 30px 1px rgba(0,0,0,.1);border-radius:10px;} .new .date{font-size:16px;line-height:24px;color:#999999;margin-top:30px;} .new .title{font-size:18px;line-height:24px;color:#333333;margin-top:25px;} .new .title:hover{color:var(--public-color);} .new .single-page-head-lin{margin-top:75px;} @media (max-width:768px) { .new{margin-top:30px;padding-bottom:30px;} .new .grid {gap:var(--bs-gap,20px);} .new .g-col-xl-4{padding:20px;} .new .date{margin-top:10px;font-size:14px;line-height:22px;} .new .title{margin-top:5px;} .new .single-page-head-lin{margin-top:30px;} } .video{margin-top:80px;margin-bottom:200px;} .video .g-col-xl-4{position:relative;} .video .g-col-xl-4 a{position:relative;border-radius:10px;} .video .g-col-xl-4 a::before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,.4);display:block;position:absolute;left:0;top:0;z-index:1;} .video .g-col-xl-4 .title{position:absolute;left:0;top:30px;padding:0 30px;font-size:18px;line-height:26px;color:#ffffff;z-index:2;} .video .video-icon{position:absolute;right:30px;bottom:30px;z-index:2;} @media (max-width:768px) { .video{margin-top:30px;margin-bottom:30px;} } .faq{margin-top:130px;margin-bottom:250px;} .faq .box{display:flex;justify-content:space-between;align-items:flex-start;} .faq .box .left{width:15.6%;display:flex;flex-wrap:wrap;} .faq .box .left a{border:2px solid var(--public-color);padding:10px 40px;margin-bottom:20px;display:block;width:100%;} .faq .box .left a .text{color:var(--public-color);font-size:16px;line-height:28px;font-weight:600;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;} .faq .box .left a .text::after{content:"";width:10px;height:8px;background:url(../../images/new-nav-icon1.png)no-repeat;background-size:cover;display:block;margin-left:10px;} .faq .box .left a.active{background-color:var(--public-color);} .faq .box .left a.active .text{color:#fff;} .faq .box .left a.active .text::after{background:url(../../images/new-nav-icon2.png)no-repeat;} .faq .box .left a:hover{background-color:var(--public-color);} .faq .box .left a:hover .text{color:#fff;} .faq .box .left a:hover .text::after{background:url(../../images/new-nav-icon2.png)no-repeat;} .faq .box .right{width:77.4%;} .faq .box .faq-item{border-bottom:4px solid #f5f5f5;padding:20px 0;} .faq .box .faq-item:nth-child(1){border-top-color:transparent;} .faq .box .faq-item:last-of-type{border-bottom-color:transparent;} .faq .box .faq-title{display:flex;align-items:center;position:relative;} .faq .box .faq-title::before{content:"";width:30px;height:30px;background:url(../../images/faq-logo1.png)no-repeat;background-size:cover;display:block;margin-right:35px;} .faq .box .faq-title::after{content:"";width:13px;height:14px;background:url(../../images/faq-icon1.png)no-repeat;background-size:cover;display:block;position:absolute;right:0;} .faq .box .faq-title .text{font-size:22px;line-height:28px;font-weight:500;color:#333333;width:90%;} .faq .box .faq-content{display:flex;height:0;overflow:hidden;} .faq .box .faq-content::before{content:"";width:30px;height:30px;background:url(../../images/faq-logo3.png)no-repeat;background-size:cover;display:block;margin-right:35px;} .faq .box .faq-content .text1{width:93.4%;font-size:18px;line-height:32px;color:#666666;} .faq .box .faq-item.active{border-bottom-color:#f8e8e9;padding-bottom:35px;} .faq .box .faq-item.active .faq-title::before{background:url(../../images/faq-logo2.png)no-repeat;background-size:cover;} .faq .box .faq-item.active .faq-title::after{width:10px;height:4px;background:url(../../images/faq-icon2.png)no-repeat;background-size:cover;} .faq .box .faq-item.active .faq-content{height:100%;margin-top:35px;transition:all .5s;} .faq .single-page-head-lin{margin-top:50px;} @media (max-width:768px) { .faq{margin-top:30px;margin-bottom:30px;} .faq .box .right{width:100%;} .faq .box .faq-title::before{margin-right:10px;} .faq .box .faq-title .text{font-size:18px;line-height:26px;} .faq .box .faq-content::before{margin-right:10px;} .faq .box .faq-content .text1{width:90%;font-size:14px;;line-height:22px;} .faq .box .faq-item.active .faq-content{margin-top:10px;} .faq .single-page-head-lin{margin-top:30px;} } .cert{margin-top:80px;padding-bottom:280px;background-color:#fbfbfb;} .cert .cert-item{padding:40px 0;border-bottom:4px solid #eaeaea;} .cert .cert-item .cert-title{display:flex;align-items:center;position:relative;} .cert .cert-item .cert-title::before{content:"";width:30px;height:30px;background:url(../../images/cert-logo.png)no-repeat;background-size:cover;display:block;margin-right:30px;} .cert .cert-item .cert-title::after{content:"";width:13px;height:14px;background:url(../../images/faq-icon1.png)no-repeat;background-size:cover;display:block;position:absolute;right:0;} .cert .cert-item .cert-title .text{width:93%;font-size:28px;line-height:42px;font-weight:500;color:#333333;} .cert .cert-item .cert-content{height:0;overflow:hidden;;transition:all .5s;} .cert .grid{gap:var(--bs-gap,25px);} .cert .g-col-xl-3 .img{padding:30px;background-color:#f4f4f4;} .cert .g-col-xl-3:hover .img{background-color:#ffffff;} .cert .g-col-xl-3 .title{font-size:18px;line-height:32px;color:#333333;margin-top:30px;margin-left:10px;} .cert .g-col-xl-3 .title::before{content:"";width:4px;height:14px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .cert .cert-item.active .cert-title::after{width:10px;height:4px;background:url(../../images/faq-icon2.png)no-repeat;background-size:cover;} .cert .cert-item.active .cert-content{margin-top:65px;height:auto;transition:all .5s;} @media (max-width:768px) { .cert{margin-top:30px;padding-bottom:30px;} .cert .cert-item{padding:15px 0;} .cert .cert-item .cert-title::before{margin-right:10px;} .cert .cert-item .cert-title .text{width:90%;font-size:18px;line-height:28px;} .cert .cert-item.active .cert-content{margin-top:20px;} .cert .g-col-xl-3 .img{padding:15px;} .cert .g-col-xl-3 .title{margin-left:0;margin-top:0;font-size:14px;line-height:22px;} .cert .g-col-xl-3 .title::before{margin-right:10px;position:relative;top:3px;} } .new-cont{margin-top:90px;padding-bottom:160px;} .new-cont .top{padding-bottom:40px;border-bottom:3px solid #dddddd;} .new-cont .top-box{margin-top:60px;display:flex;align-items:center;} .new-cont .top .date{font-size:16px;line-height:32px;color:var(--public-color);font-weight:700;text-transform:uppercase;display:flex;align-items:center;} .new-cont .top .date::before{content:"";width:4px;height:15px;background-color:var(--public-color);display:block;margin-right:8px;} .new-cont .by{margin-left:40px;font-size:16px;line-height:32px;color:#666666;} .new-cont .share{display:flex;align-items:center;margin-left:45px;} .new-cont .share-text{font-size:16px;line-height:24px;color:#666666;margin-right:5px;} .new-cont .share .social>span:last-child{padding:0;} .new-cont .share .social,.new-cont .share a{margin-right:10px;} .new-cont .share .social:hover,.new-cont .share a:hover{cursor:pointer;} .new-cont .under{margin-top:80px;display:flex;justify-content:space-between;} .new-cont .left{width:64.5%;} .new-cont .center p{font-size:18px;line-height:32px;color:#666666;word-wrap: break-word; word-break: break-all; white-space: normal;} .new-cont .center p img{max-width:100%} .new-cont .last{margin-top:80px;display:flex;justify-content:space-between;border-top:3px solid #ebebeb;padding-top:50px;} .new-cont .l1{width:72.8%;} .new-cont .l1 a{display:flex;font-size:18px;;line-height:28px;color:#000000;} .new-cont .l1 a span{font-size:18px;line-height:28px;color:var(--public-color);margin-right:35px;display:block;} .new-cont .l1 a p{text-decoration:underline;} .new-cont .l1 .prev{margin-top:40px;} .new-cont .r1{width:24.4%;} .new-cont .r1 .a-pt{text-transform:uppercase;font-weight:600;width:100%;} .new-cont .r1 .a-pt::after{margin-left:10px;} .new-cont .right{width:31.25%;} .new-cont .right .title1{font-size:32px;line-height:48px;margin-bottom:60px;} .new-cont .right .title1::before{content:"";width:4px;height:24px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .new-cont .right .box{padding:45px 40px;background-color:#f8f8f8;margin-bottom:30px;} .new-cont .right .box:nth-child(4){margin-bottom:70px;} .new-cont .right .date{font-size:16px;line-height:28px;color:#999999;} .new-cont .right .title{font-size:20px;line-height:28px;color:#333333;font-weight:500;margin-top:15px;} .new-cont .right .msg{font-size:16px;line-height:28px;color:#999999;margin-top:20px;display:-webkit-box;overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .new-cont .right .more{font-size:16px;line-height:24px;color:var(--public-color);text-transform:uppercase;font-weight:600;margin-top:20px;} .new-cont .right .more::after{content:"";width:15px;height:11px;background:url(../../images/a-pt2.png)no-repeat;background-size:cover;display:inline-block;margin-left:15px;} .new-cont .form-box{padding:65px 40px 65px 40px;background-color:var(--public-color);border-bottom:8px solid var(--public-color);} .new-cont .form-title{font-size:28px;line-height:38px;font-weight:400;text-transform:capitalize;color:#fff;} .new-cont form{margin-top:40px;} .new-cont .form-row{margin:0;} .new-cont .form-row>[class*="col-"]{padding:0;} .new-cont .form-feedback .form-control{padding:5px 15px;font-size:16px;line-height:36px;color:var(--public-color);} .new-cont .form-feedback .form-control::placeholder{color:rgba(153, 153, 153, .6);} .new-cont .btn-box .btn{background-color:var(--public-color);} .new-cont .btn-box .btn{background-color:#299b76;width:100%;font-size:18px;line-height:32px;font-weight:600;padding-top:10px;padding-bottom:10px;} .new-cont .btn{border:3px solid #ffffff;background-color:transparent !important;text-transform:uppercase;font-size:16px;line-height:30px;} .new-cont .feedback-result{color:#fff;} @media (max-width:768px) { .new-cont{margin-top:20px;padding-bottom:30px;} .new-cont .t1{font-size:18px;line-height:26px;} .new-cont .top{padding-bottom:15px;} .new-cont .top-box{margin-top:10px;flex-wrap:wrap;} .new-cont .top .date{line-height:24px;font-weight:500;} .new-cont .by{margin-left:10px;line-height:24px;} .new-cont .share{margin-left:0;margin-top:10px;} .new-cont .under{margin-top:10px;} .new-cont .center p{font-size:14px;line-height:22px;} .new-cont .last{margin-top:15px;padding-top:15px;} .new-cont .last{flex-wrap:wrap;} .new-cont .l1{width:100%;} .new-cont .r1{width:100%;margin-top:15px;} .new-cont .l1 a span{font-size:16px;line-height:24px;margin-right:10px;} .new-cont .l1 a{font-size:16px;line-height:24px;} .new-cont .l1 .prev{margin-top:10px;} .new-cont .r1 .a-pt{width:auto;margin:0 0 0 auto;display:table;} .new-cont .right .title1{font-size:18px;line-height:26px;margin-bottom:15px;display:flex;align-items:center;} .new-cont .right .title1::before{margin-right:10px;height:18px;} .new-cont .right .date{font-size:14px;line-height:22px;} .new-cont .right .title{font-size:18px;line-height:26px;margin-top:5px;} .new-cont .right .msg{font-size:14px;line-height:22px;margin-top:5px;} .new-cont .right .more{margin-top:10px;} .new-cont .right .box:nth-child(4){margin-bottom:30px;} .new-cont .form-title{font-size:20px;line-height:28px;} .new-cont .form-box{padding:30px;} .new-cont form{margin-top:20px;} .new-cont .form-feedback .form-control{font-size:14px;line-height:22px;} .new-cont .btn-box .btn{font-size:16px;line-height:24px;} } .hot-pro{margin-bottom:280px;} .hot-pro .t1{font-size:32px;line-height:48px;} .hot-pro .t1::before{content:"";width:4px;height:24px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .hot-pro .grid{margin-top:75px;} .hot-pro .g-col-xl-3{background-color:#f8f8f8;} .hot-pro .g-col-xl-3 .img img{mix-blend-mode:darken;} .hot-pro .g-col-xl-3 .texts{padding:0 20px 40px 20px;} .hot-pro .title{font-size:18px;line-height:28px;color:#333333;font-weight:600;margin-bottom:15px;} .hot-pro .title:hover{color:var(--public-color);} .hot-pro .text li{font-size:15px;line-height:28px;align-items:center;flex-wrap:wrap;display:none;} .hot-pro .text li p{color:#666666;} .hot-pro .text li strong{color:#999999;display:contents;font-weight:400;} .hot-pro .text li:nth-child(1),.hot-pro .text li:nth-child(2){display:flex;} @media (max-width:768px) { .hot-pro{margin-bottom:30px;} .hot-pro .t1{font-size:18px;line-height:26px;display:flex;align-items:center;} .hot-pro .t1::before{height:18px;margin-right:10px;} .hot-pro .grid{margin-top:20px;} .hot-pro .title{margin-bottom:0;} } .pagination{display:flex;justify-content:flex-end !important;margin-top:40px;} .pagination li{width:40px;height:40px;margin-left:10px;border-radius:0;} .page-link{border:2px solid var(--public-color);width:100%;height:100%;display:flex;justify-content:center;align-items:center;} .page-item .page-link{display:flex;justify-content:center;align-items:center;} .page-item.active .page-link{background-color:var(--public-color);color:#fff;} .page-link:hover{background-color:var(--public-color);color:#fff;border:2px solid var(--public-color);} .down{margin-top:100px;padding-bottom:130px;} .down .container-xl{display:flex;justify-content:space-between;align-items:center;} .down .left{width:46.9%;} .down .left img{margin-left:-120px;} .down .right{width:50%;} .down .t1{font-size:42px;line-height:48px;} .down .msg{font-size:18px;line-height:32px;color:#666666;margin-top:25px;} .down .form-row{margin:70px 0 0 0;} .down .form-row>[class*="col-"]{padding:0;margin-bottom:0;} .down .form-feedback .form-control{padding:20px 0;border:3px solid #f1f1f1;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;} .down .col-md-6 .form-control{border-top-color:#f1f1f1;} .down .btn{background-color:#b92026;margin-top:60px;padding:13px 30px;text-transform:uppercase;font-weight:600;} .down .btn::after{margin-left:15px;} .down .btn:hover{background-color:transparent;color:var(--public-color);} @media (max-width:768px) { .down{margin-top:30px;padding-bottom:30px;} .down .left img{margin-left:-40px;} .down .t1{font-size:20px;line-height:28px;} .down .msg{font-size:14px;line-height:22px;margin-top:10px;} .down .form-row{margin-top:20px;} .down .form-feedback .col-md-6:nth-child(1) .form-control{border-bottom-color:transparent;} .down .form-feedback .form-control{font-size:14px;line-height:22px;padding:10px 15px;} .down .form-feedback .form-control::placeholder{font-size:14px;line-height:22px;} .down .btn{margin-top:30px;} } .contact .left .box{display:flex;margin-top:20px;} .contact .left .box .img{width:32px;height:32px;margin-right:20px;} .contact .left .box .text{width:90%;font-size:18px;line-height:32px;color:#666666;} .contact .left .boxs{margin-top:90px;} .contact .left .boxs .box:nth-child(1) .img{position:relative;top:-2px;} @media (max-width:768px) { .contact .left .boxs{margin-top:20px;} .contact .left .box{margin-top:10px;} .contact .left .box .img{margin-right:10px;} .contact .left .box:nth-child(3){align-items:flex-start;} .contact .left .box .text{font-size:14px;line-height:22px;} } .contact{margin-top:60px;margin-bottom:160px;} .contact .container-xl{display:flex;justify-content:space-between;} .contact .left{width:42.2%;} .contact .t2{font-family:"Urbanist";font-size:24px;line-height:28px;color:#999999;} .contact .t1{font-size:48px;line-height:48px;font-weight:700;font-family:"Urbanist";margin-top:25px;} .contact .t1::after{content:"";width:40px;height:4px;background-color:var(--public-color);display:block;margin-top:30px;} .contact .msg{font-size:18px;line-height:28px;color:#666666;margin-top:35px;} .contact .tips{margin-top:50px;} .contact .tip{font-size:18px;line-height:36px;color:#666666;margin-bottom:20px;} .contact .tip:last-child{margin-bottom:0;} .contact .tip::before{content:"";width:21px;height:16px;background:url(../../images/contact-tip.jpg)no-repeat;background-size:cover;display:inline-block;position:relative;top:2px;margin-right:20px;} .contact .right{width:50%;background-color:#f8f8f8;padding:70px 50px 80px 50px;} .contact .form-row{margin:0;} .contact .form-row>[class*="col-"]{margin-bottom:20px;padding:0;} .contact .text1{font-size:16px;line-height:24px;color:#999999;margin-bottom:15px;} .contact .form-feedback .form-control{border-color:transparent;padding:14px 20px;} .contact .btn{margin-top:20px;text-transform:uppercase;font-size:16px;line-height:32px;font-weight:600;background-color:#b92026;padding:10px;width:55%;} .contact .btn::after{margin-left:15px;} .contact .btn:hover{background-color:transparent;color:var(--public-color);} .contact .form-row .col-md-6:nth-child(1){padding-right:10px;} .contact .form-row .col-md-6:nth-child(2){padding-left:10px;} @media (max-width:768px) { .contact .form-row .col-md-6:nth-child(1){padding-right:0px;} .contact .form-row .col-md-6:nth-child(2){padding-left:0px;} .contact{margin-top:20px;margin-bottom:30px;} .contact .t2{font-size:16px;line-height:24px;} .contact .t1{font-size:20px;line-height:28px;margin-top:0;} .contact .t1::after{margin-top:10px;} .contact .msg{margin-top:10px;font-size:14px;line-height:22px;} .contact .tips{margin-top:10px;} .contact .tip{font-size:14px;line-height:22px;margin-bottom:10px;} .contact .tip::before{width:14px;height:12px;margin-right:5px;} .contact .boxs{margin-top:20px;} .contact .box .img{margin-right:10px;} .contact .box .text{width:86%;} .contact .box .text{font-size:14px;line-height:22px;} .contact .boxs .box:nth-child(2),.contact .box{margin-top:10px;} .contact .right{padding:30px;} .contact .text1{margin-bottom:10px;} .contact .form-feedback .form-control{padding:10px 20px;font-size:14px;line-height:22px;} .contact .form-row>[class*="col-"]{margin-bottom:10px;} .contact .form-row .col-md-6:nth-child(5){padding-right:0;} .contact .form-row .col-md-6:nth-child(6){padding-left:0;} .contact .btn{line-height:24px;} } .feed-select{position:relative;overflow:inherit;} .form-feedback .form-control.feed-select{overflow:inherit;cursor:pointer;} .feed-select .inputval{display:flex;justify-content:space-between;align-items:center;min-height:23px;} .feed-select .inputval:after{content:"\f078";font-family:cmsfont;position:absolute;right:20px;} .feed-select .items{font-size:16px;line-height:24px;display:none; position:absolute;left:0;right:0;top:54px;z-index:10;box-shadow:4px 0 10px rgba(0, 0, 0, 0.1); border-radius: 10px;padding:5px 0px; background:#fff;} .feed-select .items .attr-item{cursor:pointer;padding:0 15px;position:relative;} .feed-select .items .attr-item:hover{background:var(--public-color);color:#fff;} .form-feedback .form-control.feed-select.active .items{display:block;} .feed-select-child{position:relative;overflow:inherit;} .form-feedback .form-control.feed-select-child{overflow:inherit;cursor:pointer;} .feed-select-child .inputval{display:flex;justify-content:space-between;align-items:center;min-height:23px;} .feed-select-child .inputval:after{content:"\f078";font-family:cmsfont;position:absolute;right:20px;} .feed-select-child .items{font-size:16px;line-height:24px;display:none; position:absolute;left:0;right:0;top:54px;z-index:10;box-shadow:4px 0 10px rgba(0, 0, 0, 0.1); border-radius: 10px;padding:5px 0px; background:#fff;} .feed-select-child .items .attr-item{cursor:pointer;padding:0 15px;position:relative;} .feed-select-child .items .attr-item span{display:inline-block;width:90%} .feed-select-child .items .attr-item:hover{background:var(--public-color);color:#fff;} .feed-select-child .items{left:0;right:initial;width:50%;} .feed-select-child .items .attr-item:after{content:"\f105";font-family:cmsfont;position:absolute;right:20px;} .feed-select-child .items .attr-item ul{position:absolute;left:100%;top:0;display:none; background:#fff; width:100%;box-shadow:4px 0 10px rgba(0, 0, 0, 0.1);padding:10px 0px;border-radius: 10px;} .feed-select-child .items .attr-item:hover ul{color:#333;display:block;} .feed-select-child .items .attr-item:hover ul li{padding:0 15px;} .feed-select-child .items .attr-item:hover ul li:hover{background:var(--public-color);color:#fff;} .form-feedback .form-control.feed-select-child.active .items{display:block;} .feed-check{display:flex;align-items:center;height:51px;} .feed-check .check-item{position:relative;margin-right:20px;display:flex;align-items:center;cursor:pointer;} .feed-check .check-item:before{content:"";width:17px;height:17px;border:2px solid #b92026;display:inline-block;margin-right:10px;} .feed-check .check-item.active:before{background:#b92026;} @media(max-width:768px) { .contact-feedback .box{padding:20px 15px;} } .other.banner{margin-top:110px;} .other.banner .banner-text{text-align:left;align-items:flex-end;bottom:65px;} .other.banner .t1{width:50%;line-height:64px;font-weight:600;} .other.banner .single-page-head-lin{background-color:var(--public-color);margin-top:30px;} .other.banner .breadcrumb{align-items:center;margin-top:30px;} .other.banner .breadcrumb::before{content:"";width:3px;height:16px;background-color:#fff;display:block;margin-right:20px;} .other.banner .breadcrumb-item{display:flex;align-items:center;} .other.banner .breadcrumb-item a{font-size:16px;line-height:28px;color:#fff;} .other.banner .breadcrumb-item a:hover{text-decoration:underline;} .other.banner .breadcrumb-item+.breadcrumb-item{padding-left:20px;} .other.banner .breadcrumb-item+.breadcrumb-item::before{content:"";width:8px;height:8px;background:url(../../images/bread-icon1.png)no-repeat;background-size:cover;display:block;margin-right:20px;} @media (max-width:768px) { .other.banner{margin-top:0;} .other.banner .t1{width:100%;font-size:20px;line-height:28px;} .other.banner .single-page-head-lin{margin-top:5px;} .other.banner .breadcrumb{margin-top:5px ;} .other.banner .banner-text{bottom:0;top:auto;} .other.banner .breadcrumb-item a{font-size:14px;line-height:22px;} .other.banner .breadcrumb::before{margin-right:10px;} .other.banner .breadcrumb-item+.breadcrumb-item{padding-left:10px;} .other.banner .breadcrumb-item+.breadcrumb-item::before{margin-right:10px;} } .global{margin-top:160px;padding-bottom:80px;} .global .box{display:flex;justify-content:space-between;margin-bottom:50px;} .global .left{width:50%;order:2;} .global .right{width:50%;order:1;background-color:#f8f8f8;padding:70px 100px 70px 45px;position:relative;border-top-left-radius:10px; border-bottom-left-radius:10px;} .global .title{font-size:24px;line-height:24px;} .global .msg{font-size:16px;line-height:24px;color:#999999;margin-top:25px;} .global .place{position:absolute;left:45px;bottom:45px;font-size:20px;line-height:24px;color:#999999;} .global .place::before{content:"";width:19px;height:25px;background:url(../../images/global-icon.png)no-repeat;background-size:cover; display:inline-block;margin-right:15px;position:relative;top:5px;} .global .box:hover .right{background-color:#fff;box-shadow:0 0 30px 1px rgba(0,0,0,.1);} .global .box:last-child{margin-bottom:95px;} @media (max-width:768px) { .global{margin-top:30px;padding-bottom:30px;} .global .box{flex-wrap:wrap;margin-bottom:30px;} .global .box .left{width:100%;order:1;} .global .box .right{width:100%;order:2;padding:25px;} .global .title{font-size:18px;line-height:26px;} .global .msg{font-size:14px;line-height:22px;margin-top:5px;} .global .place{position:static;font-size:16px;line-height:24px;margin-top:10px;} .global .place::before{margin-right:5px;} .global .box:last-child{margin-bottom:20px;} } .after-sale{margin-top:135px;padding-bottom:110px;} .after-sale .container-xl{display:flex;justify-content:space-between;} .after-sale .left{width:41.3%;} .after-sale .t1{letter-spacing:-1px;} .after-sale .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .after-sale a{font-size:18px;line-height:28px;color:#fff;padding:10px 45px 10px 30px;background-color:var(--public-color); text-transform:uppercase;margin-top:55px;} .after-sale a::before{content:"";width:18px;height:18px;background:url(../../images/after-sale-icon.png)no-repeat;background-size:cover;display:inline-block;margin-right:13px;position:relative;top:2px;} .after-sale .right{width:50.4%;} .after-sale .msg{color:#666666;} .guara .boxs{padding:110px 0 150px 0;border-top:4px solid #f1f1f1;} .guara .box{display:flex;justify-content:space-between;align-items:center;margin-top:90px;} .guara .box:nth-child(1){margin-top:0;} .guara .left{width:42.2%;} .guara .right{width:50%;} .guara .texts{display:flex;align-items:center;} .guara .texts img{margin-right:28px;} .guara .text{font-size:32px;line-height:48px;color:#333333;} .guara .single-page-head-lin{margin-top:30px;margin-bottom:40px;} .guara .box:nth-child(even) .right{order:-1;} .other-faq{padding:110px 0 90px 0;background-color:#f8f8f8;} .other-faq .container-xl{display:flex;justify-content:space-between;} .other-faq .left{width:8.6%;} .other-faq .t1{color:#333333;} .other-faq .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .other-faq .right{width:65.6%;} .other-faq .faq-item{border-bottom:4px solid #f5f5f5;padding:20px 0;} .other-faq .faq-item:nth-child(1){border-top-color:transparent;} .other-faq .faq-item:last-of-type{border-bottom-color:transparent;} .other-faq .faq-title{display:flex;align-items:center;position:relative;} .other-faq .faq-title::before{content:"";width:30px;height:30px;background:url(../../images/faq-logo2.png)no-repeat;background-size:cover;display:block;margin-right:35px;} .other-faq .faq-title::after{content:"";width:13px;height:14px;background:url(../../images/faq-icon1.png)no-repeat;background-size:cover;display:block;position:absolute;right:0;} .other-faq .faq-title .text{font-size:22px;line-height:28px;font-weight:400;color:#333333;width:90%;} .other-faq .faq-content{display:flex;height:0;overflow:hidden;} .other-faq .faq-content::before{content:"";width:30px;height:30px;background:url(../../images/faq-logo3.png)no-repeat;background-size:cover;display:block;margin-right:35px;} .other-faq .faq-content .text1{width:93.4%;font-size:18px;line-height:32px;color:#666666;} .other-faq .faq-item.active{border-bottom-color:#f8e8e9;padding-bottom:35px;} .other-faq .faq-item.active .faq-title::before{background:url(../../images/faq-logo2.png)no-repeat;background-size:cover;} .other-faq .faq-item.active .faq-title::after{width:10px;height:4px;background:url(../../images/faq-icon2.png)no-repeat;background-size:cover;} .other-faq .faq-item.active .faq-content{height:100%;margin-top:35px;transition:all .5s;} .recom-new{margin-top:90px;margin-bottom:140px;} .recom-new .t1{color:#333333;font-size:32px;line-height:40px;} .recom-new .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .recom-new .grid{gap:var(--bs-gap,40px);margin-top:75px;} .recom-new .g-col-xl-4{padding:50px 40px;background-color:#f8f8f8;} .recom-new .g-col-xl-4:hover{background-color:#fff;box-shadow:0 0 30px 1px rgba(0,0,0,.1);border-radius:10px;} .recom-new .date{font-size:16px;line-height:24px;color:#999999;margin-top:#999999;margin-top:30px;} .recom-new .title{font-size:18px;line-height:24px;color:#333333;margin-top:25px;} .recom-new .title:hover{color:var(--public-color);} .sport{position:relative;margin-bottom:190px;} .sport img{width:100%;} .sport .t1{color:#333333;font-size:32px;line-height:40px;} .sport .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .sport .box{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;} .sport .container-xl{display:flex;justify-content:space-between;} .sport .left{width:40.7%;background-color:#fff;} .sport .tips{margin-top:50px;} .sport .tip{font-size:18px;line-height:30px;margin-bottom:20px;} .sport .tip:last-child{margin-bottom:0;} .sport .tip::before{content:"";width:21px;height:17px;background:url(../../images/sport-icon.jpg)no-repeat;background-size:cover;display:inline-block;margin-right:15px;} .sport .right{width:50%;padding:0 0 0 55px;} .sport .form-row{margin:0;} .sport .form-row>[class*="col-"]{padding:0;margin-bottom:20px;} .sport .form-row .col-md-6:nth-child(1),.sport .form-row .col-md-6:nth-child(3){padding-right:10px;} .sport .form-row .col-md-6:nth-child(2),.sport .form-row .col-md-6:nth-child(4){padding-left:10px;} .sport .form-feedback .form-control{border-color:transparent;padding:15px 20px;} .sport .btn{padding:15px 35px;background-color:var(--public-color);text-transform:uppercase;font-size:16px;line-height:28px;font-weight:600;margin-top:10px;} .sport .btn::after{margin-left:15px;} .sport .btn:hover{background-color:transparent;color:var(--public-color);} @media (max-width:1650px) { .sport .container-xl{align-items:center;} .sport .left{padding:20px 15px;} .sport .tips{margin-top:10px;} .sport .tip{font-size:16px;line-height:28px;} .sport .form-row>[class*="col-"]{margin-bottom:10px;} .sport .form-feedback .form-control{padding:10px 40px;} .sport .right{padding-top:20px;} .sport .btn{padding:10px 30px;} } @media (max-width:768px) { .sport .form-row .col-md-6:nth-child(1),.sport .form-row .col-md-6:nth-child(3){padding-right:0px;} .sport .form-row .col-md-6:nth-child(2),.sport .form-row .col-md-6:nth-child(4){padding-left:0px;} .after-sale{margin-top:30px;padding-bottom:20px;} .after-sale .t1{display:flex;align-items:center;} .after-sale .t1::before{width:4px;height:20px;margin-right:10px;} .after-sale .msg{font-size:14px;line-height:22px;} .after-sale .right{margin-top:10px !important;} .after-sale a{margin-top:20px;font-size:16px;line-height:24px;} .guara .boxs{padding:30px 0;} .guara .box{display:block;} .guara .left,.guara .right{width:100%;} .guara .text{font-size:18px;line-height:26px;} .guara .texts{margin-top:10px;} .guara .texts img{width:40px;margin-right:10px;} .guara .single-page-head-lin{margin-top:10px;margin-bottom:0;} .guara .box .msg{font-size:14px;line-height:22px;} .guara .box{margin-top:20px;} .other-faq{padding:30px 0;} .other-faq .t1{display:flex;align-items:center;} .other-faq .t1::before{width:4px;height:20px;margin-right:10px} .other-faq .right{width:100%;} .other-faq .faq-title::before{margin-right:10px;} .other-faq .faq-title .text{font-size:18px;line-height:26px;} .other-faq .faq-content::before{margin-right:10px;} .other-faq .faq-content .text1{width:90%;font-size:14px;;line-height:22px;} .other-faq .faq-item.active .faq-content{margin-top:10px;} .recom-new{margin-top:30px;margin-bottom:30px} .recom-new .t1{font-size:20px;line-height:28px;display:flex;align-items:center;} .recom-new .t1::before{width:4px;height:20px;margin-right:10px;} .recom-new .grid{gap:var(--bs-gap,20px);margin-top:20px;} .recom-new .g-col-xl-4{padding:20px;} .recom-new .date{margin-top:10px;font-size:14px;line-height:22px;} .recom-new .title{margin-top:5px;} .recom-new .single-page-head-lin{margin-top:30px;} .sport{margin-bottom:30px;} .sport .box{position:relative;} .sport .container-xl{flex-wrap:wrap;} .sport .left{width:100%;padding:0;} .sport .t1{font-size:20px;line-height:28px;display:flex;align-items:center;} .sport .t1::before{width:4px;height:20px;margin-right:10px;} .sport .tip::before{margin-right:5px;position:relative;top:3px;} .sport .right{width:100%;background-color:#f8f8f8;padding:20px;} .sport .form-row .col-md-6:nth-child(1){padding-right:0;} .sport .form-row .col-md-6:nth-child(2){padding-left:0;} .sport .form-feedback .form-control{padding:15px;font-size:14px;line-height:22px;} .sport .btn::after{margin-left:10px;} } .pro-index{margin-top:120px;margin-bottom:320px;} .pro-index .box{display:flex;justify-content:space-between;margin-bottom:80px;} .pro-index .box:last-child{margin-bottom:0;} .pro-index .left{width:50%;position:relative;} .pro-index .left .img{position:relative;} .pro-index .left .img::before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,.4);display:block;position:absolute;left:0;top:0;} .pro-index .left .texts{position:absolute;left:0;top:0;z-index:2;padding:65px 55px 0 45px;} .pro-index .left .t1{font-size:24px;line-height:32px;color:#ffffff;font-weight:600;} .pro-index .left .t1::after{content:"";width:12px;height:10px;background:url(../../images/proindex-icon.png)no-repeat;background-size:cover;display:inline-block;margin-left:12px;position:relative;top:-3px;} .pro-index .left .t1:hover{text-decoration:underline;} .pro-index .left .msg{font-size:16px;line-height:24px;color:#fff;margin-top:40px;opacity:.9;} .pro-index .right{width:46.9%;position:relative;} .pro-index .rboxs{display:flex;flex-wrap:wrap;border-top:2px solid #eaeaea;overflow:hidden;position:relative;h} .pro-index .rbox{display:flex;align-items:center;justify-content:space-between;width:50%;padding:10px 0; border-bottom:2px solid #eaeaea;} .pro-index .rbox .img{width:76px;height:88px;display:flex;justify-content:center;align-items:center;} .pro-index .rbox .title{width:72%;font-size:18px;line-height:30px;font-weight:600;color:#333333;} .pro-index .rbox .title::after{content:"";width:13px;height:10px;background:url(../../images/pro-index-icon1.jpg)no-repeat;background-size:cover; display:inline-block;margin-left:10px;} .pro-index .rbox .title:hover{text-decoration:underline;} .pro-index .rboxs.unactive{height:442px;} .pro-index .rboxs.unactive::before{content:"";width:100%;height:230px;background:url(../../images/pro-index-skip.png)no-repeat;background-size:cover; position:absolute;left:0;bottom:0;} .pro-index .flexible{position:absolute;left:46.5%;bottom:0;} .pro-index .flexible:hover{cursor:pointer;} .pro-index .rboxs.active{height:auto;padding-bottom:35px;} .pro-index .rboxs.active::before{display:none;} .pro-index .rboxs.active + .flexible{bottom:-10px;} .pro-index .rboxs.active + .flexible img{transform:rotate(180deg);} .pro-index .box:nth-child(2) .rbox:nth-child(4) .title{padding-right:40px;} .pro-index .box:nth-child(4) .rbox:nth-child(2) .title,.pro-index .box:nth-child(4) .rbox:nth-child(4) .title{padding-right:40px;} @media (max-width:768px) { .pro-index{margin-top:30px;margin-bottom:30px;} .pro-index .left .texts{padding:15px;} .pro-index .left .t1{font-size:18px;line-height:26px;} .pro-index .left .msg{margin-top:0;font-size:14px;line-height:22px;} .pro-index .rbox{width:100%;padding:0;} .pro-index .rbox .title{width:80%;} .pro-index .box{margin-bottom:25px;} } .other.probanner .breadcrumb{margin-top:65px;} .prolist{margin-top:125px;padding-bottom:100px;} .prolist .msg{color:#666666;} .prolist .box{margin-top:90px;display:flex;justify-content:space-between;} .prolist .left{width:23.5%;} .prolist .items1{margin-bottom:1px;} .prolist .item1{font-size:18px;line-height:30px;font-weight:500;padding:12px 20px;background-color:var(--public-color);color:#fff;display:flex;justify-content:space-between;align-items:center;} .prolist .item1::after{content:"";width:14px;height:8px;background:url(../../images/prolist-item-icon.png)no-repeat;background-size:cover;display:inline-block;} .prolist .item1:hover{cursor:pointer;} .prolist .item1.active::after{transform:rotate(180deg);} .prolist .item1.active +.items2{margin-bottom:10px;} .prolist .items2{height:0;overflow:hidden;} .prolist .item2{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:16px;line-height:28px;font-weight:500;color:#666666;} .prolist .item2::after{content:"";width:7px;height:8px;background:url(../../images/prolist-item2-icon1.jpg)no-repeat;background-size:cover;display:block;} .prolist .item2:hover{color:var(--public-color);} .prolist .item2:hover::after{background:url(../../images/prolist-item2-icon2.jpg)no-repeat;} .prolist .item1.active + .items2{height:auto;} .prolist .item2.active{color:var(--public-color);} .prolist .item2.active::after{background:url(../../images/prolist-item2-icon2.jpg)no-repeat;} .prolist .right{width:74.3%;} .prolist .grid{gap:var(--bs-gap,25px);} .prolist .g-col-xl-4{background-color:#f8f8f8;} .prolist .g-col-xl-4 .img img{mix-blend-mode:darken;} .prolist .g-col-xl-4 .texts{padding:0 20px 40px 20px;} .prolist .title{font-size:18px;line-height:28px;color:#333333;font-weight:600;margin-bottom:15px;display:block;} .prolist .title:hover{color:var(--public-color);} .prolist .text li{font-size:15px;line-height:28px;align-items:center;flex-wrap:wrap;display:none;} .prolist .text li p{color:#666666;} .prolist .text li strong{color:#999999;display:contents;font-weight:400;} .prolist .text li:nth-child(1),.prolist .text li:nth-child(2){display:flex;} .chara{padding-bottom:160px;} .chara .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:inline-block;margin-right: 20px;} .chara .boxs{margin-top:75px;display:flex;justify-content:space-between;flex-wrap:wrap;} .chara .box{width:48.9%;display:flex;align-items:center;border-bottom:2px solid #f1f1f1;padding:15px 0;} .chara .box:nth-child(1),.chara .box:nth-child(2){border-top:2px solid #f1f1f1;} .chara .title{width:62.4%;font-size:18px;line-height:30px;color:#333333;} .chara .title::before{content:"";width:21px;height:17px;background:url(../../images/chara-icon.jpg)no-repeat;background-size:cover; display:inline-block;margin-right:15px;position:relative;top:2px;} .chara .text{width:37.6%;font-size:18px;line-height:30px;color:#666666;} .chara .lastboxs{display:flex;margin-top:130px;} .chara .lastboxs1{width:25%;padding:0 30px;border-left:2px solid #eabcbd;} .chara .lastboxs1:last-child{border-right:2px solid #eabcbd;} .chara .lastbox{display:flex;align-items:center;} .chara .lastbox .img{width:60px;height:60px;} .chara .lastbox .title1{font-size:18px;line-height:30px;font-weight:700;margin-left:30px;} .chara .lastboxs1 .msg1{font-size:16px;line-height:24px;font-weight:500;margin-top:35px;} .choose{position:relative;} .choose .box{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;} .choose img.bg{width:100%;} .choose .container-xl{display:flex;justify-content:space-between;} .choose .left{width:25.4%;} .choose .t1{font-size:40px;line-height:48px;color:#fff;letter-spacing:-1px;} .choose .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .choose .right{width:65.7%;} .choose .wea{display:flex;justify-content:space-between;} .choose .img{width:50px;height:50px;} .choose .texts{width:88%;} .choose .text1{font-size:18px;line-height:28px;font-weight:600;color:#fff;} .choose .text2{font-size:16px;line-height:28px;color:#fff;opacity:.9;margin-top:20px;} .choose .wea:nth-child(2){margin-top:70px;} .choose .wea:nth-child(3){margin-top:100px;} @media (max-width:1650px) { .choose .text2{margin-top:0;} .choose .wea:nth-child(2){margin-top:20px;} .choose .wea:nth-child(3){margin-top:20px;} } .profaq{background-color:#ffffff;padding-bottom:40px;} @media (max-width:768px) { .other.probanner .breadcrumb{margin-top:10px;} .prolist{margin-top:30px;padding-bottom:30px;} .prolist .msg{font-size:14px;line-height:22px;} .prolist .box{margin-top:15px;} .prolist .title{margin-bottom:0;} .prolist .item1{line-height:26px;padding:10px 20px;} .prolist .item2{font-size:18px;line-height:26px;padding:10px 20px;} .chara{padding-bottom:30px;} .chara .t1::before{position:relative;width:4px;height:20px;margin-right:10px;top:3px;} .chara .boxs{margin-top:20px;} .chara .box{width:100%;} .chara .title{font-size:16px;line-height:24px;} .chara .title::before{margin-right:5px;} .chara .text1{width:37.6%;} .chara .lastboxs{margin-top:30px;flex-wrap:wrap;} .chara .lastboxs1{width:100%;padding:0 15px;margin-bottom:20px;} .chara .lastbox .title1{margin-left:15px;} .chara .lastboxs1 .msg1{margin-top:10px;font-size:14px;line-height:22px;} .choose{height:500px;display:flex;justify-content:center;align-items:center;} .choose .container-xl{display:block;} .choose .bg{height:100%;width:100%;max-width:none;} .choose .left{width:100%;} .choose .t1{font-size:20px;line-height:28px;} .choose .t1::before{width:4px;height:20px;margin-right:10px;} .choose .right{width:100%;margin-top:15px;} .choose .img{width:20px;height:20px;} .choose .texts{width:90%;} .choose .text2{font-size:14px;line-height:22px;} .profaq{padding-bottom:0;} } .probread{margin-top:135px;} .procont-head{margin-top:100px;} .procont-head .t1{font-weight:600;} .procont-head .single-page-head-lin{margin-top:35px;} .procont-head .box{margin-top:50px;display:flex;justify-content:space-between;} .procont-head .left{width:46.9%;} .procont-head .product-thumb{/*position:sticky;*/top:90px;} /* .procont-head .product-thumbs{padding:0;} */ .procont-head .right{width:48.9%;} .procont-head .right .msg{font-size:16px;line-height:30px;color:#666666;} .procont-head .product-thumbs .swiper-button-prev{left:0;} .procont-head .product-thumbs .swiper-button-next{right:0;} .procont-head .product-thumbs .swiper-button-next:after,.procont-head .product-thumbs .swiper-button-prev:after{color:var(--public-color);font-size: 32px;font-weight: bold;} .procont-head .tipss{position:relative;} /* .procont-head .tipss.unactive::before{content:"";width:100%;height:230px;background:url(../../images/pro-index-skip.png)no-repeat;background-size:cover; position:absolute;left:0;bottom:0;} .procont-head .tipss.unactive .tips ul{height:345px;overflow:hidden;transition:all .5s;} .procont-head .tipss .flexable{position:absolute;left:45%;bottom:10px;} .procont-head .tipss.active::before{display:none;} .procont-head .tipss.active .tips ul{height:auto;padding-bottom:30px;transition:all .5s;} .procont-head .tipss.active .flexable{transform:rotate(180deg);bottom:0;} */ .procont-head .tipss .flexable{display:none;} .procont-head li{display:flex;align-items:center;flex-wrap:wrap;font-size:16px;line-height:28px;} .procont-head li strong{color:#333333;display:flex;font-weight:600;margin-right:10px;} .procont-head li::before{content:"";width:13px;height:13px;background:url(../../images/procont-head-tip-icon.jpg)no-repeat;background-size:cover;display:block;margin-right:15px;} .procont-head li{color:#666666;margin-top:25px;} .procont-head li:nth-child(1){margin-top:0;} .procont-head .tips .tip:nth-child(1){margin-top:0;} .procont-head .probtns{margin-top:55px;display:flex;} .procont-head .probtn1{padding:15px 15px;background-color:var(--public-color);color:#fff;font-size:16px;line-height:30px;font-weight:600;text-transform:uppercase;} .procont-head .probtn1:hover{text-decoration:underline;cursor:pointer;} .procont-head .probtn2{border:2px solid var(--public-color);padding:13px 15px;font-size:16px;line-height:30px;font-weight:600;text-transform:uppercase;color:var(--public-color);margin-left:20px;;} .procont-head .probtn2:hover{text-decoration:underline;cursor:pointer;} .procont-head .share{margin-top:30px;} .procont-head .share1{font-size:14px;line-height:24px;color:#999999;font-weight:900;margin-bottom:10px;} .procont-head .share a,.procont-head .share .social{margin-right:10px;} .navi{margin-top:80px;} .navi .box{display:flex;justify-content:space-between;background-color:var(--public-color);text-align:center;} .navi .box a{width:20%;font-size:20px;line-height:28px;color:#fff;font-weight:600;padding:25px 0;} .navi .box a div{text-transform:uppercase;} .navi .box a:hover{text-decoration:underline;} .navi .box a:nth-child(2){width:21%;} .navi.top{position:fixed;left:0;top:-100px;width:100%;margin-top:0;} .navi.top.active{background-color:var(--public-color);top:70px;transition:all .5s;z-index:99;} .navi .nav-btn.active{text-decoration:underline;} .p1,.p2,.p3,.p4,.p5,.p6{margin-top:100px;} .p1 .t1,.p2 .t1,.p3 .t1,.p4 .t1,.p5 .t1,.p6 .t1{font-size:32px;line-height:48px;color:#000000;display:flex;align-items:center;margin-bottom:35px;} .p1 .t1::before,.p2 .t1::before,.p3 .t1::before,.p4 .t1::before,.p5 .t1::before,.p6 .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .p1 p,.p2 p,.p3 p,.p4 p,.p5 p,.p6 p{font-size:16px;line-height:30px;color:#666666;} .p1 p img,.p2 p img,.p3 p img,.p4 p img,.p5 p img,.p6 p img{max-width:100%;} .p2 .boxs{display:flex;justify-content:space-between;flex-wrap:wrap;} .p2 .box{width:50%;margin-bottom:40px;} .p2 .box .title{font-size:18px;line-height:30px;font-weight:600;color:#333333;} .p2 .box .title::before{content:"";width:20px;height:16px;background:url(../../images/p2-icon.jpg)no-repeat;background-size:cover;display:inline-block;margin-right:20px;} .p2 .box p{font-size:16px;line-height:30px;color:#666666;margin-top:5px;} .p3 table{max-width:100%;} .p3 table td,.p4 table td{font-size:18px !important;line-height:32px !important;color:#333333 !important;padding:10px 60px;} .p3 table tr:nth-child(odd) td,.p4 table tr:nth-child(odd) td{background-color:#f4f4f4 !important;} .p3 table tr:nth-child(even) td,.p4 table tr:nth-child(even) td{background-color:#fbfbfb !important;} .p5 .grid{gap:var(--bs-gap,25px);} .p5 .grid .title{margin-top:25px;font-size:18px;line-height:28px;color:#333333;font-weight:600;height:56px;} .pro-tuijian{margin-bottom:0;margin-top:100px;} .p4 .swiper-pagination,.p6 .swiper-pagination{bottom:0;} .p6 table td,.p4 table td{font-size:18px !important;line-height:32px !important;color:#333333 !important;padding:10px 60px;} .p6 table tr:nth-child(odd) td,.p4 table tr:nth-child(odd) td{background-color:#f4f4f4 !important;} .p6 table tr:nth-child(even) td,.p4 table tr:nth-child(even) td{background-color:#fbfbfb !important;} @media (max-width:768px) { .probread{margin-top:10px;} .procont-head{margin-top:10px;} .procont-head .single-page-head-lin{margin-top:5px;} .procont-head .box{margin-top:20px;} .procont-head .right .msg{font-size:14px;line-height:22px;} .procont-head .tips{margin-top:10px;padding-top:10px;} .procont-head li{margin-top:5px;font-size:14px;line-height:22px;} .procont-head .probtns{margin-top:20px;flex-wrap:wrap;display:block;} .procont-head .probtn1{line-height:24px;padding:12px 20px;display:inline-block;} .procont-head .probtn2{line-height:24px;padding:10px 20px;margin-left:0;margin-top:10px;} .procont-head .share{margin-top:15px;} .procont-head .share1{margin-bottom:0;} .p1, .p2, .p3, .p4, .p5{margin-top:30px;} .p1 .t1, .p2 .t1, .p3 .t1, .p4 .t1, .p5 .t1{font-size:18px;line-height:26px;margin-bottom:10px;display:block;} .p1 .t1::before, .p2 .t1::before, .p3 .t1::before, .p4 .t1::before, .p5 .t1::before{ width:4px;height:20px;margin-right:10px;margin-bottom:10px;position:relative;top:12px;} .p1 p, .p2 p, .p3 p, .p4 p, .p5 p{font-size:14px;line-height:22px;} .p2 .box{width:100%;margin-bottom:15px;} .p2 .box:last-child{margin-bottom:0;} .p2 .box .title::before{margin-right:10px;} .p2 .box .title{font-size:16px;line-height:24px;} .p2 .box p{font-size:14px;line-height:22px;} .p3 table td, .p4 table td{font-size:14px !important;line-height:22px !important;padding:5px 10px;} .p5 .grid{gap:var(--bs-gap,15px);} .p5 .grid .title{margin-top:5px;font-size:16px;line-height:24px;height:auto;} .pro-tuijian{margin-top:30px;} } .about{margin-top:150px;} .about .top{display:flex;} .about .top .box{width:25%;text-align:center;border-left:2px solid #eabcbd;} .about .top .box:last-child{border-right:2px solid #eabcbd;} .about .top .img{width:60px;height:60px;margin:0 auto;} .about .top .text1{font-size:20px;line-height:28px;color:#999999;margin-top:40px;} .about .top .text2{font-size:48px;line-height:64px;color:#333333;margin-top:20px;} .about .under{display:flex;justify-content:space-between;margin-top:120px;} .about .left{width:35.6%;} .about .left .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .about .left .msg{font-size:16px;line-height:30px;color:#666666;margin-top:35px;} .about .right{width:60.2%;} .workshop{margin-top:130px;} .workshop .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .workshop .swiper{margin-top:55px;padding-bottom:100px;} .workshop .swiper-button-prev{width:61px;height:61px;left:0;bottom:0;top:auto;} .workshop .swiper-button-prev::after{content:"";width:100%;height:100%;background:url(../../images/workshop-prev.png)no-repeat;background-size:cover;display:block;} .workshop .swiper-button-next{width:61px;height:61px;right:0;bottom:0;top:auto;} .workshop .swiper-button-next::after{content:"";width:100%;height:100%;background:url(../../images/workshop-prev.png)no-repeat;background-size:cover;display:block;transform:rotate(180deg);} .workshop .swiper-pagination-bullet{width:8px;height:20px;background-color:transparent;border-radius:0;position:relative;} .workshop .swiper-pagination-bullet::after{content:"";width:100%;height:100%;background:url(../../images/workshop-icon.jpg)no-repeat;background-size:cover;display:block;position:absolute;left:0;top:0;} .his{margin-top:100px;overflow:hidden;;} .his .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .his .swiper-box{position:relative;} .his .swiper1{margin-top:85px;height:1000px;position:relative;overflow: hidden;} .his .swiper1::before{content:"";width:100%;height:122px;background:url(../../images/his-skip.png)no-repeat;background-size:cover; display:block;position:absolute;left:0;bottom:0;z-index:10;} .his .swiper1::after{content:"";width:34px;height:814px;background:url(../../images/his-skip1.jpg)no-repeat;background-size:cover;display:block;position:absolute;right:0;top:0;} .his .swiper-slide{display:flex;align-items:center;justify-content:space-between;} .his .img{width:31.25%;} .his .texts{width:60.5%;} .his .texts .box{width:83%;} .his .text1{font-size:32px;line-height:48px;font-weight:600;} .his .text2{font-size:20px;line-height:30px;color:#333333;margin-top:15px;font-weight:500;} .his .text3{font-size:16px;line-height:28px;color:#999999;margin-top:30px;} .his .btns{width:70px;height:70px;background-color:var(--public-color);position:absolute;right:-20px;top:814px;border-radius:50%;} .his .btns .swiper-button-prev{width:16px;height:9px;position:absolute;left:38%;opacity:1;top:55%;bottom:auto;} .his .btns .swiper-button-prev::after{content:"";width:100%;height:100%;background:url(../../images/his-prev.png)no-repeat;background-size:cover;display:block;} .his .btns .swiper-button-next{width:16px;height:9px;position:absolute;bottom:25%;top:auto;left:38%;opacity:1;transform:rotate(180deg);} .his .btns .swiper-button-next::after{content:"";width:100%;height:100%;background:url(../../images/his-prev.png)no-repeat;background-size:cover;display:block;} .about-cert{margin-top:100px;background:url(../../images/about-cert-bg.jpg)no-repeat;background-size:cover;padding-bottom:115px;border-bottom:10px solid var(--public-color);} .about-cert .top{display:flex;justify-content:space-between;} .about-cert .left{width:24%;} .about-cert .t1{display:flex;align-items:center;} .about-cert .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .about-cert .a-pt{margin-top:75px;padding:13px 30px;text-transform:uppercase;font-weight:500;} .about-cert .a-pt::after{margin-left:15px;} .about-cert .right{width:60.6%;} .about-cert .msg{font-size:16px;line-height:24px;color:#666666;} .about-cert .grid{margin-top:115px;gap:var(--bs-gap,25px);} .about-cert .g-col-xl-3 .img{padding:20px;background-color:#f9f9f9;} .about-cert .g-col-xl-3 .title{margin-top:45px;display:flex;align-items:center;font-size:18px;line-height:30px;color:#333333;} .about-cert .g-col-xl-3 .title::before{content:"";width:4px;height:14px;background-color:var(--public-color);display:block;margin-right:20px;} .about-mark{margin-top:170px;padding-bottom:110px;} .about-mark .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:inline-block;margin-right:20px;} .about-mark .msg{color:#666666;margin-top:55px;} .about-mark .map{margin-top:70px;} .about-mark .grid{margin-top:75px;gap:var(--bs-gap,30px);} .about-mark .g-col-xl-2{box-shadow:0 0 20px 1px rgba(0,0,0,.1);} .phil{position:relative;} .phil img.bg{width:100%;} .phil .box{position:absolute;left:0;top:0;width:100%;height:100%;} .phil .container-xl{display:flex;justify-content:space-between;padding-top:90px;} .phil .left{width:43%;padding-top:90px;} .phil .t1{display:flex;align-items:center;color:#fff;} .phil .t1::before{content:"";width:6px;height:28px;background-color:var(--public-color);display:block;margin-right:20px;} .phil .msg{color:#fff;font-size:16px;line-height:30px;margin-top:35px;} .phil .right{width:50%;position:relative;} .phil .right .bg{box-shadow:0 0 20px 1px rgba(0,0,0,.1);} .phil .rboxs{position:absolute;left:0;top:0;width:100%;height:100%;padding:60px 65px 60px 65px;} .phil .rbox{display:flex;justify-content:space-between;margin-bottom:40px;} .phil .rbox .img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;} .phil .rbox .texts{width:84.4%;} .phil .rbox .text1{font-size:16px;line-height:26px;font-weight:600;color:#333333;} .phil .rbox .text2{font-size:14px;line-height:26px;color:#999999;margin-top:5px;} .phil .rbox:last-child{margin-bottom:0;} @media (max-width:768px) { .about{margin-top:30px;} .about .top{flex-wrap:wrap;} .about .top .box{width:49%;} .about .top .text1{font-size:14px;line-height:22px;margin-top:0;height:44px;} .about .top .text2{font-size:20px;line-height:28px;margin-top:0;} .about .top .box:nth-child(2){border-right:2px solid #eabcbd;} .about .top .box:nth-child(3),.about .top .box:nth-child(4){margin-top:10px;} .about .under{margin-top:30px;} .about .left .t1{display:flex;align-items:center;} .about .left .t1::before{width:4px;height:20px;margin-right:10px;} .about .left .msg{font-size:14px;line-height:22px;margin-top:10px;} .workshop{margin-top:20px;} .workshop .t1{display:flex;align-items:center;} .workshop .t1::before{width:4px;height:20px;margin-right:10px;} .workshop .swiper{margin-top:20px;padding-bottom:50px;} .workshop .swiper-button-prev,.workshop .swiper-button-next{width:40px;height:40px;} .workshop .swiper-pagination{bottom:0;} .his{margin-top:20px;} .his .t1{display:flex;align-items:center;} .his .t1::before{width:4px;height:20px;margin-right:10px;} .his .swiper1{margin-top:20px;height:auto;padding-bottom:30px;} .his .swiper1::before,.his .swiper1::after{display:none;} .his .swiper-slide{display:block;} .his .img{width:100%;} .his .texts{width:100%;} .his .texts .box{width:100%;} .his .text1{font-size:16px;line-height:24px;} .his .text2{margin-top:0;font-size:18px;line-height:26px;} .his .text3{font-size:14px;line-height:22px;margin-top:0;} .his .btns{top:auto;bottom:0;display:none;} .about-cert{margin-top:30px;padding-bottom:30px;} .about-cert .top{flex-wrap:wrap;} .about-cert .left{width:100%;} .about-cert .t1::before{width:4px;height:20px;margin-right:10px;} .about-cert .right{width:100%;} .about-cert .grid{margin-top:20px;gap:var(--bs-gap,20px);} .about-cert .g-col-xl-3 .img{padding:15px;} .about-cert .g-col-xl-3 .title{margin-top:10px;font-size:16px;line-height:24px;} .about-cert .g-col-xl-3 .title::before{display:none;} .about-cert .a-pt{margin-top:20px;} .about-cert .a-pt::after{margin-left:10px;} .about-mark{margin-top:30px;padding-bottom:30px;} .about-mark .t1{display:flex;align-items:center;} .about-mark .t1::before{width:4px;height:20px;margin-right:10px;} .about-mark .msg{font-size:14px;line-height:22px;margin-top:10px;} .about-mark .map{margin-top:20px;} .about-mark .grid{margin-top:20px;gap:var(--bs-gap,10px);} .phil .box{position:static;width:100%;} .phil .container-xl{padding-top:0;display:block;} .phil .left{width:100%;padding-top:0;} .phil .t1{color:#333;} .phil .msg{color:#333;font-size:14px;line-height:22px;margin-top:10px;} .phil .right{width:100%;} .phil .bg{display:none;} .phil .rboxs{position:static;padding:0;margin-top:20px;} .phil .rbox{margin-bottom:20px;} } .bycart-head .top{display:flex;justify-content:space-between;align-items:center;} .bycart-head .top .a-pt{text-transform:uppercase;font-weight:600;} .bycart-head .top .a-pt::after{margin-left:15px;} .bjtop{margin-top:100px;display:flex;justify-content:space-between;align-items:center;} .bjtop .t1{font-weight:600;} .bjtop .a-pt::after{margin-left:15px;} .table thead th{background-color:var(--public-color) !important;color:#fff;font-weight:500;} .prod-name .column.col-md-8 a{font-size:18px;font-family:'Poppins';color:#333333;font-weight:500 !important;} .bjtop + .single-page-head-lin{margin-top:30px;} .prod-name li{display:flex;align-items:center;flex-wrap:wrap;font-size:16px;line-height:28px;} .prod-name li strong{color:#333333;display:flex;font-weight:400;margin-right:10px;} .prod-name li::before{content:"";width:13px;height:13px;background:url(../../images/procont-head-tip-icon.jpg)no-repeat;background-size:cover;display:block;margin-right:15px;} .prod-name li{color:#666666;margin-top:10px;} .msgbox .form-row>[class*="col-"]{margin-bottom:20px;} .msgbox .text1{font-size:16px;line-height:24px;color:#999999;margin-bottom:15px;} .msgbox .form-feedback .form-control{padding:14px 20px;} .msgbox .btn{margin-top:20px;text-transform:uppercase;font-size:16px;line-height:32px;font-weight:600;background-color:#b92026;padding:10px;width:100%;} .msgbox .btn::after{margin-left:15px;} .msgbox .btn:hover{background-color:transparent;color:var(--public-color);} @media (max-width:768px) { .bjtop{margin-top:10px;flex-wrap:wrap;} .bjtop + .single-page-head-lin{margin-top:10px;} .prod-name .column.col-md-8 a{font-size:18px;} .consultingbox{padding:0;margin:20px 0 0 0;} .prod-name li::before{display:none;} .msgbox{padding:25px 15px;} .msgbox .form-feedback .form-control{padding:10px 20px;} .msgbox .btn{margin-top:0;} } .prosearch .right{width:100%;} .prosearch .grid{gap:var(--bs-gap,25px);} .prosearch .g-col-xl-3{background-color:#f8f8f8;} .prosearch .g-col-xl-3 .img img{mix-blend-mode:darken;} .prosearch .g-col-xl-3 .texts{padding:0 20px 40px 20px;} .prosearch .title{font-size:18px;line-height:28px;color:#333333;font-weight:600;margin-bottom:15px;display:block;} .prosearch .title:hover{color:var(--public-color);} .prosearch .text li{font-size:15px;line-height:28px;align-items:center;flex-wrap:wrap;display:none;} .prosearch .text li p{color:#666666;} .prosearch .text li strong{color:#999999;display:contents;font-weight:400;} .prosearch .text li:nth-child(1),.prolist .text li:nth-child(2){display:flex;} .icon-whatsapp{color:#fff;font-size:35px !important;} .icon-whatsapp::before{margin-left:5px;} .header-mb .icon-whatsapp{font-size:18px !important;} @media (max-width:768px) { .icon-whatsapp{color:#fff;font-size:24px !important;} } .down .form-row>[class*="col-"]:nth-child(3) .form-control,.down .form-row>[class*="col-"]:nth-child(4) .form-control{border-top-color:transparent;} .prolist .g-col-xl-4 .texts{position:relative;} .prolist .g-col-xl-4 .texts .cart{background:var(--public-color);color:#fff;border:1px solid var(--public-color); padding:2px 20px;cursor:pointer; border-radius:15px;overflow:hidden;position:absolute;right:10px;bottom:10px;} .prolist .g-col-xl-4 .texts .cart:hover{background:transparent;color:var(--public-color);} /*购物车*/ #basket{width: 55px;height: 55px;position: fixed;bottom: 60px; right: 15px;z-index: 100;display: none;cursor: pointer;} #basket.active{display: block;} #basket .tb{background: var(--public-color);width: 55px;height: 55px;display: block;border-radius: 50%;overflow: hidden;text-align: center;} #basket .tb i{font-size: 26px;line-height: 55px;color: #fff;} #basket .num{position: absolute;right: -8px;top: -3px;background: #f40a0a;text-align: center;width: 22px;height: 22px;z-index: 101;border-radius: 50%;overflow: hidden; font-size: 14px;color: #fff;} #basket-box{z-index: 103; display: none; background: #fff;border: 1px solid #ddd; width: 240px;height: 280px;position: fixed;bottom: 0;right: 0;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);} #basket-box .top{cursor: pointer; height: 37px;background: var(--public-color);font-size: 14px;color: #fff;text-align: center;line-height: 37px;position: relative;} #basket-box .top span{color: #f6740c;font-weight: bold;} #basket-box .top:before{content: "\f078";font-family: cmsfont;color: #fff;position: absolute;left: 15px;top: 2px;font-size: 14px;} #basket-box .list{overflow-y: auto;height: 200px;width: 100%;} #basket-box .list ul,#basket-box .list li{list-style: none;padding: 0;margin: 0;} #basket-box .list>ul>li{display: flex;padding: 10px;border-bottom: 1px solid #ddd;justify-content: space-between;} #basket-box .list>ul>li .img{width: 30%; padding-right: 10px;} #basket-box .list>ul>li .text{width: 70%;} #basket-box .list>ul>li .text h4{margin-top: 2px; font-size: 12px;color: var(--public-color);line-height: 16px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #basket-box .list>ul>li .text h4 a{font-size: 12px;color: var(--public-color);line-height: 16px;} #basket-box .list>ul>li .text .del{color: #888;font-size: 12px;line-height: 16px;display: none;cursor: pointer;} #basket-box .list>ul>li .text .del:hover{text-decoration: underline;} #basket-box .list>ul>li:hover{background: #fffeee;} #basket-box .list>ul>li:hover .text .del{display: inline-block;} #basket-box .bottom{display: flex;align-items: center;justify-content: space-between;padding: 10px;} #basket-box .bottom .qkbtn{line-height: 16px;padding: 4px 10px;font-size: 12px;color: #e64545;border: 0;background-color: #f1f1f1;border-radius: 3px;} #basket-box .bottom .xjbtn{line-height: 16px;padding: 4px 10px;font-size: 12px;color: #fff;border: 0;background-color: #e64545;border-radius: 3px;} .bus.banner{background:#b92026;height:400px;} .other.banner.bus .banner-text{align-items:flex-start;bottom:inherit;} .other.banner.bus .t1{font-size:40px;width:100%;font-weight:bold;text-align:center;margin-top:60px;} .other.banner.bus p{width:50%;margin:15px auto;text-align:center;} .other.banner.bus .more-box{display:flex;justify-content:center;margin-top:30px;} .other.banner.bus .more-box .more{cursor:pointer; display:inline-block;margin:0 10px;padding:15px 0;font-size:14px;line-height:20px; text-transform:uppercase; background:#ffffff;border-radius:10px;min-width:260px;text-align:center;color:var(--public-color);} .other.banner.bus .more-box .more:hover{box-shadow:5px 0 10px rgba(255, 255, 255, 1);} .x1-bus1{padding:100px 0 0px;} .x1-bus-t1{font-size:36px;line-height:36px;border-left:6px solid #b92026;padding-left:20px;font-weight:bold;margin-bottom:40px;} .x1-bus-pro{box-shadow:0 0 30px rgba(0, 0, 0, 0.1);height:100%;border-radius:10px;overflow:hidden;} .x1-bus-pro .img{padding:0 40px;} .x1-bus-pro .title{font-size:18px;line-height:28px;font-weight:bold;text-align:center;padding:0 15px;margin:10px auto;} .x1-bus-pro .desc{color:#999999;padding:0 15px;text-align:center;font-size:16px;line-height:20px;margin-bottom:20px;} .x1-bus-pro .ly{width:100%;cursor:pointer; font-size:14px;background:#fff; line-height:30px; text-align:center;opacity:0;color:#fff;transition:all 0.5;} .x1-bus-pro:hover .ly{background:var(--public-color);opacity:1;} .x1-bus1 .col-md-3{margin-bottom:30px;} .x1-bus2{padding:60px 0 0;} .x1-bus2 .x1-bus-t1{margin-bottom:20px;} .x1-bus2 .x1-bus-z1{font-size:18px;line-height:32px;color:#666666;margin-bottom:40px;} .x1-bus2 .x1-bus-app{box-shadow:0 0 30px rgba(0, 0, 0, 0.1);height:100%;border-radius:10px;overflow:hidden;} .x1-bus2 .x1-bus-app .title{padding:0 15px;font-size:18px;font-weight:bold;line-height:22px;height:44px;margin:15px 0} .x1-bus2 .x1-bus-app .desc{color:#999999;padding:0 15px;font-size:16px;line-height:20px;margin-bottom:20px;} .x1-bus2 .col-md-4{margin-bottom:30px;} .x1-bus3{padding:60px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;} .x1-bus3 .left{width:40%;display:flex;justify-content:flex-end;} .x1-bus3 .left .box{width:450px;} .x1-bus3 .left .box li{font-size:18px;line-height:48px;position:relative;} .x1-bus3 .left .box li:before{content:"\f00c";font-family:cmsfont;color:var(--public-color);display:inline-block;margin-right:12px;} .x1-bus3 .left .box .more{background:var(--public-color);border:1px solid var(--public-color); color:#fff;display:inline-block;margin-top:50px;text-transform:uppercase;padding:15px 45px;} .x1-bus3 .left .box .more:hover{background:#fff;color:var(--public-color);transition:all 0.5s;} .x1-bus3 .right{width:60%;} .x1-bus4{width:50%;margin:100px auto 60px;box-shadow:0 0 30px rgba(0, 0, 0, 0.1);padding:50px 60px;border-radius:10px;overflow:hidden;} .x1-bus4 .x1-bus4-t1{text-align:center;font-size:32px;line-height:48px;color:var(--public-color);margin-bottom:30px;font-weight:bold;} .x1-bus5{padding:0 0 100px;text-align:center;font-size:18px;line-height:32px;} .x1-bus5 a{color:var(--public-color);text-decoration:underline;} @media (max-width:768px) { .bus.banner{background:#b92026;height:300px;} .other.banner.bus .t1{font-size:22px;width:100%;margin-top:30px;} .other.banner.bus p{width:100%;} .other.banner.bus .more-box .more{width:50%;min-width:auto;margin:0 5px;font-size:14px;} .x1-bus1{padding:30px 0 0px;} .x1-bus-t1{font-size:22px;line-height:28px;margin-bottom:30px;} .x1-bus-pro .img{padding:0 20px;} .x1-bus-pro .title{font-size:16px;line-height:22px;padding:0 10px;} .x1-bus-pro .desc{padding:0 10px;font-size:14px;line-height:20px;} .x1-bus-pro .ly{display:none;} .x1-bus1 .col-md-3{margin-bottom:15px;} .x1-bus2 .col-md-4{margin-bottom:15px;} .x1-bus2 .x1-bus-z1{font-size:14px;line-height:22px;margin-bottom:20px;} .x1-bus2{padding:30px 0 0;} .x1-bus2 .x1-bus-app .title{font-size:16px;line-height:22px;height:auto;} .x1-bus2 .x1-bus-app .desc{font-size:14px;line-height:20px;} .x1-bus3{padding:30px 0 0;} .x1-bus3 .left{width:100%;padding:0 15px;} .x1-bus3 .left .box{width:100%;} .x1-bus3 .right{width:100%;margin-top:20px;} .x1-bus3 .left .box li{font-size:16px;line-height:24px;} .x1-bus3 .left .box .more{margin-top:25px;} .x1-bus4{width:90%;margin:30px auto;padding:30px 15px;} .x1-bus4 .x1-bus4-t1{font-size:20px;line-height:30px;} .x1-bus5{padding:0 0 30px;font-size:14px;line-height:22px;} }