/*通用样式*/ :root{ --public-color:#014099; --public-color-1:#014099; --public-color-2:#1e5eb8; --max:1430px; } .img-responsive{max-width:100%;height:auto} /*#region thumb-items*/ .thumb-selectors {overflow: hidden;clear: both;margin:0 0 10px 0;padding:15px;} .product-thumb{border: none;} /* .justify-content-center{justify-content: flex-start !important;} */ body{color:#666666;font-size:18px;line-height:32px;font-weight: 400;font-family: 'Roboto', sans-serif;} a{display:inline-block;transition: all .6s;} a:hover{color:var(--public-color-2) !important} .swiper-pagination-bullet-active{background:var(--public-color)} .page-item.active .page-link {color: #fff;background-color: var(--public-color);border-color: var(--public-color);} body,div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0} img{aspect-ratio:attr(width) / attr(height);} ul,ol,li,dl,dd,dt{list-style-type:none} .img-width{width:100%;height:auto} .img-height{height:100%;width:auto} .img-fluid {max-width: 100%;height: auto;} .main-container{margin-bottom:40px;margin-top:40px} .tkanniu{cursor:pointer} .card-thumb img{transition:all .4s ease} .card-thumb:hover img{transform:scale(1.1)} .container-xl{max-width:var(--max)} .container-xl.m-right{margin:0 0 0 auto;padding:0} .container-xl.m-left{margin:0 auto 0 0;padding:0} @media(max-width:768px){ body{font-size:14px;line-height:20px;padding-top:50px} .container-xl.m-right{margin:0 auto;padding:0 15px} .container-xl.m-left{margin:0 auto;padding:0 15px} .mb-none{display:none!important;} } @font-face { font-family: "Urbanist-Bold"; src: url("../../style/Fontss/Urbanist-Bold.ttf"); } .max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;} .max-1790px{max-width: 1790px;} .max-1690px{max-width: 1690px;} .max-1680px{max-width: 1680px;} .max-1650px{max-width: 1650px;} .max-1640px{max-width: 1640px;} .max-1630px{max-width: 1630px;} .max-1600px{max-width: 1600px;} .max-1560px{max-width: 1560px;} .max-1540px{max-width: 1540px;} .max-1480px{max-width: 1480px;} .max-1430px{max-width: 1430px;} /*header*/ .header{/*height: 86px;*/position: fixed;left: 0;top: 0;width: 100%;z-index: 99;} .in-header .header{position: static;} .header .row-nav{display: flex;align-items: center;} .header .header-nav{display: flex;align-items: center;justify-content: space-between;padding-right: 40px;} .header .header-nav .top-logo{width:auto;padding:0;} /* .header .header-top{padding-top: 6px;} */ .header .header-top .toch{margin-left: 30px;} .header .header-top .toch a{background-color: var(--public-color);border-radius: 15px;color: #1f273d;font-size: 13px;line-height: 32px;padding:0px 26px 0px 18px;} .header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: auto;position: relative;} .header-desc{background:#f1f1f1; padding: 8px 0;} .header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;} .header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;} .top-tel{color: #666666;font-size: 16px;display: flex;width: 40%;} .top-tel a{color: #666666;} .top-tel a:hover{color: #2455bf; transition: all 0.3s;} .top-lang{text-transform:uppercase;margin-left: 15px;} .dropdown.lang .dropdown-toggle:after{color: var(--public-color);} .dropdown.lang .dropdown-menu {right: -40px;left: inherit;} .top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;padding:0 3px 0 0;font-weight: bold;color:#fff;font-size: 18px;} .public-social span,.public-social a{border-radius:5px;} .navbar-expand-lg .navbar-collapse{justify-content: flex-end;padding-right: 20px;} .navbar .dropdown.pc:hover>.dropdown-menu{left: -15px;} /*默认pc头部样式*/ .header.fadeInDown{padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;background-color: #061325;animation: fadeInDown .4s;} .header .top-logo img{height: 100px !important;width: auto !important;} .header.fadeInDown .header-top {} /* .header.fadeInDown .header-top {padding:0;z-index:999;width:100%;position:fixed;top: 0;left:0;background-color: #000;} */ .dropdown-toggle::after{margin-left: 0;} .all-font{font-family: 'Archivo';} /*默认导航样式*/ .navbar{padding:0px;position:relative;z-index:9999} .navbar-custom{top:0;z-index:2;justify-content:end} .navbar-custom .navbar-nav .nav-item{margin: 0 17px;} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle{color: var(--public-color-1);} .navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#fff;padding:0;/*width: 165px;*/height:38px;display:flex;align-items: center;justify-content: center;text-transform:capitalize;font-size:18px;line-height:37px;transition: none !important;} .navbar-custom .navbar-nav .nav-link:before {content:"";width:0px;height:3px;margin-left:0!important;background:var(--public-color-1);position:absolute;bottom:-15px;border-radius: 2px;transition: all .6s;} .navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav .active .nav-link:before{width:100%;transition:all .6s} .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:all .6s;color:#fff;content:"\f078";font-family: 'cmsfont';font-size: 16px;padding-left: 5px;} .navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotateX(180deg);color:var(--public-color-1)} .navbar-custom .navbar-nav .nav-link:hover{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)} .in-header .header .navbar-custom .navbar-nav .nav-link,.in-header .header .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{color: #333333;} .in-header .header.fadeInDown .navbar-custom .navbar-nav .nav-link,.in-header .header.fadeInDown .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{color: #fff;} /* @media(max-width:1480px) { .navbar-custom .navbar-nav .nav-item { margin: 0 15px; } } */ @media(max-width:1300px) { .navbar-custom .navbar-nav .nav-item { margin: 0 15px; } } @media(max-width:1200px) { /* .navbar-custom .navbar-nav .nav-link {font-size: 17px;} */ .navbar-custom .navbar-nav .nav-item { margin: 0 12px; } .navbar-custom .navbar-nav .nav-item .dropdown-toggle:hover::after{left: -15px;} } @media(max-width:1120px) { .navbar-custom .navbar-nav .nav-link {font-size: 16px;} .navbar-custom .navbar-nav .nav-item { margin: 0 5px; } } @media(max-width:1050px) { .navbar-custom .navbar-nav .nav-link {font-size: 14px;} .navbar-custom .navbar-nav .nav-item { margin: 0 10px; } } @media(max-width:768px) { body { padding-top: 50px; } } /*移动端头部样式*/ @media(max-width:768px){ body{padding-top:50px;font-size:14px;} .header-mb{background:#000;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #b3190d;z-index:999} .header-mb .container-xl{height:50px} .header-mb .top-logo{width:50%} .header-mb .top-logo img{height:30px;width:auto;} .header-mb .top-mb{display:flex;align-items:center;width:50%;justify-content:flex-end} .header-mb .top-mb .dropdown.lang .dropdown-toggle{background:transparent;padding:0} .header-mb .top-mb .dropdown-menu{min-width:80px;margin-top:8px} .header-mb .top-mb .top-mb-search{padding:.5rem .4rem;margin-left:10px;width:30px;text-align:center} .header-mb .top-mb .top-mb-search i{font-size:16px;color:#fff} .header-mb .top-mb .icon-bars{color:#fff} .header-mb .top-mb .dropdown.lang .dropdown-toggle{color:#fff} .top-mb-search-box{display:none;position:fixed;background:#fff;top:50px;padding:6px 15px 10px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);z-index:998;width:100%} .top-mb-search-box .search-group{width:100%;height:34px} .top-mb-feed i{font-size:16px;color:#fff} .mobile-head-item .main-content-wrap{background:#fff;top:0;display:block;z-index:99999} .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff} .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden} .mobile-head-item .side-content-wrap{position:fixed;display:block;right:-78%;width:78%;height:100%} .mobile-head-item .middle-content-wrap{position:absolute;right:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden} .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1} .head_top .top_left{display:none} .head_nav{width:100%;padding:0 5px} .head_nav li{padding-left:28px;padding-top:4px;padding-bottom:4px} .head_nav li,.head_nav li a{color:#111} .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0} .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px} .head_nav li.has-child>ul{display:none} .head_nav li.siblings-no-menu{position:relative;padding-left:15px} .head_nav li a{display:block;height:auto;line-height:1.4em;position:relative} .head_nav li a:hover{color:inherit} .head_nav li em{display:block;height:1.4em;overflow:hidden} .head_nav li li{font-size:14px} .head_nav li li li{font-size:12px} .head_nav li li a{color:#666} .head_nav li.has-child a b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:-35px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box} .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px} .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .head_nav li.has-child a:hover b{border-color:#111} .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2} .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative} .head_nav li,.head_nav li.has-child{padding-left:0} .head_nav li li,.head_nav li li.has-child{padding-left:15px} .head_nav li.active>a>b:after{display:none} .head_nav li.active>a>b{background-color:#111} .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff} .mobile-ico-close{width:30px;height:30px;background-color:var(--public-color);position:absolute;left:-30px;top:0;cursor:pointer} .mobile-ico-close .icon{color:#fff;font-size:30px;padding:0 0 0 6px} .search-box .form-control{border-radius:20px} .search-box .btn{border:1px solid #ced4da;border-radius:20px} .search-box .btn.focus{border:1px solid rgb(128,189,255)} .search-box .icon{color:#fff} .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none} } /*#endregion*/ /*#region 移动端栏目列表*/ .menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; } .menu-collapse .collapse-title { padding: 0.875rem; background: var(--public-color); color: #fafafa; } .menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; } .menu-collapse .collapse-title .navbar-toggler { color: #fff; } .menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 } .menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; } .menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: var(--public-color) } .menu-collapse .menu-link:hover { background: #f8f9fa; } .menu-collapse .drop { } .menu-collapse .menu-link.active { background: #f6f6f6; color: #666 } /* 浮窗 */ #float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out} #float .ico{display:block;width:45px;height:45px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)} #float .ico>i{font-size:25px;line-height:45px;display:block;color:#fff;position:relative;z-index:9999;background: var(--public-color);border-top:0px solid #fff} #float .ico:first-child>i{border-top:0px solid #fff} #float .ico>.img{position:absolute;right:45px;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:45px;font-size:16px;height:45px;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:45px} #float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out} #float .scale-ico>i:hover{background-color:var(--public-color);transition:none} #float.hide{transform:translateX(45px)} #float.hide .scale-ico{width:calc(45px / 2);transform:translateX(calc(-45px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out} #float.hide .scale-ico i{transform:rotate(180deg);border-top: 1px solid transparent} #float .ico#scroll-top{display:block!important;} @media (min-width:1px) and (max-width:991px){ #float .ico{width:40px;height:40px} #float .ico>i{font-size:22px;line-height:40px} #float .ico>.img{right:40px} #float .ico p{line-height:40px;padding:0 15px;height:40px} #float.hide{transform:translateX(40px)} #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))} } /*默认详情设置*/ .content-wrapper { line-height: 1.7; margin-bottom: 0rem; } .content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; } .content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; } .content-wrapper img { max-width: 100% !important; height: auto !important; } .content-wrapper ol { margin-left: 1em; padding-left: 1em; } .content-wrapper video { max-width: 100% !important; height: auto !important; } .content-wrapper iframe { max-width: 100%; } .content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; } .content-wrapper table p{margin-bottom: 0;} /* .content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dcdcdc; text-align: center; } */ .content-wrapper table p{ margin-bottom: 0;line-height: 32px;} /*#表格*/ /* .table-wrapper table tbody tr:hover{background-color: rgba(230, 61, 51, .1);} */ .table-wrapper table tr:nth-child(even){background-color:rgba(1, 64, 153, .03)} .table-wrapper table tr:nth-child(odd){background-color:#fff} .table-wrapper table tr:first-child{background-color: rgba(1, 64, 153, .1);} .table-wrapper table td:first-child{padding-left: 70px;} .table-wrapper table th, .table-wrapper table td { padding: 20px 0; vertical-align: middle; font-size: 18px;color: #333;text-align: left;} .table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } @media (max-width: 575.98px) { .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media(max-width:768px) { .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 991.98px) { .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1500.98px) { .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } /*#弹出框*/ .reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8)} .reveal-modal{visibility:hidden;top:150px;left:50%;margin-left:-25%;width:50%;position:absolute;z-index:1001;padding:35px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:30px;text-align:center;margin-bottom:25px} .reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer} .reveal-modal .close-reveal-modal:hover{color: var(--public-color);} @media(max-width:768px){ .reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF} .reveal-modal .title{font-size:20px;text-align:center;margin-bottom:10px} } /*#留言表单*/ /* .form-feedback .btn{margin-top: 55px; width: 301px; height: 46px; background-image: linear-gradient(-90deg, #24b66f 0%, #88ca4e 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 3px; transition: all .6s; } .form-feedback .btn:hover{background-image: linear-gradient(-90deg, #88ca4e 0%, #24b66f 100%), linear-gradient(#ffffff, #ffffff); text-decoration: none;} */ .form-feedback .btn { font-size: 18px; line-height: 23px; color: #2f3d5b; font-family: 'Archivo'; width: 188px; height: 48px; border-radius: 8px; background-color: #00f5b3; transition: ease-in-out .4s; } .form-feedback .btn:hover{ background-color: #2f3d5b; color:#00f5b3; } /* .form-feedback .btn{color:#fff;background-image: linear-gradient(-90deg, #24b66f 0%, #88ca4e 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 3px; transition: all .6s;} */ @media(max-width:768px){ .form-feedback .form-control{padding-top:10px;padding-bottom:10px;font-size:16px} .form-feedback .btn{padding-top:10px;padding-bottom:10px} .contact-wrapper .feedback-box .form-control{margin-bottom:0} } .form-feedback .btn-c{background-color:#0b3b8d;height:100%;padding:10px 20px;transition:all .6s} .popup{font-size:16px;position:fixed;left:50%;top:0%;transform:translate(-50%,-50%);z-index:98;background:linear-gradient(-70deg,#ff7633 0%,#ff7633bd 70%);color:#fff;border-radius:10px;padding:15px 25px;display:none;cursor:pointer;box-shadow:0 0 10px -2px #000;opacity:0;transition:.6s all} /*#搜索*/ .search-group{width:180px;height:40px;overflow:hidden;border:1px solid var(--public-color);border-radius:10px;overflow: hidden;} .search-group .form-control{border:none;border-radius:0px;background:transparent;color:rgba(0,0,0,0.5);height:40px;line-height:40px;} .search-group .form-control::-webkit-input-placeholder{color:rgba(0,0,0,0.5)} .search-group .btn{background-color:var(--public-color);border-radius:0px;height:auto;width:40px;display:flex;justify-content:center;align-items:center;padding:6px 15px;margin-bottom:0} .search-group i{color:#333;font-size:1.5rem} .top-search-box li .top-search {border-radius:10px;} .top-search-box{cursor:pointer;z-index: 10;margin-left:20px;border-radius:5px;overflow: hidden;padding-left: 1px;padding-top: 1px;} .top-search-box i{color: #fff;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: 80px;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;} .in-header .top-search-box i{color: var(--public-color-1);} .in-header .header.fadeInDown .top-search-box i{color: #fff;} .all-shu{position: relative;} .all-shu:last-child::after{display: none;} .all-shu::after{content: "";width: 1px;height: 15px;background-color: #ccc;position: absolute;right: 0;top:8px;} .down-list{margin-top: 0px;} /*banner*/ .banner .banner-text{text-align: left;} .index-banner .h1{font-size: 42px;line-height: 56px;margin-bottom: 45px;color: #fff;font-weight: 400;} .index-banner .cont-box{width: 65%;background-color: rgba(67, 91, 130, .4);padding-left:80px;padding-top: 80px;height: 460px;margin-right: -180px;} .index-banner .img{width: 54%;margin-right: -100px;padding-bottom: 30px;z-index: 1;} .index-banner .ul p{font-size: 16px;} .index-banner .ul p strong{font-weight: bold;} .index-banner .ul p::before{color:#fff;} .index-banner .content{align-items: flex-end;} .mySwiper-index .swiper-slide:nth-child(even) .index-banner .content{flex-direction: row-reverse;} .mySwiper-index .swiper-slide:nth-child(even) .index-banner .cont-box{margin-left: -100px;margin-right: 0;} .mySwiper-index .swiper-slide:nth-child(even) .index-banner .img{margin-left: -65px;margin-right: 0;} .all-banner.banner .banner-text{text-align: left;flex-direction: column;justify-content: center;padding-top: 60px;} .all-banner.banner .h1 ,.pro_banner .h1{line-height: 56px;font-size: 42px;font-weight: 400;margin-bottom: 40px;} .all-banner.banner .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .all-banner.banner .text p{margin-bottom: 0;max-width: 100%;} .every-banner .h1{color: #fff;} .pro_banner .swiper-slide {flex-shrink:0;overflow: hidden;} .pro_banner .swiper-slide .slide-inner{position: relative;overflow: hidden;width: 100%;height: 100%;} .pro_banner .swiper-slide .slide-inner .cont-box{ position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); width: 28.875vw; left: 9.1875vw; } .pro_banner .swiper-slide .slide-inner .img{width: 100%;height: 100%;} .pro_banner .swiper-slide .slide-inner .text{font-size: 20px;font-weight: 600;margin-bottom: 10px;} .pro_banner .swiper-slide .slide-inner .model{font-size: 16px;} .pro_banner .pro-pag{left: 0;bottom:30px} .footer{padding-top: 100px;background-color: #061325;} .footer .footer-top{padding-bottom: 25px;} .footer .list-1 .box-1 {display: flex;align-items: center;justify-content: space-between;margin-bottom: 50px;} .footer .list-1 .logo{width: 30%;} .footer .list-1 .box-1 .d + .d{border-left: 1px solid #cccccc;} .footer .list-1 .h3{font-size: 20px;line-height:28px;font-family: 'DINOT-Medium';width: 69%;display: flex;justify-content: flex-end;} .footer .list-1 .h3 p{width: 85%;} .footer .list-1 .text{font-size: 16px;line-height: 24px;color: #999;} .footer .list-1 {width:35%;} .footer .list-1 .d1:last-child span{display: block;margin-bottom: 0;} .footer .list-2{width: 21%;} .footer .list-3{width: 29%;} .footer .list-3 .logo{margin-bottom: 80px;display: block;} .footer .list-3 .email .icon{padding-right: 20px;} .footer .list-3 .email:hover{background-color: #fff;} .footer .list-3 .email{font-size: 24px;font-weight: 500;color: #fff;background-color: var(--public-color);display: inline-block;padding: 12px 20px;border-radius: 4px;margin-bottom: 47px;} .footer .list-2 a::before{content: "⇒";color: #fff;display: inline-block;padding-right: 17px;} .footer .t1{font-size: 20px;line-height: 32px;color:#fff;font-weight: bold;margin-bottom: 35px;} .footer .font-sty{font-size: 15px;line-height: 42px;color: #fff;margin-bottom: 10px;} .footer .font-sty:last-child{margin-bottom: 0;} .footer .list-2 .box,.footer .list-3 .box{display: inline-flex;flex-direction: column;} .footer-bottom {border-top: 1px solid rgba(255, 255, 255, .1);padding-top: 25px;padding-bottom: 25px;} .footer-bottom p{font-size: 14px;line-height: 25px;color: #fff;} .social>span,.social>a,.social>span.share-twitter,.social>span.share-nstagram{background-color: transparent !important;padding: 0 !important;color: #fff !important;} .social>span.share-twitter::before,.social>a.social-youtube::before,.social>a.social-nstagram::before{font-size: 26px;} .social>span,.social>a.social-pinterest {width: 24px;height: 25px;background-color: #fff !important;color: #061325 !important;border-radius: 2px !important;display: flex;justify-content: center;align-items: center;} .footer-top .social>div{margin-left: 18px;font-size: 26px;width: 24px;height: 25px;} .footer-top .social>div:first-child{margin-left: 0;} .social>a{font-size: 28px;} .social>span.share-twitter{font-size: 25px !important;} .social .hover-2:hover{color:#fff !important;background-color: transparent !important;} .social .hover-1:hover{background-color: #fff !important;} .social {justify-content: space-between;display: flex;width: 65%;} .small-nav{display: flex;align-items: center;padding-bottom: 45px;padding-left: 15px;margin-bottom: 0px ;position: absolute;bottom: 0;width: 100%;} .small-nav ul::before{content: url(../../images/sign-3.png);margin-right: 20px;} .small-nav ul{display: flex;align-items:flex-start;flex-wrap: wrap;} .small-nav ul a{font-size: 18px;line-height: 32px;color:#e6e6e6;font-weight: 500;text-transform: capitalize;} .small-nav ul li::after{content: "→";font-family: 'Urbanist-Bold';font-weight: bold;padding:0 15px;font-size: 18px;line-height: 32px;color: #e6e6e6;} .small-nav ul li:last-child::after{display: none;} .small-nav ul li:last-child a{color: #aaaaaa;} .small-nav ul li{display: flex;} .in-banner .small-nav ul a{color: #666666;} .in-banner .small-nav ul li::after{color: #666666;} .in-banner .small-nav ul li:last-child a{color: #999;} .in-banner .small-nav ul::before{content:url(../../images/sign-4.png);} .in-banner .small-nav{position: static;padding-top: 20px;padding-bottom: 25px;padding-left: 15px;} .in-banner{border-top: 1px solid rgba(1, 64, 153, .2);} /*共有的类名*/ .title,.h1{font-size:42px;line-height:56px;color: #333333;font-weight: 400;} .title span{color: var(--public-color);} .text span{color: var(--public-color);} .text p{margin-bottom: 25px;} .text p:last-child{margin-bottom: 0;} .dfrsb{display: flex;justify-content: space-between;} .dfrsbc{display: flex;justify-content: space-between;align-items: center;} .dfcsb{display: flex;flex-direction: column;justify-content: space-between;align-items: center;} .dfcsbc{display: flex;flex-direction: column;justify-content: space-between;} .dfrcc{display:flex;justify-content: center;align-items: center;} .ul p{position: relative;padding-left: 35px;margin-bottom: 0px;} .ul p::before{content: "\f00c";font-family: 'cmsfont';line-height: 32px;position: absolute;left: 0;top: 0px;color: var(--public-color);} .top-head.t-h-c{text-align: center;margin-left: auto;margin-bottom: auto;} .h6{font-size: 24px;line-height: 72px;font-weight: 900;} .img img.block{display: block;animation: bounceIn 1s;} .img img.red{display: none;animation: bounceIn 1s;} .row-line::after{content: url(../../images/row-1.png);display: block;} .row-line-1::after{content: url(../../images/row-2.png);display: block;} .row-line-2::after{content: url(../../images/every-sign-1.png);display: block;} .row-line.r-l-c::after,.row-line-2.r-l-c::after{margin-left: auto;margin-right: auto;} .col-line::before{content: "";width: 2px;height: 19px;background-color: var(--public-color);position: absolute;left: 0;top: 7px;} .all-a{display: inline-block;height: 46px;width:200px;position: relative;line-height: 0;padding-right: 6px;transition: none;} .all-a::after{content: "";background: url(../../images/btn-1.png) no-repeat;background-size: 100% 100%;width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation: fadeIn .6s ease-in-out;} .all-a .more-8{font-size: 14px;line-height: 20px;color: var(--public-color-1);background-color: #fff;display: inline-flex;justify-content: center;align-items: center;width: 100%;height: 100%;transition: all .4s ease-in-out;} .all-a:hover .more-8{background-color: var(--public-color-1);color: #fff;} .all-a:hover::after{background-image: none;} .col-line{position: relative;padding-left: 14px;} .more-7 { font-size: 14px; line-height: 20px; background-color: var(--public-color-1); color: #fff; border: 4px solid var(--public-color-1); height: 46px; width: 230px; display: flex; justify-content: center; align-items: center; } .more-7:hover{color: var(--public-color-1) !important;background-color: #fff} .index-banner .swiper-pagination,.mySwiper-index .swiper-pagination{bottom: 50px !important;left: 0;z-index: 2;} .mySwiper-index .all-pag{bottom: 50px !important;} .all-pag{left: 0 !important;bottom: 0 !important;} .all-pag .swiper-pagination-bullet ,.index-banner .swiper-pagination-bullet{ background-color: #fff; opacity: 1; width: 29px; height: 9px; border-radius: 0; transform: skewX(-30deg); margin: 2px !important; } .all-pag .swiper-pagination-bullet-active,.index-banner .swiper-pagination-bullet-active { background-color: var(--public-color); } .index-paper{margin-top: 125px;margin-bottom: 158px;} .index-machine .text{text-align: center;width: 85%;margin-left: auto;margin-right: auto;margin-bottom: 90px;} .index-machine .list{width: calc(calc(100% - 70px * 2) / 3);background-color: #ffffff;box-shadow: 0px 20px 60px 0px rgba(68, 68, 68, 0.1);transition: all .6s ease-in-out;} .index-machine .list:hover{box-shadow:0px 13px 60px 4px rgba(68, 68, 68, 0.2)} .index-machine .h4{font-weight: bold;color: #000;margin-bottom: 20px;} .index-machine p{color: #888; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; width: 90%; } .index-machine .cont{padding: 45px 18px 60px 18px;} .index-machine {margin-bottom: 140px;} .index-about {background: url(../../images/index-4.jpg) no-repeat;background-size: cover;text-align: center;padding-bottom: 160px;padding-top: 110px;} .index-about .title{font-size: 48px;color: #fff;margin-bottom: 40px;} .index-about .img{margin-bottom: 55px;} .index-about .h6{color: #fff;} .index-about .text{color: #fff;margin-bottom: 60px;} .index-about .text p{margin-bottom: 0;} .index-about .a .about{font-size: 20px;color: #fff !important;} .index-about .a .about:hover{text-decoration: underline;} .index-about .a {margin-bottom: 50px;} .index-about .list{display: flex;align-items: flex-end;} .index-about .h3{font-size: 36px;line-height: 32px;color: #fff;font-weight: 500;display: flex;} .index-about .img-1{padding-right: 20px;} .index-about .list p{font-weight: 300;line-height: 20px;color: #fff;padding-left: 10px;} .index-about .small-box{width: 80%;margin-left: auto;margin-right: auto;} .index-pro{margin-top: 60px;overflow: hidden;} .index-pro .top-head{text-align: center;margin-bottom: 120px;} .index-pro .h6{color: var(--public-color-1);margin-bottom: 0;} .index-pro .img{margin-bottom: 35px;} .index-pro .top-head .text{width: 60%;margin-left: auto;margin-right: auto;margin-top: 35px;} .index-pro .t1{margin-bottom: 45px;} .index-pro .ul span{color: var(--public-color-2);} .index-pro .ul p{margin-bottom: 10px;} .index-pro .ul p:last-child{margin-bottom: 0;} .index-pro .ul p::before{font-weight: 700;color: var(--public-color-2);} .index-pro .ul{margin-bottom: 55px;} .index-pro .left{width: 45%;} .index-pro .right{width: 66%;margin-right: -175px;} .index-pro .content{margin-bottom: 65px;} /* .img-1{height: 100px;margin-bottom: 20px;} */ .index-pro-box .img-1{height: 100px;margin-bottom: 20px;} .index-pro-box .list { background-color: #ffffff; /* border-radius: 160px; */ border: solid 6px rgba(1, 64, 153, .1); width: calc(calc(100% - 35px * 4) / 4); aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; overflow: hidden; } .index-pro-box .list-1 .t3{height: 60px;display: flex;align-items: flex-end;margin-bottom: 20px;width: 100%;margin-left: auto;margin-right: auto;} .index-pro-box .list:last-child .list-1 .t3{width: 99%;} .index-pro-box .t3{font-size: 20px;color: var(--public-color-1);font-weight: bold;margin-bottom: 10px;} .index-pro-box .sign{opacity: .2;position: relative;width: 100%;height: 9px;} .index-pro-box .sign img{position: absolute;bottom: 0;left: 50%;margin-left: -4.5px;transition: left .3s ease-in-out;} .index-pro-box .list:hover .sign{opacity: 1;width: 100%;} .index-pro-box .list:hover .sign img{left: 200%;} .index-pro-box .list.active{overflow: visible;position: relative;} .index-pro-box .list.active .list-1{display: none;} .index-pro-box .list.active .list-2{display: flex;animation: fadeIn .6s ease-in-out;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);transform: scale(1.3);position: relative;width: 100%;height: 100%;} .index-pro-box .list.active .list-2 .box{width: 140%;height: 100%;transform: scale(.9);position: absolute;} .index-pro-box .list-2{display: none;justify-content: center;align-items: center;position: relative;} /* .index-pro-box .list-2{position: absolute;background-color: #1e5eb8;border-radius: 100%;width: 460px;aspect-ratio: 1;display: none;justify-content: center;align-items: center;animation: fadeIn .6s ease-in-out;} */ .index-pro-box .list-2 .t3{color: var(--public-color);font-size: 20px;margin-bottom: 20px;} .index-pro-box .list-2 .t3:hover{color: var(--public-color) !important;text-decoration: underline;} .index-pro-box .list-2 .box{display: flex;flex-direction: column;justify-content: center;} .index-pro-box .list-2 p{color: var(--public-color);margin-bottom: 2px;} .index-pro-box .list-2 p strong{border-bottom: 1px solid;font-weight: 400;} /* .index-pro-box .list-2 .img-2{max-height: 170px;} */ /* .index-pro-box .list-2 .img-2 img{height:100%;max-height: 160px;width: auto;max-width: none;} */ .index-pro-box .list-2 .img-2 img{height: 9vw;max-width: none;width: auto;} .index-pro-box .specil{display: inline-flex;flex-direction: column;margin-bottom: 0px;} .index-pro-box {margin-bottom: 240px;} .mySwiper-inform{margin-bottom: 30px;} .mySwiper-inform .swiper-wrapper{flex-direction: row-reverse;justify-content: flex-end} /* .mySwiper-inform .swiper-slide{margin-left: 40px;} */ .mySwiper-inform .swiper-slide:last-child{margin-left: 0;} .mySwiper-inform .swiper-slide{opacity:1;padding-left:25%;position:relative;} .mySwiper-inform::before{content:'';height: 100%;width: 20%;display: inline-block;position:absolute;top:0;left:0;background-color:#fff;z-index: 10;opacity:.8;} /* .mySwiper-inform .swiper-slide-active{opacity: 1;} .mySwiper-inform .swiper-slide-next{opacity: 1;} .mySwiper-inform .swiper-slide-prev{opacity: 1;} */ @media(max-width:1650px){ .index-pro-box .list.active .list-2 .box{transform: scale(.75);} } @media(max-width:1420px){ .index-pro-box .specil{font-size: 16px;line-height: 28px;} } @media(max-width:1340px){ .index-pro-box .list.active .list-2 .box{transform: scale(.69);} } @media(max-width:1200px){ .index-pro-box .list-2 .t3 {font-size: 18px;margin-bottom: 15px;} .index-pro-box .specil{font-size: 14px;line-height: 26px;} } @media(max-width:1100px){ .index-pro-box .list.active .list-2 .box{transform: scale(.8);} .index-pro-box{flex-wrap: wrap;justify-content: center;gap: 30px 50px;width: 80%;margin: 0 auto 240px;} .index-pro-box .list{width: calc(calc(100% - 50px) / 2);} .index-pro-box .list-2 .img-2 img {height: 13vw;} } @media(max-width:910px){ .index-pro-box .list.active .list-2 .box{transform: scale(.75);} } @media(max-width:840px){ .index-pro-box .list.active .list-2 .box{transform: scale(.70);} } @media(max-width:768px){ .index-pro-box .list.active .list-2{transform: scale(1);} .index-pro-box .list.active .list-2 .box{transform: scale(1);width: 100%;height: auto;} .index-pro-box .list-2 .img-2 img{height: 100%;width: auto;} } .index-inform .left{width: 56%;} .index-inform .right{width: 39%;padding-top: 50px;} .index-inform .title{letter-spacing: -1px;margin-bottom: 30px;} .index-inform .h6{color: var(--public-color-1);line-height: 52px;} .index-inform .text{margin-bottom: 55px;} .index-inform{margin-bottom: 65px;} .all-btn{display: flex;justify-content: flex-end;} .all-btn .all-hover{border: solid 3px rgba(1, 64, 153, .15);position: static;width: 78px;height: 78px;margin-top: 0;line-height: auto;transition: all .6s ease-in-out;} .all-btn .all-hover:hover{background-color: var(--public-color-1);border-color: var(--public-color-1);} .all-btn .all-hover:hover::after{color: #fff;} .all-btn .all-hover:first-child{margin-right: 9px;} .all-btn .all-hover:first-child::after{content: "\f053";} .all-btn .all-hover:last-child::after{content: "\f054";} .all-btn .all-hover::after{font-family: 'cmsfont';font-size: 25px;color: var(--public-color-1);} .index-service{background-color: rgba(1, 64, 153, .05);margin-bottom: 155px;} .index-service .h6{color: var(--public-color-1);line-height: 52px;} .index-service .title{margin-bottom: 30px;} .index-service .title {display: block;} .index-service .left{width: 52%;} .index-service .right{width: 38%;} .index-service .text span{display: block;} .index-service .text{margin-bottom: 55px;} .index-news .title{margin-bottom: 100px;} .all-news .time{font-size: 15px;color: #999;} .all-news .t1{font-weight: bold;color: #000000;margin-bottom: 50px;} .all-news .all-a{display: block;} .all-news .cont{padding: 50px 20px 60px 40px;} .all-news .list{ background-color: #ffffff; box-shadow: 0px 20px 60px 0px rgba(68, 68, 68, 0.1); height: 100%; } .index-news .img-2 img{padding-right: 20px;} .index-news .img-2{font-weight: bold;color: var(--public-color-1);} .index-news .all-btn .all-hover{width: 67px;height:40px;background-color: var(--public-color-1);border: solid 3px rgba(1, 64, 153, .15);padding-right: 0;} .index-news .all-btn .all-hover:first-child{margin-right: 0;} .index-news .all-btn .all-hover::after{color: #fff;font-size: 22px;} .index-news .all-btn .all-hover:hover{border-color: var(--public-color-1);background-color: #fff;} .index-news .all-btn .all-hover:hover::after{color: var(--public-color-1);} .index-news .all-btn{position: relative;display: inline-flex;} .index-news .all-btn::after{content: "";width: 2px;height: 25px;background-color: #fff;position: absolute;left: 50%;margin-left: -1px;margin-top: -12.5px;top: 50%;z-index: 10;} .index-news .dfrsb{margin-top: -20px;} .mySwiper-news{padding-left: 40px;padding-bottom: 60px;} .mySwiper-news .swiper-slide{height: auto;} .pro-index-paper{margin-top: 145px;margin-bottom: 230px;} .pro-content .img-1{text-align: center;margin-bottom: 20px;} .pro-content .title{text-align: center;margin-bottom: 105px;} .pro-content .img{background-color:#f7f7f7;} .pro-content .img img{mix-blend-mode: darken;} .pro-content .t1{font-size: 26px;color: #333;margin-bottom: 20px;} .pro-content .cont{padding-top: 60px;} .pro-content .text{color: #888;} .pro-content .col-md-6{margin-bottom: 70px;padding-left: 40px;padding-right: 40px;padding-bottom: 40px;} .pro-content .col-md-6:hover{box-shadow: rgba(68, 68, 68, 0.1) 0px 20px 60px 0px;transition: 0.6s ease-in-out;} .pro-content .row{margin-left: -40px;margin-right: -40px;} .pro-app .title{text-align: center;margin-bottom: 100px;} .pro-app{padding-left: 45px;padding-right: 45px;} .pro-app .list{width: calc(calc(100% - 50px * 3) / 4);} .pro-app .t2{font-size: 20px;color: #333;font-weight: bold;margin-top: 25px;} .pro-list-paper{margin-bottom: 310px;} .p-l-first .left{width: 49%;} .p-l-first .right{width: 44%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: -50px;} .p-l-first .text{color: #888;margin-bottom: 50px;} .p-l-first .h1{margin-bottom: 40px;} .p-l-first .list{width: 47%;margin-bottom: 50px;} .p-l-first .h5{color: var(--public-color-1);font-weight: bold;margin-bottom: 10px;} .p-l-first .list p{color: #888888;font-size: 16px;line-height: 24px;width: 80%;} .p-l-first .img-1{margin-bottom: 10px;} .p-l-first .img-1::after{content: url(../../images/sign-5.jpg);display: block;} .p-l-first .content{align-items: flex-end;} .p-l-first {margin-bottom: 105px;} .p-l-content{background-color: #f6f9fc;padding-top: 120px;padding-bottom: 110px;} .sheet{display: inline-flex;align-items: center;margin-left: auto;margin-right: auto;background-color: #ffffff;border-radius: 31px;} .sheet .h4{color: #fff;width: 185px;height: 63px;background-color: var(--public-color-1);border-radius: 31px;display: flex;justify-content: center;align-items: center;margin-right: 50px;} .sheet .h4:hover{color: #fff !important;} .sheet a{margin-right: 50px;} .sheet-size{display: flex;margin-bottom: 85px;} .p-l-content .list{background-color: #ffffff;padding: 20px 40px 60px 40px;height: 100%;} .p-l-content .add { overflow: hidden; border-radius: 20px; cursor:pointer; position: relative;; color: #fff; padding:5px 20px; background:var(--public-color-1); display: inline-block; } .p-l-content .add span{display: inline-block;overflow: hidden;transition: all .4s ease-in-out;position: absolute;left: -100%;opacity: 0;font-size: 16px;font-weight: 400;} .p-l-content .add .icon{font-size: 12px;font-weight: bold;} .p-l-content .add:hover span{left: 0px;opacity: 1;position: relative;padding-left: 20px;} .p-l-content .col-md-4{margin-bottom: 30px;} .p-l-content .img{margin-left: 10px;overflow: visible;} .p-l-content .img img{mix-blend-mode: multiply;} .p-l-content .model{font-weight: bold;color: #999;margin-bottom: 20px;} .p-l-content .box{padding-top: 25px;} .p-l-content .t1{color: var(--public-color-1);font-weight: 500;margin-bottom: 35px;} .p-l-content .t1:hover::after{opacity: 1;animation: bounceIn .4s;} .p-l-content .t1::after{content:"⇒";display: inline-block;padding-left: 15px;opacity: 0;} .p-l-content .speed em{font-style: normal;color: #999999;font-weight: bold;} .p-l-content .speed strong{color: #333;font-weight: bold;} .p-l-content .speed{font-size: 16px;} .p-l-content .speed p{display: flex;justify-content: space-between;border-top: 1px solid rgba(0, 0, 0, .1);padding: 15px 0;} .p-l-extreme{padding-top: 140px;margin-bottom: 90px;position: relative;} .p-l-extreme .img-1{margin-bottom: 20px;} .p-l-extreme .title{margin-bottom: 110px;} .p-l-extreme .left{width: 50%;display: flex;flex-wrap: wrap;gap: 40px;} .p-l-extreme .right{width: 45%;} .p-l-extreme .img{width: calc(calc(100% - 40px) / 2);} .p-l-extreme .h4{color: var(--public-color-1);} .p-l-extreme .h4::before{content: "■";margin-right: 15px;} .p-l-extreme .list{border-bottom: 2px solid rgba(199, 199, 199,.4);padding-bottom: 30px;padding-top: 30px;} .p-l-extreme .list:first-child{border-top: 2px solid rgba(199, 199, 199,.4)} .p-l-extreme .content{align-items: flex-end;} .p-l-extreme::before{content: "";width: 180px;height: 180px;background-color: var(--public-color-2);position: absolute;right: 80px;top: 100px;} .p-l-sup .top-head{text-align: center;width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 85px;} .p-l-sup .img-1{margin-bottom: 20px;} .p-l-sup .box-2{border-top:4px solid rgba(1, 64, 153, .03);padding:55px 0;margin:0 40px;height: 100%;} .p-l-sup .box-1:nth-child(1n + 4) .box-2{border-bottom:4px solid rgba(1, 64, 153, .03);} .p-l-sup .content{flex-wrap: wrap;} .p-l-sup .content .box-1{width:calc(100% / 3);position: relative;} .p-l-sup .box-1::after{content: "";width: 4px;height:80%;background-color: rgba(1, 64, 153, .03);border-radius: 2px;display: block;position: absolute;right:-2px;top:10%;} .p-l-sup .box-1:nth-child(3n + 3)::after{display:none} .p-l-sup .num{font-size: 24px;color: #000036;font-weight: 500;} .p-l-sup .num::after{content: "";width: 24px;height: 5px;background-color: var(--public-color-1);display: block;margin-left: 2px;} .p-l-sup .t3{color: #000000;font-weight: bold;margin-bottom: 10px;} .p-l-sup .box-2>div:first-child{display: flex;justify-content: space-between;align-items: center;margin-bottom: 55px;} .p-l-sup .box-2 .text{color: #888;} .p-l-sup {margin-bottom: 60px;} .p-l-app{position: relative;} .p-l-app .all-a{width: 270px;} .p-l-app::after{content: "";background:url(../../images/p-l-16.jpg) no-repeat;width: -webkit-fill-available;height: 540px;background-size: contain;display: block;position: absolute;left: 0;bottom: -175px;z-index: -1;} .p-l-app .img-1{margin-bottom: 20px;} .p-l-app .h6{color: var(--public-color-1);margin-bottom: 0;line-height: 48px;} .p-l-app .left{width: 43%;padding-top: 80px;} .p-l-app .right{width: 46%;} .p-l-app .text{color: #888;margin-bottom: 55px;} .p-l-app .title{margin-bottom: 40px;} .p-l-app .a{display: flex;justify-content: flex-end;} .p-l-faq {padding-top: 100px;margin-bottom: 156px;} .p-l-faq .top-head{text-align: center;margin-bottom: 80px;} .p-l-faq .img-1{margin-bottom: 20px;} .all-faq .content{border-top: 2px solid rgba(1, 64, 153, .05);} .all-faq .items{position: relative;padding:40px 40px 40px 80px;border-bottom: 2px solid rgba(1, 64, 153, .05);cursor: pointer;} .all-faq .quen-q{color: #000;font-weight: 500;} .all-faq .quen-a{color: #888888;} .all-faq .quen-a p{margin-bottom: 30px;} .all-faq .quen-a p:last-child{margin-bottom: 0;} .all-faq .num{background-color: #014099;border-radius: 2px;width:40px;height: 40px;position: absolute;left: 0;top: 40px;display: flex;justify-content: center;align-items: center;color: #fff;font-weight: bold;} .all-faq .box{padding-top: 5px;} .all-faq .circle{width: 30px;height: 30px;font-size: 12px;color: var(--public-color-1);font-weight: bold;border-radius: 100%;border: 3px solid var(--public-color-1);display: flex;justify-content: center;align-items: center;position: absolute;right: 0;top: 40px;} .all-faq .items.active .plus{display: none;} .all-faq .items.active .minus{display: block;} .all-faq .items .plus{display: block;} .all-faq .items .minus{display: none;} .all-faq .items.active .quen-a{margin-bottom: 30px;margin-top: 20px;} .p-l-cont .left{width: 48%;} .p-l-cont .right{background-color: var(--public-color-1);width: 52%;display: flex;flex-direction: column;justify-content: center;padding-left: 60px;padding-right: 60px;} .p-l-cont .h3{font-size: 36px;color: #fff;font-weight: 500;margin-bottom: 50px;} .p-l-cont .d{display: flex;color: #fff;margin-bottom: 15px;} .p-l-cont .d:last-child{margin-bottom: 0;} .p-l-cont .d span{font-size: 20px;font-weight: bold;display: inline-block;width: 27%;} .p-l-cont .d a{font-size: 18px;color: #fff;} .p-l-cont .d a + a{padding-left: 15px;} .p-l-cont .d a:hover{color: #fff !important;text-decoration: underline;} .p-l-cont .cont{margin-bottom: 80px;} .p-l-cont p{font-size: 14px;color: #fff;border-bottom: 1px solid rgba(255,255,255,1);padding-bottom: 20px;cursor: pointer;} .p-l-cont p img{padding-left: 15px;transition: padding-left .3s ease-in-out;} .p-l-cont p:hover img{padding-left: 75px;} .pro-in-paper.pro-in-paper-ppae .p-i-first .model {font-size: 4vw;top: -25px;} .pro-in-paper{margin-bottom: 250px;} .p-i-first{ background-image: linear-gradient(0deg, #f6f6f6 0%, #cececd 100%), linear-gradient(#014099, #014099); padding:60px 0; } .p-i-first .left{background-color: #fff;width: 42%;padding: 90px 50px 80px 45px;display: flex;flex-direction: column;justify-content: center;} .p-i-first .right{width:60%;margin-right:-95px;padding-bottom: 28px;position: relative;} .p-i-first .img{position: relative;} .p-i-first .img img{mix-blend-mode: darken;} .p-i-first .h1{font-size: 32px;line-height: 42px;font-weight: 500;color: #333;letter-spacing: -1px;margin-bottom: 35px;} .p-i-first .h1 span{color: var(--public-color-1);} .p-i-first em{font-style: normal;color: #888;display: inline-block;width: 60%;} .p-i-first strong{color: #333;font-weight: 400;display: inline-block;width: 38%;} .p-i-first .speed-size p{display: flex;justify-content: space-between;border-bottom: 1px solid rgba(0, 0, 0, .05);padding: 12px 0;} .p-i-first .speed-size{border-top: 1px solid rgba(0, 0, 0, .05);margin-bottom: 65px;} .p-i-first .a{display: flex;justify-content: space-between;} .p-i-first .a .more-7:first-child{margin-right: 2%;} .p-i-first .a .more-7{width: 48%} .p-i-first .a img{padding-left: 18px;} .p-i-first .a img.blue{display: none;} .p-i-first .a img.blue{display: none;} .p-i-first .a .more-7:hover img.blue{display: inline-block;} .p-i-first .a .more-7:hover img.white{display: none;} .p-i-first .content{align-items: flex-end;} .p-i-first .model{font-size: 11vw;text-align: center;color: #f6f6f6;font-weight: bold;opacity: .4;position: static;left: 0;top: 50px;} .detail-nav { padding-top: 50px; padding-bottom: 30px; border-bottom: 1px solid rgba(1, 64, 153, .1); } .detail-nav.fadeInDown{ max-width: 1920px; background-color: #fff;z-index: 99;position: fixed; left: 0;right: 0; top: 100px; height: 52px; width: 100%; padding-top: 0; padding-bottom: 0; } .detail-nav-xl{display: flex;height: 100%;width: 100%;} .detail-nav-xl{ max-width:1400px; margin:0 auto; } .detail-nav.fadeInDown li:not(.detail-nav li:last-child)::after{height: 100%;top: 0;} .detail-nav li{ position: relative; height: 100%; display: flex; align-items: center; justify-content: center; margin-right: 40px; } .detail-nav li:last-child{margin-right: 0;} .detail-nav li a{ font-size: 18px; line-height: 52px; color:#333333; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: relative;z-index: 99; overflow: hidden; } .detail-nav li:hover a,.detail-nav li.active a{color: var(--public-color-1);} .p-i-content{margin-top: 140px;} .p-i-content .text{color:#888; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; } .p-i-content .h5{font-size: 24px;color: #333;margin-bottom: 70px;} .p-i-content .h5::before{content: "";width: 11px;height: 18px;background-color: var(--public-color-1);display: inline-block;margin-right: 30px;} .INTRODUCTION .left{width: 45%;} .INTRODUCTION .right{width: 50%;border-radius: 10px;overflow: hidden;} .INTRODUCTION .text{text-align: justify;} .INTRODUCTION{margin-bottom: 140px;} .FEATURES .p-l-sup .content .box-1{width: calc(100% / 4);} .FEATURES .p-l-sup .box-1::after{ content: ""; width: 4px; height: 98%; background-color: rgba(1, 64, 153, .03); border-radius: 2px; display: block; position: absolute; right: -2px; top: 00%; } .FEATURES .p-l-sup .box-1:last-child::after{display: none;} .FEATURES .p-l-sup .box-2{border-bottom: 4px solid rgba(1, 64, 153, .03);padding-top: 30px;margin:0 35px;height: 100%;} .FEATURES .p-l-sup .box-1:first-child .box-2{margin-left: 0;} .FEATURES .p-l-sup .box-1:last-child .box-2{margin-right: 0;} .FEATURES .p-l-sup{margin-bottom: 0;} .FEATURES{margin-bottom: 100px;} .APPLICATIONS .list{width: calc(calc(100% - 27px * 3) / 4);} .APPLICATIONS .img img,.APPLICATIONS .img{border-radius: 6px;} .APPLICATIONS .t3{font-size: 16px;color: #333;font-weight: bold;margin-top: 25px;} .APPLICATIONS{margin-bottom: 100px;} .PARAMETERS {background-color: #f6f9fc;padding-top: 70px;padding-bottom: 85px;} .PARAMETERS .para-name{display: flex;background-color: rgba(1, 64, 153, .1);} .PARAMETERS .para-name p{color: #333;font-weight: bold;height: 70px;/*padding: 0 40px;*/;flex: 1;padding: 0 10px;text-align: center;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;} .PARAMETERS .para-name p::after{content: '';width: 100%;height: 4px;background-color: var(--public-color-1);position: absolute;top: 0;left: 0;opacity: 0;transition: all .6s ease-in-out;} .PARAMETERS .para-name p:hover::after,.PARAMETERS .para-name p.active::after{opacity: 1;} .PARAMETERS .para-name p:hover,.PARAMETERS .para-name p.active{background-color: #fff;} .PARAMETERS .items-xl{display: flex;justify-content: space-between;display: none;animation: fadeInDown .6s;} .PARAMETERS .items{opacity: 0;transition: all .4s ease-in-out;} .PARAMETERS .active.items{opacity: 1;} .PARAMETERS .active.items .items-xl{display: flex;} .PARAMETERS .content{background-color: #fff;padding: 80px 65px 65px 70px;overflow: hidden;} .PARAMETERS .left{width: 50%;font-size: 16px;line-height: 28px;color:#666;} .PARAMETERS .right{width:47%;} .PARAMETERS-TABLE{margin-top: 95px;margin-bottom: 100px;} .PRODUCTS .list .model{color: var(--public-color-1);font-weight: bold;margin-bottom: 15px;} .PRODUCTS .list .t2{font-size: 24px;color: #333;} .PRODUCTS .list .img{background-color: #f4f4f4;padding: 50px 50px 20px 50px;} .PRODUCTS .list .img img{mix-blend-mode: darken;} .PRODUCTS .list{width: calc(calc(100% - 10px * 2) / 3);} .PRODUCTS .col-md-4 .list{width: 100%;} .PRODUCTS .col-md-4{padding: 0 10px;} .PRODUCTS .row{margin: 0 -10px;} .PRODUCTS .cont{padding-top: 35px;} .PRODUCTS{margin-bottom: 150px;} .NEWS .t1{margin-bottom: 38px;} /* .NEWS .list{width: calc(calc(100% - 70px * 2) / 3);} */ .NEWS .list .text{margin-bottom: 50px;} .NEWS .col-md-4{padding-left: 35px;padding-right: 35px;} .NEWS .row{margin-left: -35px;margin-right: -35px;} .about-paper{margin-top: 210px;margin-bottom: 190px;} .about-first{position: relative;display: flex;align-items: center;margin-bottom: 215px;} .about-first::after{content: "";width: 56%;height: 125%;background-color: #f6f9fc;position: absolute;right: 0;z-index: -1;} .about-first .img-1{margin-bottom: 20px;} .about-first .left{width: 61%;} .about-first .right{width: 32%;} .about-first .h6{color: var(--public-color-1);line-height: 52px;} .about-first .title{margin-bottom: 60px;} .about-first .text{color: #777;text-align: justify;} .about-first .content{align-items: flex-end;} .about-first .list p{color: #aaaaaa;margin-bottom: 5px;} .about-first .list .num{font-size: 48px;color: var(--public-color-1);font-weight: bold;} .about-first .list{display: flex;justify-content: space-between;padding: 30px 0;} .about-first .list:first-child{padding-top: 0;} .about-first .list .img{width: 100px;height: 100px;border-radius: 100%;background-color: #ffffff;border: solid 1px rgba(1, 64, 153, 0.2);display: flex;align-items: center;justify-content: center;} .about-first .list{border-bottom: 1px solid rgba(221, 221, 221, .4);} .about-video{position: relative;display: flex;justify-content: center;align-items: center;border-radius: 20px;overflow: hidden;margin-bottom: 190px;} .about-video .small-img{position: absolute;cursor: pointer;transition: all .4s ease-in-out;} .about-video .small-img img{border-radius: 5px;} .about-video .small-img:hover{transform: scale(1.1);} .about-cer .left{width: 51%;margin-left: -50px;} .about-cer .right{width: 50%;} .about-cer .right .all-a{width:245px ;} .about-cer .img-1{margin-bottom: 25px;} .about-cer .title{margin-bottom: 45px;} .about-cer .text{color: #888;margin-bottom: 45px;} .about-cer{margin-bottom: 105px;} .about-sust .left{width: 44%;} .about-sust .right{width: 51%;} .about-sust .all-a{width: 220px;} .about-sust .h6{color: var(--public-color-1);line-height: 52px;} .about-sust .title span{display: block;} .about-sust .title{margin-bottom: 45px;} .about-sust .text{margin-bottom: 50px;color: #888;text-align: justify;} .about-ser{background-image: linear-gradient(0deg, #fff 0%, #f6f9fc 100%), linear-gradient(#fff, #fff);padding-top: 125px;position: relative;margin-bottom: 140px;} .about-ser::after{content: "";background:url(../../images/about-9.jpg) no-repeat;width: -webkit-fill-available;height: 545px;position: absolute;left: 0;bottom: -250px;z-index: 0;mix-blend-mode: multiply;} .about-ser .img-1{margin-bottom: 20px;} .about-ser .title{margin-bottom: 40px;} .about-ser .text{color: #888;} .about-ser .text p{margin-bottom: 0;} .about-ser .top-head{margin-bottom: 100px;} .about-ser .container-xl{position: relative;z-index: 1;} .about-ser .img{margin-left: auto;margin-right: auto;text-align: center;position: relative;} .about-ser .add { width: 32px; height: 32px; border-radius: 100%; background-color: var(--public-color-1); background-color: #ffffff; box-shadow: 0px 0px 16px 4px rgba(1, 64, 153, 0.73); border: solid 1px #014099; display: flex; align-items: center; justify-content: center; z-index: 2; } .about-ser .add p{width: 17px;height: 17px;border-radius: 100%;background-color: var(--public-color-1);} .radar-effect-1,.radar-effect,.add{display: flex;justify-content: center;align-items: center;} .radar-effect-1::before{content: "";width: 577px;height: 577px;border: 2px dashed rgba(30, 94, 184, .6);border-radius: 100%; position: absolute;left: 54%;top: -4%;animation: radar-expand 3s infinite;} .radar-effect { width: 100px; height: 100px; background-color: transparent; border-radius: 50%; position: absolute; right: 22%; top: 40%; } .radar-effect::before { content: ''; position: absolute; width: 124px; height: 123px; border: 2px dashed rgb(46,99,176); background-color: rgba(46, 99, 176, .6); /* 蓝色半透明 */ border-radius: 50%; animation: radar-expand 3s infinite; z-index: 1; } .radar-effect::after { content: ''; position: absolute; width: 310px; height: 310px; border: 2px dashed rgb(46,99,176); background-color: rgba(30, 94, 184, .6); /* 蓝色半透明 */ border-radius: 50%; animation: radar-expand-1 7s infinite; } @keyframes radar-expand-2 { 0% { transform: scale(.3); opacity: 1; } 50% { transform: scale(.5); opacity: .6; } 100% { width: 577px; height: 577px; transform: scale(1); /* 扩散到两倍大小 */ opacity: .1; } } @keyframes radar-expand { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1.1); /* 扩散到两倍大小 */ opacity: .2; } } @keyframes radar-expand-1 { 0% { transform: scale(.3); opacity: 1; } 100% { transform: scale(1); /* 扩散到两倍大小 */ opacity: .1; } } .about-man .top-head{text-align: center;margin-bottom: 95px;} .about-man .img-1{margin-bottom: 10px;} .about-man .h6{color: var(--public-color-1);line-height: 48px;} .about-man .title{margin-bottom: 20px;} .about-man .text{color: #888888;} .mySwiper-zhu{position: relative;margin-bottom: 50px;} .mySwiper-zhu .all-hover:nth-last-of-type(2)::after{content: "\f061";} .mySwiper-zhu .all-hover:nth-last-of-type(1)::after{content: "\f060";} .mySwiper-zhu .all-hover::after{font-family: 'cmsfont';color: #fff;font-size: 14px;transition: all .4s ease-in-out;} .mySwiper-zhu .all-hover{margin: 0;border: solid 2px #ffffff;border-radius: 100%;width: 90px;height: 90px;transition: all .4s ease-in-out;margin-top: -45px;} .mySwiper-zhu .all-hover:hover{border-color: var(--public-color-1);} .mySwiper-zhu .all-hover:hover::after{color: var(--public-color-1);} .mySwiper-zhu .all-hover:nth-last-of-type(1){left: 80px;} .mySwiper-zhu .all-hover:nth-last-of-type(2){right: 80px;} .mySwiper-man .swiper-slide-thumb-active{position: relative;} .mySwiper-man .swiper-slide-thumb-active::after{content: "";width: 100%;height: 100%;border: solid 6px #3696e1;position: absolute;left: 0;top: 0;} .mySwiper-man .swiper-slide{height: 90px;} .mySwiper-man{width: 70%;margin-left: auto;margin-right: auto;} .about-man{margin-bottom: 180px;} .about-last .p-l-sup .content .box-1{width: calc(100% / 4);} .about-last .p-l-sup .box-1::after{ content: ""; width: 4px; height: 98%; background-color: rgba(1, 64, 153, .03); border-radius: 2px; display: block; position: absolute; right: -2px; top: 00%; } .about-last .p-l-sup .box-1:last-child::after{display: none;} .about-last .p-l-sup .box-2 { border-bottom: 4px solid rgba(1, 64, 153, .03); padding-top: 35px; margin: 0 28px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .about-last .p-l-sup .box-2>div:first-child{ display: flex; flex-direction: column; justify-content: space-between;align-items: flex-start;margin-bottom: 0;} .about-last .p-l-sup .box-1:first-child .box-2{margin-left: 0;} .about-last .p-l-sup .box-1:last-child .box-2{margin-right: 0;} .about-last .p-l-sup{margin-bottom: 0;} .about-last .p-l-sup .box-2 .text {margin-bottom: 25px;} .about-last .p-l-sup .img-2{margin-bottom: 60px;} /* From Uiverse.io by karthik092726122003 */ .styled-wrapper .button { /* display: block; */ position: relative; width: 60px; height: 60px; margin: 0; overflow: hidden; outline: none; background-color: transparent; cursor: pointer; border: 0; display:flex; justify-content: center; align-items: center; } .styled-wrapper .button:before { content: ""; position: absolute; border-radius: 50%; inset: 7px; border: 2px solid var(--public-color-1); /* Update dynamically for light/dark mode */ transition: opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1) 80ms, transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 80ms; } .styled-wrapper .button:after { content: ""; position: absolute; border-radius: 50%; inset: 7px; border: 2px solid var(--public-color-1); background-color: var(--public-color-1); transform: scale(1.3); transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; } .styled-wrapper .button:hover:before, .styled-wrapper .button:focus:before { opacity: 0; transform: scale(0.7); transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .styled-wrapper .button:hover:after, .styled-wrapper .button:focus:after { opacity: 1; transform: scale(1); transition: opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1) 80ms, transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 80ms; } .styled-wrapper .button-box { display:flex; justify-content: center; align-items: center; position: absolute; right: 42%; z-index: 2; } .styled-wrapper .button-elem { transform: rotate(360deg); fill: #f0eeef; display:flex; justify-content: center; align-items: center; } .styled-wrapper .button:hover .elem-1 { transition: 0.4s; transform: translateX(69px); } .styled-wrapper .button .elem-1 { transition: 0.4s; transform: translateX(8px); } .styled-wrapper .button:hover .elem-2 { transition: 0.4s; transform: translateX(-0px); } .styled-wrapper .button .elem-2 { transition: 0.4s; transform: translateX(-69px); } .app-paper{margin-top: 160px;} .app-first .img,.app-first .img img{border-radius: 6px;} .app-first .t2{font-size: 16px;color: #333;font-weight: bold;margin-top: 15px;} .pag-btn-box .pag ,.pag-btn-box .pag{position: relative;width: 90%;} .pag-btn-box .pag-app ,.pag-btn-box .pag-honors{display: flex;width: 100%;left: 0;bottom: 0;position: static;} .pag-btn-box{display: flex;justify-content: space-between;align-items: center;} .pag-btn-box .swiper-pagination-bullet{background-color: #f4f4f4;flex: 1;width: auto;height: 4px;border-radius: 0;opacity: 1;margin: 0 !important;} .pag-btn-box .swiper-pagination-bullet-active{background-color: var(--public-color-2);} .pag-btn-box .all-btn .all-hover{width: 46px;height: 46px;border-radius: 100%;} .pag-btn-box .all-btn .all-hover::after{font-size: 16px;} .pag-btn-box .all-btn{width: auto;} .app-first{margin-bottom: 115px;} .mySwiper-app{margin-bottom: 75px;} .app-content .top-head{text-align: center;width: 65%;margin:0 auto 120px} .app-content .img-1{margin-bottom: 25px;} .app-content .title{margin-bottom: 20px;} .app-content .text{color: #888888;} .app-content .app-name{margin-bottom: 90px;} .app-content .app-name p { flex: 1; border-radius: 4px; background-color: #f4f4f4; color: #333; font-size: 16px; font-weight: bold; line-height: 24px; height: 60px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .4s ease-in-out; } .app-content .app-name p:hover,.app-content .app-name p.active{background-color: var(--public-color-1);color: #fff !important;} .app-content .app-name p + p{margin-left: 20px;} .app-content .h6{color: var(--public-color-1);} .app-content .process .text{margin-bottom: 70px;} .app-content .process .box{display: flex;flex-wrap: wrap;} .app-content .process .box p { font-size: 16px; color: #333; font-weight: bold; height: 56px; line-height: 56px; border-radius: 28px; background-color: #f8f8f8; padding: 0 46px; margin-bottom: 19px; } .app-content .process .box p{margin-right: 12px;} /* .app-content .process .box p:nth-child(3), .app-content .process .box p:nth-child(7), .app-content .process .box p:last-child{margin-right: 0;margin-bottom: 0;} */ .app-content .process .left{width: 40%;} .app-content .process .right{width: 56%;} .app-content .process{margin-bottom: 150px;} .app-machine .top-head{text-align: left;width: 100%;margin-bottom: 85px;} .app-machine .d1{display: flex;justify-content: space-between;} .app-machine .d2{display:flex;justify-content: space-between;margin-top: 70px;margin-bottom: 30px;} .app-machine .d2 .row{gap: 30px 0;} .app-machine .h3{font-size: 33px;color: #333;font-weight: bold;} .app-machine .circle{width: 30px;height: 30px;font-size: 12px;color: var(--public-color-1);font-weight: bold;border-radius: 100%;border: 3px solid var(--public-color-1);display: flex;justify-content: center;align-items: center;} .app-machine .items.active .plus{display: none;} .app-machine .items.active .minus{display: block;} .app-machine .items .plus{display: block;} .app-machine .items .minus{display: none;} .app-machine .items{border-bottom: 1px solid rgba(221, 221, 221, .6);padding: 40px 0;} .app-machine .items:first-child{border-top: 1px solid rgba(221, 221, 221, .6)} .app-machine .PRODUCTS{margin-bottom: 0;} .app-machine{margin-bottom: 165px;} .app-video{background-color: #f6f9fc;padding-top: 115px;padding-bottom: 290px;} .app-video .img-1{margin-bottom: 25px;} .app-video .title{margin-bottom: 80px;} .app-video .list{width: calc(calc(100% - 60px) / 2);} .app-content .content-xl{display: none;} .app-content .content{opacity: 0;transition: all .6s ease-in-out;} .app-content .content.active .content-xl{display: block;animation: fadeInDown .6s;} .app-content .content.active{opacity: 1;} .app-content .big-content{overflow: hidden;} .sust-paper{margin-top: 150px;padding-bottom: 250px;overflow: hidden;} .sust-first .h6{color: var(--public-color-1);line-height: 52px;} .sust-first .title{margin-bottom: 40px;} .sust-first .text{color: #888;} .sust-first .top-head .text p{margin-bottom: 0;} .sust-first .top-head {margin-bottom: 100px;} .sust-first .t3{color: #000000;font-weight: bold;margin-bottom: 10px;} .sust-first .box-1{width: calc(100% / 4);position: relative;padding-bottom: 55px;} .sust-first .box-1::after{content: "";width: 4px;height: 100%;background-color: rgba(30, 94, 184, .05);position: absolute;right: -2px;top: 0;} .sust-first .box-1:not(:first-child){padding-left: 30px;} .sust-first .box-1:last-child::after{display: none;} .sust-first .box-1 .text{width: 70%;} .sust-first .img-2{margin-bottom: 70px;} .sust-first {margin-bottom: 80px;} .sust-middle .top-head{text-align: center;margin-bottom: 80px;} .sust-middle .h6{color: var(--public-color-1);line-height: 58px;} .sust-middle .h3{color: #000;font-weight: bold;} .sust-middle .text{color: #888;} .sust-middle .items{display: flex;position: relative;z-index: 1;} .sust-middle .list { flex: 1; display: flex; flex-direction: column; justify-content: center; background-color: #ffffff;box-shadow: 0px 0px 80px 0px rgba(51, 51, 51, 0.05); } .sust-middle .items-1{height: 320px;} .sust-middle .items-1 .list{padding: 0 55px 0 60px;} .sust-middle .items-1 .d{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;} .sust-middle .items-2{height: 360px;} .sust-middle .items-2 .img-2{margin-bottom: 65px;} .sust-middle .items-2 .list{padding: 0 60px 0 25px;} .sust-middle .items-2 .d{margin-bottom: 10px;} .sust-middle .content{position: relative;} .sust-middle .content::before{content:"";background: url(../../images/sust-back-1.jpg) no-repeat;width: 180px;height: 180px;position: absolute;right: -180px;top: -180px;} .sust-middle .content::after{content:"";background: url(../../images/sust-back-2.jpg) no-repeat;width: 360px;height: 360px;position: absolute;left: -180px;bottom: -180px;} .sust-middle {position: relative;margin-bottom: 325px;} .sust-middle::after{content: "";width: 50%;height: 62%;background-color: #f6f9fc;position: absolute;left: 0;bottom: -180px;z-index: -1;} .sust-third .list{width: calc(calc(100% - 40px * 2) / 3);background-color: #ffffff; box-shadow: 0px 20px 60px 0px rgba(68, 68, 68, 0.1);transition: all .6s ease-in-out;} .sust-third .all-a{width: 240px;} .sust-third .h4{color: #000;font-weight: bold;margin-bottom: 20px;} .sust-third .list p{color: #888;margin-bottom: 40px;height:130px;} .sust-third .list:hover{box-shadow: 0px 13px 60px 4px rgba(68, 68, 68, 0.2);} .sust-third .cont{padding: 45px 50px 70px 40px;} .service-paper{margin-top: 165px;} .service-paper .text{color: #888;} .ser-first .top-head{width: 100%;margin-bottom: 110px;} .ser-first .title{margin-bottom: 15px;} .ser-first .top-head .text{width: 83%;margin-left: auto;margin-right: auto;} .ser-first .all-a{width: 156px;height: 36px;} .ser-first .box-1:not(:nth-child(n + 4)) .text{margin-bottom: 30px;} .ser-first .p-l-sup .box-2{padding: 50px 0;height: 100%;} .ser-first .p-l-sup{margin-bottom: 0;} .ser-first{margin-bottom: 155px;} .ser-second .left { width: 50%; margin-right: -340px; background-color: #fff; position: relative; z-index: 1; padding-top: 70px; position: relative; } .ser-second .left::after{content: "";width: 340px;height: 10px;background-color: var(--public-color-1);position: absolute;right: 0;bottom: -4px;} .ser-second .title{margin-bottom: 15px;} .ser-second .right{width: 72%;} .ser-second .box{width: 87%;} .ser-second .text{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; margin-bottom: 60px; } .ser-second .all-a{width: 270px;} .ser-second {margin-bottom: 170px;} .ser-third .left{width: 57%;} .ser-third .right{width: 34%;} .ser-third .h6{color: var(--public-color-1);line-height: 56px;} .ser-third .img-1{margin-bottom: 15px;} .ser-third .title{margin-bottom: 50px;} .ser-third .text{margin-bottom: 30px;text-align: justify;} .ser-third .h6:nth-last-of-type(2){margin-bottom: 30px;} .ser-third .text:nth-last-of-type(1){margin-bottom: 0;} .ser-third .content{align-items: flex-end;} .ser-third .h5{color: var(--public-color-1);font-weight: 900;margin-bottom: 15px;} .ser-third .d a{font-size: 32px;color: #333;} .ser-third .d { display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px; border-bottom: 4px solid var(--public-color-1); margin-bottom: 110px; } .ser-third .d:last-child{margin-bottom: 0;} .ser-third .img{width: 100px;height: 100px;border-radius: 100%;display: flex;align-items: center;justify-content: center;background-color: rgba(1, 64, 153, .05);} .ser-third {margin-bottom: 225px;} .ser-man .top-head .text span{display: block;} .ser-man .top-head .text{margin-bottom: 60px;} .ser-man .content{margin-bottom: 165px;} .ser-man .img-1{margin-bottom: 20px;} .ser-man .title{margin-bottom: 40px;} .ser-man .top-head{width: 83%;margin-left: auto;margin-right: auto;margin-bottom: 0;} .ser-man .all-a{width: 270px;} .ser-man .about-man{margin-bottom: 135px;} .culture-paper{margin-top: 165px;margin-bottom: 205px;overflow: hidden;} .cul-mission .top-head{text-align: center;margin-bottom: 80px;} .cul-mission .img-1{margin-bottom: 20px;} .cul-mission .title{margin-bottom: 15px;} .cul-mission .list{width: calc(calc(100% - 40px) / 2);box-shadow: 0px 20px 60px 0px rgba(68, 68, 68, 0.1);background-color: #fff;position: relative;display: flex;align-items: center;justify-content: center;} .cul-mission .box{padding: 48px 20px 50px 60px;width: 100%;height: 100%;position: relative;z-index: 2;} .cul-mission .h5{color: var(--public-color-1);font-weight: bold;} .cul-mission .list .text{font-size: 15px;color: #666666;margin-bottom: 80px;} .cul-mission .list img.white{display: none;animation: bounceIn .4s ease-in-out;} .cul-mission .list img.blue{display: block;animation: bounceIn .4s ease-in-out;} .cul-mission .list.active img.white{display: block;animation: bounceIn .4s ease-in-out;} .cul-mission .list.active img.blue{display: none;animation: bounceIn .4s ease-in-out;} .cul-mission .list.active .h5{color: #fff;} .cul-mission .list.active .text{color: #fff;} .cul-mission .list .img-back{transition: all .4s ease-in-out;position: absolute;left: 0;top: 0;z-index: 1;display: none;overflow: hidden;animation: bounceIn .4s ease-in-out;} .cul-mission .list.active .img-back{display: block;width: 100%;height: 100%;animation: bounceIn .6s ease-in-out;} .cul-mission{margin-bottom: 140px;} .cul-mission .content{position: relative;} .cul-mission .content::after{content: "";width: 160px;height: 160px;background-color: var(--public-color-2);position: absolute;right: -80px;top: -80px;z-index: -1;} .cul-values .img-1{margin-bottom: 20px;} .cul-values .box-2{border-top:4px solid rgba(1, 64, 153, .03);border-bottom:4px solid rgba(1, 64, 153, .03);padding:55px 0;margin:0 30px;height: 100%;} .cul-values .content{flex-wrap: wrap;} .cul-values .content .box-1{width:calc(100% / 4);position: relative;} .cul-values .box-1::after{content: "";width: 4px;height:100%;background-color: rgba(1, 64, 153, .03);border-radius: 2px;display: block;position: absolute;right:-2px;top:0;} .cul-values .box-1:last-child::after{display: none;} .cul-values .num{font-size: 24px;color: #000036;font-weight: 500;} .cul-values .num::after{content: "";width: 24px;height: 5px;background-color: var(--public-color-1);display: block;margin-left: 2px;} .cul-values .t3{color: #000000;font-weight: bold;margin-bottom: 10px;} .cul-values .box-2>div:first-child{display: flex;justify-content: space-between;align-items: center;margin-bottom: 55px;} .cul-values .box-2 .text{color: #888;text-align: right;} .cul-values{margin-bottom: 220px;} .cul-values .title{text-align: center;margin-bottom: 65px;} .cul-deve{position: relative;} .cul-deve::before{content: "";width: 37%;height: 100%;background-color: #f6f9fc;position: absolute;left: 0;top: -11%;z-index: -2;} .cul-deve::after{content: "";width: 37%;height: 100%;background-color: #f6f9fc;position: absolute;left: 0;top: 0;z-index: -2;} .cul-deve .left::after{content: "";width: 360px;height: 360px;background:url(../../images/sust-back-2.jpg) no-repeat;background-size: contain;position: absolute;left: -180px;bottom: -180px;z-index: -1;} .cul-deve .left{width: 49%;position: relative;} .cul-deve .right{width: 43%;} .cul-deve .title{margin-bottom: 35px;} .cul-deve .title span{display: block;} .cul-deve .img-1{margin-bottom: 35px;} .cul-deve .text{color: #888; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; text-align: justify; margin-bottom: 84px; } .cul-deve .deve-content{align-items: self-start;position: relative;} .cul-deve .items::before{content: url(../../images/cul-4.png);position: absolute;left: 11px;top: 30%;} .cul-deve .items.active::before{top: 35%;} .cul-deve .items .quen-a{font-size: 15px;color: #999999;} .cul-deve .items{padding: 15px 40px 15px 80px;} .cul-deve .all-faq .items.active .quen-a{margin: 0;} .cul-deve .all-faq .items:first-child{border-top: 2px solid rgba(1, 64, 153, .05);} .cul-deve .all-faq .box{padding-top: 0;} .cul-deve .all-faq .circle{top: 30%;} .strength-paper{margin-top: 185px;margin-bottom: 225px;} .strength-paper .text{color: #888;} .strength-first .top-head{margin-bottom: 70px;} .strength-first .list{width: calc(calc(100% - 9px * 2) / 3);} .strength-first .h5{color: #333;font-weight: bold; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; padding-right: 20px;} .strength-first .img{margin-bottom: 55px;} .strength-first{margin-bottom: 160px;} .strength-middle{position: relative;padding-top: 70px;} .strength-middle::before{content: "";width: 180px;height: 180px;background-color: var(--public-color-2);position: absolute;right: 70px;top: 0;} .strength-middle::after{content: "";width: 65%;height: 100%;background:url(../../images/str-back-1.jpg) no-repeat;background-size: contain;position: absolute;left: 0;top: 0;z-index: -1;} .strength-middle .top-head{margin-bottom: 90px;} .strength-middle .img-1{margin-bottom: 20px;} .strength-middle .title{margin-bottom: 10px;} .strength-middle .items{display: flex;justify-content: space-between;margin-bottom: 60px;} .strength-middle .list{width: 49.7%;} .strength-middle .img{position: relative;} .strength-middle .num{font-size: 42px;color: #fff;font-weight: 500;position: absolute;right: 40px;bottom: 40px;} .strength-middle .h5{color: #000;font-weight: bold;margin-bottom: 10px;} .strength-middle .cont{padding-top: 45px;} .strength-middle .cont p{color: #888;width: 90%;} .strength-middle .h3{font-size: 32px;color: var(--public-color-1);line-height: 56px;width: 45%;position: relative;z-index: 2;} .strength-middle .items-2{margin-bottom: 0px;} .strength-middle .container-xl{position: relative;z-index: 2;} .strength-bottom{padding-top: 190px;} .strength-bottom .top-head{width: 75%;margin-bottom: 95px;} .strength-bottom .img-1{margin-bottom: 40px;} .strength-bottom .title{margin-bottom: 25px;} .manger-paper{margin-top: 155px;margin-bottom: 190px;} .manger-paper .text{color:#888} .manger-first .top-head{text-align: center;margin-bottom: 105px;} .manger-first .top-head .text p{margin-bottom: 0;} .manger-first .img-1{margin-bottom: 30px;} .manger-first .title{margin-bottom: 30px;} .manger-first .left{width: 48%;padding-bottom: 180px;position: relative;} .manger-first .left::after{content: "";width: 360px;height: 360px;background: url(../../images/manger-10.jpg) no-repeat;background-size: contain;position: absolute;left: -180px;bottom:0px;z-index: -1;} .manger-first .right{width: 43%;} .manger-first .items::before{content: url(../../images/manger-8.jpg);position: absolute;left: 0px;top: 32%;} .manger-first .items.active::before{top: 20%;} .manger-first .items .quen-a{color: #999999;} .manger-first .items{padding: 25px 40px 25px 80px;} .manger-first .all-faq .items.active .quen-a{margin-top: 10px;margin-bottom: 0;} .manger-first .all-faq .items:first-child{border-top: 2px solid rgba(1, 64, 153, .05);} .manger-first .all-faq .box{padding-top: 0;} .manger-first .all-faq .circle{top: 30%;} .manger-first .big-content{position: relative;} .manger-first .big-content::before{content: "";width: 36%;height: 86%;background-color: #f6f9fc;position: absolute;left: 0;bottom: 0;z-index: -1;} /* .manger-first .big-content::after{content: "";background: url(../../images/manger-9.jpg) no-repeat;width: 80%;height: 87%;background-size: contain;position: absolute;left: 0;bottom: 0;z-index: -1;} */ .manger-first .content{align-items: flex-start;} .manger-first {margin-bottom: 140px;} .manger-second{margin-bottom: 120px;} .manger-second .swiper-slide{opacity: 1;} .manger-second .h3{font-size: 32px;font-weight: 500;color: var(--public-color-1);margin-bottom: 80px;} .manger-third .content{flex-wrap: wrap;display: flex;} .manger-third .list{width: calc(100% / 3);background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(1, 64, 153, 0.1);padding: 50px 40px 0 40px;height: 320px;} .manger-third .list:first-child{background-color: transparent;box-shadow: none;padding-right: 0;} .manger-third .list-1 span{display: block;} .manger-third .list-1 .img-1{display: inline;} .manger-third .img-2{margin-bottom: 70px;} .manger-third .h5{font-weight: bold;color: #000;margin-bottom: 10px;} .manger-third .content{position: relative;} .manger-third .content::after{content: "";width: 420px;height: 480px;background: url(../../images/manger-3.jpg) no-repeat;position: absolute;right: -260px;bottom: 0;background-size: contain;z-index: -1;} .manger-third{overflow: hidden;padding-top: 50px;padding-bottom: 50px;} .machine-paper{margin-top: 185px;margin-bottom: 285px;} .machine-paper .text{color: #888;} .mac-first .top-head{text-align: center;width:74%;margin-left: auto;margin-right: auto;margin-bottom: 75px;} .mac-first .h6{color: var(--public-color-1);line-height: 52px;} .mac-first .img-1{margin-bottom: 10px;} .mac-first .title{margin-bottom: 30px;} .mac-first .list{width: calc(calc(100% - 10px * 2) / 3);background-color: #f6f9fc;border-radius: 20px;padding: 60px 20px 0 50px;height: 360px;} .mac-first .img{margin-bottom: 40px;height: 63px;} .mac-first .h5{font-weight: bold;color: #000;margin-bottom: 20px;} .mac-first {margin-bottom: 170px;} .mac-second .title{margin-bottom: 10px;} .mac-second .h7{color: var(--public-color-1);font-weight: bold;margin-top: 50px;} .mac-second .top-head{margin-bottom: 50px;} .mac-second .img,.mac-second .img img{border-radius: 10px;} .mac-second .img{margin-right: 20px;} .mac-second .img:last-child{margin-right: 0;} .mac-second .t3{color: #000;font-weight: bold;margin-top: 15px;} .mac-second .content{margin-bottom: 100px;} .mac-second .strong{color: var(--public-color-1);opacity: .6;} .mac-second{margin-bottom: 215px;position: relative;} .mac-second::after{content: "";background:url(../../images/mac-7.jpg) no-repeat;width: 390px;height: 390px;position: absolute;right: 0;bottom: -48%;z-index: -1;} .mac-third .top-head{text-align: center;margin-bottom: 95px;} .mac-third .img-1{margin-bottom: 20px;} .mac-third .h6{color: var(--public-color-1);line-height: 52px;} .mac-third .t2{font-size: 22px;color: #333;font-weight: bold;margin-bottom: 20px;} .mac-third .t2 span{font-weight: 400;color: var(--public-color-1);font-size: 18px;display: block ;} .mac-third .cont strong{font-weight: bold;color: #333;font-size: 16px;line-height: 28px;} .mac-third .cont{color: #666;margin-bottom: 30px;} .mac-third .cont p{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;text-align: justify;display: inline;} .mac-third .cont::before{content: "▣";color: var(--public-color-1);display: inline-block;margin-right: 10px;} .mac-third .list{width: calc(calc(100% - 40px) / 2);display: flex;flex-direction: column;} .mac-third .list:last-child{justify-content: flex-end;} .mac-third .list-1{height: 420px;background-color: #f6f9fc;display: flex;flex-direction: column;justify-content: center;padding: 0 65px;} .mac-third .list-2{height: 450px;background-color: #f6f9fc;display: flex;flex-direction: column;justify-content: center;padding: 0 65px;} .mac-third-content{position: relative;} /* .mac-third-content>img{position: absolute;left: 0;opacity: 0;} */ .mac-third-banner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .mac-third-banner .mac-height{height: 100%;} .mac-third{margin-bottom: 180px;} .mac-forth-xl{display: flex;justify-content: flex-end;position: relative;} .mac-forth-xl::after{content: "";width: 160px;height: 160px;background-color: var(--public-color-2);position: absolute;left: 0;bottom: 0;z-index: -1;} .mac-forth-xl .title{padding-top: 90px;position: absolute;left: 0;top: 20px;width: 40%;} .mac-forth .p-l-sup .content{display: flex;flex-wrap: wrap;} .mac-forth .p-l-sup{width: 78%;} .mac-forth .p-l-sup .box-2 {padding: 45px 0;height: 100%;margin: 0 35px} .mac-forth .p-l-sup .box-1:nth-child(3) .box-2{border-bottom: 4px solid rgba(1, 64, 153, .03);} .mac-forth .p-l-sup .box-2 > div:first-child{margin-bottom: 65px;} .mac-forth .p-l-sup .box-1::after{top: 5%;height: 95%;} .mac-forth .p-l-sup .box-1:nth-child(1)::after{display: none;} .recruitment-paper{margin-top: 205px;margin-bottom: 250px;} .recruitment-paper .text{color: #888;} .rec-first .top-head{text-align: center;margin-bottom: 80px;} .rec-first .img-1{margin-bottom: 20px;} .rec-first .title{margin-bottom: 20px;} .rec-first .text p{margin-bottom: 0;} .rec-first .content{position: relative;} .rec-first .all-hover{width: 78px;height: 78px;background-color: #ffffff;border: solid 3px rgba(1, 64, 153, 0.15);margin-top: -39px;transition: all .4s;} .rec-first .next-rec{right: -165px;} .rec-first .next-rec::after{content: "\f054";} .rec-first .prev-rec{left: -165px;} .rec-first .prev-rec::after{content: "\f053";} .rec-first .all-hover::after{font-family: 'cmsfont';color: var(--public-color-1);font-size: 27px;} .rec-first .all-hover:hover{background-color: var(--public-color-1);} .rec-first .all-hover:hover::after{color: #fff;} .rec-first {margin-bottom: 130px;} .rec-first-xl{position: relative;} .rec-first-xl::after{content: "";width:100%;height: 1px;background-color: rgba(30, 94, 184, .2);position: absolute;left: 0;top: 50%;} .rec-first-xl .swiper-slide{padding-left: 25%;padding-right: 25%;position: relative;overflow: hidden;} .rec-first-xl .swiper-slide::after{content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);position: absolute;right: 0;top: 0;} .rec-first-xl .swiper-slide.swiper-slide-active::after{background-color: rgba(0, 0, 0, 0);} .rec-first-xl .swiper-slide.swiper-slide-active{z-index: 2;} .rec-adv .top-head{text-align: center;margin-bottom: 100px;} .rec-adv .h6{color: var(--public-color-1);line-height: 52px;} .rec-adv .content{flex-wrap: wrap;} .rec-adv .img-1,.rec-oppor .img-1{margin-bottom: 20px;} .rec-adv .box-2{border-top:4px solid rgba(1, 64, 153, .03);padding:55px 0;margin:0 40px;} .rec-adv .content{flex-wrap: wrap;} .rec-adv .content .box-1{width:calc(100% / 2);position: relative;} .rec-adv .box-1::after{content: "";width: 4px;height:90%;background-color: rgba(1, 64, 153, .03);border-radius: 2px;display: block;position: absolute;right:-2px;top:5%;} .rec-adv .box-1:nth-child(2n + 2)::after{display: none;} .rec-adv .t3{color: #000000;font-weight: bold;margin-bottom: 10px;} .rec-adv .box-2>div:first-child{display: flex;justify-content: space-between;align-items: center;margin-bottom: 55px;} .rec-adv .box-2 .text{color: #888; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .rec-adv{margin-bottom: 130px;} .rec-oppor .top-head{text-align: center;width: 71%;margin-left: auto;margin-right: auto;margin-bottom: 75px;} .rec-oppor .title{margin-bottom: 20px;} .rec-oppor .items .img-2{position: absolute;left: 0;top: 28%;} .rec-oppor .items.active .img-2{top: 5%;} .rec-oppor .items.active .items-xl{background-color: #f6f9fc;margin-bottom: 50px;} .rec-oppor .items .items-xl{padding: 30px 40px 30px 80px;} .rec-oppor .items.active .quen-q{font-size: 24px;color: var(--public-color-1);} .all-faq .items.active .quen-a{margin-top: 0;} .rec-oppor .items .cont{display: flex;color: #999;} .rec-oppor .items .cont p{margin-right: 19px;} .rec-oppor .items .cont p:last-child{margin-right: 0;} .rec-oppor .items strong{color: #333;font-weight: 500;} .rec-oppor .items .ul{color: #999;margin-bottom: 40px;} .rec-oppor .items .ul p::before{content: "▣";color: var(--public-color-1);} .rec-oppor .items .ul p{margin-bottom: 10px;} .rec-oppor .items{padding:0;cursor: pointer;} .rec-oppor .all-faq .circle{right: 30px;top: 35px;} .rec-oppor .all-a,.rec-oppor .all-a .more-8{background-color: transparent;} .rec-oppor .all-a:hover .more-8{background-color: var(--public-color-1);} .rec-oppor .all-faq .content{border-top:0;} .certificates-paper{margin-top: 170px;margin-bottom: 315px;overflow: hidden;} .certificates-paper .text{color: #888;} .cer-first .top-head{margin-bottom: 115px;} .cer-first .top-head p{margin-bottom: 0;} .cer-first .title{margin-bottom: 40px;} .cer-first .h6{color: var(--public-color-1);line-height: 58px;} .cer-first .box-2{border-bottom:4px solid rgba(1, 64, 153, .03);padding:0px 0 45px 0;margin:0 35px;height: 100%;} .cer-first .content{flex-wrap: wrap;} .cer-first .content .box-1{width:calc(100% / 4);position: relative;} .cer-first .box-1:first-child .box-2{padding-left: 0;margin-left: 0;} .cer-first .box-1::after{content: "";width: 4px;height:100%;background-color: rgba(1, 64, 153, .03);border-radius: 2px;display: block;position: absolute;right:-2px;bottom:0%;} .cer-first .t3{color: #666;font-weight: bold;margin-bottom: 10px;} .cer-first .h2{font-size: 42px;line-height: 58px;color: var(--public-color-1);font-weight: bold;} .cer-first .box-2>div:first-child{display: flex;justify-content: flex-end;align-items: center;margin-bottom: 55px;} .cer-first .box-2 .text{color: #888; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .cer-first{margin-bottom: 145px;} .cer-content .img-1{margin-bottom: 20px;} .cer-content .list .img{background-color: #ffffff;box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);margin-bottom: 25px;} .cer-content .t1{font-size: 16px;color: #333;font-weight: 500;text-align: center;} .cer-content .col-md-3{margin-bottom: 80px;padding: 0 20px;} .cer-content .row{margin: 0 -20px;} .cer-content .top-haed{position: relative;padding-bottom: 80px;} .cer-content .top-haed::after{content: "";width: 160px;height: 160px;background-color: var(--public-color-2);position: absolute;right: -160px;bottom:0px} .cer-content{position: relative;margin-bottom: 105px;} .cer-content .row{position: relative;} .cer-content .row::after{content: "";background: url(../../images/about-9.jpg) no-repeat;width: 440px;height: 540px;background-size: contain;position: absolute;left: -17%;bottom: -350px;z-index: -1;} .cer-industry .title{text-align: center;margin-bottom: 105px;} .cer-industry .content{display: flex;flex-wrap: wrap;justify-content: center;} .cer-industry .list{background: url(../../images/cer-back-1.png) no-repeat;background-size: contain;margin-right: 70px;width: calc(calc(100% - 70px * 3) / 4);text-align: center;padding: 0 23px;margin-bottom: 85px;} .cer-industry .list:nth-child(4n + 4){margin-right: 0;} .cer-industry .list:nth-child(5){margin-left: 60px;} .cer-industry .t3{color: var(--public-color-1);font-weight: 500;margin-bottom: 8px;} .cer-industry .list .text{font-size: 14px;line-height: 18px;color: #333;font-weight: 500;} .cer-industry {margin-bottom: 100px;} .cer-honors .title{text-align: center;margin-bottom: 100px;} .cer-honors .list{display: flex;justify-content: space-between;align-items: center;background-color: #f6f9fc;padding: 30px 40px;height: 100%;} .cer-honors .num{font-size: 28px;color: var(--public-color-2);font-weight: bold;margin-bottom: 40px;} .cer-honors .cont .text{font-weight: 500;color: #333;line-height: 24px;margin-bottom: 20px;} .cer-honors .strong{font-size: 16px;line-height: 24px;color: #999;} .cer-honors .left{width: 45%;} .cer-honors .right{width: 45%;} .mySwiper-honors{margin-bottom: 63px;} .mySwiper-honors .swiper-slide{height: auto;} .faq-paper{margin-top: 210px;margin-bottom: 330px;} .faq-paper .aside{width: 18%;position: sticky;top: 80px;height: fit-content;padding-top: 40px;} .faq-paper .aside .aside-box.fadeInDown{position: fixed;left: 0;top: 76px;width:100%;} .faq-paper .aside p { font-size: 16px; line-height: 24px; color: #333333; background-color: #f4f4f4; border-radius: 4px; font-weight: bold; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; /* padding: 25px 35px; */ margin-bottom: 20px; width: 100%; height: 60px; cursor: pointer; transition: all 0.3s ease-in-out; } .faq-paper .aside p:last-child{margin-bottom: 0;} .faq-paper .aside p.active,.faq-paper .aside p:hover{background-color: var(--public-color-1);color: #fff;} .faq-paper .article{width: 77%;border-top: 2px solid rgba(1, 64, 153, .05);} .faq-paper .items.active .quen-q{color: var(--public-color-1);} .faq-paper .items.active .quen-a{padding-top: 25px;margin-bottom: 15px;} .faq-paper .all-faq .items{padding-right: 0;cursor: pointer;} .faq-paper .all-faq .quen-q{width: 91%;} .faq-paper .all-faq .circle{right: 10px;} .faq-paper .quen-a p{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; text-align: justify; } .faq-paper .faq-content{display: none;} .faq-paper .faq-content.active{display: block;} .banner-nav{padding-top: 0;} .all-nav li{margin-right: 20px;} .all-nav li:last-child{margin-right: 0;} .all-nav li.active a,.all-nav li:hover a{background-color: var(--public-color-1);color: #fff !important;} .all-nav a{background-color: #f4f4f4;border-radius: 4px;height: 60px;width: 260px;font-size: 16px;color: #333;font-weight: bold;display: flex;align-items: center;justify-content: center;} .news-paper{margin-top: 145px;margin-bottom: 315px;} .news-paper .row{margin: 0 -35px;} .news-paper .col-md-4{padding: 0 35px;margin-bottom: 60px;} .news-paper .list .text{color: #888;margin-bottom: 45px;height: 95px} .news-paper .all-news .t1{margin-bottom: 35px;} /*news-in-paper*/ .news-in-paper { margin-bottom: 245px ; margin-top: 70px; } .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: 34px; line-height: 48px; color: #333; font-weight: 400; margin-bottom: 40px; } .news-in-paper .time { font-size: 16px; line-height: 28px; color: #999; } .news-in-paper .time::before{content: url(../../images/time.png);display: inline-block;margin-right: 8px;} .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; border-top: 2px dashed rgba(1,64,153,.2); border-bottom: 2px dashed rgba(1,64,153,.2); margin-top: 30px; padding-bottom: 90px; padding-top: 40px; } .news-in-paper .article .content img{max-width: 100% !important;height: auto !important;} .news-in-paper .article .content p { margin-bottom: 25px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; text-align: justify; } .news-in-paper .article .content p:last-child{margin-bottom: 0;} .news-in-paper .box-tail{ font-size: 18px; line-height: 35px; margin-top: 54px; display: flex; justify-content: space-between; } .news-in-paper .box-tail .left{ width: 70%; } .news-in-paper .box-tail .right{ width: 20%; /* display: flex; justify-content: flex-end; margin-top: 50px; */ } .news-in-paper .box-tail .more-7{background-color: #fff;color: var(--public-color-1);width: 100%;height: 54px;} .news-in-paper .box-tail .more-7:hover{background-color: var(--public-color-1);color: #fff !important;} .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{ text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 5px; color: #666 !important; } .news-in-paper .box-tail p span{ color:var(--public-color-1); display: inline-block; font-weight: bold; } .news-in-paper .box-tail p:first-child{ margin-bottom: 25px; } .news-in-paper .box-tail p:hover{ } .news-in-paper .aside{ width: 28%; } .news-in-paper .aside .h2{ font-size: 36px; line-height: 39px; margin-bottom: 55px; color: var(--public-color-1); } .news-in-paper .aside .aside-box{ margin-bottom: 110px; } .news-in-paper .aside .aside-box .items{ display: flex; justify-content: space-between; align-items:center; margin-bottom: 30px; } .news-in-paper .aside .items:last-child{margin-bottom: 0;} .news-in-paper .aside .items .img{ width: 36%; display: flex;justify-content: center;align-items: center; height: 92px; } .news-in-paper .aside .items img{ height: 100%; width: auto; } .news-in-paper .aside .items .box{ width: 60%; display: flex; flex-direction: column; justify-content: space-between; } .news-in-paper .aside .items .t2{ font-size: 16px; line-height: 26px; 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; margin-bottom: 15px; } .news-in-paper .aside .time{font-size: 14px;line-height: 28px;color: #999;} .news-in-paper .aside-box-1{background-color:var(--public-color-1);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: 22px;color:#fff;margin-bottom: 35px;} .news-in-paper .aside-box-1 .t1 span{display: block;} .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 .more-7 { margin-top: 40px; width: 100%; border-radius: 0; font-size: 16px; padding: 0; height: 55px; font-weight: 400; background-color: var(--public-color-1); color: #fff; border: 4px solid #fff; display: flex; justify-content: flex-end; padding-right: 20px; } .news-in-paper .aside-box-1 .blue{display: none;} .news-in-paper .aside-box-1 .white{display: inline-block;} .news-in-paper .aside-box-1 .more-7:hover .blue{display: inline-block;} .news-in-paper .aside-box-1 .more-7:hover .white{display: none;} .news-in-paper .aside-box-1 .more-7 img{padding-left: 37px;} .news-in-paper .aside-box-1 .more-7: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: 0px;padding-top: 0px;} .news-in-paper .h1 {margin-bottom: 20px;} .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: 10px;margin-bottom: 20px;} .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;margin-top: 20px;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: 15px;} .news-in-paper .box-tail .left{margin-bottom: 20px;} .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;margin-bottom: 20px;} .news-in-paper .aside-box-1{padding: 15px;} .news-in-paper .aside-box-1 .t1 {font-size: 18px;line-height: 26px;margin-bottom: 15px;} .news-in-paper .main-top{margin-bottom: 30px;} .news-in-paper .box-tail .more-7 {width: 160px;height: 42px;} .news-in-paper .aside .h2{font-size: 20px;line-height: 32px;margin-bottom: 15px;} .news-in-paper .aside-box-1 .t1 span{display: inline;} .news-in-paper .aside-box-1 .more-7{width: 245px;height: 48px;} } .download-paper {margin-top: 200px;margin-bottom: 260px;} .download-paper .list:first-child{border-top: 3px solid rgba(1, 64, 153, .05);} .download-paper .list{display: flex;align-items: center;border-top: 3px solid rgba(1, 64, 153, .05);padding: 44px 44px 44px 80px;position: relative;} .download-paper .list .img{position: absolute;left: 0;top: 50%;margin-top: -20px;} .download-paper .t2{font-size: 20px;color: #000;} .download-paper .circle{width: 30px;height: 30px;border: 3px solid var(--public-color-1);border-radius: 100%;font-size: 14px;font-weight: bold;display: flex;align-items: center;justify-content: center;position: absolute;right: 10px;top: 50%;margin-top: -15px;} .download-paper .circle .white{display: none;} .download-paper .circle .blue{display: inline-block;} .download-paper .circle:hover .white{display: inline-block;} .download-paper .circle:hover .blue{display: none;} .download-paper .circle:hover {background-color: var(--public-color-1);color: #fff;} .video-paper{margin-top: 110px;margin-bottom: 240px;} .video-paper .list p{font-size: 20px;color: #333;text-align: center;} .video-paper .col-md-4{padding: 0 35px;margin-bottom: 100px;} .video-paper .row{margin: 0 -35px;} .video-paper .content{display: none;} .video-paper .content.active{display: block;} .history-paper {margin-top: 185px;margin-bottom: 310px;} .history-paper .text{color: #888;} .history-paper .top-head{margin-bottom: 185px;} .his-mile{position: relative;display: flex;align-items: center;padding: 170px 0;} .his-mile::after{content: "";height: 95%;width: 54.7%;background-color: #f6f9fc;position: absolute;left: 0;z-index: -1;} .his-mile .content{position: relative;display: flex;justify-content: flex-end;} .his-mile .top-head{position: absolute;left: 0;top: -12%;width: 33%;} .his-mile .top-head .img-1{margin-bottom: 20px;} .his-mile .top-head .title{margin-bottom: 15px;} .mile-content{width: 83%;position: relative;} .mile-zhu{display: flex;justify-content: flex-end;} .mile-zhu .year{position: absolute;right: 18%;top: 38%;width: 106px;height: 55px;display: flex;align-items: center;justify-content: center;background-color: var(--public-color-2);font-size: 24px;color: #fff;font-weight: bold;z-index: 2;} .mile-zhu .mySwiper-mile-zhu{width: 78%;height: 100%;margin: 0;} .mile-zhu .mySwiper-mile-zhu .swiper-wrapper{height: auto;} .mile-zhu .all-btn {justify-content: flex-start;padding-left: 27%;height: 95px;align-items: center;} .mile-zhu .all-btn .all-hover{width: auto;height: auto;border: 0;padding-right: 30px;} .mile-zhu .all-btn .all-hover:hover{background-color: transparent;} .mile-zhu .all-btn .all-hover::after{display: none;} /* .mile-zhu .swiper-slide{width: auto !important;height: 100%;} */ .mile-zhu .swiper-slide{padding-right: 23%;position: relative;} .mile-zhu .blue{display: none;animation: fadeIn .2s ease-in-out;} .mile-zhu .gain{display: inline-block;animation: fadeIn .2s ease-in-out;} .mile-zhu .all-hover:hover .blue{display: block;} .mile-zhu .all-hover:hover .gain{display: none;} .mile{width: 37%;background-color: var(--public-color-1);padding: 45px 45px 45px 25px;position: absolute;left: 0;bottom: 0;z-index: 1;display: flex;justify-content: space-between;height: 360px;} .mile .year-1{font-size: 20px;color: #fff;font-weight: bold;} .mile .text{font-size: 16px;line-height: 24px;color: #fff;opacity: .4;font-weight: 400;} .mySwiper-mile .swiper-slide{position: relative;padding-left: 36px;height: auto !important;} .mySwiper-mile .swiper-slide::before{content: url(../../images/mile-1.png);display: inline-block;position: absolute;left: 0;top: 2px;} .mySwiper-mile .swiper-slide-thumb-active::before{content: url(../../images/mile-1-1.png);} /* .mySwiper-mile::after{content: "";width: 2px;height: 96%;border-left: 2px dashed rgba(255, 255, 255, .1);position: absolute;left: 8px;top: 4%;} */ .mySwiper-mile{width: 100%;max-height: 100%;overflow: scroll;padding-right: 50px;position: relative;} .mySwiper-mile::-webkit-scrollbar{width: 3px;height: 100%;background-color:transparent; border-left: 1px solid rgba(244, 244, 244, 0.14);} .mySwiper-mile::-webkit-scrollbar-thumb {width: 3px;height: 60px;background-color: rgba(255, 255, 255, .8);cursor: pointer;} .mySwiper-mile .swiper-wrapper{margin: 0;} .mile-box{position: relative;width: 100%;} .mile-box::after{content: "";width: 2px;height: 96%;border-left: 2px dashed rgba(255, 255, 255, .2);position: absolute;left: 8px;top: 4%;} /* .mile .pag-mile{position: static;} .pag-mile{display: flex;flex-direction: column;position: relative;} .pag-mile::after{content: "";width: 1px;height: 100%;background-color: rgba(255,255,255,.2);position: absolute;left: 50%;margin-left: -.5px;top: 0;} .pag-mile .swiper-pagination-bullet {width: 3px;height: auto;flex: 1;background-color: transparent;border-radius: 0;} .pag-mile .swiper-pagination-bullet-active{opacity: .8;background-color: #fff;} */ .his-album {margin-top: 120px;} .his-album .top-head{text-align: center;} .his-album .img-1{margin-bottom: 20px;} .his-album .content{position: relative;} .his-album .all-hover{width: 78px;height: 78px;border-radius: 100%;border: solid 3px rgba(1, 64, 153, 0.15);background-color: #fff;} .his-album .all-hover::after{font-family: 'cmsfont';color: var(--public-color-1);font-size: 27px;font-weight: 500;} .his-album .all-prev::after{content:"\f053";} .his-album .all-next::after{content:"\f054";} .his-album .all-next{right: -148px;} .his-album .all-prev{left: -148px;} .his-album .swiper-slide{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(.82); } .his-album .swiper-slide-active,.his-album .swiper-slide-duplicate-active{transform: scale(1.3);} .his-album .year-2{font-size: 340px;line-height: 56px;font-weight: bold;color: var(--public-color-2);opacity: .3;text-align: center;position: relative;z-index: 2;font-family: 'Urbanist-Bold';} @font-face { font-family: "Urbanist-Bold"; src: url("../../style/Fontss/Urbanist-Bold.ttf"); } .album-content .content-xl{display: none;} .album-content .content-xl.active{display: block;} .his-album-box{position: relative;margin-bottom: 60px;} .his-album-box::after{content: "";width: 100%;height: 2px;background-color: rgba(30, 94, 184, .2);position: absolute;left: 0;bottom: 44%;} .album-years .years-box-xl{display: flex;justify-content: space-between;width: 90%;margin: 0 auto;overflow: hidden;padding-left: 20px;/*border-bottom: 2px solid rgba(0,0,0,.5);*/} /* .album-years .years-box::after{content: "";width: 100%;height: 2px;background-color: #000000;opacity: .5;position: absolute;left: 0;bottom: 0;display: block;} */ .album-years .years-box-xl p{flex: 1;position: relative;} .album-years .years-box-xl p::after{content: "";width: 2px;height: 10px;background-color: #000000;opacity: .5;position: absolute;left: 0%;bottom: -5px;} .album-years .years-box-xl p::before{content: "";width: 100%;height: 2px;background-color: #000000;opacity: .5;position: absolute;left: 0%;bottom: 0px;} .album-years .years-box-xl p:last-child::before{display: none;} .album-years .years-box-xl p:last-child{flex: none;} .album-years .years-box-xl p span{display: inline-block;margin-left: -20px;cursor: pointer;} .album-years .years-box-xl p.active span{color: var(--public-color-1);font-weight: bold;} .album-years .years-box{width: 100%;overflow: hidden;position: relative;display: flex;justify-content: center;} /* .album-years .years-box-xl p:nth-child(even){} */ .contact-paper{margin-top: 170px;margin-bottom: 140px;color: #888888;} .contact-paper .img-1{margin-bottom: 20px;} .contact-paper .title{margin-bottom: 25px;} .contact-paper .top-head{width: 85%;margin-bottom: 70px;} .cont-first .icon{color: var(--public-color-1);width: 29px;height: 29px;display: flex;align-items: center;justify-content: center;} .cont-first .box-1 .name{font-size: 20px;line-height: 32px;color: #000;width: 15%;} .cont-first .box-1 .font-sty{font-size: 20px;line-height: 32px;color: #666;display: inline-block;width: 65%;} .cont-first .box-1{border-top:5px solid rgba(1, 64, 153, .05);margin-bottom: 100px;} .cont-first .box-1 .d{display: flex;justify-content: space-between;border-bottom: 5px solid rgba(1, 64, 153, .05);padding: 35px 0;} .cont-first .box-2 .d{font-size: 20px;line-height: 32px;margin-bottom: 20px;} .cont-first .box-2 .d:last-child{margin-bottom: 0;} .cont-first .box-2 .name{color: #333;font-weight: 500;} .cont-first .box-2 .font-sty{color: #999;} .cont-first .right{ background-color: rgba(255, 255, 255, 1);box-shadow: 0px 0px 64px 16px rgba(51, 51, 51, 0.05);border-radius: 10px;padding: 90px 80px 80px 80px;} .cont-first .form-control{background-color: #f8f8f8;border: 0;padding:25px 20px 20px 20px;} .cont-first .form-control::placeholder{font-size: 18px;line-height: 32px;color: #999;} .cont-first .form-group{margin-bottom: 20px;} .cont-first .form-group:last-child{margin-bottom: 40px;} .cont-first .all-a{border: 0;background-color: transparent;} .cont-first .left{width: 47%;} .cont-first .right{width: 47%;} .cont-first {margin-bottom: 110px;} .cont-second .p-l-sup .content .box-1{width: calc(100% / 3);} .cont-second .p-l-sup .box-1::after{ content: ""; width: 4px; height: 90%; background-color: rgba(1, 64, 153, .03); border-radius: 2px; display: block; position: absolute; right: -2px; top: 00%; } .cont-second .p-l-sup .box-1:last-child::after{display: none;} .cont-second .p-l-sup .box-2{border-bottom: 4px solid rgba(1, 64, 153, .03);padding-top: 30px;margin:0 35px;height: 100%;} .cont-second .p-l-sup .box-1:first-child .box-2{margin-left: 0;} .cont-second .p-l-sup .box-1:last-child .box-2{margin-right: 0;} .cont-second .p-l-sup{margin-bottom: 0;} .cont-second .font-sty{color: #888;width: 50%;} .cont-second .font-sty:nth-child(3){width: 100%;} .cont-second .text{display: flex;flex-wrap: wrap;} .cont-second{margin-bottom: 95px;} .cont-man .content{position: relative;} .cont-man .all-hover:nth-of-type(2){left: -165px;} .cont-man .all-hover:nth-of-type(1){right: -165px;} .cont-man .all-hover:nth-of-type(2)::after{content: "\f060";} .cont-man .all-hover:nth-of-type(1)::after{content: "\f061";} .cont-man .all-hover::after{font-family: 'cmsfont';color: rgba(3,0,0,.5);font-size: 14px;transition: all .4s ease-in-out;} .cont-man .all-hover{margin: 0;border: solid 2px rgba(3,0,0,.5);border-radius: 100%;width: 90px;height: 90px;transition: all .4s ease-in-out;top: 35%;} .cont-man .all-hover:hover{border-color: var(--public-color-1);} .cont-man .all-hover:hover::after{color: var(--public-color-1);} .cont-man .all-hover:nth-last-of-type(1){left: 80px;} .cont-man .all-hover:nth-last-of-type(2){right: 80px;} .mySwiper-man .swiper-slide-thumb-active{position: relative;} .mySwiper-man .swiper-slide-thumb-active::after{content: "";width: 100%;height: 100%;border: solid 6px #3696e1;position: absolute;left: 0;top: 0;} @media(max-width:1900px){ /* .index-pro-box .list:last-child .list-2{right: -20px;} */ /* .index-pro-box .list:first-child .list-2{left: -20px;} */ } @media(max-width:1800px){ .mac-second::after {width: 360px;height: 360px;bottom: -35%;} } @media(max-width:1770px){ .his-album .all-prev {left: -95px;} .his-album .all-next{right: -95px;} .rec-first .prev-rec{left: -100px;} .rec-first .next-rec{right: -100px;} } @media(max-width:1750px){ .cont-man .all-hover:nth-of-type(2) {left: -100px;} .cont-man .all-hover:nth-of-type(1) {right: -100px;} } @media(max-width:1730px){ .index-banner .cont-box {padding-left: 60px;padding-top: 50px;height: 400px;} .index-pro .right {margin-right: -120px;} .p-l-app::after {height: 480px;bottom: -130px;} .strength-middle::after{height: 106%;background-size: cover;} } /* @media(max-width:1710px){ .strength-middle::after {top: 50px;} } */ @media(max-width:1680px){ .header .max-1920px{padding: 0 15px;} .index-pro .right{margin-right: -90px;width: 62%;} .index-service .max-1650px.container-xl.m-right{padding: 0 15px;margin: auto;} .p-l-app .max-1640px.container-xl.m-right{padding-left: 15px;margin-left: auto;} .app-paper .max-1650px.container-xl.m-right{padding-left: 15px;margin-left: auto;} .ser-second .max-1650px.container-xl.m-right{padding-left: 15px;margin-left: auto;} } @media(max-width:1660px){ .his-album-box .album-content{padding-left: 85px;padding-right: 85px;} .his-album .all-prev{left:-70px} .his-album .all-next{right:-70px} .rec-first .all-hover{width: 60px;height: 60px;} } @media(max-width:1630px){ .index-inform .right{padding-top: 10px;} .mySwiper-zhu .all-hover:nth-last-of-type(1){left: 60px;} .mySwiper-zhu .all-hover:nth-last-of-type(2){right: 60px;} } @media(max-width:1620px){ .rec-first .content{padding: 0 85px;} .rec-first .prev-rec{left: 0px;} .rec-first .next-rec{right: 0px;} /* .pro-in-paper.pro-in-paper-ppae .p-i-first .model{font-size: 130px;} */ } @media(max-width:1600px){ .index-banner .img {width: 50%;margin-right: -60px;} .index-banner .cont-box {width: 60%;} .index-pro .right{margin-right: -60px;width: 61%;} .p-i-first .right{margin-right: -50px;width: 55%;} /* .p-i-first .model {font-size: 200px;top: 20px;} */ .app-content .process .box p {padding: 0 40px;} .app-content .process .text{margin-bottom: 50px;} .cont-man .all-hover:nth-of-type(2) {left: 20px;} .cont-man .all-hover:nth-of-type(1) {right: 20px;} .cont-man .all-hover::after{color: #fff;} .cont-man .all-hover{color: #fff;border-color: #fff;width: 80px;height: 80px;} } @media(max-width:1570px){ .index-banner.banner .banner-text{align-items: flex-end;padding-bottom: 70px;} .index-pro-box .list:first-child .list-1 .t3{width: 90%;margin-bottom: 15px;line-height: 28px;} .index-pro-box .img-1{height: 90px;} .index-pro-box .img-1 img{height: 100%;width: auto;max-width: none;} } @media(max-width:1560px){ .p-l-extreme::before ,.strength-middle::before{right: 15px;} .p-l-app::after {height: 50%;bottom: -170px;} .his-mile .top-head {top: -25%;} .his-mile::after {height: 100%;top: 0;} .his-mile{padding: 170px 0 100px 0;} } @media(max-width:1550px){ .title{font-size: 40px;} } @media(max-width:1530px){ .index-banner.banner .banner-text{padding-bottom: 30px;} .index-banner .img {width: 47%;margin-right: -30px;} .index-about{padding-bottom: 120px;padding-top: 90px;} .index-pro .right{margin-right: -30px;width: 60%;} .index-pro-box .img-1{height: 80px;} .index-pro-box .list-2 {width: 430px;} /* .index-pro-box .list {width: calc(calc(100% - 30px * 4) / 5);} */ .p-i-first .right{margin-right: 0px;width: 52%;} .p-i-first .model {top: 15px;} .mac-third-content>img{height: 520px;width: auto;} .mac-third-content{overflow: hidden;} .strength-middle::after{width: 70%;} .ser-second .left {padding-top: 40px;width: 55%;} .ser-second .left .text p{margin-bottom: 15px;} .ser-second .text {margin-bottom: 35px;} } @media(max-width:1490px){ .app-content .process .box p {padding: 0 25px;} .mySwiper-index .swiper-slide:nth-child(even) .index-banner .img{margin-left: 0;margin-right: 25px;} } @media(max-width:1475px){ .index-banner .img {margin-right: 0;} .index-banner .cont-box {padding-left: 40px;} .index-pro .right{margin-right: 0px;width: 59%;} .pro-app .list{width: calc(calc(100% - 40px * 3) / 4);} .app-machine .top-head {width: 100%;} .app-content .content .content-xl>.top-head{width: 80%;} .about-ser::after {height: 500px;} .NEWS .col-md-4{padding: 0 15px;} .NEWS .row{margin: 0 -15px;} } @media(max-width:1430px){ .index-banner .cont-box{height: 350px;} .index-banner .h1,.all-banner.banner .h1, .pro_banner .h1 {font-size: 38px;line-height: 42px;} .index-banner .img{padding-bottom: 0;width: 49%;} .index-about .small-box {width: 90%;} .index-about {padding-bottom: 95px;padding-top: 50px;} .index-about .title {font-size: 42px;} .index-about .img {margin-bottom: 40px;} .index-about .text {margin-bottom: 55px;} .index-pro-box .t3 {font-size: 16px;line-height: 26px;} .index-pro-box .list-1 .t3{height: auto;} .index-pro-box .img-1 {margin-bottom: 10px;height: 60px;} .index-pro-box .sign img {margin-left: -13.5px;} .index-pro-box .list-2 {width: 400px;} /* .index-pro-box .list {width: calc(calc(100% - 20px * 4) / 5);} */ .p-l-content .speed{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .p-l-content .speed p{width: 370px;} .p-l-app .left {width: 47%;} .p-l-app::after{bottom: -230px;} .p-i-first .left{padding: 65px 50px 55px 45px} .mySwiper-zhu .all-hover:nth-last-of-type(1) {left: 20px;} .mySwiper-zhu .all-hover:nth-last-of-type(2){right: 20px;} .mySwiper-zhu .all-hover {width: 75px;height: 75px;} .strength-middle::after{width: 75%;} .strength-bottom .top-head{width: 85%;} .about-ser::after {bottom: -270px;width: 450px;height: 450px;background-size: contain;} .ser-third .d a {font-size: 28px;} .title{font-size: 38px;line-height: 52px;} .text p{margin-bottom: 15px;} .small-nav {padding-bottom: 20px;} } @media(max-width:1400px){ /* .pro-in-paper.pro-in-paper-ppae .p-i-first .model{font-size: 120px;} */ } @media(max-width:1380px){ .p-l-extreme .content{align-items: flex-start;} .sust-middle .items-2 .list{padding: 0 35px 0 25px;} } @media(max-width:1360px){ .footer .list-2 {width: 27%;} .radar-effect-1::before{width: 550px;height: 550px;} /* .p-i-first .speed-size{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .p-i-first .speed-size p{width: 450px;} */ .cont-second .font-sty{width: 100%;} .cont-first .right{padding: 70px 59px 65px 60px;} } @media(max-width:1340px){ .index-pro-box .list-2 {width: 470px;} .p-i-first em{width: 55%;} .p-i-first strong {width: 45%;} .his-mile .top-head{top: -38%;width: 43%;} .his-mile {padding: 200px 0 70px 0;} .pro_banner .swiper-slide .slide-inner .cont-box {width: 40.875vw;left: 1.1875vw;transform: translateY(-17%);} /* .p-i-first .model{font-size: 120px;} */ } @media(max-width:1300px){ .mile-content{width: 88%;} /* .pro-in-paper.pro-in-paper-ppae .p-i-first .model{font-size: 110px;} */ } @media(max-width:1260px){ .index-pro-box .list-2 {width: 430px;} .radar-effect-1::before{width: 500px;height: 500px;left: 52%;top: 3%;} } @media(max-width:1230px){ .index-banner .cont-box {width: 62%;} .index-about .small-box {width: 95%;} .index-pro-box .list-1 .t3{height: auto;} } @media(max-width:1200px){ .index-banner .cont-box{padding-top: 25px;height: 325px;} .index-banner .h1 {margin-bottom: 25px;} .index-about .h3 {font-size: 32px;} .index-about .small-box{width: 100%;} .p-i-first .speed-size{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .p-i-first .speed-size p{width: 400px;} .strength-middle::after{width: 90%;} .his-mile .top-head{width: 53%;} .footer .list-3 {width: 35%;} /* .pro-in-paper.pro-in-paper-ppae .p-i-first .model{font-size: 90px;} */ .index-machine .list{width: calc(calc(100% - 40px * 2) / 3);} } @media(max-width:1100px){ .index-about .small-box{flex-wrap: wrap;} .index-about .list{margin-bottom: 28px;} .index-about .list:last-child{width: 100%;justify-content: center;} .index-banner .h1 {font-size: 28px;line-height: 42px;margin-bottom: 15px;} .index-banner .ul p{max-width: 100%;} .index-service .content{flex-direction: column-reverse;padding:30px 0} .index-service .left,.index-service .right{width: 100%;} .pro_banner .swiper-slide .slide-inner .img{position: relative;} .pro_banner .swiper-slide .slide-inner .img::after{content: "";width: 100%;height: 100%;background-color: #000;opacity: .6;position: absolute;left: 0;top: 0;} .pro_banner .h1,.pro_banner .swiper-slide .slide-inner .text,.pro_banner .swiper-slide .slide-inner .model{color: #fff;} .pro_banner .swiper-slide .slide-inner .cont-box{width: 60%;transform: translateY(-30%);} } @media(max-width:1000px){ .index-banner .ul p {font-size: 14px;} } @media(max-width:950px){ .index-banner>img{height: 500px;width: auto;} .index-banner .cont-box{padding-top: 0;display: flex;flex-direction: column;justify-content: center;height: 390px;} .index-banner .ul p{line-height: 28px;} .footer .footer-top{flex-wrap: wrap;} .footer .list-1,.footer .list-2 {width: 48%;} .footer .list-3{width: 80%;margin-top: 30px;} .footer .list-3 .logo {margin-bottom: 45px;margin-right: 15px;display: inline-block;} .footer .list-3 .email{margin-bottom: 0;} .social{width: 37%;} .footer .list-3 .logo img{margin-top: -40px;} .detail-nav{display: none;} .index-pro .content{flex-direction: column-reverse;} .index-pro .left,.index-pro .right{width: 100%;} .index-pro-box .list:first-child .list-1 .t3,.index-pro-box .t3{line-height: 24px;} .index-inform .content{flex-direction: column;} .index-inform .left,.index-inform .right{width: 100%;} .index-inform .max-1680px{padding: 0 15px;} } @media(max-width:768px){ .title{font-size: 22px;line-height: 32px;} .text p{margin-bottom: 10px;} .title{font-size: 22px !important;line-height: 32px !important;margin-bottom: 10px !important;} .dfrsb,.dfrsbc{flex-wrap: wrap !important;} .left,.right{width: 100% !important;} .text{font-size: 14px !important;line-height: 20px !important;} .top-head{margin-bottom: 25px !important;} .h6{font-size: 16px;line-height: 24px;} .all-hover {width: 35px;height: 35px;} .all-hover .iconfont {font-size: 16px;} .ul p::before {font-size: 16px;line-height:20px;} .h1{font-size: 22px !important;line-height: 32px !important;} .text p{margin-bottom: 10px !important;} .text p:last-child{margin-bottom: 0 !important;} .row{margin-left: -7px !important;margin-right: -7px !important;} .col-md-4,.col-md-3,.col-md-6{padding-left: 7px !important;padding-right: 7px !important;margin-bottom: 25px !important;} .small-nav{padding-top: 10px;margin-bottom: 0px;} .small-nav ul a {font-size: 16px;line-height: 24px;} .small-nav ul li::after {padding:0 10px;font-size: 16px;line-height: 24px;} .small-nav ul::before{content: "";background: url(../../images/sign-3.png) no-repeat;background-size: contain;width: 25px;height: 25px;display: inline-block;} .small-nav {padding-bottom: 5px;} .in-banner .small-nav{padding-left: 0px;} .in-banner .small-nav ul::before{content: "";background: url(../../images/sign-4.png) no-repeat;background-size: contain;} .in-banner .small-nav ul a {font-size: 14px;} .mySwiper-all .pag-all,.mySwiper-all-1 .pag-all-1{left: 0;bottom: 0;} .mySwiper-all-1{padding-bottom: 30px;} .pag-all .swiper-pagination-bullet,.pag-all-1 .swiper-pagination-bullet{background-color: var(--public-color-1);opacity: .3;} .pag-all .swiper-pagination-bullet-active,.pag-all-1 .swiper-pagination-bullet-active{opacity: 1;} .all-a {height: 43px;font-size: 16px;} .all-banner.banner .banner-text{padding-top: 10px;padding-bottom: 30px;justify-content: flex-start;} .index-banner .h1{font-size: 24px;line-height: 32px;margin-bottom: 15px;} .index-banner .cont-box{height: auto;padding:15px;width: 100%;margin-bottom: 25px;} .index-banner .img{width: 100%;margin-bottom: 20px;} .index-banner.banner>img{height: 100%;max-height: 555px;width: auto;} .index-banner .ul p{font-size: 14px;line-height: 20px;padding-left: 25px;margin-bottom: 5px;} .index-banner.banner .banner-text{padding-bottom: 0;align-items: center;} .index-banner .swiper-pagination, .mySwiper-index .swiper-pagination{bottom: 0px !important;} .index-banner .ul p::before {font-size: 14px;} .all-banner.banner .text{display:none} .pro_banner .swiper-slide .slide-inner .cont-box{width: 100%;transform: none;top: 0;} .pro_banner .h1{margin-bottom: 15px;} .index-pro .ul{margin-bottom: 0;} .index-paper{margin-top: 30px;margin-bottom: 30px;} .index-machine .text{width: 100%;margin-bottom: 30px;} .index-machine .cont {padding: 20px 15px 25px 15px;} .index-machine .h4{margin-bottom: 15px;font-size: 18px;line-height: 26px;} .index-machine{margin-bottom: 30px;} .index-machine .list{width: 100%;box-shadow: none;} .index-about{padding-top: 30px;padding-bottom: 10px;} .index-about .img{margin-bottom: 20px;} .index-about .text{margin-bottom: 20px;} .index-about .h3 {font-size: 23px;} .index-about .a{margin-bottom: 25px;} .index-about .list{align-items: center;} .index-about .list,.index-about .list:last-child {width: 48%;} .index-about .list .box-1{display: flex;flex-direction: column;} .index-about .list p{padding-left: 0;} .index-about .a .about {font-size: 18px;} .index-pro{margin-top: 30px;} .index-pro .img{margin-bottom: 15px;} .index-pro .top-head .text{width: 100%;margin-top: 20px;} .index-pro-box .list{width: 100%;margin-left: auto;margin-right: auto;border: 0;border: solid 6px rgba(1, 64, 153, .1);border-radius: 5px;} .index-pro-box .list-2 {width: auto;background-color: transparent;border-radius: 0;aspect-ratio:inherit;left: auto;right: auto;} /* .index-pro-box .list-2 .t3,.index-pro-box .list-2 p{color: inherit;} */ .index-pro-box .list-2 .img-2{height: inherit;} .index-pro-box{margin-bottom: 30px;width: 100%;} .index-pro{margin-bottom: 35px;} .index-pro .content{margin-bottom: 35px;} .mySwiper-inform {margin-bottom: 15px;} .mySwiper-inform .swiper-slide{padding-left: 0;} .mySwiper-inform::before{display: none;} .all-btn .all-hover {width: 45px;height: 45px;} .all-btn .all-hover::after {font-size: 18px;} .index-inform .h6,.index-service .h6{line-height: 24px;} .index-inform .text{margin-bottom: 25px;} .index-inform .left{margin-bottom: 10px;} .index-inform{margin-bottom: 30px;} .index-service .title span{display: inline;} .index-service{padding-top: 30px;padding-bottom: 30px;margin-bottom: 0;} .index-service .text{margin-bottom: 20px;} .index-service .content{flex-direction: column-reverse;} .index-service .right{margin-bottom: 20px;} .index-service{padding-top: 30px;} .mySwiper-news{padding-left: 0;} .mySwiper-news .mb-pag{left: 0;bottom: 30px;} .mySwiper-news .mb-pag span{background-color: var(--public-color);opacity: .3;} .mySwiper-news .mb-pag span.swiper-pagination-bullet-active{opacity: 1;} .index-news{margin-top: 30px;} .all-news .cont{padding: 25px 15px;} .all-news .t1{font-size: 18px;line-height: 26px;margin-bottom: 20px;} .all-news .time{margin-bottom: 15px;} .all-news .all-a {width: 160px;} .footer{padding-top: 30px;} .footer .list-1, .footer .list-2,.footer .list-3{width: 100%;} .footer .t1{margin-bottom: 10px;} .footer .font-sty {line-height: 32px;margin-bottom: 0;} .footer .list-1{margin-bottom: 20px;} .footer .list-2{margin-bottom: 20px;} .footer .list-3 .logo {margin-bottom: 25px;width: 75%;} .footer .list-3 .logo img{margin-top: 0;} .footer .list-3 .email{margin-bottom: 20px;font-size: 20px;} .footer .list-3 {margin-top: 0px;} .social {width: 70%;} .footer-bottom{padding: 10px 0;} .pro-index-paper{margin-top: 30px;margin-bottom: 30px;} .pro-content .cont{padding-top: 20px;} .pro-content .t1{font-size: 22px;line-height: 32px;margin-bottom: 15px;} .pro-content .col-md-6{margin-bottom: 30px;padding-bottom: 15px;} .pro-app{padding: 0;} .pro-app .t2{font-size: 18px;line-height: 26px;margin-top: 15px;} .pro-app .list {width: 48%;margin-bottom: 25px;} .p-l-first .h1{margin-bottom: 15px;} .p-l-first .text{margin-bottom: 20px;} .p-l-first .list p{ -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; width: 100%; } .p-l-first .list {width: 48%;margin-bottom: 25px;} .p-l-first .h5{font-size: 16px;line-height: 24px;} .p-l-first {margin-bottom: 40px;} .p-l-content{padding-top: 30px;padding-bottom: 30px;} .sheet .h4{width: 100%;height: 42px;margin-right:0;margin-bottom: 20px;} .sheet{flex-direction: column;display: flex;width: 100%;padding-bottom: 10px;} .sheet div {display: flex;justify-content: space-between;width: 100%;} .sheet div a{flex: 1;margin-right:0;text-align: center;} .sheet-size{margin-bottom: 25px;} .p-l-content .list {padding:20px} .p-l-content .box{padding-top: 15px;} .p-l-content .model{margin-bottom: 10px;} .p-l-content .t1{font-size: 18px;line-height: 26px;margin-bottom: 20px;} .p-l-content .speed p {padding: 10px 0 ;width: 100%;} .p-l-content .speed{font-size: 14px;} .p-l-extreme{padding-top: 30px;margin-bottom: 30px;} .p-l-extreme::before{display: none;} .p-l-extreme .left {gap: 20px;margin-bottom: 20px;} .p-l-extreme .list {padding-top: 15px;padding-bottom: 15px;} .p-l-extreme .h4{font-size: 18px;line-height: 26px;margin-bottom: 15px;} .p-l-sup .top-head{width: 100%;} .p-l-sup .content .box-1 {width: 50%;} .p-l-sup .box-2 {padding: 25px 0;margin: 0 20px;} .p-l-sup .box-2>div:first-child {margin-bottom: 25px;} .p-l-sup .t3{font-size: 16px;line-height: 24px; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word;} .p-l-sup .box-1:nth-child(odd) .box-2{margin-left: 0;} .p-l-sup .box-1:nth-child(even) .box-2{margin-right: 10px;} .p-l-sup .box-1:nth-child(1n + 4) .box-2{border-bottom: 0;} .p-l-sup .box-1:nth-child(n + 5) .box-2{border-bottom: 4px solid rgba(1, 64, 153, .03);} .p-l-sup .box-1:nth-child(3n + 3)::after{ content: ""; width: 4px; height: 80%; background-color: rgba(1, 64, 153, .03); border-radius: 2px; display: block; position: absolute; right: -2px; top: 10%;} .p-l-sup{margin-bottom: 30px;} .p-l-app .left{padding-top: 20px;} .p-l-app .content{flex-direction: column-reverse;} .p-l-app::after{display: none;} .p-l-app .img-1{margin-bottom: 10px;} .p-l-app .h6{line-height: 24px;} .p-l-app .text{margin-bottom: 20px;} .p-l-faq{padding-top: 40px;margin-bottom: 30px;} .all-faq .items{padding: 20px 35px 20px 45px;} .all-faq .num {width: 30px;height: 30px;top: 30px;} .all-faq .circle{top: 30px;} .all-faq .quen-q{font-size: 16px;line-height: 24px;} .all-faq .quen-a p {margin-bottom: 15px;} .all-faq .quen-a{margin-bottom: 5px;} .p-l-cont .left img{width: 100%;height: auto;max-width: 100%;} .p-l-cont .right {padding:20px;} .p-l-cont .h3 {font-size: 20px;margin-bottom: 25px;} .p-l-cont .d span{width: 100%;margin-bottom: 0px;font-size: 18px;line-height: 26px;} .p-l-cont .d{flex-wrap: wrap;margin-bottom: 30px;} .p-l-cont .d a + a{padding-left: 0;} .p-l-cont .d a{margin-top: 10px;font-size: 16px;} .p-l-cont .cont {margin-bottom: 30px;} .pro-list-paper{margin-bottom: 30px;} .p-i-first .left {padding: 20px;margin-bottom: 20px;} .p-i-first{padding-top: 30px;padding-bottom: 30px;overflow: hidden;} .p-i-first .h1 {margin-bottom: 20px;} .p-i-first .speed-size p{width: 100%} .p-i-first .speed-size{margin-bottom: 20px;} .p-i-first .right{padding-bottom: 0;} .p-i-first .model {font-size: 75px;line-height: 75px;top: 0px;position: static;text-align: center;} .p-i-content{margin-top: 30px;} .p-i-content .h5{margin-bottom: 15px;font-size: 20px;} .INTRODUCTION .left{margin-bottom: 15px;} .p-i-content>div{margin-bottom: 30px !important;} .FEATURES .p-l-sup .content .box-1{width: 50%;} .APPLICATIONS .list{width: 49%;} .PARAMETERS{padding-top: 30px;padding-bottom: 30px;} .PARAMETERS .para-name{flex-wrap: wrap;} .PARAMETERS .para-name p{flex: none;width: 50%;} .PARAMETERS .content{padding: 25px;} .PARAMETERS .active.items .items-xl{flex-direction: column;} .PARAMETERS .left{margin-bottom: 20px;} .PARAMETERS-TABLE{margin-top: 30px;} .table-wrapper-md table tr{width: 100px;} .table-wrapper table td:first-child {padding-left: 10px;} .table-wrapper table th, .table-wrapper table td {font-size: 16px;padding: 10px;font-size: 16px;} /* .pro-in-paper.pro-in-paper-ppae .p-i-first .model{font-size: 77px;} */ .pro-in-paper{margin-bottom: 30px;} .NEWS .list .text{margin-bottom: 25px;} .app-paper{margin-top: 30px;} .mySwiper-app{margin-bottom: 15px;} .pag-btn-box .pag, .pag-btn-box .pag{width: 70%;} .app-first{margin-bottom: 40px;} .app-name .box-1{display: none;} .app-name.active .box-1{display: block;animation: fadeInDown .6s;} .app-name .h2{display:flex;justify-content: space-between;align-items: center;width: 100%;padding-right: 20px;position: relative;} .app-name .h2 span{font-size: 18px;line-height: 26px;} .app-name .h2 .icon{font-size: 18px;} .app-content .app-name{margin-bottom: 20px;} .app-content .app-name p + p{margin-left: 0;} .app-content .content .content-xl>.top-head{width: 100%;} .app-content .process .text{margin-bottom: 25px;} .app-content .process .box p {padding: 0 15px;height: auto;line-height: 22px;} .app-content .process{margin-bottom: 30px;} .app-machine .h3{font-size: 18px;line-height: 26px;} .app-machine .d2 {margin-top: 20px;margin-bottom: 0;} .PRODUCTS .list .t2{font-size: 16px;line-height: 24px;} .app-machine .items{padding: 25px 0;} .PRODUCTS .list .model{margin-bottom: 10px;} .app-machine{margin-bottom: 30px;} .app-video{padding-top: 30px;padding-bottom: 30px;} .app-video .list{width: 100%;margin-bottom: 20px;} .sust-paper{margin-top: 30px;padding-bottom: 30px;} .sust-first .box-1{width: 50%;border-bottom: 4px solid rgba(30, 94, 184, .05);padding-top: 25px;padding-bottom: 25px;} .sust-first .box-1:nth-child(even)::after{display: none;} .sust-first .img-2{margin-bottom: 20px;} .sust-first .box-1:nth-child(odd){padding-left: 30px;} .sust-first{margin-bottom: 30px;} .sust-middle .items-1 .list {padding: 10px;} .sust-middle .items-1,.sust-middle .items-2{height: auto;flex-wrap: wrap;} .sust-middle .items-1 .list{width: 100%;flex: none;margin-bottom: 20px;} .sust-middle .items-2 .list{width: 50%;flex: none;padding: 10px;} .sust-middle .h3{font-size: 16px;line-height: 24px;} .sust-middle .items-1 .d{margin-bottom: 30px;} .sust-middle .items-2 .img-2{margin-bottom: 30px;} .sust-middle .content::after,.sust-middle .content::before{display: none;} .sust-middle{margin-bottom: 30px;} .sust-third .list{width: 100%;} .sust-third .cont{padding: 25px 30px;} .sust-third .list p{height: auto;margin-bottom: 25px;} .sust-third .mySwiper-all{padding-bottom: 30px;} .machine-paper{margin-top: 30px;margin-bottom: 30px;} .mac-first .top-head{width: 100%;} .mac-first .h6{line-height: 24px;} .h6{line-height: 24px !important;} .mac-first .list{width: 100%;padding: 20px;height: auto;margin-bottom: 20px;} .mac-first .list:last-child{margin-bottom: 0;} .mac-first .img{height: auto;margin-bottom: 20px;} .mac-first .h5{margin-bottom: 10px;} .mac-first{margin-bottom: 30px;} .mac-second .h7{margin-top: 20px;} .mac-second .content{display: flex;flex-wrap: nowrap !important;margin-bottom: 30px;} .mac-second .t3{font-size: 12px;line-height: 20px;} .mac-second::after{display: none;} .mac-second{margin-bottom: 30px;} .mac-third-banner .mac-height{height: auto;} .mac-third .list{width: 100%;margin-bottom: 20px;} .mac-third .list:last-child{margin-bottom: 0;} .mac-third .t2{font-size: 19px;line-height: 27px;} .mac-third .cont{margin-bottom: 10px;} .mac-third-content>img{height: 680px;} .mac-third-banner{display: flex;align-items: center;} .mac-third .list-1,.mac-third .list-2{height: auto;padding:15px;} .mac-third{margin-bottom: 30px;} .mac-forth-xl .title{position:static;width: 100%;padding-top: 0;} .mac-forth .p-l-sup{width: 100%;} .mac-forth-xl{flex-wrap: wrap;} .mac-forth .p-l-sup .content .box-1:nth-child(1) {display:none} .mac-forth-xl::after{display: none;} .mac-forth .p-l-sup .box-1:nth-child(3) .box-2{border-bottom:0 ;} .mac-forth .p-l-sup .box-1:nth-child(4) .box-2{border-bottom: 4px solid rgba(1, 64, 153, .03);} .mac-forth .p-l-sup .box-1:nth-child(odd) .box-2{margin-left: 20px;} .mac-forth .p-l-sup .box-1:nth-child(even) .box-2{margin: 0px 15px;} .mac-forth .p-l-sup .box-2 {padding: 20px 0;margin: 0px 15px;} .mac-forth .p-l-sup .box-2 > div:first-child{margin-bottom: 20px;} .manger-paper{margin-top: 30px;margin-bottom: 30px;} .manger-first .big-content::before{display: none;} .manger-first .left{padding-bottom: 20px;} .manger-first{margin-bottom: 40px;} .manger-second .h3{font-size: 20px;line-height: 28px;margin-bottom: 20px;} .mySwiper-zhu .all-hover{width: 60px;height: 60px;top: 60%;} .manger-second{margin-bottom: 30px;} .manger-third .list:first-child{width: 100%;height: auto;padding: 0;} .manger-third .list{width: 50%;padding: 20px;height: auto;} .manger-third .list-1 .img-1{display: block;margin-bottom: 10px;} .manger-third{padding:0} .manger-third .img-2{margin-bottom: 20px;} .strength-paper{margin-top: 30px;margin-bottom: 30px;} .strength-first .list{width: 100%;margin-bottom: 20px;} .strength-first .list:last-child{margin-bottom: 0;} .strength-first .img {margin-bottom: 15px;} .strength-first{margin-bottom: 30px;} .p-l-extreme::before, .strength-middle::before,.strength-middle::after{display: none;} .strength-middle .h3{font-size: 20px;line-height: 28px;} .strength-middle .items {margin-bottom: 35px;} .strength-middle .cont{padding-top: 20px;} .strength-bottom{padding-top: 30px;} .strength-bottom .img-1{margin-bottom: 10px;} .strength-bottom .top-head{width: 100%;} .strength-middle .num {right: 5px;bottom: 5px;font-size: 28px} .about-paper{margin-top: 30px;margin-bottom: 30px;} .about-first .left{margin-bottom: 20px;} .about-first .list {padding: 15px 0;width: 47%;align-items: center;} .about-first .list .img {width: 70px;height: 70px;} .about-first .right{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;background-color: #f6f9fc;padding: 10px;} .about-first .list .num{font-size: 24px;line-height: 32px;} .about-first{margin-bottom: 30px;} .about-first::after{display: none;} .about-video{margin-bottom: 30px;} .about-cer .left{margin-left: 0;} .about-cer .text,.about-sust .text{margin-bottom: 20px;} .about-cer{margin-bottom: 40px;} .about-sust .content{flex-direction: column-reverse;} .about-sust .right{margin-bottom: 20px;} .about-sust{margin-bottom: 30px;} .about-ser{padding-top: 30px;padding-bottom: 30px;margin-bottom: 0;overflow: hidden;} .about-ser::after{display: none;} .radar-effect {right: 7%;top: 29%;} .radar-effect::before{width: 150px;height: 150px;} .radar-effect::after{width: 200px;height: 200px;} .radar-effect-1::before{display: none;} .mySwiper-man{display: none;} .about-man{margin-bottom: 30px;} .about-last .p-l-sup .content .box-1{width: 50%;} .about-last .p-l-sup .box-2{border-bottom: 0;margin: 0 20px;} .about-last .p-l-sup .box-1:nth-child(n + 3){border-bottom: 4px solid rgba(1, 64, 153, .03);} .about-last .p-l-sup .box-1:last-child::after{content: ""; width: 4px; height: 98%; background-color: rgba(1, 64, 153, .03); border-radius: 2px; display: block; position: absolute; right: -2px; top: 00%;} .about-last .p-l-sup .img-2{margin-bottom: 20px;} .about-last .p-l-sup .img-2{margin-bottom: 15px;} .history-paper{margin-top: 30px;margin-bottom: 30px;} .his-mile .top-head{position: static;width: 100%;} .his-mile .content{flex-wrap: wrap-reverse;flex-direction: column;} .his-mile{padding: 0;} .mile {width: 100%;position: static;} .mile-zhu .swiper-slide{padding-right: 10%;} .mile-zhu{justify-content: flex-start;} .mile-content{width: 100%;} .mile-zhu .mySwiper-mile-zhu{width: 100%;} .mile-zhu .year {right: 0;} .his-mile::after{display: none;} .mile-zhu .all-btn {justify-content: flex-end;padding-left: 0;} .his-album{margin-top: 30px;} .his-album .year-2 {font-size: 110px;} .his-album .all-hover{width: 60px;height: 60px;} .his-album-box{margin-bottom: 30px;} .his-album .all-prev {left: -80px;} .his-album .all-next{right: -80px;} .culture-paper{margin-top: 30px;margin-bottom: 30px;} .cul-mission .list{width: 100%;margin-bottom: 20px;} .cul-mission .content::after{display: none;} .cul-mission .box{padding: 20px;} .cul-mission .list .text{margin-bottom: 20px;} .cul-mission .h5{font-size: 18px;line-height: 26px;} .cul-mission{margin-bottom: 30px;} .cul-values .content .box-1{width: 50%;} .cul-values .box-2{padding: 30px 0;} .cul-values .box-1:nth-child(n +2) .box-2{border-top: 0;} .cul-values .box-1:last-child::after{ content: ""; width: 4px; height: 100%; background-color: rgba(1, 64, 153, .03); border-radius: 2px; display: block; position: absolute; right: -2px; top: 0;} .cul-values .box-2 .text{text-align: left;} .cul-values .box-2>div:first-child{margin-bottom: 20px;} .cul-values{margin-bottom: 30px;} .cul-deve .left::after,.cul-deve::after,.cul-deve::before{display: none;} .cul-deve .left{margin-bottom: 20px;} .cul-deve .img-1{margin-bottom: 10px;} .cul-deve .text{margin-bottom: 20px;} .certificates-paper{margin-top: 30px;margin-bottom: 30px;} .cer-first .content .box-1{width: 50%;} .cer-first .box-2>div:first-child {margin-bottom: 25px;} .cer-first .box-2 {margin: 0 15px;padding: 25px 0 25px 0;} .cer-first .h2{font-size: 26px;line-height: 32px;} .cer-first{margin-bottom: 30px;} .cer-content .top-haed{padding-bottom: 25px;} .cer-content .top-haed::after,.cer-content .row::after{display: none;} .cer-content .col-md-3{width: 50%;} .cer-industry .list {width: 48%;margin-right: 0;margin-bottom: 30px;padding: 0 18px;} .cer-content .list .img{margin-bottom: 15px;} .cer-content{margin-bottom: 30px;} .cer-industry .list:nth-child(5){margin-left: 0;} .certificates-paper .text {font-size: 12px !important;line-height: 16px !important;} .cer-industry{margin-bottom: 10px;} .cer-honors .list{padding: 20px 25px;} .mySwiper-honors{margin-bottom: 20px;} .recruitment-paper{margin-top: 30px;margin-bottom: 30px;} .rec-first{margin-bottom: 30px;} rec-adv .box-2>div:first-child .img-2{margin-bottom: 15px;} .rec-adv .box-2>div:first-child{flex-direction: column;align-items: flex-start;margin-bottom: 20px;} .rec-adv{margin-bottom: 30px;} .rec-adv .box-2 {padding: 20px 0;margin: 0 15px;} .rec-adv .box-2 .img-2{margin-bottom: 20px;} .rec-adv .box-2>div:first-child {margin-bottom: 10px;} .rec-oppor .top-head{width: 100%;} .rec-oppor .all-faq .items{padding: 0px;} .rec-oppor .items.active .img-2 img{max-width: 90%;} .rec-oppor .all-faq .circle{right: 15px;top: 24px;} .rec-oppor .items.active .quen-q{font-size: 18px;line-height: 26px;padding-top: 10px;} .rec-oppor .all-faq .items.active .quen-a{margin-top: 15px;} .rec-oppor .items .ul p{padding-left: 25px;} .rec-oppor .items .items-xl{padding: 20px 35px 25px 45px;} .rec-oppor .items .ul{margin-bottom: 25px;} .rec-oppor .items.active .items-xl{margin-bottom: 30px;} .service-paper{margin-top: 30px;} .ser-first .top-head .text{width: 100%;} .ser-first .p-l-sup .box-2 {padding: 25px 0;} .ser-first{margin-bottom: 30px;} .ser-second .box{width: 100%;} .ser-second .content{flex-direction: column-reverse;} .ser-second .left{margin-right: 0;padding-top: 20px;} .ser-second .left::after{display: none;} .ser-second{margin-bottom: 30px;} .ser-second .text{margin-bottom: 0;} .ser-third .text {margin-bottom: 15px;} .ser-third .h6:nth-last-of-type(2) {margin-bottom: 10px;} .ser-third .left{margin-bottom: 20px;} .ser-third .img {width: 75px;height: 75px;} .ser-third .d {margin-bottom: 20px;padding-bottom: 20px;} .ser-third .d a {font-size: 20px;} .ser-third .h5 {margin-bottom: 10px;} .ser-third{margin-bottom: 30px;} .download-paper{margin-top: 30px;margin-bottom: 30px;} .download-paper .list .img img{max-width:85%} .download-paper .list{padding: 25px 45px 35px 60px;} .download-paper .circle {top: 40%;} .download-paper .t2{font-size: 18px;line-height: 26px;} .video-paper{margin-top: 30px;margin-bottom: 30px;} .video-paper .all-nav li{margin-right: 0;} .faq-paper{margin-top: 30px;margin-bottom: 30px;} .faq-paper .aside{width: 100%;top: 0;padding-top: 1px;} .faq-paper .article{width: 100%;} .faq-paper .aside p{margin-bottom: 1px;} .faq-paper .all-faq .items{padding-right: 35px;} .faq-paper .all-faq .box {padding-top: 10px;} .news-paper{margin-top: 30px;margin-bottom: 30px;} .news-paper .list .text{height: auto;margin-bottom: 20px;} .news-paper .all-news .t1{margin-bottom: 15px;} .contact-paper{margin-top: 30px;margin-bottom: 30px;} .contact-paper .top-head{width: 100%;} .all-news .list{box-shadow: none;border: solid 6px rgba(1, 64, 153, .1);} .cont-first .box-1 .d{justify-content: space-between;align-items: flex-start;padding: 20px 0;} .cont-first .icon{width: 15%;height: auto; font-size: 20px;margin-top: 7px;} .cont-first .box-2{width: 85%;} .cont-first .box-1 .font-sty,.cont-first .box-1 .name{width: 100%;} .cont-first .box-1{margin-bottom: 30px;} .cont-first .left{margin-bottom: 30px;} .cont-first .right{padding: 20px;} .cont-first{margin-bottom: 30px;} .cont-second .p-l-sup .content .box-1{width: 100%;} .cont-second .p-l-sup .box-1:nth-child(2) .box-2{border: 0;} .cont-second .p-l-sup .box-1:last-child::after{ content: ""; width: 4px; height: 90%; background-color: rgba(1, 64, 153, .03); border-radius: 2px; display: block; position: absolute; right: -2px; top: 00%;} .cont-second .p-l-sup .box-1:last-child .box-2{margin-right: 35px;margin-left: 35px;} .cont-second .p-l-sup .box-1:first-child .box-2{margin-left: 35px;} .cont-second{margin-bottom: 30px;} .cont-man .all-hover{width: 60px;height: 60px;} .ser-man .content{margin-bottom: 30px;} .app-content .app-name p{height: auto;display: block;} .app-content .app-name p:hover, .app-content .app-name p.active {color: var(--public-color-1) !important;background: transparent;} .app-name .all-nav a,.app-content .app-name p,.faq-paper .aside p {background-color: transparent;} .app-name p,.app-name a,.faq-paper .aside p{height: auto;justify-content: normal} .app-name p:hover,.app-name li:hover a,.faq-paper .aside p:hover, .app-name p.active,.app-name li.active a,.faq-paper .aside p.active {color: var(--public-color-1) !important;background: transparent;} .manger-third .content::after{display: none;} .strength-middle {padding-top: 20px;} /* .album-years .years-box-xl {width: auto;padding-left: 60px;flex-direction: column;overflow: visible;position: relative;} */ /* .album-years .years-box-xl::after{content: "";width: 2px;height: 95%;background-color: rgba(0, 0, 0, .5);position: absolute;right: 0px;top: 7px;} */ /* .album-years .years-box-xl p{width: 20px;height: 30px;flex: none;} */ /* .album-years .years-box-xl p span{margin-left: -30px;} */ /* .album-years .years-box-xl p::after{width: 5px;height: 2px;right: -5px;left: auto;top: 7px;bottom: auto;} */ /* .album-years .years-box-xl p::before{content:"";display: none;} */ /* .his-album{position: relative;} */ .album-years .years-box{width: 100%;overflow: scroll;} .album-years .years-box-xl{width: 100%;overflow: auto;} .album-years .years-box-xl p span{width: 65px;} .album-years .years-box-xl p::after{bottom: 0;} .album-years .years-box-xl p {height: 30px;} /* .album-years{position: absolute;left: 0;top: 50%;} */ /* .album-years .years-box-xl p:last-child{height: 2px;} */ /* .album-years .years-box-xl p:first-child::before{content: "";background-color: #000000;opacity: .5;position: absolute;width: 5px;height: 2px;right: -5px;left: auto;top: 0;display: block;} */ } @media(max-width: 430px){ /* .pro-in-paper.pro-in-paper-ppae .p-i-first .model{font-size: 55px;} */ .app-content .process .box p{font-size: 14px;} .p-l-content .speed p ,.p-i-first .speed-size p{width: 300px;} .p-i-first .a .more-7{width: 160px;} } .x2-list{margin-bottom:20px;} .x2-list .model{color: var(--public-color-1);font-weight: bold;margin-bottom: 0px;margin-top:15px;} .x2-list .t2{font-size: 18px;line-height:25px; color: #333;} .x2-list .img{background-color: #f4f4f4;padding: 50px 50px 20px 50px;} .x2-list .img img{mix-blend-mode: darken;}