:root{--public-color:#014099;--public-color-1:#014099;--public-color-2:#1e5eb8;--max:1430px}
.img-responsive{max-width:100%;height:auto}
.thumb-selectors{overflow:hidden;clear:both;margin:0 0 10px 0;padding:15px}
.product-thumb{border:none}
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}
}
.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{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 .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{margin-left:15px}
.dropdown.lang .dropdown-toggle:after{color:var(--public-color)}
.dropdown.lang .dropdown-menu{left:inherit;min-width:auto}
.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}
.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{}
.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;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-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}
}
.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}
.google-cookies{position:fixed;z-index:99;bottom:20px;left:0;right:0}
.google-cookies.off{display:none}
.google-cookies .container-xl{max-width:1400px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:8px 0 15px rgba(0,0,0,0.2);background:#fff;padding:20px;border-radius:10px}
.google-cookies .left{width:70%}
.google-cookies .right{text-align:center}
.google-cookies .t1{font-size:20px;font-weight:bold;color:var(--public-color);margin-bottom:5px}
.google-cookies .p1{font-size:14px;line-height:22px}
.google-cookies .p1 a{font-weight:bold;text-decoration:underline;margin-right:10px}
.google-cookies .cookies-btn{border:1px solid var(--public-color);color:var(--public-color);display:block;font-size:16px;padding:8px 25px;margin-top:8px;background:#fff;transition:all 0.5s;border-radius:10px;cursor:pointer}
.google-cookies .cookies-btn:hover{text-decoration:underline}
.google-cookies .cookies-btn:first-child{background:var(--public-color);color:#fff;margin-top:0}
@media(max-width:768px){
	.google-cookies{padding:0;bottom:0}
	.google-cookies .container-xl{border-radius:0;padding:10px}
	.google-cookies .left{width:100%}
	.google-cookies .t1{font-size:16px;line-height:24px}
	.google-cookies .p1{font-size:14px;line-height:16px;margin-bottom:10px}
	.google-cookies .right{width:100%;text-align:left}
	.google-cookies .cookies-btn{padding:5px 10px;border-radius:0;margin-top:10px;font-size:14px;display:inline-block}
}
#float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out}
#float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)}
#float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background:var(--public-color);border-top:1px solid #fff}
#float .ico:first-child>i{border-top:0px solid #fff}
#float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff}
#float .ico>.img>img{width:100%}
#float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:var(--public-color);color:#FFF;transition:all .6s;z-index:0;white-space:nowrap}
#float .ico:hover>.img{display:block}
#float .ico:hover p{right:56px}
#float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i:hover{background-color:var(--public-color);transition:none}
#float.hide{transform:translateX(56px)}
#float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out}
#float.hide .scale-ico i{transform:rotate(180deg);border-top:1px solid transparent}
#float .ico#scroll-top{display:block!important}
@media (min-width:1px) and (max-width:991px){
	#float .ico{width:40px;height:40px}
	#float .ico>i{font-size:22px;line-height:40px}
	#float .ico>.img{right:40px}
	#float .ico p{line-height:40px;padding:0 15px;height:40px}
	#float.hide{transform:translateX(40px)}
	#float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))}
}
.content-wrapper{}
.content-wrapper h2{font-size:28px;font-weight:600;margin-bottom:15px;margin-top:30px}
.content-wrapper h3{font-size:20px;font-weight:600;margin-bottom:15px;margin-top:30px}
.content-wrapper p{margin-bottom:15px}
.content-wrapper img{max-width:100% !important;height:auto !important;margin-bottom:15px}
.content-wrapper video{max-width:100% !important;height:auto !important}
.content-wrapper ul{padding-left:20px;margin-bottom:15px}
.content-wrapper ul li{list-style-type:initial;margin-bottom:10px}
.content-wrapper ol{padding-left:20px;margin-bottom:15px}
.content-wrapper ol li{list-style-type:initial;margin-bottom:10px}
.content-wrapper iframe{max-width:100%}
.content-wrapper table{width:100%;margin-bottom:1rem;color:#212529;margin-bottom:15px}
.content-wrapper table p{margin-bottom:0}
.content-wrapper table th,.content-wrapper table td{padding:0.5rem;vertical-align:middle;border:1px solid #dee2e6;text-align:center}
.content-wrapper table tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.03)}
.content-wrapper table tbody tr:hover{background-color:rgba(0,0,0,0.075);color:#555}
.content-wrapper table p{margin-bottom:0;line-height:32px}
.content-wrapper tbody th{color:#2980c7}
.table-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-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}
.about-vr{position:relative;width:100%;height:650px;overflow:hidden}
.about-vr iframe{display:block;width:100%;height:650px;border:0}
.about-vr .small-nav{z-index:2}
.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.webp);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.webp)}
.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.webp);display:block}
.row-line-1::after{content:url(../../images/row-2.webp);display:block}
.row-line-2::after{content:url(../../images/every-sign-1.webp);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.webp) 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.webp) 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}
.index-pro-box .idx-pro-thumb{height:100px;margin-bottom:20px}
.index-pro-box .idx-pro-card{background-color:#ffffff;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 .idx-pro-front .idx-pro-title{height:60px;display:flex;align-items:flex-end;margin-bottom:20px;width:100%;margin-left:auto;margin-right:auto}
.index-pro-box .idx-pro-card:last-child .idx-pro-front .idx-pro-title{width:99%}
.index-pro-box .idx-pro-title{font-size:20px;color:var(--public-color-1);font-weight:bold;margin-bottom:10px}
.index-pro-box .idx-pro-sign{opacity:.2;position:relative;width:100%;height:9px}
.index-pro-box .idx-pro-sign img{position:absolute;bottom:0;left:50%;margin-left:-4.5px;transition:left .3s ease-in-out}
.index-pro-box .idx-pro-card:hover .idx-pro-sign{opacity:1;width:100%}
.index-pro-box .idx-pro-card:hover .idx-pro-sign img{left:200%}
.index-pro-box .idx-pro-card.active{overflow:visible;position:relative}
.index-pro-box .idx-pro-card.active .idx-pro-front{display:none}
.index-pro-box .idx-pro-card.active .idx-pro-detail{display:flex;animation:fadeIn .6s ease-in-out;background:linear-gradient(155deg,var(--public-color-2) 0%,var(--public-color) 52%,#013674 100%);box-shadow:0px 12px 36px rgba(1,64,153,0.35);transform:scale(1.3);position:relative;width:100%;height:100%}
.index-pro-box .idx-pro-card.active .idx-pro-detail-inner{width:140%;height:100%;transform:scale(.9);position:absolute}
.index-pro-box .idx-pro-detail{display:none;justify-content:center;align-items:center;position:relative}
.index-pro-box .idx-pro-detail .idx-pro-title{color:#fff;font-size:20px;margin-bottom:20px}
.index-pro-box .idx-pro-detail .idx-pro-title:hover{color:#fff !important;text-decoration:underline;opacity:.95}
.index-pro-box .idx-pro-detail-inner{display:flex;flex-direction:column;justify-content:center}
.index-pro-box .idx-pro-detail p{color:rgba(255,255,255,.92);margin-bottom:2px}
.index-pro-box .idx-pro-detail p strong{border-bottom:1px solid rgba(255,255,255,.45);font-weight:400}
.index-pro-box .idx-pro-photo img{height:9vw;max-width:none;width:auto}
.index-pro-box .idx-pro-spec{display:inline-flex;flex-direction:column;margin-bottom:0px;color:rgba(255,255,255,.9)}
.index-pro-box .idx-pro-card--swiper{display:block;width:100%;aspect-ratio:unset;text-align:center;border-radius:5px;overflow:hidden;border:solid 6px rgba(1,64,153,.1)}
.index-pro-box .idx-pro-card--swiper .idx-pro-front{display:none}
.index-pro-box .idx-pro-card--swiper .idx-pro-detail{display:flex;position:relative;transform:none;width:100%;min-height:260px;padding:22px 16px;box-sizing:border-box;background:linear-gradient(155deg,var(--public-color-2) 0%,var(--public-color) 52%,#013674 100%)}
.index-pro-box .idx-pro-card--swiper .idx-pro-detail-inner{position:relative;width:100%;height:auto;transform:none}
.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: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}
.index-pro-box .idx-pro-spec{font-size:14px;line-height:24px}
@media(max-width:1650px){
	.index-pro-box .idx-pro-card.active .idx-pro-detail-inner{transform:scale(.75)}
}
@media(max-width:1340px){
	.index-pro-box .idx-pro-card.active .idx-pro-detail-inner{transform:scale(.69)}
}
@media(max-width:1100px){
	.index-pro-box .idx-pro-card.active .idx-pro-detail-inner{transform:scale(.8)}
	.index-pro-box{flex-wrap:wrap;justify-content:center;gap:30px 50px;width:80%;margin:0 auto 240px}
	.index-pro-box .idx-pro-card{width:calc(calc(100% - 50px) / 2)}
	.index-pro-box .idx-pro-photo img{height:13vw}
}
@media(max-width:910px){
	.index-pro-box .idx-pro-card.active .idx-pro-detail-inner{transform:scale(.75)}
}
@media(max-width:840px){
	.index-pro-box .idx-pro-card.active .idx-pro-detail-inner{transform:scale(.70)}
}
@media(max-width:768px){
	.index-pro-box .idx-pro-card.active .idx-pro-detail{transform:scale(1)}
	.index-pro-box .idx-pro-card.active .idx-pro-detail-inner{transform:scale(1);width:100%;height:auto}
	.index-pro-box .idx-pro-photo 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{margin-bottom:100px}
.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:100%;max-width:800px}
.index-service .right{width:100%;max-width:700px}
.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:120px}
.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:60px}
.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.webp);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 a.active{color:var(--public-color-1);font-weight:bold}
.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.webp) 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:60px;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:150px}
.p-i-first{background-image:linear-gradient(0deg,#f6f6f6 0%,#cececd 100%),linear-gradient(#014099,#014099);padding:60px 0;overflow:hidden}
.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:0px;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:25px}
.p-i-first .a{display:flex;justify-content:space-between}
.p-i-first .a .more-7{width:32%}
.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:center}
.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}
.p-i-content .content img{max-width: 100% !important; height: auto !important;}
.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:100%;margin-bottom:30px}
.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}
.APPLICATIONS .content{}
.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;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 .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.webp) 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:-5%;animation:radar-expand 3s infinite}
.radar-effect{width:100px;height:100px;background-color:transparent;border-radius:50%;position:absolute;right:21.3%;top:34%}
.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}
.styled-wrapper .button{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);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:110px 0;}
.app-video .img-1{margin-bottom:25px}
.app-video .title{margin-bottom:80px;text-align:center}
.process-glance{display:flex;flex-direction:column;gap:50px}
.process-row{display:flex;align-items:flex-start;justify-content:center;gap:20px}
.process-step{flex:0 0 396px;max-width:396px;text-align:center}
.process-img{margin-bottom:18px;line-height:0}
.process-img img{display:block;width:396px;height:247px;margin:0 auto}
.process-label{font-size:16px;line-height:24px;color:var(--public-color-1);font-weight:500;padding:0 5px}
.process-label .num{display:inline-block;margin-right:2px}
.process-arrow{flex-shrink:0;display:flex;align-items:center;align-self:flex-start;margin-top:calc((247px - 26px) / 2)}
.process-arrow svg{display:block;width:49px;height:26px}
.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.webp) no-repeat;width:180px;height:180px;position:absolute;right:-180px;top:-180px}
.sust-middle .content::after{content:"";background:url(../../images/sust-back-2.webp) 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:100px}
.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:100px;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:20px}
.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 .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{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:100px}
.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.webp) 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.webp);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:100px}
.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.webp) 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:100px}
.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.webp) 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.webp);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 .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.webp) 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:100px}
.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.webp) 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-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:100px;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.webp) 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.webp) 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:150px;margin-bottom:100px}
.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;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:100px}
.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{margin-bottom:105px;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.webp);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}
.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:100px;margin-bottom:100px}
.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}
.download-feedback-box{border: 1px solid #ddd;padding: 40px 50px;border-radius: 20px;margin-bottom: 50px}

@media(max-width:768px) {
    .download-feedback-box{padding: 20px;margin-bottom: 20px}
}

.video-paper{margin-top:110px;margin-bottom:100px}
.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:100px}
.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{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.webp);display:inline-block;position:absolute;left:0;top:2px}
.mySwiper-mile .swiper-slide-thumb-active::before{content:url(../../images/mile-1-1.webp)}
.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}
.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}
.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){

}
@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}
}
@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%}
	.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 .idx-pro-card:first-child .idx-pro-front .idx-pro-title{width:90%;margin-bottom:15px;line-height:28px}
	.index-pro-box .idx-pro-thumb{height:90px}
	.index-pro-box .idx-pro-thumb 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 .idx-pro-thumb{height:80px}
	.index-pro-box .idx-pro-detail{width:430px}
	.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 .idx-pro-title{font-size:16px;line-height:26px}
	.index-pro-box .idx-pro-front .idx-pro-title{height:auto}
	.index-pro-box .idx-pro-thumb{margin-bottom:10px;height:60px}
	.index-pro-box .idx-pro-sign img{margin-left:-13.5px}
	.index-pro-box .idx-pro-detail{width:400px}
	.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){

}
@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 .idx-pro-detail{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%)}
}
@media(max-width:1300px){
	.mile-content{width:88%}
}
@media(max-width:1260px){
	.index-pro-box .idx-pro-detail{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 .idx-pro-front .idx-pro-title{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%}
	.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 .idx-pro-card:first-child .idx-pro-front .idx-pro-title,.index-pro-box .idx-pro-title{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.webp) 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.webp) 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 .idx-pro-card{width:100%;margin-left:auto;margin-right:auto;border:0;border:solid 6px rgba(1,64,153,.1);border-radius:5px}
	.index-pro-box .idx-pro-detail{width:auto;border-radius:0;aspect-ratio:inherit;left:auto;right:auto}
	.index-pro-box .idx-pro-photo{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{margin-bottom:15px}
	.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{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 .title{margin-bottom:30px}
	.process-glance{gap:25px}
	.process-row{flex-wrap:wrap;gap:20px}
	.process-step{flex:0 0 100%;max-width:100%}
	.process-arrow{display:none}
	.process-img{margin-bottom:12px}
	.process-img img{width:100%;max-width:396px;height:auto}
	.process-label{font-size:14px;line-height: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{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}
}
@media(max-width:430px){
	.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}
.nydubibox .product-thumb{position:relative}
.nydubibox .product-thumb .zz{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}
.nydubibox .product-thumb .magiczoom{mix-blend-mode:multiply!important}
.nydubibox .product-thumbs .swiper-slide{mix-blend-mode:multiply!important}
.footer-bottom .container-xl{display:flex;justify-content:space-between;align-items:center}
.footer-bottom .top-lang .dropdown-menu{top:initial;bottom:100%;right:0;left:inherit}
.footer-bottom .top-lang .dropdown.lang .dropdown-toggle:after{color:#fff;content:"\f077"}
@media(max-width:768px){
	.footer-bottom .top-lang{display:none}
}

.x1-contact1{margin-top:100px;margin-bottom:100px;}
.x1-contact1 .container-xl{display:flex;flex-wrap:wrap}
.x1-contact1 .container-xl .left{width:53%;background:url(../../images/x2-bg1.webp) no-repeat;background-size:cover;padding:110px 55px 0}
.x1-contact1 .container-xl .right{width:47%;background:#014099;padding:70px}
.x1-contact1 .contact1-t1{font-size:36px;line-height:56px;color:#fff;margin-bottom:30px}
.x1-contact1 .lx{font-size:20px;color:#fff;margin-bottom:30px}
.x1-contact1 .lx a{font-size:18px;margin-left:10px;color:#fff}
.x1-contact1 .lx a:hover{text-decoration:underline;color:#fff!important}
.x1-contact1 .lx span{text-transform:uppercase;margin-right:30px}
.x1-contact1 .form-feedback .form-control{background:transparent;color:#fff;border:0;border-bottom:1px solid #3265ac}
.x1-contact1 .form-feedback .form-control::placeholder{color:#fff}
.x1-contact1 .was-validated .form-control:invalid,.x1-contact1 .form-control.is-invalid{border-color:#f5543f;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.x1-contact1 .btn-box{display:flex;justify-content:flex-end;flex-wrap:wrap}
.x1-contact1 .btn-box .feedback-result{width:100%}
.x1-contact1 .all-a{background:transparent;border:3px solid #fff}
.x1-contact1 .all-a .more-8{color:#fff;background:transparent}
.x1-contact1 .all-a:after{display:none!important}
.x1-contact1 .all-a:hover{background:#fff}
.x1-contact1 .all-a:hover .more-8{color:var(--public-color)!important}
@media(max-width:768px){
    .x1-contact1{margin-top:40px;margin-bottom:40px;}
	.x1-contact1 .contact1-t1{font-size:26px}
	.x1-contact1 .container-xl .left{padding:40px 15px}
	.x1-contact1 .container-xl .right{padding:15px}
	.x1-contact1 .lx span{display:block;margin-bottom:15px}
	.x1-contact1 .lx a{display:block;margin-left:0}
}
.x1-contact2{background:url(../../images/x2-bg2.webp) no-repeat;margin-bottom:150px}
.x1-contact2 .container-xl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.x1-contact2 .container-xl .left{width:43.5%}
.x1-contact2 .container-xl .right{width:47.5%;background:#fff;padding:75px 75px 60px;box-shadow:5px 0 10px rgba(0,0,0,0.1)}
.x1-contact2 .all-a{border:0;background:#fff}
.x1-contact2 .container-xl .left .contact2-t1{font-size:22px;line-height:36px;color:#fff;margin-bottom:50px}
.x1-contact2 .container-xl .left p{font-size:18px;line-height:26px;margin-bottom:25px;color:#fff;position:relative;display:flex}
.x1-contact2 .container-xl .left p:before{content:"\f00c";font-size:14px;font-family:cmsfont;color:var(--public-color);width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:5px;margin-right:30px}
@media(max-width:768px){
	.x1-contact2{margin-bottom:30px}
	.x1-contact2 .container-xl .left{padding:15px 0}
	.x1-contact2 .container-xl .left .contact2-t1{font-size:18px;line-height:26px;margin-bottom:20px}
	.x1-contact2 .container-xl .left p{font-size:16px;line-height:24px}
	.x1-contact2 .container-xl .right{padding:25px 15px}
}
 .custom-industry-apps {
                padding: 60px 0;
                background-color: #fcfcfc; /* Clean light background */
            }
            .custom-industry-apps__title {
                text-align: center;
                font-size: 28px;
                color: #333438;
                margin-bottom: 40px;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 1px;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 15px;
            }
            .custom-industry-apps__grid {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                gap: 20px;
            }
            .custom-industry-apps__card {
                background: #ffffff;
                border: 1px solid #ebebeb;
                padding: 2px 2px 12px 2px;
                border-radius: 2px;
                transition: border-color 0.3s ease, box-shadow 0.3s ease;
            }
            .custom-industry-apps__card:hover {
                border-color: #d6d6d6;
                box-shadow: 0 4px 15px rgba(0,0,0,0.03);
            }
            .custom-industry-apps__media {
                width: 100%;
                aspect-ratio: 1 / 1;
                overflow: hidden;
                background-color: #f5f5f5;
                margin-bottom: 16px;
            }
            .custom-industry-apps__media img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                transition: transform 0.4s ease;
            }
            .custom-industry-apps__card:hover .custom-industry-apps__media img {
                transform: scale(1.02);
            }
            .custom-industry-apps__label {
                text-align: center;
                font-size: 13px;
                color: #555;
                font-weight: 600;
                text-transform: uppercase;
                line-height: 1.4;
            }
            /* Responsive grid adjustments */
            @media (max-width: 1200px) {
                .custom-industry-apps__grid { gap: 10px; }
                .custom-industry-apps__card { padding: 10px; }
            }
            @media (max-width: 992px) {
                .custom-industry-apps__grid { grid-template-columns: repeat(3, 1fr); gap: 15px; }
            }
            @media (max-width: 768px) {
                .custom-industry-apps__grid { grid-template-columns: repeat(2, 1fr); }
            }
            @media (max-width: 480px) {
                .custom-industry-apps__grid { grid-template-columns: 1fr; }
            }

.z1-details{position:relative;padding-bottom:10px;}
.z1-details-inner{max-height:750px;overflow:hidden;transition:max-height .5s ease;}
.z1-details.is-expanded .z1-details-inner{max-height:9000px;}
.z1-details-item{display:flex;align-items:center;gap:40px;margin-bottom:30px;}
.z1-details-item:last-child{margin-bottom:0;}
.z1-details-img{flex:0 0 300px;border-radius:6px;overflow:hidden;}
.z1-details-img img{width:100%;height:auto;display:block;border-radius:6px;}
.z1-details-text{flex:1;padding-top:5px;}
.z1-details-title{font-size:18px;font-weight:bold;color:#333;margin-bottom:15px;text-transform:uppercase;}
.z1-details-desc{font-size:16px;line-height:24px;color:#666;}
.z1-details-mask{position:absolute;left:0;right:0;bottom:40px;height:250px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 85%);pointer-events:none;transition:opacity .3s ease,visibility .3s ease;}
.z1-details.is-expanded .z1-details-mask{opacity:0;visibility:hidden;}
.z1-details-toggle{display:flex;justify-content:center;align-items:center;width:100%;border:0;background:transparent;cursor:pointer;padding:15px 0;position:relative;z-index:2;outline:none;}
.z1-details-arrow{display:inline-flex;flex-direction:column;align-items:center;gap:1px;transition:transform .3s ease;}
.z1-details-arrow::before,.z1-details-arrow::after{content:"";display:block;width:12px;height:12px;border-right:2px solid var(--public-color-1);border-bottom:2px solid var(--public-color-1);transform:rotate(45deg);margin-top:-6px;}
.z1-details.is-expanded .z1-details-arrow{transform:rotate(180deg);}

@media(max-width:768px){
    .z1-details-inner{max-height:420px;}
    .z1-details-item{flex-direction:column;gap:20px;margin-bottom:30px;}
    .z1-details-img{flex:none;width:100%;}
    .z1-details-mask{bottom:35px;height:120px;}
}

.z1-sustainability-box1{margin:100px 0 10px;}
.z1-sustainability-box1-inner{align-items:center;gap:108px;}
.z1-sustainability-box1-img{width:48%;flex-shrink:0;}
.z1-sustainability-box1-img img{width:100%;height:auto;display:block;}
.z1-sustainability-box1-text{width:calc(100% - 48% - 108px);flex-shrink:0;display: flex;align-items: center;position: relative;}
.z1-sustainability-box1-text-inner{max-width: 630px;}
.z1-sustainability-box1-icon{margin-bottom:25px;}
.z1-sustainability-box1-icon img{display:block;max-width:60px;height:auto;}
.z1-sustainability-box1-title{font-size:42px;line-height:56px;color:#333;text-transform:uppercase;margin-bottom:30px;}
.z1-sustainability-box1-desc{font-size:18px;line-height:32px;color:#666;}

@media(max-width:768px){
    .z1-sustainability-box1{margin:30px 15px;}
    .z1-sustainability-box1-inner{flex-direction:column;gap:30px;}
    .z1-sustainability-box1-img,.z1-sustainability-box1-text{width:100%;}
    .z1-sustainability-box1-title{font-size:20px;line-height:30px;margin-bottom:20px;}
    .z1-sustainability-box1-desc{font-size:14px;line-height:24px;}
}

.z1-sustainability-box2{padding:100px 0 100px;position: relative;}
.z1-sustainability-box2::after {
    content: "";
    width: 50%;
    height: 62%;
    background-color: #f6f9fc;
    position: absolute;
    left: 0;
    bottom: -50px;
    z-index: -1;
}
.z1-sustainability-box2-head{text-align:center;margin-bottom:70px;}
.z1-sustainability-box2-icon{margin-bottom:25px;}
.z1-sustainability-box2-icon img{display:inline-block;max-width:60px;height:auto;}
.z1-sustainability-box2-title{font-size:42px;line-height:54px;color:#333;text-transform:uppercase;margin-bottom:20px;}
.z1-sustainability-box2-subtitle{font-size:18px;line-height:30px;color:#666;max-width:900px;margin:0 auto;}
.z1-sustainability-box2-list{display:flex;gap:0px;position: relative;}

.z1-sustainability-box2-item{flex:1;background:#fff;box-shadow:0 0 80px rgba(51,51,51,0.05);padding:50px 57px;}
.z1-sustainability-box2-item-icon{margin-bottom:30px;}
.z1-sustainability-box2-item-icon img{display:inline-block;max-width:80px;height:auto;}
.z1-sustainability-box2-item-title{font-size:18px;line-height:24px;font-weight:bold;color:#333;text-transform:uppercase;margin-bottom:20px;}
.z1-sustainability-box2-item-desc{font-size:16px;line-height:24px;color:#666;}

@media(max-width:992px){
    .z1-sustainability-box2-list{flex-wrap:wrap;}
    .z1-sustainability-box2-item{width:calc(50% - 15px);flex:none;}
}
@media(max-width:768px){
    .z1-sustainability-box2{padding:40px 0;}
    .z1-sustainability-box2-head{margin-bottom:40px;}
    .z1-sustainability-box2-title{font-size:22px;line-height:32px;}
    .z1-sustainability-box2-subtitle{font-size:14px;line-height:24px;}
    .z1-sustainability-box2-list{flex-direction:column;gap:20px;}
    .z1-sustainability-box2-item{width:100%;padding:25px 20px 25px 80px;}
    .z1-sustainability-box2-item-desc{font-size:14px;line-height:22px;}
    .z1-sustainability-box2-item-title{margin-bottom: 10px;}
    .z1-sustainability-box2-item-icon{position: absolute;left: 20px;}
    .z1-sustainability-box2::after{display: none;}
}

.z1-sustainability-box3{padding:180px 0 120px;overflow: hidden;}
.z1-sustainability-box3-inner{align-items:center;gap:80px;}
.z1-sustainability-box3-text{width:48%;flex-shrink:0;display:flex;align-items:center;}
.z1-sustainability-box3-text-inner{max-width:630px;}
.z1-sustainability-box3-icon{margin-bottom:25px;}
.z1-sustainability-box3-icon img{display:block;max-width:60px;height:auto;}
.z1-sustainability-box3-title{font-size:42px;line-height:56px;color:#333;text-transform:uppercase;margin-bottom:25px;}
.z1-sustainability-box3-desc{font-size:18px;line-height:32px;color:#666;margin-bottom:45px;}
.z1-sustainability-box3-item{margin-bottom:35px;}
.z1-sustainability-box3-item:last-child{margin-bottom:0;}
.z1-sustainability-box3-item-head{display:flex;align-items:flex-start;gap:15px;margin-bottom:10px;}
.z1-sustainability-box3-item-dot{width:18px;height:18px;min-width:18px;border-radius:50%;border:3px solid var(--public-color-1);display:flex;align-items:center;justify-content:center;margin-top:5px;}
.z1-sustainability-box3-item-dot::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--public-color-1);}
.z1-sustainability-box3-item-title{font-size:18px;line-height:26px;font-weight:bold;color:#333;text-transform:uppercase;}
.z1-sustainability-box3-item-desc{font-size:16px;line-height:26px;color:#666;padding-left:33px;}
.z1-sustainability-box3-img{width:47%;flex-shrink:0;position:relative;}
.z1-sustainability-box3-img::before {
    content: "";
    background: url(../../images/sust-back-1.webp) no-repeat;
    width: 180px;
    height: 180px;
    position: absolute;
    right: -180px;
    top: -180px;
} 
.z1-sustainability-box3-img>img{width:100%;height:auto;display:block;}
.z1-sustainability-box3-deco{position:absolute;top:-25px;right:-25px;width:130px;height:130px;z-index:2;}
.z1-sustainability-box3-deco span{position:absolute;width:65px;height:65px;}
.z1-sustainability-box3-deco span:nth-child(1){background:#0d2d5e;top:0;left:0;}
.z1-sustainability-box3-deco span:nth-child(2){background:#1e5eb8;top:0;right:0;}
.z1-sustainability-box3-deco span:nth-child(3){background:#4a8fdf;bottom:0;right:0;}

@media(max-width:768px){
    .z1-sustainability-box3{padding:10px 0 50px;}
    .z1-sustainability-box3-inner{flex-direction:column-reverse;gap:40px;}
    .z1-sustainability-box3-text,.z1-sustainability-box3-img{width:100%;}
    .z1-sustainability-box3-title{font-size:22px;line-height:32px;margin-bottom:15px;}
    .z1-sustainability-box3-desc{font-size:14px;line-height:24px;margin-bottom:30px;}
    .z1-sustainability-box3-item{margin-bottom:25px;}
    .z1-sustainability-box3-item-title{font-size:16px;line-height:24px;}
    .z1-sustainability-box3-item-desc{font-size:14px;line-height:22px;padding-left:33px;}
    .z1-sustainability-box3-deco{top:-15px;right:-10px;width:90px;height:90px;}
    .z1-sustainability-box3-deco span{width:45px;height:45px;}
    .z1-sustainability-box3-img::before {display: none;}
}

.z1-sustainability-box4{background:url(../../images/z1-img14.webp) no-repeat;background-size:cover;color:#fff;padding:100px 0;}
.z1-sustainability-box4-head{margin-bottom:60px;}
.z1-sustainability-box4-icon{margin-bottom:25px;}
.z1-sustainability-box4-icon img{display:block;max-width:60px;height:auto;}
.z1-sustainability-box4-title{font-size:42px;line-height:56px;color:#fff;text-transform:uppercase;margin-bottom:25px;}
.z1-sustainability-box4-desc{font-size:18px;line-height:32px;color:rgba(255,255,255,1);max-width:800px;}
.z1-sustainability-box4-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,0.15);}
.z1-sustainability-box4-item{display:flex;align-items:flex-start;gap:30px;padding:50px 40px;border-bottom:1px solid rgba(255,255,255,0.15);border-right:1px solid rgba(255,255,255,0.15);}
.z1-sustainability-box4-item:nth-child(2n){border-right:0;}
.z1-sustainability-box4-item-icon{flex-shrink:0;}
.z1-sustainability-box4-item-icon img{display:block;max-width:50px;height:auto;}
.z1-sustainability-box4-item-title{font-size:20px;line-height:26px;font-weight:bold;color:#fff;text-transform:uppercase;margin-bottom:12px;}
.z1-sustainability-box4-item-desc{font-size:16px;line-height:26px;color:rgba(255,255,255,1);}

@media(max-width:768px){
    .z1-sustainability-box4{padding:40px 0 20px;}
    .z1-sustainability-box4-head{margin-bottom:40px;}
    .z1-sustainability-box4-title{font-size:22px;line-height:32px;margin-bottom:15px;}
    .z1-sustainability-box4-desc{font-size:14px;line-height:24px;}
    .z1-sustainability-box4-grid{grid-template-columns:1fr;}
    .z1-sustainability-box4-item{padding:30px 20px;border-right:0;}
    .z1-sustainability-box4-item:last-child{border-bottom:0;}
    .z1-sustainability-box4-item-title{font-size:16px;line-height:24px;}
    .z1-sustainability-box4-item-desc{font-size:14px;line-height:22px;}
}

.z1-sustainability-box5{padding:100px 0 150px;}
.z1-sustainability-box5-inner{align-items:self-start;gap:80px;}
.z1-sustainability-box5-img{width:46%;flex-shrink:0;position: relative;}
.z1-sustainability-box5-img::after{
    content: "";
    background: url(../../images/sust-back-2.webp) no-repeat;
    width: 360px;
    height: 360px;
    position: absolute;
    left: -180px;
    bottom: -180px;
    z-index: 1;
}
.z1-sustainability-box5-img img{width:100%;height:auto;display:block;z-index: 2;position: relative;}
.z1-sustainability-box5-text{width:48%;flex-shrink:0;display:flex;align-items:center;}
.z1-sustainability-box5-text-inner{max-width:630px;}
.z1-sustainability-box5-icon{margin-bottom:25px;}
.z1-sustainability-box5-icon img{display:block;max-width:60px;height:auto;}
.z1-sustainability-box5-title{font-size:42px;line-height:56px;color:#333;text-transform:uppercase;margin-bottom:25px;}
.z1-sustainability-box5-desc{font-size:18px;line-height:32px;color:#666;margin-bottom:45px;}
.z1-sustainability-box5-item{margin-bottom:35px;}
.z1-sustainability-box5-item:last-child{margin-bottom:0;}
.z1-sustainability-box5-item-head{display:flex;align-items:flex-start;gap:15px;margin-bottom:10px;}
.z1-sustainability-box5-item-dot{width:18px;height:18px;min-width:18px;border-radius:50%;border:3px solid var(--public-color-1);display:flex;align-items:center;justify-content:center;margin-top:5px;}
.z1-sustainability-box5-item-dot::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--public-color-1);}
.z1-sustainability-box5-item-title{font-size:18px;line-height:26px;font-weight:bold;color:#333;text-transform:uppercase;}
.z1-sustainability-box5-item-desc{font-size:16px;line-height:26px;color:#666;padding-left:33px;}

@media(max-width:768px){
    .z1-sustainability-box5{padding:50px 0;}
    .z1-sustainability-box5-inner{flex-direction:column;gap:40px;}
    .z1-sustainability-box5-img,.z1-sustainability-box5-text{width:100%;}
    .z1-sustainability-box5-title{font-size:22px;line-height:32px;margin-bottom:15px;}
    .z1-sustainability-box5-desc{font-size:14px;line-height:24px;margin-bottom:30px;}
    .z1-sustainability-box5-item{margin-bottom:25px;}
    .z1-sustainability-box5-item-title{font-size:16px;line-height:24px;}
    .z1-sustainability-box5-item-desc{font-size:14px;line-height:22px;padding-left:33px;}
    .z1-sustainability-box5-img::after{display: none;}
}

.z1-sustainability-box6{background:#f6f9fc;padding:100px 0;}
.z1-sustainability-box6-head{text-align:center;margin-bottom:70px;}
.z1-sustainability-box6-icon{margin-bottom:25px;}
.z1-sustainability-box6-icon img{display:inline-block;max-width:60px;height:auto;}
.z1-sustainability-box6-title{font-size:42px;line-height:54px;color:#333;text-transform:uppercase;margin-bottom:20px;}
.z1-sustainability-box6-subtitle{font-size:18px;line-height:30px;color:#666;max-width:900px;margin:0 auto;}
.z1-sustainability-box6-list{display:flex;gap:0px;}
.z1-sustainability-box6-item{flex:1;background:#fff;box-shadow:0 0 80px rgba(51,51,51,0.05);padding:50px 50px;}
.z1-sustainability-box6-item-icon{margin-bottom:30px;}
.z1-sustainability-box6-item-icon img{display:block;max-width:80px;height:auto;}
.z1-sustainability-box6-item-title{font-size:18px;line-height:24px;font-weight:bold;color:#333;text-transform:uppercase;margin-bottom:20px;}
.z1-sustainability-box6-item-desc{font-size:18px;line-height:24px;color:#666;}

@media(max-width:768px){
    .z1-sustainability-box6{padding:50px 0;}
    .z1-sustainability-box6-head{margin-bottom:40px;}
    .z1-sustainability-box6-title{font-size:22px;line-height:32px;}
    .z1-sustainability-box6-subtitle{font-size:14px;line-height:24px;}
    .z1-sustainability-box6-list{flex-direction:column;gap:20px;}
    .z1-sustainability-box6-item{padding:25px 20px 25px 80px;}
    .z1-sustainability-box6-item-icon{position: absolute;left: 30px;}
    .z1-sustainability-box6-item-desc{font-size:14px;line-height:22px;}
    .z1-sustainability-box6-item-title{margin-bottom: 10px;}
}

.p-i-first .right.nydubibox{position: relative;display: flex;align-items: center;justify-content: center;}
.p-i-first .right.nydubibox .zzprovideo{position: absolute;z-index: 10;}
.video_icon{cursor: pointer;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:80px;height:80px;text-align:center;}
.video_icon i.iconfont{display:block;font-size:24px;width:80px;height:80px;line-height:80px;background-color:rgba(255,255,255,0.8);border-radius:50%;color:#014099;}
.video_icon .play,
.video_icon .play:before,
.video_icon .play:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(1, 64, 153, 0.6);
    -o-box-shadow: 0 0 0 0 rgba(1, 64, 153, 0.6);
    box-shadow: 0 0 0 0 rgba(1, 64, 153, 0.6);
    -webkit-animation: play 3s infinite;
    animation: play 3s infinite;
}

.video_icon .play:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.video_icon .play:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes play {
    70% {
        box-shadow: 0 0 0 20px rgba(1, 64, 153, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(1, 64, 153, 0);
    }
}

@keyframes play {
    70% {
        box-shadow: 0 0 0 20px rgba(1, 64, 153, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(1, 64, 153, 0);
    }
}