/*通用样式*/ :root{ --public-color:#e60012; --max:1430px; } body{ color: #54595F; font-size: 18px; line-height: 28px; font-weight: 400; font-family: 'Roboto', 'Poppins', 'Rubik', sans-serif; text-transform: none; letter-spacing: -.2px; } a{color:#141414;display:inline-block;transition: all .6s;font-weight: 400;} a:hover{color:var(--public-color);} .swiper-pagination-bullet-active{background:var(--public-color)} .page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);} body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0} img{aspect-ratio:attr(width) / attr(height);} ul,ol,li,dl,dd,dt{list-style-type:none} .img-width{width:100%;height:auto;max-width:100%} .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){ #mb-feedback .t5{display:none} #mbwhatsapp-feedback .t5{display:none} 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;} .max-1690px{max-width: 1690px;} .max-1650px{max-width: 1650px;} .max-1630px{max-width: 1630px;} .max-1860px{max-width: 1860px;} .max-1530px{max-width: 1530px;} .banner-nav{padding-top: 0px;padding-bottom: 0;} a:hover .cndns-right-box{right: 45px;} .cndns-right-box{ position: absolute; top: 0; border-radius: 0; right: -350px; padding: 0px 10px 10px; line-height: 27px; font-size: 16px; height: auto; color: #000; transition: all .6s; z-index: 0; white-space: nowrap; } a.dianhua .cndns-right-box .box-border{width: auto;flex-direction: row;align-items: center;} a.dianhua .cndns-right-box .box-border div:first-child{font-size: 30px;margin-right: 15px;color: var(--public-color);} a.dianhua .cndns-right-box .box-border div:last-child{display: flex;flex-direction: column;text-align: left;} a.dianhua .cndns-right-box .box-border div:last-child span:first-child{color: var(--public-color);} a.dianhua .cndns-right-box .box-border div:last-child span:last-child{color: #aba5a5;} .cndns-right-box .box-border { text-align: center; border: 1px solid #ccc; width: 100px; display: flex; flex-direction: column; padding: 1px 5px 0px 10px; background-color: #fff; } /*默认pc头部样式*/ /* .header{z-index:999;width:100%;position:absolute;left:0;background-color:white} .header.fadeInDown .header-desc .logo img{height:70px;width:auto;} .header.fadeInDown .header-top .nav-item{margin:0;padding:10px 8px;cursor:pointer;font-size:18px} */ /*header*/ .header .container-xl.max-1830px{max-width: 1830px;height: 100%;} .header.fadeInDown{border-bottom: 2px solid var(--public-color);padding: 12px 0;} .header{background-color: #fff;width: 100%;z-index: 99;padding-top: 25px;padding-bottom: 20px;position: relative;} .header .header-nav{display: flex;align-items: center;height: 100%;} .header .header-nav .top-logo{width:12%;} /* .header .header-top{padding-top: 6px;} */ /* .header .header-top .toch{margin-left: 30px;} */ .header .header-top .toch a{font-size: 16px;font-weight: 500;width: 181px;height: 43px;padding: 0;background-color: var(--public-color);border: 2px solid var(--public-color);display: flex;justify-content: center;align-items: center;border-radius: 30px;} .header .header-top .toch a:hover::before{background-color: #000000;} .header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: 88%;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: 30px;padding-right: 0px;} .dropdown.lang .dropdown-toggle:after{color: #fff;} .dropdown.lang .dropdown-menu {right: 0px;left: inherit;top: inherit;min-width:auto;bottom:100%;} .top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;padding:0 3px 0 0;font-weight: 600;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;} .row-nav .container-xl{max-width: 1380px;} .all-product .t1:hover{color:var(--public-color)} .header .toch a{font-size: 16px;line-height: 24px;color: var(--public-color);border: solid 1px #89c6ff;border-radius: 25px;padding: 2px 22px 4px 22px;} .header .toch a:hover{color:#333;} .head-top-a{background-color: #fff;color: #353535;height: 50px;} .head-top-a .icon{padding-right: 8px;} .head-top-a a{color: rgba(110, 175, 237, .8);font-size: 18px;line-height: 26px;color: #353535;} .head-top-a .topcontact{display: flex;align-items: center;} .head-top-a li + li{margin-left: 30px;} .head-top-a li:nth-child(1),.head-top-a li:nth-child(2){opacity: .6;} .head-top-a .container-xl{display: flex;justify-content:flex-end;align-items: center;height: 50px;} /* .head-top-a .menushare{margin-left: 12px;} .head-top-a .menushare .social>a.social-pinterest{color: rgba(110, 175, 237, .8) !important;} .head-top-a .menushare .social>a.social-pinterest ,.head-top-a .menushare .social>span{background-color: rgba(110, 175, 237, .8) !important;color: #000 !important;} .head-top-a .menushare .social>a{color: rgba(110, 175, 237, .8) !important;background-color: transparent !important;} .head-top-a .menushare .social>span.social-twitter{color: rgba(110, 175, 237, .8) !important;background-color: transparent !important;} */ .head-top-a .menushare >div + div{margin-left: 12px;} .head-top-a .social>span, .head-top-a .social>a{border-radius: 4px;} .head-top-a li>a:hover{color: #8b0301 !important;} .head-top-a .social-facebook{background-color: #1c56bf;} /*默认pc头部样式*/ .header.fadeInDown{animation: fadeInDown .6s;} /* .header.fadeInDown .head-top-a{height: 40px;background: #000;} */ .header.fadeInDown{z-index:999;width:100%;position:fixed;top: 0;left:0;} /* .header.fadeInDown .header-desc .logo img{height:70px;width:auto;} */ .header.fadeInDown .header-top .nav-item{padding:0px 0px;cursor:pointer;} .header.fadeInDown .top-search-box .top-search{top: 58px;} .navbar-custom .navbar-nav .active > .nav-link{color: #333;} .navbar-custom .navbar-nav .active .dropdown-toggle::after{transform: rotateX(180deg);} .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 20px} .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#333;padding:0;height:50px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;line-height:37px;} .navbar-custom .navbar-nav .nav-link:before{content:"";width:0px;height:6px;margin-left:0!important;background-color: var(--public-color); border-radius: 0px;position:absolute;bottom:10px} .navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav .nav-item.active .nav-link:before{width:0%;transition:all .4s} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s ease-in-out} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color)} .navbar-custom .navbar-nav .nav-link:hover,.navbar-custom .navbar-nav .active .nav-link{color:var(--public-color);transition:.6s ease-in-out} .navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)} .navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{} .navbar-custom .navbar-text{color:rgba(0,0,0,0.5)} .navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)} .navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)} /*移动端头部样式*/ @media(max-width:768px){ .dropdown.lang .dropdown-toggle:after{color:#fff;} body{padding-top:50px;font-size:14px;} .header-mb{background:#000;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #b3190d;z-index:999} .header-mb .container-xl{height:50px} .header-mb .top-logo{width:50%} .header-mb .top-logo img{height:30px;width:auto;} .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end} .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0} .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px} .header-mb .top-mb .top-mb-search{padding:.5rem .4rem;margin-left:10px;width:30px;text-align:center} .header-mb .top-mb .top-mb-search i{font-size:16px;color:#fff} .header-mb .top-mb .icon-bars{color:#fff} .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#fff} .top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%} .top-mb-search-box .search-group{width:100%;height:34px} .top-mb-feed i{font-size:16px;color:#fff} .mobile-head-item .main-content-wrap{background:#fff;top:0;display:block;z-index:99999} .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff} .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden} .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-78%;width:78%;height:100%} .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden} .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1} .head_top .top_left{display:none} .head_nav{width:100%;padding:0 5px} .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px} .head_nav li,.head_nav li a{color:#111} .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0} .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px} .head_nav li.has-child>ul{display:none} .head_nav li.siblings-no-menu{position:relative;padding-left:15px} .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative} .head_nav li a:hover{color:inherit} .head_nav li em{display:block;height:1.4em;overflow:hidden} .head_nav li li{font-size:14px} .head_nav li li li{font-size:12px} .head_nav li li a{color:#666} .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box} .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px} .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .head_nav li.has-child a:hover b{border-color:#111} .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2} .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative} .head_nav li,.head_nav li.has-child{padding-left:0} .head_nav li li,.head_nav li li.has-child{padding-left:15px} .head_nav li.active>a>b:after{display:none} .head_nav li.active>a>b{background-color:#111} .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff} .mobile-ico-close{width:30px;height:30px;background-color:#b3190d;position:absolute;left:-30px;top:0;cursor:pointer} .mobile-ico-close .icon{color:#fff;font-size:30px;padding:0 0 0 6px} .search-box .form-control{border-radius:20px} .search-box .btn{border:1px solid #ced4da;border-radius:20px} .search-box .btn.focus{border:1px solid rgb(128,189,255)} .search-box .icon{color:#b3190d} .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none} } /*#endregion*/ /*#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 } @media(max-width:1380px) { .navbar-custom .navbar-nav .nav-item { margin: 0 15px; } .navbar-custom .navbar-nav .nav-link{font-size: 17px;} } @media(max-width:1250px) { /* .navbar-custom .navbar-nav .nav-link {font-size: 17px;} */ .navbar-custom .navbar-nav .nav-item { margin: 0 10px; } } @media(max-width:1150px) { .navbar-custom .navbar-nav .nav-link {font-size: 16px;} .navbar-custom .navbar-nav .nav-item { margin: 0 5px; } } @media(max-width:1040px) { .navbar-expand-lg .navbar-nav{display: none;} } @media(max-width:768px) { body { padding-top: 50px; } } /*cookies板式二*/ .google-cookies{position:fixed;z-index:99;bottom:20px;left:0;right:0;} .google-cookies.off{display:none;} .google-cookies .container-xl{max-width:1400px; display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:20px;border-radius:10px;} .google-cookies .left{width:70%;} .google-cookies .right{text-align:center;} .google-cookies .t1{font-size:20px;font-weight:bold;color:var(--public-color);margin-bottom:5px;} .google-cookies .p1{font-size:14px;line-height:22px;} .google-cookies .p1 a{font-weight:bold;text-decoration:underline; margin-right:10px;} .google-cookies .cookies-btn{border:1px solid var(--public-color);color:var(--public-color);display:block;font-size:16px;padding:8px 25px;margin-top:8px; background:#fff; transition: all 0.5s;border-radius:10px;cursor:pointer;} .google-cookies .cookies-btn:hover{text-decoration:underline;} .google-cookies .cookies-btn:first-child{background:var(--public-color);color:#fff;margin-top:0} @media(max-width:768px) { .google-cookies{padding:0;bottom:0;} .google-cookies .container-xl{border-radius:0;padding:10px;} .google-cookies .left{width:100%;} .google-cookies .t1{font-size:16px;line-height:24px;} .google-cookies .p1{font-size:14px;line-height:16px;margin-bottom:10px;} .google-cookies .right{width:100%;text-align:left;} .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;margin-top:10px;font-size:14px;display:inline-block;} } #float{position:fixed;right:0;bottom:105px;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);border-top:1px solid #fff} #float .ico:first-child{border-top:0px solid #fff} #float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999} #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:hover{background-color:var(--public-color)} #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)} @media (min-width:1px) and (max-width:991px){ #float{bottom:165px;} #float .ico{width:50px;height:50px} #float .ico>i{font-size:26px;line-height:50px} #float .ico>.img{right:50px} #float .ico p{line-height:50px;padding:0 15px;height:50px} #float.hide{transform:translateX(50px)} #float.hide .scale-ico{width:calc(50px / 2);transform:translateX(calc(-50px / 2))} #float .ico:hover p{right:-350px;} } .bd-tj{width: 65%;} .bd-tj .form-control{color: #6b6b6b;border: 1px solid #fff;} .bd-tj .t5{font-size: 14px;line-height: 25px;color: #2c2c2c;margin: 10px 0;} .bd-tj .t5.te-t5{margin-left: 20px;} .bd-tj textarea.form-control{margin-left: 20px;} @media (max-width:768px){ .bd-tj .t5{text-align: left;} .bd-tj .t5.te-t5{margin-left: 0px;} .bd-tj textarea.form-control{margin-left: 0px;} } .content-cost{display:none; background-color:#ffffff;padding:0;position:fixed;z-index:999;right:90px;bottom:135px;transition:all 0.5s;overflow:hidden;width:800px;padding:10px;} .content-cost .tj-jt{position:absolute;bottom:20px;right:30px;cursor:pointer;width:30px;height:30px;background-color:#ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;transition:all 0.3s ease} .content-cost .tj-jt:hover{background-color:#999;color:#fff} .content-cost .tj-jt:before{content:"×";font-weight:bold} .content-cost .top{display:flex;align-items:center;justify-content:space-between} .content-cost .top .ca{font-size:18px;font-weight:bold;color:#0c459b} .content-cost .center div{display:flex;flex-wrap:wrap;align-items:center} .content-cost p{font-size:13px;font-weight:400;line-height:27px;color:#000000;margin-right:10px} .content-cost span{flex:1;display:block;text-align:center;font-size:15px;font-weight:500;line-height:27px;color:#000000;margin:0px 0;background-color:#dddddd} .content-cost input{flex:1;display:block;text-align:center;width:100%;background-color:#ffffff;border:solid 1px #dddddd;margin:8px 0} .content-cost .jieguo{background-color:#ffffff;border:solid 1px #dddddd} .content-cost.active{display:block;} @media (min-width:1px) and (max-width:991px){ .content-cost{bottom:30px;right:55px} } .content-cost{box-shadow:4px 4px 8px 2px rgba(0,0,0,0.1);border-radius:20px;background:url(../../images/tj-bg.jpg) no-repeat right bottom;background-color:#ffffff;padding:40px} .content-cost .tj-top{position:relative} .content-cost .tj-top .tj-t1{font-size:20px;line-height:27px;color:#2c2c2c;margin-top:10px;max-width:600px;} .content-cost .tj-top .tj-t1 strong{font-weight:400} .content-cost .tj-top .tj-right{background-color:var(--public-color);border-radius:10px 0px 0px 10px;font-size:20px;line-height:27px;color:#ffffff;padding:2px 30px;position:absolute;right:-40px;top:0} .content-cost .tj-center{display:flex;justify-content:space-between;padding:35px 0} .content-cost .tj-center .tj-ri-top{display:flex;justify-content:space-between;text-align:center;padding:0 40px 0 0} .content-cost .tj-center .tj-ri-top .top-le .tj-img img{width:81px} .content-cost .tj-center .tj-ri-top .top-le{font-size:14px} .content-cost .tj-center .tj-le{flex:0 0 54%} .content-cost .tj-center .tj-ri{flex:0 0 40%} .content-cost .form-feedback .form-control{border-radius:5px;border:solid 1px #5d5d5d;background-color:#fff;text-align:left;padding-left:20px;font-size:14px;font-weight: 300;} .content-cost .first{padding:20px 0} .content-cost .first img{filter: hue-rotate(0deg) saturate(1) brightness(1) contrast(1) sepia(1) hue-rotate(350deg) saturate(10) brightness(0.8);} .content-cost .first .h2{display:flex;align-items:baseline;margin-bottom:20px} .content-cost .first .h2 .two{line-height:30px;color:#404040;margin-left:10px;font-size:12px} .content-cost .first .h2 .two:hover{text-decoration:underline} .content-cost .form-feedback .form-control{position:relative} .content-cost .form-feedback .t5{position:absolute;background:#fff;position:absolute;z-index:1;top:0;left:20px;transform:translateY(-15%);font-size:16px;line-height:23px;color:#000000;padding:0 10px} .content-cost .form-feedback .contact-textarea{padding:20px} .content-cost .form-feedback .btn{background-color:var(--public-color);box-shadow:2px 2px 7px 1px rgb(245, 20, 12);padding-top:5px;padding-bottom:5px;font-size:16px} .content-cost .form-feedback .btn:hover{background:#f50216} .content-us{width:520px} .content-us .us-he{font-size:20px;line-height:30px;color:#2c2c2c;margin:0 0 20px 0} @media (min-width:1px) and (max-width:991px){ .content-cost{padding:50px 20px 20px 20px;width:300px;height:360px;overflow-y:visible} .content-cost .tj-jt{position:relative;bottom:0;right:20px;cursor:pointer;top:-20px} .content-cost .tj-top .tj-right{font-size:18px;line-height:20px;color:#ffffff;padding:6px 20px;position:absolute;right:-25px;top:-60px} .content-cost .tj-top .tj-t1{font-size:16px;line-height:16px} .content-cost .form-feedback .form-control{font-size:12px;padding-bottom:5px} .content-cost .tj-center{padding:20px 0;flex-direction:column} .content-cost .first{padding:10px 0} .content-cost .first .h2 .two{line-height:18px} .content-cost.content-us{padding:30px 20px 20px 20px} .content-cost.content-us .tj-jt{top:0} .content-us .us-he{margin:10px 0;font-size:16px;line-height:22px} .content-cost .form-feedback .t5{font-size:16px} .content-cost .form-group{margin-bottom:10px} } /*默认详情设置*/ .content-wrapper { line-height: 1.7; margin-bottom: 1.5rem; } .content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; } .content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; } .content-wrapper img { max-width: 100% !important; height: auto !important; } .content-wrapper ol { margin-left: 1em; padding-left: 1em; } .content-wrapper video { max-width: 100% !important; height: auto !important; } .content-wrapper iframe { max-width: 100%; } .content-wrapper table { width: 100%; margin-bottom: 1rem; color: #999999; font-weight: 400;} .content-wrapper table p{margin-bottom: 0;} .content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: none; text-align: center; } /* .content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } */ /* .content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; } */ .content-wrapper table p{ margin-bottom: 0;line-height: 32px;} /* .content-wrapper tbody th{color:#2980c7} */ .content-wrapper table strong{color: #333333;} .content-wrapper table{letter-spacing: -1px;/*border-bottom: 4px solid #999;*/} /* .content-wrapper table tr:first-child td{padding-top: 35px;} */ /* .content-wrapper table tr:last-child td{padding-bottom: 35px;} */ /*#表格*/ .table-wrapper table tbody tr{color: #333;} .table-wrapper table th, .table-wrapper table td { padding: 8px 10px 8px 40px; vertical-align: middle; font-size: 16px; border: 1px solid #dddddd; text-align: left; } .table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } /* .table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; } */ .table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } @media (max-width: 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;transition: none;} .reveal-modal .close-reveal-modal:hover i{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{color:#fff;background:#9f1919;border-radius:0px;font-size:16px;line-height:22px;padding-top:8px;padding-bottom:8px} .form-feedback .btn:hover{background:#003b66;color:#fff} @media(max-width:768px){ .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px} .form-feedback .btn{padding-top:10px;padding-bottom:10px} .contact-wrapper .feedback-box .form-control{margin-bottom:0} } .form-row>.col,.form-row>[class*="col-"]{padding:0 15px} .form-feedback .btn-c{background-color:#0b3b8d;height:100%;padding:10px 20px;transition:all .6s} .popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#24b66f 0%,#88ca4e 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} .was-validated .form-control:invalid,.form-control.is-invalid { border-color: #f5543f; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } /*#搜索*/ .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:#000;height:40px;line-height:40px;} .search-group .form-control::-webkit-input-placeholder{color:#000} .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;margin-left:20px;border-radius:5px;overflow: hidden;padding-left: 1px;padding-top: 1px;} .top-search-box i{color: var(--public-color);font-size: 20px;font-weight: bold;} .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: -20px;top: 70px;z-index: 99;padding:0;background-color: #fff;display: block;} .top-search-box .top-search.show {opacity: 0;overflow: hidden;transition: all 0.9s;display: none;} .all-banner.banner .text p{margin-bottom: 0; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; max-width: 100%; } .all-banner.banner .banner-text{text-align: left;} .all-banner.banner .h1{font-size: 46px;margin-bottom: 30px;} .all-banner.banner .text{font-size: 18px;line-height: 32px;width: 50% !important;opacity: 1;} .banner-text{align-items: flex-end;padding-top: 0px;padding-bottom: 55px;} .banner .h1{font-size: 56px;line-height: 64px;color: #fff;font-weight: bold;font-family: 'Rubik';} .banner .h1 span{color: var(--public-color);} .banner .cont-1{margin-bottom: 110px;} .index-banner .banner-text{align-items: center;/*padding-top: 160px;*/} .index-banner{position: relative;line-height:0;} .index-banner::after{content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);position: absolute;left: 0;top: 0;} .index-banner .container-xl{position: relative;z-index: 2;} .index-banner .index-video{height: 700px;display: flex;justify-content: center;align-items: center;overflow: hidden;} .typed-cursor{ opacity: 1; } .typed-cursor.typed-cursor--blink{ animation: typedjsBlink 0.7s infinite; -webkit-animation: typedjsBlink 0.7s infinite; animation: typedjsBlink 0.7s infinite; } @keyframes typedjsBlink{ 50% { opacity: 0.0; } } .every-footer .container-xl{height: 317px;width: 100%;display: flex;align-items: center;} .every-footer .title{margin-bottom: 25px;} .every-footer .hover-more {} .every-footer .left{width: 70%;} .every-footer .right{width: 30%;display: flex;justify-content: flex-end;padding-right: 30px;} .every-footer .title{line-height: 56px;color: #fff;} .every-footer .text{font-size: 18px;line-height: 24px; width: 70%; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .every-footer .content{width: 100%;} .footer{background-color: #222;padding-top: 108px;color: #fff;} .footer .logo-text{display: flex;align-items: center;justify-content: space-between;margin-bottom: 65px;} .footer .logo-text .logo{width: 26%;} .footer .logo-text .text{width: 60%;opacity: .6;} .footer .logo-text .text p{margin-bottom: 0;} .footer .list-1{width: 30%;} .footer .list-2{width: 10%;} .footer .list-3{width: 32%;} .footer .list-4{width: 20%;} .footer .content{color: rgba(255,255,255,.6);display: flex;justify-content: space-between;} .footer .list-1 i{width: 17px;height: 17px;text-align: center;margin-right: 25px;line-height: 43px;} .footer .list-1 p{display: flex;} .footer .list-1 .d1 a + a{padding-left: 10px;} .footer .list-1 .d1{margin-bottom: 20px;} .footer .font-sty{font-size: 16px;line-height: 43px;color: rgba(255,255,255,.6);} .footer a.font-sty:hover{color: #e60012;color: rgba(230,0,18,1)} .footer .font-sty .white{display: inline-block;animation: fadeIn .6s;} .footer .font-sty .red{display: none;animation: fadeIn .6s;} .footer .font-sty:hover .white{display: none;animation: fadeIn .6s;} .footer .font-sty:hover .red{display: inline-block;animation: fadeIn .6s;} .footer .list-2 .font-sty{display: block;} .footer .list-3 p:before{content: "\f061";font-family: cmsfont;display: inline-block;margin-right: 8px; position: relative;} .footer .list-3 .font-sty{display: inline-block;} .footer .list-2 .font-sty span,.footer .list-3 .font-sty span{padding-right: 15px;} .footer .list-4 .form-email { width: 100%; border: solid 1px rgba(255,255,255,.2); height: 64px; display: flex; align-items: center; justify-content: space-between; padding-left: 20px; padding-right: 30px; transition: all .6s; margin-bottom: 38px; cursor: pointer; } .footer .list-4 .form-email .white{display: inline-block;animation: fadeIn .6s;} .footer .list-4 .form-email .red{display: none;animation: fadeIn .6s;} .footer .list-4 .form-email:hover .white{display: none;animation: fadeIn .6s;} .footer .list-4 .form-email:hover .red{display: inline-block;animation: fadeIn .6s;} .footer .list-4 .form-email:hover{ border: solid 1px rgba(190, 18, 31,1);color: var(--public-color);} .footer .list-4 p { background-color: var(--public-color); border-radius: 4px; display: inline-block; padding: 5px 32px 5px 20px; color: rgba(255, 255, 255, 1); font-size: 22px; line-height: 32px; cursor: pointer; } .footer .list-4 p .white{display: inline-block;animation: fadeIn .6s;} .footer .list-4 p .red{display: none;animation: fadeIn .6s;} .footer .list-4 p:hover .white{display: none;animation: fadeIn .6s;} .footer .list-4 p:hover .red{display: inline-block;animation: fadeIn .6s;} .footer .list-4 p:hover{background-color: #fff;color: var(--public-color);} .footer .list-4 p span:first-child{padding-right: 15px;} .footer .bottom{border-top: 2px solid rgba(255, 255, 255, .1);} .footer .bottom .container-xl{display: flex;justify-content: space-between;align-items: center;height: 80px;} .footer .bottom p{font-size: 18px;line-height: 32px;color: rgba(255,255,255,.4);font-weight: 400;} .footer .back-sty{background-color: rgba(255, 255, 255, .1) !important;border-radius: 4px !important;} .footer .social-youtube.back-sty{border: 0;} .footer .social>span,.footer .social>a{color: rgba(255, 255, 255, .6) !important;} .footer .menushare>div + div{margin-left: 10px;} .footer .back-sty:hover{background-color: rgba(190, 18, 31,1) !important;} .footer .social:hover>span,.footer .social:hover>a{color: rgba(255, 255, 255, 1) !important;} /*社媒social*/ .menushare .social a {width: 35px;height: 34px;} .social a{width: 38px;height: 38px;border-radius: 100px;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;} .social a .iconfont{font-size: 20px;} .social>a{margin-right: 9px;} /*共有的类名*/ .title{font-size:36px;line-height:42px;color: #333333;font-weight: bold;font-family: 'Rubik';} .title span{color: var(--public-color);} .text span{color: var(--public-color);} .text p{margin-bottom: 25px;} .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;} /* @keyframes myMove { to { padding-left: 0px;padding-right: 20px; } from { padding-left: 20px;padding-right: 0px; } } @keyframes myMove-1 { to { padding-left: 20px;padding-right: 0px; } from { padding-left: 0px;padding-right: 20px; } } */ .line{position: relative;} .line::before{content: "";width: 100%;height:3px;background:var(--public-color);position: absolute;left: 0;bottom: 0;transition: all .6s;} .line:hover::before{width: 0;} .title.r-l-c{text-align: center;} .row-line.r-l-c::after{margin-left: auto;margin-right: auto;} .row-line::after{content: "";width: 92px;height: 16px;display: block;background: url(../../images/sign-1.png) no-repeat 100% 100%;margin-top: 20px;} p:last-child{margin-bottom: 0 !important;} span.jiantou{font-family: 'Urbanist-Light';color: var(--public-color);transition: all .6s;} .ul p{position: relative;padding-left: 35px;margin-bottom: 0px;} .ul p::before{content: url(../../images/sign-2.png);font-family: 'cmsfont';line-height: 24px;font-size: 14px;position: absolute;left: 0;top: 0px;color: var(--public-color);font-weight: bold;} .hover-more { cursor:pointer; background-color: var(--public-color); border: 2px solid var(--public-color); color: #fff; transition-property: color; backdrop-filter: blur(20px); font-size: 18px; line-height: 26px; transition: 0.4s ease-in-out; padding:10px 0; width: 260px; text-align: center; font-weight: 800; } .hover-more:hover{background-color: #fff;color: var(--public-color);} .hover-more span { padding-left: 10px; font-size: 15px; backdrop-filter: blur(20px); transition: 0.4s ease-in-out; transition-property: color; display:inline-block; } .hover-more:hover,.hover-more:hover span{ backdrop-filter: blur(0px);} .text-opacity{opacity: .8;} .text-opacity p {margin-bottom: 15px;} .text-opacity p:last-child{margin-bottom: 0;} /* .hover-more span{padding-left: 12px;transition: padding .6s;} .hover-more:hover span{padding-left: 0;padding-right: 12px;} */ .down-list{margin-top: 0px;margin-bottom: 0px;} /* @media(max-width:768px){.down-list{margin-top: 25px;margin-bottom: 20px;}} */ .all-small-nav{border-bottom: 1px solid rgba(200, 36, 43, .2);padding-bottom: 10px;} .all-small-nav .small-nav ul::before{content: url(../../images/nav-2.png);} .all-small-nav .small-nav ul a{color: #666666;} .all-small-nav .small-nav ul li::after{color: #666;} .all-small-nav .small-nav ul li:last-child a{color:var(--public-color);} .small-nav{display: flex;align-items: center;padding-top: 0px;margin-bottom: 0px ;} .small-nav ul{display: flex;align-items: center;flex-wrap: wrap;} .small-nav ul::before{content: url(../../images/nav-1.png);padding-right: 20px;} .small-nav ul a{font-size: 18px;line-height: 26px;color:#fff;font-weight: 600;text-transform: capitalize;} .small-nav ul li::after{content: ">";padding:0 15px;font-size: 18px;line-height: 30px;color: #fff;font-weight: 600;font-family: 'Poppins';} .small-nav ul li:last-child:after{content: "";} .small-nav ul li:last-child a{color: var(--public-color);} .small-nav ul li{display: flex;} .xiajiantou{position: relative;} .all-nav a { font-size: 16px; line-height: 26px; padding: 0; background-color: #f4f4f4; border-radius: 0px; color: #333; font-weight: bold; width: 300px; height: 54px; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(20px); transition: 0.4s ease-in-out; transition-property: color; } .xiajiantou::after{content: url(../../images/sign-3-1.png);position: absolute;right: 7px;bottom: 7px;animation: fadeIn .6s;} .xiajiantou:hover::after,.xiajiantou.active::after{content: url(../../images/sign-3.png);animation: fadeIn .6s;} .all-nav a.active,.all-nav a:hover{background-color: var(--public-color);color: #fff;padding:0;backdrop-filter: blur(0px);} .all-nav li{margin-right: 1px;} .all-nav li:last-child{margin-right: 0;} .all-nav{display: flex;flex-wrap: wrap;margin-top: 120px;margin-bottom: 90px;} /*index-paper*/ .index-paper{padding-top: 90px;margin-bottom: 100px;} .index-product .top-head{text-align: center;margin-bottom: 140px;} .index-product.all-product .list .img img{mix-blend-mode: multiply; margin-top: -130px;transform: scale(1.2);} .index-product.all-product .list .box{position:relative;z-index:2} .index-product.all-product .list .img {max-height: 190px;} .index-product .title{margin-bottom: 45px;} .index-product .list .text h5{display: none;} .all-product .model{font-size: 14px;line-height: 24px;color: var(--public-color);font-weight: 400;margin-top: 10px;} .all-product .t1{font-size: 16px;line-height: 24px;color:#333;font-family: 'Rubik';font-weight: 600;margin-bottom: 30px;} .all-product .ul p{font-size: 14px;line-height: 24px;} .all-product .list{background-color: #ffffff;box-shadow: 0px 0px 60px 0px rgba(68, 68, 68, 0.08);padding: 0 40px 55px 40px;height: 100%;} .all-product .list .img{overflow: visible;} .all-product .list .img:hover img{transform: scale(1.1)} .index-product .col-md-4{padding-left: 20px;padding-right:20px;margin-bottom: 160px;} .index-product .row{margin-left: -20px;margin-right: -20px;} .index-about .title{margin-bottom: 40px;} .index-about .small-box{border: 1px solid #aaaaaa;border-bottom: 4px solid var(--public-color);margin-bottom: 35px;} .index-about .list + .list{border-left: 1px solid #aaaaaa;} .index-about .list .img{width: 25px;height: 24px;margin-bottom: 34px;} .index-about .list .num{font-size: 24px;line-height: 32px;color: #333;font-weight: bold;font-family: 'Roboto';} .index-about .list p{font-size: 12px;line-height: 16px;color: #666;} .index-about .list {padding-left: 20px;padding-top: 18px;padding-bottom: 25px;width: 25%;} .index-about .text {line-height: 30px;margin-bottom: 30px;} .index-about .text p{margin-bottom: 25px;} .index-about .left{width: 50%;} .index-about .right{width: 44%;} .index-about .a{margin-bottom: 20px;} .index-about {margin-bottom: 150px;} .index-machine .title{margin-bottom: 45px;} .index-machine .left p{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .index-machine .left{width: 51%;} .index-machine .right{width: 44%;} .all-box-btn .swiper-pagination,.all-box-btn .all-hover{position: static;} .all-box-btn{display: flex;justify-content: space-between;align-items: center;} .all-box-btn .all-hover { font-size: 42px; line-height: 48px; font-weight: 500; background-color: #ffffff; border: solid 4px #dddddd; transition: all .6s; display: flex; justify-content: center; align-items: center; width: 60px;height: 60px;margin-top: 0; } .all-box-btn .all-hover:hover{background-color: var(--public-color);border-color: var(--public-color);color: #fff;} .all-box-btn .all-hover::after{content: "";} .all-box-btn .all-hover:first-child{margin-right: 10px;} .all-box-btn .all-hover:last-child{margin-right: 0;} .all-box-btn .l-btn{width: 86%;} .all-box-btn .r-btn{width: 10%;display: flex;justify-content: flex-end;} .all-box-btn .swiper-pagination-bullet{flex: 1;border-radius: 0;background-color: #939393;opacity: 0.2;height: 6px;margin: 0 !important;} .all-box-btn .swiper-pagination-bullet-active{background-color: var(--public-color);opacity: 1;} .all-box-btn .swiper-pagination{display: flex;align-items: center;} .all-box-btn .next-1::after,.all-box-btn .next-2::after{content:"<"; font-size: 42px; line-height: 48px; font-weight: 500;color: #333333;font-family: 'Poppins';} .all-box-btn .next-1:hover::after, .all-box-btn .next-2:hover::after{color: #fff;} .all-box-btn .prev-1:hover::after,.all-box-btn .prev-2:hover::after{color: #fff;} .all-box-btn .prev-1::after,.all-box-btn .prev-2::after{content:">"; font-size: 42px; line-height: 48px; font-weight: 500;color: #333333;font-family: 'Poppins';} .index-machine .content{margin-bottom: 40px;} .index-machine{margin-bottom: 155px;} .index-machine .service-qh-btn>div{width: 40px;height: 60px;background: rgba(255, 255, 255, 0.7);} .index-machine .service-qh-btn>div:after{color: var(--public-color);font-size: 36px;} .index-sol .left{width: 43%;background: url(../../images/index-4.jpg) no-repeat center;background-size: 100% 100%;padding-top: 75px;display: flex;flex-direction: column;align-items: center;} .index-sol .right{width: 52%;} .index-sol .left .a{padding-left: 0px;} .index-sol .left .a .hover-more span{width: 100%;padding: 15px 0;backdrop-filter:inherit} .index-sol .left .a .hover-more{background-color: transparent;border: solid 3px #ffffff;padding: 0;width: 345px;backdrop-filter:inherit;} .index-sol .left .a .hover-more:hover{background-color: #fff;} .index-sol .left .a .hover-more:hover span{color: var(--public-color);} .index-sol .sol-qh{width: 65%;margin-bottom: 45px;} .index-sol .sol-qh,.index-sol .swiper-sol{max-height: 260px;} .index-sol .sol-img-qh,.index-sol .mySwiper-img-sol{max-height: 605px;} .index-sol .h2{font-size: 42px;line-height: 48px;color: #fff;font-weight: bold;font-family: 'Rubik';margin-bottom: 20px;} .index-sol .sol-qh .swiper-slide span{opacity: 0;transition: all .6s;} .index-sol .sol-qh .swiper-slide:hover{opacity: 1;} .index-sol .sol-qh .swiper-slide{cursor: pointer;;font-size: 20px;line-height: 32px;color: #fff;font-weight: 600;opacity: .3;height: auto !important;display: flex;justify-content: space-between;transition: all .6s;} .index-sol .sol-qh .swiper-slide-thumb-active{opacity: 1;line-height: 42px;} .index-sol .sol-qh .swiper-slide-thumb-active span{opacity: 1;} .index-sol .sol-qh .t3{width: 90%;text-align: center;} .index-sol .sol-qh span{display: inline-block;} .index-sol .sol-img-qh .swiper-slide{display: flex;justify-content: space-between;} .index-sol .sol-img-qh .h3{font-size: 26px;line-height: 32px;margin-bottom: 20px;color: #333333;font-weight: 600;} .index-sol .sol-img-qh .text{font-size: 18px;line-height: 32px;color: #333333; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .index-sol .left-img{width: 45%;} .index-sol .right-box{width: 55%;padding-right: 40px;padding-top: 40px;display: flex;flex-direction: column;justify-content: space-between;} .index-sol .right-img{margin-left: -35px;} .index-sol{margin-bottom: 190px;} .index-effort .top-head{width: 79%;margin-left: auto;margin-right: auto;text-align: center;margin-bottom: 60px;} .index-effort .title{font-size: 48px;margin-bottom: 30px;} .index-effort .items{width: calc((100% / 3));} .index-effort .list{background-color: #f4f4f4;height: 50%;max-height: 300px;} .index-effort .list-1{padding-left: 50px;padding-top: 55px;padding-right: 31px;} .index-effort .h3{font-size: 20px;line-height: 28px;color: #333;font-weight: bold;font-family: 'Rubik';margin-bottom: 28px;} .index-effort .content{height: 590px;} .index-effort .items:nth-child(even){display: flex;flex-direction: column-reverse;} .index-effort {margin-bottom: 195px;} .index-news .t1{font-weight:900;} .index-news .model{margin-bottom: 15px;} .index-news .box{padding-top: 23px;margin-bottom: 30px;} .index-news .box .desc{font-size: 15px;line-height: 24px;} .index-news .h2{font-size: 48px;line-height: 48px;color: #333;font-family: 'Rubik';font-weight: bold;margin-bottom: 80px;} .index-news .mySwiper-2{margin-bottom: 50px;} .all-news .model{font-size: 12px;line-height: 12px;color: var(--public-color);min-width: 126px;height: 26px;background-color: rgba(230, 0, 18, .1);display: flex;justify-content: center;align-items: center;font-weight: bold;} .all-news .t1{font-size: 18px;line-height: 26px;color: #333;margin-bottom: 10px;font-weight: bold; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .all-news .t1:hover{color: var(--public-color);} .all-news .time{font-size: 14px;line-height: 20px;color: #666;font-weight: 600;} .all-news .small-box{display: flex;align-items: center;} .new-list-paper .list .box{margin-top: 23px;} .new-list-paper .list .model{margin-right: 10px;} .new-list-paper .list .time{line-height: 26px;} .new-list-paper .list .small-box{margin-bottom: 15px;} .new-list-paper .list .text{font-size: 18px;line-height: 28px;color: #666666; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .new-list-paper .list .t1{margin-bottom: 25px;} .new-list-paper .col-md-4{padding-left: 27px;padding-right: 27px;margin-bottom: 70px;} .new-list-paper .row{margin-left: -27px;margin-right: -27px;} .new-list-paper{margin-bottom: 200px;} .faq-paper{padding-top: 160px;padding-bottom: 240px;} .faq-paper .all-faq{margin-bottom: 60px;} .faq-paper .all-faq .items{margin-bottom: 35px;} .faq-paper .all-faq .items.active .quen-q {margin-bottom: 25px;} /* .faq-paper.all-faq .items.active{padding: 0 0 22px 0;} .faq-paper.all-faq .items.active .quen-q{padding: 25px 40px 20px 40px;} .faq-paper.all-faq .items.active .quen-a{padding: 0px 40px 0 40px;} */ .all-faq .items{color: #333333;padding: 25px 40px 22px 40px;cursor: pointer;margin-bottom: 20px;background-color: #f8f8f8;border-radius: 4px;} .all-faq .items:last-child{margin-bottom: 0;} .all-faq .quen-q{display: flex;justify-content: space-between;align-items: flex-start;} .all-faq .items.active{padding-top: 50px;padding-bottom: 45px;} /* .faq-paper.all-faq .items.active .quen-q{margin-bottom: 15px;background-color: var(--public-color);color: #fff;} */ .all-faq .q1{font-size: 24px;line-height: 32px;font-weight: 500;font-family: 'Rubik';width: 95%;} .all-faq .quen-a{font-size: 18px;line-height: 35px;width: 95%;} /* .faq-paper.all-faq .items.active .quen-a{display: block;animation: fadeIn .6s;} .faq-paper.all-faq .items .quen-a{display:none;animation: fadeIn .6s;} */ .all-faq .items .up{ display: none; } .all-faq .items .up, .all-faq .items .down{ transition: all 0.6s ease-in-out; color: var(--public-color); font-size: 26px; } .all-faq .items.active .up, .all-faq .items.active .down{ color: #fff; } .all-faq .items.active .up{ display: block; } .all-faq .items.active .down{ display: none; } /*news-in-paper*/ .news-in-paper .share { display: flex; } .news-in-paper .share { margin-left: 48px; } .news-in-paper .share ul { display: flex; margin-left: 8px; } .news-in-paper .share ul a { color: #fff; font-size: 16px; background-color: var(--public-color); display: inline-flex; justify-content: center; align-items: center; height: 100%; width: 100%; border-radius: 2px; border: 1px solid transparent; transition: ease-in-out .6s; } .news-in-paper .share ul a:hover { border: 1px solid var(--public-color); background-color: transparent; color: var(--public-color); } .news-in-paper .share ul li { font-size: 0; margin-right: 10px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .news-in-paper .share ul li:last-child { margin-right: 0; } .news-in-paper { margin-bottom: 200px ; /* background: url(../../images/p-l-back-1.png) no-repeat left 20px top 0; */ } .news-in-paper .top-content { margin-bottom: 50px; padding-bottom: 30px; border-bottom: 2px solid rgba(10, 68, 132, .1); } .news-in-paper .h1 { font-size: 42px; line-height: 52px; color: #333; font-weight: bold; } .news-in-paper .type { display: flex; align-items: center; font-size: 18px; line-height: 32px; padding: 30px 0; color: #999999; border-bottom: 2px dashed #dddddd; } .news-in-paper .type-box{display: flex;} .news-in-paper .share { display: flex; } .news-in-paper .time { margin-right: 40px; display: flex; align-items: center; margin-bottom: 0; font-weight: 600; } .news-in-paper .time img{display: inline-block;margin-right: 10px;} .news-in-paper .bottom-content{ display:flex; justify-content: space-between; font-size: 18px; } .news-in-paper .article { width: 65%; } .news-in-paper .article .content{ color: #666666; line-height: 35px; font-size: 18px; border-bottom: 2px dashed #dddddd; padding-bottom: 90px; padding-top: 62px; } .news-in-paper .article .content img{max-width: 100% !important;height: auto !important;} .news-in-paper .article .content p{margin-bottom: 25px;} .news-in-paper .article .content p:last-child{margin-bottom: 0;} .news-in-paper .box-tail{ font-size: 18px; line-height: 28px; 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; margin-top: 50px; */ } .hover-more-1 { width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; background-color: var(--public-color); color: #fff; backdrop-filter: blur(20px); transition: 0.6s ease-in-out; transition-property: color; position: relative; border: 2px solid var(--public-color); } .hover-more-1.xiajiantou::after{content: url(../../images/sign-4.png);bottom: 0;} .hover-more-1.xiajiantou:hover::after{content: url(../../images/sign-4-1.png);} .hover-more-1:hover{backdrop-filter: blur(0px);background-color: #fff;} .news-in-paper .box-tail .right .hover-more-1{font-size: 16px;font-weight: bold;} .news-in-paper .box-tail p a{ display: inline-block; transition: all .6s; color: #666; font-size: 18px; line-height: 35px; } .news-in-paper .box-tail p a:hover{ color: var(--public-color) } .news-in-paper .box-tail p span{ color:#be0000; display: inline-block; font-weight: bold; } .news-in-paper .box-tail p:first-child{ margin-bottom: 40px; } .news-in-paper .box-tail p:hover{ } .news-in-paper .aside{ width: 27%; } .news-in-paper .aside .h2::before{content: "";width: 20px;height: 20px;border-radius: 100%;background-color: var(--public-color);display: inline-block;margin-right: 15px;} .news-in-paper .aside .h2{ font-size: 28px; line-height: 46px; margin-bottom: 55px; color: #000000; font-weight: bold; } .news-in-paper .aside .aside-box{ padding-bottom: 60px; } .news-in-paper .aside .aside-box .model { font-size: 12px; line-height: 12px; width: 130px; height: 27px; display: flex; align-items: center; justify-content: center; color: var(--public-color); font-weight: bold; margin-bottom: 10px; background-color: rgba(230, 0, 18, .1); } .news-in-paper .aside .aside-box .items{ padding-bottom: 20px; display: flex; justify-content: space-between; align-items:center; border-bottom: 2px dashed rgba(51, 51, 51, .2); margin-bottom: 20px; color: #999999;font-weight:600; } .news-in-paper .aside .aside-box>.items:nth-of-type(3){margin-bottom: 0;} .news-in-paper .aside .aside-box>.items .img{ width: 36%; display: flex;justify-content: center;align-items: center; height: 115px; } .news-in-paper .aside .aside-box>.items img{ height: 100%; width: auto; max-width: none; } .news-in-paper .aside .aside-box>.items .box{ width: 59%; display: flex; flex-direction: column; justify-content: space-between; } .news-in-paper .aside .aside-box>.items .box .time{font-size: 16px;line-height: 24px;} .news-in-paper .aside .aside-box .t2{ font-size: 18px; line-height: 24px; color: #333333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; font-weight: bold; margin-bottom: 5px; } .news-in-paper .aside .aside-box .t2:hover{color: var(--public-color);} .news-in-paper .aside .aside-box .text .h3 a:hover{ color: var(--public-color); } .news-in-paper .aside .aside-box .text .cont{ font-size: 14px; line-height: 20px; color: #666666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; /* display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; */ height: 35px; -webkit-box-orient: vertical; margin-top: 10px; margin-bottom: 15px; } .news-in-paper .aside-box-1::after{content: "";width: 100%;height: 4px;background-color: var(--public-color);display: block;position: absolute;bottom: 0;left: 0;} .news-in-paper .aside-box-1{background-color:#f6f6f6;padding: 45px 35px 40px 45px;} .news-in-paper .aside-box-1.fadeInDown{position: fixed;top: 0;right: auto;} .news-in-paper .aside-box-1 .t1{font-size: 24px;line-height: 32px;font-weight: bold;font-family: 'Rubik';letter-spacing: -1px; color:#333;margin-bottom: 35px;} .news-in-paper .aside-box-1 .form-row>[class*="col-"]{padding: 0;} .news-in-paper .aside-box-1 .form-row>.col{padding: 0;} .news-in-paper .aside-box-1 .form-row{margin-right: 0;margin-left: 0;} .news-in-paper .aside-box-1 .form-control::placeholder{color:#999;opacity: .6;font-size: 16px;line-height: 36px;} .news-in-paper .aside-box-1 .form-control:focus::placeholder{color:#333333;opacity: 1;} .news-in-paper .aside-box-1 .form-control{border-color: transparent;font-size: 16px;line-height: 36px;} .news-in-paper .aside-box-1 .form-feedback {margin-right: 10px;} .news-in-paper .aside-box-1 .form-control:focus{background-color: #fff;} .news-in-paper .aside-box-1 .form-group{margin-bottom: 8px;} .news-in-paper .aside-box-1 .form-feedback .form-control {padding-left: 10px;} .news-in-paper .aside-box-1 .hover-more-1{margin-top: 30px;width:140px;border-radius: 0;font-size: 16px;padding: 0;height: 46px;font-weight: bold;background-color: var(--public-color);} .news-in-paper .aside-box-1 .hover-more-1:hover{color: var(--public-color);background-color: #fff;} .news-in-paper .all-product .col-md-4{padding-left: 36px;padding-right: 36px;} .news-in-paper .all-product .row{margin-left: -36px;margin-right: -36px;} .news-in-paper .main-top{display: flex;justify-content: space-between;margin-bottom: 130px;} .news-in-paper .all-product .title{color: #333;font-size: 42px;line-height: 56px;font-family: 'Rubik';font-weight: bold;margin-bottom: 85px;} .news-in-paper .all-product .img{max-height: 400px;background-color: #f8f8f8;padding-bottom: 25px;overflow: hidden;} .news-in-paper .all-product .list{background-color: transparent;box-shadow: none;padding: 0;} .news-in-paper .all-product .list .img img{margin-top: 0;} .news-in-paper .all-product .model{margin-top: 0;font-size: 18px;line-height: 32px;font-family: 'Rubik';font-weight: 400;margin-bottom: 8px;} .news-in-paper .all-product .box{margin-top: 40px;} .news-in-paper .all-product .box h5{display: none;} .news-in-paper .all-product .t1{font-size: 20px;line-height: 32px;font-weight: bold;} .news-in-paper .all-product .ul p{font-size: 18px;line-height: 32px;color: #666666;} .news-in-paper .all-product .ul p::before{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%;} @media(max-width:768px){ .news-in-paper{margin-bottom: 30px;margin-top: 30px;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 h1{margin-top: 30px;} .news-in-paper .type{font-size: 14px;line-height: 20px;margin-top: 20px;padding-top: 0;} .news-in-paper .article .content{line-height: 20px;font-size: 14px;padding-top: 20px;padding-bottom: 20px;} .news-in-paper .article .content p{margin-bottom: 10px;} .news-in-paper .box-tail{font-size: 16px;line-height: 24px;margin-top: 20px;flex-wrap: wrap;} .news-in-paper .box-tail p:first-child{margin-bottom: 10px;} .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;} } .download-paper{margin-top: 140px;margin-bottom: 135px;font-family: 'Rubik';} .download-paper .left,.download-paper .right{width: 50%;} .download-paper .left::after{content: url(../../images/down-2.png);position: absolute;right: -20px;top: 76px;} .download-paper .left::before{content: "";width: 10px;height:100%;position: absolute;left: 0;top: 0;background-color: var(--public-color);} .download-paper .left{background-color: #e4e4e4;position: relative;} .download-paper .right{background-color: #f8f8f8;padding-left: 72px;display: flex;align-items: center;} .download-paper .text{font-family: 'Poppins';font-size: 16px;line-height: 33px;color: #666;margin-bottom: 95px;} .download-paper .title{font-size: 42px;line-height: 42px;color: #333;font-weight: bold;letter-spacing: -.8px;margin-bottom: 20px;} .download-paper .hover-more-1{width: 320px;height: 65px;font-size: 18px;line-height: 32px;font-weight: 800;} .download-paper .hover-more-1 span{padding-left: 15px; font-family: 'Urbanist-Bold';} @font-face { font-family: "Urbanist-Bold"; src: url("../../style/Fontss/Urbanist-Bold.ttf"); } .certificates-paper{margin-top: 165px;margin-bottom: 300px;} .certificates-paper .row{margin-left: -13px;margin-right: -13px;} .certificates-paper .col-md-3{padding-left: 13px;padding-right: 13px;margin-bottom: 33px;} .certificates-paper .list{padding-bottom: 20px;background-color: transparent;transform: .4s;} .certificates-paper p{font-size: 18px;line-height: 24px;color: #333;text-align: center;transition: all .6s;} .certificates-paper .list:hover p{color: #fff;} .certificates-paper .list .small-img{margin-bottom: 15px;text-align: center;overflow: hidden;opacity: 0;transition: all .6s;margin-top: -10px;} .certificates-paper .list:hover{background-color: var(--public-color);} .certificates-paper .list:hover .small-img{overflow: visible;opacity: 1;} .certificates-paper .list:hover .img{background-color: transparent;box-shadow: none;} .certificates-paper .list .img{box-shadow: 0px 0px 60px 0px rgba(68, 68, 68, 0.08);border-radius: 4px;padding: 25px} .contact-paper {margin-top: 145px;margin-bottom: 260px;} .contact-paper .top-head{ margin-bottom: 100px;} .contact-paper .top-head .title{margin-bottom: 40px;} .contact-paper .top-head .title::after{margin-top: 15px;} .contact-paper .top-head .text p{margin-bottom: 10px;} .contact-paper .content{display: flex;flex-wrap: wrap;justify-content: space-between;} .contact-paper .list{display: flex;margin-bottom: 47px;width: 25%;} .contact-paper .list .img{margin-right: 40px;width: 40px;height: 41px;} .contact-paper .list .img img{max-width: 40px;} .contact-paper .list .box{padding-top: 10px;} /* .contact-paper .list .box{width: 75%;} */ .contact-paper .list:nth-child(3){width: 25%;} .contact-paper .list:nth-child(4){width: 20%;} .contact-paper .list:last-child{width: 100%;margin-bottom: 0;} .contact-paper .list .h3{font-size: 18px;line-height: 26px;color: var(--public-color);font-weight: 600;margin-bottom: 5px;} .contact-paper .list .font-sty{font-size: 18px;line-height: 26px;color: #666666;transition: all .6s;font-weight: 500;} .contact-paper .list a.font-sty:hover{color: var(--public-color);} .contact-paper .form-row>[class*="col-"]{padding: 0;} .contact-paper .form-row>.col{padding: 0;} .contact-paper .form-row{margin-right: 0;margin-left: 0;} .contact-paper .form-control::placeholder{padding-left: 20px;color:#999;opacity: 1;font-size: 18px;line-height: 40px;font-family: 'Rubik';} .contact-paper .form-control:focus::placeholder{color:#333333;opacity: 1;} .contact-paper .form-control{border-color: transparent;font-size: 16px;line-height: 36px;} .contact-paper .form-feedback {margin-right: 10px;} .contact-paper .form-control:focus{background-color: #fff;} .contact-paper .form-group{margin-bottom:20px;;} .contact-paper .form-feedback .form-control {padding-left: 10px;} .contact-paper .contact-bottom .hover-more-1::after{content: url(../../images/sign-3.png);} .contact-paper .contact-bottom .hover-more-1:hover::after{content: url(../../images/sign-3-1.png);} .contact-paper .contact-bottom .hover-more-1{margin-top: 30px;width:255px;border-radius: 0;font-size: 16px;padding: 0;height: 52px;font-weight: bold;background-color: var(--public-color);} .contact-paper .contact-bottom .hover-more-1:hover{color: var(--public-color);background-color: #fff;} .contact-paper .contact-bottom .left{width: 48%;} .contact-paper .contact-bottom .right{width: 47%;background-color: #f8f8f8;padding: 110px 80px 90px 70px;position: relative;} .contact-paper .contact-bottom .right::before{content: "";width: 100%;height: 5px;background-color: var(--public-color);position: absolute;left: 0;top: 0;} .contact-paper .contact-bottom {align-items: flex-start;} .contact-paper .contact-bottom .left p strong{font-size: 22px;color: #333;font-weight: bold;} .contact-paper .contact-bottom .left p { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; margin-bottom: 40px;} .contact-paper .contact-top{margin-bottom: 100px;} .about-paper{margin-top: 175px;margin-bottom: 205px;} .about-paper .title.row-line::after{background-image: url(../../images/sign-1-1.png);} .about-paper .title{letter-spacing: -.8px;} .about-zhu .title{margin-bottom: 45px;width: 90%;} .about-zhu .title::after{margin-top: 40px;} .about-zhu .content{flex-wrap: wrap;display: flex;flex-direction: column;max-height: 520px;} .about-zhu .content .text{max-height: 520px;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: space-between;} .about-zhu .content .text p{width: 48%; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; margin-bottom:30px; text-align: justify; } .about-zhu .content .text p:nth-child(2){margin-bottom: 0;} .about-zhu .content .small-box{width: 48%;} .about-zhu .small-box .num{font-size: 60px;line-height: 65px;color: var(--public-color);font-family: 'Rubik';margin-bottom: 25px;font-weight: bold;} .about-zhu .small-box .h4{line-height: 26px;font-family: 'Rubik';font-weight: bold;margin-bottom: 15px;color: #333;letter-spacing: -1px;} .about-zhu .small-box .text{line-height: 30px;color: #999999;} .about-zhu .small-box .list{width: 47%;} .about-zhu .small-box .list:last-child{width: 47%;} .about-zhu{margin-bottom: 95px;} .about-zhu{margin-bottom: 95px;} .about-img>img{border-radius: 10px;} .about-img{position: relative;margin-bottom: 130px;} .about-img .small-img{position: absolute;right: 50px;bottom: 50px;width: 100px;height: 100px;border-radius: 100%;overflow: hidden;} .about-img .small-img img{transition: all .6s;} .about-img .small-img:hover img{transform: scale(1.1);} .about-quality .title::after{margin-bottom: 25px;} .about-quality .left .ul p,.about-quality .left .ul p::before{line-height: 48px;} .about-quality .left .ul p::before{content:url(../../images/sign-6.png)} .about-quality .left .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;margin-bottom: 20px;} .about-quality .left{width: 50%;} .about-quality .right{width: 45%;} .about-quality .right .img img{border-radius: 10px;} .about-quality .right .img{margin-bottom: 50px;} .about-quality .right .hover-more-1{width: 260px;height: 54px;} .about-quality {margin-bottom: 158px;} .hover-more-3{ background-color: var(--public-color); border: 2px solid var(--public-color); color: #fff; transition-property: color; backdrop-filter: blur(20px); font-size: 18px; line-height: 26px; transition: 0.4s ease-in-out; padding: 10px 0; width: 260px; text-align: center; font-weight: 800; display: inline-flex; justify-content: center; align-items: center; } .hover-more-3:hover{color: var(--public-color);background-color: #fff;} .hover-more-3.xiajiantou::after{content: url(../../images/sign-3.png);bottom: 0;} .hover-more-3.xiajiantou:hover::after{content: url(../../images/sign-3-1.png);} .about-cer{background-color: #f8f8f8;padding-top: 90px;padding-bottom: 90px;} .about-cer .title::after{margin-top: 35px;} .about-cer .title{margin-bottom: 30px;} .about-cer .swiper-slide{width: auto !important;padding: 25px;background-color: #ffffff;border-radius: 4px;margin-left: 0px;box-shadow: 0px 0px 60px 0px rgba(68, 68, 68, 0.08);} .about-cer .content{margin-bottom: 45px;box-shadow: 0px 0px 60px 0px rgba(68, 68, 68, 0.08);} .about-cer .content img{mix-blend-mode: multiply;} .about-cer .a{display: flex;justify-content: center;} .about-new .left{width: 65%;} .about-new .right{width: 31%;position: relative;} .about-new .small-img{position: absolute;z-index: -1;right: -97px;top: -100px;} .about-new {margin-top: 155px;margin-bottom: 135px;} .about-new .left img{border-radius: 10px;} .about-new .title::after{margin-top: 15px;} .about-new .title{margin-bottom: 25px;} .about-make .title{margin-bottom: 55px;} .about-make .title::after{margin-top: 30px;} .about-make .content-1{margin-bottom: 35px;position: relative;} .about-make .content-1 .t3{position: absolute;bottom: 0px;left: 0;width: 100%;text-align: center;} .about-make .t3{font-size: 24px;line-height: 24px;color: #fff;margin-bottom: 50px;font-family: 'Rubik';font-weight: bold;letter-spacing: -1px;} .about-make img{border-radius: 10px;} .about-make .list{width: calc(calc(100% - 40px * 2) / 3);position: relative;overflow: hidden;border-radius: 10px;} .about-make .list .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;z-index: 1;padding: 70px 45px 20px 45px;color: #fff;overflow: hidden;} .about-make .list .text{opacity: 0;transition:ease-out .4s;} .about-make .list:hover .text{opacity: 1;} .about-make .list:hover .box::after{content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);border-radius: 10px;position: absolute;left: 0;top: 0;z-index: -1;animation: fadeInDown .6s;} .row-line-1.r-l-c::after{margin-left: auto;margin-right: auto;} .title.row-line-1::after{ content: ""; width: 92px; height: 16px; display: block; background: url(../../images/sign-1-1.png) no-repeat 100% 100%; margin-top: 20px; } .service-paper{margin-top: 165px;margin-bottom: 100px;} .service-paper .title{letter-spacing: -.8px;} .service-top{margin-bottom: 120px;} .service-top .title{margin-bottom: 35px;} .service-top .top-head{text-align: center;margin-bottom: 85px;} .all-service .content .list{position: relative;} .all-service .num{font-size: 42px;line-height: 40px;color: var(--public-color);font-family: 'Rubik';font-weight: bold;margin-bottom: 30px;} .all-service .t3{font-size: 20px;line-height: 40px;letter-spacing: -1px;font-family: 'Rubik';font-weight: 500;color: #333;margin-bottom: 25px;} .all-service .content .list{padding: 44px 40px 44px 30px;width: calc(calc(100% - 13px * 4) / 5);display: flex;flex-direction: column;justify-content: space-between;} .all-service .content .list .text{margin-bottom: 45px;font-size: 16px;} .all-service .content .list::after{content:"";border: 1px solid #dddddd; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .all-service .content .list:hover::after{ border-color: var(--public-color); border-width: 2px; transition: all .4s; animation: clippath 1s linear; animation-iteration-count: 1; } @keyframes clippath { 0%, 100% { clip-path: inset(0 0 95% 0); } 25% { clip-path: inset(0 95% 0 0); } 50% { clip-path: inset(95% 0 0 0); } 75% { clip-path: inset(0 0 0 95%); } } .service-bottom .d{margin-bottom: 75px;} .service-bottom .h2{font-size: 24px;line-height: 32px;color: #333;letter-spacing: -1px;font-family: 'Rubik';font-weight: bold;margin-bottom: 35px;} .service-bottom .h3{font-size: 24px;line-height: 32px;color: var(--public-color);font-family: 'Rubik';font-weight: 500;margin-bottom: 20px;letter-spacing: -1px;display: flex;align-items: center;} .service-bottom .h3::before{content: "";width: 8px;height: 8px;border-radius: 100%;background-color: var(--public-color);display: inline-block;margin-right: 10px;} .service-bottom .text{font-size: 20px;line-height: 28px;color: #333;} .service-bottom .text p{font-weight: 300;} .service-bottom .box{margin-bottom: 65px;} .service-bottom .d:first-child .text p{margin-bottom: 0;} .service-bottom .d:last-child .box:last-child .h3{margin-bottom: 27px;} .service-bottom .d:last-child{margin-bottom: 0;} .service-bottom .d:last-child .box:last-child{margin-bottom: 0;} .service-bottom .d:nth-child(2) .h2{margin-bottom: 80px;} .service-bottom .content{flex-wrap: wrap;} .service-bottom .content .box { width: calc(calc(100% - 40px) / 2); background-color: rgba(255, 255, 255, 1); border-radius: 10px; border: solid 1px rgba(221, 221, 221, 1); margin-bottom: 39px; padding: 55px 20px 20px 50px; height: 300px; } .service-bottom .content .box p{margin-bottom: 25px;} .service-bottom .content .h5{color: #333;letter-spacing: -1px;font-family: 'Rubik';font-weight: 400;margin-bottom: 5px;} .service-bottom .content .cont{display: flex;} .service-bottom .content .cont p,.service-bottom .d:first-child .text p{margin-right: 40px;} .service-bottom .content .cont p:last-child,.service-bottom .d:last-child .text p{margin-right: 0;} .service-bottom .content .box-1 .text p{margin-right: 40px;} .service-bottom .d:first-child .text{display: flex;} .solution-paper{margin-top: 165px;} .solution-paper .hover-more-3{width: 230px;height: 48px;padding: 0;} .solution-paper .title::after{margin-top: 35px;} .solution-paper .title{letter-spacing: -.8px;} .solution-top .box-2 p::before{content:"";width: 35%;display: inline-block;font-size: 18px;line-height: 26px;color:var(--public-color);font-family: 'Rubik';font-weight: 500;} .solution-top .box-2 p:nth-child(1)::before{content: "Capacidade:";} .solution-top .box-2 p:nth-child(2)::before{content: "Material de papel:";} .solution-top .box-2 p:nth-child(3)::before{content: "Espessura do papel:";} .solution-top .box-2 p:nth-child(4)::before{content: "Tamanho do copo de papel:";} .solution-top .left{width: 36%;} .solution-top .right{width: 61%;} .solution-top .t1{font-size: 32px;line-height: 40px;color: #333;font-family: 'Rubik';font-weight: bold;letter-spacing: -1px;margin-bottom: 30px;} .solution-top .right .text{font-family: 'Rubik';margin-bottom: 30px;} .solution-top .right>div + div{border-left: 1px solid #cccccc;} .solution-top .right>div{display: flex;flex-direction: column;justify-content: center;} .solution-top .right .box-2{padding-left: 45px;width: 51%;} .solution-top .right .box-2 p{margin-bottom: 15px;} .solution-top .right .box-2 p:last-child{margin-bottom: 0;} .solution-top .right .box-1{padding-right: 45px;width: 49%;} .solution-top .items{padding-top: 100px;padding-bottom: 105px;} .solution-top .items:nth-child(even){background-color: #f4f4f4;} .solution-items{margin-top: 135px;margin-bottom: 130px;} .solution-items .row{margin-left: -27px;margin-right: -27px;} .solution-items .col-md-4{padding-left: 27px;padding-right: 27px;} /* .solution-items .list{height: 100%;} */ /* .solution-items .box-1{max-height: 320px;} */ .solution-items .t2{font-size: 24px;line-height: 40px;letter-spacing: -1px;font-family: 'Rubik';font-weight: bold;margin-bottom: 15px;color: #333;} .solution-items .box{padding-top: 45px;} .solution-items .box .text{font-family: 'Rubik';margin-bottom: 45px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .solution-cup .title{margin-bottom: 45px;} .solution-cup .text{margin-bottom: 45px;} .solution-cup .left{width: 45%;} .solution-cup .right{width: 50%;} .solution-cup{margin-bottom: 87px;} .solution-bottom .h6{text-align: center;font-size: 24px;line-height: 32px;margin-bottom: 15px;font-family: 'Rubik';color: #333;} .solution-bottom .title::after{margin-top: 30px;} .solution-bottom{background-color: #f4f4f4;padding-top: 90px;padding-bottom: 165px;} .solution-bottom .t1 { font-size: 18px; line-height: 26px; color: #333; height: 50px; letter-spacing: -1px; margin-bottom: 15px; font-family: 'Rubik'; font-weight: bold; display: flex; align-items: flex-end; justify-content: center; } .solution-bottom .list:hover .t1{color: var(--public-color);} .solution-bottom .list:hover .block{display: none;animation: bounceIn .6s;} .solution-bottom .list:hover .red{display: block;animation: bounceIn .6s;} .solution-bottom .list .block{display: block;animation: bounceIn .6s;} .solution-bottom .list .red{display: none;animation: bounceIn .6s;} .solution-bottom .list {background-color: #ffffff;box-shadow: 0px 0px 60px 0px rgba(68, 68, 68, 0.08);border-radius: 4px;text-align: center;width: calc(calc(100% - 25px * 4) / 5);padding: 15px 30px 35px 30px;} .solution-bottom .top-head{margin-bottom: 80px;} .solution-bottom .list .img{margin-bottom: 15px;display: flex;align-items: center;justify-content: center;min-height: 183px;} .solution-bottom .list .img .app{display: block;} .solution-bottom .list .img .pro{display: none;} .solution-bottom .list:hover .img .app{display: none;} .solution-bottom .list:hover .img .pro{display: block;} @media(max-width:768px){ .solution-bottom .list .img{min-height: 120px;} } .online-solution{margin:120px auto 0;max-width:1920px;} .online-solution .title{letter-spacing: -.8px;} .online-top .aside{width: 18%;position: sticky;top: 75px;height: fit-content;} .online-top .aside .aside-box.fadeInDown{position: fixed;left: 0;top: 76px;width:100%;} .online-top .aside a { display: flex; align-items: center; flex-wrap: wrap; font-size: 18px;line-height: 28px;color: #999999;font-weight: bold; padding: 25px 35px; position: relative; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .online-top .aside a::before{content: "";width: 6px;height: 100%;transition: all .6s;background-color: #eaeaea;display: inline-block;position: absolute;left: 0;top: 0;} .online-top .aside a.active::before,.online-top .aside a:hover::before{background-color: var(--public-color);} .online-top .aside a.active,.online-top .aside a:hover{color:#000;background-color: #f4f4f4;} .online-top .article{width: 79%;} .online-top .items{background-color: #f8f8f8;padding: 50px 0 50px 60px;margin-bottom: 50px;} .online-top .items .left{width: 40%;} .online-top .items .right{width: 53%;} .online-top .items .t1{font-size: 24px;line-height: 32px;color:#000;letter-spacing: -1px;font-weight: bold;margin-bottom: 40px;} .online-top .items .text{font-size: 16px;} .online-top .items .text p{margin-bottom: 0;line-height: 36px;color: #333;margin-bottom: 0px;display: flex;align-items: flex-start;flex-wrap: wrap;} .online-top .items .text p strong{width: 40%;font-size: 16px;line-height: 36px;color: #999;font-weight: 500;display: inline-block;} .online-top .items .text p em{width: 60%;font-style: normal;display: inline-block;} /* .online-top .items .text p:nth-child(1)::before{content: "Up Material:";} .online-top .items .text p:nth-child(2)::before{content:"Size Range:";} .online-top .items .text p:nth-child(3)::before{content:"Cup Paper Thickness:";} .online-top .items .text p:nth-child(4)::before{content:"Shell Paper Thickness:";} .online-top .items .text p:nth-child(5)::before{content:"Shell Material:";} */ .online-top .items-xl{width: 87%;} .online-top .items-1{margin-left: 60px;width: 73%;} .online-top .items-1 .small-img{position: relative;background-color: #f2f2f2;display: flex;justify-content: center;align-items: center;max-height: 300px;} .online-top .items-1 .small-img>img{mix-blend-mode: multiply;width:100%;} .online-top .items-1 .btn-img{position: absolute;right: 20px;bottom: 20px;cursor: pointer;transition: all .6s;} .online-top .items-1 .btn-img:hover{transform: scale(1.1);} .online-top .items-1 .model{font-size: 18px;line-height: 28px;font-family: 'Rubik';font-weight: 500;color: #999;margin-bottom: 5px;} .online-top .items-1 .box{padding-top: 35px;position: relative;z-index: 3;} .online-top .items-1 .t2{font-size: 20px;line-height: 28px;color: #333;font-family: 'Rubik';font-weight:500;letter-spacing: -.2px;margin-bottom: 8px;} .online-top .items-1 .t2 a{font-weight: 500;} .online-top .items-1 .text{line-height: 26px;color: var(--public-color);font-family: 'Rubik';letter-spacing: -1px;} .online-top .items-1 .text h5{display: none;} .online-top .items-1 .text p:nth-of-type(1){display: none;} .online-top .items-1 .text p{display: inline-block;} .online-top .items-1 .list{width: calc(calc(100% - 78px) / 2);position: relative;} .online-top .items-1 .list::before{content: "+";font-size: 80px;line-height: 42px;color: var(--public-color);font-weight: 500;position: absolute;right: -65px;top: 125px;} .online-top .items-1 .list:last-child::before{content: "";} .online-top .items-1 a.t2:hover{color: var(--public-color);} .online-top .items-box{margin-bottom: 85px;} .online-top .items-box:last-child{margin-bottom: 0;} .online-top {margin-bottom: 170px;} .online-bottom{background-color: #f8f8f8;padding-top: 105px;padding-bottom: 145px;} .online-other .title::after{margin-top: 35px;} .online-other .title{margin-bottom: 50px;} .online-other .t1{font-size: 18px;line-height: 26px;font-family: 'Rubik';font-weight: 500;letter-spacing: -.2px;color: #333;margin-top: 25px;} .online-other .mySwiper-other{margin-bottom: 40px;} .online-other .mySwiper-other a.img{max-height: 200px;width: auto;background-color: #cacaca;display: flex;justify-content: center;align-items: center;overflow: hidden;} .online-other .mySwiper-other a.img img{mix-blend-mode: multiply;} .online-other .mySwiper-other .t1:hover{color: var(--public-color);} .online-other .all-box-btn .swiper-pagination-bullet-active{background-color: var(--public-color);} .online-other .all-box-btn .all-hover{width: 100px;height: 50px;background-color: rgba(0, 0, 0, .6);opacity: 1;border:none;display: inline-flex;justify-content: center;align-items: center;} .online-other .all-box-btn .all-hover:hover{background-color: var(--public-color);} .online-other .all-box-btn .next-2::after,.online-other .all-box-btn .prev-2::after{color: #fff} .online-other .all-box-btn .next-2::after{content: "←";font-size: 42px;font-family: 'seguiemj';} .online-other .all-box-btn .prev-2::after{content: "←";font-size: 42px;font-family: 'seguiemj';transform: rotateY(-180deg);} .online-other .all-box-btn .l-btn{width: 83%;} .online-other .all-box-btn .r-btn {width: 17%;} @font-face { font-family: "seguiemj"; src: url("../../style/Fontss/seguiemj.ttf"); } .case-paper{margin-top: 175px;margin-bottom: 120px;} .case-paper .title{letter-spacing: -.8px;} .case-paper .title{margin-bottom: 75px;} .case-factory .t2{font-size: 18px;line-height: 26px;color: #333;font-family: 'Rubik';font-weight: 500;margin-bottom: 15px;} .case-factory .img{margin-bottom: 25px;} .case-factory .add{font-size: 18px;line-height: 26px;color: var(--public-color);font-family: 'Rubik';font-weight: 400;display: flex;align-items: flex-start;padding-left: 1px;} .case-factory .add::before{content: url(../../images/case-sign-1.png);display: inline-block;padding-right: 13px;} .case-factory .col-md-4{margin-bottom: 65px;padding-left: 27px;padding-right: 27px;} .case-factory .row{margin-left: -27px;margin-right: -27px;} .case-factory {margin-bottom: 35px;} .case-customer .col-md-3{padding-left: 13px;padding-right: 13px;margin-bottom: 30px;} .case-customer .row{margin-left: -13px;margin-right: -13px;} .cup-paper{margin-top: 160px;margin-bottom: 130px;} .cup-paper .title{letter-spacing: -.8px;} .cup-top .content{flex-wrap: wrap;} .cup-top .list{border-bottom: 1px solid #cacaca;padding-bottom: 50px;padding-top: 35px;} .cup-top .list .img{display:inline-block;margin-bottom: 30px;overflow: visible;} .cup-top .list .t1{line-height: 20px;color: #c8242b;font-family: 'Rubik';font-weight: bold;margin-bottom: 15px;} .cup-top .list:nth-child(even){width: 51%;} .cup-top .list:nth-child(even) {padding-left: 95px;} .cup-top .list:nth-child(even) .list-xl{width: 90%;} .cup-top .list:nth-child(odd){border-right: 1px solid #cacaca;width: 49%;} .cup-top .list .text {font-family: 'Rubik';} .cup-top .list .text p{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .cup-top .list:nth-child(odd) .list-xl{width: 82%;} .cup-top .list:nth-child(1) ,.cup-top .list:nth-child(2) {padding-top: 0;} .cup-top .list:nth-last-of-type(1) ,.cup-top .list:nth-last-of-type(2) {padding-bottom: 0;border-bottom: none;} .cup-top {margin-bottom: 80px;} .cup-process{padding-top: 100px;padding-bottom: 135px;background-color: #f8f8f8;} .cup-process .title{margin-bottom: 30px;} .cup-process img{mix-blend-mode: multiply;} .cup-process .content{padding-left: 30px;} .cup-sol{margin-top: 130px;} .technology-paper{margin-top: 200px;margin-bottom: 150px;} .technology-paper .title{letter-spacing: -.8px;} .technology-top {margin-bottom: 90px;} .technology-top .left{width: 39%;} .technology-top .left p{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .technology-top .right{width: 57%;} .technology-top .content{margin-top: -30px;} .technology-middle{background-color: #f8f8f8;padding-top: 145px;padding-bottom: 115px;} .technology-middle .title{margin-bottom: 65px;} .technology-middle .box{background-color: var(--public-color);border-radius: 10px;text-align: center;height: 170px;padding: 0 35px 15px 35px;} .technology-middle .small-img{margin-top: -35px;} .technology-middle .t1{line-height: 28px;font-weight: 600;color: #fff;margin-top: 12px;} .technology-middle .img{margin-bottom: 10px;} .technology-middle .col-md-3{padding-left: 13px;padding-right: 13px;} .technology-middle .row{margin-left: -13px;margin-right: -13px;} .technology-middle .col-md-3 .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; margin-top: 35px; } .technology-bottom .content{margin-bottom: 45px;box-shadow: 0px 0px 60px 0px rgba(68, 68, 68, 0.08);} .technology-bottom .hover-more-3{height: 54px;} .technology-bottom .a{display: flex;justify-content: center;} .technology-bottom {padding-top: 145px;} .technology-bottom .top-head{width: 70%;margin-left: auto;margin-right: auto;text-align: center;margin-bottom: 35px;} .technology-bottom .title{margin-bottom: 25px;} .product-in-paper {margin-top: 140px;} .product-in-paper .title{letter-spacing: -.8px;} .product-in-paper .h6{font-size: 22px;line-height: 32px;color: var(--public-color);font-family: 'Rubik';font-weight: 500;} .product-in-paper .h1{font-size: 32px;line-height: 40px;color: #333;font-family: 'Rubik';font-weight: 500;} .p-i-first {margin-bottom: 120px;} .p-i-first .left{width: 44%;border-radius: 20px;box-shadow: 2px 1px 30px 10px rgba(0,0,0,0.05);overflow: hidden;} .p-i-first .right{width: 50%;max-width: 50%;display: flex;flex-direction: column;justify-content: center;} .p-i-first .text strong{font-size: 20px;line-height: 28px;color: #333;font-family: 'Rubik';font-weight: 500;} .p-i-first .text {font-family: 'Rubik';margin-bottom: 25px;} .p-i-first .text p{margin-bottom: 10px;} .p-i-first .h6{margin-bottom: 10px;} .p-i-first .h1{margin-bottom: 20px;} .p-i-first .list { position: relative; background-color: #ffffff; border-radius: 4px; border: solid 1px #c8242b; } .p-i-first .list-ul { overflow: hidden; position: absolute; left: 0; width: 100%; z-index: 2; transition: all .6s; display: none; border: 1px solid #c8242b; border-radius: 0px 0px 15px 15px; background-color: #fff; animation:fadeIn .4s; cursor: pointer; } .p-i-first .left .videobtn{position:absolute;right:30px;bottom:30px;z-index:10;} .p-i-first .list-ul li{background-color: #fff;padding-left: 17px;padding-top: 5px;padding-bottom: 5px;transition: background-color .6s;font-size: 14px;} .p-i-first .list-ul li:hover{background-color: rgba(230, 0, 18, .03);font-weight: 500;} .p-i-first .list-ul li:last-child{border-radius: 0 0 15px 15px ;} .p-i-first .list-ul li + li{border-top: 1px solid rgba(230, 0, 18, .4);} .p-i-first .list-ul.active{display: block;overflow: visible;opacity: 1;} .p-i-first .col-md-6{margin-bottom: 8px;} .p-i-first .col-md-6,.p-i-first .col-md-12{padding-left: 4.5px;padding-right: 4.5px;} .p-i-first .col-md-12{margin-top: 32px;} .p-i-first .row{margin-left: -4.5px;margin-right: -4.5px;} .p-i-first .list-inner{display: flex;align-items: center;justify-content: space-between;padding: 12px 16px 12px 17px;cursor: pointer;} .p-i-first .h3{font-size: 14px;line-height: 20px;color: #999;font-weight: 600;} .p-i-first .h3 span{color: #333;font-weight: 400;padding-left: 3px;padding-top: 5px;display: inline-block;font-size: 16px;} .p-i-first .icon{font-weight: bold;color: #333;font-size: 20px;} .p-i-first .list-1{height: 100%;display: flex;align-items: flex-end;justify-content: flex-end;} .p-i-first .list-1 a{font-size: 18px;line-height: 26px;color: #3c70b6;font-family: 'Rubik';text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 2px ;} .p-i-first .hover-more-3{width: 100%;height: 64px;} .p-i-content .h2{font-size: 32px;line-height: 40px;color: #333;font-family: 'Rubik';font-weight: bold;margin-bottom: 45px;letter-spacing: -1px;} .p-i-content .h2::before{content: "";width: 24px;height: 24px;border-radius: 100%;background-color:var(--public-color);display: inline-block;margin-right: 20px;} .p-i-content .introduction .left{width: 45%;} .p-i-content .introduction .right{width: 50%;} .p-i-content .text strong{font-size: 26px;line-height: 36px;color: #333;font-weight: 600;} .p-i-content .text {font-family: 'Rubik';} .p-i-content .text p{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .p-i-content > div{margin-bottom: 85px;} .p-i-content > div img{max-width: 100% !important;height: auto !important;} .p-i-content .highlights .h2{margin-bottom: 55px;} .p-i-content .highlights p{margin-bottom: 20px;padding-left: 0;} .p-i-content .highlights .ul p::before{content: "";background:url(../../images/sign-2.png) no-repeat;background-size: 100%;width: 20px;height: 15px;top: 7px;position:static;display: inline-block;margin-right: 15px;} .p-i-content .highlights {margin-bottom: 120px;} .p-i-content .focus .h2{margin-bottom: 105px;} .p-i-content .focus .col-md-4{padding-left: 27px;padding-right: 27px;margin-bottom: 75px;} .p-i-content .focus .row{margin-left: -27px;margin-right: -27px;} .p-i-content .parameters-1 .h2{margin-bottom: 80px;} .p-i-content .parameters-1 .table-wrapper{width: 51%;} .p-i-content .parameters-1 .img{width: 43%;} .p-i-content .parameters-1 td{border:none} .p-i-content .parameters-1 .table-wrapper table tbody tr:nth-of-type(1){background-color: var(--public-color) !important; color: #fff;} .p-i-content .parameters-1 .table-wrapper table tbody tr:nth-of-type(odd){background-color: #f4f4f4;} .p-i-content .parameters-1{margin-bottom: 140px;} .p-i-content .parameters-2 .h2{margin-bottom: 65px;} .p-i-content .parameters-2 .all-faq .items{background-color: transparent;margin-bottom: 20px;padding: 0;} .p-i-content .parameters-2 .all-faq .items.active{background-color: transparent;padding: 0;margin-bottom: 42px;} .p-i-content .parameters-2 .all-faq .items.active .quen-q{background-color: var(--public-color);padding: 25px 40px 22px 40px;color: #fff;} .p-i-content .parameters-2 .table-wrapper table tbody tr:nth-of-type(odd){background-color: #fff;} .p-i-content .parameters-2 .table-wrapper table td:first-child{font-size: 18px;line-height: 32px;font-family: 'Rubik';letter-spacing: -.2px;font-weight:500;color: #000;} .p-i-content .parameters-2 .table-wrapper table td{padding-top: 2px;padding-bottom: 2px;} .p-i-content .parameters-2 td img{max-width: 50px;margin-right: 30px;display: inline-block;} .p-i-content .parameters-2 .quen-a{width: 100%;} .p-i-content .parameters-2 .all-faq .items.active .quen-q{margin-bottom: 30px;cursor: pointer;} .p-i-content .parameters-2 .items .quen-q{background-color:rgba(221, 221, 221, .6);border-radius: 4px;padding: 25px 40px 25px 40px;cursor: pointer;} .p-i-content .parameters-2 .items:last-child{margin-bottom: 0;} .p-i-content .parameters-2{margin-bottom: 130px;} .p-i-product .title{margin-bottom: 50px;} .p-i-product .all-product .list{padding: 0;background-color: transparent;box-shadow: none;} .p-i-product .all-product .list .img img{margin-top: 0;height: auto;mix-blend-mode: multiply;} .p-i-product .all-product .list .img{background-color: #f8f8f8;height: 335px;overflow: hidden;margin-bottom: 40px;} .p-i-product .all-product .col-md-4{padding-left: 36px;padding-right: 36px;} .p-i-product .all-product .row{margin-left: -36px;margin-right: -36px;} .p-i-product .all-product .model{font-size: 18px;line-height: 32px;font-family: 'Rubik';font-weight:500;margin-bottom: 5px;} .p-i-product .all-product .list .text h5{display: none;} .p-i-product .all-product .t1{font-size: 20px;line-height: 32px;letter-spacing: -1px;font-family: 'Rubik';font-weight: bold;} .p-i-product .all-product .ul p{font-size: 18px;line-height: 32px;font-family: 'Rubik';} .p-i-product .all-product .ul p::before{line-height: 32px;} .p-i-product{margin-bottom: 175px;} .p-i-sol{background-color: #f8f8f8;padding-top: 105px;padding-bottom: 105px;} .product-paper{margin-top: 100px;margin-bottom: 150px;} .product-paper .h1{letter-spacing: -.8px;font-size: 46px;line-height: 56px;font-family: 'Rubik';font-weight: bold;color: #333;margin-bottom: 35px;} .product-paper .p-first .list{display: flex;align-items: flex-end;width: 30%;} .product-paper .p-first .cont{margin-bottom: 19px;position: relative;width: 76%;} .product-paper .p-first .cont::after{content: "";width: 100%;height: 2px;background-color: var(--public-color);opacity: .2;position: absolute;left: -8px;bottom: 0;} .product-paper .p-first .cont p{line-height: 26px;color: #333;font-weight: 600;letter-spacing: -1px;padding-left: 30px;padding-bottom: 14px;} .product-paper .p-first .content{width: 90%;} .product-paper .p-first .img{width: 24%;} .product-paper .p-first .text{margin-bottom: 80px;} .product-paper .p-first{margin-bottom: 100px;} .product-paper .items{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;} .product-paper .items:last-child{margin-bottom: 0;} .product-paper .items .t1{font-size: 36px;line-height: 56px;color: #333;font-family: 'Rubik';font-weight: bold;letter-spacing: -1px;margin-bottom: 25px;} .product-paper .items:hover .t1{color: var(--public-color);} .product-paper .items .text{margin-bottom: 25px;color:#333;line-height: 32px;letter-spacing: .2px;} .product-paper .items .text .ul p{color:#666;letter-spacing: .2px;} .product-paper .items .ul p::before {line-height: 32px;} .product-paper .items .left{width: 46%;} .product-paper .items .right { width: 46%; background: url(../../images/p-back-1.jpg) no-repeat; background-position: bottom 73px center; background-size: 100% auto; } .product-paper .items .box-img{display: flex;} .product-paper .items .right-img{width: 90%;margin-left: auto;margin-right: auto;display: flex;flex-direction: column;align-items: center;} .product-paper .items .img{overflow: visible} .product-paper .items .img img{mix-blend-mode: darken;} .product-paper .small-img img{border-radius: 100%;box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.1);} .product-paper .small-img {border: dashed 1px #dddddd;border-radius: 100%;padding: 22px;} .product-paper .items:nth-child(even){flex-direction: row-reverse;} .product-paper .p-content{margin-bottom: 175px;} .product-paper .all-service .title::after{margin-top: 25px;} .product-paper .all-service .title{margin-bottom: 85px;} .product-list-paper {margin-top: 130px;margin-bottom: 200px;} .product-list-paper .title{letter-spacing: -.8px;} .p-l-first{margin-bottom: 130px;} .p-l-first .list-xl{display: flex;align-items: flex-start;} .p-l-first .list{display: flex;align-items: center;height: 160px;background-color: #f8f8f8;border-radius: 80px;width: calc(calc(100% - 54px * 2) / 3);padding-right: 45px ;} .p-l-first .list .num{background-color: #e60012; border-radius: 100%; border: solid 5px var(--public-color);margin-left: -30px;} .p-l-first .list .num>div { border: solid 4px #fff; border-radius: 100%; width: 52px; height: 52px; display: flex; justify-content: center; align-items: center; font-size: 24px;line-height: 32px;color: #fff;font-family: 'Rubik';font-weight: bold;letter-spacing: -1px; } .p-l-first .list .cont{margin-left: 30px;} .p-l-first .list:first-child .num>div {font-size: 32px;} .p-l-first .list .h4{font-size: 22px;line-height: 32px;color: #333;font-weight: 600;} .p-l-content .aside .h2{font-size: 32px;line-height: 40px;font-family: 'Rubik';font-weight: bold;color: #333;letter-spacing: -1px;margin-bottom: 45px;} .p-l-content .aside .h3{display: block;font-size: 22px;line-height: 40px;color: #333;letter-spacing: -1px;font-family: 'Rubik';font-weight: bold;margin-bottom: 15px;} .p-l-content .aside .box{display: inline-flex;flex-direction: column;} .p-l-content .aside .box span{font-size: 15px;line-height: 40px;color: #333;font-weight: 500;display: inline-block;padding-left: 5px;} .p-l-content .aside .box .attr-item{cursor: pointer;} .p-l-content .aside .box .attr-item.active .input_check{background-color: var(--public-color);color: var(--public-color);} .attr-item .cont input[type="checkbox"]{width:14px;height:14px;display:inline-block;appearance:none;position:relative;background-color:transparent;cursor:pointer;overflow:hidden;border:1px solid var(--public-color);} .p-l-content .aside .list{margin-bottom: 25px;} .p-l-content .aside .list:nth-last-of-type(2) .box,.p-l-content .aside .list:nth-of-type(2) .box{width: 100%;flex-wrap: wrap;display: flex;justify-content: space-between; flex-direction: row;} .p-l-content .aside .list:nth-last-of-type(2) .attr-item ,.p-l-content .aside .list:nth-of-type(2) .attr-item{width: 50%;display: inherit;} .p-l-content .aside .list:nth-last-of-type(2) .cont,.p-l-content .aside .list:nth-of-type(2) .cont{line-height: 40px;} .p-l-content .aside{width: 27%;border-right: 1px solid #dddddd;} .p-l-content .article{width: 68%;margin-bottom: 110px;} .p-l-content .article .list{display: flex;justify-content: space-between;align-items: center;margin-bottom: 60px;} .p-l-content .article .list:last-child{margin-bottom: 0;} .p-l-content .article .small-img{display: flex;align-items: flex-end;flex-wrap: wrap;width: 82%;} .p-l-content .article .small-img .t3{display: none;position: absolute;top: -115px;left: -50%;font-size: 16px;line-height: 20px;color: #fff;font-family: 'Rubik';text-align: center;z-index: 1;} /* .p-l-content .article .small-img .t3::after{content: "";display: none;position: absolute;top: 0px;left: 0;background: url(../../images/p-l-back-1.png) no-repeat;z-index: -1;background-size:contain;width: 158px;height: 105px;} */ .p-l-content .article .small-img .img-1:hover{position: relative;border-color: #e1e1e1;} .p-l-content .article .small-img .img-1:hover .t3::after{display: block;} .p-l-content .article .small-img .img-1:hover .t3 { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: url(../../images/p-l-back-1.png) no-repeat; background-size:contain;width: 158px;height: 105px; padding-bottom: 8px; animation: fadeIn .4s; } .p-l-content .article .small-img .img-1{border: 1px solid #f0f0f0;padding: 6px;width: calc(100% / 4);} .p-l-content .article .small-img .img-1:hover .img-3{opacity: 1;} .p-l-content .article .small-img .img-1 .img-3{opacity: .5;transition: all .6s;} .p-l-content .article .small-img .img-1:first-child{display: none;} .p-l-content .article .small-img .img-1.app{border:0;padding:0;margin-left:15px;width:auto;} .p-l-content .article .small-img .img-1.app img{height:83px;width:auto;} .p-l-content .article .small-img .img-1.app .img-3{opacity:1;line-height:0;} .p-l-content .article a.img img{margin-top: 0;mix-blend-mode: multiply;} .p-l-content .article a.img {background-color: #f8f8f8;display: flex;justify-content: center;align-items: center;width: 50%;overflow: hidden;} .p-l-content .article .box{width: 44%;} .p-l-content .article .all-product .list{box-shadow: none;padding: 0;} .p-l-content .article .all-product .model{font-size: 16px;line-height: 32px;font-family: 'Rubik';font-weight:500;margin-bottom: 5px;} .p-l-content .article .all-product .t1 {font-size: 24px;line-height: 32px;font-family: 'Rubik';margin-bottom: 15px;font-weight: bold;letter-spacing: -1px;} .p-l-content .article .all-product .t1:hover{color: var(--public-color);} .p-l-content .article .all-product .text p{font-size: 16px;line-height: 28px;color: #666;position: relative;padding-left: 35px;margin-bottom: 0;} .p-l-content .article .all-product .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;} .p-l-content .article .list .text h5{font-size: 18px;line-height: 32px;color: #666666;font-family: 'Rubik';font-weight: 400;margin-bottom: 25px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .p-l-content .article .all-product .text{margin-bottom: 35px;} .p-l-videos{background-color: #f8f8f8;padding-top: 135px;padding-bottom: 134px;} .p-l-videos .left{width: 45%;} .p-l-videos .right{width: 50%;} .p-l-videos .right .ul p::before{line-height: 32px;} .p-l-videos .right .ul p{margin-bottom: 15px;} .p-l-videos .title{margin-bottom: 25px;} .p-l-videos .img{position: relative;} .p-l-videos .img::after{content: "";width: 100%;height: 100%;background-color: #000000;opacity: 0;position: absolute;left: 0;top: 0;} .p-l-videos .img .btn-img{position: absolute;right: 49px;bottom: 49px;z-index: 1;border-radius: 100%;transition: all .6s; animation-name: circleChange; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear;cursor: pointer;} .p-l-videos .img .btn-img img{border-radius: 100%;overflow: hidden;} .p-l-videos .img .btn-img::after{content: "";width: 81px;height: 81px;border-radius: 100%;border:4px solid var(--public-color);position: absolute;left: 0;top: 0;} .p-l-videos .img .btn-img:hover {transform: scale(1.1);} .p-l-success{margin-top: 125px;margin-bottom: 135px;} .p-l-success .title::after{margin-top: 25px;} .p-l-success .title{margin-bottom: 40px;} .p-l-success .top-head .text{text-align: center;} .p-l-success .top-head{margin-bottom: 50px;} .p-l-success .col-md-4{padding-left: 27px;padding-right: 27px;} .p-l-success .row{margin-left: -27px;margin-right: -27px;} .p-l-success .t2{font-size: 24px;line-height: 40px;letter-spacing: -1px;font-family: 'Rubik';font-weight: bold;color: #333;text-align: center;margin-top: 45px;} .p-l-success .list{padding-bottom: 25px;border-bottom: 3px solid var(--public-color);} .p-l-success .row{margin-bottom: 75px;} .p-l-success .adv-img{text-align: center;display: none;} .p-l-faq {background-color: #f8f8f8;padding-top: 105px;padding-bottom: 110px;} .p-l-faq .title::after{margin-top: 35px;} .p-l-faq .title{margin-bottom: 45px;} .p-l-faq .items{background-color: #fff;cursor: pointer;} .p-l-faq .items.active{background-color: #fff;border-bottom:5px solid var(--public-color) ;} .p-l-faq .items.active .quen-a{display:block;animation: fadeIn .6s;} .p-l-faq .items .quen-a{display: none;animation: fadeIn .6s;} .p-l-faq .items.active .up, .all-faq .items.active .down{color: var(--public-color);} .p-l-faq .items .up, .all-faq .items .down{color:var(--public-color);} .p-l-faq .items .quen-q{color: #333333;cursor: pointer;} .p-l-faq .items .quen-a{color:#666666;line-height: 35px;} .p-l-faq .items .q1{letter-spacing: -1px;} .all-faq .items.active .quen-q{margin-bottom: 8px;} .all-faq .items{margin-bottom: 20px;} .p-l-news{margin-top: 150px;} .p-l-news .h2{font-size: 42px;line-height: 56px;font-family: 'Rubik';font-weight: bold;letter-spacing: -.8px;color: #333;margin-bottom: 80px;} .p-l-news .model{margin-right: 10px;} .p-l-news .img{margin-bottom: 22px;} .p-l-news .small-box{margin-bottom: 15px;} .p-l-news .col-md-4{padding-left: 27px;padding-right: 27px;} .p-l-news .row{margin-left: -27px;margin-right: -27px;} @keyframes circleChange{ /* 0%{transform: scale(1);} 25%{transform: scale(1.02);} 50%{transform: scale(1.05);} 75%{transform: scale(1.02);} 100%{transform: scale(1);} */ 0%{box-shadow: 0px 0px 16px 4px rgba(230, 0, 18, 0.2);} 25%{box-shadow: 0px 0px 20px 7px rgba(230, 0, 18, 0.5);} 50%{box-shadow: 0px 0px 25px 10px rgba(230, 0, 18, 0.7);} 75%{box-shadow: 0px 0px 20px 7px rgba(230, 0, 18, 0.5);} 100%{box-shadow: 0px 0px 16px 4px rgba(230, 0, 18, 0.2);} } .digital-paper{margin-top: 115px;margin-bottom: 225px;} .digital-paper .title{letter-spacing: -.8px;margin-bottom:50px;} .digital-paper .title::after{margin-top: 25px;} .digital-first .list{background-color: #ffffff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 10px;padding: 0 50px 45px 50px;width: calc(calc(100% - 40px * 2) / 3);} .digital-first .text{line-height: 30px;} .digital-first .img{margin-top: -10px;margin-bottom: 25px;} .digital-first{margin-bottom: 115px;} .digital-content .items:nth-child(even){flex-direction: row-reverse;} .digital-content .items{display: flex;justify-content: space-between;margin-bottom: 130px;align-items: center;} .digital-content .items:last-child{margin-bottom: 0;} .digital-content .text p{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .digital-content .left{width: 45%;} .digital-content .right{width: 50%;} .digital-content .img-1{display: flex;justify-content: space-between;} .digital-content img{border-radius: 10px;} .digital-content .items:nth-child(1) .img-1 + .img-1{margin-top: 21px;} .digital-content .items:nth-child(1) .img-2{width: calc(calc(100% - 21px) / 2);} .digital-content .items:nth-child(2) .left{width:50%} .digital-content .items:nth-child(2) .right{width: 43%;} .digital-content .items:nth-child(2) .title{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .digital-content .items:nth-child(3) .img-1 + .img-1{margin-top: 20px;} .digital-content .items:nth-child(3) .img-1:nth-child(1) .img-2{display: flex;flex-direction: column;justify-content: space-between} .digital-content .items:nth-child(3) .img-1:nth-child(1) .img-2 + .img-2{margin-left: 19px;} .digital-content .items:nth-child(3) .img-1:nth-child(2) .img-2:nth-child(1){display: flex;flex-direction: column;justify-content: space-between;} .digital-content .items:nth-child(3) .img-1:nth-child(2) .img-2:nth-child(1) .img-3 + .img-3{margin-top: 20px;} .digital-content .items:nth-child(3) .img-1:nth-child(2) .img-2:nth-child(2){display: flex;justify-content: space-between;} .digital-content .items:nth-child(3) .img-1:nth-child(2) .img-2 + .img-2{margin-left: 20px;} .digital-content .items:nth-child(3) .img-1:nth-child(2) .img-2:nth-child(2) .img-3 + .img-3{margin-left: 20px;} .digital-content .items .ul p::before{line-height: 32px;content: url(../../images/sign-6.png);position: static;margin-right: 15px;} .digital-content .items .ul p{margin-bottom: 40px;padding-left: 0;} .digital-content .items .h5{font-size: 22px;color: #333;font-weight: 600;display: flex;align-items: center;margin-bottom: 15px;} .digital-content .items .h5::before{content: "";width: 19px;height: 19px;background-color: var(--public-color);display: inline-block;margin-right: 12px;} .digital-content .items .text span{color: #c8242b;} .video-nav a{text-transform: capitalize;} .video-paper{margin-top: 170px;margin-bottom: 205px;} .video-paper p{font-size: 18px;line-height: 26px;margin-right: 10px;font-weight: 500;} .video-paper .col-md-4{margin-bottom: 56px;} .header.fadeInDown .ul-box{top: 60px;} .ul-box .container-xl{align-items: flex-start;} .ul-box{ position: fixed; top: 70px; left: 0; width: 100%; height: 0; overflow: hidden; background-color: #fff; transition: all .5s; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); cursor:default; } .ul-box .ul-box1{ display: flex; justify-content: space-between; } .ul-box .ul-box1 .list { flex: 1; flex-direction: column; justify-content: space-between; position: relative; } .ul-box .ul-box1 .h2 { font-size: 20px; line-height: 26px; font-family: 'Rubik'; font-weight: 500; color: #333; letter-spacing: -.8px; text-align: center; display: block; margin-bottom: 0px; } .ul-box .ul-box1 .h2:hover,.ul-box .ul-box1 .h2.active{color: var(--public-color);} .ul-box .ul-box1 .list::after { content: ""; width: 1px; height: 80%; background-color: rgba(221, 221, 221, .4); position: absolute; right: 0; bottom: 0; } .ul-box .ul-box1 .list:last-child::after{display: none;} .nav-item:hover .ul-box{ height: auto; padding: 30px 0px 30px 0px; transition: all .5s; } .nav-item.active1 .ul-box.ul-pro{padding-top: 40px;padding-bottom: 40px;} .ul-box .max-1530px{max-width: 1530px;} .ul-box .box-img{display: flex;} .ul-box .box-img .small-img { border: dashed 1px #dddddd; border-radius: 100%; padding: 10px; } .ul-box .box-img .small-img img{border-radius: 100%;box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.1);} .ul-box .ul-box1 .img{margin-bottom: 20px;} .ul-box .ul-box1 .img,.ul-box .box-img{padding-left: 25px;padding-right: 25px;height: 180px;} .ul-box .box2-nav a{color: #505050;font-size: 17px;line-height: 24px;padding: 10px 0;} .ul-box .box2-nav a.active{color: var(--public-color);} .ul-box .box2-nav a:hover{color: var(--public-color);} .ul-box .box2-nav li{border-bottom: 1px solid #e1e1e1;} .ul-box .box2-nav{width:300px;} .ul-box .ul-box3{display: flex;justify-content: space-between;width: 65%;} .ul-box .ul-box3 .t1{font-size: 24px;line-height: 32px;color: var(--public-color);margin-bottom: 20px;font-weight: 500;} .ul-box .ul-box3 .box3-left{width: 55%;} .ul-box .ul-box3 .box3-right{width: 40%;} .ul-box .ul-box3 .text{margin-bottom: 40px;font-size: 16px;font-weight: 300;} .ul-box .hover-more{width: auto;padding-left: 45px;padding-right:45px;} .ul-box .box1-a{color: var(--public-color);text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 4px;margin:25px auto auto auto;} .ul-box .box1-a span{font-family: 'Poppins';font-weight: bold;} @media(max-width:1880px) { .index-effort .items .right { display: flex; justify-content: center; align-items: center; overflow: hidden; height: 50%; } .index-effort .list-1{ padding-left: 40px; padding-top: 25px; padding-right: 20px; } .index-effort .list-1 .text{font-size: 17px;line-height: 28px;} .index-effort .items .right img { /* height: 100%; width: auto; */ } .index-effort .content { height: auto; } } @media(max-width:1650px){ .max-1650px{max-width: 1430px;} .container-xl.m-right{margin-right: auto;padding-left: 15px;padding-right: 15px;} .index-sol .right {width: 53%;} .index-sol .left-img{width: 55%;} .index-sol .right-box{width: 45%;} .online-other .mySwiper-other a.img {max-height: 176px;} .online-top .container-xl.m-right{margin: 0 0 0 auto;padding: 0;} .online-top .max-1650px{max-width: 1650px;} } @media(max-width:1630px){ .about-new .small-img {width: 44%;right: -60px;} } @media(max-width:1600px){ .index-effort .h3 {margin-bottom: 8px;} .index-effort .list-1 .text{font-size: 16px;line-height: 24px;} .banner .cont-1 {margin-bottom: 70px;} .online-top .items {padding: 30px 0 30px 30px ;} .online-top .items-xl {width: 100%;} .online-top .items .right {width: 57%;} .online-top .aside a {padding: 15px 20px;font-size: 16px;} .online-top .items-1{margin-left: 30px;} .online-top .items-1 {width: 85%;} } @media(max-width:1525px){ .about-new .small-img {width: 40%;right: 0;} .solution-top .box-2 p::before{width: auto;} .solution-top .items .items-xl{align-items: center;} .solution-top .right .box-1 {padding-right: 15px;} .solution-top .right .box-2{padding-left: 20px;} } @media(max-width:1460px){ .p-l-first .list .num {margin-left: -15px;} .p-l-success .col-md-4,.p-l-news .col-md-4,.p-i-product .all-product .col-md-4,.solution-items .col-md-4,.case-factory .col-md-4,.new-list-paper .col-md-4,.news-in-paper .all-product .col-md-4,.index-product .col-md-4,.p-i-content .focus .col-md-4{padding-left: 15px;padding-right: 15px;} .p-l-success .row,.p-l-news .row,.p-i-product .all-product .row,.solution-items .row,.case-factory .row,.new-list-paper .row,.news-in-paper .all-product .row,.index-product .row,.p-i-content .focus .row{margin-left: -15px;margin-right: -15px;} } @media(max-width:1430px){ .index-effort .list-1 {padding: 20px 20px 0 20px;} .p-i-content .parameters-1 .table-wrapper {width: 58%;} .p-i-content .parameters-1 .img{width: 40%;} } @media(max-width:1400px){ .about-zhu .content{max-height: none;} .about-zhu .content .text{max-height: 600px;} .about-make .list .box{padding: 55px 35px 20px 35px} .technology-middle .t1 {font-size: 16px;line-height: 24px;} .all-service .content .list {padding: 25px;} } @media(max-width:1380px){ .online-other .mySwiper-other a.img {max-height: 170px;} } @media(max-width:1350px){ .footer .list-3{width: 29%;} .footer .list-4{width: 22%;} .news-in-paper .aside-box-1{padding: 30px 20px 30px 20px;} } @media(max-width:1340px){ .index-about .left{width: 51%;} .index-about .right {width: 46%;} .index-about .list{padding-left: 10px;padding-top: 10px;padding-bottom: 15px} .index-about .text p {margin-bottom: 10px;} .index-about .list .img {margin-bottom: 20px;} .p-l-first .list {padding-inline: 25px;width: calc(calc(100% - 30px* 2) / 3);} .solution-top .right .box-2{font-size: 17px;line-height: 30px;} .solution-top .right .text{font-size: 17px;line-height: 30px;} .solution-top .t1 {font-size: 30px;} .online-other .mySwiper-other a.img {max-height: 160px;} } @media(max-width:1300px){ .index-sol .sol-qh {width: 70%;} .index-sol .h2{font-size: 38px;line-height: 42px;} .index-sol .left-img img{width: auto;height: 100%;} .index-sol .sol-img-qh .swiper-slide{position: relative;} .index-effort .title ,.all-banner.banner .h1{font-size: 42px !important;} .index-effort .content{flex-direction: column;} .index-effort .items{display: flex;width: 100%;} .index-effort .list-1{width: 50%;height: auto;max-height: none;} .index-effort .items .right{width: 50%;height: auto;} .index-effort .items:nth-child(even){flex-direction: row-reverse;} .index-effort .list-1 .text{font-size: 18px;line-height: 24px;} .index-effort .h3{margin-bottom: 28px;} .index-effort .list-1 { padding-left: 40px; padding-top: 0px; padding-right: 20px; display: flex; flex-direction: column; justify-content: center; } .about-make .t3 {font-size: 21px;margin-bottom: 35px;} .about-make .list .box .text{line-height: 28px;} .technology-top .content{margin-top: 0;} .p-l-first .list .cont p{font-size: 16px;line-height: 24px;} .online-other .mySwiper-other a.img {max-height: 150px;} .online-top .items .text p::before {font-size: 16px;line-height: 30px;width: 38%;} .online-top .items .text p{font-size: 16px;line-height: 30px;} .online-top .items .t1 {font-size: 26px;} } @media(max-width:1250px){ .index-banner .index-video {height: 650px;} .footer .font-sty {line-height: 32px;} .footer .list-1 i{line-height: 32px;} .footer .list-1{width: 34%;} .footer .list-2{width: 12%;} .about-zhu .content .text {max-height: 650px;} .all-service .t3{line-height: 32px;} .online-other .mySwiper-other a.img {max-height: 140px;} } @media(max-width:1200px){ .index-banner .index-video {height: auto;} .index-about .content{align-items: flex-start;} .index-sol .sol-qh .swiper-slide{font-size: 18px;line-height: 30px;} .about-make .list .box{padding: 0 25px;display: flex;flex-direction: column;justify-content: center} .about-make .t3 {margin-bottom: 15px;} .banner-text{padding-bottom: 20px;} .all-banner.banner .text{width: 100% !important;} .banner .cont-1 {margin-bottom: 30px;} .solution-bottom .list{padding: 15px 15px 25px 15px;} .online-other .mySwiper-other a.img {max-height: 140px;} } @media(max-width:1160px){ .index-sol .sol-img-qh .h3 {font-size: 20px;} .index-sol .sol-img-qh .text {font-size: 16px;line-height: 30px;} .footer .content{flex-wrap: wrap;} .footer .list-1{width: 62%;} .footer .list-2{width: 33%;} .footer .list-3{width: 40%;} .footer .list-4{width: 33%;} .footer .conten>div{margin-bottom: 50px;} .footer .list-3 a{margin-bottom: 15px;} .about-zhu .content .text p {width: 100%} .about-zhu .content .text{max-height: none;} .about-make .list .box .text{font-size: 16px;line-height: 24px;} .technology-middle .box {height: 200px;} .p-l-content .aside .list:nth-last-of-type(2) .attr-item,.p-l-content .aside .list:nth-of-type(2) .attr-item{width: 100%;} .service-bottom .content .cont{display: block;} .service-bottom .content .box:nth-child(3),.service-bottom .content .box:nth-child(4) {height: 350px;} .service-bottom .content .box:nth-child(4) .cont p{margin-bottom: 10px;} .service-bottom .content .box:nth-child(4) .text{margin-bottom: 20px;} .service-bottom .content .box:nth-child(4) .text:last-child{margin-bottom: 0;} .service-bottom .content .box{padding-top: 30px;} } @media(max-width:1100px){ .online-top .items .left {width: 55%;} .online-top .items .right{width: 40%;} .online-top .items .text p::before{width: 100%;} .online-top .items .t1 {font-size: 24px;position: absolute;left: 0;top: 0;width: 100%;text-align: center;} .online-top .items-xl{position: relative;padding-top: 60px;} .online-top .items-1{width: 100%;} .service-bottom .content .box{width: 100% !important;height: auto;} .service-bottom .content .cont{display: flex;} } @media(max-width:1000px){ .index-effort .h3{margin-bottom: 8px;} .index-effort .list-1 .text{font-size: 17px;line-height: 28px;} } @media(max-width:930px){ .index-effort .list-1,.index-effort .items .right{width: 100%;} .index-effort .items{flex-wrap: wrap;} .index-effort .list-1{padding:40px;} } @media(max-width:768px){ .banner .h1{font-size: 24px;line-height: 32px;} .index-effort .title,.title{font-size: 22px !important;line-height: 32px;margin-bottom: 15px !important;} .title.row-line-1::after,.title::after{margin-top: 10px !important;} .dfrsbc,.dfrsb{flex-wrap: wrap !important;} .left,.right{width: 100% !important;} .text{font-size: 14px !important;line-height: 20px !important;} .text p{margin-bottom: 10px !important;} .hover-more{font-size: 16px;line-height: 24px;} .top-head{width: 100% !important;} .ul p{padding-left: 30px !important;} .hover-more-3 {width: 220px !important;font-size: 16px !important;line-height: 24px !important;} .small-nav ul li::after {padding: 0 10px;font-size: 14px;line-height: 20px;} .small-nav ul a{font-size: 14px;line-height: 20px;} .banner .cont-1{margin-bottom: 10px;} .all-banner.banner .h1{margin-bottom: 0;} .banner-text{padding-bottom: 0;} .service-bottom .content .box:nth-child(4) .text {margin-bottom: 10px;} .footer{padding-top: 30px;} .footer .logo-text{flex-wrap: wrap;margin-bottom: 20px;} .footer .logo-text .logo{width: 65%;margin-bottom: 20px;} .footer .logo-text .text{width: 100%;} .footer .content>div{width: 100% !important;} .footer .font-sty ,.footer .list-1 i{line-height: 24px;} .footer .list-1 i{margin-right: 15px;} .footer .list-2{display:none;align-items: center;flex-wrap: wrap;} .footer .list-2 a{width: 50%;margin-bottom: 10px;} .footer .list-2{margin-bottom: 20px;} .footer .list-3{margin-bottom: 20px;display: none;} .footer .bottom .container-xl{height: auto;flex-wrap: wrap;} .menushare{margin-bottom: 15px;} .footer .list-4 {display: none;} .footer .list-4 .form-email {margin-bottom: 25px;} .footer .top{margin-bottom: 0px;} .footer .bottom{padding-top: 30px;} .all-banner.banner .h1{font-size: 24px !important;line-height: 32px !important;} .all-banner>img{width: 100%;height: auto;} .all-banner{display: flex;overflow: hidden;align-items: center;justify-content: center;} .all-banner .text{display: none;} .banner-text{align-items: center;} .index-product.all-product .list .img{max-height: none;} .index-product.all-product .list .img img{margin-top: 0;} .index-paper{padding-top: 30px;margin-bottom: 30px;} .index-product .top-head{margin-bottom: 0px;} .all-product .list{padding: 0 15px 15px 15px;} .index-product .col-md-4{margin-bottom: 25px;} .mySwiper-pro .pagination-pro{bottom: 0;left: 0;} .mySwiper-pro .swiper-pagination-bullet{background-color: var(--public-color);opacity: .2;} .mySwiper-pro .swiper-pagination-bullet-active{background-color: var(--public-color);opacity: 1;} .mySwiper-pro .swiper-slide{height: auto;} .mySwiper-pro {padding-bottom: 30px;margin-bottom: 30px;padding-left: 10px;padding-right: 10px;padding-top: 30px;} .index-about .left{margin-bottom: 25px;} .index-about .list .num {font-size: 20px;line-height: 28px;} .index-about .text{margin-bottom: 15px;} .index-about{margin-bottom: 30px;} .index-machine .left{margin-bottom: 25px;} .all-box-btn .l-btn {width: 67%;} .all-box-btn .r-btn{width: 30%;} .index-machine .content{margin-bottom: 20px;} .index-machine{margin-bottom: 30px;} .index-sol .left{padding-top: 20px;padding-bottom: 20px;} .index-sol .h2{font-size: 20px;line-height: 28px;margin-bottom: 20px;} .index-sol .sol-qh .swiper-slide {font-size: 14px;line-height: 20px;} .index-sol .sol-qh {width: 75%;margin-bottom: 15px;} .index-sol .left .a .hover-more{width: 260px;} .index-sol .left .a .hover-more span {padding: 10px 0;} .index-sol .right-box {padding-top: 0;padding-right: 0;} .index-sol .sol-img-qh, .index-sol .mySwiper-img-sol {max-height: 410px;} .index-sol .sol-img-qh .h3 {font-size: 19px;line-height: 27px;} .index-sol .right-img{margin-left: 0;} .index-sol .left-img img{width: 100%;} .index-sol .left-img,.index-sol .right-box{width: 50%;} .index-sol{margin-bottom: 30px;} .index-effort .top-head{margin-bottom: 20px;} .index-effort .list-1 {padding: 15px;} .index-effort{margin-bottom: 30px;} .index-news .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;} .index-news .mySwiper-2 {margin-bottom: 0px;} .about-paper{margin-top: 30px;margin-bottom: 30px;} .about-zhu .title{width: 100%;} .about-zhu .small-box .num {font-size: 32px;line-height:32px;margin-bottom: 10px;} .about-zhu .content .small-box {width: 100%;} .about-zhu .small-box .h4 {font-size: 18px;line-height: 26px;} .about-zhu{margin-bottom: 30px;} .about-img>img {height: 130px;} .about-img .small-img {width: 50px;height: 50px;right: 10px;bottom: 10px;} .about-img{margin-bottom: 30px;} .about-quality .left .ul p, .about-quality .left .ul p::before{line-height: 24px;} .about-quality .left{margin-bottom: 20px;} .about-quality .right .img{margin-bottom: 20px;} .about-quality{margin-bottom: 15px;} .about-cer{padding-top: 15px;padding-bottom: 15px;} .about-cer .content{margin-bottom: 20px;} .about-new{margin-top: 15px;margin-bottom: 30px;} .about-new .left{margin-bottom: 25px;} .about-new .small-img{width: 30%;top: -15px;} .about-make .list{width: 100% !important;} .about-make .list .box .text{opacity: 1;} .about-make .content-2{display: block !important;} .about-make .list .box::after{content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); border-radius: 10px; position: absolute; left: 0; top: 0; z-index: -1; animation: fadeInDown .6s;} .about-make .list .box .text{font-size: 16px !important;line-height: 32px !important;} .digital-paper{margin-top: 30px;margin-bottom: 30px;} .digital-first .list{width: 100%;margin-bottom: 25px;padding: 0 40px 45px 40px;} .digital-first{margin-bottom: 30px;} .digital-content .items{flex-wrap: wrap;margin-bottom: 25px;} .digital-content .left{margin-bottom: 20px;} .digital-content .items .ul p{padding-left: 0 !important;margin-bottom: 10px;} .technology-paper{margin-top: 30px;margin-bottom: 30px;} .technology-top{margin-bottom: 15px;} .technology-middle{padding-top: 15px;padding-bottom: 15px;} .technology-middle .box{padding: 0 20px 15px 20px;height: auto;} .technology-middle .list {margin-bottom: 20px;} .technology-bottom{padding-top: 15px;} .technology-bottom .top-head{margin-bottom: 25px;} .technology-bottom .content{margin-bottom: 20px;} .certificates-paper,.video-paper{margin-top: 30px;margin-bottom: 30px;} .certificates-paper .col-md-3{width: 50%;margin-bottom: 25px;} .col-md-3,.col-md-4{padding-right: 7px !important;padding-left: 7px !important;} .row{margin-left: -7px !important;margin-right: -7px !important;} .video-paper .col-md-4{margin-bottom: 25px;} .product-paper .h1{font-size: 22px;line-height: 32px;margin-bottom: 15px;} .product-paper{margin-top: 30px;margin-bottom: 30px;} .all-small-nav{padding-top: 10px;} .product-paper .p-first .text{margin-bottom: 30px;} .product-paper .p-first .list{width: 100%;margin-bottom: 20px;} .product-paper .p-first .img {width: 16%;} .product-paper .p-first .cont p{padding-bottom: 10px;padding-left: 20px;line-height: 20px;} .product-paper .p-first{margin-bottom: 20px;} .product-paper .items{flex-wrap: wrap;margin-bottom: 50px;} .product-paper .items .t1{font-size: 21px;line-height: 32px;margin-bottom: 10px;} .product-paper .items .text{margin-bottom: 20px;} .product-paper .items .ul p::before{line-height: 20px;} .product-paper .items .left{margin-bottom: 20px;} .product-paper .p-content{margin-bottom: 50px;} .all-service .content .list {width: 49%;margin-bottom: 8px;} .all-service .content .list:last-child {margin-bottom: 0;} .product-list-paper{margin-top: 30px;margin-bottom: 30px;} .p-l-first{flex-wrap: wrap;margin-bottom: 30px;} .p-l-first .list{width: 100%;margin-bottom: 20px;height: 120px;} .p-l-first .list:last-child{margin-bottom: 0;} .p-l-content .aside,.p-l-content .article{width: 100%;border: none;margin-bottom:30px;} .p-l-content .aside .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;} .p-l-content .aside .box{flex-direction: row;} .p-l-content .aside .box .attr-item{margin-right: 15px;display: inline-flex;width: 30%;} .p-l-content .aside .box .attr-item:last-child{margin-right: 0;} .p-l-content .aside .h3 {font-size: 18px;line-height: 26px;} .p-l-content .aside .list:nth-last-of-type(2) .attr-item,.p-l-content .aside .list:nth-of-type(2) .attr-item{width: auto;} .p-l-content .aside .box span {line-height: 16px;} .p-l-content .aside .box{display: flex;} .p-l-content .aside .list:nth-last-of-type(2) .box .attr-item,.p-l-content .aside .list:nth-of-type(2) .box .attr-item{width: 48%;margin-right: 0;display: flex;align-items: center;line-height: 24px;margin-bottom: 15px;} .p-l-content .aside .list:nth-last-of-type(2) .cont,.p-l-content .aside .list:nth-of-type(2) .cont{line-height: 16px;} .p-l-content .article a.img{width: 100%;} .p-l-content .article .box {width: 100%;} .p-l-content .article .list{flex-wrap: wrap;} .p-l-content .article .all-product .t1 {font-size: 22px;line-height: 32px;} .p-l-content .article .all-product .model{line-height: 24px;} .p-l-content .article .list .text h5{font-size: 14px;line-height: 20px;margin-bottom: 15px;} .p-l-content .article .all-product .text{margin-bottom: 20px;} .p-l-videos{padding-top: 15px;padding-bottom: 15px;} .p-l-content .article{margin-bottom: 15px;} .p-l-videos .left{margin-bottom: 20px;} .p-l-success{margin-top: 15px;margin-bottom: 15px;} .p-l-success .top-head{margin-bottom: 20px;} .p-l-success .col-md-4{width: 50%;margin-bottom: 20px;} .p-l-success .t2{font-size: 16px;line-height: 24px;margin-top: 20px;} .p-l-success .list{padding-bottom: 5px;} .p-l-success .row{margin-bottom: 30px;} .p-l-faq{padding-top: 15px;padding-bottom: 15px;} .all-faq .items{padding:15px;} .all-faq .q1{font-size: 18px;line-height: 26px;} .p-l-faq .items .quen-a{line-height: 20px;font-size: 14px;} .all-faq .items.active{padding-top: 20px;padding-bottom: 20px;} .all-faq .items .up, .all-faq .items .down{font-size: 18px;line-height: 26px;} .p-l-news{margin-top: 15px;margin-bottom: 15px;} .p-l-news .h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;} .p-l-news .img{margin-bottom: 15px;} .p-l-news .col-md-4{width: 50%;margin-bottom: 25px;} .p-l-news .col-md-4:last-child{margin-bottom: 0;} .p-l-news .small-box{margin-bottom: 0;} .all-news .t1{-webkit-line-clamp: 2;line-clamp: 2;} #pro-feedback .col-md-12{padding-left: 3px;padding-right: 3px;} #pro-feedback .col-md-6{width: 50%;padding-left: 3px ;padding-right: 3px ;} #pro-feedback .form-feedback .form-control {padding-top: 5px;padding-bottom: 5px;font-size: 14px;} .product-in-paper{margin-top: 30px;} .p-i-first .right{width: 100%;max-width: 100%;} .p-i-first .left{margin-bottom: 20px;} .product-in-paper .h1{font-size: 22px;line-height: 32px;} .product-in-paper .h6{font-size: 16px;line-height: 24px;margin-bottom: 0;} .p-i-first .text strong{font-size: 16px;line-height: 24px;} .p-i-first .hover-more-3{height: auto;} .p-i-first{margin-bottom: 30px;} .p-i-content .h2 {font-size: 20px;line-height: 28px;margin-bottom: 15px !important;} .p-i-content .h2::before {width: 15px;height: 15px;margin-right: 15px;} .p-i-content .text strong{font-size: 18px;line-height: 26px;} .p-i-content .introduction .left{margin-bottom: 20px;} .p-i-content .introduction .right{height: 200px;} .p-i-content .introduction .right iframe{height: 100%;} .p-i-content > div{margin-bottom: 25px !important;} .p-i-content .highlights p{margin-bottom: 10px;} .p-i-content .focus .col-md-4{width: 50%;margin-bottom: 25px;} .p-i-content .focus .col-md-4:last-child{margin-bottom: 0;} .p-i-content .parameters-1 .table-wrapper{width: 100%;} .p-i-content .parameters-1 .img{width: 100%;} .p-i-content .parameters-1 .table-wrapper{margin-bottom: 20px;} .p-i-content .parameters-2 .all-faq .items.active .quen-q {padding: 15px 20px;} .p-i-content .parameters-2 .table-wrapper table td:first-child {font-size: 16px;line-height: 24px;} .p-i-content .parameters-2 .table-wrapper table td{padding-left: 15px;} .p-i-content .parameters-2 .all-faq .items.active {margin-bottom: 25px;} .p-i-product .all-product .list .img{display: flex;justify-content: center;align-items: center;height: 300px;} .all-product .t1 {margin-bottom: 15px;} .p-i-product{margin-bottom: 20px;} .p-i-sol{padding-top: 20px;padding-bottom: 30px;} .online-other .t1{margin-top: 15px;} .online-other .mySwiper-other{margin-bottom: 20px;} .online-other .all-box-btn .l-btn{width: 75%;} .online-other .all-box-btn .r-btn{width: 24%;} .online-other .all-box-btn .next-2::after, .online-other .all-box-btn .prev-2::after{font-size: 30px;} .online-other .mySwiper-other a.img{height: 105px;max-height:130px} .online-other .mySwiper-other a.img img{width: auto;height: 100%;} .online-other .t1 {font-size: 16px;line-height: 24px;} .solution-paper{margin-top: 30px;} .solution-top .items{padding-top: 30px;padding-bottom: 30px;} .solution-top .right .box-1,.solution-top .right .box-2{width: 100%;} .solution-top .right .box-1{margin-bottom: 30px;} .solution-top .t1{font-size: 21px;line-height: 32px;margin-bottom: 15px;} .solution-top .right .text{margin-bottom: 20px;} .solution-top .left{margin-bottom: 15px;} .solution-top .right .box-2 {font-size: 16px;line-height: 24px;} .solution-items{margin-top: 30px;margin-bottom: 30px;} .solution-items .box {padding-top: 15px;} .solution-items .t2{font-size: 20px;line-height: 28px;} .solution-items .box .text{margin-bottom: 20px;} .solution-items .col-md-4{margin-bottom: 25px;width: 50%;margin-bottom: 25px;} .solution-items .hover-more-3{width: 100% !important;} .solution-cup .text{margin-bottom: 20px;} .solution-cup{margin-bottom: 30px;flex-direction: column-reverse;} .solution-cup .right{margin-bottom: 20px;} .solution-bottom{padding-top: 30px;padding-bottom: 30px;} .solution-bottom .top-head{margin-bottom: 20px;} .solution-bottom .list{width: calc(calc(100% - 25px) / 2);margin-bottom: 25px;} .solution-bottom .t1{font-size: 16px;line-height: 24px;} .solution-bottom .list:last-child{margin-bottom: 0;} .solution-bottom .h6{font-size: 16px;line-height: 24px;margin-bottom: 0;} .online-top .aside-xl.active{display: block;} .online-top .aside-xl{display: none;} .online-top .aside .h2 .icon{cursor: pointer;} .online-top .aside .h2 { padding: 0.875rem; background: var(--public-color); color: #fafafa; display: flex; justify-content: space-between; font-size: 18px; font-weight: 500; } .online-top .aside a{ transition: background-colorease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7; cursor: pointer; padding: 12px 16px; } .online-top .aside a.active { background: #f6f6f6; color: #666; } .online-top .aside a::before{display: none;} .online-solution{margin-top: 30px ;} .online-top .aside,.online-top .article{width: 100%;} .online-top .aside{background-color: #fff;z-index: 10;top: 50px;margin-bottom: 30px;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .online-top .items .t1{font-size: 20px;line-height: 28px;margin-bottom: 0;} .online-top .container-xl.m-right{margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;} .online-top .items {padding: 10px;margin-bottom: 20px;} .online-top .items .text p strong,.online-top .items .text p {font-size: 14px;line-height: 24px;} .online-top .items .left{margin-bottom: 20px;margin-top: 20px;} .online-top .items-1{flex-direction: column;margin-left: 0;} .online-top .items-1 .list::before{bottom: -45px;right: auto;top: auto;width: 100%;text-align: center;} .online-top .items-1 .list{width: 100%;margin-bottom: 60px;} .online-top .items-1 .list:last-child{margin-bottom: 0;} .online-top .items-xl{padding-top: 30px;} .online-top .items-1 .box{padding-top: 15px;} .online-top .items-1 .model{font-size: 16px;line-height: 24px;} .online-top .items-1 .t2{font-size: 19px;line-height: 27px;} .online-top .items-box{margin-bottom: 50px;} .online-top{margin-bottom: 30px;} .online-bottom{padding-top: 30px;padding-bottom: 30PX;} .cup-paper{margin-top: 30px;margin-bottom: 30px;} .cup-top .list:nth-child(even) {padding-left: 15px;} .cup-top .list {padding-bottom: 15px;padding-top: 15px;} .cup-top .list:nth-child(odd) .list-xl{width: 92%;} .cup-top .list:nth-child(even) .list-xl {width: 100%;} .cup-top{margin-bottom: 30px;} .cup-process{padding-top: 30px;padding-bottom: 30px;} .cup-process .content{padding-left: 0;} .cup-sol{margin-top: 30px;} .case-paper{margin-top: 30px;margin-bottom: 10px;} .case-factory .col-md-4 {width: 50%;margin-bottom: 25px;} .case-factory .img{margin-bottom: 15px;} .case-factory .t2 {line-height: 26px;margin-bottom: 10px;} .case-factory .add {font-size: 16px;line-height: 24px;} .case-factory{margin-bottom: 20px;} .case-customer .col-md-3{width: 50%;margin-bottom: 25px;} .service-paper{margin-top: 30px;margin-bottom: 30px;} .service-top .top-head{margin-bottom: 20px;} .service-top{margin-bottom: 30px;} .service-bottom .d{margin-bottom: 25px;} .service-bottom .h2,.service-bottom .d:nth-child(2) .h2 {font-size: 20px;line-height: 28px;margin-bottom: 15px;} .service-bottom .d:first-child .text{display: block;} .service-bottom .content .box {width: 100%;height: auto !important;padding: 20px;margin-bottom: 20px;} .service-bottom .h3,.service-bottom .d:last-child .box:last-child .h3 {font-size: 18px;line-height: 26px;margin-bottom: 10px;} .service-bottom .box-1 .text{width: 100%;} .service-bottom .d:last-child .box:last-child p{width: 50%;} /* .faq-paper{margin-top: 30px;margin-bottom: 30px;} */ .faq-paper .all-faq .items.active .quen-q {margin-bottom: 15px;} .faq-paper .all-faq .items {margin-bottom: 30px;} .faq-paper .all-faq{margin-bottom: 30px;} .all-faq .quen-a{font-size: 14px;line-height: 20px;} .faq-paper .items:last-child{margin-bottom: 0;} .download-paper{margin-top: 30px;margin-bottom: 30px;} .download-paper .right .cont{width: 90%;} .download-paper .left{overflow: hidden;} .download-paper .right{padding-left: 0;padding-top: 15px;padding-bottom: 15px;justify-content: center;overflow: hidden;} .download-paper .text {margin-bottom: 30px;} .download-paper .hover-more-1{width: 230px;height: 42px;} .download-paper .left::after{content: "";background:url(../../images/down-2.png) no-repeat;width: 30px;height: 30px;background-size:contain;right: -29px;} .new-list-paper .col-md-4{width: 50%;margin-bottom: 25px;} .new-list-paper .list .box {margin-top: 15px;} .new-list-paper .list .small-box{flex-direction: column;align-items: normal;margin-bottom: 10px;} .new-list-paper .list .model{margin-bottom: 10px;margin-right: 0;width: 110px;} .new-list-paper .list .t1{margin-bottom: 15px;} .new-list-paper{margin-bottom: 30px;} .news-in-paper .h1{font-size: 22px;line-height: 32px;margin-top: 0;} .news-in-paper .box-tail .right .hover-more-1{width: 230px;height: 42px;} .news-in-paper .box-tail .left{margin-bottom: 20px;} .news-in-paper .aside .h2{font-size: 18px;line-height: 26px;margin-bottom: 15px;} .news-in-paper .aside .aside-box>.items .img{height: auto;} .news-in-paper .aside .aside-box .t2{font-size: 16px;line-height: 24px;} .news-in-paper .article{margin-bottom: 30px;} .contact-paper{margin-top: 30px;margin-bottom: 30px;} .contact-paper .top-head{margin-bottom: 30px;} .contact-paper .list{width: 100% !important;margin-bottom: 25px;} .contact-paper .list .box{padding-top: 0;} .contact-paper .list .img{margin-right: 15px;width: 45px;height: 45px;} .contact-paper .contact-top{margin-bottom: 30px;} .contact-paper .contact-bottom .left p strong {font-size: 16px;} .contact-paper .contact-bottom .right {padding: 20px;} .contact-paper .contact-bottom .left{margin-bottom: 25px;} .p-i-first .list-ul li {padding-top: 10px;padding-bottom: 10px;} .video-nav .h2{text-transform: capitalize;overflow: hidden;padding-left: 15px;padding-right: 10px;width: 100%;height: 42px;font-size: 1.25rem;background-color: var(--public-color);color: #fff;display: flex;justify-content: space-between;align-items: center;border-radius: 8px 8px 0px 0px;} .video-nav .all-nav a{font-size: 14px;margin-bottom: 0;border: 0;background: #f6f6f6;color: #666;height: 42px;line-height: inherit;display: flex;justify-content: flex-start;align-items: center;padding-left: 25px;} .video-nav .all-nav a + a{border-top: 1px solid #e7e7e7;} .video-nav .all-nav a{border-radius: 0 0 8px 8px;} .video-nav .all-nav{display: none;transition: all .6s;overflow: hidden;} .video-nav.active .all-nav{display: block;} .video-nav.active .h2 i{transform: rotate(180deg);} .video-nav{overflow: hidden;margin-bottom: 30px;} .video-nav.active .all-nav{margin-top: 0px;margin-bottom: 0px;width: 100%;} .video-nav.active .all-nav a{width: 100%;} .video-nav.active .all-nav a.active{color: var(--public-color);} } .p-l-content .article a.img{position:relative;} .p-l-content .article a.img .shudu{position:absolute;width:78px;height:69px;display:flex;text-align: center; align-items: center; background:url(../../images/sudu2.png) no-repeat;right:25px;top:35px;color:#333;} .p-l-content .article a.img .shudu span{font-size: 16px; line-height: 16px; text-align: center; margin-top: 9px; display: block; width: 100%;} @media(max-width:768px){ .p-l-content .article a.img .shudu{top:15px;right:15px;} } .p-i-first .left{position:relative;} .p-i-first .left .shudu{position:absolute;width:78px;height:69px;display:flex;text-align: center; align-items: center; background:url(../../images/sudu2.png) no-repeat;right:25px;top:35px;color:#333;z-index: 10;} .p-i-first .left .shudu span{font-size: 16px; line-height: 16px; text-align: center; margin-top: 9px; display: block; width: 100%;} @media(max-width:768px){ .p-i-first .left .shudu{top:15px;right:15px;} } /*#展会信息*/ .appimgbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5);z-index:9999;display:none;align-items:center;justify-content:center;} .appimgbg .box{width:50%;background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);padding:30px 50px;position:relative;} .appimgbg .box img{max-width:100%;height:auto;} .appimgbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;} .appimgbg.on{display:flex;} @media(max-width:768px) { .appimgbg .box{width:80%;padding:15px;} } .product-in-paper .appimg{position:absolute;left:20px;bottom:25px;z-index:10;} .product-in-paper .appimg img{height:130px;width:auto;} @media(max-width:768px) { .product-in-paper .appimg{left:5px;bottom:5px;} .product-in-paper .appimg img{height:80px;width:auto;} } .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:#4bcd65;border:1px solid #4bcd65; 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:#4bcd65;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 20px;border:1px solid #4bcd65;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:#4bcd65;color:#fff;} .video-nr .v-side .v-pro .d-flex a:first-child{background:#4bcd65;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%;position:relative;} .video-nr .v-side .v-rel .v-video-item .left a{position:absolute;left:0;right:0;bottom:0;top:0;z-index:99;} .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%;} } /*index*/ .money{cursor:pointer;transition:all 0.5s ease} .money:hover{transform:scale(1.1)} .whole-t1{font-size: 42px;line-height: 50px;color: #2c2c2c;font-weight: bold;} .whole-t1 span{color: var(--public-color);} .whole-t2{font-size: 26px;margin-bottom: 10px;line-height: 30px;} .whole-t2 span{display: block;color: var(--public-color);} .whole-p{font-size: 16px;line-height: 25px;color: #2c2c2c;} .whole-p span{color: var(--public-color);font-weight: 700;} .whole-p p strong{color: var(--public-color);font-weight: 700;} .whole-a{font-size: 20px;line-height: 53px;color: #2c2c2c;transition: all 0.5s;} .whole-a img{margin-left: -10px;} .whole-a:hover{color: var(--public-color);} @media(max-width:768px) { .whole-t1{font-size: 20px;line-height: 22px;} .whole-t2{font-size: 16px;line-height: 20px;} .whole-p{font-size: 14px;line-height: 18px;} .whole-a{width: auto;height: auto;font-size: 14px;line-height: 25px;} .whole-a img{width: 30px;margin-left: -5px;} } .pu-ne{margin-top:20px;margin-bottom: 60px;} .adw{margin-top: 50px;} .adw .public-ly2{width: 100%;} .public-ly2{box-shadow:5px 0 9px rgba(0, 0, 0, 0.1);width:80%;margin:0 auto 50px auto;border-radius:50px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:18px 18px 18px 40px;} .public-ly2 .ss-t1{font-size:18px;line-height:27px;color:#333;width:70%;font-weight:bold;} .public-ly2 .ss-t3{font-size:20px;line-height:27px;background:var(--public-color);padding:10px 40px;color:#fff;border-radius:50px;cursor:pointer;} @media(max-width:768px) { .pu-ne{margin: 0;} .adw{margin-top: 30px;} .public-ly{width:150px;height:42px;line-height:42px;font-size:16px; margin:25px auto 0;} .public-ly2{margin:0px auto 30px;display:block;padding:10px;width:100%;border-radius:0;position:relative;} .public-ly2 .ss-t1{font-size:16px;width:100%;} .public-ly2 .ss-t3{font-size:16px;padding:5px 20px;text-align:center; margin:15px auto 0;display:block;} .pro-wrapper .public-ly2{margin:30px auto;} } .correfaq{padding:110px 0;background-color:#f2f5f8;border-bottom:6px solid var(--public-color);} .correfaq .box{display:flex;justify-content:space-between;} .correfaq .left{width:35%;} .correfaq .left .t1{font-size: 42px; line-height: 52px; font-weight: 800;} .correfaq .left .msg{font-size:16px;line-height:28px;font-weight:600;color:#999999;margin-top:40px;} .correfaq .left a{font-size:18px;line-height:32px;font-weight:600;color:#ffffff;padding:15px 25px;background-color:var(--public-color);margin-top:40px;} .correfaq .left a:hover{background-color:var(--public-color);} .correfaq .right{width:55.8%;} .correfaq .last{margin-top:120px;} .correfaq .faq-item{padding:20px 30px;border-bottom:1px solid #e6ebf1;border-left:4px solid transparent;} .correfaq .faq-title{font-size:18px;line-height:32px;font-weight:800;color:#333333;position:relative;} .correfaq .faq-title span{color:#d4101c;margin-right:20px;} .correfaq .faq-content{font-size:18px;line-height:28px;color:#888888;height:0;overflow:hidden;;transition:all .5s;} .correfaq .faq-item.active{padding-left:30px;padding-right:30px;background-color:#fff;border-left:4px solid var(--public-color);transition:all .5s;} .correfaq .faq-item.active .faq-title{color:var(--public-color);} .correfaq .faq-item .faq-title::after{content:"";width:10px;height:9px;background:url(../../images/faq-icon1.png)no-repeat; background-size:cover;display:block;position:absolute;right:30px;top:12px;} .correfaq .faq-item.active .faq-title::after{width:6px;height:3px;background:url(../../images/faq-icon2.png)no-repeat;right:3px;top:15px;} .correfaq .faq-item.active .faq-content{margin-top:15px;height:auto;transition:all .5s;} @media (max-width:768px) { .correfaq{padding:20px 0;} .correfaq .box{flex-wrap:wrap;} .correfaq .left{width:100%;} .correfaq .left .msg{font-size:14px;line-height:22px;margin-top:10px;} .correfaq .left a{display:none;} .correfaq .right{width:100%;margin-top:15px;} .correfaq .faq-item{padding:10px 0;} .correfaq .last{margin-top:20px;} } /*#展会信息*/ .zhbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5);z-index:9999;display:none;align-items:center;justify-content:center;} .zhbg .box{width:50%;background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);padding:30px 50px;position:relative;display: flex;justify-content: space-between;flex-wrap: wrap;} .zhbg .box .left{width: 48%} .zhbg .box .right{width: 48%} .zhbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;} .zhbg .box .zh-t1{display:flex;margin-bottom:25px;} .zhbg .box .zh-t1 span{background:var(--public-color);display:inline-block;padding:10px;font-size:22px;color:#fff;} .zhbg .box .zh-t2{font-size:26px;font-weight:bold;margin-bottom:15px;color:var(--public-color);} .zhbg .box .zh-t3{font-size:18px;margin-bottom:15px;font-weight:bold;} .zhbg .box .place{font-size:16px;line-height:24px;} .zhbg .box .place p{margin-bottom:10px;} .zhbg .box .place p i{color:var(--public-color);min-width:22px;} .zhbg .box .place p strong{color:var(--public-color);} .zhbg.on{display:flex;} .zhkz.on{display: block;} .zhkz{display: none; background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position: fixed;top:250px;right:-54px;transform: rotate(-90deg); padding: 10px 20px 20px;border-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px;cursor:pointer;z-index:99; } @media(max-width:768px) { .zhbg .box{width:80%;padding:15px;} .zhbg .box .left{width: 100%} .zhbg .box .right{display: none;} .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px; } }