/*通用样式*/ :root{ --public-color:#e60013; --max:1430px; } .img-responsive{max-width:100%;height:auto} /*#region thumb-items*/ .thumb-selectors {overflow: hidden;clear: both;margin:0 0 10px 0;padding:15px;} .product-thumb{border: none;} /* .justify-content-center{justify-content: flex-start !important;} */ @font-face { font-family: "DINOT"; src: url("../../style/Fontss/DINOT-Regular.otf"); } @font-face { font-family: "DINOT-Bold"; src: url("../../style/Fontss/DINOT-Bold.otf"); } @font-face { font-family: "DINOT-Medium"; src: url("../../style/Fontss/DINOT-MEDIUM.TTF"); } @font-face { font-family: "SegoeUI"; src: url("../../style/Fontss/segoeui.ttf"); } @font-face { font-family: "SegoeUI-Bold"; src: url("../../style/Fontss/segoeuib.ttf"); } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px);} body{color:#666666;font-weight: 400;font-size:16px;line-height:22px;font-family: 'Roboto', sans-serif;cursor: default;} a{display:inline-block;transition: all .6s;} a:hover{color: var(--public-color) !important;} .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} } .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;top:0;left:0;pointer-events:none} .max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;overflow-x: clip;} .max-1830px{max-width: 1830px;} .max-1800px{max-width: 1800px;} .max-1790px{max-width: 1790px;} .max-1750px{max-width: 1750px;} .max-1740px{max-width: 1740px;} .max-1690px{max-width: 1690px;} .max-1680px{max-width: 1680px;} .max-1650px{max-width: 1650px;} .max-1640px{max-width: 1640px;} .max-1630px{max-width: 1630px;} .max-1610px{max-width: 1610px;} .max-1600px{max-width: 1600px;} .max-1590px{max-width: 1590px;} .max-1570px{max-width: 1570px;} .max-1560px{max-width: 1560px;} .max-1540px{max-width: 1540px;} .max-1530px{max-width: 1530px;} .max-1480px{max-width: 1480px;} .max-1440px{max-width: 1440px;} .max-1430px{max-width: 1430px;} /*header*/ .dropdown-item.active, .dropdown-item:active{color: var(--public-color);} .in-header .header{position: relative;} .in-header .header .header-top{padding: 10px 0;} .in-header .header .header-nav{align-items: center;} .header{position: fixed;left: 0;top: 0;width: 100%;z-index: 99;padding: 0;transition:all 0.75s ease} .header .max-1830px{max-width: 1830px;} .header .row-nav{display: flex;align-items: center;} .header .header-nav{display: flex;align-items: center;justify-content: space-between;} .header .header-nav .top-logo{min-width: 320px;width: 320px;;padding:0;} /* .header .header-top{padding-top: 6px;} */ .header .header-top .toch{margin-right: 25px;} .header .header-top .toch a{background-color: var(--public-color);border: 1px solid var(--public-color);color: #333;font-size: 14px;width: 140px;min-width: 140px;height: 40px;display: flex;align-items: center;justify-content: center;} .header .header-top .toch a:hover{background-color: #fff;color: var(--public-color) !important;} .header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: auto;position: inherit;} .header-top .navbar-custom{position: inherit;} .header-desc{background:#f1f1f1; padding: 8px 0;} .header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;} .header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;} .top-tel{color: #666666;font-size: 16px;display: flex;width: 40%;} .top-tel a{color: #666666;} .top-tel a:hover{color: #2455bf; transition: all 0.3s;} .top-lang{text-transform:uppercase;margin-left: 5px;} .dropdown.lang .dropdown-toggle:after{color: #fff;} .dropdown.lang .dropdown-menu {right: -40px;left: inherit;} .top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;padding:0 3px 0 0;font-weight: 400;color:#fff;font-size: 18px;} .public-social span,.public-social a{border-radius:5px;} .navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 0px;} .navbar .dropdown.pc >.dropdown-menu{left: -15px;} .navbar .dropdown.pc >.dropdown-menu .dropdown-item{font-size: 15px;line-height: 24px;} .header .topcontact{display: flex;justify-content: flex-end;align-items: center} .header .topcontact li::after{content: "";width: 1px;height: 17px;background-color: rgba(255,255,255,.2);display: inline-block;margin-left: 20px;margin-right: 20px;} .header .topcontact li:nth-last-of-type(1)::after,.header .topcontact li:nth-last-of-type(2)::after{display: none;} .header .topcontact a.font-sty,.header .topcontact .icon{color: #fff;font-size: 16px;} .header .topcontact .cmsfont{padding-right: 15px;} .header .head-top-a{background-color: #333333;height: 40px;display: flex;align-items: center;} .header .header-top{padding: 10px 0} .header .social>span{background-color: #fff !important;color: #333 !important;width: 18px;height: 18px;} .header .social .hover-2{color: #fff !important;} .header .social .hover-2::before,.header .icon-instagram:before{font-size: 21px !important;} .header .social>a.social-pinterest{background-color: #fff !important;color: #333 !important;width: 18px;height: 18px;} .header .social-all .social{width: 18px;height: 18px;} .header .social>a{font-size: 21px;} .header .social-all{margin-left:36px} .header .social-all .social + .social{margin-left: 20px;} /*默认pc头部样式*/ .header.fadeInDown{padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;border-bottom: 1px solid var(--public-color); background-color: #fff;animation-name: none, none; animation-delay: 0.0s, 0.6s; animation-duration: 0.6s, 0.6s; animation-iteration-count: 1, 1; box-shadow:0px 10px 80px 0px rgba(99,99,99,0.1)} /* .header.fadeInDown .header-top {padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;background-color: #000;} */ .header.fadeInDown .navbar-custom .navbar-nav .nav-link, .header.fadeInDown .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after, .header.fadeInDown .top-lang .dropdown.lang .dropdown-toggle, .header.fadeInDown .dropdown.lang .dropdown-toggle:after, .header.fadeInDown .top-search-box .search-tb i{color: #333;} .in-header .header .navbar-custom .navbar-nav .nav-link, .in-header .header .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after, .in-header .header .top-lang .dropdown.lang .dropdown-toggle, .in-header .header .dropdown.lang .dropdown-toggle:after, .in-header .top-search-box .search-tb i{color: #333;} .header.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle, .header.fadeInDown .navbar-custom .navbar-nav .active .nav-link, .header.fadeInDown .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after, .header.fadeInDown .navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after{color: var(--public-color);} .dropdown-toggle::after{margin-left: 0;} .all-font{font-family: 'Archivo';} /*默认导航样式*/ .navbar{padding:0px;position:relative;z-index:9999} .navbar-custom{top:0;z-index:2;justify-content:end} .navbar-custom .navbar-nav .nav-item{margin: 0 10px;height: 50px;} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle,.navbar-custom .navbar-nav .active .nav-link,.navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after{color: var(--public-color);} .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#fff;height: 100%;display:flex;align-items: center;justify-content: center;font-size:18px;line-height:22px;padding: 0;font-weight: 500;letter-spacing: -.2px;} .navbar-custom .navbar-nav .nav-link:before {content:"";width:0px;height:5px;margin-left:0!important;background:var(--public-color);position:absolute;bottom: 0;border-radius: 2px;transition: all .6s;} .navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav .active .nav-link:before{width:100%;transition:all .6s} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{padding:0 5px 0 5px;} .dropright .dropdown-toggle::after{margin-top:0;} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color)} .navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color);transition:.6s ease-in-out;transform: none !important;} .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)} .navbar-custom .navbar-nav .nav-item>.dropdown-menu .dropdown-toggle{color: #16181b !important;display: flex;align-items: center;justify-content: space-between;} .navbar-custom .navbar-nav .nav-item>.dropdown-menu .dropright:hover .dropdown-toggle{color: var(--public-color) !important;} /* @media(max-width:1480px) { .navbar-custom .navbar-nav .nav-item { margin: 0 15px; } } */ @media(max-width:1470px) { .navbar-custom .navbar-nav .nav-link {font-size: 17px;} .navbar-custom .navbar-nav .nav-item {margin: 0 8px;height: 80px;} .header .header-top .toch{margin-right: 10px;} } @media(max-width:1380px) { .header .header-nav .top-logo {min-width: 280px;width: 280px;} .navbar-custom .navbar-nav .nav-link {font-size: 16px;} .navbar-custom .navbar-nav .nav-item {margin: 0 5px;} .header .header-top .toch{margin-right: 0;} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after {padding: 0 5px;} } @media(max-width:1270px) { .header .header-top .toch{display: none;} .top-search-box{margin-right: -3px !important;} } @media(max-width:768px) { body { padding-top: 50px; } } /*移动端头部样式*/ @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:var(--public-color);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:#fff} .main-mask{position:absolute;top:0;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:1000;display:none} } /*#endregion*/ /*#region 移动端栏目列表*/ .menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; } .menu-collapse .collapse-title { padding: 0.875rem; background: var(--public-color); color: #fafafa; } .menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; } .menu-collapse .collapse-title .navbar-toggler { color: #fff; } .menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 } .menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; } .menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: var(--public-color) } .menu-collapse .menu-link:hover { background: #f8f9fa; } .menu-collapse .drop { } .menu-collapse .menu-link.active { background: #f6f6f6; color: #666 } /* 浮窗 */ .ico-cont{margin-bottom: 6px;width: 70px;display: block;cursor: pointer;} .ico-cont .ico-img { height: 55px; margin: 0 4px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 31px 31px 2px 2px; display: flex; justify-content: center; align-items: center; background-color: #fff; } .ico-cont .ico-img img{border-radius: 100%;mix-blend-mode: multiply;} .ico-cont p{width: 100%;height: 25px;background-color: #333333;color: #ffffff;font-size: 12px;letter-spacing: 0;text-align: center;transition: all 0.3s ease-in-out;} .ico-cont:hover p{background-color: #43c10b;} .tk-cont{height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;transform: translateY(5px);} .tk-cont svg{color: #ffffff;margin-bottom: 5px;transform: scale(1.5);} .tk-t1{font-size: 12px;line-height: 14px;color: #ffffff;font-weight: 300;} #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:70px;height:60px;text-align:center;position:relative;cursor:pointer;background:#43c10b} #float .ico>i{font-size:30px;line-height:60px;display:block;color:#fff;position:relative;z-index:9999;background: #43c10b;border-top:1px solid #fff} #float .ico:first-child>i{border-top:0px solid #fff} #float .ico>.img{position:absolute;right:70px;width:140px;top:0;display:none;background-color:#fff} #float .ico>.img>img{width:100%} #float .ico .cata{position:absolute;top:0;border-radius:0;right:-350px;line-height:60px;font-size:16px;height:60px;;color:#FFF;transition:all .6s;z-index:0;white-space:nowrap;z-index: -1;} #float .ico:hover>.img{display:block} #float .ico:hover{background-color: #008300;} #float .ico:hover .cata{right:100%;height: 220px;} #float .ico .cata-xl{display: flex;flex-direction: column;align-items: center;background-color: #ffffff;box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.12);margin-right: 20px;position: relative;padding: 15px;border-radius: 8px;} #float .ico .cata-xl::after{content: "";border-left: 6px solid #fff;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;top: 15px;margin-top: -6px;right: -6px;} #float .ico .cata-xl span{display: inline-block;} #float .ico .cata .s1{font-size: 14px;line-height: 14px;color: #666666;font-weight: 300;} #float .ico .cata .s2{margin: 5px 0 0px;} #float .ico .cata .s3{font-size: 14px;line-height: 17px;color: #1e88dc;font-weight: 300;} #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:var(--public-color);transition:none} #float.hide{transform:translateX(56px)} #float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out} #float.hide .scale-ico i{transform:rotate(180deg);border-top: 1px solid transparent} #float .ico#scroll-top{display:block!important;} @media (min-width:1px) and (max-width:991px){ #float .ico{width:40px;height:40px} #float .ico>i{font-size:22px;line-height:40px} #float .ico>.img{right:40px} #float .ico p{line-height:40px;padding:0 15px;height:40px} #float.hide{transform:translateX(40px)} #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))} } /*默认详情设置*/ .content-wrapper { line-height: 1.7; margin-bottom: 0rem; } .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 #dcdcdc; text-align: center; } */ .content-wrapper table p{ margin-bottom: 0;line-height: 32px;} /*#表格*/ /* .table-wrapper table tbody tr:hover{background-color: rgba(230, 61, 51, .1);} */ .table-wrapper table thead th{text-align: center;color: #fff;padding:15px 0;vertical-align: middle;font-weight: 500;} .table-wrapper table thead{background-color: #eff5fc;} .table-wrapper table th{background-color: #eff5fc;color: #fff;padding: 20px 15px 20px 60px;font-weight: 400;font-size: 14px;border: solid 1px #fff;text-align: left;} .table-wrapper table td{padding: 10px 5px 10px 35px; vertical-align: middle; font-size:16px;line-height:26px;color: #666;font-weight: 400;text-align: left;border: solid 1px #dddddd;;padding-left: 20px;letter-spacing:0.01em;} .table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .table-wrapper table tr:first-child{background-color: #dddddd !important;border: solid 1px #dddddd;;border-bottom: none;} .table-wrapper table tr:first-child td{border:none;font-size: 18px;color: #333333;padding-top: 15px;padding-bottom: 15px;font-weight:600} .table-wrapper table tr:nth-child(even){background-color: #ffffff;} .table-wrapper table tr:nth-child(odd){background-color: #fef7f8;} @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;line-height: 48px;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} .reveal-modal .close-reveal-modal:hover{color: var(--public-color);} .reveal-modal .input-group-text img{width: 100%;height: auto;} .reveal-modal .form-row .btn-box .a-yx{height: 50px;} @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} } button:focus { outline: none; box-shadow: none; } /*#留言表单*/ #mb-feedback .input-group-text img{width: 100%;height: auto;} #mb-feedback .form-row .btn-box .a-yx{width: 100%;height: 50px;} #mb-feedback .form-row .btn-box .a-yx:hover::before,#mb-feedback .form-row .btn-box .a-yx:focus::before{border-radius: 4px;} #mb-feedback .form-row .btn-box{padding: 0 10px;display: flex;flex-direction: column;align-items: flex-end;} .all-feedback .form-cap{position: relative;} .all-feedback .form-row .btn-box{position: static;} .all-feedback .form-cap .feedback-result ,.all-feedback .form-cap .popup{position: absolute !important;top: 50px;right: 0;width: 100%;text-align: center;} .form-control:focus{border-color: var(--public-color);} .form-row{margin: 0 -5px !important;} .form-feedback .form-control{padding: 15px 20px 15px 25px;border-color: transparent;background-color: #f8f8f8;} .form-row .form-control::placeholder{font-size: 16px;line-height: 32px;color: #999999 !important;letter-spacing: -.8px;} .form-group{position:relative;padding:0 5px !important;margin-bottom: 10px;} .form-group:has(input[required])::before, .form-group:has(textarea[required])::before{content: "*";color: var(--public-color);display: inline-block;position: absolute;left: 15px;top: 15px;z-index: 1;} .form-group:has(textarea[required])::before{top: 20px;} .form-row .btn-box{margin-top: 0px;padding: 0 5px;} .form-row .btn-box .a-yx{display: inline-flex;justify-content: center;align-items: center;width: 100%;font-size: 18px;font-weight: bold;border-radius: 4px;letter-spacing: -.6px;} .form-row .btn-box .a-yx:hover::before{border-radius: 4px;} .input-group-text{border-color: #f8f8f8;padding: 0;background-color: #eff1f0;border-radius: 0;} .input-group-text img{width: auto;height: 100%;mix-blend-mode: darken;} .form-cap{margin-top: 10px !important;} .input-group-append{border: solid 1px #EFF1F0;mix-blend-mode: darken;} .all-from .form-group{margin-bottom: 20px;padding: 0 10px !important;} .all-from .form-group:has(input[required])::before, .all-from .form-group:has(textarea[required])::before{left: 25px;} @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} } .popup{font-size:14px;line-height: 20px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#ff7633 0%,#ff7633bd 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} .feedback-result{font-size: 14px;line-height: 20px;} /*#搜索*/ .search-group{width:180px;height:40px;overflow:hidden;border:1px solid var(--public-color);border-radius:10px;overflow:hidden} .search-group .form-control{border:none;border-radius:0px;background:transparent;color:rgba(0,0,0,0.5);height:40px;line-height:40px} .search-group .form-control::-webkit-input-placeholder{color:rgba(0,0,0,0.5)} .search-group .btn{background-color:var(--public-color);border-radius:0px;height:auto;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0} .search-group i{color:#333;font-size:1.5rem} .top-search-box li .top-search{border-radius:10px} .top-search-box{cursor:pointer;z-index:10;border-radius:5px;margin-right:5px;margin-left:5px;width:30px;height:auto;display:flex;justify-content:center;position:relative} .top-search-box i{color:#fff;font-size:16px;font-weight:500} .top-search-box i.icon-1{color:#ffffff} .top-search-box li .top-search{opacity:1;height:auto;overflow:hidden;width:auto;padding:0} .top-search-box .top-search{opacity:1;transition:all 0.8s;position:absolute;right:-7px;top:30px;z-index:99;padding:0;background-color:#fff;display:block;animation:fadeIn 0.5s ease-in-out} .top-search-box .top-search.show{opacity:0;overflow:hidden;transition:all 0.9s;display:none} .top-search-box .input-group-append{margin:-1px} /*banner*/ .banner-text{text-align:left} .home-banner .banner-t1{font-size:58px;font-weight:bold;letter-spacing:-2px;margin-bottom:35px} .home-banner .text{font-size:18px;line-height: 26px;} .home-banner .home-cont{max-width:880px;width:880px} .mySwiper-home-banner{position:relative} .home-banner-pag{position:relative;top:-60px !important;bottom:auto !important;left:15px !important;text-align:left;max-width:1430px;margin:auto} .home-banner-pag span{opacity:.6;width:12px;height:12px} .home-banner-pag span.swiper-pagination-bullet-active{opacity:1} .all-banner .content{width:65%;margin-top:150px} .all-banner h1{font-size:48px;font-weight:bold;letter-spacing:0.01em;margin-bottom:15px} .all-banner .cont{font-size:18px;line-height:32px} .app-in-banner .small-nav{top: 100px !important;} @media(max-width:768px){ .home-banner .banner-t1{font-size:38px;margin-bottom:0px} .home-banner .text{display:none;} .home-banner .home-cont{width:100%;} .top-search-box .top-search{top:30px;right:-7px;width:100%;} .top-search-box .top-search.show{opacity:0;overflow:hidden;transition:all 0.9s;display:none} .top-search-box .input-group-append{margin:-1px} .top-search-box .form-control{width:100%;} .top-search-box .form-control::placeholder{font-size:14px;} .top-search-box .form-control:focus{font-size:14px;} .top-search-box .form-control:focus::placeholder{font-size:14px;} .top-search-box .form-control:focus::placeholder{font-size:14px;} } .footer-hr{border:0;height:1px;background-color:var(--public-color)} .footer{padding-top:85px;font-family: 'DINOT', sans-serif;} .footer .footer-top{padding-bottom:50px} .footer .footer-top>div{display:flex;justify-content:space-between;font-weight:350} .footer .list-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:25px} .footer .footer-logo{width:auto} .footer .list-1 .h4{position:relative;padding-left:35px;font-size:20px;line-height:28px;color:#666666;letter-spacing:0.01em;font-weight: 350;font-family: 'DINOT-Medium';} .footer .list-1 .h4::before{content:"";width:1px;height:calc(100% - 10px);background-color:#d6d6d6;display:inline-block;position:absolute;left:0;top:7px} .footer .list-1 .text{font-size:16px;line-height:24px;color:#999999;margin-bottom:25px;letter-spacing:0.02em} .footer .list-1 li{font-size:16px;line-height:22px;color:#999999;margin-bottom:0px;position:relative;padding-left:25px;margin-bottom:10px} .footer .list-1 li::before{content:"\f00c";font-family:'cmsfont';color:var(--public-color);font-size:16px;font-weight:bold;position:absolute;left:0;top:0} .footer .list-1 li:last-child{margin-bottom:0} .footer .a-yx{min-width:275px;width:275px;font-size:16px;line-height:22px;letter-spacing:-1px;font-weight:bold;gap:15px;padding:0} .footer .a-yx img{filter:brightness(0) invert(1)} .footer .a-yx:hover img{filter:none} .footer .t1{font-size:22px;line-height:32px;color:var(--public-color);font-family: 'DINOT-Bold';letter-spacing:0px;margin-bottom:55px} .footer .list-1{width:40%} .footer .font-sty{font-size:16px;line-height: 24px;color:#666666;margin-bottom:10px;position:relative;padding-left:15px} .footer .list-1 .box{display:flex;flex-wrap:wrap;justify-content:space-between} .footer .list-1 .font-sty{flex:0 0 45%} .footer .list-2{width:18%;min-width:200px} .footer .list-2 a:hover{text-decoration:underline;text-underline-offset:0.3em;text-decoration-thickness:2px} .footer .list-2 a::before{content:"";width:4px;height:4px;border-radius:100%;background-color:var(--public-color);position:absolute;left:0;top:8px} .footer .list-3{width:24%} .footer .list-3 .d{display:grid;grid-template-columns:20px auto;gap:0} .footer .list-3 .icon{line-height:22px;color:var(--public-color);opacity:.7;padding-left:4px} .footer .social-cont{display: flex;align-items: center;gap: 20px;} .footer .social-cont>div{flex:1;max-width:40px;max-height:40px;} .footer .social-cont a{max-height:40px !important;display: inline-flex;justify-content: center;align-items: center;} .footer .social-cont a:hover{opacity:0.8;color:#fff !important;} .footer .instagram{background: linear-gradient(15deg,#ffc851,#f04c5a,#c837ab, #8739c9);padding: 0;margin: 0;} .footer .instagram .icon{font-size: 30px;margin: 0 -4px 0 0;} .footer .box-2 .hover-1,.footer .box-2 .hover-2{width: 40px;aspect-ratio: 1/1;display: inline-flex;justify-content: center;align-items: center;color: #fff !important;} .footer .box-2 .hover-1::before,.footer .box-2 .hover-2::before{font-size: 20px;width: auto;} .footer .footer-bottom{font-size:16px;line-height:28px;color:#999999;padding:30px 0;border-top:1px solid #dddddd;display:flex;justify-content:space-between;align-items:center} .footer .footer-bottom .copy{display:flex;} .f-b-box{display:flex;align-items:center;gap:80px} .f-b-box a{background-color:var(--public-color);color:#fff;border-color:var(--public-color);width:230px;border-radius:20px;height:40px;font-size:13px;line-height:22px;font-weight:bold;letter-spacing:-.4px} .f-b-box .a-yx-1:hover:before{background-color:#fff} .f-b-box .a-yx-1:hover,.f-b-box .a-yx-1:focus{color:var(--public-color) !important} .small-nav{position: absolute;left: 0;top: 150px;width: 100%;} .small-nav ul{display: flex;align-items:center;flex-wrap: wrap;max-width:1400px;margin: auto;} .small-nav ul a{font-size:16px;line-height:28px;color:#fff;} .small-nav ul li::before{content: ">";font-family: 'Poppins';font-weight: 400;line-height: 28px;font-size: 16px;padding: 0 15px;color:#fff;position: static;} .small-nav ul li:first-child::before{display: none;} .small-nav ul li:last-child a{color: #999;} .small-nav ul li{display: flex;align-items: center;padding-left: 0;} .in-banner{padding-top: 25px;} .in-banner .small-nav{position: static;} .in-banner .small-nav ul a{color:#666666;} .in-banner .small-nav ul li::before{color: #666666;} .in-banner .small-nav ul li:nth-last-child(1)::before{color: #999999;} .in-banner .small-nav ul li:last-child a{color: #999999;} /*共有的类名*/ .title{font-size:48px;line-height:52px;color:#231F20;font-weight:500;letter-spacing: 0px;} .title.title-c{text-align: center;} h1.h1{font-size: 40px;line-height: 58px;color: #333;font-weight:bold;} .t1{color: #333;} .h6{font-size: 20px;-weight: 500;} .dfrsb{display: flex;justify-content: space-between;} .dfrsbc{display: flex;justify-content: space-between;align-items: center;} .dfcsb{display: flex;flex-direction: column;justify-content: space-between;align-items: center;} .dfcsbc{display: flex;flex-direction: column;justify-content: space-between;} .dfrcc{display:flex;justify-content: center;align-items: center;} /* ul li{position: relative;padding-left: 35px;margin-bottom: 0px;} */ /* ul li::before{content: "\f00c";font-family: 'cmsfont';font-size: 24px;line-height: 32px;position: absolute;left: 0;top: 0px;color: var(--public-color);} */ .top-head.t-h-c{text-align: center;margin-left: auto;margin-bottom: auto;} .img img.block{display: block;animation: bounceIn 1s;} .img img.red{display: none;animation: bounceIn 1s;} .row-line{position: relative;} .row-line::after{content: url(../../images/new-sign-1.webp);position: absolute;left: 0;bottom: -45px;} .top-head-c{text-align: center;} span.r{color: var(--public-color);} .title span.r{font-weight: bold;} hr{background-color: var(--public-color);border-top: 1px solid var(--public-color);} .all-line::before{content: "";width: 9px;height: 28px;display: inline-block;position: relative;top: 5px;margin-right: 10px;transition: all .3s ease-in-out;} .all-style{position: relative;padding:0px;} .all-swiper{overflow: hidden;} .all-hover{transition: all .3s ease-in-out;background-color: #ffffff;border-radius: 4px;border: solid 2px #dddddd;font-weight: bold;width: 60px;height: 60px;opacity: 1;} .all-hover::after{font-size: 26px;font-weight: 400;font-family: 'cmsfont';color: #333333;} .all-hover:hover::after{color: #fff;} .all-hover:hover{background-color: var(--public-color);border-color: var(--public-color);opacity: 1;} .all-hover-next{right: -40px;} .all-hover-prev{left: -25px;} .all-hover-next::after{content:'\f105';} .all-hover-prev::after{content: '\f104';} @media(max-width:1500px){ .all-hover-next{right: 0;} .all-hover-prev{left: 0;} } .all-hover-1::after{color: #333333;font-size:34px;font-weight: bold;} .all-hover-next-1{right: 40px;} .all-hover-prev-1{left: 40px;} /* From Uiverse.io by nikk7007 */ .a-yx{font-size:18px;line-height:22px;color:#fff;background-color:var(--public-color);border:2px solid var(--public-color);letter-spacing:0px;font-weight:bold;height:50px;padding:0 48px;display:inline-flex;align-items:center;justify-content:center;border-radius:30px;position:relative;transition:0.3s ease all;z-index:1} .a-yx:before{content:'';transition:0.5s all ease;position:absolute;top:0;left:50%;right:50%;bottom:0;opacity:0;background-color:#fff;z-index:-1;border-radius:30px} .a-yx:hover{color:white} .a-yx:hover:before,.a-yx:focus:before{transition:0.5s all ease;left:0;right:0;opacity:1} .a-yx:hover{color:var(--public-color)} .a-yx:focus{color:var(--public-color)} .a-yx-1{font-size:20px;line-height:22px;width:auto;color:#333333;background-color:#fff;border:2px solid #fff;letter-spacing:0px;font-weight:400;height:60px;padding:0 30px;display:inline-flex;align-items:center;justify-content:center;border-radius:30px;position:relative;transition:0.3s ease all;z-index:1} .a-yx-1:before{content:'';transition:0.5s all ease;position:absolute;top:0;left:50%;right:50%;bottom:0;opacity:0;background-color:#333333;z-index:-1;border-radius:30px} .a-yx-1:hover,.a-yx-1.active{color:#fff !important} .a-yx-1:hover:before,.a-yx-1.active:before{transition:0.5s all ease;left:0;right:0;opacity:1;background-color:var(--public-color)} .a-yx-1:hover{color:#fff} .a-yx-1:focus{color:#fff} .home-paper{padding-top:130px} .home-sol{margin-bottom:100px} .home-sol .top-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:80px} .home-sol .title{font-size:40px;width:41%;font-weight:600;line-height:56px} .home-sol .top-head .text{line-height:26px;width:56%} .home-sol .list{position:relative;transition:all .3s ease-in-out} .home-sol .box{position:absolute;left:0;top:0;width:100%;height:100%;padding:45px 40px 40px 40px} .home-sol .img{background-color:#000;display: flex;justify-content: center;align-items: center;} .home-sol .img img{opacity:.7;width: auto;min-height: 365px;} .home-sol .t1{font-size:21px;line-height:32px;color:#fff;font-weight:bold;margin-bottom:30px;text-transform:uppercase} .home-sol .cont{font-size:16px;line-height:28px;color:#fff;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;opacity:0;transition:all .3s ease-in-out} .home-sol .jump{position:absolute;right:40px;bottom:40px;filter:brightness(0) invert(1)} .home-sol .jump:hover{filter:none} .home-sol .list.hover .img img{opacity:.3} .home-sol .list.hover .cont{opacity:1} .home-sol .all-hover{top:40%} .home-sol .content{margin-bottom:40px} .home-sol .h3{font-size:24px;line-height:32px;color:#333;font-weight:bold;letter-spacing:-1px;margin-bottom:35px} .home-sol ol{display:grid;grid-template-columns: repeat(4,1fr);gap:20px;} .home-sol ol li{height: 40px;background-color: rgba(230,0,19,.05);padding: 0 15px;font-size: 16px;line-height: 28px;color: #333;letter-spacing: -.8px;} .home-sol ol li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;} .home-production{margin-bottom: 95px;} .home-production .img,.home-production .img img{border-radius: 20px;} .home-production .img{background-color: #e9e9e9;} .home-production .img img{mix-blend-mode: darken;} .all-production .title{margin-bottom: 40px;font-size: 40px;font-weight: 500;} .all-production .title span{display: block;} .all-production ul{display: flex;gap:10px;margin-bottom: 25px;} .all-production ul li{font-size: 17px;line-height: 22px;color: #333;padding: 0 15px 0 20px;height: 38px;display: flex;align-items: center;border-radius: 19px;transition: all .3s ease-in;cursor: pointer;} .all-production ul li.active,.all-production ul li:hover{background-color: var(--public-color);color: #fff;} .all-production .content{position: relative;} .all-production .content-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;;transition: all .3s ease-in-out;} .all-production .content-xl.two{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;} .all-production .content-xl.two .items .img{height: 380px;display: flex;justify-content: center;align-items: center;} .all-production .content-xl.active{position: relative;z-index: 1;opacity: 1;} .all-production .items{position: relative;overflow: hidden;} .all-production .t1{font-size: 32px;line-height: 32px;color: #fff;font-weight: bold;letter-spacing:0.01em;gap:10px;display: flex;align-items: flex-start;margin-bottom: 10px;} .all-production .t1:hover img{filter: brightness(0) invert(1);} .all-production .t1 img{transition: all .3s ease-in-out;} .all-production .a{margin-top: 20px;} .all-production .a-yx{font-size: 16px;height: 50px;padding: 0 30px;border-radius: 25px;} .all-production .box{position:absolute;left:0;bottom:0;background-color:rgba(34,34,34,.9);border-radius:0px 20px 0px 20px;height:110px;width:auto;display:flex;flex-direction:column;justify-content:center;padding-left:40px;padding-right:20px;transition:height 0.4s cubic-bezier(0.4,0,0.2,1),box-shadow 0.4s cubic-bezier(0.4,0,0.2,1),background 0.4s cubic-bezier(0.4,0,0.2,1);max-width:500px;overflow:hidden} .all-production .box .cont{display:block;line-height:22px;color:#fff;opacity:0;max-height:0;transform:translateY(15px);transition:opacity 0.4s cubic-bezier(0.4,0,0.2,1),max-height 0.4s cubic-bezier(0.4,0,0.2,1),transform 0.4s cubic-bezier(0.4,0,0.2,1);pointer-events:none} .all-production .box:hover{height:150px;box-shadow:0 8px 32px 0 rgba(0,0,0,0.11);background-color:rgba(34,34,34,1)} .all-production .box:hover .cont{opacity:.8;max-height:65px;transform:translateY(0);pointer-events:auto} .all-production .box .t1{transition:margin-bottom 0.4s cubic-bezier(0.4,0,0.2,1)} .all-production .box:hover .t1{margin-bottom:10px} .home-apart{margin-bottom: 110px;} .home-apart .title{font-size: 42px;font-weight: 500;margin-bottom: 45px;} .home-apart .swiper-slide{height: auto;} .home-apart .list{height: 100%;background-color: rgba(230, 0, 19, .05);border-radius: 20px;padding:30px;text-align: center;} .home-apart .list p{font-size:20px;font-weight:400;color: #333333;} .home-apart-box{position: relative;margin: auto;display: flex;justify-content: center;align-items: center;gap: 15px;margin-top: 25px;} .home-apart-pag{position: static;display: inline-flex;align-items: center;gap: 10px;width: auto !important;} .home-apart-pag span{background-color: #dddddd;width: 9px;height: 9px;margin: 0 !important;} .home-apart-pag span.swiper-pagination-bullet-active{width: 13px;height: 13px;background-color: var(--public-color);} .home-apart-box .all-hover-1{position: static;margin-top: 0;} .home-apart-box .all-hover-1::after{font-size: 20px;} .home-about {background-color: #f8f8f8;} .home-about .content{display: flex;justify-content: space-between;align-items: center;} .home-about .left{width: 43%;} .home-about .right{width: 55%;} .home-about .right img{mix-blend-mode: darken;} .home-about .title{font-size:40px;color: var(--public-color);font-weight:600;margin-bottom: 80px;} .home-about .title span{display: block;color: #333333;font-weight: 400;letter-spacing: -2.4px;} .home-about .text{margin-bottom: 35px;color: #666666;} .home-about .a-yx{font-size: 16px;height: 50px;width: 190px;letter-spacing: 0;} .home-quality{padding-top:120px;;} .home-quality .title{margin-bottom:120px;font-size: 40px;line-height: 48px;font-weight: 400;} .home-quality .title span{display: block;} .home-quality .small-box{display: flex;gap: 60px;margin-bottom: 55px;} .home-quality .list{display: grid;grid-template-columns: 60px auto;align-items: center;gap: 20px;} .home-quality .box{display: flex;gap: 10px;} .home-quality .h3{font-size: 32px;font-weight: bold;color: #333;letter-spacing: -1px;display: flex;} .home-quality .list p{font-size: 18px;color: #333;font-weight: 500;letter-spacing: -.6px;} .home-quality .content{display: flex;justify-content: space-between;gap: 25px;} .home-quality .items{flex: 1;background-color: #e9e9e9;border-radius: 26px;min-height: 300px;padding: 35px 45px 25px 48px;transition: all .3s ease-in-out;} .home-quality .items:hover{transform: translateY(-3px)} .home-quality .img{width: 56px;height: 56px;background-color: #fff;border-radius: 100%;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;} .home-quality .t1{font-size: 24px;line-height: 28px;color: #333;font-weight: bold;letter-spacing: -.8px;margin-bottom: 25px;} .home-quality .cont{font-size: 18px;line-height: 28px;color: #666; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-case{padding:120px 0;} .all-case .title{margin-bottom:80px;font-size: 40px;line-height: 48px;} .all-case-xl{background-color: rgba(244, 244, 244, .7);} .all-case .content{display: flex;justify-content: space-between;align-items: center;gap:30px;} .all-case .left{width:auto;position:relative;} .all-case .right{width: 38%;} .all-case .left img{mix-blend-mode: darken;} .all-case .left::before{content:"";height:100%;width: 50px; background: url('data:image/svg+xml;utf8,') no-repeat right center; display: inline-block; position: absolute; right:-1px; z-index: 9; } .all-case .t1{font-size: 32px;line-height: 46px;color: #333;font-weight: bold;letter-spacing: 0px;margin-bottom: 25px;} .all-case .cont{font-size: 18px;line-height: 28px;color: #666;margin-bottom: 35px;} .all-case .a-yx{font-size: 16px;width: 240px;border-radius: 25px;height: 50px;letter-spacing: 0;} .all-partner{display: flex;align-items: center;padding-right: 50px;padding-left: 110px;position: relative;margin-top: 120px;} .all-partner .list{display: flex;justify-content: space-between;align-items: center;} .all-partner .text{width: 55%;font-size: 18px;line-height: 32px;color: #666666;} .all-partner .people{display: grid;grid-template-columns: 83px auto;align-items: center;justify-content: flex-end;gap: 30px;min-width: 380px;width: 450px;position: relative;padding-left: 70px;} .all-partner .people::before{content: "";width: 2px;height: 70px;background-color: #ddd;position: absolute;left: 0;} .all-partner .name{font-size: 24px;line-height: 28px;color: #333;font-weight: bold;letter-spacing: -.8px;} .all-partner .site{font-size: 18px;line-height: 22px;color: #666;letter-spacing: -.8px;margin-top: 10px;} .all-partner .all-hover-1{top: 15% !important;margin-top: 0 !important;} .all-partner .all-hover-1:hover::after{color: var(--public-color);} .home-precision{margin-top:0px;margin-bottom:120px} .home-precision .content{display:flex;justify-content:space-between;align-items:center;background-color:#333333;border-radius:30px;min-height:530px;padding:0 70px 0 90px} .home-precision .left{width:40%} .home-precision .right{width:58%;margin-left:-50px} .home-precision .title{color:#fff;margin-bottom:30px} .home-precision .text{font-size:18px;line-height:32px;color:#fff;margin-bottom:35px;letter-spacing:-.6px} .all-news{margin-bottom:160px} .all-news .title{margin-bottom:80px;font-size: 44px;line-height: 48px;font-weight: 500;} /* .all-news .content{display:grid;grid-template-columns:repeat(5,1fr);gap:25px} */ .all-news .list{height: 100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden} .all-news .img{/*height:220px;*/display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:25px} .all-news .img,.all-news .img img{border-radius:10px} .all-news .img img{width:auto} .all-news .col-line{position:relative} .all-news .col-line::before{content:"";width:4px;height:20px;border-radius:1px;background-color:var(--public-color);position:absolute;top:6px;left:0} .all-news .t1{font-size:16px;line-height:28px;color:#333;font-weight:400;padding-left:15px;margin-bottom:25px} .all-news .time{font-size:16px;line-height:28px;color:var(--public-color);letter-spacing:-1px;padding-left:20px} .all-news .swiper-slide{height: auto;} .all-service-contact{background-color: #b91927;position: relative;} .all-service-contact>img{opacity: .2;} .all-service-contact-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;} .all-service-contact .content{display: flex;justify-content: space-between;align-items: flex-start;} .all-service-contact .left{width: 50%;} .all-service-contact .right{width: 37%;} .all-service-contact .title{color: #ffffff;margin-bottom: 100px;} .all-service-contact .title::after{filter: brightness(0) invert(1);} .all-service-contact li{position: relative;padding-left: 35px;color: #fff;margin-bottom: 25px;letter-spacing: 0;} .all-service-contact li:last-child{margin-bottom: 0;} .all-service-contact li::before{content: "\f00c";font-family: 'cmsfont';color: #ffffff;font-size: 20px;position: absolute;left: 0;top: 0;} .all-service-contact .h5{font-size: 20px;line-height: 26px;font-weight: 500;margin-bottom: 5px;} .all-service-contact li p{font-size: 18px;line-height: 26px;} .all-service-contact .box-a{width: 86%;;margin-top: 60px;display: flex;gap: 20px;flex-wrap: wrap;} .all-service-contact .box-a a{flex: 1;} .all-service-contact .a-yx-1{border-radius: 0;color: #b91927;font-size: 18px;font-weight: 500;letter-spacing: -.6px;} .all-service-contact .a-yx-1::before{border-radius: 0;} .all-service-contact .h2{font-size: 32px;font-weight: bold;color: #ffffff;margin-bottom: 50px;} .all-service-contact .all-from .form-group{margin-bottom: 25px !important;} .all-service-contact .all-from .form-control{border-color: #fff;padding: 15px 30px !important;} .all-service-contact .all-from .form-control::placeholder{color: #999999;font-size: 18px;line-height: 26px;opacity: 1;} .all-service-contact .all-from .form-group:has(input[required])::before, .all-service-contact .all-from .form-group:has(textarea[required])::before{display: none;} .all-service-contact .all-from .form-group.form-cap{padding: 0 !important;} .all-service-contact .all-from .a-yx-1{width: 280px;font-size: 22px;padding: 0 35px 0 40px;justify-content: space-between;letter-spacing: -.6px;} .all-service-contact .all-from .a-yx-1 span{font-weight: bold;font-size: 56px;color: var(--public-color);font-family: 'Poppins';} .all-service-contact .all-from .a-yx-1:hover span{color: #fff;} .all-service-contact .all-from .form-group:nth-last-of-type(1){display: flex;flex-direction: column;align-items: flex-end;} .all-service-contact .form-cap{margin-top: 0 !important;} .all-service-contact .input-group-append{mix-blend-mode: normal;border: 0;} .all-service-contact .input-group-append img{width: 100%;height: auto;border-radius: 0;} .all-service-contact .right .feedback-result{color: #fff;} .proindex{margin-top:160px;padding-bottom:220px;} .proindex .box{display:flex;justify-content:space-between;padding-bottom:55px;margin-bottom:90px;position:relative;} .proindex .box::before{content:"";width:100%;height:1px;background-color:#cccccc;display:block;position:absolute;left:0;bottom:0;transition: all .3s ease-in-out;} .proindex .box:hover::before{height:4px;background-color:var(--public-color);} .proindex .box:last-child{margin-bottom:0;} .proindex .left{width:55%;} .proindex .right{width:45%;} .proindex .title{font-size:36px !important;line-height:48px;font-weight:600;color:#333333;} .proindex .title:hover{color:var(--public-color);} .proindex .text{font-size:28px;line-height:40px;font-weight:600;color:#999999;margin-top:10px;} .proindex .msg{line-height:28px;margin-top:25px;margin-bottom: 40px;} .proindex .texts{margin-top:25px;} .proindex .text1{font-size:18px;line-height:28px;font-weight:500;color:#333333;} .proindex .text1::before{content:"";width:15px;height:8px;background:url(../../images/proindex-text1-icon.webp)no-repeat;background-size:cover; display:inline-block;margin-right:15px;position:relative;top:-2px;} .proindex .text1:nth-child(1){margin-right:25px;} .proindex .text1:hover{color:var(--public-color);} .proindex .tags{font-size:18px;line-height:28px;font-weight:600;color:#333333;text-transform:uppercase;display:flex;gap: 15px;margin-top:30px;margin-bottom: 50px;} .proindex .tags-box{display: flex;gap: 10px;flex-wrap: wrap;} .proindex .tag{font-size:15px;line-height:28px;font-weight:500;color:#666666;text-transform:capitalize;padding:1px 15px;background-color:#e9f0f6; color:#666666;margin-bottom: 0;} .proindex .last{display:table;width:330px;font-size:18px;line-height:32px;font-weight:600;color:#ffffff;background-color:var(--public-color); padding:9px 20px 9px 40px;margin:50px 0 0 auto;position:relative;} .proindex .last::after{content:"";width:15px;height:12px;background:url(../../images/proindex-last-icon.webp)no-repeat;background-size:cover; display:block;position:absolute;right:20px;top:40%;} .proindex .last:hover{text-decoration:underline;} .cify{position:relative;} .cify .contain{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;} .cify .t1{font-size:42px;line-height:50px;font-weight:600;color:#ffffff;} .cify .msg{font-size:22px;line-height:32px;font-weight:500;color:#ffffff;margin-top:10px;} .cify a{font-size:18px;line-height:32px;font-weight:600;color:#ffffff;text-transform:uppercase;background-color:var(--public-color); padding:9px 80px;margin-top:45px;} .cify a:hover{text-decoration:underline;} @media (max-width:768px) { .proindex{margin-top:30px;padding-bottom:30px;} .proindex .box{padding-bottom:20px;margin-bottom:20px;} .proindex .title{font-size:18px;line-height:26px;} .proindex .text{font-size:16px;line-height:24px;margin-top:0;} .proindex .msg{line-height:22px;margin-top:10px;} .proindex .texts{margin-top:10px;} .proindex .text1{font-size:16px;line-height:24px;} .proindex .tags{margin-top:10px;display:block;} .proindex .tag{display:inline-block;margin-top:5px;} .proindex .last{width:auto;margin-top:20px;font-size:16px;line-height:24px;padding:9px 60px 9px 40px;} } .p-l-advantage{background-color:#f4f4f4;padding-top:130px;padding-bottom:120px} .p-l-advantage .title{margin-bottom:100px} .p-l-advantage .content.four{display:grid;grid-template-columns:repeat(4,1fr);gap:27px} .p-l-advantage .content.three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px} .p-l-advantage .list{background-color:#ffffff;box-shadow:0px 0px 20px 0px rgba(99,99,99,0.1);border-radius:20px;padding:30px 35px 50px;transition:all .3s ease-in-out} .p-l-advantage .img-1{width:56px;height:56px;border-radius:100%;display:flex;justify-content:center;align-items:center;margin-bottom:15px} .p-l-advantage .h5{margin-bottom:8px;font-size:22px;line-height:31px;font-weight:600;color:#231F20;} .p-l-advantage .content.three .text{font-size:18px} .p-l-advantage .content.four .text{font-size:16px} .p-l-advantage .text{line-height:22px;color:#231F20;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word} .p-l-advantage .list:hover{transform:translateY(-3px)} .p-l-product{padding-top:125px;margin-bottom:0} .all-products .img{background-color:#e9e9e9;border-radius:30px 0px 0px 0px;position:relative;margin-bottom:55px;overflow:hidden} .all-products .a-img img{mix-blend-mode:darken;transition:all .3s ease-in-out} .all-products .img:hover img{transform:scale(1.02)} .all-products .model{background-color:rgba(35,31,32,0.8);border-radius:0px 30px 0px 30px;position:absolute;right:0;bottom:0;width:auto;min-height:100px;display:flex;align-items:center;gap:36px;padding:0 30px} .all-products .d p{font-size:16px;line-height:22px;font-weight:400;letter-spacing:0.01em;margin-top:2px;color:#fff} .all-products .value{font-size:35px;line-height:42px;color:#fff;font-weight:300} .all-products .list{display:flex;justify-content:space-between;align-items:center} .all-products .t1{font-size:24px;line-height:32px;color:#231F20;letter-spacing:-0.01em;font-weight:700} .all-products .list .text{color:#6B6C6F;margin-top:12px;font-size:16px;line-height:22px} .all-products .left{width:45%} .all-products .right{width:50%;display:flex;gap:30px} .all-products ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .all-products ol li{font-size:16px;line-height:22px;font-weight:500;letter-spacing:0.01em;color:#202020;display:flex;gap:15px} .all-products ol li span{aspect-ratio:1/1;border-radius:100%;display:inline-flex;justify-content:center;align-items:center;width:48px;min-width:48px;} .all-products hr{height:2px;background-color:#dddddd;border:none;margin-top:55px;margin-bottom:60px} .p-l-circular .title{text-align: center;margin-bottom: 70px;} .p-l-circular .content{display: grid;grid-template-columns: repeat(4,1fr);gap:30px 25px;} .p-l-circular .img,.p-l-circular .img img{border-radius: 14px 14px 0 0;} .p-l-circular .t1{height: 56px;background-color: #333;border-radius: 0 0 14px 14px;display: flex;align-items: center;color: #fff;font-size: 18px;line-height: 28px;font-weight:500;padding-left:20px} .p-l-quality{padding-bottom: 110px;} .p-l-quality .title{text-align: center;margin-bottom: 115px;display: flex;justify-content: center;} .p-l-quality .title::after{left:auto} .p-l-quality .content{display: grid;grid-template-columns: repeat(2,1fr);gap: 80px;} .p-l-quality .list{flex: 1;overflow: hidden;} .p-l-quality .img{margin-bottom: 45px;} .p-l-quality .img,.p-l-quality .img img{border-radius: 30px;} .p-l-quality .box{text-align: center;padding: 0 20px;} .p-l-quality .t1{font-size: 26px;font-weight: bold;color:#333;letter-spacing: -.8px;margin-bottom: 20px;} .p-l-quality .cont{font-size: 16px;line-height: 28px;color: #666;} .p-l-quote{display: flex;align-items: center;max-width:1920px;margin: 0 auto 170px;overflow: hidden;} .p-l-quote>img{height: 400px;width: auto;} .p-l-quote .content{width: 75%;} .p-l-quote .title{color: #fff;margin-bottom: 35px;} .p-l-quote .cont{font-size: 24px;line-height: 32px;color: #fff;margin-bottom: 45px;} .p-l-faq .title{margin-bottom: 120px;} .all-big-faq{margin-bottom: 155px;} .all-big-faq .content{display: flex;justify-content: space-between;align-items: flex-start;gap: 80px;} /* .all-big-faq .title{margin-bottom: 70px;} */ .all-big-faq .title-xl{font-size: 28px;line-height: 32px;color: #999;font-weight: bold;padding-bottom: 25px;margin-bottom: 0px;} .all-big-faq .article{width: 800px;min-width: 600px;max-width: 800px;} .all-big-faq .aside{min-width: 520px;width: 520px;background-color: #e9e9e9;border-radius: 20px;padding: 65px 50px 85px;} .all-big-faq .h3{font-size: 32px;color: #333;font-weight: 500;letter-spacing: -.8px;margin-bottom: 25px;} .all-big-faq .box-1 {border-bottom: 2px solid #dcdcdc;padding-bottom: 35px;margin-bottom: 35px;} .all-big-faq .box-1 .text{font-size: 18px;line-height: 28px;color: #666;margin-bottom: 30px;} .all-big-faq .box-1 li{font-size:16px;line-height:26px;color: #666666;position: relative;padding-left:26px;} .all-big-faq .box-1 li::before{content:"\f00c";font-family: 'cmsfont';color: var(--public-color);font-size: 16px;font-weight: bold;position: absolute;left: 0;top: 0;} .all-big-faq .all-from .form-cap {margin-top: 20px !important;} .all-big-faq .form-cap .col-md-12{display: flex;justify-content: space-between;gap: 10px;} .all-big-faq .input-group{border-radius: 4px;height: 50px;} /* .all-big-faq .form-cap .form-group{width: 240px;min-width: 240px;} */ .all-big-faq .form-cap .input-group-append {border:0;width: 100px;background: #dfe1e0;} .all-big-faq .input-group-append img{width: 100%;height: auto;background-color: #dfe1e0;mix-blend-mode: darken;} .all-big-faq .input-group-img{padding: 0 !important;} .all-big-faq .input-group-text{border:0;background: #dfe1e0;mix-blend-mode: darken;} .all-big-faq .all-from .a-yx{width: 100%;min-width: auto;max-width: 100%;height: 50px;;background-color: var(--public-color);border-radius: 4px;} .all-big-faq .all-from .a-yx::before,.all-big-faq .all-from .a-yx.focus::before{border-radius: 4px;} .all-big-faq .all-from .a-yx:hover,.all-big-faq .all-from .a-yx.focus{border-color: var(--public-color);} .all-faqs{border-top:2px solid #dddddd;overflow:hidden;max-height:0;opacity:0;transition:opacity .45s ease-in-out;} .all-faqs.active{max-height:9999px;opacity:1} .all-faqs .zm{width:40px;min-width:40px;height:40px;background-color:var(--public-color);font-size:20px;font-weight:bold;color:#fff;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s ease-in-out} .all-faqs .zm::after{content:"";width:14px;height:11px;border-left:7px solid var(--public-color);border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;border-right:7px solid transparent;position:absolute;right:-14px} .all-faqs .zm-q{margin-top:-7px;position:absolute;left:0;top:0;opacity:1} .all-faqs .zm-a{position:absolute;left:0;opacity:0} .all-faqs .items.active .zm-q{opacity:0} .all-faqs .items.active .zm-a{opacity:1} .all-faqs .items.active .item{padding-left:0;margin-bottom:30px} .all-faqs .items.active{padding-bottom:50px} .all-faqs .quen-a p img{border-radius:10px;margin-right:18px} .all-faqs .quen-a p img:last-child{margin-right:0} .all-faqs .items{padding:25px 0px;border-bottom:2px solid #dddddd} .all-faqs .items:last-child{margin-bottom:0} .all-faqs .item{display:flex;justify-content:space-between;grid-gap:30px;cursor:default;position:relative;padding-left:70px;transition:padding-left .3s ease-in-out} .all-faqs .quen-q{font-size:20px;line-height:26px;color:#333;font-weight:bold;letter-spacing:0px} .all-faqs .box-cont p{margin-bottom:30px} .all-faqs .box-cont p:last-child{margin-bottom:0} .all-faqs .box-cont p img{max-width:100%;height:auto} .all-faqs .quen-a{font-size:16px;line-height:24px;color:#666;position:relative;padding-left:70px;transition:padding-left .3s ease-in-out;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word} .all-faqs .symbol{width:30px;min-width:30px;height:30px;border-radius:100%;display:flex;justify-content:center;align-items:center;border-radius:100%;background-color:#dddddd;color:#333333;font-size:18px} .all-faqs .minus{display:none} .all-faqs .plus{display:inline-block} .all-faqs .items.active .minus{display:inline-block} .all-faqs .items.active .plus{display:none} .p-i-first{background-color:#f4f4f4;padding-bottom:75px;max-width: 1920px;margin: 0 auto 95px;overflow-x: hidden;} .p-i-first .content{display:flex;justify-content:space-between;margin-top:75px;position:relative} .p-i-first .left{width:50%;min-width:550px} .p-i-first .right{width:65%;margin-right:-85px} .p-i-first .right figure{background-color:#f4f4f4} .p-i-first .model{font-size:20px;color:var(--public-color);font-weight:600;margin-bottom:10px} .p-i-first h1{font-size:32px;line-height:42px;color:#333;font-weight:600;margin-bottom:15px} .p-i-first .text{font-size:17px;line-height:27px;color:#666;margin-bottom:65px} .p-i-first table{border:0 !important} .p-i-first .table-wrapper table tr:first-child,.p-i-first tr{background-color:transparent !important;color:normal;border:0 !important} .p-i-first td,.p-i-first .table-wrapper table tr:first-child td{border:0 !important;font-weight:400 !important;background-color:transparent;padding-left:0 !important;color:#666} .p-i-first td:first-child{color:#999999 !important} .p-i-first .table-wrapper table td{font-size:16px !important;letter-spacing:0.01em} .p-i-first .right img{mix-blend-mode:darken} /* 播放按钮 */ .p-i-first .p-i-btn{display: flex;gap: 0 50px;} .p-i-first .p-i-btn .title-xl{font-size: 18px;line-height: 22px;font-weight: bold;letter-spacing: -.6px;color: #cb242b;text-decoration: underline;text-decoration-skip-ink: none;} .p-i-first .p-i-video{width: 30px;height: 30px;border-radius: 100%;background-color: var(--public-color);position: relative;display: flex;justify-content: center;align-items: center;transition: all .3s ease-in-out;cursor: pointer;} .p-i-first .p-i-video::after{content: "";border-left: 10px solid #fff;border-top: 6px solid transparent;border-bottom: 6px solid transparent;display: inline-block;position: absolute;margin-right: -5px;} .p-i-first .p-i-video:hover{background-color: var(--public-color);} .p-i-first .p-i-btn:hover .title-xl{text-decoration:none;} .p-i-first .p-i-btn{display: inline-flex;justify-content:flex-start;align-items: center;padding-bottom: 70px;} .p-i-first .p-i-btn .hs{display: flex;justify-content: center;align-items: center;position: relative;} .p-i-first .p-i-btn .hs .hs-btn1,.p-i-first .p-i-btn .hs .hs-btn2{ animation-name: circleChange; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear;cursor: pointer; } .hs-btn{position: absolute;z-index: 2;cursor: pointer;} .hs-btn1{width: 40px;height: 40px;background-color: rgba(230,0,19,0.4);border-radius: 100%;position: absolute;z-index: 1;} .hs-btn2{width: 50px;height: 50px;background-color: rgba(230,0,19,0.2);border-radius: 100%;position: absolute;} .hs-btn1,.hs-btn2 { border: none !important; } .hs-btn1 { animation-delay: 1s; } .hs-btn2 { animation-delay: 2s; } @keyframes circleChange{ 0%{transform: scale(1);} 25%{transform: scale(1.05);} 50%{transform: scale(1.1);} 75%{transform: scale(1.05);} 100%{transform: scale(1);} } /* 表格弹框 */ .form-container{width:100%;background-color:#ffffff;border-radius:10px;border:solid 1px rgba(221,221,221,0.6);padding:40px 40px 35px} .section{margin-bottom:12px;display:flex;justify-content:space-between} .section-col{display:flex;align-items:center} .section-col:nth-child(1){width:45%} .section-col:nth-child(2){width:52%} .section-title{width:30%;font-size:16px;font-weight:500;color:#333333;letter-spacing:0px} .section-box{width:70%} .section-box .box-row{display:flex;align-items:center;gap:0 10px} .section-box label{font-size:16px;font-weight:400;letter-spacing:-.4px} .section-box .input-unit{position:relative;display:flex;align-items:center} .section-box span.unit{position:absolute;right:20px;font-size:14px;line-height:16px;color:#999999} .section-input{width:100%;background-color:#f8f8f8;border-radius:2px;border:solid 1px #dddddd;padding:7px 45px 7px 15px} .section-input:focus {outline: none;box-shadow: none} .section-box .list-ul.active{opacity:1;z-index:1} .section-box .list-ul{position:absolute;top:100%;border:solid 1px #dddddd;border-radius:2px;background-color:#fff;width:100%;transform:translateY(-5px);opacity:0;z-index:-1} .section-box .list-ul li{padding:10px 15px;cursor:pointer} .section-box .list-ul li + li{border-top:1px solid #f5f5f5} .section-box .list-ul li:hover,.section-box .list-ul li.active{background-color:#f8f8f8} .section-col:nth-child(2) {justify-content: space-between;} .section-col:nth-child(2) .section-title{width: 12%;} .section-col:nth-child(2) .section-box{width: 85%;} .section-bag,.section-printing{display: flex;justify-content: space-between;gap: 30px;} .section-printing *{display: flex;align-items: center;} .section-box .radio-group,.section-box .radio-option{display: flex;} .section-box .radio-group{gap: 20px;} .section-box .radio-option{gap: 12px;} .section-box .side-group{gap: 20px;} .section-box .both-input{display: grid;grid-template-columns:auto 130px;align-items: center;gap: 0 10px;} .section-col .search-btn{display: flex;justify-content: flex-end;width: 100%;;} .section-col .a-yx{width: 200px;height: 40px;border-radius: 20px;font-size: 16px;line-height: 22px;letter-spacing: -.6px;padding: 0;} .section-box span.unit.icon{color: #333333;} #in-pro-feedback .all-from-1 .form-control{padding:7px 15px} #in-pro-feedback .all-from-1 .form-control::placeholder{font-size:14px;line-height:24px} #in-pro-feedback .all-from-1 .form-group{margin-bottom:10px} #in-pro-feedback .all-from-1 .form-group:has(input[required])::before,#in-pro-feedback .all-from-1 .form-group:has(textarea[required])::before{display:none;top:18px} #in-pro-feedback .input-group-img{padding:0;border:0} #in-pro-feedback .all-from-1 label{padding-left:0;font-size:14px;line-height:24px;color:#999999;letter-spacing:-.4px} #in-pro-feedback .all-from-1 .a-yx{height:40px} #in-pro-feedback .all-from-1 .a-yx:hover:before,#in-pro-feedback .all-from-1 .a-yx:focus:before{border-radius:0px} #in-pro-feedback .input-group-text img{width:100%;height:auto} .p-i-content{margin-top:130px} .p-i-content .title-xl{font-size:32px;color:var(--public-color);font-weight:bold;letter-spacing:0px;margin-bottom:100px} .p-i-content .p-i-content-xl>div{margin-bottom:100px} .p-i-content .p-i-content-xl>div:last-child{margin-bottom:0} .p-i-content p img{max-width: 100%;height: auto;} .p-i-fact .content{display:grid;grid-template-columns:repeat(4,1fr);gap:25px} .p-i-fact .img,.p-i-fact .img img{border-radius:10px} .p-i-fact .img{position:relative;margin-bottom:15px} .p-i-fact .t1{position:absolute;left:0;bottom:20px;height:30px;min-width:110px;padding:0 10px;color:#fff;display:flex;justify-content:center;align-items:center;background-color:var(--public-color);font-size:14px;letter-spacing:-.4px} .p-i-fact .cont{font-size:18px;line-height:28px} .p-i-features .content{display:grid;grid-template-columns:repeat(2,1fr);gap:40px} .p-i-features .list{background-color:#f4f4f4;border-radius:15px;transition:all .3s ease-in-out;min-height:170px;padding:45px} .p-i-features .list:hover{transform:translateY(-3px)} .p-i-features .t2{font-size:22px;line-height:32px;color:#333;font-weight:bold;letter-spacing:-.6px;margin-bottom:10px} .p-i-features .text{font-size:18px;color:#666;letter-spacing:-.6px} .p-i-equipment .content{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 25px} .p-i-equipment .img,.p-i-equipment .img img{border-radius:14px} .p-i-equipment .img{margin-bottom:15px} .p-i-equipment .cont{font-size:18px;color:#666;margin-right:10px;text-align:center} .p-i-case .content{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 25px} .p-i-case .img,.p-i-case .img img{border-radius:14px} .p-i-case .img{margin-bottom:25px} .p-i-case .t1{font-size:20px;line-height:28px;color:#666;letter-spacing:-1px} .p-i-contact{background-color:#ffffff;box-shadow:0px 0px 50px 0px rgba(99,99,99,0.1);border-radius:14px;display:flex;align-items:center;justify-content:center;max-height:220px;height:220px;margin-top:95px} .p-i-contact .box{width:440px;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center} .p-i-contact .cont{font-size:18px;line-height:28px;color:#666;margin-bottom:25px} .p-i-content .aside .detail-nav{padding:50px 50px 70px;background-color:#333;border-radius:14px;margin-bottom:40px} .p-i-content .detail-nav a{font-size:18px;color:#999;letter-spacing:-1px;text-align:center;display:flex;justify-content:center;align-items:center;height:65px;transition:all .3s;position:relative} .p-i-content .detail-nav a:hover,.p-i-content .detail-nav a.active{font-weight:bold;color:#fff !important} .p-i-content .detail-nav a:hover::before,.p-i-content .detail-nav a.active::before{content:"\f053";font-family:'cmsfont';font-weight:bold;font-size:20px;color:var(--public-color);display:inline-block;position:absolute;left:0} .p-i-content .detail-nav li{border-bottom:1px solid rgba(255,255,255,0.1)} .p-i-content .aside .box{min-height:260px;height:260px;padding:0 45px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#f8f8f8;border-radius:14px} .p-i-content .aside .cont{font-size:18px;line-height:28px;color:#333;letter-spacing:-1px;margin-bottom:25px} .p-i-content .aside .a-yx{font-size:14px;line-height:22px;height:50px;min-width:240px} .solution-paper{padding-top:150px} .sol-first{position:relative;margin-bottom:55px} .sol-first .title{text-align:center;margin-bottom:135px;display:flex;justify-content:center} .sol-first .title::after{left:auto} .sol-first .content{display:grid;grid-template-columns:repeat(4,187px);gap:85px 20px;justify-content:space-between} .sol-first .list{display:flex;flex-direction:column;justify-content:center} .sol-first .list .img{width:100%;aspect-ratio:1/1;background-color:#ffffff;box-shadow:0px 20px 60px 0px rgba(51,51,51,0.15);margin-bottom:15px;display:flex;justify-content:center;align-items:center} .sol-first .list .img,.sol-first .list .img img{border-radius:100%} .sol-first .list .t1{text-align:center} .sol-first .list .img img{width:auto} .solution-in-paper{padding-top:140px} .solution-in-paper .title{font-size:44px} .sol-in-first{padding-bottom:150px} .sol-in-first .content{background-color:#f4f4f4;border-radius:20px;border:solid 1px #dddddd;padding:35px 40px 60px} .sol-in-first .h2{font-size:28px;font-weight:bold;color:#333333;letter-spacing:-.2px;margin-bottom:25px} .sol-in-first .text{font-size:18px;margin-bottom:45px} .sol-in-first .img-box{display:grid;grid-template-columns:repeat(4,1fr);gap:40px} .sol-in-first .img,.sol-in-first .img img{border-radius:14px} .sol-in-production{} .sol-in-production .title{margin-bottom:140px} .sol-in-production .title.row-line{position:sticky;top:120px;z-index:10;background-color:#fff;padding-bottom:20px;margin-bottom:140px} .sol-in-production .title.row-line::before{content:'';background-color:#fff;position:absolute;height:100px;width:100%;display:inline-block;top:-100px;z-index:-1} .sol-in-production .title.row-line.is-sticky::after{display:none} .sol-in-production .content{display:flex;justify-content:space-between} .sol-in-production .article{width:47%;padding-bottom:145px} .sol-in-production .aside{width:48%;position:sticky;top:120px;height:fit-content} .sol-in-production .article .box{margin-bottom:70px} .sol-in-production .article .box:last-child{margin-bottom:0} .sol-in-production .box.active .d{color:var(--public-color)} .sol-in-production .d{font-size:24px;line-height:32px;font-weight:bold;color:#333333;letter-spacing:-.4px;display:flex;gap:20px;margin-bottom:10px} .sol-in-production .text{font-size:16px;line-height:26px;letter-spacing:0.01em} .sol-in-production .aside-1{display:grid;grid-template-columns:repeat(2,1fr);gap:20px} .sol-in-production .list{position:relative;min-height:160px;display:flex;justify-content:center;align-items:center;border-radius:10px} .sol-in-production .list-xl{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:20px 20px 5px 20px;background-color:rgba(0,0,0,.4);box-shadow:none;transition:all .3s} .sol-in-production .list .num{width:30px;aspect-ratio:1;background-color:#333333;font-size:18px;font-weight:500;letter-spacing:-.4px;display:flex;justify-content:center;align-items:center;color:#ffffff;border-radius:100%} .sol-in-production .list .t1{font-size:16px;color:#fff;letter-spacing:0.01em;font-weight:500;text-align:center} .sol-in-production .list.active .list-xl{background-color:rgba(0,0,0,.1);box-shadow:inset 0 0 0 3px #d1121b} .sol-in-production .list.active .t1{color:#333} .sol-in-production .aside-2{margin-top:30px;display:flex;justify-content:space-between;gap:20px} .sol-in-production .aside-2 .cont{letter-spacing:0.01em;margin-bottom:70px} .sol-in-production .aside-2 a{width:220px;height:50px;padding:0;border-radius:25px;font-size:16px;font-weight:bold;letter-spacing:0} .solution-in-paper .all-case{padding-top:0} .sol-in-product{position:relative;padding-top:95px;padding-bottom:145px} .sol-in-product::before{content:"";width:100%;height:400px;max-height:400px;background-color:#333;position:absolute;left:0;top:0;z-index:-1} .sol-in-product .title{color:#fff;margin-bottom:45px} .solution-in-paper .all-big-faq{margin-top:305px} .about-banner .all-banner h1{font-size:48px;letter-spacing:0.01em;line-height:52px} .about-banner .all-banner .content{width:90%} .about-paper{padding-top:150px;padding-bottom:180px} .about-first{margin-bottom:125px} .about-first .title{margin-bottom:85px;font-size:44px} .about-first .title span{color:var(--public-color);display:block;font-size:28px} .about-first .text-box{display:flex;flex-direction:column;gap:15px 40px;flex-wrap:wrap;justify-content:space-between;max-height:370px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word} .about-first .text-box>p{max-width:calc(50% - 15px);font-size:18px;line-height:24px;color:#666;text-align:justify;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word} .about-first .text-box>p:last-child{margin-bottom:0} .about-first .small-box{display:flex;justify-content:space-between;margin-top:50px} .about-first .small-box .list{display:flex;flex-direction:column;align-items:center;text-align:center} .about-first .small-box .img-1{margin-bottom:20px} .about-first .small-box .h3{font-size:32px;line-height:32px;font-weight:bold;color:#333;letter-spacing:-1px;display:flex;margin-bottom:5px} .about-first .small-box p{font-size:18px;color:#333;font-weight:500;letter-spacing:-.8px} .about-first .about-video{margin-top:65px} .about-first .about-video .img,.about-first .about-video .img img{border-radius:30px} .about-first .about-video{position:relative;display:flex;justify-content:center;align-items:center} .about-first .about-video-btn{width:90px;height:90px;border-radius:100%;background-color:rgba(0,0,0,0.6);position:absolute;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in;cursor:pointer;border:2px solid transparent} .about-first .about-video-btn::after{content:"";width:42px;height:24px;border-left:21px solid #fff;border-right:21px solid transparent;border-top:12px solid transparent;border-bottom:12px solid transparent;position:absolute;margin-right:-25px} .about-first .about-video-btn:hover{background-color:#000;border-color:#fff} .about-advanced{background-color:#f4f4f4;padding:95px 0} .about-advanced .title{margin-bottom:100px;font-size:44px} .about-advanced ul{display:flex;gap:25px 50px;margin-bottom:50px} .about-advanced li{font-size:20px;color:#333;letter-spacing:-1px;padding-left: 50px;position: relative;} .about-advanced li::before{content:url(../../images/sign-8.webp);width: 30px;height: 30px;border-radius: 100%;position: absolute;left: 0;top: -3px;} .about-advanced .img-box{display:grid;grid-template-columns:repeat(4,1fr);gap:25px} .about-cer{padding-top:95px;padding-bottom:75px} .about-cer .content{display:flex;justify-content:space-between;align-items:center} .about-cer .left{width:46%;min-height:360px;background-color:#f4f4f4;border-radius:20px;display:flex;justify-content:center;align-items:center} .about-cer .left img{mix-blend-mode:darken} .about-cer .right{width:50%;min-width:600px} .about-cer .title{margin-bottom:70px} .about-cer .text{margin-bottom:35px;font-size:18px;line-height:28px;color:#666666} .about-quality{margin-bottom:135px} .about-quality .content{display:flex;justify-content:space-between;gap:40px} .about-quality .list{flex:1;background-color:#ececec;border-radius:30px;min-height:300px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 30px 20px;transition:all .3s ease-in} .about-quality .img-1{width:56px;height:56px;border-radius:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:25px} .about-quality .h5{font-size:20px;line-height:28px;font-weight:bold;letter-spacing:-.6px;color:#333;margin-bottom:15px} .about-quality .cont{font-size:18px;line-height:24px;color:#666} .about-quality .list:hover{transform:translateY(-3px)} .about-partners{background-color:#333333;padding-top:120px;padding-bottom:100px} .about-partners .top-head{width:75%;margin:0 auto 60px} .about-partners .title{color:#fff;margin-bottom:65px;display:flex;justify-content:center} .about-partners .title::after{left:auto} .about-partners .text{color:#fff;font-size:18px;line-height:26px} .about-partners .content{display:flex;justify-content:space-between;gap:20px} .about-partners .img{flex:1} .about-partners .img:hover img{transform:scale(1.05)} .about-partners .img img{transform:scale(1.01)} .about-partners .img,.about-partners .img img{border-radius:10px} .about-paper .title{font-size:44px} .case-paper{padding-top: 175px;padding-bottom: 90px;overflow: hidden;} .case-paper .row{margin: 0 -20px;gap: 50px 0;} .case-paper .col-md-4{padding: 0 20px;} .sol-touch{display:grid;grid-template-columns:160px auto;gap:0 50px;border-top:1px solid #dddddd;margin-top:155px;padding-top:60px;padding-right:100px} .sol-touch .img-1{border-radius:100%;border:solid 1px #e60013;padding:10px;display:inline-block} .sol-touch .img-1 img{border-radius:100%} .sol-touch .text{font-size:24px;line-height:32px;color:#333;letter-spacing:-1px;margin-bottom:30px} .all-case-paper .list{box-shadow:0px 10px 40px 0px rgba(0,0,0,0.1);border-radius:20px;height:100%;transition:all .3s ease-in} .all-case-paper .img,.all-case-paper .img img{border-radius:20px 20px 0px 0px} .all-case-paper .box{min-height:280px;height:280px;position:relative;padding:30px} .all-case-paper .t1{font-size:22px;line-height:26px;color:#333;font-weight:bold;letter-spacing:0.01em;margin-bottom:15px} .all-case-paper .cont{line-height:22px;color:#666;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical} .all-case-paper .more-btn{font-size:16px;line-height:24px;color:#333;font-weight:bold;letter-spacing:-1px;display:flex;align-items:center;gap:10px;position:absolute;left:30px;bottom:55px} .all-case-paper .more-btn span{width:26px;height:26px;border-radius:100%;background-color:var(--public-color);display:inline-flex;justify-content:center;align-items:center;position:relative} .all-case-paper .more-btn span::after{content:url(../../images/sign-7.webp);position:absolute;line-height:0} .all-case-paper .list:hover{transform:translateY(-3px)} .all-top-head{position: relative;padding:1px 0;} .all-top-head::after{content: "";width: 100%;height: 170px;background: linear-gradient(-180deg, #f4f4f4 65%, #fff 90%);position: absolute;left: 0;top: 0;z-index: -1;} .all-top-head2::after{height:300px;background: linear-gradient(-180deg, #f4f4f4, rgba(255, 255, 255,0));} .case-in-content{display: flex;justify-content: space-between;gap: 90px;margin-bottom: 120px;} .case-in-paper{padding-bottom: 80px;} .case-in-paper .title{font-size:40px;} .case-in-paper .article{margin-top: 110px;} .case-in-paper h1{font-size:44px;line-height: 48px;font-weight:500;color: #333;letter-spacing:0.01em;margin-bottom: 80px;} .case-in-paper .type{font-size: 16px;color: #999;display: flex;gap: 10px;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;} .case-in-paper .type-time::before{content: url(../../images/case-in-1.webp);position: relative;margin-right: 10px;} .case-in-paper .article .content{font-size: 18px;line-height: 32px;color: #666;padding: 65px 0 0;} .case-in-paper .article .content p{margin-bottom: 20px;} .case-in-paper .article .content img{max-width: 100% !important;height: auto !important;} .case-in-paper .article h2{font-size: 24px;line-height: 32px;color: #333;font-weight: bold;letter-spacing: -1px;margin-bottom: 15px;} .case-others .all-case-paper .list{box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.1);} .case-in-paper .max-1490px{max-width: 1490px;} .next-case-others {right: -10px;} .prev-case-others {left: -10px;} .mySwiper-case-others{padding: 60px 20px;} .mySwiper-case-others .all-hover{top: 43%;} .case-others .swiper-slide{height: auto;} .case-others .list{height: 100%;} .case-in-paper .aside{position: sticky;height: fit-content;top: 120px;} .download-paper{padding-bottom: 160px;} .download-paper h1{font-size: 58px;color: #333;font-weight: bold;letter-spacing: -2px;margin-top: 80px;margin-bottom: 125px;} .download-paper .content{display: flex;justify-content: space-between;align-items: center;} .download-paper .left{margin-left: -100px;width: 40%;text-align: center;} .download-paper .right{width: 60%;} .download-paper .right p{font-size: 16px;color: #666;margin-bottom: 30px;} .download-paper .btn-box{display: flex;flex-direction: column;align-items: flex-end;} .download-paper .all-from-1 .a-yx{width: 320px;height: 50px;} .download-paper .all-from-1 .a-yx::before{border-radius: 4px;} .download-paper .input-group-text img{width: 100%;height: 100%;} .contact-paper{padding:105px 0 130px} .contact-paper .content{background-color:#f4f4f4;display:flex;justify-content:space-between;padding:75px 40px 85px 55px} .contact-paper .left{width:45%} .contact-paper .right{width:50%} .contact-paper .title-xl{font-size:36px;color:#333;letter-spacing:0.01em;line-height:48px} .contact-paper .left .title-xl{border-bottom:1px solid #dddddd;border-radius:1px;padding-bottom:25px;margin-bottom:50px} .contact-paper .box-1>*{margin-bottom:15px} .contact-paper .box-1>*:last-child{margin-bottom:0} .contact-paper .box-1 .d{display:grid;grid-template-columns:25px auto;gap:15px;justify-content:start} .contact-paper .box-1 .font-sty{font-size:16px;color:#333333;letter-spacing:0} .contact-paper .box-1 .icon{color:#999999;font-size:22px;line-height:32px} .contact-paper .box-2{display:flex;justify-content:space-between;margin-top:45px} .contact-paper .img-box{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)} .contact-paper .img-box img{width:100%} .contact-paper .box-2 .name{font-size:16px;color:#333333;letter-spacing:-.6px;text-align:center;margin-top:5px} .contact-paper .social-cont{display:flex;align-items:center;gap:20px;margin-top:20px} .contact-paper .instagram{background:linear-gradient(15deg,#ffc851,#f04c5a,#c837ab,#8739c9);padding:0;margin:0} .contact-paper .instagram .icon{font-size:30px;margin:0 -4px 0 0} .contact-paper .box-2 .hover-1,.contact-paper .box-2 .hover-2{width:40px;aspect-ratio:1/1;display:inline-flex;justify-content:center;align-items:center;color:#fff !important} .contact-paper .box-2 .hover-1::before,.contact-paper .box-2 .hover-2::before{font-size:20px;width:auto} .contact-paper .right .top-head{margin-bottom:45px} .contact-paper .right .cont{color:#333333;letter-spacing:0.01em;margin-top:15px} .contact-paper .form-box{background-color:#ffffff;padding:50px 50px 30px} .contact-paper .form-group:has(input[required])::before,.contact-paper .form-group:has(textarea[required])::before{display:none} .contact-paper .gorm-row{margin:0 -13px !important} .contact-paper .form-group{padding:0 13px !important} .contact-paper .form-control{padding:10px 15px;border-radius:4px;border:solid 1px #ced4da;background-color:#ffffff} .contact-paper .form-control::placeholder{font-size:16px;color:#999999;letter-spacing:-.6px;font-family:'Roboto'} .contact-paper .btn-box{display:flex;flex-direction:column;align-items:center} .contact-paper .form-row .btn-box .a-yx{width:150px;height:40px;padding:0;background-color:#d1121b;border-color:#d1121b;border-radius:0;font-size:14px;font-weight:400;letter-spacing:-.4px} .contact-paper .form-row .btn-box .a-yx:hover::before,.contact-paper .form-row .btn-box .a-yx:focus::before{border-radius:0} .all-nav{display: flex;gap: 30px;margin-bottom: 90px;} .all-nav li a{min-width: 130px;height: 50px;} .video-paper h1,.faq-paper h1,.news-paper h1{font-size: 58px;color: #333;font-weight: bold;letter-spacing: -2px;margin-top: 90px;margin-bottom: 75px;} .video-paper{padding-bottom: 165px;} .video-paper .all-nav{display: flex;} .video-content {display: grid;grid-template-columns: repeat(3,1fr);gap: 80px 40px;} .video-content .v,.video-content iframe{border-radius: 14px;} .video-content .v{margin-bottom: 35px;} .video-content .t1{font-size: 20px;line-height: 28px;color: #666;letter-spacing: -1px;} .video-nr{position:relative;padding:30px 0;display:flex;justify-content:space-between;gap: 100px;margin-bottom: 95px;} .video-nr .v-content{width:100%;height:100%;overflow:auto;} .video-nr .v-content::-webkit-scrollbar{display:none;} .video-nr .v-content .v-title{font-size:34px;line-height:48px;font-weight:600;color: #00215b;margin-top:30px;margin-bottom:25px;} .video-nr .v-content .v-text{margin-top: 50px;} .video-nr .v-content .v-desc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .video-nr .v-content .v-desc .left{font-size:16px;color:#9a9a9a;font-weight: 500;width: 58%;display: flex;justify-content: space-between;} .video-nr .v-content .v-desc .left i{margin-left:20px;margin-right:10px;} .video-nr .v-content .v-desc .left i:first-child{margin-left:0;} .video-nr .v-content .v-desc .right .v-ly{background:var(--public-color);border:1px solid var(--public-color);display: inline-flex;padding:5px 20px;align-items:center;color:#fff;} .video-nr .v-content .v-desc .right .v-ly i{margin-right:8px;} .video-nr .v-content .v-desc .right .v-ly:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);background-color: #fff;} .video-nr .v-content .v-desc .right .v-fx{background:#fff;border:1px solid var(--public-color);display: inline-flex;margin-left:15px;padding:5px 20px;align-items:center;color:var(--public-color);} .video-nr .v-content .v-desc .right .v-fx i{margin-right:8px;} .video-nr .v-content .v-desc .right .v-fx:hover{background:var(--public-color);border-color:var(--public-color);color:#fff !important;} .video-nr .v-content .v-nr{padding:20px 0;font-size:14px;line-height:20px;} .video-nr .v-content .v-nr ul{display:flex;flex-wrap:wrap;margin-bottom:20px;} .video-nr .v-content .v-nr ul li{margin-left:20px;} .video-nr .v-content .v-nr ul li:first-child{margin-left:0;} .video-nr .v-content .v-nr a{color:var(--public-color);} .video-nr .v-content .v-nr a:hover{text-decoration:underline;} .video-nr .v-content .v-title2{border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center; font-size:22px;font-weight:bold;line-height:32px;margin-bottom:15px;padding-bottom:10px;margin-top:10px;padding-top: 40px;} .video-nr .v-content .v-title2 .left{font-size: 34px;color: #00215b;font-weight: 600;position: relative;} .video-nr .v-content .v-title2 .left::before{content: "";width: 8px;height: 28px;background-color: var(--public-color);display: inline-block;margin-right: 15px;position: relative;top: 3px;} .video-nr .v-content .v-title2 .right{font-size:16px;line-height:24px;color:var(--public-color);cursor:pointer;font-weight:initial;} .video-nr .v-content .v-title2 .right:hover{color:var(--public-color);} .video-nr .v-content .v-massage{font-size:16px;line-height:24px;} .video-nr .v-content .v-massage p{position:relative;display:flex;align-items:center;} .video-nr .v-content .v-massage p:before{content:"\f406";font-family:cmsfont; width:40px;height:40px;text-align:center;color:#fff;line-height:40px;font-size:20px; background:#ff6200;border-radius:50%;display:inline-block;margin-right:10px;} .video-nr .v-content .v-massage ul{padding:10px 10px 10px 50px;} .video-nr .v-content .v-massage ul li{position:relative;display:flex;margin-bottom:10px;} .video-nr .v-content .v-massage ul li:before{content:"\f406";font-family:cmsfont;width:24px;height:24px;text-align:center;line-height:24px; color:#fff;background:#ff9e43;border-radius:50%;display:inline-block;margin-right:10px;} .video-nr .v-content .v-massage strong{margin-right:0px;} .video-nr .v-side{height:100%;max-width: 330px;width: 100%;} .video-nr .v-side::-webkit-scrollbar{display:none;} .video-nr .v-side .v-pro{background:#fff;box-shadow: 0px 1px 46px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;padding:20px 10px 25px 30px;margin-bottom:20px;} .video-nr .v-side .v-pro .box{display: flex;justify-content: space-between;margin-bottom: 20px;} .video-nr .v-side .v-pro .img a{background-color: #f8f8f8;border-radius: 8px;} .video-nr .v-side .v-pro .img a img{mix-blend-mode: darken;} .video-nr .v-side .v-pro .t1{font-size:16px;line-height:24px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .video-nr .v-side .v-pro .text{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;margin-bottom: 20px;} .video-nr .v-side .v-pro .d-flex{margin-top:20px;} .video-nr .v-side .v-pro .d-flex a{display:inline-block;margin-right:10px;padding:5px 15px;border:1px solid var(--public-color);border-radius:50px;font-size:14px;line-height:20px;} .video-nr .v-side .v-pro .d-flex a:last-child{margin-right:0p;} .video-nr .v-side .v-pro .d-flex a:hover{background:var(--public-color);color:#fff;} .video-nr .v-side .v-pro .d-flex a:first-child{background:var(--public-color);color:#fff;} .video-nr .v-side .v-pro .d-flex a:first-child:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);} .video-nr .v-side .v-pro-box{display: grid;grid-template-columns: 120px auto;gap: 20px;margin-bottom: 30px;} .video-nr .v-side .v-rel .big-t1{font-size:20px;line-height:28px;font-weight:500;margin-bottom:15px;color: #333;} .video-nr .v-side .v-rel .big-t1::before{content: "";width: 8px;height: 20px;background-color: var(--public-color);display: inline-block;margin-right: 15px;position: relative;top: 3px;} .video-nr .v-side .v-rel .v-video-item{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .video-nr .v-side .v-rel .v-video-item .left{width:54%;} .video-nr .v-side .v-rel .v-video-item .left iframe{border-radius: 8px;} .video-nr .v-side .v-rel .v-video-item .right{width:42%;} .video-nr .v-side .v-rel .v-video-item .t1{font-size:14px;line-height:20px;margin-bottom:8px;} .video-nr .v-side .v-rel .v-video-item .t1 a{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .video-nr .v-side .v-rel .v-video-item .t2{font-size:12px;color:#999;line-height:20px;} .v-feed-box{display:flex;justify-content:space-between;flex-wrap:wrap;} .v-feed-box .pro{width:30%;} .v-feed-box .pro a{transition:none;} .v-feed-box .right{width:68%;} .v-feed-box .right .title{text-align:left;} .v-feed-box .pro .text p{font-size: 15px;line-height: 22px;color: #666;position: relative;padding-left: 35px;margin-bottom: 0;} .v-feed-box .pro .text p::before{content: url(../../images/sign-2.webp);font-family: 'cmsfont';line-height: 32px;font-size: 14px;position: absolute;left: 0;top: 0px;color: var(--public-color);font-weight: bold;} .v-feed-box .pro h5{font-size: 15px;line-height: 22px;color: #666666;font-family: 'Rubik';font-weight: 400;margin-top:15px; margin-bottom: 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .v-share_bot{margin-top: 30px;border: 1px solid var(--public-color);border-radius: 30px;padding: 6px;display: flex;justify-content: space-between;overflow: hidden;} .v-share_bot input{border: 0; color: #666; font-size: 14px; padding-left: 10px; width: 100%; box-sizing: border-box; outline: 0; overflow: hidden; text-overflow: ellipsis;} .v-share_bot button{width: 114px; height: 42px; line-height: 42px; color: #fff; border: 0; background: var(--public-color); border-radius: 20px; flex-shrink: 0; cursor: pointer;} .reveal-modal#mb-share{left: 60%; margin-left: -30%; width: 40%;} .v-share-box .share{display: flex; margin-top:30px; font-size: 0; transition: all .3s ease-in-out; justify-content: space-between;} .v-share-box .share_cell{font-size:16px;color:#333;text-align:center;} .v-share-box .share_cell p{margin-bottom:0;} .v-share-box .share_cell .icon.wa { background-position: -3px -180px; } .v-share-box .share_cell .icon.fb { background-position: -185px -235px; } .v-share-box .share_cell .icon.tw { background-position: -124px -177px; } .v-share-box .share_cell .icon.em { background-position: -64px -237px; } .v-share-box .share_cell .icon.li { background-position: -241px -204px; } .v-share-box .share_cell .icon:hover{box-shadow: 0 2px 6px rgb(0 0 0 / 25%);} .v-share-box .share_cell .icon{width: 55px; height: 55px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 6px; background: url(../../images/vc-sprite.webp) no-repeat -3px -180px; background-size: 300px; border-radius: 50%;} @media(max-width:1430px) { .video-nr .v-content .v-title{font-size: 28px;line-height: 38px;} } @media(max-width:1260px) { .video-nr{gap: 60px;} } @media(max-width:768px) { .reveal-modal#mb-share{left: 10%;margin-left: -5%;width: 90%;} .p-d-first .text h5,.p-l-best .left .text h5{line-height:24px;} .video-nr .v-side .v-pro .d-flex a{padding:5px 10px;} .v-feed-box .pro{display:none;} .v-feed-box .right{width:100%;} .video-nr{height:auto;padding:0px;flex-direction: column;gap: 25px;margin-bottom: 30px;} .video-nr .v-content{width:100%;} .video-nr .v-side{width:100%;min-width: 100%;} .video-nr .v-content .v-desc .right{width:100%;} .video-nr .v-content .v-nr ul li{margin-left:0;margin-right:10px;} .video-nr .v-content .v-massage ul{padding-left:17px;} .video-nr .v-content .v-massage p{display:block;} .video-nr .v-content .v-massage ul li{display:block;} .video-nr .v-content iframe{height: auto;} .video-nr .v-content .v-title{font-size: 20px !important;line-height: 28px !important;} .video-nr .v-content .v-desc{gap: 20px 0;} .video-nr .v-content .v-desc .left{flex-direction: column;gap: 10px 0;} .video-nr .v-content .v-title2{flex-wrap: wrap;gap: 10px;padding-top: 24px;} .video-nr .v-content .v-title2 .left{font-size: 20px;} .video-nr .v-content .v-title2 .left::before{width: 5px;height: 18px;margin-right: 10px;} .video-nr .v-side .v-pro{padding:20px 10px} .video-nr .v-side .v-pro-box{display: flex;flex-direction: column;gap: 25px 0;margin-bottom: 16px;} .video-nr .v-side .v-rel .v-video-item .left iframe{height: auto;} } .faq-content{margin-bottom: 200px;} .faq-content .content{display: flex;justify-content: space-between;align-items: flex-start;gap: 90px;} .faq-content .article{width: 100%;} .faq-paper .aside{width: 300px;min-width: 300px;position: sticky;height: fit-content;top: 120px;background-color: #333333;border-radius: 14px;display: flex;align-items: center;justify-content: center;padding: 60px 45px;} .faq-paper .aside ol{display: flex;flex-direction: column;width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.1);} .faq-paper .aside a{font-size: 18px;color: #999;letter-spacing: -1px;text-align: center;display: flex;justify-content: center;align-items: center;height: 65px;transition: all .3s;position: relative;} .faq-paper .aside a:hover,.faq-paper .aside a.active{font-weight: bold;color: #fff !important;} .faq-paper .aside a:hover::after,.faq-paper .aside a.active::after{content: "\f054";font-family: 'cmsfont';font-weight: bold;font-size: 20px;color: var(--public-color);display: inline-block;position: absolute;right: 0;} .faq-paper .aside li{border-bottom: 1px solid rgba(255, 255, 255, 0.1);} .news-paper{padding-bottom:230px} .news-content{display:grid;grid-template-columns:repeat(3,1fr);gap:40px} .news-content .list{padding:20px 20px 45px;background-color:#f4f4f4;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between} .news-content .img,.news-content .img img{border-radius:10px} .news-content .img{margin-bottom:40px} .news-content .time{font-size:15px;line-height:28px;letter-spacing:-1px;margin-bottom:10px} .news-content .t1{font-size:20px;line-height:26px;color:#333;font-weight:500;letter-spacing:0.01em;margin-bottom:15px} .news-content .cont{font-size:16px;line-height:22px;color:#666;margin-bottom:25px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical} .news-content .more-btn{font-size:16px;line-height:24px;color:#333;font-weight:500;letter-spacing:0.01em;display:flex;align-items:center;gap:10px} .news-content .more-btn span{width:26px;height:26px;border-radius:100%;background-color:var(--public-color);display:inline-flex;justify-content:center;align-items:center;position:relative} .news-content .more-btn span::after{content:url(../../images/sign-7.webp);position:absolute;line-height:0} /*news-in-paper*/ .news-in-paper .aside-con .a-yx{min-width: 100%;cursor: pointer;margin-bottom: 45px;height: 50px;padding: 0;} .news-in-paper .aside-con .all-arrow-1::after{content: url(../../images/sign-9.webp);display: inline-block;position: relative;filter: brightness(0) invert(1);margin-left: 13px;transition: all .3s ease-in-out;} .news-in-paper .aside-con .a-yx:hover .all-arrow-1::after{filter: none;} .news-in-paper{margin-bottom:100px} .news-in-paper .h1{font-size:48px;line-height:48px;color:#333;font-weight:bold;margin-bottom: 50px;letter-spacing: -1px;} .news-in-paper .type{border-bottom:1px solid #e5e5e5;color: #999;padding-bottom: 30px;display: flex;gap: 20px;align-items: center;} .news-in-paper .type-time::before{content: url(../../images/new-5.webp);display: inline-block;position: relative;margin-right: 10px;top: 1px;} .news-in-paper .time img{display:inline-block;margin-right:10px} .news-in-paper .main-top{display: flex;justify-content: space-between;} .news-in-paper .article{margin-bottom: 180px;} .news-in-paper .article .content{color:#999999;line-height:30px;font-size:16px;border-bottom:1px solid #e5e5e5;padding-bottom:70px;padding-top:40px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .news-in-paper .article img{max-width:100% !important;height:auto !important} .news-in-paper .article .content p{margin-bottom:20px} .news-in-paper .article h2{font-size: 30px;line-height: 42px;color: #333333;margin-bottom: 25px;font-weight: 500;letter-spacing: -1px;} .news-in-paper .article h4{font-size: 24px;line-height: 32px;color: #333333;font-weight: 500;margin-bottom: 15px;letter-spacing: -1px;} .news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:54px;display:flex;justify-content:space-between;align-items: flex-start;} .news-in-paper .box-tail .left{width:calc(100% - 200px - 30px)} .news-in-paper .box-tail .right{display:flex;justify-content:flex-end} .news-in-paper .box-tail .right a{height: 50px;width: 200px;font-size: 14px;letter-spacing: -.4px;} .news-in-paper .box-tail .left p{display:flex} .news-in-paper .box-tail .left p a{display:inline-block;transition:all .6s;color:#666;font-size:18px;line-height:30px;padding-left:16px} .news-in-paper .box-tail .left p a:hover{color:#d1121b;text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;} .news-in-paper .box-tail .left p span{color:#d1121b;display:block;font-weight:bold} .news-in-paper .box-tail .left p:first-child{margin-bottom:10px} .news-in-paper .box-tail .more-7{height: 51px;font-size: 18px;} .news-in-paper .aside{padding:0px;} .news-in-paper .aside>div{background-color: #f8f8f8;padding: 50px 30px 80px;position: relative;} .news-in-paper .aside>div::after{content: "";width: 100%;height: 4px;background-color: var(--public-color);position: absolute;left: 0;bottom: 0;} .news-in-paper .aside-con{margin-bottom: 40px;} .news-in-paper .aside .h4{font-size: 32px;color: #333;margin-bottom: 50px;font-weight: bold;letter-spacing: -.6px;} .news-in-paper .aside .more-7{height: 51px;font-size: 18px;margin-bottom: 30px;} .news-in-paper .aside img.b{display: none;} .news-in-paper .aside img.g{display: inline-block;} .news-in-paper .aside .a-box{display: inline-flex;flex-direction: column;} .news-in-paper .aside .a-box a{margin-bottom: 20px;font-size: 18px;color:#666;font-weight: 500;line-height: 26px;} .news-in-paper .aside .a-box a:hover img.b{display: inline-block;} .news-in-paper .aside .a-box a:hover img.g{display: none;} .news-in-paper .aside .a-box a:last-child{margin-bottom: 0;} .news-in-paper span.img-small{width: 24px;text-align: center;margin-right: 10px;} .news-in-paper .other-news .t1{font-size: 18px;line-height: 32px;color: #333;font-weight: 500;letter-spacing: -.6px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .news-in-paper .other-news .t1:hover{text-decoration: underline;text-decoration-skip-ink: none;} .news-in-paper .other-news .time{font-size: 16px;line-height: 30px;margin-bottom: 0px;} .news-in-paper .a-news{height: 15px;display: inline-flex;align-items: center;line-height: 0;} .news-in-paper .a-news .line{display: block;} .news-in-paper .other-news .list:hover .line{display: none;animation: bounceIn .6s ease-in-out;} .news-in-paper .a-news .arrow{display: none;} .news-in-paper .other-news .list:hover .arrow{display: block;animation: bounceIn .6s ease-in-out;} .news-in-paper .other-news .list + .list{border-top: 1px solid #e5e5e5;padding-top: 30px;} .news-in-paper .other-news .list{padding-bottom: 30px;} .news-in-paper .other-news .list:last-child{margin-bottom: 0;padding-bottom: 0;} .new-in-pro {margin-bottom: 125px;} .new-in-pro .title{letter-spacing: -2px;font-size: 42px;} .new-in-pro .content{margin-top: 90px;display: grid;grid-template-columns: repeat(3,1fr);gap: 20px 55px;} .new-in-pro .list{background-color: #ffffff;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);border-radius: 20px;padding-top: 10px;} .new-in-pro .cont{padding:20px 35px 45px;} .new-in-pro .t1{padding-left: 0;position: static;height: auto;padding-top: 0;font-size: 20px;line-height: 28px;color: #333;font-weight: bold;letter-spacing: -.6px;} .new-in-pro .model{font-size: 18px;line-height: 32px;font-weight: bold;color: var(--public-color);letter-spacing: -.6px;} @media(max-width:1320px){ .news-in-paper .aside-box-1{padding: 40px 35px 50px 35px} } .news-in-paper .all-nav .more:first-child:before{width: 15em;} .news-in-paper .all-nav .more::before{width: 20em;} .news-in-paper .all-nav-hr hr{width: 100%;} .main-box{display: flex;gap:75px;margin-top: 115px;} .main-box .main-left{position:sticky;top:90px;height: fit-content;min-width: 330px;margin-bottom: 80px;} .main-box .main-top{max-width:1300px;margin-left: auto;} .main-box .aside{width:27%;border-radius:8px;} .main-box .article{width:65%;} .main-box .main-left-box .table-title{font-size: 32px;line-height: 32px;color: var(--public-color);font-weight: bold;margin-bottom: 40px;} .main-box .main-left-box .h2 a{font-size: 18px;line-height: 26px;color: #333;font-weight: 600;} .main-box .main-left-box .h2{/*border-bottom: 1px solid #e5e5e5;*/padding-bottom: 15px;} .main-box .name-box {padding-bottom: 10px;} .main-box .name-box + .name-box{border-top: 1px solid #e5e5e5;padding-top: 20px;} .main-box .name-box ul{margin-left: 0px;padding-top: 10px;border-top: 1px solid #e5e5e5;} .main-box .name-box li{position: relative;margin-bottom: 5px;margin-left: 25px;} .main-box .name-box li::before{content:"";width: 6px;height: 6px;background-color: #999;position: absolute;left: -25px;top: 10px;} .main-box .name-box li:hover::before{content: "\f061";width: auto;height: auto;background-color: transparent;font-family: cmsfont;top: 0;left: -25px;margin-top: 0;color: var(--public-color);} .main-box .name-box li a{color: #666666;font-size: 18px;line-height: 26px;} .main-box .name-box li a:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;} /* .main-box .aside .t4{font-size: 22px;line-height: 32px;margin-bottom:15px;font-weight: bold;} */ /* .main-box .aside .cont{font-size: 18px;line-height: 22px;} */ .main-box .aside .more-6{background-color: var(--public-color-red);border-color: var(--public-color-red);border-radius: 8px;margin-left: auto;margin-right: auto;margin-top:30px;height:auto;padding:7px 20px;} @media(max-width:1530px){ .news-in-paper .box-tail .left{margin-bottom: 20px;} .news-in-paper .box-tail{flex-direction: column;} .news-in-paper .box-tail .right{width: 100%;justify-content: flex-start;} } @media(max-width:1460px){ .news-in-paper .h1{font-size: 32px;line-height: 46px;} .news-in-paper .aside .h4{font-size: 26px;line-height: 32px;margin-bottom: 30px} } @media(max-width:1430px){ .news-in-paper .aside-con .a-yx{margin-bottom: 30px;} .news-in-paper .aside>div{padding: 35px 25px 40px;} .news-in-paper .other-news .list {padding-bottom: 10px;} .main-box .main-left-box .table-title{font-size: 24px;height: 56px;} .main-box {gap: 40px;} .news-in-paper .other-news .t1{font-size: 18px;line-height: 30px;} .news-in-paper .aside .h4{font-size: 24px;margin-bottom: 20px;} .news-in-paper .aside .a-box a {font-size: 16px;margin-bottom: 10px;} .main-box .aside{min-width: 290px;} } @media(max-width:1340px){ .news-in-paper .other-news .t1 {font-size: 18px;line-height: 28px;} .news-in-paper .article h2{font-size: 24px;line-height: 32px;} .news-in-paper .article h4{font-size: 20px;line-height: 28px;} .main-box .main-left-box .table-title {font-size: 26px;} .news-in-paper .h4{font-size: 26px;margin-bottom: 30px;} } @media(max-width:1260px){ .news-in-paper .article h2 {font-size: 28px;line-height: 36px;} .news-in-paper .article h3 {font-size: 20px;} .main-box .main-left {max-width: 300px;} .main-box .main-top{max-width: 1330px;} .main-box .article{width: 60%;} .main-box .aside{width: 35%;} .news-in-paper .aside-con .a-yx{padding: 0 20px;height: 48px;width: auto;min-width: auto;} .news-in-paper .h1 {font-size: 30px;line-height: 42px;margin-bottom: 30px;} .news-in-paper .type{padding-bottom: 15px;font-size: 16px;} .news-in-paper .article .content p{margin-bottom: 10px;} } @media(max-width:1170px){ .main-box .main-left {min-width: 270px;} .main-box .main-left-box .table-title {font-size: 22px;margin-bottom: 20px;padding: 20px 20px 20px 15px;} } @media(max-width:1100px){ .news-in-paper .main-top{flex-direction: column;margin-bottom: 80px;} .news-in-paper .main-top>div{width: 100%;max-width: 100%;min-width: auto;} .main-box .article{margin-bottom: 80px;} .news-in-paper .aside .songsheng{width: auto;padding: 0 30px;} .news-in-paper .aside-con{display: flex;flex-direction: column;align-items: flex-start;} .main-box .aside{max-height: none !important;} } @media(max-width:768px){ .new-in-pro{margin-bottom: 30px;} .main-box .main-left{max-width: none;width: auto;min-width: auto;} .news-in-paper .h1{margin-bottom: 15px;} .news-in-paper .article h2{font-size: 19px;line-height: 28px;} .news-in-paper .article h3{font-size: 16px;line-height: 24px;} .news-in-paper .box-tail .left p{font-size: 16px;line-height: 24px;} .news-in-paper .box-tail .left p a{line-height: 24px;font-size: 16px;} .news-in-paper .box-tail .right a{height: 42px;width: 160px;} .new-in-pro .content{margin-top: 0;grid-template-columns: repeat(1, 1fr);} .new-in-pro .cont{padding: 20px 15px;} .new-in-pro .model{font-size: 16px;line-height: 24px;} .news-in-paper{margin-bottom: 30px;margin-top: 0px;padding-top: 0px;} .news-in-paper .main-top {flex-wrap: wrap;} .news-in-paper .article{width: 100%;margin-bottom: 30px;} .news-in-paper .aside{width: 100%;margin-top: 0;} .news-in-paper .type{font-size: 14px;line-height: 20px;margin-top: 20px;padding-top: 0;padding-bottom: 15px;} .news-in-paper .type-time::before{top: 3px;} .news-in-paper .article .content{line-height: 20px;font-size: 14px;padding-top: 20px;padding-bottom: 20px;} .news-in-paper .article .content p{margin-bottom: 10px;} .news-in-paper .box-tail{font-size: 16px;line-height: 24px;margin-top: 20px;flex-direction: column;} .news-in-paper .box-tail .left p:first-child{margin-bottom: 15px;} .news-in-paper .box-tail .right{margin-bottom: 20px;} .news-in-paper .aside .aside-box .text .h3 a{line-height: 24px;} .news-in-paper .aside .aside-box {padding-bottom: 30px;} .news-in-paper .aside-box-1{padding: 15px;} .news-in-paper .aside-box-1 .t1 {font-size: 18px;line-height: 26px;} .news-in-paper .main-top{margin-bottom: 30px;} .news-in-paper .h4 {font-size: 20px;line-height: 28px;margin-bottom: 20px;} .news-in-paper .aside-con{margin-bottom: 20px;} .news-in-paper .aside>div{padding: 20px 10px;} .p-d-rec .title{margin-bottom: 15px !important;} .p-d-rec .all-param{display: block;opacity: 1;} .p-d-rec{margin-bottom: 30px;} .main-box .main-left-box .table-title{font-size: 20px;line-height: 28px;padding: 15px 10px;margin-bottom: 15px;background-color: var(--public-color);color: #fff;} .main-box .main-left-box .table-title::before {height: 15px;position: absolute;top: 17px;left: 0;background-color: #fff;} .main-box .main-left-box .h2 a {font-size: 18px;line-height: 26px;} .main-box .main-left-box .h2{margin-bottom: 15px;padding-bottom: 0px;} .main-box .name-box ul {padding-top: 0;} .main-box .name-box li{margin-bottom: 10px;} .main-box .name-box li a {font-size: 16px;line-height: 24px;} .main-box .name-box li::before {top: 8px;} .main-box .name-box + .name-box{padding-top: 10px;} .main-box .main-left{margin-bottom: 30px;position: relative;} .main-box .article{width: 100%;} .main-box .aside{width: 100%;} .main-box .news-name{display: none;} .main-box .main-left .main-left-box{position: fixed;left: -17px;top: 50px;z-index: 3;background-color: #fff;border-bottom: 2px solid var(--public-color);} .main-box .main-left .main-left-box.active{left: 0;} .main-box .main-left .main-left-box.active .news-name{padding-left: 10px;padding-top: 20px;} .main-box .table-title .s1{display: none;color: #fff;} .main-box .table-title .s2{display: flex;color:#fff;} .main-box .table-title {background-color: var(--public-color-red);} .main-box .table-title.active .s1{display: flex;align-items: center;justify-content: space-between;padding-right: 15px;} .main-box .table-title.active .s1 strong{color: var(--public-color-red);} .main-box .table-title.active .s2{display: none;} .main-box .main-left-box{border: none;} .main-box .main-left-box .table-title{padding: 10px;margin-bottom: 0;} .main-box .main-left-box .table-title.active{left: 0;} .main-box .main-left{width: 0;} .main-box{gap: 0;margin-top: 15px;} .main-box .main-top{width: 100%;} } .service-paper{padding-top: 125px;padding-bottom: 160px;} .service-top{display: flex;justify-content: space-between;gap: 27px;margin-bottom: 95px;} .service-top .list{flex: 1;background-color: #ebebeb;border-radius: 20px;min-height: 260px;padding: 40px 30px 25px;transition: all .3s ease-in-out;} .service-top .img-1{width: 51px;height: 51px;border-radius: 100%;background-color: #fff;display: flex;justify-content: center;align-items: center;margin-bottom: 25px;} .service-top .h5{font-size: 24px;line-height: 28px;color: #333;font-weight: bold;letter-spacing: -1px;margin-bottom: 15px;} .service-top .cont{font-size: 18px;line-height: 28px;color: #666;} .service-top .list:hover{transform: translateY(-3px);} .service-bottom .title{color: var(--public-color);margin-bottom: 95px;display: flex;justify-content: center;align-items: center;} .service-bottom .title::after{left: auto;} .service-bottom .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 100px;} .service-bottom .items:last-child{margin-bottom: 0;} .service-bottom .left{width: 47%;} .service-bottom .right{width: 46%;} .service-bottom .left img{border-radius: 30px;} .service-bottom .d{display: grid;grid-template-columns: 110px auto;align-items: center;gap: 0 30px;margin-bottom: 70px;} .service-bottom .num{font-size: 82px;line-height: 55px;color: #ccc;font-weight: bold;position: relative;} .service-bottom .num::after{content: "";width: 12px;height: 10px;background-color: #cccccc;position: absolute;bottom: 0;right: 0;} .service-bottom .name{width:90%;font-size:30px;line-height:38px;font-weight:500;color: var(--public-color);letter-spacing:0.01em;} .service-bottom .text{font-size: 18px;line-height: 28px;color: #666;margin-bottom: 25px;} .service-bottom ul li{font-size:16px;line-height: 26px;font-weight: 500;color: #333;position: relative;padding-left:25px;margin-bottom: 5px;} .service-bottom ul li::before{content: "\f00c";font-family: 'cmsfont';font-size:18px;line-height:26px;position: absolute;left: 0;top: 0px;color: var(--public-color);} .service-bottom ul li:last-child{margin-bottom: 0;} .quality-banner .all-banner .content{width: 85%;} .quality-banner .all-banner .cont{width: 75%;} .quality-paper{padding-top: 140px;padding-bottom: 160px;} .quality-paper .items{display: flex;align-items: center;justify-content: space-between;} .quality-paper .items .left{width: 50%;} .quality-paper .items .right{width: 45%;} .quality-paper .items .left img{border-radius: 30px;} .quality-paper .items .title{margin-bottom: 20px;color: var(--public-color);margin-bottom: 65px;line-height: 48px;font-size: 44px;} .quality-paper .items .title span{display: block;} .quality-paper .items .text{font-size: 18px;line-height: 28px;color: #666;margin-bottom: 25px;} .quality-paper .items ul li{font-size:16px;line-height: 26px;font-weight: 500;color: #333;position: relative;padding-left: 35px;margin-bottom: 0px;} .quality-paper .items ul li::before{content: "\f00c";font-family: 'cmsfont';font-size:18px;line-height:26px;position: absolute;left: 0;top: 0px;color: var(--public-color);} .quality-paper .items ul li:last-child{margin-bottom: 0;} .quality-top {padding-bottom: 120px;} .quality-top .top-head{margin-bottom: 80px;} .quality-top .top-head .title{margin-bottom: 70px;display: flex;justify-content: center;font-size: 44px;} .quality-top .top-head .title::after{left: auto;} .quality-top .top-head .text{font-size: 18px;width: 80%;margin:0 auto;} .quality-advanced{background-color: #333333;display: flex;justify-content: center;align-items: center;padding: 125px 75px 125px 0;} .quality-advanced .content{display: flex;justify-content: space-between;align-items: center;padding-left: 15px;} .quality-advanced .left{width: 37%;} .quality-advanced .right{width: 58%;display: flex;justify-content: space-between;gap: 40px;} .quality-advanced .img{border-radius: 20px;flex: 1;} .quality-advanced .img img{border-radius: 20px;} .quality-advanced .title{color: #fff;margin-bottom: 65px;font-size: 44px;} .quality-advanced .text{font-size: 18px;line-height: 32px;color: #fff;font-weight:400;} .quality-bottom{padding-top: 120px;} .quality-bottom .items{margin-bottom: 100px;} .quality-bottom .items:last-child{margin-bottom: 0;} .cata-img img{filter: brightness(0) invert(1);} .home-printing{padding:60px 0;background-color:#231F20;margin-bottom:120px} .home-printing .title{color:#fff;text-align:center;max-width:1100px;margin:0 auto} .home-printing .content{margin-top:40px} .home-printing .content img{width:100%;height:100%;object-fit:cover;border-radius:14px;opacity:0.3;transform:scale(0.93);transition:transform 0.5s ease-in-out,opacity 0.5s ease-in-out;object-position:top} .home-printing .content .swiper-slide-active img{transform:scale(1.03);opacity:1} .swiper-new{margin-top:30px;display:flex;justify-content:center;color:#fff} .home-printing-pagination{position:relative;left:0 !important;top:0 !important;bottom:0 !important;width:auto !important;margin:0 10px} #wmkc{position:fixed;right:5px;top:40%;transform:translateY(-50%);font-family:var(--fontfamily,Arial);z-index:9999} #wmkc *{box-sizing:border-box;font-size:14px;line-height:1.1} .wmkc-img{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#fff;background:#fff;box-shadow:0 0 7px 0 rgba(80,80,80,.29);border-radius:30px 30px 0 0;width:62px;padding-top:8px;margin:0 auto} .wmkc-img img{width:42px;height:auto} .wmkc-img span{width:70px;height:26px;text-align:center;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:var(--color,#3d70f3);border-radius:3px;color:#fff;margin:5px 0 0 0;font-size:12px!important} .wmkc-list{padding:0;width:70px;margin:5px auto 0;position:relative;box-shadow:0 0 7px 0 rgba(80,80,80,.29);background:#fff;border-radius:3px} .wmkc-list>li{width:100%;height:60px;list-style:none;text-align:center;margin:0;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;position:relative} .wmkc-list>li .wmkc-itemico{text-decoration:none;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .1s linear} .wmkc-list>li .wmkc-itemico span{color:#535353;font-size:12px!important;margin-top:2px} .wmkc-icon{display:inline-block;background:url(https://img01.v15cdn.com/iconfloat/wmkc-ico29.webp) no-repeat;width:28px;height:28px} .wmkc-whatsapp .wmkc-icon{background-position:-14px -15px} .wmkc-email .wmkc-icon{background-position:-159px -16px} .wmkc-wechat .wmkc-icon{background-position:-17px -61px} .wmkc-itemcont{position:absolute;top:10px;right:calc(100%);text-align:left;visibility:hidden;opacity:0;transition:top .2s,opacity .2s;min-width:180px;padding-right:20px} .wmkc-itemcont>div:last-of-type{border:0} .wmkc-itemcont .wmkc-title{white-space:nowrap;color:#535353;margin-bottom:6px} .wmkc-list-img{display:flex;align-items:flex-start} .wmkc-itemcont .wmkc-itemcont-box{box-shadow:0 0 7px 0 rgba(80,80,80,.17);background-color:#fff;border:1px solid #eee;padding:15px;position:relative;border-radius:4px} .wmkc-itemcont .wmkc-itemcont-box::after{content:'';position:absolute;top:15px;right:-5px;width:10px;height:10px;background:#fff;transform:rotate(-45deg);box-shadow:7px 7px 7px 0 rgba(80,80,80,.17)} .wmkc-list-item{width:130px;padding:10px 10px 0;display:flex;flex-direction:column;align-items:center} .wmkc-list-img{display:flex;align-items:flex-start} .wmkc-list-img.single .wmkc-list-item{margin-top:5px;width:140px;padding:0} .wmkc-list>li:hover{background:#f3f4f9} .wmkc-list>li:hover .wmkc-itemcont{top:0;opacity:1;visibility:visible} .all-contacts{background:url(../../images/home-contacts-bg.webp) no-repeat bottom center;} .all-contacts-box{display: flex;justify-content: space-between;align-items: center} .all-contacts-box .text{width: 50%;} .all-contacts-box .text .title{font-size:36px;line-height: 48px;color: #fff;font-weight: bold;letter-spacing: 0px;margin-bottom: 25px;} .all-contacts-box a{background-color: var(--public-color);color: #fff;border-color: var(--public-color);width: 230px;border-radius: 20px;height: 40px;font-size: 13px;line-height: 22px;font-weight: bold;letter-spacing: -.4px;} .all-contacts-box .a-yx-1:hover:before{background-color: #fff;} .all-contacts-box .a-yx-1:hover, .all-contacts-box .a-yx-1:focus{color: var(--public-color) !important;} .all-contacts-box .img{margin-bottom: 50px;margin-right: -20px;} @media(max-width:1670px){ .home-about .max-1650px{padding-left: 15px;} } @media(max-width:1580px){ .p-i-first .right{margin-right: -30px;} } @media(max-width:1560px){ .small-nav {top: 130px;} } @media(max-width:1530px){ .all-banner h1,.about-banner .all-banner h1,.quality-advanced .title{font-size: 42px;} .quality-advanced .content{gap: 60px;} .quality-advanced .left{min-width: 525px;} .quality-advanced .right{width: auto;} } @media(max-width:1450px){ .all-contacts-box .img{margin-right: 0;} } @media(max-width:1430px){ .small-nav{padding-left: 15px;} .in-banner .small-nav{padding-left: 0;} .home-sol .box{padding: 45px 25px 40px 30px;} .all-production .title,.home-quality .title,.about-paper .title,.quality-paper .items .title{font-size: 42px;} .home-apart .list{padding: 25px 15px;} .home-about .title{font-size: 38px;} .title{font-size: 38px;line-height: 46px} .all-case .right{min-width: 500px;} .proindex .left{display: flex;justify-content: center;align-items: center;} .p-l-advantage .list{padding-left: 15px;padding-right: 15px;} .p-l-advantage .h5{font-size: 20px;} .service-bottom .d{margin-bottom: 40px;} .service-bottom .right{width: 48%;} .about-first .text-box {max-height: 460px;} .about-first .small-box .h3{font-size: 28px;} .about-first .small-box p{font-size: 16px;line-height: 24px;} .download-paper .left{margin-left: -60px;} } @media(max-width:1380px){ .section{flex-direction: column;gap: 12px;} .section-col:nth-child(1) {width: 52%;} .section-col:nth-child(1),.section-col:nth-child(2){min-width: 680px;} .all-banner .content{width: 80%;} .all-banner h1{font-size: 38px;} .sol-in-production .title{font-size: 40px;} .quality-advanced .content{gap: 35px;} .quality-advanced{padding-right: 15px;} .quality-paper .items .title{font-size: 38px;} } @media(max-width:1340px){ .home-banner .banner-t1{font-size: 52px;} .all-production .box{height: 90px;} .all-production .t1 {font-size: 28px;} .home-about .title {margin-bottom: 64px;} .home-about .row-line::after {bottom: -35px;} .all-partner .list{gap: 30px;} .all-partner .text {width: auto;} .all-partner .people{width: 420px;padding-left: 50px;} .all-products .value{font-size: 32px;} .all-partner{padding-left: 50px;} .all-hover-next-1{right: -15px ;} .all-hover-prev-1{left: -15px;} .sol-in-production .article .box{margin-bottom: 45px;} .service-top .h5{font-size: 22px;} .service-top .list{padding-left: 15px;padding-right: 15px;} .service-top .img-1{margin-bottom: 15px;} .download-paper .all-from-1 .a-yx{width: 260px;} .contact-paper .box-2{flex-direction: column;} .contact-paper .img-box{width: 50%;} .sol-in-production .article{width: 49%;} .sol-in-production .aside-2 a{min-width: 160px;height: 42px;} } @media(max-width:1300px){ .home-sol .box{padding: 45px 15px 40px 20px;} .home-sol ol{grid-template-columns: repeat(3, 1fr);} .home-quality .items{padding: 35px 30px 25px 30px;} .home-quality .img{margin-bottom: 20px;} .home-quality .t1{font-size: 22px;} .all-contacts-box .text{margin-top: 50px;} .all-banner .content{width: 80%;} .all-products ol li {font-size: 14px;line-height: 20px;gap: 10px;align-items: center} .all-products .left{width: 65%;} .app-in-banner .small-nav{top: 10px !important;} .sol-in-first .img-box{gap: 20px;} } @media(max-width:1280px){ .all-products .value{font-size: 28px;} .sol-in-production .title{font-size: 36px !important;} .sol-in-production .row-line::after{bottom: -25px;} .sol-in-production .title.row-line{margin-bottom: 100px;} .home-quality .box{flex-direction: column;} } @media(max-width:1230px){ .all-partner .people{width: 380px;padding-left: 30px;} .all-partner .name{font-size: 20px;} } @media(max-width:1200px){ .title{font-size: 38px !important;} .all-production .title span{display: inline;} .all-banner .content{margin-top: 0;width: 100%;} .download-paper .left{margin-left: -20px;} .home-banner .banner-t1{font-size: 46px;} .home-sol .title{font-size: 38px;} .header{position: relative;} .header .navbar-custom .navbar-nav .nav-link, .header .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after, .header .top-lang .dropdown.lang .dropdown-toggle, .header .dropdown.lang .dropdown-toggle:after, .header .top-search-box .search-tb i{color: #333;} .small-nav{top: 10px;} .all-production .t1{font-size: 24px;} .all-production .t1 img{width: 25px;} .all-production .box{height: 60px;} .home-about{padding: 30px 0;} .all-contacts-box .img{width: 48%;margin-bottom: 0;} .p-l-advantage .content.four{grid-template-columns: repeat(2, 1fr);} .all-products ol{grid-template-columns: repeat(2, 1fr);} .p-l-quality .content{gap: 60px;} .p-i-first .right{display: flex;align-items: center;width: auto;} .p-i-first .left{min-width: 480px;} .p-i-features .list{padding: 30px 20px;} .p-i-features .text{font-size: 16px;line-height: 26px;} .service-top .h5{font-size: 20px;} .service-top .cont{font-size: 16px;line-height: 25px;} .new-in-pro .content{gap: 20px 25px;} .new-in-pro .cont{padding: 20px 15px 30px;} .new-in-pro .model{font-size: 16px;} .new-in-pro .t1{font-size: 18px;} .all-banner h1, .about-banner .all-banner h1, .quality-advanced .title{font-size: 38px;} .about-cer .right{min-width: auto;} .quality-banner .all-banner .content,.quality-banner .all-banner .cont,.about-banner .all-banner .content{width: 100%;} .quality-paper .items .title{font-size: 32px !important;line-height: 42px;} .quality-paper .items .left {width: 45%;} .quality-paper .items .right{width: 51%;} .all-case-paper .t1{font-size: 20px;} .footer .list-2 {min-width: 240px;} .footer .list-3 {width: 30%;} } @media(max-width:1100px){ .home-sol ol li{line-height: 24px;min-height: 40px;height: auto;text-align: center;} .all-case .content{padding: 30px 0;} .all-case .right {min-width: 430px;} .all-partner .text{font-size: 16px;line-height: 26px;} .home-quality .small-box{gap: 40px;} .all-banner h1{font-size: 36px;} .service-bottom .num{font-size: 62px;} .service-bottom .num::after{width: 10px;} .service-bottom .d{grid-template-columns: 85px auto;gap: 0 20px;margin-bottom: 15px;} .service-bottom .name{font-size: 28px;line-height: 34px;} .faq-content .content{gap: 45px;} .faq-paper .aside{width: 260px;min-width: 260px;} .news-content{grid-template-columns: repeat(2, 1fr);} .about-first .text-box{max-height: none;} .about-first .text-box>p{max-width: 100%;} .about-first .small-box{display: grid;grid-template-columns: repeat(3,220px);justify-content: flex-start} .about-quality .list{padding: 28px 15px 20px;} .quality-advanced .right{gap: 20px;} .case-paper .col-md-4{flex: 0 0 48%;max-width: 48%;} .download-paper .all-from-1 .a-yx{width: auto;} .download-paper .form-cap .input-group-img{width: 100px;} .contact-paper .content{padding: 75px 30px 85px 30px;} .contact-paper .title-xl{font-size: 34px;} .contact-paper .form-box{padding: 45px 30px 30px;} .footer .list-1{width: 100%;margin-bottom: 50px;} .footer .footer-top>div{flex-wrap: wrap;} .footer .t1{margin-bottom: 30px;} .footer .list-3{width: 55%;} } @media(max-width:1000px){ .p-l-advantage .content.three{grid-template-columns: repeat(2, 1fr);} .sol-in-production .title{font-size: 32px !important;} .sol-in-production .row-line::after {bottom: -10px;} .sol-in-production .list .t1{font-size: 15px;} .service-top{display: grid;grid-template-columns: repeat(3, 1fr);} .service-bottom .left{width: 40%;} .service-bottom .right{width: 56%;} .service-bottom .name{font-size: 26px;} .all-banner h1, .about-banner .all-banner h1, .quality-advanced .title{font-size: 32px;line-height: 46px;} .about-advanced li{font-size: 16px;padding-left: 25px;} .about-advanced li::before{content: ""; background: url(../../images/sign-8.webp) no-repeat; width: 20px; height: 20px; background-size: 100% 100%; top: 3px;} .about-quality .content{gap: 25px;} .about-quality .cont {font-size: 16px;} .quality-advanced .content{flex-direction: column-reverse;} .quality-paper .items .right{width: 100%;} } @media(max-width:900px){ .home-sol .top-head{flex-direction: column;gap: 60px;margin-bottom: 50px;} .home-sol .title,.home-sol .top-head .text{width: 100%;} /* .home-about .content{flex-direction: column;gap: 30px;align-items: flex-end} */ .home-about .left{width: 49%;} .home-about .right{width: 50%;} .home-quality .content{flex-wrap: wrap;} .home-quality .items{flex: 0 0 48%;} .home-quality .t1{margin-bottom: 15px;} .home-quality .h3 {font-size: 24px;} .home-quality .list p{font-size: 16px;line-height: 24px;} .all-contacts-box .text {width: 54%;margin-top: 0;} .all-contacts-box .img{width: 45%;} .all-contacts-box .text .title{font-size: 32px !important;line-height: 42px;} .proindex .box{flex-direction: column;} .proindex .left,.proindex .right{width: 100%;} .p-i-first .content{flex-direction: column-reverse;} .sol-first .content{grid-template-columns: repeat(3, 187px);gap: 70px 20px;} .all-banner h1{font-size: 32px;} .service-bottom .items{gap: 20px;} .service-bottom .right{width: 100%;} .service-bottom .left{width: 100%;} .about-cer .content{flex-direction: column;gap: 30px;} .about-cer .left{width: 100%;} .about-cer .right{width: 100%;} .contact-paper .content{flex-direction: column;gap: 30px;} .contact-paper .left{width: 100%;} .contact-paper .right{width: 100%;} } @media(max-width:768px){ .home-banner .banner-t1{font-size:28px;margin-bottom:15px} .home-banner .text{font-size:14px;line-height: 22px;} h1{font-size: 24px !important;line-height: 32px !important;} .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 30px !important;} .left,.right{width: 100% !important;} .h6{font-size: 16px !important;line-height: 24px !important;margin-bottom: 5px !important;} .text p{margin-bottom: 10px;} .text p:last-child{margin-bottom: 0 !important;} .cont,.text{font-size: 14px !important;line-height: 20px !important;} ul li{padding-left: 25px;font-size: 16px;} .all-style{padding: 0 0px;} .all-hover{width: 45px;height: 45px;} .all-hover-next{right: -15px;} .all-hover-prev{left: -15px;} .row-line::after{content: "";background: url(../../images/new-sign-1.webp) no-repeat;background-size: 100% 100%;width: 45px;height: 6px;bottom: -15px;} .small-nav {top: 10px;} .small-nav ul a {font-size: 12px;line-height: 20px;} .small-nav ul li::before {padding: 0 5px;line-height: 20px;} .a-yx{height: 42px;padding: 0 20px;font-size: 16px;} .search-group i{font-size: 18px;} .search-group .form-control{height: 33px;line-height: 33px;} .search-box .form-control::placeholder{color: #fff;} .top-mb-search-box .search-group{height: 33px;} .search-box .input-group-append,.search-box .search-group .btn{border-color: var(--public-color);} .search-group .form-control::placeholder{color: #333333;} #mb-feedback .input-group-text {width: 100px;} .mySwiper-home-banner{height: 160px;} .home-banner{display: flex;justify-content: center;align-items: center;} .home-banner>img{width: auto;height: 160px;} .home-banner-pag{bottom: 30px !important;top: auto !important;} .home-banner-pag span{width: 8px;height: 8px;} .all-banner{overflow: hidden;} .all-banner>img{width: auto;height: 250px;} .all-banner .content{width: 100%;margin-top: 0;} .all-banner .small-nav{position: absolute;top: 10px !important;} .all-banner .banner-text{flex-direction: column;justify-content: center;} .quality-banner .all-banner .content,.quality-banner .all-banner .cont{width: 100%;} .home-paper{padding-top: 30px;} .home-sol{margin-bottom: 30px;} .home-sol .top-head{flex-direction: column;margin-bottom: 25px;} .home-sol .content{padding: 0 20px;} .home-sol .title{width: 100%;} .home-sol .top-head .text{width: 100%;} .home-sol .list.hover .img img{min-height: auto;width: 100%;} .home-sol .cont{opacity: 1;} .home-sol .img img{width: 100%;min-height: auto;} .home-sol .cont{font-size: 16px !important;line-height: 30px !important;opacity: .9 !important;} .home-sol .h3{font-size: 20px;line-height: 28px;margin-bottom: 15px;} .home-sol ol{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px 15px;} .home-sol ol li{height: auto;padding: 5px 10px;font-size: 14px;line-height: 22px;} .all-production .title span{display: inline;} .all-production .content{padding: 0;} .all-production .swiper-slide{height: auto;} .all-production .items{height: 100%;background-color: rgba(34, 34, 34, .9);border-radius: 20px 20px 0 20px;} .home-production .img{display: flex;justify-content: center;align-items: center;} .home-production .img, .home-production .img img{border-radius: 20px 20px 0 0;} .all-production .box{position: static;max-width: 100%;width: 100%;height: auto;padding: 25px 20px;background-color: transparent;} .all-production .t1{font-size: 18px;line-height: 26px;} .all-production .box .cont{opacity: 1;max-height: none;transform: none;} .all-production .t1 img{width: 20px;} .all-production .pro-pag {bottom: -25px;} .all-production .pro-pag span{background-color: var(--public-color);opacity: .2;} .all-production .pro-pag span.swiper-pagination-bullet-active{opacity: 1;} .all-production .a{margin-top: 40px;display: flex;justify-content: center;} .home-production{margin-bottom: 30px;} .home-apart{margin-bottom: 30px;} .home-apart .list{padding:10px 15px;} .home-apart .list p{font-size: 16px;} .home-about{padding-bottom: 30px;} .home-about .content{flex-direction: column-reverse;gap: 25px;} .home-about .row-line::after{bottom: -20px;} .home-about .text{margin-bottom: 25px;} .home-about .a-yx{height: 42px;width: 160px;} .home-quality{padding: 30px 0;} .home-quality .small-box{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px 20px;margin-bottom: 25px;} .home-quality .list{grid-template-columns: 40px auto;gap: 10px;} .home-quality .box{flex-direction: column;gap: 7px;} .home-quality .h3 {font-size: 22px;} .home-quality .list p{font-size: 14px;line-height: 20px;} .home-quality .content{flex-direction: column;} .home-quality .items{padding: 30px 20px 25px 20px;min-height: auto;} .home-quality .img{width: 50px;height: 50px;margin-bottom: 15px;} .home-quality .t1{margin-bottom: 15px;font-size: 20px;} .home-printing .title{margin-bottom: 15px !important;} .all-case{padding: 30px 0;} .all-case .content{flex-direction: column;gap: 25px;} .all-case .right{min-width: auto;} .all-case .t1{font-size: 22px;line-height: 30px;margin-bottom: 15px;} .all-case .cont{margin-bottom: 25px;} .all-case-xl{padding-bottom: 30px;} .all-partner{margin-top: 30px;} .all-partner .list{flex-direction: column-reverse;gap: 25px;} .all-partner .people{width: 100%;min-width: auto;gap:0 15px;padding-left: 0;} .all-partner .name{font-size: 18px;line-height: 26px;} .all-partner .people::before{display: none;} .all-partner .all-hover-1::after{font-size: 24px;} .all-news{margin-bottom: 30px;} .all-news .list{justify-content: normal;} .all-news .t1{margin-bottom: 15px;} .all-news .col-line::before {height: 16px;} .all-news .time{padding-left: 14px;} .all-contacts{background: url(../../images/home-contacts-bg.webp) no-repeat bottom right;background-size: auto 100%;padding: 30px 0;} .all-contacts-box{flex-direction: column-reverse;gap: 20px;} .all-contacts-box .img{margin-bottom: 0;} .all-contacts-box .text{width: 100%;margin-top: 0;} .all-contacts-box a{font-size: 16px;width: auto;} .home-printing{padding: 30px 0;margin-bottom: 30px;} .home-printing .title{max-width: 100%;} .proindex .box{flex-direction: column;gap: 25px;margin-bottom: 40px;} .proindex .title{margin-bottom: 15px !important;} .proindex .msg{margin-bottom: 25px;} .proindex .tags{margin-bottom: 30px;} .p-l-advantage{padding: 30px 0;} .p-l-advantage .content.three,.p-l-advantage .content.four{grid-template-columns: repeat(1, 1fr);flex-direction: column;gap: 30px;} .p-l-advantage .list{padding: 25px 15px ;} .p-l-product{padding-top: 30px;} .all-products .list{flex-direction: column;gap: 25px;} .all-products .img{margin-bottom: 25px;border-bottom-left-radius: 30px;} .all-products .model{position: static;padding: 15px 20px;gap: 20px;min-height: auto;flex-direction: column;align-items: flex-start} .all-products .d{display: flex;flex-direction: row-reverse;justify-content: space-between;width: 100%;} .all-products .value{font-size: 16px;line-height: 24px;} .all-products .d p{font-size: 16px;line-height: 24px;font-weight: 600;} .all-products .t1{font-size: 22px;} .all-products ol{grid-template-columns: repeat(2, 1fr);} .all-products hr{margin: 20px 0 40px;} .all-products hr:nth-last-of-type(1){margin-bottom: 0;} .p-l-quality{padding-bottom: 30px;} .p-l-quality .content{grid-template-columns: repeat(1, 1fr);gap: 35px;} .p-l-quality .img{margin-bottom: 15px;} .p-l-quality .box{padding: 0;} .p-l-quality .t1{font-size: 22px;margin-bottom: 15px;} .p-l-quote{justify-content: flex-end;margin-bottom: 30px;} .p-l-quote .content{width: 100%;} .p-l-quote .title{margin-bottom: 15px !important;} .p-l-quote .cont{margin-bottom: 25px;} .p-i-first{padding-bottom: 30px;margin-bottom: 30px;} .p-i-first .content{flex-direction: column-reverse;margin-top: 30px;gap: 25px;} .p-i-first .left{min-width: auto;} .p-i-first .model{font-size: 16px;} .p-i-first .text{margin-bottom: 25px;} .table-wrapper table tr:first-child td{padding-top: 5px;padding-bottom: 5px;} .form-container{padding: 25px 10px;} .section {margin-bottom: 15px;} .section-col{align-items: flex-start} .section-col:nth-child(1), .section-col:nth-child(2){min-width: auto;width: 100%;} .section-bag, .section-printing{flex-direction: column;} .section-box .both-input{display: flex;} .section-col:nth-child(2) .section-title {width: 37%;} .section-printing{gap: 15px;} .section-printing .side-group:nth-last-of-type(1){flex-direction: column;} .section-printing label{width: 50px;} .p-i-content{margin-top: 30px;} .p-i-content .title-xl{font-size: 22px;margin-bottom: 30px;} .p-i-content .container-xl{margin-bottom: 30px !important;} .p-i-content .container-xl:last-child{margin-bottom: 0 !important;} .table-wrapper table tr:first-child td{font-size: 16px;} .table-wrapper table td{font-size: 14px;line-height: 20px;padding: 10px 5px;} .solution-paper{padding-top: 30px;} .sol-first .content{grid-template-columns: repeat(2, 1fr);gap: 30px 20px;} .solution-in-paper{padding-top: 30px;} .sol-in-first{padding-bottom: 30px;} .sol-in-first .content{padding: 25px 15px;} .sol-in-first .h2{font-size: 22px;line-height: 30px;} .sol-in-first .img-box{grid-template-columns: repeat(2, 1fr);gap: 25px 15px;} .sol-in-production{margin-bottom: 30px;} .sol-in-production .title.row-line{position: relative;top:auto;padding-bottom: 0;} .sol-in-production .title.row-line::before{display: none;} .sol-in-production .content{flex-direction: column;} .sol-in-production .aside{width: 100%;position: static;padding-top: 16px;} .sol-in-production .aside-1{grid-template-columns: repeat(1, 1fr);gap: 30px;} .sol-in-production .list{margin-bottom: 20px;} .sol-in-production .d{font-size: 20px;line-height: 28px;gap: 10px} .sol-in-production .aside-2{margin-top: 0;flex-direction: column;gap: 0;margin-bottom: 30px;} .sol-in-production .aside-2 .cont{margin-bottom: 25px;} .sol-in-production .aside-2 a{width: 160px;height: 42px;} .service-paper{padding: 30px 0;} .service-top{flex-direction: column;margin-bottom: 30px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 25px 15px;} .service-top .list{min-height: auto;padding: 25px 10px;} .service-top .img-1 {width: 46px;height: 46px;} .service-top .h5{font-size: 18px;line-height: 26px;margin-bottom: 10px;} .service-bottom .items{flex-direction: column;margin-bottom: 35px;gap: 15px;} .service-bottom .d{margin-bottom: 15px;grid-template-columns: 45px auto;gap: 0 20px;} .service-bottom .num{font-size: 32px;line-height: 32px;} .service-bottom .num::after{width: 6px;height: 6px;} .service-bottom .name{font-size: 20px;line-height: 28px;} .video-paper h1, .faq-paper h1, .news-paper h1{margin: 30px 0;} .faq-content .content{flex-direction: column;gap: 15px;} .faq-content .menu-collapse{width: 100%;position: sticky;top: 50px;height: fit-content;z-index: 1;} .faq-content{margin-bottom: 40px;} .all-faqs .items{padding: 15px 0;} .all-faqs .item {padding-left: 40px;} .all-faqs .quen-q{font-size: 16px;line-height: 24px;} .all-faqs .quen-a{font-size: 14px;line-height: 20px;padding-left: 40px;} .all-faqs .zm{width: 25px;min-width: 25px;height: 25px;font-size: 16px;} .all-faqs .zm-q{margin-top: -1px;} .all-faqs .symbol{width: 25px;min-width: 25px;height: 25px;font-size: 16px;} .all-faqs .items.active{padding-bottom: 15px;} .all-faqs .items.active .item{margin-bottom: 10px;} .nav .menu-collapse{width: 100%;} .nav .menu-collapse ul li{padding-left: 0;} .news-paper{padding-bottom: 40px;} .news-paper .nav{position: sticky;top: 50px;height: fit-content;z-index: 1;} .news-content{grid-template-columns: repeat(1, 1fr);} .news-content .list{padding-bottom: 25px;} .news-content .img{margin-bottom: 20px;} .news-content .time{font-size: 14px;line-height: 20px;margin-bottom: 5px;} .news-content .more-btn{font-size: 14px;line-height: 20px;} .about-paper{padding: 30px 0;} .about-first{margin-bottom: 30px;} .about-first .text-box{max-height: none;} .about-first .text-box>p{max-width: 100%;font-size: 14px;line-height: 20px;} .about-first .title span{font-size: 22px;} .about-first .small-box{margin-top: 30px;display: grid;grid-template-columns: repeat(3,1fr);gap: 20px 10px;} .about-first .small-box .h3{font-size: 24px;} .about-first .small-box p{font-size: 14px;line-height: 20px;} .about-first .about-video{margin-top: 30px;} .about-first .about-video .img {overflow: hidden;display: flex;justify-content: center;align-items: center;} .about-first .about-video .img, .about-first .about-video .img img{border-radius: 20px;} .about-first .about-video .img img{max-width: none;height: 200px;width: auto;} .about-first .about-video-btn{width: 60px;height: 60px;} .about-first .about-video-btn::after{width: 32px;height: 16px;border-left: 13px solid #fff;border-right: 13px solid transparent;border-top: 8px solid transparent;border-bottom: 8px solid transparent;} .about-advanced{padding: 30px 0;} .about-advanced ul{flex-direction: column;gap: 10px 15px;margin-bottom: 25px;} .about-advanced li{font-size: 16px;line-height: 24px;} .about-advanced li::before{content: "";background: url(../../images/sign-8.webp) no-repeat;width: 20px;height: 20px;background-size: 100% 100%;top: 3px;} .about-advanced .img-box{grid-template-columns: repeat(2, 1fr);gap:15px;} .about-cer{padding: 30px 0;} .about-cer .content{flex-direction: column;gap: 20px;} .about-cer .text{margin-bottom: 20px;} .about-cer .right{min-width: auto;} .about-quality{margin-bottom: 30px;} .about-quality .list{padding: 30px 15px;min-height: auto;} .about-quality .content{flex-direction: column;gap: 25px 15px;} .about-quality .img-1{margin-bottom: 15px;} .about-partners{padding: 30px 0;} .about-partners .top-head{width: 100%;margin-bottom: 25px;} .about-partners .content{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px 15px;} .quality-paper{padding: 30px 0;} .quality-top{padding-bottom: 30px;} .quality-top .top-head{margin-bottom: 20px;} .quality-top .top-head .text{width: 100%;} .quality-paper .items{flex-direction: column;gap: 20px;} .quality-paper .items .title span{display: inline;} .quality-paper .items ul li{padding-left: 27px;} .quality-advanced{padding: 30px 0;} .quality-advanced .content{flex-direction: column;padding: 0;} .quality-advanced .left{min-width: auto;} .quality-advanced .right{gap: 20px 15px;} .quality-bottom{padding-top: 30px;} .quality-paper .items{margin-bottom: 35px;} .case-paper{padding: 30px 0;} .all-case-paper .box{min-height: auto;height: auto;padding: 25px 15px;} .all-case-paper .t1{font-size: 20px;} .all-case-paper .more-btn{position: static;margin-top: 20px;} .sol-touch{padding: 30px 0 0;margin-top: 30px;gap: 15px;grid-template-columns: 75px auto;align-items: flex-start} .case-paper .row{margin: 0 -7px;} .case-paper .col-md-4{padding: 0 7px;} .download-paper{padding-bottom: 0px;} .download-paper h1{margin: 30px 0 15px;} .download-paper .content{flex-direction: column;gap: 25px;} .all-from .form-group{margin-bottom: 10px;} .download-paper .all-from-1 .a-yx{width: auto;padding: 0 25px;} .download-paper .btn-box{margin-top: 30px;} .contact-paper{padding: 30px 0;} .contact-paper .content{flex-direction: column;padding: 30px 15px;gap: 25px;} .contact-paper .left .title-xl{font-size: 22px;line-height: 30px;margin-bottom: 15px;padding-bottom: 15px;} .contact-paper .box-1 .d{grid-template-columns: 23px auto;gap: 10px;} .contact-paper .box-1>*{margin-bottom: 10px;} .contact-paper .box-1 .icon{line-height: 26px;} .contact-paper .box-2{margin-top: 30px;} .contact-paper .box-2 .name{font-size: 14px;} .contact-paper .box-2 .hover-1, .contact-paper .box-2 .hover-2{width: 35px;} .contact-paper .box-2 .hover-1::before, .contact-paper .box-2 .hover-2::before,.contact-paper .instagram .icon{font-size: 16px;} .contact-paper .social-cont {gap: 10px;margin-top: 10px;} .contact-paper .right .top-head{margin-bottom: 25px;} .contact-paper .title-xl{font-size: 22px;line-height: 32px;} .contact-paper .right .cont{margin-top: 10px;} .contact-paper .form-box{padding: 25px 15px;} .home-sol .top-head{gap: 0;} .all-contacts-box .text .title{font-size: 22px !important;} .all-contacts-box .img{width: 75%;} .proindex .title{font-size: 22px !important;} .proindex .msg{margin-top: 0;} .p-i-features .content{gap:25px 15px} .p-i-features .list{padding: 25px 15px;} .p-i-features .t2{font-size:18px;line-height: 26px;} .p-i-content .p-i-content-xl>div{margin-bottom: 30px;} .p-i-equipment .content{grid-template-columns: repeat(2, 1fr);gap: 25px 15px;} .sol-in-production .title{font-size: 22px !important;} .all-case-xl{padding-bottom: 0;} .quality-paper .items .title{font-size: 22px !important;} .quality-paper .items:last-child{margin-bottom: 0;} .case-paper .col-md-4{flex:0 0 100%;max-width: 100%;} .case-in-paper .article{margin-top: 30px;} .case-in-paper h1{margin-bottom: 50px;} .case-in-paper .article .content{font-size: 14px;line-height: 20px;padding-top: 30px;} .case-in-paper .article h2{font-size: 18px;line-height: 26px;margin-bottom: 10px;} .case-in-content{margin-bottom: 30px;} .mySwiper-case-others {padding:30px 20px;} .case-in-paper .title{margin-bottom: 0 !important;} .case-in-paper{padding-bottom: 0px;} } @media(max-width:768px){ .wmkc-list>li{padding-left:0px;} .footer{padding-top: 10px;} .footer .footer-top{padding-bottom: 20px;} .footer .footer-top>div{flex-direction: column;gap: 30px;} .footer .list-1{width: 100%;margin-bottom: 0;} .footer .list-top{gap: 15px;margin-bottom: 20px;} .footer .list-1 .h4{padding-left: 20px;font-size: 18px;line-height: 26px;} .footer .t1{font-size: 20px;margin-bottom: 10px;} .footer .list-2{width: 100%;min-width: auto;} .footer .list-2 .box{display: flex;flex-direction: column;align-items: flex-start;} .footer .list-3{width: 100%;} .footer .footer-bottom{flex-direction: column;align-items: flex-start;gap: 15px;padding: 15px 0;} .footer .social-cont{gap: 10px;} .footer .social-cont a{width: 35px;height: 35px;} .f-b-box a,.footer .instagram .icon{font-size: 16px;} } /*#展会信息*/ .zhbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5);z-index:9999;display:none;align-items:center;justify-content:center;} .zhbg .box{max-width: 1000px; background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);position:relative;} .zhbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;} .zhbg .box .zh-t1{display:flex;margin-bottom:25px;} .zhbg .box .zh-t1 span{background:var(--public-color);display:inline-block;padding:10px;font-size:22px;color:#fff;} .zhbg .box .zh-t2{font-size:26px;font-weight:bold;margin-bottom:15px;color:var(--public-color);} .zhbg .box .zh-t3{font-size:18px;margin-bottom:15px;font-weight:bold;} .zhbg .box .place{font-size:16px;line-height:24px;} .zhbg .box .place p{margin-bottom:10px;} .zhbg .box .place p i{color:var(--public-color);min-width:22px;} .zhbg .box .place p strong{color:var(--public-color);} .zhbg.on{display:flex;} .zhkz.on{display: block;} .zhkz{display: none; background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position: fixed;top:130px;right:-54px;transform: rotate(-90deg); padding: 10px 20px 20px;border-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px;cursor:pointer;z-index:99; } @media(max-width:768px) { .zhbg .box{width:80%;padding:15px;} .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px; } }