/*通用样式*/ :root{ --public-color:#1650b1; --max:1230px; } .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;} */ .nav{gap: 50px;} .nav .more-7.active{background-color: var(--public-color);color: #fff !important;transform: skewX(0deg);} body{color:#666666;font-size:18px;line-height:32px;font-weight: 400;} 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} } .max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;overflow: hidden;} .max-1830px{max-width: 1830px;} .max-1790px{max-width: 1790px;} .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-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*/ .in-header .header{position: relative;} .header{height: 86px;position: fixed;left: 0;top: 0;width: 100%;z-index: 99;background:linear-gradient(0deg, transparent 0%, #707070 100%) repeat-y;} .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{width:auto;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-g);border-radius: 25px;color: #fff;font-size: 20px;width: 180px;height: 50px;letter-spacing: -1px;font-weight: 600;display: flex;align-items: center;justify-content: center;} .header .header-top .toch a:hover{background-color: var(--public-color);color: #fff !important;} .header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: auto;position: relative;} .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: 15px;} .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: bold;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:hover>.dropdown-menu{left: -15px;} .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-top: 15px;padding-bottom: 0px;} .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;animation: fadeInDown .4s;border-bottom: 1px solid var(--public-color);} .header.fadeInDown .header-top {background-color: #fff;padding-top: 15px;padding-bottom: 10px;} /* .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 .search-tb i, .header.fadeInDown .top-lang .dropdown.lang .dropdown-toggle, .header.fadeInDown .dropdown.lang .dropdown-toggle:after{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 7px;} .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;padding:0;display:flex;align-items: center;justify-content: center;text-transform:capitalize;font-size:18px;line-height:32px;padding: 0 10px;} .navbar-custom .navbar-nav .nav-link:before {content:"";width:0px;height:5px;margin-left:0!important;background:var(--public-color);position:absolute;top:-29px;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 10px;} .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:1360px) { .navbar-custom .navbar-nav .nav-link {font-size: 17px;} .navbar-custom .navbar-nav .nav-item { margin: 0 4px; } } @media(max-width:1200px) { .navbar-custom .navbar-nav .nav-link {font-size: 16px;} .navbar-custom .navbar-nav .nav-item { margin: 0 5px; } .header .header-top .toch{display: none;} } @media(max-width:1100px) { .navbar-custom .navbar-nav .nav-link {font-size: 14px;} .navbar-custom .navbar-nav .nav-item{margin: 0;} } @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 !important} .head_nav li li li{font-size:12px !important} .head_nav li li a{color:#666} .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box} .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px} .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .head_nav li.has-child a:hover b{border-color:#111} .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2} .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative} .head_nav li,.head_nav li.has-child{padding-left:0} .head_nav li li,.head_nav li li.has-child{padding-left:15px} .head_nav li.active>a>b:after{display:none} .head_nav li.active>a>b{background-color:#111} .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff} .mobile-ico-close{width:30px;height:30px;background-color:#b3190d;position:absolute;left:-30px;top:0;cursor:pointer} .mobile-ico-close .icon{color:#fff;font-size:30px;padding:0 0 0 6px} .search-box .form-control{border-radius:20px} .search-box .btn{border:1px solid #ced4da;border-radius:20px} .search-box .btn.focus{border:1px solid rgb(128,189,255)} .search-box .icon{color:#b3190d} .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none} } /*#endregion*/ /*#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 } /* 浮窗 */ #float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out} #float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)} #float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background: var(--public-color);border-top:1px solid #fff} #float .ico:first-child>i{border-top:0px solid #fff} #float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff} #float .ico>.img>img{width:100%} #float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:var(--public-color);color:#FFF;transition:all .6s;z-index:0;white-space:nowrap} #float .ico:hover>.img{display:block} #float .ico:hover p{right:56px} #float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i:hover{background-color: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 tr:first-child td ,.table-wrapper table th{border: solid 2px #eaeaea;text-align: center;color: #333;padding:7px 15px 7px 50px;vertical-align: middle;} .table-wrapper table th,.table-wrapper table tr:first-child{background-color: #eaeaea;} .table-wrapper table tr:nth-child(even){background-color: #f3f4f8;} .table-wrapper table td { padding:7px 15px 7px 50px; vertical-align: middle; font-size: 20px;color: #666;font-weight: 400;text-align: center;border: solid 2px #eaeaea;} .table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } @media (max-width: 575.98px) { .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media(max-width:768px) { .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 991.98px) { .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1500.98px) { .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } /*#弹出框*/ .reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)} .reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px} .reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer} .reveal-modal .close-reveal-modal:hover{color: var(--public-color);} @media(max-width:768px){ .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px} } /*#留言表单*/ /* .form-feedback .btn{margin-top: 55px; width: 301px; height: 46px; background-image: linear-gradient(-90deg, #24b66f 0%, #88ca4e 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 3px; transition: all .6s; } .form-feedback .btn:hover{background-image: linear-gradient(-90deg, #88ca4e 0%, #24b66f 100%), linear-gradient(#ffffff, #ffffff); text-decoration: none;} */ .form-feedback .btn { font-size: 18px; line-height: 23px; color: #2f3d5b; font-family: 'Archivo'; width: 188px; height: 48px; border-radius: 8px; background-color: #00f5b3; transition: ease-in-out .4s; } .form-feedback .btn:hover{ background-color: #2f3d5b; color:#00f5b3; } /* .form-feedback .btn{color:#fff;background-image: linear-gradient(-90deg, #24b66f 0%, #88ca4e 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 3px; transition: all .6s;} */ @media(max-width:768px){ .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px} .form-feedback .btn{padding-top:10px;padding-bottom:10px} .contact-wrapper .feedback-box .form-control{margin-bottom:0} } .form-feedback .btn-c{background-color:#0b3b8d;height:100%;padding:10px 20px;transition:all .6s} .popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#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} /*#搜索*/ .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;overflow: hidden;margin-right: 5px;width: 30px;height: 30px;display: flex;justify-content: center;} .top-search-box i{color: #fff;font-size: 20px;} .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: 40px;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;} /* .in-header .top-search-box i{color: ;} */ /* .in-header .header.fadeInDown .top-search-box i{color: #fff;} */ .all-shu{position: relative;} .all-shu:last-child::after{display: none;} .all-shu::after{content: "";width: 1px;height: 15px;background-color: #ccc;position: absolute;right: 0;top:8px;} .down-list{margin-top:40px;} /*banner*/ .banner .banner-text{text-align: left;} .index-banner h1{font-family: 'Poppins';font-weight: 500;color: #262a2e;font-size: 40px;line-height: 80px;} .index-banner h1 span{display: block;} .index-banner h1 strong{color: var(--public-color);font-weight: 500;text-decoration-line: underline;text-decoration-skip-ink: none;text-underline-offset: 20px;} .all-banner .h1{font-size: 41px;color: #333333;line-height: 56px;} .all-banner h1{font-size: 42px;color: #333;} .all-banner h1 span,.all-banner .h1 span{color: var(--public-color);} .all-banner .banner-text{align-items: flex-end;padding-bottom: 120px;} .in-banner{margin-bottom: 75px;} .app-banner .cont-box{width: 100%;} .app-banner .small-nav{display: flex;justify-content: space-between;} .app-banner h1{margin-right: -180px;} .all-banner .about-box .h1{color: #fff;} .all-banner .about-box .small-nav ul li a,.all-banner .about-box .small-nav ul li::after{color: #fff;} .all-banner .about-box .small-nav ul li:last-child {opacity: 1;} /*every-footer*/ .every-footer{position: relative;height: 450px;overflow: hidden;display: flex;align-items: center;justify-content: center;} .every-footer>img{width: auto;height: 100%;max-width: none;} .every-footer .circle-container{justify-content: flex-start;} .every-footer .circle:nth-child(3){border-color: #fff;} .every-footer-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;} .every-footer .left{width: 50%;padding-left: 85px;} .every-footer .right{width: 41%;background-color: #fff;border-radius: 40px;padding: 80px ;} .every-footer .title{color: #fff;margin-bottom: 15px;} .every-footer .text{color: #fff;font-size: 16px;margin-bottom: 20px;} .every-footer .ul{height: 130px;display: flex;flex-direction: column;flex-wrap: wrap;} .every-footer .ul p{margin-bottom: 10px;line-height: 32px;} .every-footer .ul p:last-child{margin-bottom: 0;} .every-footer .ul p::before{content: url(../../images/sign_3.png);color: var(--public-color);font-size: 20px;font-weight: 400;top: 3px;} .every-footer .h2{font-size: 26px;line-height: 32px;color: #333;font-weight: bold;letter-spacing: -2px;margin-bottom: 35px;} .every-footer .more-7{font-size: 20px;height: 42px;border-width: 4px;margin-top: 10px;background-color: #fff;border:0;color: #333;font-weight: bold;letter-spacing: -2px;cursor: pointer;transition: all .5s ease-in-out;} .every-footer .more-7:hover{background-color: #333;color: #fff !important;} .adv-img{padding-top: 90px;padding-bottom: 70px;} .footer{padding-top: 47px;background-color: #f3f4f8;} .footer .ft-1{display: flex;justify-content: space-between;align-items: center;margin-bottom: 45px;} .footer .ft-1 .box{display: flex;justify-content: flex-end;align-items: center;} .footer .ft-1 .h4{font-size: 24px;color: #333;font-weight: 600;margin-right: 48px;} .footer .font-sty{font-size: 16px;color: #666;} .footer .t1{font-size: 18px;color: var(--public-color);font-weight: 600;margin-bottom: 5px;} .footer .list-1 .text{line-height: 30px;margin-bottom: 55px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .footer .list-1 .t1{margin-bottom: 10px;} .footer .search-group{width: 255px;height: 32px;border: solid 1px #666666;border-radius: 0;} .footer .form-control{height: 32px;line-height: 32px;} .footer .form-control::placeholder{color: #ccc;font-size: 14px;} .footer .search-group .btn{width: 32px;background-color: #505860;padding: 0;} .footer .search-group i{color: #fff;font-size: 1.4rem;} .footer .list-1 {width: 32.5%;} .footer .list-2 {width: 30%;} .footer .list-2 .box{display: inline-flex;flex-direction: column;} .footer .list-3 {width: 24%;} .footer .list-2 .font-sty::before{content: "\f061";font-family: 'cmsfont';font-weight: 500;font-size: 14px;display: inline-block;padding-right: 20px;} .footer .list-2 .font-sty{margin-bottom: 5px;} .footer .list-3 .list-xl:first-child{margin-bottom: 10px;} .footer-top{padding-bottom: 30px;} .footer-bottom{height: 72px;display: flex;align-items: center;background-color: #e1e4ef;color: #888;font-size: 16px;text-align: center;} .social>span,.social>a{width: 27px;height: 27px;background-color: #505860 !important;border-radius: 0;display: inline-flex;justify-content: center;align-items: center;} .social>span:before, .social>a:before{font-size: 20px;width: auto;} .social-all>div + div{margin-left: 16px;} .social-all .hover-3:hover{background-color: var(--public-color) !important;color: #fff !important;} .footer .list-3 .d1{display: flex;align-items: center;gap: 5px;} .footer .list-3 .d1 .icon{color: var(--public-color);} @media(max-width:1250px){ .footer .list-2{width: 35%;} .footer .list-3{width: 25%;} } @media(max-width:1100px){ .footer .list-1{width: 100%;display: flex;justify-content: space-between;} .footer .list-1 .text{width: 60%;} .footer .list-1 .find{width: 35%;display: flex;justify-content: flex-end;} .footer .list-2{width: 50%;} .footer .list-3{width: 50%;} } .small-nav{display: flex;align-items: center;padding-top: 50px;margin-bottom: 0px } .small-nav ul{display: flex;align-items:flex-start;flex-wrap: wrap;} .small-nav ul a{font-size: 20px;line-height: 32px;color:#262a2e;opacity: .3;font-weight: 500;font-family: 'Poppins';} .small-nav ul li::after{content: "\f061";padding:0 15px;font-size: 20px;line-height: 32px;color:#262a2e;opacity: .3;font-weight: 500;font-family: 'cmsfont';} .small-nav ul li:last-child::after{display: none;} .small-nav ul li{display: flex;} .small-nav ul li:last-child a{opacity: .7;color:var(--public-color);} /* .all-banner .small-nav{position: absolute;bottom: 0;width: 100%;margin-bottom: 40px;padding-left: 15px;} */ /*共有的类名*/ .title{font-size:38px;line-height:56px;color: #262a2e;} .title i.b{color: var(--public-color);font-style: normal;} .title span{display: block;} /* .text span{color: var(--public-color);} */ .h6{font-size: 18px;line-height: 26px;color: var(--public-color);font-weight: 500;} .text p{margin-bottom: 25px;} .text p:last-child{margin-bottom: 0;} .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 p{position: relative;padding-left: 35px;margin-bottom: 0px;} .ul p::before{content: "\f00c";font-family: 'cmsfont';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::after{content: url(../../images/row-1.png);display: block;} .row-line-1::after{content: url(../../images/row-2.png);display: block;} .row-line-2::after{content: url(../../images/every-sign-1.png);display: block;} .row-line.r-l-c::after,.row-line-2.r-l-c::after{margin-left: auto;margin-right: auto;} */ .col-line::before{content: "";width: 2px;height: 19px;background-color: var(--public-color);position: absolute;left: 0;top: 7px;} /* .img-2 img{mix-blend-mode: multiply;} */ .col-line{position: relative;padding-left: 14px;} @font-face { font-family: "Urbanist-SemiBold"; src: url("../../style/Fontss/Urbanist-SemiBold.ttf"); } .more-7 { font-size: 20px; line-height: 32px; color: #fff; background-color: #505860; border-radius: 4px; height: 56px; padding: 0 28px; display: inline-flex; justify-content: center; align-items: center; transform: skewX(-8deg); transition: transform .4s ease-in-out; } .more-7 p{transform: skewX(8deg);} .more-7:hover{background-color:var(--public-color);color: #fff !important;transform: skewX(0deg);} .more-7:hover p{transform: skewX(0deg);} .more-7:hover span{padding-left: 0;padding-right: 15px;} .more-7 span{padding-left: 15px;transition: all .6s ease-in-out;} .more-7 .arrow::after{content:"\f061";font-family: cmsfont;display: inline-block;font-weight: 300;font-size: 18px;} .index-about.max-1920px{overflow: visible;} .index-about .left{width: 51%;position: relative;z-index: 6;margin-top:90px;} .index-about .right{width: 49%;position: relative;display: flex;padding-bottom: 46px;z-index: 2;} .index-about .right::after{content: "";width: 112%;height: 112%;border-top: 4px solid var(--public-color);background-color: #f3f4f8;z-index: 0;position: absolute;top: -95px;right: 0;} .index-about .right::before{content: "";width: 259px;height: 11px;background-color: var(--public-color);position: absolute;left: -12%;top: -95px;z-index: 1;} .index-about .cont-box{position: relative;z-index: 1;width: 78%;padding-left: 63px;} .index-about .title{margin-bottom: 40px;} .index-about .text{margin-bottom: 100px;} .index-about .text p{margin-bottom: 0;} .index-about .more-7{margin-bottom: 85px;} .index-about .list{background-color: #fff;padding: 18px 5px 18px 18px;flex: 1;} .index-about .small-box{gap: 0 18px;} .index-about .h3{display: flex;align-items: center;font-size: 34px;color: var(--public-color);margin-bottom: 12px;} .index-about .img-1{margin-right: 15px;} .index-about{margin-bottom: 150px;} .index-pro .line-col{width: 4px;height: 100%;background-color: #f3f4f8;} .index-pro .left{width: 45%;} .index-pro .right{width: 45%;} .index-pro .content-top{align-items: flex-end;} .index-pro .title{color: var(--public-color);margin-bottom: 75px;position: relative;} .index-pro .title::after{content: "→";color: var(--public-color);display: inline-block;position: absolute;right: -50px;top: 5px;opacity: 0;transition: opacity .4s ease-in-out;} .index-pro .title:hover::after{opacity: 1;} .index-pro .t2{color: #999;line-height: 36px;position: relative;padding-left: 30px;} .index-pro .t2::before{content:"";width: 6px;height: 6px;background-color: #999;position: absolute;left: 8px;top: 19px;margin-top: -3px;} .index-pro .t2:hover::before{content: "\f061";width: auto;height: auto;background-color: transparent;font-family: cmsfont;top: 0;left: 0;margin-top: 0;color: var(--public-color);} .index-pro .t2 span{position: relative;display: inline-flex;justify-content: center;} .index-pro .t2 span::after {content: "";width: 0;height: 1px;background-color: var(--public-color);position: absolute;bottom: 5px;transition: width .4s ease-in-out;} .index-pro .t2:hover span::after{width: 100%;} .index-pro .name-t2{margin-bottom: 105px;} .index-pro .ul{background-color: #f3f4f8;padding-left:55px;display: flex;flex-direction: column;justify-content: center;width: 90%;height: 148px;position: relative;} .index-pro .ul span{color: var(--public-color);font-weight: 600;} .index-pro .ul::after{content: "";width: 66px;height: 100%;position: absolute;right: 0;bottom: 0;border-top: 74px solid transparent;border-left: 33px solid transparent;border-bottom: 74px solid #fff;border-right: 33px solid #fff;} .index-pro .img-cer{text-align: center;margin-top: 20px;} .index-pro-top{display: flex;justify-content: space-between;margin-bottom: 90px;} .aside-left{display: flex;gap: 0 10px;height: 580px;} .aside-left .line-col p{height: 78px;background-color: var(--public-color);position: sticky;top: 85px;} .aside-left .img-font{height: fit-content;position: sticky;top: 85px;} .aside-right {display: flex;align-items: flex-end;gap: 0 10px;} .aside-right .line-col{display: inline-flex;align-items: flex-end;height: 580px;} .aside-right .line-col p{width: 100%;;height: 346px;background-color: var(--public-color);position: sticky;bottom: 0;} .index-pro .aside-right {margin-right: -70px;} .index-pro .content-top{margin-bottom: 170px;} .index-pro .h2{font-size: 42px;color: #262a2a;margin-bottom: 40px;} .index-pro .top-head p{margin-bottom: 0;} .index-pro .top-head{margin-bottom: 35px;} .index-pro-top .all-acces .t3{padding: 10px;font-size: 16px;} .index-pro-top .all-acces{padding-bottom: 0;} .all-acces{position: relative;padding-bottom: 60px;} .all-acces .list{background-color: #ffffff;box-shadow: 5px 11px 24px 0px rgba(0, 0, 0, 0.14);border-radius: 8px;position: relative;} .all-acces .img-pro,.all-acces .img-pro img{border-radius: 8px;} .all-acces .t3{background-color: #f3f4f8;opacity: .9;font-size: 20px;line-height: 24px;color:#333;position: absolute;left: 0;bottom: 0;width: 100%;height:70px;padding: 10px 20px 28px;border-radius: 0 0 8px 8px; } .all-acces .list:hover .t3{background-color: var(--public-color);color: #fff;} .all-acces .t3:hover{color: #fff !important;} .all-acces .list:hover .img-pro img{transform: scale(1.1);display: block;} .all-acces .mySwiper-acces{padding:30px 15px;/*box-shadow: -4px 0px 24px 0px rgba(0, 0, 0, 0.14);*/} .all-acces .pag-acces{bottom: 0;left: 0;} .index-pro .a{display: flex;justify-content: center;} .index-pro{margin-bottom: 105px;} .all-acces .row{margin: 0 -9px;} .all-acces .col-md-3{padding: 0 9px;} .index-adv{background-color: #f3f4f8;} .index-adv .content{height: 285px;} .index-adv .title{margin-bottom: 20px;} .index-quality {padding-top: 120px;padding-bottom: 130px;background:url(../../images/index-21.jpg) no-repeat;background-size: contain;} .index-quality .title{font-size: 42px;margin-bottom: 20px;} .index-quality .top-head{margin-bottom: 110px;} .index-quality .content{gap: 0 36px;} .index-quality .list{background-color: #f3f4f8;width: auto;flex: 1;padding:60px 0 100px 35px;transition: all .6s ease-in-out;} .index-quality .list:hover{background: url(../../images/index-20.jpg) no-repeat;background-size: cover;color:#fff} .index-quality .list:hover .h3{color: #fff;transition: all .6s ease-in-out;} .index-quality .img-1{margin-bottom: 35px;} .index-quality .h3{font-size: 22px;line-height: 30px;font-weight: 600;color: #262a2e;margin-bottom: 40px;} .index-quality .h3 span{display: block;} .index-quality .line{height: 2px;background-color: #fff;} .index-quality .cont{margin-top: 35px;font-size: 16px;padding-right: 20px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .index-quality .list .white{display: none;animation:bounceIn .8s ease-in-out} .index-quality .list:hover .white{display: block;animation:bounceIn .8s ease-in-out} .index-quality .list .blue{display: block;animation:bounceIn .8s ease-in-out} .index-quality .list:hover .blue{display: none;animation:bounceIn .8s ease-in-out} .index-sol{background-color: #f3f4f8;padding-top: 85px;} .index-sol .title{font-size: 41px;margin-bottom: 20px;} .index-sol .top-head{margin-bottom: 115px;width: 93%;} .index-sol .items{display: flex;flex-direction: column;flex: 1;overflow: hidden;} .index-sol .t1{font-size: 18px;line-height: 22px;font-weight: 600;margin-bottom: 40px;} .index-sol .items:nth-child(odd) .t1{color: #fff !important;} .index-sol .items:nth-child(odd) .list:first-child{background-color: var(--public-color);color: #fff;} .index-sol .items:nth-child(odd) .list-xl{display: flex;flex-direction: column;justify-content: space-between;} .index-sol .items:nth-child(odd) .white{display: inline-block;animation:bounceIn .8s ease-in-out} .index-sol .items:nth-child(odd) .a-sol:hover .white{display: none;animation:bounceIn .8s ease-in-out} .index-sol .items:nth-child(odd) .black{display: none;animation:bounceIn .8s ease-in-out} .index-sol .items:nth-child(odd) .a-sol:hover .black{display: inline-block;animation:bounceIn .8s ease-in-out} .index-sol .cont{font-size: 16px;font-weight: 300; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .index-sol .items:nth-child(odd) .a-sol::after{content: url(../../images/index-22.png);display: inline-block} .index-sol .items:nth-child(odd) .a-sol:hover::after{content: url(../../images/index-22-1.png);display: inline-block} .index-sol .items:nth-child(even) .a-sol::after{content: url(../../images/index-23.png);display: inline-block} .index-sol .items:nth-child(even) .a-sol:hover::after{content: url(../../images/index-23-1.png);display: inline-block} .index-sol .row-line{position: relative;} .index-sol .row-line::after{content: "";width: 41px;height: 5px;background-color: #fff;transition: width .3s ease-in-out;position: absolute;left: 0;bottom: -30px;} .index-sol .row-line:hover::after{width: 100%;} .index-sol .img img{width: auto;} .index-sol .img {display: flex;align-items: center;justify-content: center;overflow: hidden;width: 100%;height: 100%;} .index-sol .items .list:first-child{height: 281px;display: flex;justify-content: center;padding: 40px 0;} .index-sol .list-xl{width: 62%;display: flex;justify-content: space-between;} .index-sol .items:nth-child(even){flex-direction: column-reverse;} .index-sol .items:nth-child(even) .list-xl{flex-direction: column-reverse;justify-content: flex-end;} .index-sol .items:nth-child(even) .row-line::after{background-color: #333333;} .index-sol .items:nth-child(even) .t1{color: #111 !important;} .index-sol .items:nth-child(even) .black{display: inline-block;animation:bounceIn .8s ease-in-out} .index-sol .items:nth-child(even) .a-sol:hover .black{display: none;animation:bounceIn .8s ease-in-out} .index-sol .items:nth-child(even) .blue{display: none;animation:bounceIn .8s ease-in-out} .index-sol .items:nth-child(even) .a-sol:hover .blue{display: inline-block;animation:bounceIn .8s ease-in-out} .index-news {padding-top: 150px;padding-bottom: 160px;} .all-news .title{text-align: center;font-size: 40px;margin-bottom: 110px;} .all-news .list{background-color: #f3f4f8;padding: 40px;box-shadow: 12px 12px 24px 0px rgba(0, 0, 0, 0.14);transition: all .3s ease-in-out;height: 100%;} .all-news .time{color: #999;font-size: 14px;margin-bottom: 10px;} .all-news .t1{font-size: 20px;color: #333;font-weight: 600;margin-bottom: 10px; 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-news .a-news{display: block;} .all-news .a-news .white{display: none;animation:bounceIn .8s ease-in-out} .all-news .a-news .black{display: inline-block;animation:bounceIn .8s ease-in-out} .all-news .a-news:hover .white,.all-news .list.active .white{display:inline-block;animation:bounceIn .8s ease-in-out} .all-news .a-news:hover .black,.all-news .list.active .black{display: none;animation:bounceIn .8s ease-in-out} .all-news .row{margin: 0 -18px;} .all-news .col-md-4{padding: 0 18px;} .all-news .list.active{background-color: var(--public-color);box-shadow: none;} .all-news .list.active .time{color: #fff;} .all-news .list.active .t1{color: #fff !important;} .all-news .list.active .t1{color: #fff !important;} .all-news .list.active .summary{color:var(--public-color) !important;} .pro-cen-paper{margin-top: -75px;font-size: 16px;padding-bottom: 95px;} .pro-cen-paper .small-box{display: flex;gap: 0 23px;margin-bottom: 110px;} .pro-cen-paper .small-box p{line-height: 24px;margin-bottom: 20px;} .pro-cen-paper .small-box .h3{display: flex;align-items: center;color: var(--public-color);font-size: 34px;} .pro-cen-paper .small-box .s1{font-size: 18px;line-height: 24px;padding-left: 15px;} .pro-cen-paper .small-box .list{background-color: #ffffff;box-shadow: 5px 8px 38px 0px rgba(0, 0, 0, 0.08);width: 227px;padding: 24px 30px;position: relative;} .pro-cen-paper .small-box .list::before{content: "";width: 100%;height: 4px;background-color: var(--public-color);position: absolute;left: 0;top: 0;} .pro-cen-paper .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 150px;} .pro-cen-paper .items:last-child{margin-bottom: 0;} .pro-cen-paper .items:nth-child(even){flex-direction: row-reverse;} .pro-cen-paper .items:nth-child(even) .cont-box {width: 50%;} .pro-cen-paper .items:nth-child(even) .img{width: 47%;} .pro-cen-paper .img{width: 45%;} .pro-cen-paper .t1{font-size: 38px;line-height: 48px;color: #333;letter-spacing: -1px;margin-bottom: 30px;position: relative;} /* .pro-cen-paper .t1 span{position: absolute;right: 0;bottom: -5px;} */ .pro-cen-paper .t1 .blue{display: none;} .pro-cen-paper .t1:hover .blue{display: inline-block;animation: bounceIn .6s ease-in-out;} .pro-cen-paper .t1:hover .gain{display: none;animation: bounceIn .6s ease-in-out;} .pro-cen-paper .t1 .gain{display: inline-block;} .pro-cen-paper .cont-box{width: 45%;} .pro-cen-paper .text{margin-bottom: 45px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .pro-cen-paper .t2{color: #999;font-size: 18px;line-height: 36px;position: relative;padding-left: 30px;} .pro-cen-paper .t2::before{content:"";width: 6px;height: 6px;background-color: #999;position: absolute;left: 8px;top: 18px;margin-top: -3px;} .pro-cen-paper .t2:hover::before{content: "\f061";width: auto;height: auto;background-color: transparent;font-family: cmsfont;top: 0;left: 0;margin-top: 0;color: var(--public-color);} .pro-cen-paper .t2 span{position: relative;display: inline-flex;justify-content: center;} .pro-cen-paper .t2 span::after {content: "";width: 0;height: 1px;background-color: var(--public-color);position: absolute;bottom: 5px;transition: width .4s ease-in-out;} .pro-cen-paper .t2:hover span::after{width: 100%;} .pro-cen-paper .name-t2{display: flex;flex-direction: column;} .pro-list-paper{margin-top: -75px;font-size: 16px;padding-bottom: 115px;} .pro-list-box{width: 80%;background-color: #f3f4f8;position: relative;padding: 40px 0 60px 80px;margin-left: -80px;border-top: 4px solid var(--public-color);position: relative;margin-bottom: 100px;} .pro-list-box::before{content: "";width: 260px;height: 7px;background-color: var(--public-color);position: absolute;left: 0;top: 0;} .pro-list-box .img-1{mix-blend-mode: darken;margin-bottom: 30px;margin-left: -15px;} .pro-list-box .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .pro-list-box .box{width: 78%;} .all-products .model{font-size: 20px;line-height: 30px;color: var(--public-color);opacity: 0;} .p-l-products {margin-bottom: 100px;} .p-l-products .title{text-align: center;margin-bottom: 110px;} .all-products .list:hover .model,.all-products .list.active .model{opacity: 1;} .all-products .list:hover .row-line::before,.all-products .list.active .row-line::before{opacity: 0;margin-bottom: 5px;} .all-products .list{background-color: #f3f4f8;border-radius: 8px;padding: 0 20px 25px 30px;position: relative;height:355px;display: flex;align-items: flex-end;} .all-products .list .img{margin-top: 0px;transition: all .4s ease-in-out;position: absolute;top:-40px;} .all-products .list .img img{mix-blend-mode: darken;} .all-products .t1{font-size: 22px;line-height: 30px;color: #333;font-weight: 600;} .all-products .row-line::before{content: "";width: 39px;height: 4px;background-color: var(--public-color);display: block;margin-bottom: 25px;opacity: 1;} .all-products .arrow{display: none;} .all-products .row{margin: 0 -25px;gap: 87px 0;} .all-products .col-md-4{padding: 0 25px;} .all-products .list:hover .arrow,.all-products .list.active .arrow{display: inline-block;animation: fadeInUp .4s ease-in-out;} .all-products .list .list-xl{transition: padding-bottom .4s ease-in-out;} .all-products .list:hover .list-xl,.all-products .list.active .list-xl{ position: absolute; bottom: 0px; left: 0; width: 100%; height: 100%; background-color: rgba(243, 244, 248, .6); display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 0 20px 28px 30px; } .all-products .list:hover .t1 ,.all-products .list.active .t1 { padding-bottom: 40px; } .all-products .list:hover .img,.all-products .list.active .img{margin-top: 0;top: 0;} .all-products .list:hover::after,.all-products .list.active::after{content: "";width: 100%;height: 9px;background-color: var(--public-color);position: absolute;bottom: 0;left: 0;border-radius: 0 0 8px 8px;} .p-l-adv{margin-bottom:135px;} .p-l-adv .title{text-align: center;margin-bottom: 90px;} .p-l-adv .content{gap:42px 0px;flex-wrap: wrap;} .p-l-adv .list{background-color: #f3f4f8;padding:40px 0 60px 43px;position: relative;width: calc(calc(100% - 56px) / 2);} .p-l-adv .img-1{margin-bottom: 20px;} .p-l-adv .h5{font-size: 22px;line-height: 30px;color: #333;font-weight: 600;} .p-l-adv .line{width: 100%;height: 2px;background-color: var(--public-color);margin: 25px 0 20px;} .p-l-adv .list::after{content: "";background: url(../../images/p-l-13.jpg) no-repeat;width: 196px;height: 158px;display: inline-block;position: absolute;right: 0;bottom: 0;z-index: 0;opacity: 0;} .p-l-adv .list:hover::after{opacity: 1;animation: fadeIn .6s ease-in-out;} .p-l-adv .text{width: 94%; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .p-l-adv .list-xl{position: relative;z-index: 1;} .p-l-acc .top-head{align-items: flex-end;margin-bottom: 80px;} .p-l-acc .left{width: 73%;} .p-l-acc .title{margin-bottom: 40px;} .p-l-acc .right{width: 25%;display: flex;justify-content: flex-end;margin-bottom: 20px;} .p-l-acc{margin-bottom: 100px;} .p-l-needs {position: relative;display: flex;align-items: center;margin-bottom: 160px;} .p-l-needs::after{content: "";width: 100%;height: 80%;background-color: #f3f4f8;position: absolute;left: 0;z-index: -1;} .p-l-needs .title{margin-bottom: 30px;} .p-l-needs .text{font-size: 18px;line-height: 30px;color: #999;font-weight: 500;margin-bottom: 80px;width: 90%;} .p-l-needs .ul{font-size: 20px;line-height: 32px;color: #666;opacity: .8;font-weight: 300;} .p-l-needs .ul p{margin-bottom: 20px;} .p-l-needs .left{width: 50%;} .p-l-needs .right{width: 47%;background-color: #fff;padding: 70px 60px 60px 48px;box-shadow: 0px 22px 51px 0px rgba(0, 0, 0, 0.08);border-top: 4px solid var(--public-color);position: relative;} .p-l-needs .right::before{content: "";width: 259px;height: 7px;background-color: var(--public-color);position: absolute;left: 0;top: 0;} .p-l-needs .form-control{border:0;line-height: 32px;background-color: #f3f4f8;border-radius: 4px;padding-left: 35px;padding-top: 10px;padding-bottom: 15px;} .p-l-needs .form-control::placeholder{color: #999;font-size: 20px;line-height: 32px;font-weight: 300;opacity: .8;} .p-l-needs .btn-box{display: flex;flex-direction: column;align-items: flex-end;} .p-l-needs .more-7{font-size: 20px;padding: 0;width: 225px;height: 51px;border-width: 4px;margin-top: 10px;} .p-l-faq{margin-bottom: 110px;} .all-faqs .title{font-size: 42px;color: #333;margin-bottom: 20px;} .all-faqs .left{width: 65%;padding-bottom: 50px;} .all-faqs .right{width: 32%;text-align: right;padding-top: 20px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; background:url(../../images/p-l-14.jpg) no-repeat; background-position: bottom left; background-size: contain; display: flex; flex-direction: column; align-items: flex-end; } .all-faqs .right .text{width: 80%;} .all-faqs .dimen{color: var(--public-color);font-size: 21px;font-weight: bold;padding-top: 5px;} .all-faqs .dimen .minus{display: none;} .all-faqs .dimen .plus{display: block;} .all-faqs .items.active .dimen .minus{display: block;} .all-faqs .items.active .dimen .plus{display: none;} .all-faqs .items{display: flex;justify-content: space-between;padding: 23px 0;} .all-faqs .items + .items{border-top: 1px solid rgba(51, 51, 51, .1);} .all-faqs .quen-q{font-size: 22px;line-height: 32px;color: #222;font-weight: 500;} .all-faqs .quen-a{font-size: 18px;line-height:30px;padding-top: 25px;padding-bottom: 27px;} .all-faqs .item{width: 97%;cursor: default;} .p-l-best{margin-bottom: 125px;} .p-l-best .title{text-align: center;margin-bottom: 110px;} .p-l-best .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 135px;} .p-l-best .items:last-child{margin-bottom: 0;} .p-l-best .left{width: 55%;} .p-l-best .left .text h5{padding: 10px;font-size: 15px;line-height: 30px;background-color:#F5F7F9} .p-l-best .right{width: 35%;background-color: #f3f4f8;border-radius: 8px;text-align: center;display: flex;flex-direction: column;justify-content: space-between;padding-bottom: 35px;} .p-l-best .t1{font-size: 22px;line-height: 30px;font-weight: 600;letter-spacing: -1px;} .p-l-best .row-line::after{content: "";width: 39px;height: 4px;background-color: var(--public-color);display: block;margin-top: 25px;margin-bottom: 40px;} .p-l-best .text p{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-param>div{display: flex;justify-content: space-between;padding:20px 20px 20px 45px} .all-param>div:nth-child(even){background-color: #f3f4f8;} .all-param p{margin-bottom: 0;} .all-param strong{color: var(--public-color);font-weight: 500;font-size: 20px;} .all-param p:first-child{width: 50%;} .all-param p:last-child{width: 25%;} .p-l-best img{mix-blend-mode: darken;} .p-l-best .img{margin-top: -40px;overflow: visible;margin-bottom: 35px;} .p-l-best .img-1 img{width:80% ;} .product-detail-paper{padding-bottom: 195px;} .p-d-first .left{width: 49%;} .p-d-first .right{width: 46%;} .p-d-first .left figure{mix-blend-mode: darken;} .p-d-first .left .img{background-color: #ecf0f3;border-radius: 16px;margin-bottom: 15px;height: 600px;display: flex;align-items: center;padding: 0 50px;} .p-d-first .left .img img{mix-blend-mode: darken;} .p-d-first .model{font-size: 20px;color: #333;} .p-d-first h1{font-size: 38px;line-height: 56px;color: #333;font-weight: 500;margin-bottom: 15px;} .p-d-first .text p{font-size: 16px;line-height: 30px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .p-d-first .text h5{background-color: #F5F7F9;padding: 10px;font-size: 15px;line-height: 30px;} .p-d-first .all-param p:first-child{width: 60%;} .p-d-first .all-param p:last-child{width: 30%;} .p-d-first .all-param>div{padding: 10px 20px 10px 35px;} .p-d-first .all-param{margin-bottom: 30px;} .p-d-first .select{margin-bottom: 60px;} .p-d-first .select .h5{font-size: 20px;color: #333;margin-bottom: 30px;} .p-d-first .select-a{display: flex;flex-wrap: wrap;gap: 30px 0;} .p-d-first .select-a a{font-size: 20px;font-weight: 400;opacity: .9;padding-left: 35px;position: relative;} .p-d-first .select-a a::before{content: "\f061";font-family: cmsfont;color: var(--public-color);position: absolute;left: 0;top: 0;display: inline-block;opacity: 0;transition:opacity .3s ease-in-out; ;} .p-d-first .select-a a:hover::before,.p-d-first .select-a a.on::before{opacity: 1;} .p-d-first .select-a a span{position: relative;display: inline-flex;justify-content: center;} .p-d-first .select-a a span::after{content: "";width: 0;height: 1px;background-color: var(--public-color);display: inline-block;position: absolute;bottom: 0;transition: width .3s ease-in-out;} .p-d-first .select-a a:hover span::after,.p-d-first .select-a a.on span::after{width: 100%;} .p-d-first .select-a a.on{color: var(--public-color);} .p-d-first .content{margin-bottom: 55px;} .p-d-first .content-img{display: flex;gap: 0 35px;} .p-d-first .img-2{width: calc(calc(100% - 35px * 3) / 4);} .p-d-first .img-2,.p-d-first .img-2 img{border-radius: 8px;} .p-d-first {margin-bottom: 80px;} .detail-nav { background-color: #f3f4f8; margin-bottom: 90px; } .detail-nav.fadeInDown{ max-width: 1920px; z-index: 10;position: fixed; left: 0;right: 0; top: 82px; height: 52px; width: 100%; padding-top: 0; padding-bottom: 0; } .detail-nav-xl{display: flex;gap:30px;height: 100%;width: 100%;} .detail-nav-xl{ max-width:1400px; width: 93%; } .detail-nav li{ position: relative; height: 100%; display: flex; align-items: center; justify-content: center; height: 50px; } .detail-nav li:last-child{margin-right: 0;} .detail-nav li:last-child::after{display: none;} .detail-nav li a{ font-size: 20px; line-height: 32px; color:#222; font-weight: 500; width: 100%; height: 100%; z-index: 10; background-color: transparent; padding-left: 50px; padding-right: 35px; position: relative; } .detail-nav li a p{ transform: skew(8deg);} .detail-nav li a::before{content:"";width: 6px;height: 6px;background-color: #999;position: absolute;left: 30px;top: 50%;margin-top: -3px;transform: skew(8deg);} .detail-nav li a:hover::before,.detail-nav li a.active::before{content: "\f061";width: auto;height: auto;background-color: transparent;font-family: cmsfont;top: 10px;left: 20px;margin-top: 0;color: #fff;font-size: 18px;} .detail-nav li a span{position: relative;display: inline-flex;justify-content: center;} .detail-nav li a span::after {content: "";width: 0;height: 1px;background-color: var(--public-color);position: absolute;bottom: 5px;transition: width .4s ease-in-out;} .detail-nav li a:hover span::after{width: 100%;} .detail-nav li:hover a,.detail-nav li a.active{color: #fff;background-color: #505860;} .p-i-content .title{margin-bottom: 45px;} .p-i-content .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .p-i-content > div{margin-bottom: 105px;} .p-i-content img{max-width: 100%;height: auto;} .p-d-desc .content{display: flex;justify-content: space-between;align-items: center;} .p-d-desc .content .box{width: 50%;} .p-d-desc .content .pro-video{width: 45%;} .p-d-chara ul{padding-left: 20px;} .p-d-chara ul,.p-d-chara li{list-style-type: decimal;} .p-d-chara li{line-height: 40px;margin-bottom: 20px;position: relative;padding-left: 20px;} .p-d-chara li::after{content: "";width: 24px;height: 24px;border: 1px solid var(--public-color);border-radius: 4px;display: inline-block;justify-content: center;align-items: center;position: absolute;left: -25px;top: 8px;} .p-d-chara li::marker{color: var(--public-color);} .p-d-chara .content{width: 90%;} .p-d-spec .table-wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;} .p-d-spec .content p{display: inline-flex;flex-direction: column;} .p-d-spec table{width: 59%;margin-bottom: 40px;} .p-d-rec {margin-bottom: 125px;} .p-d-rec .title{text-align: center;margin-bottom: 125px;} .p-d-rec .all-param{display: none;opacity: .9;} .p-d-rec .all-param > div{display: block;padding: 0;background-color: transparent;margin-bottom: 10px;} .p-d-rec .all-param > div p{width: 100% !important;line-height: 30px;} .p-d-rec .all-param > div p:first-child{font-size: 16px;color: #666;} .p-d-rec .list:hover .all-param{display: block;} .p-d-rec .list{height: 415px;} .p-d-rec .list .a-specil{display: none;} .p-d-rec .list .a-specil>p{display: none;} .p-d-rec .list:hover .a-specil{display: block;} .all-products .list .arrow{position: absolute;right: 30px;bottom: 15px;} .every_box{background-color: #f3f4f8;padding: 60px 0 75px 60px;border-top: 4px solid var(--public-color);position: relative;width: 80%;margin-left: -80px ;height: 235px;} .every_box::before{content: "";width: 259px;height: 7px;background-color: var(--public-color);position: absolute;top: 0;left: 0;} .every_box .img-1{margin-bottom: 35px;} .every_box .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; width: 92%; } .every_box .img-2{position: absolute;right: 0;bottom: 0;mix-blend-mode: darken;} .app-paper{margin-top: -80px;font-size: 16px;line-height: 30px;padding-bottom: 210px;} .app-box{margin-bottom: 165px;} .app-content {margin-bottom: 170px;} .app-content .title{text-align: center;margin-bottom: 105px;} .app-content .list{position: relative;perspective: 1000px;width: 370px;height: 415px;} .app-content .list-xl{position: relative;;width: 100%;height: 100%;transform-style: preserve-3d;transition: transform .8s;} .app-content .list:hover .list-xl{ transform: rotateY(180deg);} .app-content .box-1,.app-content .box-2{position: absolute;width: 100%;height: 100%;backface-visibility: hidden;} .app-content .box-1{z-index: 2;overflow: hidden;border-radius: 8px;} .app-content .box-2{transform: rotateY(180deg);} .app-content .img-1{display: flex;justify-content: center;align-items: center;overflow: hidden;} .app-content .img-1,.app-content .img-1 img{border-radius: 8px;} .app-content .cont-box{padding: 50px 0 35px 30px;background-color: rgba(243, 244, 248, .9);border-radius: 8px;position: absolute;left: 0;top:0;width: 100%;height: 100%;} .app-content .t1{font-size: 22px;line-height: 30px;color: #222;font-weight: 600;} .app-content .box-1 .t1{background-color: #f3f4f8;position:absolute;left: 0;bottom: 0;width: 100%;height: 125px;padding: 20px 0 0 30px;} .app-content .row-line::before{content: "";width: 39px;height: 4px;background-color: var(--public-color);display:block;margin-bottom: 25px;} .app-content .model{font-size: 20px;line-height: 30px;color: var(--public-color);margin-bottom: 5px;} .app-content .box-2 .t1{margin-bottom: 40px;} .app-content .all-param{width: 100%;} .app-content .all-param>div{display: block;padding: 0;margin-bottom: 20px;background-color: transparent;} .app-content .all-param>div p{width: 100% !important;} .app-content .all-param:hover>div p:first-child,.app-content .all-param>div p:first-child{color: #666 !important;} .app-content .arrow{position: absolute;left: 30px;bottom:35px} .app-content .img{position: absolute;right: -60px;bottom: 20px;width: 60%;display: flex;align-items: flex-end;} .app-content .img img{mix-blend-mode: darken;} .app-content .list:hover .box-2::after{content: "";width: 100%;height: 9px;background-color: var(--public-color);position: absolute;left: 0;bottom: 0;border-radius: 0 0 8px 8px;} .app-content .row{gap: 80px 0;margin:0 -25px} .app-content .col-md-4{padding: 0 25px;} i.b{color: var(--public-color);font-style: normal;} .app-cust{position: relative;margin-bottom: 150px;} .app-cust-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;} .app-cust .container-xl{display: flex;justify-content: flex-end;} .app-cust .cont-box{width: 65%;background-color: rgba(243, 244, 248, .85);height: 460px;display: flex;justify-content: center;align-items: center;margin-right: -30px;} .app-cust .cont-box-xl{width: 79%;} .app-cust .title{margin-bottom: 25px;} .app-cust .text{margin-bottom: 75px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .solution-paper{margin-top: -80px;line-height: 30px;padding-bottom: 190px;} .sol-box{margin-bottom: 110px;} .sol-pack{margin-bottom: 100px;} .sol-pack .title{text-align: center;margin-bottom: 60px;} .sol-pack .list{flex: 1;position: relative;overflow: hidden;} .sol-pack .t1{font-size: 20px;line-height: 22px;color: #333;font-weight: 500;text-align: center;} .sol-pack .box-1 .t1{position:absolute;left: 0;bottom: 0;width: 100%;height: auto;background-color: rgba(243, 244, 248, .9);padding: 15px 0;transition: all .5s ease-in-out;} .sol-pack .box-2{position: absolute;left: 0;bottom: -100%;width: 100%;height: 0;transition: height .5s ease-in-out;background-color: rgba(243, 244, 248, .9);display: flex;flex-direction: column;justify-content: center;align-items: center;} .sol-pack .box-2 .t1{margin-bottom: 5px;opacity: 0;transition: opacity 2s ease-in-out;} .sol-pack .box-2 .img-1{mix-blend-mode: darken;margin-bottom: 4px;opacity: 0;transition: opacity .8s ease-in-out;} .sol-pack .list:hover .box-1 .t1,.sol-pack .list.active .box-1 .t1{opacity: 0;} .sol-pack .list:hover .box-2,.sol-pack .list.active .box-2{height: 100%;bottom: 0;} .sol-pack .box-2:hover .img-1,.sol-pack .list.active .img-1{opacity: 1;} .sol-pack .list:hover .box-2 .t1,.sol-pack .list.active .box-2 .t1{opacity: 1;} .sol-process {position: relative;margin-bottom: 205px;padding: 85px 0 65px;display: flex;align-items: center;} .sol-process::after{content: "";width: 36%;height: 100%;background-color: #f3f4f8;position: absolute;right: 0;z-index: -1;} .sol-process .box-1{align-items: flex-end;margin-bottom: 50px;} .sol-process .left{width: 50%;position: relative;} .sol-process .left::after{content: url(../../images/p-d-8.png);display: block;position: absolute;right: -8%;top: 50%;transform: rotate(-90deg);} .sol-process .right{width: 41%;} .sol-process .title{margin-bottom: 40px;} .sol-process .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .sol-process .small-box{display: flex;width: 63%;gap: 0 20px;} .sol-process .list{background-color: #fff;flex: 1;padding: 18px;} .sol-process .h3{display: flex;align-items: center;font-size: 34px;color: var(--public-color);margin-bottom: 15px;} .sol-process .h3 .img-1{padding-right: 13px;} .sol-process .list p{font-size: 18px;line-height: 24px;} .sol-process .box-2{position: relative;padding-bottom: 50px;} .sol-process .all-pag{bottom: 0;line-height: 0;right: 13vw;} .all-pag span{width: 16px;height: 12px;background-color: #cccccc;border-radius: 0;transform: skew(-8deg);margin-right: 6px;opacity: 1;} .all-pag span:last-child{margin-right: 0;} .all-pag span.swiper-pagination-bullet-active{background-color: var(--public-color);width: 30px;} .sol-project{margin-bottom: 120px;} .sol-project-xl{display: flex;justify-content: space-between;} .sol-project .line-col{width: 4px;height: 100%;background-color: #f3f4f8;} .sol-project .aside-right .line-col{height: 580px;} .sol-project .aside-right{margin-right: -80px;gap: 0 30px;} .sol-project .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 155px;} .sol-project .items:last-child{margin-bottom: 0;} .sol-project .items:nth-child(even){flex-direction: row-reverse;} .sol-project .left{width: 45%;} .sol-project .right{width: 54%;} .sol-project .img img{box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.14);} .sol-project .img,.sol-project .img img{border-radius: 16px;} .sol-project .title{margin-bottom: 50px;position: relative;} .sol-project .title::after{content: "";width: 117px;height: 19px;background-color: #1650b1;opacity: .2;position: absolute;left: -8px;bottom:5px;z-index: -1;} .sol-project .items:nth-child(odd) .title::after{width: 135px;} .sol-project .text{margin-bottom: 50px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .sol-project .ul{ background-color: #f3f4f8; padding-left: 40px; display: flex; flex-direction: column; justify-content: center; width: 70%; height: 100px; position: relative; } .sol-project .ul::after{ content: ""; width: 66px; height: 100%; position: absolute; right: 0; bottom: 0; border-top: 74px solid transparent; border-left: 33px solid transparent; border-bottom: 74px solid #fff; border-right: 33px solid #fff; } .sol-project .ul p{padding-left: 30px;} .sol-project .ul i.b{font-size: 20px;font-weight:600;display: block} .sol-person{background-color: #f3f4f8;height: 505px;display: flex;align-items: center;margin-bottom: 130px;} .sol-person .list{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;margin: 0 auto;width: 80%;} .sol-person .content{position: relative;} .sol-person .pag-person{position: static;margin-top: 70px;} .sol-person .img-1{position: relative;margin-bottom: 25px;} .sol-person .img-1,.sol-person .img-1 img{border-radius: 100%;} .sol-person .img-1::after{content: "";width: 100%;height: 100%;border-radius: 100%;border: 4px solid var(--public-color);position: absolute;left: 0;top: 0;} .sol-person .name{font-size: 38px;color: #333;margin-bottom: 20px;} .sol-person .add{margin-bottom: 25px;} .sol-person .all-hover{width: 60px;height: 52px;background-color: #fff;border-radius: 4px;transform: skew(-8deg);font-size: 20px;color: #333;transition: all .3s ease-in-out;margin-top: -26px;} .sol-person .icon{transform: skew(8deg);} .sol-person .all-hover::after{content: "";} .sol-person .all-hover:hover{background-color: #505860;color: #fff;} .sol-pro{margin-bottom: 130px;} .sol-pro .title{margin-bottom: 35px;} .sol-pro .top-head{text-align: center;margin: 0 auto 60px ;width: 89%;} /*异形盒子*/ .sol-pro .list{position: relative;margin-right: -50px;clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);margin-right: -95px;width: 24%;} .sol-pro .list:last-child{margin-right: 0;} .sol-pro .list:nth-child(5n + 1){clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);} .sol-pro .list:nth-child(5n + 5){clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 25% 50%, 0% 0%);} /*异形盒子左右两边的边距*/ .sol-pro .list:nth-child(5n + 2) .box-2, .sol-pro .list:nth-child(5n + 3) .box-2, .sol-pro .list:nth-child(5n + 4) .box-2{padding-left: 6.5vw;padding-right: 2vw;} .sol-pro .list:nth-child(5n + 5) .box-2{padding-left: 7vw;padding-right: 0vw;} .sol-pro .list:nth-child(5n + 5) .box-1 .d{padding-right: 0vw;} .sol-pro .list-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .sol-pro .d{display: flex;line-height: 30px;transition: all .6s ease-in-out;} .sol-pro .num{font-size: 28px;color: var(--public-color);margin-right: 15px;} .sol-pro .h5{font-size: 22px;color: #333333;font-weight: 600;} .sol-pro .text { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .sol-pro .box-1{display: flex;align-items: flex-end;} .sol-pro .box-1 .d{width: 100%;height: 80px;background-color: rgba(243, 244, 248, .9);align-items: center;justify-content: center;padding-right: 5vw;padding-left: 2vw;} .sol-pro .box-1 .h5{display: flex;} .sol-pro .box-2 { position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background-color: rgba(243, 244, 248, .9); transition: all .5s ease-in-out; display: flex; flex-direction: column; justify-content: center; /* padding-right: 75px; */ padding: 0 30px; } .sol-pro .box-2 .h5{margin-bottom: 20px;} .sol-pro .box-1,.sol-pro .box-2{width: 100%;height: 100%;} .sol-pro .list:hover .box-1 .d{opacity: 0;} .sol-pro .list:hover .box-2{height: 100%;bottom: 0;} .sol-pro .swiper-slide{display: flex;justify-content: space-between;} .mySwiper-sol-pro,.mySwiper-sol-pro-1{padding-bottom: 90px;} .sol-pro .pag-sol-pro,.sol-pro .pag-sol-pro-1{line-height: 0;bottom: 0;left: 0;} .mySwiper-sol-pro-1{display: none;} .service-paper{margin-top: -75px;padding-bottom: 90px;} .service-paper .small-box{display: flex;gap: 0 23px;margin-bottom: 50px;} .service-paper .small-box p{line-height: 24px;margin-top: 20px;} .service-paper .small-box .h3{display: flex;align-items: center;color: var(--public-color);font-size: 34px;} .service-paper .small-box .s1{font-size: 18px;line-height: 24px;padding-left: 15px;} .service-paper .small-box .list{background-color: #ffffff;box-shadow: 5px 8px 38px 0px rgba(0, 0, 0, 0.08);width: 227px;padding: 24px 30px;position: relative;} .service-paper .small-box .list::before{content: "";width: 100%;height: 4px;background-color: var(--public-color);position: absolute;left: 0;top: 0;} .service-effic {margin-bottom: 155px;} .service-effic .top-head{margin-bottom: 130px;} .service-effic .title{margin-bottom: 20px;} .service-effic-xl{display: flex;justify-content: space-between;} .service-effic .items .title{position: relative;margin-bottom: 40px;} .service-effic .items .title::before{content: "";width: auto;height: 19px;background-color: #1650b1;opacity: .2;position: absolute;left: -5px;top: 35px;} .service-effic .items:nth-child(1) .title::before{width: 147px;} .service-effic .items:nth-child(2) .title::before{width: 226px;} .service-effic .items:nth-child(3) .title::before{width: 220px;} .service-effic .items{display: flex;justify-content: space-between;margin-bottom: 110px;} .service-effic .items:last-child{margin-bottom: 0;} .service-effic .items:nth-child(even){flex-direction: row-reverse;} .service-effic .left{width: 39%;border-radius: 16px;} .service-effic .left .img{box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.14);} .service-effic .right{width: 53%;padding-top: 20px;} .service-effic .ul i.b{font-weight: 600;} .service-effic .img,.service-effic .img img{border-radius: 16px;} .service-effic .line-col{width: 4px;height: 100%;background-color: #f3f4f8;} .service-effic .aside-right .line-col{height: 580px;} .service-effic .aside-right{margin-right: -90px;margin-bottom: 23px;gap: 0 30px;} .service-effic .ul p{margin-bottom: 20px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .service-about{margin-bottom: 140px;} .service-about .title{text-align: center;margin-bottom: 80px;} .service-about .row{margin: 0 -12px;} .service-about .col-md-3{padding: 0 12px;} .service-about .img ,.service-about .img img{border-radius: 8px;} .news-paper {line-height: 30px;margin-top: -80px;padding-bottom: 210px;} .news-paper .app-box{margin-bottom: 0px;} .news-paper .row{gap: 55px 0;margin: 0 -18px;} .news-paper .col-md-4{padding: 0 18px;} .news-paper .list:hover{background-color: var(--public-color);} .news-paper .list:hover .t1,.news-paper .list:hover .time{color: #fff !important;} .news-paper .list{background-color: #f3f4f8;padding: 15px;transition: all .6s ease-in-out;} .news-paper .cont{padding: 30px 15px 0px;} .news-paper .summary{font-size:14px;line-height:24px;color: #666666;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; } .news-paper .list:hover .summary{color: #fff !important;} .news-paper .t1{font-size: 20px;color: #333;font-weight: 600;margin-bottom: 15px; 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-paper .time{font-size: 14px;color: #999;transition: all .4s ease-in-out;} /*news-in-paper*/ .news-in-paper{margin-top:45px;margin-bottom:100px} .news-in-paper .h1{font-size:38px;line-height:56px;color:#333;font-weight:bold;margin-bottom: 50px;} .news-in-paper .type-time{border-bottom:1px solid #e5e5e5;color: #999;padding-bottom: 30px;} .news-in-paper .time img{display:inline-block;margin-right:10px} .news-in-paper .article .content{color:#666666;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: 28px;line-height: 32px;color: #333;margin-bottom: 25px;font-weight: 600;} .news-in-paper .article h3{font-size: 24px;line-height: 32px;color: #333;font-weight: 600;margin-bottom: 15px;} .news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:54px;display:flex;justify-content:space-between} .news-in-paper .box-tail .left{width:75%} .news-in-paper .box-tail .right{width:20%;display:flex;justify-content:flex-end} .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:16px;line-height:30px;padding-left:16px} .news-in-paper .box-tail .left p a:hover{color:var(--public-color);text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;} .news-in-paper .box-tail .left p span{color:var(--public-color);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;position:sticky;top:90px;height:fit-content;} .news-in-paper .aside>div{background-color: #f3f4f8;padding: 20px 30px;} .news-in-paper .aside-con{margin-bottom: 40px;} .news-in-paper .h4{font-size: 28px;color: #333;margin-bottom:35px;} .news-in-paper .h4::before{content: "";width: 4px;height: 22px;background-color: var(--public-color);display: inline-block;margin-right: 15px;} .news-in-paper .aside .more-7{height: 51px;font-size: 18px;margin-bottom: 30px;} .news-in-paper .aside img.b{display: inline-block;} .news-in-paper .aside img.g{display: none;} .news-in-paper .aside .a-box{display: inline-flex;flex-direction: column;} .news-in-paper .aside .a-box a{margin-bottom: 10px;} .news-in-paper span.img-small{width: 24px;display: inline-block;text-align: center;} .news-in-paper .other-news .t1{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;margin-bottom: 15px; 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 .time{font-size: 16px;line-height: 30px;} .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:20px;} .news-in-paper .other-news .list{padding-bottom:20px;} .news-in-paper .other-news .summary{font-size:14px;line-height:24px;color: #666666;margin-bottom: 15px; 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 .all-product .col-md-4{padding-left: 30px;padding-right: 30px;} /* .news-in-paper .all-product .row{margin-left: -30px;margin-right: -30px;} */ .news-in-paper .main-top{display: flex;justify-content: space-between;align-items: flex-start;;margin-bottom: 110px;} .news-in-paper .all-product .title{color: #333;font-size: 32px;line-height: 56px;font-weight: 500;margin-bottom: 60px;} .news-in-paper .all-product .model{font-size: 16px;line-height: 32px;font-weight: 700;color: var(--public-color-red);} .news-in-paper .all-product .img{height: 310px;display: flex;justify-content: center;align-items: center;} .news-in-paper .all-product .text{display: none;} .news-in-paper .all-product .box{margin-top: 35px;} .news-in-paper .all-product .box h5{display: none;} .news-in-paper .all-product .t1{font-size: 20px;line-height: 30px;font-weight: 700;color: #333;margin-bottom: 25px;} .news-in-paper .all-product .ul p{font-size: 16px;line-height: 32px;color: #666666;font-weight: 400;padding-left: 30px;} .news-in-paper .all-product .ul p::before{content: '\f00c';font-family: 'cmsfont';color: var(--public-color-red);line-height: 32px;font-size: 18px;} @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:50px;} .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:30%;border-radius:8px;} .main-box .article{width:65%;} .main-box .main-left-box .table-title{font-size: 28px;line-height: 32px;color: #333;padding: 20px 20px 20px 30px;background-color: #f3f4f8;margin-bottom: 40px;} .main-box .main-left-box .table-title::before{content: "";width: 4px;height: 22px;background-color: var(--public-color);display: inline-block;margin-right: 15px;} .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: 4px solid #e5e5e5;padding-top: 20px;} .main-box .name-box ul{padding-left: 25px;margin-left: 0px;padding-top: 10px;border-top: 1px solid #e5e5e5;} .main-box .name-box li{position: relative;margin-bottom: 5px;} .main-box .name-box li a{color: #666666;font-size: 18px;line-height: 26px;} .main-box .name-box li::before{content:"";width: 6px;height: 6px;background-color: #999;position: absolute;left: -25px;top: 13px;} .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: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;} /*相册页*/ .factory-paper{margin-top: -80px;padding-bottom: 220px;} .factory-paper .every_box{margin-bottom: 0px;} .factory-paper .img{padding: 17px 17px 40px 17px;background-color: #f3f4f8;transition: all .5s ease-in-out;} .factory-paper .img a{display: block;} .factory-paper .img:hover {background-color: var(--public-color);} .factory-paper .row{gap: 40px 0;} /*问答页*/ .faq-paper{margin-top: -80px;padding-bottom: 160px;} .faq-paper .every-footer_box{margin-bottom: 115px;} .faq-paper .aside{max-width:320px;position: sticky;top: 85px;height: fit-content;width: 100%;} .faq-paper .aside a{font-size: 24px;color: var(--public-color);font-weight: bold;height: 80px;display: flex;align-items: center;border-left: 7px solid var(--public-color);padding-left: 30px;width: 100%;transition: all .6s ;} .faq-paper .aside a.active,.faq-paper .aside a:hover{color: #666;background-color: #f3f4f8;border-color: #f3f4f8;} .faq-paper .article{max-width: 765px;overflow: hidden;width: 64%;} /* .faq-paper .all-faqs{display: none;} */ .faq-paper .all-faqs.active{display: block;animation: fadeInDown .6s ease-in-out;} /*联系我们页*/ .contact-paper{margin-top: -80px;padding-bottom: 130px;} .contact-box {display: flex;flex-wrap: wrap;background-color: #f3f4f8;position: relative;border-top: 4px solid var(--public-color);padding: 45px 80px;margin-bottom: 80px;margin-left: -78px;} .contact-box::before{content: "";width: 260px;height: 7px;background-color: var(--public-color);position: absolute;left: 0;top: 0;} .contact-box .img-1{height: 29px;margin-bottom: 20px;} .contact-box .h3{font-size: 20px;line-height: 24px;font-weight: 600;color: var(--public-color);margin-bottom: 15px;} .contact-box .font-sty{font-size: 16px;line-height: 24px;color: #666666;} .contact-box .list{margin-bottom: 30px;} .contact-box .list:not(.list:last-child){width:auto;flex: 1;position: relative;} .contact-box .list:not(.list:first-child){padding-left: 35px;} .contact-box .list:last-child{padding-left: 0px !important;margin-bottom: 0;width: 75%;} .contact-box .list:last-child .font-sty{line-height: 32px;} .contact-box .list::after{content: "";width: 1px;height: 85px;background-color: #c6c6c8;position: absolute;right: 0;top: 0;} .contact-box .list:nth-child(4):after{display: none;} .contact-paper .left{width: 49%;padding-top: 70px;padding-bottom: 95px;} .contact-paper .right{width: 47%;background-color: #f3f4f8;display: flex;align-items: center;padding: 0 60px 0 48px;} .contact-paper .title{margin-bottom: 50px;} .contact-paper .text{line-height: 30px;margin-bottom: 100px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .contact-paper .form-control{border:0;line-height: 32px;background-color: #fff;border-radius: 4px;padding-left: 35px;padding-top: 10px;padding-bottom: 10px;} .contact-paper .form-control::placeholder{color: #999;font-size: 20px;line-height: 32px;font-weight: 300;opacity: .8;} .contact-paper .btn-box{display: flex;flex-direction: column;align-items: flex-end;} .contact-paper .more-7{font-size: 20px;padding: 0;width: 225px;height: 51px;border-width: 4px;margin-top: 10px;} .contact-paper .form-group{margin-bottom: 23px;} .contact-paper .form-group:last-child{margin-bottom: 55px;} /*关于我们页*/ .about-paper{padding-bottom: 200px;} .about-paper .max-1570px{max-width: 1570px;} .about-first{padding-left: 60px;position: relative;z-index: 1;margin-bottom: 100px;} .about-first::before{content: "";width: 62%;height: 112.5%;background-color: #f3f4f8;position: absolute;left: 0;top: -80px;z-index: -1;border-top: 5px solid var(--public-color);} .about-first::after{content: "";width: 260px;height: 7px;background-color: var(--public-color);position: absolute;left: 0;top: -76px;} .about-first .left{width: 39%;padding-bottom: 65px;} .about-first .right{width: 57%;} .about-first .title{margin-bottom: 45px;width: 50%;} .about-first .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; margin-bottom: 85px; } .about-first .small-box{display: flex;flex-wrap: wrap;width: 100%;} .about-first .list{flex: 1;position: relative;} .about-first .list::after{content: "";width: 1px;height: 100%;background-color: #d7d8db;position: absolute;right: 0;top: 0;} .about-first .list:last-child::after{display: none;} .about-first .h3{font-size: 34px;color: var(--public-color);display: flex;margin-bottom: 30px;} .about-first .list p{margin-bottom: 0;} .about-first .list:not(.list:first-child){padding-left: 18px;} .about-first .content{align-items: flex-end;} .about-his{margin-bottom: 150px;} .about-his .title{margin-bottom: 90px;} .about-his .content{padding-right: 100px;} .about-his .right-xl{padding: 20px 0 0px;width: 84%;} .about-his .left .img{box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.14);} .about-his .left .img,.about-his .left .img img{border-radius: 16px;} .about-his .year{font-size: 34px;line-height: 34px;color: var(--public-color);margin-bottom: 15px;} .about-his .list .text{font-size: 24px;line-height: 34px;color: #666;} .about-his .items{display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;} .about-his .left{width: 50%;padding: 20px;} .about-his .right{width: 47%;} .about-his .swiper{max-height: 610px;} /* .about-his .right .swiper-wrapper{height: 590px;} */ .about-his .max-1560px{max-width: 1560px;} /*时间轴*/ .about-his .all-year{width: 10%;position: relative;padding-top: 20px;display: flex} .about-his .all-year::before{content: "";width: 6px;height: calc(100% - 40px);background-color: #f3f4f8;position: absolute;right: 0;top: 20px;} .about-his .pag-year{position: static;display: flex;flex-direction: column;align-items: flex-start;height: 100%;transform: none;width: 100%;} .about-his .pag-year span{width: 100%;height: auto;flex: 1;background-color: transparent;color: #999999;display: flex;justify-content: space-between;align-items: center;position: relative;text-align: left;} .about-his .pag-year span::before{content: url(../../images/sign-1.jpg);display: inline-block;margin-right: 26px;opacity: 0;transition: all .4s ease-in-out;} .about-his .pag-year span::after{content: "";width: 6px;height: 6px;background-color: var(--public-color);position: absolute;right: 0%;top: 13px;} .about-his .pag-year span.swiper-pagination-bullet-active::before{opacity: 1;} .about-his .pag-year span.swiper-pagination-bullet-active{color: var(--public-color);} /* .about-his .all-hover{width: 60px;height: 52px;background-color: #f3f4f8;border-radius: 4px;transform: skew(-8deg);font-size: 20px;color: #333;transition: all .3s ease-in-out;position: static;margin-top: 0;} .about-his .icon{transform: skew(8deg);} .about-his .all-hover::after{content: "";} .about-his .all-hover:hover{background-color: #505860;color: #fff;} .about-his .all-btn{display: flex;justify-content: flex-end;} .about-his .all-hover + .all-hover{margin-left: 15px;} */ /* .about-his .right .swiper{height: 590px;} */ .about-cer {margin-bottom: 135px;} .about-cer .left{width: 51%;padding-top: 70px;} .about-cer .right{width: 42%;} .about-cer .right img{box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.14);border-radius: 16px;} .about-cer .title{position: relative;margin-bottom: 55px;} .about-cer .title::before{content: "";width: 233px;height: 19px;background-color: var(--public-color);opacity: .2;position: absolute;left: -5px;bottom: 5px;} .about-cer .text{line-height: 30px;margin-bottom: 55px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .about-cer .img-cer{margin-bottom: 60px;} .about-global{position: relative;display: flex;justify-content: flex-end;} .about-global-xl{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;} .about-global .title{margin-bottom: 65px;} .about-global .text{line-height: 30px;width: 61%; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .about-partners{padding: 100px 0;} .about-partners .title{text-align: center;margin-bottom: 85px;} .about-partners .row{gap: 35px 0;margin: 0 -9px;} .about-partners .col-md-3{padding: 0 9px;} /*认证页*/ .certificates-paper{margin-top: -80px;padding-bottom: 250px;} .certificates-paper .every_box{margin-bottom: 0px;} .certificates-paper .row{margin: 0 -12px;gap: 47px 0;} .certificates-paper .col-md-3{padding: 0 9px;} .certificates-paper .list{background-color: #f3f4f8;padding: 16px;transition: all .4s ease-in-out;} .certificates-paper .list:hover{background-color: var(--public-color);} .certificates-paper .list:hover .t1{color: #fff;} .certificates-paper .img{border: solid 2px #1650b1;margin-bottom: 25px;} .certificates-paper .t1{font-size: 20px;line-height: 22px;color: #333;text-align: center;display: block;margin-bottom: 10px;} /*视频页*/ .video-paper {padding-bottom: 210px;margin-top: -80px;} .video-paper .every_box{margin-bottom: 95px;} .video-paper .row{gap: 56px 0;margin: 0 -19px;} .video-paper .col-md-4{padding: 0 19px;} .video-paper .list{padding: 16px;background-color: #f3f4f8;transition: all .5s ease-in-out;height: 100%;} .video-paper .list:hover{background-color: var(--public-color);} .video-paper .list:hover .t3,.video-paper .list:hover .time{color: #fff !important;} .video-paper .cont{padding-left: 20px;padding-bottom: 10px;padding-top: 15px;} .video-paper .t3{font-size: 20px;color: #333 !important;margin-bottom: 10px;} .video-paper .time{font-size: 14px;color: #999;} /*下载页*/ .download-paper{padding-top: 200px;} .download-paper .dfrsb{align-items: center;} .download-paper .left{width: 48%;} .download-paper .right{width: 48%;} .download-paper .right .a {display: inline-flex;flex-direction: column;gap: 30px 0;} .download-paper .left img{margin-left: -88px;display: inline-block;} .download-paper .title{font-size: 40px;line-height: 54px;} .download-paper .row-line::after{content: "";width: 41px;height: 4px;background-color: var(--public-color);display: block;margin-top: 15px;} .download-paper .text{font-size: 16px;color: #999;margin-top: 25px;margin-bottom: 30px;} .download-paper .more-7 .arrow::after{transform: rotate(90deg);} .down-wrapper{padding:40px 0 50px;background-color:#f5f6fa} .down-wrapper .item{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:20px 40px;margin-bottom:20px;border-radius:5px;transition:all .6s} .down-wrapper .item .img{display:flex;align-items:center} .down-wrapper .item .img img{margin-right:20px} .down-wrapper .item:hover{box-shadow:0px 8px 10px 0px rgba(0,0,0,0.05)} @media (max-width:768px){ .down-wrapper{padding:40px 0 30px} .down-wrapper .item{padding:20px 15px;} } @media(max-width:1800px){ .sol-process::after {width: 39%;} } @media(max-width:1710px){ .index-about .left{width: 48%;} .index-about .right{width: 48%;} .index-about .cont-box {padding-left: 0;} .sol-pro .h5 {font-size: 20px;} .sol-pro .num {font-size: 23px;} .sol-pro .text{font-size: 17px;} } @media(max-width:1660px){ .sol-process::after {width: 42%;} } @media(max-width:1600px){ .index-pro .aside-right,.sol-project .aside-right ,.service-effic .aside-right{margin-right: -35px;} .app-paper,.service-paper{margin-top: -40px;} .app-banner h1 {margin-right: -100px;} .app-banner.all-banner .banner-text {padding-bottom: 60px;} } @media(max-width:1580px){ .about-his .max-1560px.container-xl{padding:0 15px;} .about-his .content{padding-right: 50px;} .news-in-paper .h1 {font-size:34px;line-height:54px} } @media(max-width:1560px){ .index-about .cont-box{width: 85%;} .sol-process::after {width: 45%;} .sol-process .container-xl.m-right{padding-left: 15px;} .app-cust .cont-box-xl {width: 90%;} } @media(max-width:1530px){ .news-in-paper .box-tail{flex-direction: column;} .news-in-paper .box-tail .left{margin-bottom: 20px;} .news-in-paper .box-tail .right{width: 100%;justify-content: flex-start;} } @media(max-width:1500px){ .index-pro .aside-right,.sol-project .aside-right,.service-effic .aside-right {margin-right: 0px;} .all-banner .banner-text{padding-top: 82px;padding-bottom: 20px;align-items: center;} .about-first::before {top: -20px;} .about-first::after{top: -16px;} .sol-process .small-box {width: 70%;} .sol-pro .h5 {font-size: 18px;} .sol-pro .num {font-size: 20px;} .sol-pro .text{font-size: 14px;line-height: 26px;} .sol-pro .box-1 .d {padding-right: 4vw;} .about-his .swiper{max-height: 560px;} } @media(max-width:1460px){ .app-cust .cont-box {height: auto;padding: 30px 0;} .news-in-paper .other-news .t1 {font-size: 20px;} } @media(max-width:1430px){ .index-banner h1 ,.all-banner .h1{font-size: 38px;line-height: 64px;} .small-nav ul a ,.small-nav ul li::after{font-size: 18px;} .small-nav ul li::after{padding: 0 10px;} .title {font-size: 36px;line-height: 52px;} .small-nav {padding-top: 15px;} .all-banner .banner-text {padding-bottom: 0px;padding-top: 82px;align-items: center;} .news-in-paper .h1 {font-size:32px;line-height:48px} .index-about .cont-box {width: 91%;} .index-about .text{margin-bottom: 70px;} .index-about .more-7 {margin-bottom: 55px;} .row{margin: 0 -15px !important;} .col-md-4,.col-md-3{padding: 0 15px !important;} .pro-cen-paper,.pro-list-paper,.factory-paper,.certificates-paper,.video-paper,.solution-paper,.service-paper,.faq-paper ,.news-paper,.contact-paper{margin-top: 0px;} .about-first .left{width: 45%;} .about-first .right{width: 52%;} .app-banner h1 {margin-right: -40px;} .all-products .t1 {font-size: 20px;} .p-d-rec .all-param > div p:first-child {font-size: 14px;line-height: 22px;} .all-param strong{font-size: 18px;} /* .all-products .list:hover .list-xl {padding-left: 15px;} */ .all-products .list:hover .t1{padding-bottom: 20px;} } @media(max-width:1380px){ .pro-list-box,.every_box,.contact-paper .contact-box{margin-left: 0;height: auto;} .app-banner.all-banner .banner-text {padding-bottom: 60px;} .app-paper{margin-top:0px;} .p-d-rec .list{height: 390px;} .all-products .list .img {top: -20px;} /* .sol-pro .list:nth-child(5n + 2) .box-2, .sol-pro .list:nth-child(5n + 3) .box-2, .sol-pro .list:nth-child(5n + 4) .box-2{padding-left: 5.5vw;} */ .about-his .swiper{max-height: 510px;} } @media(max-width:1340px){ .index-about .cont-box {width: 100%;} .index-about .list {padding-left: 10px;} .index-pro .left {width: 50%;} .index-sol .list-xl {width: 80%;} .all-products .t1{font-size: 20px;} .all-products .row-line::before {margin-bottom: 20px;} .sol-process .small-box {width: 82%;} .sol-pro .list{clip-path: none !important;margin-right:0;flex: 1;} .sol-pro .box-1 .d{display: none;} .sol-pro .box-2{bottom: 0;padding: 10px 20px !important;} .sol-pro .list + .list{margin-left: 20px;} .sol-pro .h5{font-size: 16px;line-height: 28px;} .app-banner h1 {margin-right: 0px;} .news-in-paper .other-news .t1 {font-size: 18px;line-height: 28px;} .about-his .container-xl.max-1580px{padding:0 15px;} .about-his .content{padding-right: 0;} } @media(max-width:1280px){ /* .sol-pro .box-1 .d {padding-left: 4.5vw;} .sol-pro .list:hover .box-2 .d,.sol-pro .list:hover .text{width: 80%;} .sol-pro .box-1 .d{padding-left: 2.5vw;padding-right: 3.7vw;} .sol-pro .h5{font-size: 16px;} .sol-pro .num {font-size: 17px;} */ .mySwiper-sol-pro-1{display: block;} .mySwiper-sol-pro{display: none;} .sol-pro .list + .list{margin-left: 0px;} .app-cust .text {margin-bottom: 30px;} .app-cust .cont-box{margin-right: 0;} .news-in-paper .h1 {font-size:28px;line-height:42px} } @media(max-width:1260px){ .main-box .main-left {max-width: 300px;} .main-box .main-top{max-width: 1330px;} .main-box .article{width: 60%;} .main-box .aside{width: 37%;} .news-in-paper .article h2 {font-size: 28px;line-height: 36px;} .news-in-paper .article h3 {font-size: 20px;} } @media(max-width:1250px){ .sol-project .right {width: 52%;} .index-pro-top .all-acces .t3{font-size: 17px;} } @media(max-width:1230px){ .all-acces .t3 {font-size: 18px;} .index-sol .list-xl {width: 90%;} .p-d-spec table{width: 100%;} .p-d-spec .content p{display: block;} .about-first .left{width: 50%;} .about-first .right{width: 48%;} .sol-project .ul{width: 82%;} } @media(max-width:1200px){ .index-about .title{font-size: 34px;} .index-about .content{position: relative;align-items: normal;padding: 0 15px;} .index-about .right,.index-about .cont-box{position: static;} .index-about .small-box{position: absolute;left: -108%;bottom: 45px;width: 90%;} .index-about .img-1 {width: 35px;} .index-about .list p {font-size: 14px;line-height: 20px;} .index-about .left {margin-top: 75px;} .index-about .more-7{margin-bottom: 0;} .all-products .t1{font-size: 18px;} .all-products .row-line::before {margin-bottom: 15px;} .p-l-best .left {width: 60%;} .sol-process .small-box {width: 100%;} .app-banner.all-banner .banner-text{padding-bottom: 0;} .app-content .list{width: auto;} .app-content .img-1 img{width: 100%;height: 100%;} .app-content .t1 {font-size: 20px;} .app-cust>img{width: auto;height: 450px;} .all-products .list .img{top: 20px;} .index-pro-top .all-acces{padding-bottom: 60px;} } @media(max-width:1170px){ .index-about .h3 {font-size: 30px;} .index-about .list p{font-size: 16px;line-height: 28px;} .all-news .list {padding:25px;} .pro-cen-paper .cont-box {width: 52%;} .p-d-first .all-param>div {padding-left: 10px;} .p-d-first .all-param p:last-child{width: 40% !important;padding-left: 20px;} .app-content .all-param>div p:last-child,.p-d-rec .all-param p:last-child{padding-left: 0;} .p-d-rec .all-products .list .arrow{bottom: 15px;} .main-box .main-left {min-width: 270px;} .main-box .main-left-box .table-title {font-size: 24px;padding: 20px 20px 20px 15px;} } @media(max-width:1100px){ .dfrsb{flex-wrap: wrap !important;} .dfrsb .left,.dfrsb .right,.dfrsbc .left,.dfrsbc .right{margin-bottom: 25px !important;} .title{margin-bottom: 25px !important;font-size: 32px !important;} .index-banner h1, .all-banner .h1 {font-size: 32px !important;line-height: 42px ;} .all-banner .banner-text {padding-bottom: 45px;} .index-banner h1 strong {text-underline-offset: 10px;} .index-banner h1{font-size: 32px;line-height: 55px;} .index-about .content{flex-wrap: wrap;} .index-about .left{width: 100%;} .index-about .small-box{position:static;width: auto;} .index-about .list{height: 100%;} .index-about .right::after,.index-about .right::before {top: 0;} .index-about .right::after{height: 100%;} .index-about .text{margin-bottom: 30px;} .index-about .more-7{margin-bottom: 40px;} .index-pro .content-top{flex-wrap: nowrap !important;align-items: center;} .index-pro .left{width: 63%} .index-pro .right{width: 35%} .all-acces .t3 {height: auto;font-size: 14px;padding: 10px 15px 10px;} .all-news .t1{font-size: 18px;line-height: 30px;} .p-l-products .title,.p-l-best .title{margin-bottom: 110px !important;} .p-l-best .left{width: 60%} .p-l-best .right{width: 35%} .all-param p{width: 50% !important} .all-param p:last-child{padding-left: 20px;} .p-l-needs .left{width: 50%} .p-l-needs .right{width: 47%;} .p-d-first .all-param>div{flex-direction: column;} .p-d-first .all-param p{width: 100% !important;} .p-d-first .all-param p:last-child{padding-left: 0 !important;} .p-d-rec .title{margin-bottom: 125px !important;} .about-first .content{flex-wrap: wrap;flex-direction: column-reverse;align-items: flex-start;} .about-first .left{width: 100%;} .about-first .right{width: 100%;} .about-first .title{width: 100%;} .about-first::before{width: 100%;height: 100%;} .about-his .left .swiper {max-height: 555px;} .about-his .swiper{max-height: 540px;} .about-global .text {width: 85%;} .sol-project .ul{width: 100%;} .app-banner.all-banner .banner-text{padding-bottom: 0;} .app-content .box-2 .t1 {margin-bottom: 20px;} .app-content .all-param strong {font-size: 18px;} .app-content .cont-box {padding: 30px 0 35px 15px;} .app-content .list {height: 375px;} .app-cust .cont-box {width: 100%;} .index-about .right{width: 100%;} .index-about .small-box{width: 70%;} .index-about .small-box .list{flex: 1;width: auto;background-color: #fff;height: auto;} } @media(max-width:1050px){ .app-content .list{overflow: hidden;} .app-content .img {right: 0;} .app-content .img-1 img{width: auto;} .app-content .all-param>div p:first-child{font-size: 15px;} .app-content .all-param>div{margin-bottom: 5px;} .contact-box{padding: 45px 30px;} } @media(max-width:950px){ .about-cer .content{align-items: center;} .about-cer .left {width: 58%;} .about-cer .right{width: 36%;} .app-content .t1 {font-size: 19px;} } @media(max-width:930px){ .all-acces .t3{height: auto;} .index-pro-top {margin-bottom: 50px;} .index-sol .items {width: 50%;flex: none;} .p-l-best .items{flex-wrap: wrap;flex-direction: column-reverse !important;} .p-l-best .right{margin-bottom: 30px;} .p-l-best .left,.p-l-best .right{width: 100% !important;} .p-l-needs .right {padding: 45px 20px 50px 20px;} .p-l-needs .left {width: 53%;} .p-l-needs .right{width: 45%;} .p-l-needs .text {margin-bottom: 35px;} } @media(max-width:890px){ } @media(max-width:860px){ .sol-project .items,.sol-project .items:nth-child(even){flex-direction: column !important;} .sol-project .left,.sol-project .right{width: 100%;} } @media(max-width:768px){ .index-banner h1, .all-banner .h1{font-size: 24px !important;} .title{font-size: 22px;line-height: 32px;} .text p{margin-bottom: 10px;} .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 10px !important;} .dfrsb,.dfrsbc{flex-wrap: wrap !important;} .left,.right{width: 100% !important;} .text{font-size: 14px !important;line-height: 20px !important;} .top-head{margin-bottom: 25px !important;} .h6{font-size: 16px !important;line-height: 24px !important;} .all-hover {width: 35px;height: 35px;} .all-hover .iconfont {font-size: 16px;} .ul p{padding-left: 25px;} .ul p::before {font-size: 16px;line-height:20px;} ul li{font-size: 16px !important;line-height: 24px !important;} .h1{font-size: 24px !important;line-height: 32px !important;letter-spacing: 0px !important;} .text p{margin-bottom: 10px !important;} .text p:last-child{margin-bottom: 0 !important;} .more-7{height: 42px !important;padding: 0 25px;font-size: 16px;line-height: 24px;} .row{margin-left: -7px !important;margin-right: -7px !important;} .col-md-4,.col-md-3,.col-md-6{padding-left: 7px !important;padding-right: 7px !important;margin-bottom: 25px !important;} .mySwiper-pro .pagination-pro,.mySwiper-sol-pack .pagination-sol-pack{bottom: 0;left: 0;} .mySwiper-pro .swiper-pagination-bullet,.mySwiper-sol-pack .swiper-pagination-bullet{background-color: var(--public-color);opacity: .2;} .mySwiper-pro .swiper-pagination-bullet-active,.mySwiper-sol-pack .swiper-pagination-bullet-active{background-color: var(--public-color);opacity: 1;} .mySwiper-pro .swiper-slide,.mySwiper-sol-pack .swiper-slide{height: auto;} .mySwiper-pro,.mySwiper-sol-pack {padding-bottom: 30px;margin-bottom: 30px;padding-left: 10px;padding-right: 10px;padding-top: 30px;} .every_box{width: 100%;padding: 30px 20px 30px 20px;} .in-banner{margin-bottom: 30px;} .all-banner .banner-text{padding-bottom: 0;padding-top: 0;} .small-nav {padding-bottom: 0;} .in-banner .small-nav {padding: 10px 0;} .all-banner.banner .h1{margin-bottom: 0;} .small-nav ul li::after{padding: 0 5px;font-size: 14px;line-height: 20px;} .small-nav ul a{font-size: 14px;line-height: 20px;} .footer .ft-1{flex-wrap: wrap;margin-bottom: 25px;} .footer .ft-1 .logo{margin-bottom: 20px;} .footer .ft-1 .box{flex-wrap: wrap;justify-content: flex-start;} .footer .ft-1 .h4 {font-size: 18px;margin-right: 0;margin-bottom: 15px;} .footer .list-1{flex-wrap: wrap;margin-bottom: 25px;} .footer .list-1 .text,.footer .list-1 .find{width: 100%;} .footer .list-1 .text{margin-bottom: 20px;} .footer .list-1 .find{justify-content: flex-start;} .footer .list-2{width: 100%;margin-bottom: 20px;} .footer .list-3{width: 100%;} .footer .t1{margin-bottom: 15px;} .footer .font-sty {font-size: 15px;} .footer .list-3 .d1{margin-bottom: 5px;} .footer-bottom{font-size: 14px;} .contact-paper{padding-bottom: 30px;padding-top: 30px;} .contact-box .list{flex:none !important;width: 100% !important;padding-left: 0 !important;position: relative;} .contact-box .list::after{display: none;} .contact-box {margin-bottom: 30px;padding: 20px 15px;} .contact-paper .left{padding-top: 0px;padding-bottom: 0px;} .contact-paper .text {margin-bottom: 20px;} .contact-paper .right{padding: 30px 20px;} .contact-paper .form-group:last-child{margin-bottom: 20px;} .contact-box .img-1 {width: 20px;position: absolute;left: 0;} .contact-box .h3{padding-left: 30px;} .contact-box .font-sty{line-height: 24px !important;} .news-paper{padding-top: 30px;padding-bottom: 30px;} .news-paper .app-box{margin-bottom: 30px;} .news-paper .t1{font-size: 18px;line-height: 26px;} .news-paper .cont {padding: 20px 10px 0;} .news-paper .row {gap: 10px 0;} .main-box .main-left{max-width: none;width: auto;min-width: auto;} .news-in-paper .h1{margin-bottom: 15px;} .news-in-paper .type-time {padding-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;} .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%;} .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 .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;} .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;} .main-box .main-top{width: 100%;} .service-paper{padding-top: 30px;padding-bottom: 0px;} .service-paper .small-box{gap: 0 9px;margin-bottom: 30px;} .service-paper .small-box .list{width: auto;flex: 1;padding:15px 10px;} .service-paper .small-box .h3{font-size: 28px;} .service-paper .small-box p{font-size: 14px;line-height: 24px;} .service-effic .items{flex-wrap: wrap;margin-bottom: 30px;} .aside-right,.aside-left{display: none;} .service-effic-xl .container-xl{padding: 0;} .service-effic .items:nth-child(1) .title::before{width: 80px;} .service-effic .items:nth-child(2) .title::before {width: 130px;} .service-effic .items:nth-child(3) .title::before {width: 125px;} .service-effic .items .title::before {left: -2px;height: 10px;top: 17px;} .service-effic .ul p{margin-bottom: 10px;} .service-effic{margin-bottom: 30px;} .service-about .col-md-3{width: 50%;} .service-about{margin-bottom: 30px;} .ser-faq .content{flex-direction: column-reverse;} .all-faqs .quen-q{font-size: 18px;line-height: 26px;} .all-faqs .quen-a{font-size: 14px;line-height: 20px;padding-bottom: 5px;} .all-faqs .item {width: 92%;} .all-faqs .dimen {font-size: 18px;padding-top: 4px;} .all-faqs .left{padding-bottom: 0;} .all-faqs .items{padding: 17px 0;} .faq-paper{padding-top: 30px;padding-bottom: 30px;} .app-box{margin-bottom: 30px;} .faq-paper .aside{max-width: none;} .faq-paper .article{width: 100%;max-width: none;} .faq-paper .aside {top: 50px;} .faq-paper .aside a{height: auto;font-size: inherit;padding-left: inherit;} .download-paper{padding-top: 30px;padding-bottom: 30px;} .download-paper .left img {margin-left: -50px;} .download-paper .right{padding-top: 0px;} .solution-paper{padding-top: 30px;padding-bottom: 30px;} .every_box .img-1{margin-bottom: 10px;} .every_box .text{width: 100%;} .sol-box{margin-bottom: 30px;} .sol-pack .list{flex: none;width: 100%;} .sol-pack{margin-bottom: 30px;} .sol-process{padding: 20px 0 20px;margin-bottom: 30px;} .sol-process .left::after{right: 50%;top: 100%;transform: rotate(0);} .sol-process::after{width: 100%;} .sol-process .left{margin-bottom: 50px !important;} .sol-process .h3 {font-size: 28px;} .sol-process .list p{font-size: 14px;line-height: 20px;} .sol-process .box-1{margin-bottom: 20px;} .sol-process .all-pag{left: 0;right: auto;} .sol-project .left{margin-bottom: 25px;} .sol-project-xl .container-xl{padding: 0;} .sol-project .text{margin-bottom: 20px;} .sol-project .ul{padding-left: 15px;} .sol-project .items{margin-bottom: 30px;} .sol-project{margin-bottom: 30px;} .sol-person .list {width: 100%;} .sol-person{padding: 30px 0;height: auto;margin-bottom: 30px;} .sol-person .pag-person{margin-top: 30px;} .sol-pro{margin-bottom: 30px;} .sol-pro .container-xl{padding: 0;} .sol-pack .list .box-1 .img{display: block;} .sol-pack .title span{display: inline;} .sol-process .mySwiper-pro{padding: 0;margin-bottom: 0;} .sol-pro{padding: 0 15px;} .sol-pro .d{margin-bottom: 20px;} .sol-pro .box-2 {padding: 25px !important;} .sol-pro .box-2 .h5{margin-bottom: 10px;font-size: 20px;} .sol-pro .num{font-size: 21px;} .sol-pro .text{font-size: 16px !important;line-height: 24px !important;} .mySwiper-sol-pro-1 {padding-bottom: 45px;} .p-l-faq{margin-bottom: 0px;} .p-l-faq .content{flex-direction: column-reverse;} .app-paper{padding-top: 30px;padding-bottom: 30px;overflow: hidden;} .app-content,.app-cust{margin-bottom: 30px;} .app-paper .p-l-faq{margin-bottom: 0;} .p-l-needs::after{height: 100%;} .p-l-needs{margin-bottom: 30px;padding: 30px 0;} .p-l-needs .ul{font-size: 16px;line-height: 24px;} .p-l-needs .ul p{margin-bottom: 10px;} .p-l-needs .text{margin-bottom: 20px;} .p-l-needs .right{padding: 20px;} .about-paper{padding-top: 30px;padding-bottom: 30px;overflow: hidden;} .banner .about-box{width: 100% !important;} .about-first{padding-left: 0;margin-bottom: 0px;} .about-first .text{margin-bottom: 20px;} .about-first .h3{font-size: 28px;margin-bottom: 20px;} .about-first .left{padding-bottom: 30px;} .about-first::before {width: 111%;left: -15px;} .about-first::after{left: -15px;} .about-first .list{padding-left: 0 !important;padding: 0 10px;flex: none;width: 50%;} .about-first .list::after{display: none;} .about-first .small-box{gap: 20px 0;} .about-his{margin-bottom: 30px;} .about-his .swiper{max-height: none;padding: 30px 0;} .about-his .list{text-align: center;} .about-his .list .img,.about-his .list .img img{border-radius: 16px;} .about-his .list .text{margin-bottom: 30px;} .about-his .all-hover::after{display: none;} .about-his .all-hover{top: 7%; width: 60px; height: 52px; background-color: #f5f5f5; border-radius: 4px; transform: skew(-8deg); font-size: 20px; color: #333; transition: all .3s ease-in-out; } .about-his .all-hover:hover{background-color: #505860;color: #fff;} .about-his .icon{transform: skew(8deg);} .about-cer .content{flex-direction: column-reverse;} .about-cer .left{padding-top: 0;} .about-cer .title::before{width: 135px;height: 10px;} .about-cer .text{margin-bottom: 20px;} .about-cer .img-cer{margin-bottom: 20px;} .about-cer{margin-bottom: 30px;} .about-global>img{height: 245px;width: auto;} .about-global::after{content: "";width: 100%;height: 100%;background-color: #000;opacity: .3;position: absolute;left: 0;top: 0;} .about-global-xl{z-index: 1;} .about-global .text{color: #fff;width: 100%;} .about-partners{padding:30px 0 0} .about-partners .col-md-3 {width: 50%;} .about-partners .row{gap: 0;} .all-news .list {padding: 20px 12px;} .factory-paper{padding-top: 30px;padding-bottom: 30px;} .factory-paper .every_box{margin-bottom: 30px;} .factory-paper .col-md-3{width: 50%;} .factory-paper .img{padding: 15px;} .factory-paper .row{gap: 0;} .certificates-paper {padding-top: 30px;padding-bottom: 30px;} .certificates-paper .col-md-3{width: 50%;} .certificates-paper .row{gap: 0;} .certificates-paper .every_box{margin-bottom: 30px;} .certificates-paper .t1 {font-size: 18px;line-height: 26px;} .certificates-paper .img{margin-bottom: 10px;} .video-paper{padding: 30px 0;} .video-paper .every_box{margin-bottom: 30px;} .video-paper .t3{font-size: 18px;line-height: 26px;} .video-paper .row{gap: 0;} .pro-cen-paper{padding: 30px 0;} .pro-cen-paper .small-box{margin-bottom: 30px;flex-wrap: wrap;gap:25px 0;justify-content: space-between;} .pro-cen-paper .small-box .list{width: 48%;padding: 15px;display: flex;flex-direction: column;justify-content: space-between;} .pro-cen-paper .small-box .list:nth-child(2) .h3{font-size: 18px;} .pro-cen-paper .small-box p {margin-bottom: 10px;} .pro-cen-paper .small-box .h3{font-size: 18px;flex-wrap: wrap;} .pro-cen-paper .items{flex-direction: column !important;padding-bottom: 25px;margin-bottom:25px;border-bottom:2px solid #e5e5e5;} .pro-cen-paper .img{width: 100% !important;margin-bottom: 15px;} .pro-cen-paper .cont-box{width: 100% !important;} .pro-cen-paper .t1{font-size: 21px;line-height: 32px;margin-bottom: 15px;} .pro-cen-paper .text{margin-bottom: 20px;} .pro-cen-paper .t2 {font-size: 16px;line-height: 24px;margin-bottom: 5px;padding-left: 25px;} .pro-cen-paper .t2::before{top: 12px;} .pro-cen-paper .small-box .s1 {padding-left: 5px;font-size: 16px;} .pro-list-paper{padding: 30px 0;overflow: hidden;} .pro-list-box{width: 100%;margin-bottom: 30px;padding: 20px;display: none;} .pro-list-box .box{width: 100%;} .pro-list-box .img-1{margin-bottom: 10px;} .p-l-products{margin-bottom: 30px;} .p-l-products .title, .p-l-best .title{margin-bottom: 15px !important;} .p-l-products .all-products .list .img{padding: 10px;} .all-products .list{padding:10px;} .all-products .t1{font-size: 14px;line-height: 22px;} .all-products .list:hover .t1, .all-products .list.active .t1 {padding-bottom: 10px;} .all-products .list .arrow{bottom: 15px;} .p-l-adv .list{width: 100%;padding: 20px 15px;} .p-l-adv .h5{font-size: 18px;line-height: 26px;} .p-l-adv .line{margin: 15px 0;} .p-l-adv .content{gap: 15px 0;} .p-l-adv{margin-bottom: 30px;} .p-l-acc{margin-bottom: 30px;} .p-l-best .img{margin-top: 10px;margin-bottom: 20px;} .p-l-best .right{padding-bottom: 10px;} .p-l-best .row-line::after {margin-top: 10px;margin-bottom: 20px;} .p-l-best .t1{font-size: 20px;line-height: 28px;} .all-param>div {padding: 20px 10px;} .p-l-best .items .text p{margin-bottom: 15px !important;width: 100% !important;} .all-param>div{flex-direction: column;} .all-param p:last-child{padding-left: 0;margin-top: 10px !important;} .p-l-best .items{margin-bottom: 40px;} .p-l-best{margin-bottom: 30px;} .product-detail-paper{padding-bottom: 30px;overflow: hidden;} .p-d-first{margin-bottom: 50px;} .p-d-first .left .img{height: auto;padding: 20px 15px;} .p-d-first .model{font-size: 16px;line-height: 24px;} .p-d-first .text p{font-size: 14px;line-height: 20px;} .p-d-first .select-a a {font-size: 14px;line-height: 20px;padding-left: 20px;} .p-d-first .select .h5{margin-bottom: 15px;} .p-d-first .select{margin-bottom:30px;} .p-d-first .content{margin-bottom: 30px;} .p-d-first .content-img{flex-wrap: wrap;gap: 20px 0;justify-content : space-between;} .p-d-first .img-2{width: 48%;} .detail-nav{display: none;} .p-d-desc .content,.p-d-chara .content{width: 100%;} .p-i-content > div{margin-bottom: 30px;} .p-d-chara li::after {top: 0;} .p-d-chara li {padding-left: 10px;margin-bottom: 10px;} .table-wrapper table td{padding: 10px 5px;font-size: 14px;} .table-wrapper table tr:first-child td, .table-wrapper table th{padding: 10px 5px;} .index-paper{overflow: hidden;} .index-about{margin-bottom: 30px;} .index-about .container-xl.m-left{padding: 0;} .index-about .content{padding: 0;} .index-about .small-box{gap: 20px;width: 100%;gap: 20px 0;} .index-about .small-box .list{height: auto;width: 48%;flex: none;} .index-about .list p{font-size: 14px;line-height: 20px;} .index-about .small-box .list:last-child{width: 100%;} .index-about .h3{font-size: 28px;} .index-about .img-1 {width: 40px;} .index-about .left{padding: 0 15px;} .index-about .right {padding-bottom: 10px;padding: 30px 15px;} .index-about .left{margin-top: 40px;} .index-pro .content-top{flex-wrap: wrap !important;flex-direction: column-reverse;margin-bottom: 10px;} .index-pro-top .container-xl{padding: 0;} .index-pro .t2 {font-size: 16px;line-height: 24px;} .index-pro .t2::before {top: 13px;} .index-pro .name-t2{margin-bottom: 30px;} .index-pro .ul{width: 100%;height: auto;padding: 20px;} .index-pro .ul p{margin-bottom: 10px;} .index-pro .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px ;} .index-pro-top{margin-bottom: 30px;} .index-pro{margin-bottom: 30px;} .index-adv .content{height: auto;padding: 20px 0;gap: 20px 0;display: flex;justify-content: space-between;flex-wrap: wrap;} .index-adv .content .img{width: 40%;} .index-quality{padding: 30px 0;} .index-quality .list{flex: none;width: 100%;} .index-quality .list{flex: none;width: 100%;padding: 20px 15px;} .index-quality .h3{font-size: 18px;line-height: 26px;margin-bottom: 15px;} .index-quality .cont{margin-right: 15px;font-size: 14px;line-height: 20px;} .index-quality .img-1{margin-bottom: 15px;} .index-quality .h3 span{display: inline;} .index-quality .cont{margin-top: 15px;padding-right: 0;} .index-quality .content{gap: 25px 0;} .index-sol{padding-top: 30px;} .index-sol .top-head{width: 100%;} .index-sol .t1{font-size: 16px;line-height: 24px;} .index-sol .cont{font-size: 14px;line-height: 20px;} .index-sol .row-line::after {bottom: -15px;} .index-sol .items .list:first-child{padding: 20px 0;} .index-sol .items .list:first-child{background-color: transparent !important;position: relative;z-index: 2;} .index-sol .items{width: 100%;position: relative;} .index-sol .items .list:nth-child(even){position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;} .index-sol .items .list:nth-child(odd)::after{content: "";width: 100%;height: 100%;background-color: #000;opacity: .4;position: absolute;left: 0;top: 0;z-index: -1;} .index-sol .items:nth-child(even) .t1,.index-sol .cont{color: #fff !important;} .index-sol .items:nth-child(even) .row-line::after{background-color: #fff;} .index-sol .items:nth-child(even) .a-sol::after{content:url(../../images/index-22.png);} .index-sol .items:nth-child(even) .list-xl{flex-direction: column;justify-content: space-between;} .index-news{padding: 30px 0;} .index-sol .content{padding: 0 15px;} .index-banner::after{content: "";width: 100%;height: 100%;background-color:#f5f5f5;opacity: .4;position: absolute;left: 0;top: 0;z-index: 0;} .index-banner .banner-text{z-index: 1;} .p-d-first .select-a {gap: 10px 0;} .p-d-desc .content{flex-wrap: wrap;} .p-d-desc .content .box{width: 100%;} .p-d-desc .content .pro-video{width: 100%;margin-top: 15px;} .all-acces {padding-top: 30px;} .p-l-acc .left{margin-bottom: 0 !important;} .all-acces{padding-bottom: 30px;} .p-l-acc .top-head{margin-bottom: 0 !important;} .p-d-first h1{font-weight: bold;} .p-i-content .title{color:var(--public-color);} } .video-nr{position:relative;background:#f4f6f9;padding:30px;height:910px;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ddd;} .video-nr .v-content{width:76%;height:100%;overflow:auto;} .video-nr .v-content::-webkit-scrollbar{display:none;} .video-nr .v-content .v-title{font-size:22px;line-height:28px;font-weight:bold;margin-top:15px;margin-bottom:15px;} .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:14px;color:#777;} .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;border-radius:50px;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%);} .video-nr .v-content .v-desc .right .v-fx{background:#fff;border:1px solid #333;display: inline-flex;margin-left:15px; padding:5px 20px;border-radius:50px;align-items:center;color:#333;} .video-nr .v-content .v-desc .right .v-fx i{margin-right:8px;} .video-nr .v-content .v-desc .right .v-fx:hover{background:#527dff;border-color:#527dff;color:#fff;} .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:#527dff;} .video-nr .v-content .v-nr a:hover{text-decoration:underline;} .video-nr .v-content .v-title2{border-bottom: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;} .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:#527dff;} .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{width:22%;height:100%;overflow:auto;} .video-nr .v-side::-webkit-scrollbar{display:none;} .video-nr .v-side .v-pro{background:#fff;padding:15px;border-radius:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;} .video-nr .v-side .v-pro .img{width:30%;} .video-nr .v-side .v-pro .text{width:67%;} .video-nr .v-side .v-pro .text .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 .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-rel{background:#fff;padding:15px;border-radius:20px;} .video-nr .v-side .v-rel .big-t1{font-size:22px;line-height:28px;font-weight:bold;margin-bottom:15px;} .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 .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 .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.png);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 #527dff;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: #527dff; border-radius: 20px; flex-shrink: 0; cursor: pointer;} @media(max-width:768px) { .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:15px;} .video-nr .v-content{width:100%;} .video-nr .v-side{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;} } .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.png) no-repeat -3px -180px; background-size: 300px; border-radius: 50%;} @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;} } .nav-item:hover .ul-box{display: flex;animation: fadeIn .4s ease-in-out;} .navbar-custom .navbar-nav .nav-item{display: flex;flex-direction: column;align-items: center;justify-content: center;} .ul-box{display: none;justify-content: space-between;background-color: #fff;padding: 30px 30px 30px 50px;gap:30px;position: absolute;min-width: 1300px;min-height: 350px;top: 32px;left: -40%;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .ul-box .one-box{min-width: 365px;width: 33%;} .ul-box .two-box{min-width: 450px;width: 40%;} .ul-box .three-box{min-width: 210px;width: 20%;} .ul-box .two-box li{margin-bottom: 10px;} .ul-box .two-box .ul-menu>li{display: none;} .ul-box .two-box .ul-menu>li.active{display: block;} .ul-box .three-box .ul-menu>li{display: none;} .ul-box .three-box .ul-menu>li.active{display: block;} .ul-box .three-box .li-ul-menu li{display: none;} .ul-box .three-box .li-ul-menu li.active{display: block} .ul-box .ul-menu>li.active .li-ul-menu>.active a,.ul-box .ul-menu>li.active>a{color: var(--public-color);} .ul-box .one-box a{font-size: 18px;line-height: 32px;} .ul-box .two-box a{font-size: 16px;line-height: 28px;} .ul-box .two-box p{font-size: 14px;line-height: 24px;} .ul-box .two-box .ul-menu,.ul-box .two-box li .text,.ul-box .two-box li {height: 100%;} .ul-box .title-1{font-size: 18px;line-height: 32px;font-weight: bold;margin-bottom: 30px;} /* .ul-box .two-box li .text{display: flex;flex-direction: column;justify-content: center;} */ .ul-box .two-box li .text p{margin-bottom: 0 !important;} .ul-box .all-menu li {position: relative;padding-left: 10px;margin-bottom: 10px;} .ul-box .all-menu li::before{content: "";width: 6px;height: 6px;background-color: #999;;display: inline-block;margin-right: 5px;position: absolute;left:0;top: 12px;} .ul-box .one-box .all-menu li:first-child:hover::before ,.ul-box .one-box .all-menu li:first-child.active::before ,.ul-box .two-box .all-menu li:hover::before,.ul-box .two-box .all-menu li.active::before{content: "\f105";font-family: 'cmsfont';width: 6px;height: 6px;background-color: transparent;color: var(--public-color);position: absolute;left: 0;top: 0px;} .ul-box .all-menu li:hover::before,.ul-box .all-menu li.active::before{color: var(--public-color);} .ul-box .one-box .all-menu li.active::before{background-color: var(--public-color);} .ul-box .one-box .all-menu {display: flex;flex-direction: column;height: 100%;justify-content: space-between;} @media(max-width:1400px){ .ul-box{left: -35%;} } @media(max-width:1360px){ .ul-box{left: -47%;} } @media(max-width:1340px){ .ul-box{min-width: 1240px;} } @media(max-width:1290px){ .ul-box{left: -41%;min-width: 1210px;} } @media(max-width:1230px){ .ul-box .one-box a {font-size: 17px;} .ul-box{left: -41%;min-width: 1210px;min-height: 325px;} .ul-box .all-menu li {margin-bottom: 7px;} } @media(max-width:1160px){ .ul-box{left: -41%;min-width: 1120px;max-height: 300px;left: -35%;padding: 30px 20px;} } @media(max-width:1140px){ .ul-box{left: -24%;min-width: 1030px;gap: 20px;} } @media(max-width:1120px){ .ul-box .two-box a {font-size: 15px;} .ul-box .one-box a {font-size: 16px;} .ul-box .two-box {min-width: 420px;} .ul-box{left: -29%;min-width: 995px;} } @media(max-width:1090px){ .ul-box{left: -46%;min-width: 995px;} .ul-box .one-box{min-width: 335px;} .ul-box .two-box{min-width: 415px;} .ul-box .three-box{min-width: 170px;} .ul-box .all-menu li {margin-bottom: 4px;} } @media(max-width:1035px){ .ul-box{left: -42%;} } body{max-width: 1920px;margin-left: auto;margin-right: auto;overflow-x: hidden;}