/*通用样式*/
:root{
    --public-color:#0b0b0b;
    --public-color-y:#f6c00f;
    --public-color-r:#ed0000;
    --max:1430px;
}
.a-lb:focus{outline: none !important;border: none !important;}
.iti__country-list .iti__flag, .iti__country-name{color: #999999;}
.card-thumb{overflow: hidden;display: block;}
*:focus{outline: none !important}
body{color:var(--public-color);font-size:18px;line-height:30px;font-weight: 400;font-family:'Rubik','Outfit',Arial,Helvetica,sans-serif;}
a{display:inline-block;transition: all .4s ease-in-out;}
a:hover{color:var(--public-color-y) !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){
    .container-xl.m-right{margin:0 auto;padding:0 15px}
    .container-xl.m-left{margin:0 auto;padding:0 15px}
}


.down-list{display: flex;justify-content: center;margin-top: 60px;}
.down-list .pagination{gap: 10px;}
.down-list .page-link{width: 50px;height: 50px;border-radius: 4px;display: flex;align-items: center;justify-content: center;}
@media(max-width:768px){
    .down-list{margin-top: 15px !important;justify-content: center;}
    .down-list .page-link {width: 35px;height: 35px;}
    .down-list ul li{padding-left: 0;}
}

.x3-title{font-size:16px;line-height:24px;margin-top:15px;display:block;text-align:center;}

.max-1920px{max-width: 1920px;margin-left: auto;margin-right: auto;overflow-x: clip;}
.max-1860px{max-width: 1860px;}
.max-1830px{max-width: 1830px;}
.max-1800px{max-width: 1800px;}
.max-1730px{max-width: 1730px;}
.max-1680px{max-width: 1680px;}
.max-1630px{max-width: 1630px;}
.max-1600px{max-width: 1600px;}
.max-1530px{max-width: 1530px;}
.max-1450px{max-width: 1450px;}
.max-1430px{max-width: 1430px;}

@media(max-width:768px) {.reveal-modal#mb-share{left:10%;margin-left:-5%;width:90%;}}
.grid{display:grid;grid-template-rows:repeat(var(--bs-rows,1),1fr);grid-template-columns:repeat(var(--bs-columns,12),1fr);
gap:var(--bs-gap,1.5rem)}.grid .g-col-1{grid-column:auto/span 1}.grid .g-col-2{grid-column:auto/span 2}.grid .g-col-3{grid-column:auto/span 3}.grid .g-col-4{grid-column:auto/span 4}.grid .g-col-5{grid-column:auto/span 5}.grid .g-col-6{grid-column:auto/span 6}.grid .g-col-7{grid-column:auto/span 7}.grid .g-col-8{grid-column:auto/span 8}.grid .g-col-9{grid-column:auto/span 9}.grid .g-col-10{grid-column:auto/span 10}.grid .g-col-11{grid-column:auto/span 11}.grid .g-col-12{grid-column:auto/span 12}.grid .g-start-1{grid-column-start:1}.grid .g-start-2{grid-column-start:2}.grid .g-start-3{grid-column-start:3}.grid .g-start-4{grid-column-start:4}.grid .g-start-5{grid-column-start:5}.grid .g-start-6{grid-column-start:6}.grid .g-start-7{grid-column-start:7}.grid .g-start-8{grid-column-start:8}.grid .g-start-9{grid-column-start:9}.grid .g-start-10{grid-column-start:10}.grid .g-start-11{grid-column-start:11}@media (min-width:576px){.grid .g-col-sm-1{grid-column:auto/span 1}.grid .g-col-sm-2{grid-column:auto/span 2}.grid .g-col-sm-3{grid-column:auto/span 3}.grid .g-col-sm-4{grid-column:auto/span 4}.grid .g-col-sm-5{grid-column:auto/span 5}.grid .g-col-sm-6{grid-column:auto/span 6}.grid .g-col-sm-7{grid-column:auto/span 7}.grid .g-col-sm-8{grid-column:auto/span 8}.grid .g-col-sm-9{grid-column:auto/span 9}.grid .g-col-sm-10{grid-column:auto/span 10}.grid .g-col-sm-11{grid-column:auto/span 11}.grid .g-col-sm-12{grid-column:auto/span 12}.grid .g-start-sm-1{grid-column-start:1}.grid .g-start-sm-2{grid-column-start:2}.grid .g-start-sm-3{grid-column-start:3}.grid .g-start-sm-4{grid-column-start:4}.grid .g-start-sm-5{grid-column-start:5}.grid .g-start-sm-6{grid-column-start:6}.grid .g-start-sm-7{grid-column-start:7}.grid .g-start-sm-8{grid-column-start:8}.grid .g-start-sm-9{grid-column-start:9}.grid .g-start-sm-10{grid-column-start:10}.grid .g-start-sm-11{grid-column-start:11}}@media (min-width:768px){.grid .g-col-md-1{grid-column:auto/span 1}.grid .g-col-md-2{grid-column:auto/span 2}.grid .g-col-md-3{grid-column:auto/span 3}.grid .g-col-md-4{grid-column:auto/span 4}.grid .g-col-md-5{grid-column:auto/span 5}.grid .g-col-md-6{grid-column:auto/span 6}.grid .g-col-md-7{grid-column:auto/span 7}.grid .g-col-md-8{grid-column:auto/span 8}.grid .g-col-md-9{grid-column:auto/span 9}.grid .g-col-md-10{grid-column:auto/span 10}.grid .g-col-md-11{grid-column:auto/span 11}.grid .g-col-md-12{grid-column:auto/span 12}.grid .g-start-md-1{grid-column-start:1}.grid .g-start-md-2{grid-column-start:2}.grid .g-start-md-3{grid-column-start:3}.grid .g-start-md-4{grid-column-start:4}.grid .g-start-md-5{grid-column-start:5}.grid .g-start-md-6{grid-column-start:6}.grid .g-start-md-7{grid-column-start:7}.grid .g-start-md-8{grid-column-start:8}.grid .g-start-md-9{grid-column-start:9}.grid .g-start-md-10{grid-column-start:10}.grid .g-start-md-11{grid-column-start:11}}@media (min-width:992px){.grid .g-col-lg-1{grid-column:auto/span 1}.grid .g-col-lg-2{grid-column:auto/span 2}.grid .g-col-lg-3{grid-column:auto/span 3}.grid .g-col-lg-4{grid-column:auto/span 4}.grid .g-col-lg-5{grid-column:auto/span 5}.grid .g-col-lg-6{grid-column:auto/span 6}.grid .g-col-lg-7{grid-column:auto/span 7}.grid .g-col-lg-8{grid-column:auto/span 8}.grid .g-col-lg-9{grid-column:auto/span 9}.grid .g-col-lg-10{grid-column:auto/span 10}.grid .g-col-lg-11{grid-column:auto/span 11}.grid .g-col-lg-12{grid-column:auto/span 12}.grid .g-start-lg-1{grid-column-start:1}.grid .g-start-lg-2{grid-column-start:2}.grid .g-start-lg-3{grid-column-start:3}.grid .g-start-lg-4{grid-column-start:4}.grid .g-start-lg-5{grid-column-start:5}.grid .g-start-lg-6{grid-column-start:6}.grid .g-start-lg-7{grid-column-start:7}.grid .g-start-lg-8{grid-column-start:8}.grid .g-start-lg-9{grid-column-start:9}.grid .g-start-lg-10{grid-column-start:10}.grid .g-start-lg-11{grid-column-start:11}}@media (min-width:1200px){.grid .g-col-xl-1{grid-column:auto/span 1}.grid .g-col-xl-2{grid-column:auto/span 2}.grid .g-col-xl-3{grid-column:auto/span 3}.grid .g-col-xl-4{grid-column:auto/span 4}.grid .g-col-xl-5{grid-column:auto/span 5}.grid .g-col-xl-6{grid-column:auto/span 6}.grid .g-col-xl-7{grid-column:auto/span 7}.grid .g-col-xl-8{grid-column:auto/span 8}.grid .g-col-xl-9{grid-column:auto/span 9}.grid .g-col-xl-10{grid-column:auto/span 10}.grid .g-col-xl-11{grid-column:auto/span 11}.grid .g-col-xl-12{grid-column:auto/span 12}.grid .g-start-xl-1{grid-column-start:1}.grid .g-start-xl-2{grid-column-start:2}.grid .g-start-xl-3{grid-column-start:3}.grid .g-start-xl-4{grid-column-start:4}.grid .g-start-xl-5{grid-column-start:5}.grid .g-start-xl-6{grid-column-start:6}.grid .g-start-xl-7{grid-column-start:7}.grid .g-start-xl-8{grid-column-start:8}.grid .g-start-xl-9{grid-column-start:9}.grid .g-start-xl-10{grid-column-start:10}.grid .g-start-xl-11{grid-column-start:11}}@media (min-width:1400px){.grid .g-col-xxl-1{grid-column:auto/span 1}.grid .g-col-xxl-2{grid-column:auto/span 2}.grid .g-col-xxl-3{grid-column:auto/span 3}.grid .g-col-xxl-4{grid-column:auto/span 4}.grid .g-col-xxl-5{grid-column:auto/span 5}.grid .g-col-xxl-6{grid-column:auto/span 6}.grid .g-col-xxl-7{grid-column:auto/span 7}.grid .g-col-xxl-8{grid-column:auto/span 8}.grid .g-col-xxl-9{grid-column:auto/span 9}.grid .g-col-xxl-10{grid-column:auto/span 10}.grid .g-col-xxl-11{grid-column:auto/span 11}.grid .g-col-xxl-12{grid-column:auto/span 12}.grid .g-start-xxl-1{grid-column-start:1}.grid .g-start-xxl-2{grid-column-start:2}.grid .g-start-xxl-3{grid-column-start:3}.grid .g-start-xxl-4{grid-column-start:4}.grid .g-start-xxl-5{grid-column-start:5}.grid .g-start-xxl-6{grid-column-start:6}.grid .g-start-xxl-7{grid-column-start:7}.grid .g-start-xxl-8{grid-column-start:8}.grid .g-start-xxl-9{grid-column-start:9}.grid .g-start-xxl-10{grid-column-start:10}.grid .g-start-xxl-11{grid-column-start:11}}
@media(max-width:768px){.grid{gap:var(--bs-gap,0.5rem)}}

/* 头部下拉 */
.pull-down {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease,visibility .3s ease;
    z-index: 9998;
    pointer-events: none
}

.nav-item:hover .pull-down {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.pull-down:not(.pull-down-wide) {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 89%;
padding: 10px 2vw 40px;
    box-sizing: content-box;
    width: max-content;
    max-width: 100vw;
}
/* 箭头 */
.pull-down:not(.pull-down-wide) ul.pull-down-inner::before {
    content: "";
    width: 30px;
    height: 26px;
    border-bottom: 13px solid #ffffff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
}
.pull-down:not(.pull-down-wide) .pull-down-inner {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    padding: 12px 0;
    min-width: auto;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.12)
}

.header:not(.scrolled) .pull-down:not(.pull-down-wide) .pull-down-inner {
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(10px)
}

.pull-down:not(.pull-down-wide) .pull-down-inner .pull-down-item {
    display: block;
    padding: 10px 0px;
    white-space: nowrap;
    width: 100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px 20px;
}
.pull-down:not(.pull-down-wide) .pull-down-inner .pull-down-item .icon{color: var(--public-color);}
.pull-down:not(.pull-down-wide) .pull-down-inner .pull-down-item.active{color: var(--public-color);}

.pull-down:not(.pull-down-wide) .pull-down-inner .pull-down-item+.pull-down-item {
    border-top: 1px solid rgba(0,0,0,.06)
}

.pull-down:not(.pull-down-wide) ul.pull-down-inner {
    list-style: none;
    margin: 0;
    padding: 0 20px;
    border-radius: 12px;
    position: relative;
}

.pull-down:not(.pull-down-wide) ul.pull-down-inner>li+li {
    border-top: 1px solid rgba(0,0,0,.06)
}

.pull-down:not(.pull-down-wide) .pull-down-menu-item {
    position: relative
}

.pull-down:not(.pull-down-wide) .pull-down-has-submenu>.pull-down-item {
    padding-right: 28px;
    position: relative
}

.pull-down:not(.pull-down-wide) .pull-down-has-submenu>.pull-down-item::after {
    content: '\203A';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .45;
    font-size: 14px;
    line-height: 1
}

.pull-down:not(.pull-down-wide) .pull-down-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 0;
    min-width: 220px;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease,visibility .2s ease;
    z-index: 10001
}

.header:not(.scrolled) .pull-down:not(.pull-down-wide) .pull-down-submenu {
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(10px)
}

.pull-down:not(.pull-down-wide) .pull-down-submenu::before {
    content: '';
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    width: 8px
}

.pull-down:not(.pull-down-wide) .pull-down-has-submenu:hover>.pull-down-submenu,.pull-down:not(.pull-down-wide) .pull-down-has-submenu:focus-within>.pull-down-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.pull-down:not(.pull-down-wide) .pull-down-submenu .pull-down-item {
    border-top: none
}

.pull-down:not(.pull-down-wide) .pull-down-submenu li+li {
    border-top: 1px solid rgba(0,0,0,.06)
}

.pull-down:not(.pull-down-wide) .pull-down-submenu .pull-down-item--sub {
    font-size: 13px
}

.pull-down.pull-down-wide {
    position: fixed;
    left: max(0px,calc((100vw - 1920px)/2));
    width: min(1920px,100vw);
    top: 55px;
    padding-top: 34px
}

.pull-down.pull-down-wide.pull-down-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    padding-top: 120px
}

.header.scrolled .pull-down.pull-down-wide {
    top: 56px
}

.header:not(.scrolled) .pull-down.pull-down-wide .pull-down-inner {
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(10px)
}

.pull-down.pull-down-wide .pull-down-inner {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    padding: 30px var(--container-padding);
    background: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,.12);
    display: flex;
    gap: 48px
}

.pull-down.pull-down-wide .pull-down-inner .pull-down-col {
    display: flex;
    flex-direction: column;
}



.nav-item:hover .ul-box{height:100%;padding:35px 45px 35px 70px;transition:all .45s ease-in-out;}
.ul-box-back .ul-box {
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
    color: #0b0b0b;
    padding: 75px 35px 75px 65px;
    border-radius: 15px;
    width: 100%;
    height: 0;
    overflow: hidden;
    max-width:1430px;
    margin:0 auto;
    position: relative;
    box-shadow: 5px 8px 51px 0px rgba(35, 88, 94, 0.06);
}
.navbar-custom .navbar-nav .down-wide .nav-link:hover::before{opacity: 1;}
.navbar-custom .navbar-nav .down-wide .nav-link::before{    
    content: "";
    width: 30px;
    height: 26px;
    border-bottom: 13px solid #ffffff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-25px);
    opacity: 0;
    transition: all .4s ease-in-out;
}
.ul-box-back .aside{width: 37%;text-align: left;border-right: 1px solid #efefef;padding-right: 25px;}
.ul-box-back .aside .h3 span{display: inline-flex;justify-content: center;align-items: center;width: 50px;aspect-ratio: 1;border-radius: 100%;background-color: rgba(246,192,15,0.2)}
.ul-box-back .aside .h3{margin-bottom: 20px;font-size: 30px;line-height: 30px;font-weight: 500;color: var(--public-color);text-align: left;display: flex;align-items: center;gap: 15px;}
.ul-box-back .aside .cont {line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* 最多3行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 30px;
}
.ul-box-back .aside .img , .ul-box-back .aside .img img{border-radius: 10px;}
.ul-box-back .aside .img{margin-bottom: 30px;}
.ul-box-back .aside .small-box{display: grid;grid-template-columns: repeat(3,auto);gap: 10px;margin-top: 40px;}
.ul-box-back .aside .list:last-child{border-right: none;}
.ul-box-back .aside .list {display: grid;grid-template-columns: 30px auto;align-items: center;gap: 5px;border-right: 1px solid #c4c4c6;padding-right: 10px;}
.ul-box-back .aside .list p{font-size: 14px;line-height: 20px;}

.ul-box-back .article{width: 60%;}
.ul-box-back .items{display: grid;grid-template-columns: repeat(4,1fr);gap: 25px 10px;}
.ul-box-back .article .h4{margin-bottom: 20px;font-size: 22px;line-height: 30px;font-weight: 500;color: var(--public-color);text-align: left;}
.ul-box-back .items .list{text-align: center;}
.ul-box-back .article .list .img-xl , .ul-box-back .list .img-xl img{border-radius: 10px;}
.ul-box-back .article .list .img-xl{height: 120px;box-shadow: 7px 10px 24px 0px rgba(0, 0, 0, 0.07);border: solid 1px #ededed;}
.ul-box-back .t1{font-size: 18px;line-height: 26px;font-weight: 500;margin-top: 10px;text-align: center;}
.article-parts{padding-bottom: 20px;border-bottom: 1px solid #f3f3f3;}
.article-option {padding-top: 20px;}
.article-option .option-nav{display: grid;grid-template-columns: repeat(3,1fr);gap:10px 30px;}
.article-option .icon{color: var(--public-color-y);margin-right: 10px;}



/* 自己写的 */
.in-header .header{box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.1);position: relative;}
.in-header .header.scrolled{position: relative}

/* 头部导航滚动样式 */
.header.scrolled{box-shadow: 0px 10px 20px 0px rgba(0, 85, 160, 0.05);background: #fff;}
.header.scrolled .navbar-custom .navbar-nav .nav-link {color: #282020;}
.header.scrolled .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{color: #282020;}
.header.scrolled .header-search-box .search-svg svg{color: #282020;}

.header{position: fixed;left: 0;right: 0;width: 100%;z-index: 99;transition: all .4s ease;max-width: 2530px;overflow-x: clip;margin: auto;}
.header .row-nav{display: flex;align-items: center;}
.header .header-nav{display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.header-top .row-nav{display: flex;align-items: center;justify-content: flex-end;width: auto;position: inherit;}
.header-top .navbar-custom{position: inherit;}

@media(max-width:1330px){
    .header{position: relative;}
    .header.scrolled{position: fixed;top: 0;}
    .header{box-shadow: 0px 10px 20px 0px rgba(0, 85, 160, 0.05);background: #fff;}
    .header .navbar-custom .navbar-nav .nav-link {color: #282020;}
    .header .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{color: #282020;}
    .header .header-search-box .search-svg svg{color: #282020;}
}
@media(max-width:1200px){
    .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after {margin-left: 0;}
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--public-color);
}

.contact-search{display: flex;align-items: center;gap: 25px;padding-left: 0px;}
.contact-search .a-lb{background-color: var(-);color: #ffffff;padding: 0 35px;}
.contact-search .a-lb::before{color: var(--public-color);}
.contact-search .top-search-box{margin: 0;}
.contact-search .dropdown.lang .dropdown-toggle{background-color: transparent;padding:0;border-radius: 0;}



/*默认导航样式*/
.navbar{padding:0px;position:relative;z-index:9999}
.navbar-custom{top:0;z-index:2;justify-content:end}
.navbar-custom .navbar-nav > .nav-item{font-size:16px;margin:0 25px;position: relative;}
.navbar-custom .navbar-nav .active > .nav-link{color: var(--public-color-y) !important;}
.navbar-custom .navbar-nav .nav-link{text-align:center;position:relative;color:#ffffff;padding:0;height:90px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:18px;line-height:30px;text-transform: capitalize;}
.navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{transition:.6s ease-in-out;color: #ffffff;font-weight: 400;margin-left: 5px;}
.navbar-custom .navbar-nav .nav-item:hover .dropdown-toggle::after,.navbar-custom .navbar-nav .nav-item.active .dropdown-toggle::after{transform:rotate(180deg);color: var(--public-color-y) !important;}
.navbar-custom .navbar-nav .nav-link:hover{color:var(--public-color-y) !important;transition:.6s ease-in-out}
.navbar-custom .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)}
.navbar-custom .navbar-nav .show > .nav-link,.navbar-custom .navbar-nav .active > .nav-link,.navbar-custom .navbar-nav .nav-link.show,.navbar-custom .navbar-nav .nav-link.active{}
.navbar-custom .navbar-text{color:rgba(0,0,0,0.5)}
.navbar-custom .navbar-text a{color:rgba(0,0,0,0.9)}
.navbar-custom .navbar-text a:hover,.navbar-custom .navbar-text a:focus{color:rgba(0,0,0,0.9)}

@media(max-width:1470px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 18px;}
    .navbar-custom .navbar-nav .nav-item {margin: 0 15px;}
    .header .a-lb{font-size: 16px;width: 140px;}
}
@media(max-width:1380px) {
    .navbar-custom .navbar-nav .nav-link {font-size: 16px;}
    .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after {padding: 0 5px;}
    .header .header-top{padding: 10px 0;}
}
@media(max-width:1270px) {
    .top-search-box{margin-right: -3px !important;}
}
@media(max-width:1200px) {
        .navbar-custom .navbar-nav .nav-item {margin: 0 5px;}
        .navbar-custom .navbar-nav .nav-item .dropdown-toggle::after{margin-left: 0;}
}
@media(max-width:1100px){
    .navbar-custom .navbar-nav .nav-link {font-size: 14px;}
}
@media(max-width:1100px) {
    .header .a-lb{display: none;}
}

/*移动端头部样式*/
@media(max-width:768px){
    body{padding-top:50px;font-size:14px;letter-spacing: -.3px !important;}
    .header-mb{background:#fff;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid var(--public-color-y);z-index:999}
    .header-mb .container-xl{height:50px;display: flex;align-items: center;justify-content:space-between;z-index: 99;}
    .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>*{padding:.5rem .75rem;}
    .header-mb .top-mb>.top-mb-search{width: 40px;}
    .header-mb .top-mb .icon-whatsapp{font-size:20px}
    .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 i{font-size:16px;color:#000}
    .header-mb .top-mb .icon-bars{color:#000}
    .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:auto}
    .top-mb-feed i{font-size:16px;color:#000}
    .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 li a.active{color: var(--public-color);}
    .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:0;color:#fff;}
    .search-box .btn.focus{border:1px solid rgb(128,189,255)}
    .search-box .icon{color:var(--public-color)}
    .main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none}
}
/*#endregion*/

/*#region 移动端栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff;width: 100%;}
.menu-collapse ul li{padding-left: 0;}
.menu-collapse .collapse-title { padding: 0.875rem; background: var(--public-color); color: #fafafa; }
.menu-collapse .collapse-title .h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: var(--public-color) }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }


/* 浮窗 */
#float{position:fixed;right:0;bottom:165px;margin-top:-60px;z-index:55;transform:translateX(0);transition:.3s ease-in-out}
#float .ico{display:block;width:56px;height:56px;text-align:center;position:relative;cursor:pointer;background:var(--public-color)}
#float .ico>i{font-size:30px;line-height:56px;display:block;color:#fff;position:relative;z-index:9999;background: var(--public-color);border-top:1px solid #fff}
#float .ico:first-child>i{border-top:0px solid #fff}
#float .ico>.img{position:absolute;right:56px;width:140px;top:0;display:none;background-color:#fff}
#float .ico>.img>img{width:100%}
#float .ico p{position:absolute;top:0;border-radius:0;right:-350px;padding:0px 20px;line-height:56px;font-size:16px;height:56px;background-color:var(--public-color);color:#FFF;transition:all .6s;z-index:0;white-space:nowrap}
#float .ico:hover>.img{display:block}
#float .ico:hover p{right:56px}
#float .scale-ico{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i{background-color:#b1b1b1;transition:.3s ease-in-out}
#float .scale-ico>i:hover{background-color:var(--public-color);transition:none}
#float.hide{transform:translateX(56px)}
#float.hide .scale-ico{width:calc(56px / 2);transform:translateX(calc(-56px / 2));border-top:0;transition:transform .6s ease-in-out .3s,width .3s ease-in-out}
#float.hide .scale-ico i{transform:rotate(180deg);border-top: 1px solid transparent}
#float .ico#scroll-top{display:block!important;}
@media (min-width:1px) and (max-width:991px){
    #float .ico{width:40px;height:40px}
    #float .ico>i{font-size:22px;line-height:40px}
    #float .ico>.img{right:40px}
    #float .ico p{line-height:40px;padding:0 15px;height:40px}
    #float.hide{transform:translateX(40px)}
    #float.hide .scale-ico{width:calc(40px / 2);transform:translateX(calc(-40px / 2))}
}

/*默认详情设置*/
.content-wrapper { line-height: 1.7;  margin-bottom: 1.5rem; }
.content-wrapper h2 { font-size: 26px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper h3 { font-size: 24px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper h4 { 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(even) { background-color: #edf2f7;}
.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 thead th{text-align: center;color: #fff;padding:15px 0;vertical-align: middle;font-weight: 500;}
.table-wrapper table thead{background-color: #eff5fc;}
.table-wrapper table th{background-color: #eff5fc;color: #fff;padding: 20px 15px 20px 60px;font-weight: 400;font-size: 16px;text-align:left;}
.table-wrapper table tr:first-child td{font-weight: 500;font-size: 18px;line-height: 32px;}
.table-wrapper table td {padding: 10px 5px; vertical-align: middle; font-size: 16px;line-height: 28px;color: #666666;font-weight: 400;text-align:left;padding-left: 50px;}
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}

.table-wrapper table tr{border-bottom: 1px solid var(--public-color);}
.table-wrapper table td + td{border-left: 1px solid var(--public-color);}
.table-wrapper table tr:hover{background-color: rgba(0,153,223, .05);}
@media (max-width: 575.98px) {
    .table-wrapper-md 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; }
    .table-wrapper table td{font-size: 14px;line-height: 20px;padding-left: 15px;}
}
@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}
@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}
}

/*#留言表单*/
.all-from .btn-box,.all-from-1 .btn-box{margin-top: 55px;}
.form-row.form-btn-box{position: relative;}
.form-row .btn-box{position: static;}
.form-row .pos-btn{position: absolute;top:100%;left:0;padding:0 10px;width: 100%;font-size: 14px;line-height: 24px;font-weight: 400;}
.form-row .a-ly::before{width: 16rem;}

.form-group .form-control::placeholder{font-size:16px;line-height:32px;color:#666666;opacity:1}
.form-group .form-control{padding:15px 20px 12px 20px;border:none;border-radius:8px;background-color:#f3f3f3;border:solid 1px #f3f3f3;color: #666666;}
.form-group .form-control:focus{border-color: var(--public-color);box-shadow: inset 0 0 0 1px var(--public-color);color: #666666;}
.form-group textarea.form-control{padding-top:10px}
.form-row{margin:0 -10px 20px !important}
.form-group{position:relative;padding:0 10px !important;margin-bottom: 0;}
.form-row .all_btn{display:flex;justify-content:center;align-items:center;height:47px;font-size:20px;font-weight:500;letter-spacing:0;border-radius: 24px;border: 0;padding: 0 40px;}
.form-row .all_btn::before{border-radius: 24px;border: 0;}
.form-cap .input-group{border:0;border-radius: 0px;overflow: hidden;gap: 6px;}
.form-cap .form-group .form-control{border:none;background-color: #f3f3f3;border-radius: 8px;}
.form-cap .input-group-append{width:100px;background-color:#f3fbfe;margin:0;border:none;border-radius: 8px;overflow: hidden;}
.input-group-append .input-group-text{border-radius: 2px !important;}
.input-group-append img{width:100%;height:auto;background-color:#f3fbfe;mix-blend-mode:darken}
.input-group-img{padding:0 !important}
.input-group-text{border:none}

.all-font-color .form-group .form-control ,
.all-font-color .form-group .form-control::placeholder ,
.all-font-color .form-group .form-control:focus{color: #ffffff;}
@media(max-width:1340px){
    .form-cap .input-group-append{width: 100px;}
}
@media(max-width:900px){
    .all-from .btn-box, .all-from-1 .btn-box{margin-top: 10px;}
}
@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}
}
@media(max-width:768px){
    .form-row {gap: 10px;}
    .form-row .all_btn{font-size: 16px;line-height: 24px;padding: 0 25px;}
}


.was-validated .form-control:invalid,.form-control.is-invalid {
    border-color: #f5543f;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

/*#搜索*/
.header-search-box{position:relative}
.header-search-box .search-svg{display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;transition:opacity .3s ease}
.header-search-box .search-svg:hover{opacity:.8}
.header-search-box .search-svg svg{width:20px;height:20px;color: #ffffff;}
.header-search-box .input-group.search-group{position:absolute;top:100%;right:0;margin-top:10px;display:flex;align-items:center;width:260px;height:40px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:100}
.header-search-box.active .input-group.search-group{opacity:1;visibility:visible;transform:translateY(0)}
.header-search-box .header-search-input{flex:1;min-width:0;height:100%;padding:0 14px;font-size:14px;color:#333;background:transparent;border:0;border-radius: 5px;}
.header-search-box .header-search-input::placeholder{color:#999}
.header-search-box .header-search-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--public-color);color:#fff;cursor:pointer;transition:background .3s;border:0}
.header-search-box .header-search-btn:hover{background:#333333}
.header-search-box .header-search-btn svg{flex-shrink:0}

/* .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} */
.header-lang{display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;transition:opacity .3s ease;position:relative;}
.header-lang .lang-svg{width:24px;height:24px;background:url(../../images/lang.gif) no-repeat center center;background-size:100% 100%;border-radius: 100%;background-color: #000000;filter: grayscale(1);}
.header-lang .lang-link{position:absolute;top:100%;right:0;margin-top:10px;min-width:140px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:100;}
.header-lang.active .lang-link{opacity:1;visibility:visible;transform:translateY(0);}
.header-lang .lang-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#333;text-decoration:none;transition:background .2s;}
.header-lang .lang-item:hover{background:#f5f5f5;color:var(--public-color);}
.header-lang .lang-item img{width:20px;height:14px;object-fit:cover;flex-shrink:0;}



/*#展会信息*/
.zhbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5);z-index:9999;display:none;align-items:center;justify-content:center;}
.zhbg .box{max-width: 1000px; background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);position:relative;}
.zhbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;}
.zhbg .box .zh-t1{display:flex;margin-bottom:25px;}
.zhbg .box .zh-t1 span{background:var(--public-color);display:inline-block;padding:10px;font-size:22px;color:#fff;}
.zhbg .box .zh-t2{font-size:26px;font-weight:bold;margin-bottom:15px;color:var(--public-color);}
.zhbg .box .zh-t3{font-size:18px;margin-bottom:15px;font-weight:bold;}
.zhbg .box .place{font-size:16px;line-height:24px;}
.zhbg .box .place p{margin-bottom:10px;}
.zhbg .box .place p i{color:var(--public-color);min-width:22px;}
.zhbg .box .place p strong{color:var(--public-color);}
.zhbg.on{display:flex;}

.zhkz.on{display: block;}
.zhkz{display: none; background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position: fixed;top:250px;right:-54px;transform: rotate(-90deg); padding: 10px 20px 20px;border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;cursor:pointer;z-index:99; }

@media(max-width:768px) {
    .zhbg .box{width:80%;padding:15px;}
    .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px; }
}


.in-banner .small-nav{position: static;}
.small-nav{width: 100%;display: flex;justify-content: center;margin-top: 10px;}
.small-nav ul::before{content:  url(../../images/nav.webp);display: inline-block;margin-right: 10px;transform: translateY(5px);}
.small-nav ul{display: flex;align-items:center;justify-content: center;flex-wrap: wrap;position: relative;max-width: 1400px;width: 100%;}
.small-nav ul a{font-size: 16px;line-height: 24px;color:#ffffff;font-weight: 300;}
.small-nav ul li::before{content: ">";line-height: 24px;font-size: 16px;font-weight: 400;padding: 0 10px;color:#ffffff;position: static;}                                   
.small-nav ul li:first-child::before{display: none;}
.small-nav ul li{display: flex;align-items: center;padding-left: 0;}
@media(max-width:1330px){
    .small-nav {top: 15px;}
}
@media(max-width:768px){
    .small-nav{padding-top:5px}
}
@media(max-width:768px){
    .small-nav ul a{font-size: 14px;line-height: 26px;}
    .small-nav ul li::before{padding: 0 5px;}
}



/* From Uiverse.io by mrhyddenn */ 
.a-lb:focus, .a-lb-1:focus{
    outline: none;
    box-shadow: none;
}
/* From Uiverse.io by nikk7007 */ 
.a-lb, .a-lb-1 {
    padding: 17px 40px;
    border-radius: 15px;
    font-size: 22px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
    transition: 300ms cubic-bezier(0.83, 0, 0.17, 1);
    overflow: hidden;
    display: inline-flex;
    align-items: center;
}
.a-lb span, .a-lb-1 span {
    position: relative;
    z-index: 1;
    font-weight: 500;
    transition: color 700ms cubic-bezier(0.83, 0, 0.17, 1);
    display: flex;
    align-items: center;
    gap: 15px;
}
.a-lb::before, .a-lb::after,
.a-lb-1::before, .a-lb-1::after {
    content: "";
    width: 150%;
    aspect-ratio: 1/1;
    scale: 0;
    transition: 1000ms cubic-bezier(0.76, 0, 0.24, 1);
    border-radius: 50%;
    position: absolute;
    translate: -50% -50%;
}
.a-lb::before, .a-lb-1::before { top: 0; left: 0; }
.a-lb::after, .a-lb-1::after { top: 100%; left: 100%; }
.a-lb:hover::before, .a-lb:hover::after,
.a-lb-1:hover::before, .a-lb-1:hover::after { scale: 1; }

/* 差异部分 */
.a-lb {background-color: var(--public-color-y);}
.a-lb span {color: var(--public-color);}
.a-lb:hover span {color: #ffffff;}
.a-lb:hover::before , .a-lb:hover::after{background-color: var(--public-color);}
.a-lb img {transition: filter 700ms cubic-bezier(0.83, 0, 0.17, 1);}
.a-lb:hover img {filter: brightness(0) invert(1);}

.a-lb-1 {background-color: var(--public-color);}
.a-lb-1 span {color: #ffffff;}
.a-lb-1:hover span {color: var(--public-color);}
.a-lb-1:hover::before , .a-lb-1:hover::after{background-color: var(--public-color-y);}
.a-lb-1 img {transition: filter 700ms cubic-bezier(0.83, 0, 0.17, 1);filter: brightness(0) invert(1);}
.a-lb-1:hover img {filter: none;}

@media(max-width:1200px){
    .a-lb,.a-lb-1{font-size: 18px;line-height: 26px;height: 42px;}
}
@media(max-width:768px){
    .a-lb,.a-lb-1{font-size: 16px;line-height: 24px;height: 42px;}
}


/*共有的类名*/
/* .text,.cont{letter-spacing: 0;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
} */
.title{font-size:36px;line-height:48px;color: var(--public-color);font-weight: 500;}
.title.title-c{text-align: center;}
h1{font-size: 42px;line-height: 52px;font-weight: bold;color: #333333;}
.t1{color: #333;}
.h6,h6{font-size: 20px;line-height: 30px;color: var(--public-color-y);font-weight: 500;}
.dfrsb{display: flex;justify-content: space-between;}
.dfrsbc{display: flex;justify-content: space-between;align-items: center;}
.dfcsb{display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.dfcsbc{display: flex;flex-direction: column;justify-content: space-between;}
.dfrcc{display:flex;justify-content: center;align-items: center;}
.ul li{position: relative;padding-left: 35px;margin-bottom: 0px;}
.ul li::before{content: '\f00c';font-family: 'cmsfont';font-size: 18px;line-height: 26px;font-weight: 600;position: absolute;left: 0;top: 0px;color: var(-);}
.top-head.t-h-c{text-align: center;margin-left: auto;margin-bottom: auto;}
.img img.block{display: block;animation: bounceIn 1s;}
.img img.red{display: none;animation: bounceIn 1s;}
.top-head-c{text-align: center;margin: auto;}


.title-img::before{content: url(../../images/sign-1.webp);display: block;}
.title-img-white::before{filter: brightness(0) invert(1);}

.all-back-right{position: relative;}
.all-back-right::after{content: "";width: 32%;height: 560px;background: url(../../images/home-back-1.webp) no-repeat;background-size: 100% auto;position: absolute;right: 0;z-index: -1;}
.all-back-left::after{content: "";width: 32%;height: 560px;background: url(../../images/home-back-2.webp) no-repeat;background-size: 100% auto;position: absolute;left: 0;z-index: -1;}

.all-swiper{position: relative;padding:0px;}
.all-hover {color: #a5a5a5;transition: all .3s ease-in-out;font-weight: bold;z-index: 2;margin-top: -20px}
.all-hover::after{font-size: 50px;transition: all .3s ease-in-out;font-weight: 300;font-family: 'cmsfont';}
.all-hover:hover::after{color: var(-) !important;}
.all-hover-next{right: -80px;}
.all-hover-prev{left: -80px;}
.all-hover-next::after{content:'\f054';}
.all-hover-prev::after{content: '\f053';}

.all-pag{position: static;display: flex;justify-content: center;gap: 15px;}
.all-pag span{width: 80px;height: 12px;background-color: #d6d6d6;border-radius: 15px;margin: 0 !important;}
.all-pag span.swiper-pagination-bullet-active{background-color: var(--public-color);}
@media(max-width:768px){
    .all-pag{gap: 5px;}
    .all-pag span {width: 25px;height: 4px;}
}


/*#标签样式*/
.tag{margin-bottom: 30px;font-size: 17px;line-height: 30px;}
.tag span{color: var(--public-color);}
.tag i{color: var(--public-color);}
.tag a{font-size: 17px;line-height: 30px;color: #333;}
.tag a:hover{text-decoration: underline;color: var(--public-color);}
.tag a:after{content: ",";display: inline-block;margin-left: 3px;margin-right: 4px;}
.tag a:last-child:after{display: none;}

@media(max-width:768px) {
  .tag{display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
}


.footer-gray{background-color: #fafafa;}
.footer-top{padding: 60px 0;}
.footer-top .content{display: flex;justify-content: space-between;}
.footer-top .content > div + div{border-left: 1px solid #efefef;}
.footer-top .h4{font-size: 22px;line-height: 32px;font-weight: 600;margin-bottom: 25px;}
.footer-top .h4::after{content: "";width: 45px;height: 4px;background-color: var(--public-color-y);border-radius: 4px;display: block;margin-top: 10px;}
.footer-top .h5{font-size: 18px;line-height: 26px;font-weight: 500;}
.footer-top .font-sty{font-size: 16px;line-height: 24px;}
.footer-top .a-box span{color: var(--public-color-y);}

.footer-top .list-1{width: 25%;min-width: 265px;}
.footer-top .list-1 .list{margin-bottom: 20px;}
.footer-top .list-1 .list:nth-last-child(1){margin-bottom: 0;}

.footer-top .list-2{width: 40%;padding-left: 30px;}
.footer-top .list-2 .h5{margin-bottom: 5px;}
.footer-top .list-2-box{display: grid;grid-template-columns: .7fr 1fr;;gap: 30px 5px;}
.footer-top .list-2 .a-box{display: inline-flex;flex-direction: column;align-items: flex-start;gap: 10px;}

.footer-top .list-3{width: 30%;padding-left: 30px;}
.footer-top .list-3 > div + div{border-top: 1px solid #efefef;}
.footer-top .list-3 .box-1{padding-bottom: 15px;}
.footer-top .list-3 .box-2{padding-top: 15px;}
.footer-top .list-3 .a-box{display: grid;grid-template-columns: repeat(2,1fr);justify-items: start;gap: 10px;}

.footer-bottom{border-top: 1px solid #efefef;height: 65px;display: flex;align-items: center;}
.footer-bottom .content{display: flex;justify-content: center;color: #666666;line-height: 20px;}
.footer-bottom .content > div + div{border-left: 1px solid #666666;padding: 0 20px;}
.footer-bottom .content > div:first-child{padding-right: 20px;}


.all-social{display: flex;gap: 10px;}
.all-social .hover-1,.all-social .hover-2{background-color: #ffffff !important;border:1px solid var(--public-color);color: var(--public-color) !important;width: 30px;height: 30px;font-size: 14px !important;display: inline-flex;justify-content: center;align-items: center;border-radius: 100%;margin: 0 !important;}
.all-social .hover-1::before,.all-social .hover-2::before{font-size: 14px;width: inherit;}
.all-social .hover-1:hover,.all-social .hover-2:hover{background-color: var(--public-color) !important;color: #ffffff !important;}

@media(max-width:1280px){
    .footer-top .list-2-box{grid-template-columns: .5fr 1fr;gap: 30px 15px;}
}
@media(max-width:1200px){
    .footer-top .list-2-box{display: flex;grid-template-columns: repeat(1,1fr);gap: 30px;flex-wrap: wrap;}
    .footer-top .list-3 .a-box{display: inline-flex;flex-direction: column;justify-content: flex-start;}
}
@media(max-width:1000px){
    .footer-top .content{flex-wrap: wrap;}
    .footer-top .list-1{width: 38%;}
    .footer-top .list-2{width: 60%;}
    .footer-top .list-3{width: 100%;border-left: none !important;border-top: 1px solid #efefef;padding-top: 25px;margin-top: 30px;padding-left: 0 !important;}
    .footer-top .list-3 .a-box{display: grid;grid-template-columns: repeat(2,1fr);justify-items: start;gap: 10px;}
}
@media(max-width:768px){
    footer{padding: 30px 0 10px;}
    .footer-top{padding: 0;}
    .footer-top .content > div:last-child{margin-bottom: 0;}
    .footer-top .content > div{margin-bottom: 0px;padding: 15px 0 !important;}
    .footer-top .content > div + div{border-left: none;}
    .footer-top .list-1{width: 100%;min-width: auto;}
    .footer-top .list-2{width: 100%;}
    .footer-top .list-2-box{display: grid;grid-template-columns: .7fr 1fr;gap: 30px 5px;}
    .footer-top .h4{font-size: 20px;line-height: 28px;}
    .footer-bottom .content{flex-wrap: wrap;gap: 10px 0;}
    .footer-bottom .content > div:first-child {padding-right: 10px;}
    .footer-bottom .content > div + div{padding: 0 10px;}
}
@media(max-width:500px){
    .footer-top .list-2-box{display: inline-flex;justify-content: flex-start;gap: 30px 20px;}
}


.all-nav {margin: 100px 0;position: sticky;top: 100px;height: fit-content;z-index: 2;background-color: #ffffff;}
.all-nav .nav{display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;padding:10px 0;}
.all-nav .nav a{min-width: 190px;height: 49px;font-size: 20px;background-color: #eeeeee;padding: 0 40px;display: inline-flex;align-items: center;justify-content: center;border-radius: 10px;}
.all-nav .nav a:hover,.all-nav .nav a.active{background-color: var(--public-color-y);color: #404040 !important;}

span.arrow{font-size: 14px;}

.banner-home{position: relative;background-color: #000000;overflow: hidden;}
.banner-home .swiper-slide {display: flex;justify-content: center;align-items: center;}
.banner-home .swiper-slide > img{opacity: .51;width: 100%;max-height: 900px;}
.banner-home .pag-home{margin-top: 115px;left: 0;}
.banner-home .pag-home span{width: 75px;height: 4px;background-color: #b4b4b4;border-radius: 4px;}
.banner-home .pag-home span.swiper-pagination-bullet-active{background-color: var(--public-color-y);}
.banner-home .banner-text{text-align: left;padding-top: 50px;}
.banner-home .content{position: relative;z-index: 1;display: flex;justify-content: space-between;align-items: center;}
.banner-home .left{width: 50%;max-width: 45rem;}
.banner-home .text{font-size: 16px;line-height: 28px;margin-bottom: 40px;}
.banner-home .text p{margin-bottom: 20px;max-width: 100%;}
.banner-home li{font-size: 18px;line-height: 30px;margin-bottom: 10px;padding-left: 30px;position: relative;}
.banner-home li::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color-r);font-weight: bold;position: absolute;left: 0;top: 0;}
.banner-home h1{color: #ffffff;font-weight: 500;margin-bottom: 20px;}
.banner-home .right{width: 45%;}
@media(max-width:1330px){
    .banner-home .banner-text{padding-top: 0;}
    .banner-home .swiper-slide > img{max-height: 700px;}
}
@media(max-width:1000px){
    .banner-home .swiper-slide > img{width: auto;height: 100%;}
}
@media(max-width:768px){
    .banner-home .swiper-slide > img{width: auto;height: 100%;max-height:700px}
    .banner-home .content{flex-direction: column-reverse;}
    .banner-home .left{width: 100%;max-width: 100%;}
    .banner-home .right{width: 100%;}
    .banner-home .banner-text{padding-top: 0;}
    .banner-home .text{margin-bottom: 30px;}
    .banner-home li{font-size: 16px;line-height: 24px;}
}


.banner-all{background-color: #000000;overflow-x: clip;}
.banner-all > img{opacity: .4;}
.banner-all .content{display: flex;flex-direction: column;justify-content: center;}
.banner-all h1  , .banner-all .h1{font-size: 38px;line-height: 46px;color: #ffffff;font-weight: 500;margin-bottom: 5px;}

@media(max-width:1330px){
    .banner-all .banner-text{padding-top: 0px;}
}
@media(max-width:768px){
    .banner-all{display: flex;justify-content: center;align-items: center;}
    .banner-all h1, .banner-all .h1{font-size:22px;line-height: 32px;}
    .banner>img, .swiper-slide>img{height: 200px;width: auto;max-width: none;}
}


.home-about-xl .content{display: flex;justify-content: space-between;align-items: center;gap: 90px;}
.home-about-xl .right{width: 50%;margin-bottom: 100px;}
.home-about-xl .title{font-size: 38px;position: relative;margin-bottom: 25px;}
.home-about-xl .title::before{content: "";width: 7px;height: 32px;background: url(../../images/sign-1.webp) no-repeat;background-size:100% 100%;position: absolute;left: -20px;top: 10px;}
.home-about-xl .text {margin-bottom: 50px;}
.home-about-xl .text p{margin-bottom: 15px;}
.home-about-xl .text > *:nth-last-of-type(1){margin-bottom: 0;}
.home-about-xl .a-btn{display: flex;flex-wrap: wrap;gap: 20px;}
.home-about-xl .a-btn > div{height: 83px;padding: 0 25px;cursor: default;}
@media(max-width:1540px){
    .home-about-xl .content {gap: 60px;}
    .home-about-xl .left{max-width: 700px;}
}
@media(max-width:1430px){
    .home-about-xl .a-btn > div{height: 68px;padding: 0 20px;font-size: 20px;}
}
@media(max-width:1230px){
    .home-about-xl .left {max-width: 650px;width: 45%;}
    .home-about-xl .a-btn > div {font-size: 18px;}
}
@media(max-width:1000px){
    .home-about .max-1730px {padding: 0 15px;margin: auto;}
    .home-about-xl .content{flex-direction: column;align-items: normal;gap: 45px;}
    .home-about-xl .left {width: 100%;}
    .home-about-xl .right {width: 100%;margin-bottom: 0;}
}
@media(max-width:768px){
    .home-about{padding: 30px 0;}
    .home-about-xl .content{gap: 25px;}
    .home-about-xl .left {width: 100%;}
    .home-about-xl .title::before{width: 4px;height: 16px;left: -10px;top: 7px;}
    .home-about-xl .text{margin-bottom: 30px;}
    .home-about-xl .a-btn > div {height: 52px;font-size: 16px;}
    .home-about-xl .a-btn > div span{gap: 10px;}
    .home-about-xl .a-btn > div img{max-width: 12%;}
}
@media(max-width:530px){
    .home-about-xl .a-btn{display: grid;grid-template-columns: repeat(2, auto);gap: 10px;}
    .home-about-xl .a-btn > div{padding: 0 10px;}
    .home-about-xl .a-btn > div span {gap: 5px;letter-spacing: -.6px;}
}
@media(max-width:430px){
    .home-about-xl .a-btn{display: flex;flex-wrap: wrap;}
}

.home-find{transform: translateY(-50%);}
.home-find .content{height: 195px;background-color: var(--public-color-y);display: flex;justify-content: space-between;align-items: center;gap: 30px;padding: 0 5vw;border-radius: 20px;}
.home-find .h3{min-width: 340px;font-size: 28px;line-height: 30px;font-weight: 600;display: flex;align-items: center;gap: 60px;}
.home-search-box{max-width: 720px;width: 100%;position: relative;border-radius: 50px;overflow: hidden;}
.home-search-box .input-group > *{height: 83px;}
.home-search-box .home-search-input{width: calc(100% - 115px);padding: 15px 35px;border: none;}
.home-search-box .home-search-input::placeholder{font-size: 17px;line-height: 30px;font-weight: 300;color: #8d8d8d;font-family: 'Poppins';}
.home-search-box .input-group-append{width: 115px;border: none;}
.home-search-box .home-search-btn{width: 100%;border: none;padding: 0;background-color: #ffffff;color: #c81600;}
.home-search-box .home-search-btn svg{width: 25px;height: 25px;}
@media(max-width:1430px){
    .home-find{transform: translateY(-35%);}
    .home-find .content{height: 180px;}
    .home-search-box{max-width: 600px;}
}
@media(max-width:1000px){
    .home-find {transform:none;margin-top: 80px;}
    .home-find .content{height: auto;flex-direction: column-reverse;padding: 25px 15px;}
    .home-search-box{max-width: 100%;}
    .home-search-box .home-search-input{width: calc(100% - 80px);}
    .home-search-box .input-group-append{width: 80px;}
}
@media(max-width:768px){
    .home-find{margin-top: 40px;}
    .home-find .content{gap: 20px;}
    .home-search-box .home-search-input::placeholder{font-size: 16px;letter-spacing: -.6px;}
    .home-find .h3 {width: 100%;min-width: auto;font-size: 18px;line-height: 26px;gap: 15px;justify-content: space-between}
    .home-search-box .input-group > * {height: 55px;}
    .home-search-box .home-search-input{padding: 5px 20px;width: calc(100% - 50px);}
    .home-search-box .input-group-append {width: 50px;}
}

.home-pro-xl{margin-bottom: 70px;}
.home-pro-xl .content{display: flex;justify-content: space-between;gap: 80px;}
.home-pro-xl .left{width: 60%;}
.home-pro-xl .h6{display: flex;align-items: center;gap: 10px;}
.home-pro-xl .title{margin-top: 5px;margin-bottom: 20px;}
.home-pro-xl .text{margin-bottom: 40px;}
.home-pro-xl ul{margin-top: 35px;margin-left: 10px;}
.home-pro-xl li{position: relative;padding-left: 30px;font-size: 20px;line-height: 36px;}
.home-pro-xl li::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color-r);font-weight: bold;position: absolute;left: 0;top: 0;}
.home-pro-xl .right{width: 40%;}
@media(max-width:1000px){
    .home-products{margin-top: 120px;}
    .home-pro-xl .content{gap: 40px;}
    .home-pro-xl .right {min-width: 360px;}
}
@media(max-width:768px){
    .home-pro-xl .content{flex-direction: column-reverse;}
    .home-pro-xl .left{width: 100%;}
    .home-pro-xl .right{width: 80%;}
}
@media(max-width:768px){
    .home-products{margin-top: 40px;}
    .home-pro-xl{margin-bottom: 30px;}
    .home-pro-xl .content{gap: 25px;}
    .home-pro-xl .text{margin-bottom: 30px;}
    .home-pro-xl ul{margin-top: 20px;margin-left: 0;}
    .home-pro-xl li {font-size: 16px;line-height: 28px;}
    .home-pro-xl .right {min-width: auto;}
}

.home-part .all-swiper{background-color: #fafafa;padding: 50px 45px 65px;}
.home-part .list{height: 100%;background-color: #ffffff;border-radius: 20px;}
.home-part .img{height: 300px;display: flex;justify-content: center;align-items: center;border: solid 1px #efefef;border-radius: 20px 20px 0 0;}
.home-part .t1{height: 80px;background-color: #f1f1f1;display: grid;place-items: center;border-top: 7px solid var(--public-color-y);border-radius: 0 0 20px 20px;}
.home-part .pag-part{margin-top: 70px;}
.home-part .pag-part span{width: 67px;height: 9px;}
@media(max-width:768px){
    .home-part .all-swiper{padding: 30px 10px}
    .home-part .img{height: auto;}
    .home-part .t1 {height: 64px;font-size: 18px;line-height: 26px;}
    .home-part .pag-part{margin-top: 25px;}
    .home-part .pag-part span{width: 25px;height: 4px;}
}

.home-service{margin-top: 110px;}
.home-service .top-head{width: 55%;margin-bottom: 100px;}
.home-service .title{margin-bottom: 25px;}
.home-service .grid{gap: 60px 50px;}
.home-service .list{background-color: #f4f4f4;border-radius: 15px;overflow: hidden;}
.home-service .list-top{min-height: 270px;display: flex;align-items: center;}
.home-service .img-xl{width: 30%;display: grid;place-items: center;}
.home-service .textbox{width: 70%;padding-right: 10px;}
.home-service .t1{font-size: 30px;line-height: 30px;font-weight: 500;margin-bottom: 10px;}
.home-service .cont{line-height: 27px;}
.home-service ul{background-color: var(--public-color);display: flex;flex-wrap: wrap;gap: 20px;padding: 25px 40px;}
.home-service ul li{font-size: 18px;line-height: 27px;color: #ffffff;}
.home-service ul li::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color-y);display: inline-block;margin-right: 10px;}
@media(max-width:1330px){
    .home-service .t1{font-size: 28px;}
}
@media(max-width:1200px){
    .home-service .top-head{width: 100%;}
}
@media(max-width:768px){
    .home-service{margin-top: 30px;}
    .home-service .top-head{margin-bottom: 25px;}
    .home-service .grid{gap: 35px 20px;}
    .home-service .list-top {min-height: auto;padding: 30px 15px;gap:15px;display: flex;flex-direction: column;align-items: flex-start}
    .home-service .img-xl{width: 75px;height: 75px;border-radius: 100%;background-color: #ffffff;display: grid;place-items: center;padding: 15px;}
    .home-service .textbox {width: 100%;padding-right: 0;}
    .home-service .t1{font-size: 20px;line-height: 28px;}
    .home-service ul{padding: 15px 25px;}
    .home-service ul li{font-size: 16px;line-height: 24px;}

}


.home-news{margin-top: 110px;margin-bottom: 145px;}
.home-news .top-head{margin-bottom: 65px;}
.home-news .title{margin-bottom: 15px;}
.home-news .list:last-child{margin-bottom: 0;}
.home-news .list{box-shadow: 2px 9px 51px 0px rgba(35, 88, 94, 0.06);border: solid 1px #ececec;display: flex;justify-content: space-between;align-items: center;gap: 40px;padding: 30px 40px;margin-bottom: 30px;}
.home-news .img , .home-news .img img{border-radius: 15px;}
.home-news .textbox{width: 67%;}
.home-news .t1{font-size: 27px;line-height: 30px;font-weight: 500;margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 最多1行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-news .cont{line-height: 27px;margin-bottom: 20px;}
.home-news .time{color: var(--public-color-r);}
@media(max-width:768px){
    .home-news{margin: 30px 0;}
    .home-news .top-head{margin-bottom: 25px;}
    .home-news .list{gap: 25px;padding:15px 20px;flex-direction: column;}
    .home-news .textbox{width: 100%;}
    .home-news .t1 {font-size: 18px;line-height: 26px;margin-bottom: 15px;}
}


.all-inquiry{min-height: 1010px;background-color: var(--public-color-y);padding: 30px 0;display: flex;align-items: center;}
.all-inquiry .content{display: flex;justify-content: space-between;}
.all-inquiry .h6{font-size: 20px;}
.all-inquiry .title{font-size: 36px;line-height: 46px;margin-bottom: 20px;font-style: balance;}
.all-inquiry .left{width: 43%;}
.all-inquiry .left .h6{color: #ffffff;}
.all-inquiry .text{line-height: 27px;margin-bottom: 45px;}
.all-inquiry .text > *:nth-last-child(1){margin-bottom: 0;}
.all-inquiry .text p{margin-bottom: 20px;}
.all-inquiry .text h5{font-size: 20px;line-height: 27px;font-weight: 500;margin-bottom: 10px;}
.all-inquiry .text ul{margin-left: 10px;margin-bottom: 30px;}
.all-inquiry .text li{position: relative;padding-left: 25px;}
.all-inquiry .text li::before{content: "\f00c";font-family: 'cmsfont';color: #ffffff;position: absolute;left: 0;top: 0;}
.all-inquiry .right{width: 54%;background-color: #ffffff;box-shadow: 9px 19px 29px 0px rgba(12, 3, 7, 0.05);border-radius: 15px;padding: 70px;}
@media(max-width:1340px){
    .all-inquiry .right{padding: 50px 40px;}
}
@media(max-width:1000px){
    .all-inquiry .content{flex-direction: column;}
    .all-inquiry .left{width: 100%;}
    .all-inquiry .right{width: 100%;}
}
@media(max-width:768px){
    .all-inquiry .right{padding: 30px 20px 50px;}
}


.from label{width: 100%;}
.from label p{margin-bottom: 5px;font-size: 16px;line-height: 24px;}
.from .form-control{height: auto;line-height: 30px;border-radius: 15px;background-color: #f7f8fa;}
.from .form-control::placeholder{line-height: 30px;font-weight: 300;color: #d7d9dc;opacity: 1;}
.from .a-lb{width: 100%;border:none;height: 55px;font-size: 18px;display: inline-flex;justify-content: center;}


.auto-main{min-height: 500px;background-color: var(--public-color-y);padding: 30px 0;display: flex;align-items: center;}
.auto-main .content{display: flex;justify-content: space-between;align-items: center;gap: 80px;}
.auto-main .left{width: 60%;}
.auto-main .text{margin-bottom: 40px;}
.auto-main h6{font-size: 20px;line-height: 30px;font-weight: 500;color: #823d00;margin-bottom: 15px;}
.auto-main .title{margin-bottom: 10px;}
.auto-main .text p{font-size: 20px;line-height: 30px;}
.auto-main .text ul{display: flex;flex-wrap: wrap;gap: 15px;margin-top: 25px;}
.auto-main .text li{min-width: 175px;font-weight: 300;color: #ffffff;background-color: #292929;border-radius: 15px;padding: 10px 7px;display: inline-flex;justify-content: center;align-items: center;}
.auto-main .search-svg{font-size: 18px;background-color: #ffffff;box-shadow: 2px 4px 0px 0px rgba(12, 4, 7, 0.09);border-radius: 15px;border: solid 1px #aa850c;}
/* 查找器 */
.auto-search-box {position: relative;}
.auto-main .a-btn{display: flex;flex-wrap: wrap;gap: 15px;}
.auto-main .a-btn span{font-weight: 300;}
.auto-main .send {border: 2px solid #6f5500;}
.auto-main .right{width: 40%;display: grid;place-items: center;}
@media(max-width:1200px){
    .auto-main .content {gap: 45px;}
    .auto-main .right{min-width: 430px;}
}
@media(max-width:1000px){
    .auto-main .right{min-width: 350px;}
}
@media(max-width:900px){
    .auto-main .content{flex-direction: column-reverse;gap: 25px}
    .auto-main .left{width: 100%;}
    .auto-main .right {width: 50%;min-width: auto;}
    .auto-main .text p{font-size: 18px;line-height: 26px;}
}
@media(max-width:768px){
    .auto-main .right{width: 100%;}
    .auto-main h6 {font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .auto-main .text p{font-size: 16px;line-height: 24px;}
    .auto-main .text ul{display: grid;grid-template-columns: repeat(2,1fr);gap: 15px;}
    .auto-main .text li{min-width: auto;}
    .auto-main .a-btn .a-lb{padding: 0 15px;}
}
@media(max-width:370px){
    .auto-main .text ul{display: flex;flex-wrap: wrap;}
    .auto-main .text li {padding: 10px 15px;}
}


.Auto-Search{padding: 60px 0 65px;background-color: #f6f6f6;scroll-margin-top:130px;}
.Auto-Search .content{background-color: #ffffff;box-shadow: 13px 10px 16px 0px rgba(12, 4, 7, 0.05);border-radius: 15px;padding: 45px 30px 20px 40px;}
.Auto-Search .h2{font-size: 30px;line-height: 34px;font-weight: 500;margin-bottom: 10px;}
.Auto-Search .row{align-items: flex-end;margin: 0 -7.5px;}
.Auto-Search .row > div{padding: 0 7.5px;}
.Auto-Search .list{position: relative;}
.Auto-Search .list-inner > p{font-size: 20px;line-height: 30px;font-weight: 500;margin-bottom: 10px;}
.Auto-Search .list .h3{width: 100%;min-height: 55px;background-color: #f6f6f6;border-radius: 15px;display: flex;justify-content: space-between;align-items: center;padding: 10px 30px;}
.Auto-Search .auto-control{width: 100%;;border:none;background-color: #f6f6f6;border-radius: 15px;}
.Auto-Search .auto-control::placeholder , .Auto-Search .auto-control{font-size: 18px;line-height: 30px;font-weight: 300;color: #a0a0a0;}
.Auto-Search .icon{color: var(--public-color-y);}
.Auto-Search .list-ul{position: absolute;left: 0;top: 100%;margin-top: 5px;overflow: hidden;width: 100%;max-height: 280px;z-index: 10;transition: all .6s;display: none;border-radius:15px;background-color: #f6f6f6;box-shadow: 0 8px 24px rgba(0,0,0,.12);animation:fadeIn .4s;cursor: pointer;}
.Auto-Search .list-ul li{transition: background-color .6s;font-size: 16px;line-height: 28px;color: #333333;padding: 5px 10px;}
.Auto-Search .list-ul li p{width: 100%;text-align: center;}
.Auto-Search .list-ul li p:hover{color: var(--public-color);}
.Auto-Search .list-ul li:last-child{border-radius: 0 0 15px 15px ;}
.Auto-Search .list-ul li + li{border-top: 1px solid #ccc;}
.Auto-Search .list-ul li:hover p{color: var(--public-color-y);}
.Auto-Search .list-ul.active{display: block;overflow-y: auto;opacity: 1;}
.Auto-Search .auto-search-actions{display: flex;flex-direction: column;gap: 10px;}
.Auto-Search .a-lb{width: 100%;height: 55px;padding:5px 15px;display: flex;justify-content: center;}
.Auto-Search .auto-search-clear{background-color: #ffffff;border: 1px solid #ccc;}
.Auto-Search .auto-search-clear span{color: #666;}
.Auto-Search .auto-search-clear:hover span{color: var(--public-color);}
.Auto-Search .auto-search-clear:hover::before,.Auto-Search .auto-search-clear:hover::after{background-color: var(--public-color-y);}
@media(max-width:1200px){
    .Auto-Search .auto-search-actions{margin-top: 25px;}
}
@media(max-width:768px){
    .Auto-Search{padding: 30px 0;}
    .Auto-Search .content{padding: 25px 15px;}
    .Auto-Search .h2{font-size: 22px;line-height: 32px;}
    .Auto-Search .row{gap: 15px;}
    .Auto-Search .list-inner > p {font-size: 16px;line-height: 24px;}
}

.auto-models{padding-top: 100px;margin-bottom: 135px;}
.auto-models .top-head{margin-bottom: 55px;}
.auto-models .grid{gap: 50px 45px;}
.auto-models .list{height: 100%;border-radius: 15px;background-color: #f6f6f6;box-shadow: 23px 23px 38px 0px rgba(12, 4, 7, 0.07);border: solid 1px #eaeaea;padding: 20px;}
.auto-models .img , .auto-models .img img{border-radius: 15px;}
.auto-models .img{min-height: 216px;background-color: #ffffff;display: grid;place-items: center;margin-bottom: 30px;}
.auto-models .t1{font-size: 18px;line-height: 30px;font-weight: 500;margin-bottom: 10px;}
.auto-models .special{font-size: 17px;line-height: 26px;}
@media(max-width:1340px){
    .auto-models .grid{gap: 50px 25px;}
    .auto-models .list {padding: 20px 10px;}
}
@media(max-width:768px){
    .auto-models{padding-top: 30px;margin-bottom: 30px;}
    .auto-models .img{min-height: auto;}
}
@media(max-width:580px){
    .auto-models .grid{gap: 40px 15px;}
}
@media(max-width:500px){
    .auto-models .t1{font-size: 16px;line-height: 24px;}
    .auto-models .special li{margin-bottom: 5px;font-size: 14px;line-height: 20px;}
    .auto-models .special li:last-child{margin-bottom: 0;}
}
@media(max-width:380px){
    .auto-models .grid .g-col-6{grid-column: auto / span 12;}
    .auto-models .img {max-height: 180px;justify-content: center;align-content: center;}
}

.auto-stand{margin-bottom: 115px;}
.auto-stand .content{display: flex;justify-content: space-between;align-items: center;}
.auto-stand .left{width: 45%;}
.auto-stand h3{font-size: 36px;line-height: 48px;font-weight: 500;margin-bottom: 10px;}
.auto-stand .right{width: 45%;}
.auto-stand .right , .auto-stand .right img{border-radius: 15px;}
@media(max-width:1100px){
    .auto-stand .left {width: 50%;}
    .auto-stand h3{font-size: 32px;}
}
@media(max-width:768px){
    .auto-stand{margin: 30px 0 40px;}
    .auto-stand .content{flex-direction: column;gap: 25px;}
    .auto-stand .left{width:100%}
    .auto-stand .right{width:100%}
    .auto-stand h3{font-size: 22px;line-height: 32px;}
}

.auto-support{margin-bottom: 100px;}
.auto-support .top-head{margin-bottom: 50px;}
.auto-support .title{margin-bottom: 10px;}
.auto-support .grid{gap: 40px;}
.auto-support .list{min-height: 210px;background-color: #f6f6f6;border-radius: 15px;padding: 50px 50px 30px 35px;transition: all .6s ease-in-out;}
.auto-support .t1{font-size: 22px;line-height: 30px;font-weight: 500;margin-bottom: 5px;}
.auto-support .cont{font-size: 17px;line-height: 26px;font-weight: 300;}
.auto-support .list:hover{transform: translateY(-5px);}
@media(max-width:768px){
    .auto-support{margin-bottom: 40px;}
    .auto-support .top-head{margin-bottom: 25px;}
    .auto-support .grid{gap: 20px 15px;}
    .auto-support .list{min-height: auto;padding: 25px 15px;}
    .auto-support .t1 {font-size: 18px;line-height: 26px;margin-bottom: 10px;}
}

.auto-partner {margin-bottom: 80px;}
.auto-partner .top-head{margin-bottom: 50px;}
.auto-partner .title{margin-bottom: 10px;}
.auto-partner .img-xl{min-height: 75px;box-shadow: 5px 9px 13px 0px rgba(12, 4, 7, 0.11);border-radius: 15px;border: solid 1px #eaeaea;display: flex;justify-content: center;align-items: center;}
@media(max-width:768px){
    .auto-partner{margin-bottom: 40px;}
    .auto-partner .top-head{margin-bottom: 25px;}
    .auto-partner .grid{gap: 25px 15px;}
}
@media(max-width:580px){
    .auto-partner .img-xl{min-height: 48px;height: 60px;padding: 10px 5px;}
    .auto-partner .img-xl img{width: auto;height: 100%;max-width: none;}
}


.option-solenoid{padding-top: 110px;}
.option-solenoid .title{margin-bottom: 10px;}
@media(max-width:768px){
    .option-solenoid{padding-top: 30px;}
}

.option-product{margin-top: 80px;}
.option-product .top-head{margin-bottom: 40px;}
.option-product .title{margin-bottom: 10px;}
@media(max-width:768px){
    .option-product{margin-top: 25px;}
}

.all-products .grid{gap: 45px;}
.all-products .list{height: 100%;background-color: #f6f6f6;box-shadow: 23px 23px 38px 0px rgba(12, 4, 7, 0.07);border: solid 1px #eaeaea;padding: 20px 20px 55px 20px;border-radius: 15px;position: relative;}
.all-products .img{min-height: 215px;background-color: #ffffff;display: grid;place-items: center;border-radius: 15px;overflow: hidden;margin-bottom: 30px;}
.all-products .box{padding: 0 5px;}
.all-products .special{font-size: 17px;line-height: 26px;}
.all-products .t1{font-size: 20px;line-height: 30px;font-weight: 500;margin-bottom: 10px;}
.all-products .t1 strong{font-weight: 500;display: block;}
.all-products .oe-no{font-size:17px;line-height: 25px;font-weight: 300;margin-bottom: 10px;}
.all-products .list .more{position: absolute;left:25px;bottom: 20px;}
@media(max-width:1340px){
    .all-products .grid{gap: 45px 25px;}
}
@media(max-width:1200px){
    .all-products .list{padding: 20px 10px 55px 10px;}
    .all-products .t1{font-size: 18px;line-height: 26px;}
}
@media(max-width:768px){
    .all-products .grid{gap: 25px 15px;}
    .all-products .img {min-height: auto;}
}
@media(max-width:580px){
    .all-products .t1{font-size: 16px;line-height: 24px;}
    .all-products ul li{font-size: 14px;line-height: 20px;margin-bottom: 5px;}
    .all-products ul li:last-child{margin-bottom: 0;}
}
@media(max-width:380px){
    .all-products .grid .g-col-6{grid-column: auto / span 12;}
    .all-products .img{height: 200px;display: flex;justify-content: center;align-items: center;}
}


.option-part{padding: 115px 0 155px;}
.option-part .items:nth-child(even){flex-direction: row-reverse;}
.option-part .items{display: flex;justify-content: space-between;align-items: center;gap: 75px;margin-bottom: 80px;}
.option-part .items:last-child{margin-bottom: 0;}
.option-part .textbox{width: 50%;}
.option-part h3{font-size: 35px;line-height: 48px;font-weight: 500;margin-bottom: 15px;}
.option-part .text{font-size: 20px;line-height: 28px;font-weight: 300;}
.option-part ul{margin-top: 25px;margin-left: 15px;}
.option-part li:last-child{margin-bottom: 0;}
.option-part li{font-size: 20px;line-height: 30px;font-weight: 400;position: relative;padding-left: 25px;margin-bottom: 5px;}
.option-part li::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color-y);position: absolute;left: 0;top: 0;}
.option-part .img , .option-part .img img{border-radius: 15px;}
.option-part .img{max-width: 550px;}
@media(max-width:1250px){
    .option-part .items {gap: 25px 45px;}
    .option-part h3{font-size: 32px;}
}
@media(max-width:1200px){
    .option-part .text{font-size: 18px;line-height: 26px;}
}
@media(max-width:1000px){
    .option-part .items{flex-direction: column !important;align-items: flex-start}
    .option-part .textbox{width: 100%;}
}
@media(max-width:768px){
    .option-part{padding: 40px 0 30px;}
    .option-part .items{margin-bottom: 40px;}
    .option-part h3{font-size: 22px;line-height: 32px;}
    .option-part ul{margin-left: 0;}
    .option-part li{font-size: 16px;line-height: 24px;}
}


.p-i-first{padding-top: 70px;margin-bottom: 105px;}
.p-i-first .content{display: flex;justify-content: space-between;gap: 50px;}
.p-i-first .left{width: 50%;}
.p-i-first .right{width: 45%;margin-top: 60px;}
.p-i-first h1{font-size: 40px;line-height: 52px;font-weight: 500;margin-bottom: 30px;}
.p-i-first .parameter{margin-bottom: 40px;}
.p-i-first .parameter ul{margin-top: 35px;}
.p-i-first .parameter ul {display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;}
.p-i-first .parameter ul li{min-height: 60px;background-color: #f5f5f5;border-radius: 13px;font-size: 17px;line-height: 24px;padding: 5px 20px;}
.p-i-first .parameter ul li strong{font-weight: 500;display: block;}
.p-i-first .a-btn{display: flex;gap: 20px;}
.p-i-first .down{background-color: #f7f7f7;border: solid 1px #e2ae04;}
.p-i-first .down span{color: var(--public-color);}

.p-i-first .product-gallery{width:100%}
.p-i-first .product-main-zoom{position:relative;width:100%;aspect-ratio:540 / 300;background:#fff;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0px 30px 170px 0px rgba(56,43,91,0.1)}
.p-i-first .product-zoom-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;vertical-align:top}
.p-i-first .product-zoom-hint-row{position:absolute;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;gap:10px;pointer-events:none;max-width:calc(100% - 28px)}
.p-i-first .product-zoom-caption{font-size:12px;line-height:1.25;color:#555;font-weight:500;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 1px 0 #fff}
.p-i-first .product-zoom-hint{flex-shrink:0;width:42px;height:42px;border:2px solid #fe772b;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.08);position:relative}
.p-i-first .product-zoom-hint::before,.p-i-first .product-zoom-hint::after{content:"";position:absolute;box-sizing:border-box}
.p-i-first .product-zoom-hint::before{width:14px;height:14px;border:2px solid #fe772b;border-radius:50%;left:11px;top:11px}
.p-i-first .product-zoom-hint::after{width:8px;height:2px;background:#fe772b;left:21px;top:21px;transform:rotate(45deg);transform-origin:left center}
.zoomContainer .zoomWindow{border-radius:8px;overflow:hidden;box-sizing:border-box}
.p-i-first .product-thumbs{margin-top:30px;padding: 0;}
.p-i-first .product-gallery-thumbs{width:100%;margin-left:auto;margin-right:auto}
.p-i-first .product-gallery-thumb{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;border-radius:15px;overflow:hidden;border:2px solid transparent;background:#eaeaea;transition:border-color .2s ease,box-shadow .2s ease;padding: 10px 20px;}
.p-i-first .product-gallery-thumb img{display:block;object-fit:contain;vertical-align:top;mix-blend-mode:multiply}
.p-i-first .product-gallery-thumb:not(.product-thumb-active)::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.32);pointer-events:none;transition:opacity .2s ease}
.p-i-first .product-gallery-thumb.product-thumb-active{border-color:#eaeaea;background-color:#fff}
.p-i-first .product-gallery-thumb.product-thumb-active::after{opacity:0}
@media(max-width:768px){
    .p-i-first{padding-top: 30px;margin-bottom: 40px;}
    .p-i-first h1{margin-bottom: 15px;}
    .p-i-first .content{flex-direction: column;gap: 25px;}
    .p-i-first .left{width: 100%;}
    .p-i-first .right{width: 100%;margin-top: 0;}
    .p-i-first .parameter ul li {font-size: 16px;}
    .p-i-first .left .swiper-slide {display: flex;justify-content: center;align-items: center;}
    .p-i-first .a-btn > *{padding: 0 10px;}
}
@media(max-width:430px){
    .p-i-first .parameter ul li{padding: 5px 10px;}
}
@media(max-width:375px){
    .p-i-first .parameter ul{grid-template-columns: repeat(2, 1fr);}
}

.p-i-product{margin-bottom: 90px;}
.p-i-product .top-head{margin-bottom: 40px;}
.p-i-product .title{margin-bottom: 10px;}
@media(max-width:768px){
    .p-i-product{margin-bottom: 40px;}
}

.p-i-news{margin-bottom: 120px;}
.p-i-news .top-head{margin-bottom: 70px;}
.p-i-news .title{margin-bottom: 10px;}

.all-news .grid{gap: 35px;}
.all-news .list{height: 100%;box-shadow: 23px 23px 38px 0px rgba(12, 4, 7, 0.07);border: solid 1px #eaeaea;padding: 20px;border-radius: 15px;}
.all-news .img,.all-news .img img{border-radius: 15px;}
.all-news .img{display: flex;justify-content: center;align-items: center;}
.all-news .box{padding: 30px 15px 0;}
.all-news .time{margin-bottom: 10px;font-size: 16px;line-height: 24px;}
.all-news .t1{font-size: 18px;line-height: 26px;font-weight: 500;margin-bottom: 10px;}
.all-news .cont{font-size: 17px;line-height: 25px;}
@media(max-width:768px){
    .p-i-news{margin-bottom: 30px;}
    .p-i-news .top-head{margin-bottom: 25px;}
    .all-news .grid{gap: 35px 25px;}
    .all-news .box{padding: 30px 0 0;}
    .all-news .swiper-slide{height: auto;}
    .all-news .list{height: 100%;box-shadow: none;}
}


.about-paper{font-size: 20px;line-height: 30px;margin-bottom: 140px;}
.about-paper .title{font-size: 46px;line-height: 58px;}
.about-parts{margin-top: 85px;}
.about-parts .h6{margin-bottom: 5px;}
.about-parts .title{max-width: 900px;margin-bottom: 30px;}
@media(max-width:1280px){
    .about-paper{font-size: 16px;line-height: 24px;}
}
@media(max-width:768px){
    .about-paper{font-size: 14px;line-height: 20px;margin-bottom: 40px;}
    .about-parts{margin-top: 30px;}
}

.about-manu{margin-top: 115px;}
.about-manu .content{display: flex;justify-content: space-between;align-items: center;}
.about-manu .left{width: 50%;}
.about-manu .title{margin-bottom: 10px;}
.about-manu .left p{margin-bottom: 25px;}
.about-manu .left p:last-child{margin-bottom: 0;}
.about-manu ul{display: flex;flex-wrap: wrap;gap: 15px;}
.about-manu li{min-width: 190px;height: 57px;background-color: #ececec;border-radius: 15px;display: grid;place-items: center;padding:  0 35px;}
.about-manu li.active{background-color: var(--public-color-y);}
.about-manu .right{width: 45%;}
.about-manu .right , .about-manu .right img{border-radius: 10px;}
@media(max-width:1270px){
    .about-manu .right{width: 48%;}
    .about-manu li{padding: 0 20px;}
}
@media(max-width:1000px){
    .about-manu .content{flex-direction: column-reverse;align-items: flex-start;gap:25px}
    .about-manu .left{width: 100%;}
    .about-manu .right {width: 60%;}
}
@media(max-width:768px){
    .about-manu{margin-top: 40px;}
    .about-manu .right{width: 100%;}
    .about-manu li{min-width: auto;}
}


.about-Profess {margin-top: 145px;}
.about-Profess .title{margin-bottom: 10px;}
.about-Profess .text{margin-bottom: 80px;}
.about-Profess .text p{margin-bottom: 25px;}
.about-Profess .text p:last-child{margin-bottom: 0;}
.about-Profess .grid{gap: 20px 30px;}
.about-Profess .list{min-height: 210px;display: grid;grid-template-columns: 210px auto;background-color: #f6f6f6;border-radius: 15px;}
.about-Profess .img-xl{display: grid;place-items: center;background-color: var(--public-color-y);border-radius: 15px 0 0 15px;}
.about-Profess .box{display: flex;flex-direction: column;justify-content: center;padding: 15px 10% 15px 35px;}
.about-Profess .t1{font-size: 22px;line-height: 30px;font-weight: 500;margin-bottom: 10px;}
.about-Profess .cont{font-size: 17px;line-height: 26px;font-weight: 350;}
@media(max-width:768px){
    .about-Profess{margin-top: 40px}
    .about-Profess .text{margin-bottom: 25px;}
    .about-Profess .text p{margin-bottom: 10px;}
    .about-Profess .list{min-height: auto;display: flex;flex-direction: column;gap:15px 10px;padding: 25px 15px;}
    .about-Profess .img-xl{width: 75px;height: 75px;border-radius: 100%;padding: 18px;display: grid;place-items: center;}
    .about-Profess .box{padding: 0;}
    .about-Profess .t1{font-size: 20px;line-height: 28px;}
}


.about-stable{margin-top: 115px;}
.about-stable .title{margin-bottom: 45px;}
.about-stable .content{display: flex;justify-content: space-between;align-items: center;}
.about-stable .left {width:45%}
.about-stable .left , .about-stable  .left img{border-radius: 15px;}
.about-stable .right{width: 50%;}
@media(max-width:768px){
    .about-stable {margin-top: 40px;}
    .about-stable .content{flex-direction: column;align-items: flex-start;gap: 25px;}
    .about-stable .left{width: 100%;}
    .about-stable .right{width: 100%;}
}


.faq-paper{padding: 100px 0;}
.faq-paper .top-head{margin-bottom: 50px;}
.faq-paper .title{margin-bottom: 10px;}
.faq-paper .text{font-size: 20px;line-height:30px;}
.faq-paper .list:last-child{margin-bottom: 0;}
.faq-paper .list{background-color: #f9f9f9;border-radius: 10px;padding: 45px 15px 15px 15px;margin-bottom: 30px;}
.faq-paper .list span{width: 36px;min-width: 36px;aspect-ratio: 1;color: #ffffff;border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;}
.faq-paper .quen-q{display: flex;align-items: flex-start;gap: 20px;padding: 0 30px 20px 25px;font-size: 21px;line-height: 36px;font-weight: 500;}
.faq-paper .quen-q span{background-color: var(--public-color);}
.faq-paper .quen-a{background-color: #ffffff;padding: 30px 30px 30px 25px;display: flex;align-items: flex-start;gap: 20px;}
.faq-paper .quen-a span{background-color: var(--public-color-y);}
.faq-paper .quen-a .cont{font-size: 18px;line-height: 24px;}
@media(max-width:768px){
    .faq-paper{padding: 30px 0;}
    .faq-paper .top-head{margin-bottom: 25px;}
    .faq-paper .list{padding: 25px 10px;}
    .faq-paper .list span{min-width: 20px;width: 20px;height: 20px;font-size: 16px;line-height: 20px;}
    .faq-paper .quen-q{gap: 10px;font-size: 18px;line-height: 26px;padding: 0 10px 15px;}
    .faq-paper .quen-a{gap: 10px;padding: 25px 10px;}
}

.factory-paper {margin:100px 0 165px;}
.factory-paper .title{margin-bottom: 55px;}
.factory-paper .grid{gap: 30px 55px;}
.factory-paper .img , .factory-paper .img img{border-radius: 10px;}
@media(max-width:768px){
    .factory-paper{margin:30px 0;}
    .factory-paper .grid{gap: 30px 15px;}
}

.news-paper{padding: 115px 0;}
@media(max-width:768px){
    .news-paper{padding: 30px 0;}
}

.news-in-paper{margin-top: 100px;}
.news-in-top{margin-bottom: 130px;}
.news-in-top h1{font-size: 36px;line-height: 48px;font-weight: 500;margin-bottom: 40px;}
.news-in-top .type-box{display: flex;justify-content: center;gap: 20px;color: var(--public-color);border-bottom: 1px dashed rgba(12,69,155,.3);padding-bottom: 55px;}
.news-in-top .type-box .time::before{content: url(../../images/time-1.webp);display: inline-block;margin-right: 10px;}
.news-in-top .content{font-size: 18px;color: #666666;font-weight: 300;padding-top: 55px;padding-bottom: 125px;display: flex;justify-content:space-between;gap: 60px;}
.news-in-top .content-wrapper{width: calc(100% - 60px - 280px);}
.news-in-top .content-wrapper > div{padding-left: 0 !important;padding-right: 0 !important;margin-left: 0 !important;margin-right: 0 !important;}
.news-in-top .content img{max-width: 100%;height: auto;}
.news-in-top .content-news-aside{margin-top:24px;text-align: left;max-width:300px;min-width: 280px;margin-left: auto;margin-right: auto;position:sticky;top:160px;align-self: flex-start}
.news-in-top .content-news-aside-head{font-size: 24px;line-height: 32px;font-weight: 500;margin-bottom: 28px;text-align: center;color: #333;}
.news-in-top .content-news-recommend-list{display: flex;flex-direction: column;gap: 28px;}
.news-in-top .content-news-recommend-item{display: grid;grid-template-columns:1fr;gap: 20px;align-items: start;padding-bottom: 24px;border-bottom: 1px solid #e7e7e7;}
.news-in-top .content-news-recommend-item:last-child{border-bottom: none;padding-bottom: 0;}
.news-in-top .content-news-recommend-img-link{display: block;border-radius: 8px;overflow: hidden;background: #f5f5f5;}
.news-in-top .content-news-recommend-img-link img{width: 100%;height: auto;aspect-ratio: 4/3;object-fit: cover;}
.news-in-top .content-news-recommend-title-link{text-decoration: none;color: inherit;}
.news-in-top .content-news-recommend-title-link:hover .content-news-recommend-title{color: var(--public-color-r);}
.news-in-top .content-news-recommend-title{font-size: 18px;line-height: 26px;font-weight: 500;margin: 0 0 8px;color: #333;}
.news-in-top .content-news-recommend-excerpt{font-size: 15px;line-height: 24px;color: #666;margin: 0 0 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-in-top .content-news-recommend-date{font-size: 14px;color: var(--public-color-r);}
@media (max-width: 1340px){
    .news-in-top .content{gap: 30px;}
    .news-in-top .content-wrapper{width: calc(100% - 30px - 280px);}
}
@media (max-width: 768px){
    .news-in-paper{margin-top: 30px;}
    .news-in-top .content-wrapper {margin-bottom: 0;}
}
@media (max-width: 575.98px){
  .news-in-top .content-news-recommend-item{grid-template-columns: 1fr;}
  .news-in-top .content-news-recommend-img-link{max-width: 100%;margin: 0 auto;}
}

.news-in-top .box-tail{height: 150px;background-color: #f5f5f5;padding: 30px 65px;display: flex;flex-direction: column;justify-content: center;}
.news-in-top .box-tail > p > *{font-size: 18px;line-height: 28px;color: #666666;font-weight: 300;}
.news-in-top .box-tail > p:last-child{margin-left: 32px;}
.news-in-top .box-tail span{display: inline-block;margin-right: 15px;}
@media(max-width:768px){
    .news-in-top{margin-bottom: 30px;}
    .news-in-top h1{margin-bottom: 15px;}
    .news-in-top .type-box{padding-bottom: 15px;}
    .news-in-top .content{padding: 15px 0;font-size: 14px;line-height: 20px;flex-direction: column;}
    .news-in-top .content-wrapper{width: 100%;}
    .news-in-top .content-news-aside{width: 100%;position: static;max-width: none;min-width: auto;}
    .news-in-top .content-wrapper *{margin-left: 0 !important;margin-right: 0 !important;}
    .news-in-top .content-wrapper h2{font-size: 18px ;line-height: 26px ;}
    .news-in-top .box-tail{height: auto;padding: 20px 15px;}
    .news-in-top .box-tail > p > *{font-size: 16px;line-height: 24px;}
    .news-in-top .box-tail > p:last-child {margin-left: 27px;margin-top: 10px;}
}

.news-ing-products{padding: 75px 0 120px;}
.news-ing-products .title{height:80px;font-size: 30px;line-height: 42px;font-weight: 500;margin-bottom: 45px;background-color: var(--public-color-y);padding-left: 35px;display: flex;align-items: center;}
@media(max-width:768px){
    .news-ing-products{padding: 30px 0;}
}



.download-paper::before{content: "";width: 100%;height: 375px;background-color: #f8f8f8;position: absolute;left: 0;top: 0;z-index: -1;}
.download-paper{font-size: 20px;line-height: 30px;font-weight: 350px;position: relative;}
.down-first {padding-top: 75px;text-align: center;margin-bottom: 75px;}
.down-first .title{font-size: 40px;line-height: 52px;font-weight: 500;margin-bottom: 5px;}
@media(max-width:768px){
    .down-first{padding-top: 30px;margin-bottom: 25px;}
}

.down-second {margin-bottom: 115px;}
.down-second .content{border-radius: 15px;background-color: #ffffff;box-shadow: 17px 20px 38px 0px rgba(12, 4, 7, 0.09);border: solid 1px #e8e8e8;padding: 45px 50px 35px 60px;}
.down-second .h3{font-size: 32px;line-height: 42px;font-weight: 500;margin-bottom: 10px;}
.down-second .text{margin-bottom: 25px;}
.down-second .small-box{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;}
.down-second .list{min-height: 165px;background-color: var(--public-color-y);border-radius: 15px;padding: 40px 35px 25px;}
.down-second .t1{font-size: 23px;font-weight: 500;margin-bottom: 10px;}
.down-second .cont{font-size: 18px;line-height: 24px;font-weight: 350px;}
@media(max-width:1200px){
    .down-second .content{padding: 45px 25px 35px;}
}
@media(max-width:1000px){
    .down-second .small-box{grid-template-columns: repeat(2,1fr);}
    .down-second .list{padding: 40px 15px 25px;}
}
@media(max-width:768px){
    .down-second{margin-bottom: 40px;}
    .down-second .content{padding: 25px 15px;}
    .down-second .small-box{grid-template-columns: repeat(1,1fr);}
    .down-second .h3{font-size: 22px;line-height: 32px;}
    .down-second .list{padding: 25px 15px;min-height: auto;}
    .down-second .t1{font-size: 18px;line-height: 26px;}
}

.down-third {margin-bottom: 135px;}
.down-third .content{display: flex;justify-content: space-between;}
.down-third .left{width: 50%;display: flex;justify-content: center;align-items: center;}
.down-third .left img{max-width: none;width: auto;height: 100%;}
.down-third .right{width: 48%;background-color: #f8f8f8;border-radius: 15px;padding: 50px 50px 40px 40px;}
.down-third .right .top-head{margin-bottom: 40px;}
.down-third .right .h3{font-size: 32px;line-height: 46px;font-weight: 500;margin-bottom: 10px}
.down-third .form-control{background-color: #ffffff;}
.down-third .a-lb{width: 100%;justify-content: center;border: 0;}
@media(max-width:1280px){
    .down-third .left img{max-width: 100%;height: auto;}
    .down-third .right{padding: 40px 25px 30px;}
}
@media(max-width:1200px){
    .down-third .content{flex-direction: column;justify-content: flex-start;gap: 25px;}
    .down-third .left{width: 60%;}
    .down-third .right{width: 100%;}
}
@media(max-width:768px){
    .down-third{margin-bottom: 30px;}
    .down-third .right{padding: 25px 15px;}
    .down-third .right .h3{font-size: 22px;line-height: 32px;}
    .down-third .left{width: 100%;}
}


.contact-paper {font-size: 20px;line-height: 30px;color:#282020;font-weight: 300px;}
.contact-paper .title{font-size: 40px;}
.contact-top{padding: 85px 0 95px;background-color: #f8f8f8;}
.contact-top .top-head{margin-bottom: 65px;}
.contact-top .title{margin-bottom: 10px;}
.contact-top .small-box{display: grid;grid-template-columns: 1.5fr 1fr 1fr;gap: 40px;}
.contact-top .list{display: grid;grid-template-columns: 50px auto;gap: 15px;align-items: center;}
.contact-top .h4{font-size: 32px;line-height: 46px;font-weight: 500;margin-bottom: 45px;}
.contact-top .t1{font-size: 22px;line-height: 30px;font-weight: 500;}
.contact-top .cont{font-size: 18px;line-height: 26px;font-weight: 300;}
@media(max-width:1000px){
    .contact-top .small-box{grid-template-columns: repeat(2,1fr);}
}
@media(max-width:768px){
    .contact-paper {font-size: 18px;line-height: 26px;}
    .contact-top{padding: 30px 0;}
    .contact-top .top-head{margin-bottom: 25px;}
    .contact-top .small-box{display: flex;flex-direction: column;justify-content: flex-start;gap: 25px;}
    .contact-top .h4{font-size: 22px;line-height: 28px;margin-bottom: 20px;}
    .contact-top .t1{font-size: 18px;line-height: 26px;}
}

.contact-bottom {margin-top: 95px;margin-bottom: 145px;}
.contact-bottom .content{border-radius: 15px;overflow: auto;display: flex;}
.contact-bottom .left{width: 50%;background-color: var(--public-color-y);padding: 50px 40px 50px 50px;}
.contact-bottom .top-head{margin-bottom: 30px;}
.contact-bottom .h2{font-size: 32px;line-height: 44px;font-weight: 500;margin-bottom: 10px;}
.contact-bottom .text{font-size: 20px;line-height: 30px;font-weight: 300;}
.contact-bottom .list:last-child{margin-bottom: 0;}
.contact-bottom .list{background-color: var(--public-color);border-radius: 15px;color: #ffffff;padding: 20px 40px;margin-bottom: 15px;}
.contact-bottom .t1{font-size: 27px;line-height: 30px;font-weight: 500;color: #ffffff;margin-bottom: 10px;}

.contact-bottom .right{width: 50%;background-color: #f4f4f4;padding: 50px 40px;}
.contact-bottom .form-control{background-color: #ffffff;}
.contact-bottom .message{font-size: 15px;line-height: 20px;font-weight: 300;color: #8f8f8f;}
.contact-bottom .a-lb{width: 100%;border: none;font-size: 18px;line-height: 26px;display: inline-flex;justify-content: center;}
.contact-bottom .form-btn-box{margin-top: 40px !important;}
@media(max-width:1200px){
    .contact-bottom .text {font-size: 18px;line-height: 26px;}
    .contact-bottom .left,.contact-bottom .right{padding: 35px 25px;}
    .contact-bottom .list{padding: 20px 20px;}
    .contact-bottom .t1 {font-size: 24px;line-height: 32px;}
}
@media(max-width:1000px){
    .contact-bottom .content{flex-direction: column;gap:25px}
    .contact-bottom .left, .contact-bottom .right{width: 100%;}
}
@media(max-width:768px){
    .contact-bottom{margin: 30px 0;}
    .contact-bottom .form-btn-box{margin-top: 10px !important;}
    .contact-bottom .h2{font-size: 22px;line-height: 28px;}
    .contact-bottom .t1{font-size: 18px;line-height: 26px;}
}



.quality-paper {padding: 75px 0 155px;font-size: 20px;line-height: 30px;font-weight: 300;}
.quality-paper .title{font-size: 40px;margin-bottom: 10px;}
.quality-paper .h3{font-size: 32px;line-height: 44px;font-weight: 500;}
@media(max-width:768px){
    .quality-paper{padding: 30px 0;font-size: 14px;line-height: 20px;}
    .quality-paper .h3{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
}

.quality-first {margin-top: 60px;}
.quality-first .items:nth-child(odd) .left , .quality-first .items:nth-child(odd) .left img{border-radius: 15px 0 0 15px;}
.quality-first .items:nth-child(even) .left , .quality-first .items:nth-child(even) .left img{border-radius: 0 15px 15px 0px;}
.quality-first .items:nth-child(even) {flex-direction: row-reverse;}
.quality-first .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 110px;}
.quality-first .items:last-child{margin-bottom: 0;}
.quality-first .left{width: 45%;}
.quality-first .right{width: 55%;background-color: #f6f6f6;box-shadow: 31px 24px 49px 0px rgba(0, 0, 0, 0.09);padding: 85px 10% 75px 45px;border-radius: 10px;}
.quality-first .h3{margin-bottom: 30px;}
.quality-first .text{font-size: 18px;}
.quality-first .text p{margin-bottom: 30px;}
.quality-first .text li::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color-y);font-weight: bold;position: absolute;left: 0;top: 0;}
.quality-first .text li{font-size: 20px;line-height: 30px;font-weight: 400;margin-bottom: 10px;position: relative;padding-left: 30px;}
.quality-first .text li:last-child{margin-bottom: 0;}
.quality-first .text>*:nth-last-child(1){margin-bottom: 0px;}
@media(max-width:1280px){
    .quality-first .right{padding-right: 5%;}
    .quality-first .text li{font-size: 18px;line-height: 26px;}
}
@media(max-width:1100px){
    .quality-first .right{padding: 40px 15px 40px 25px;}
}
@media(max-width:1000px){
    .quality-first .items{flex-direction: column !important;align-items: flex-start;gap: 25px;}
    .quality-first .left{width: 50%;}
    .quality-first .right{width: 100%;}
}
@media(max-width:768px){
    .quality-first{margin-top: 35px;}
    .quality-first .items{margin-bottom: 35px;}
    .quality-first .left{width: 100%;}
    .quality-first .right{padding: 25px 15px;}
    .quality-first .h3{margin-bottom: 15px;}
    .quality-first .text p{margin-bottom: 10px;}
    .quality-first .text li{font-size: 16px;line-height: 24px;}
}

.quality-inspection{background-color: #f6f6f6;box-shadow: 31px 24px 49px 0px rgba(0, 0, 0, 0.09);margin-top: 110px;border-radius: 10px;padding: 55px 10% 70px 70px;}
.quality-inspection .h3{margin-bottom: 20px;}
.quality-inspection .text p{margin-bottom: 40px;}
.quality-inspection ul{display: grid;grid-template-columns: repeat(3,325px);gap: 30px;}
.quality-inspection li{font-size: 19px;line-height: 30px;font-weight: 400;box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.05);background-color: #ffffff;padding: 15px 60px;position: relative;display: flex;align-items: center;border-radius: 10px;}
.quality-inspection li::before{content: "\f00c";font-family: 'cmsfont';color: var(--public-color-y);font-weight: bold;position: absolute;left: 20px;}
@media(max-width:1340px){
    .quality-inspection .text p{margin-bottom: 20px;}
}
@media(max-width:1200px){
    .quality-inspection {padding: 45px 25px;}
    .quality-inspection ul{grid-template-columns: repeat(3,1fr);}
}
@media(max-width:1100px){
    .quality-inspection ul{grid-template-columns: repeat(2,1fr);}
}
@media(max-width:768px){
    .quality-inspection{margin-top: 40px;padding: 25px 15px;}
    .quality-inspection .text p{margin-bottom: 10px;}
    .quality-inspection ul{grid-template-columns: repeat(1,1fr);gap: 15px 30px;}
    .quality-inspection li{font-size: 16px;line-height: 24px;padding: 15px 25px 15px 50px;}
}


.solution-paper .title{font-size: 46px;line-height: 54px;}
@media(max-width:768px){
    .solution-paper .menu-collapse{position: sticky;top: 50px;}
}

.sol-dist {margin-bottom: 95px;}
.sol-dist .top-head{margin-bottom: 40px;}
.sol-dist .title{margin-bottom: 10px;}
.sol-dist .grid{gap: 15px;}
.sol-dist .list{height: 265px;background-color: #f5f5f5;border-radius: 15px;padding: 30px 25px 30px 45px;}
.sol-dist .img-xl{margin-bottom: 10px;}
.sol-dist .t1{font-size: 23px;line-height: 30px;font-weight: 500;color: #231e1e;margin-bottom: 10px;}
.sol-dist .cont{font-size: 20px;line-height: 30px;}
@media(max-width:768px){
    .sol-dist{margin-bottom: 40px;}
    .sol-dist .list{height: auto;padding: 25px 15px;}
    .sol-dist .t1{font-size: 18px;line-height: 26px;}
}

.sol-auto{margin-bottom: 120px;}
.sol-auto .top-head{margin-bottom: 65px;}
.sol-auto .title{margin-bottom: 10px;}
@media(max-width:768px){
    .sol-auto{margin-bottom: 40px;}
    .sol-auto .top-head{margin-bottom: 25px;}
}

.sol-parts{margin-bottom: 135px;}
.sol-parts .top-head{margin-bottom: 65px;}
.sol-parts .title{margin-bottom: 10px;}
@media(max-width:768px){
    .sol-parts{margin-bottom: 40px;}
    .sol-parts .top-head{margin-bottom: 25px;}
}


@media(max-width:1500px){
    body{font-size: 18px;line-height: 28px;}
}
@media(max-width:1430px){
    body{font-size: 17px;line-height: 26px;}
}
@media(max-width:1340px){
    body{font-size: 16px;line-height: 24px;}
}
@media(max-width:1200px){
    body{font-size: 15px;line-height: 23px;}
    .form-row .col-md-6{flex: 0 0 50%;}
    .form-row.form-btn-box{gap: 20px;}
}

@media(max-wdith:1530px){
    h1{font-size: 36px;}
}
@media(max-wdith:1430px){
    h1{font-size: 34px;}
}
@media(max-wdith:900px){
    .line::after {top: -20px;width: 45px;height: 6px;}
}

span.y{color: var(--public-color);}
hr{background-color: var(--public-color);border-top: 1px solid var(--public-color);}



@media(max-width:1200px){
    .title{font-size: 34px !important;}
}
@media(max-width:930px){
    .title{font-size: 32px !important;}
}
@media(max-width:768px){
    body{font-size: 14px;line-height: 20px;}
    h1{font-size: 24px !important;line-height: 32px !important;}
    .title,.title-1{font-size: 22px !important;line-height: 32px !important;margin-bottom: 15px !important;letter-spacing: -.5px !important;}
    .h6{font-size: 16px !important;line-height: 24px !important;margin-bottom: 5px !important;}
    .text p{margin-bottom: 10px;}
    .text p:last-child{margin-bottom: 0 !important;}
    .cont,.text{font-size: 14px !important;line-height: 20px !important;}
    ul li{font-size: 16px;}
    .all-style{padding: 0 0px;}
    .all-hover{width: 45px;height: 45px;}
    .all-hover-next{right: -15px;}
    .all-hover-prev{left: -15px;}
    .a-lb-1,.a-lb{height: 42px;padding: 0 25px;}

    /* .all-from .form-row:nth-last-of-type(2) .col-md-12{width: 100%;flex: 0 0 100%;max-width: 100%;}
    .all-from .form-row .all_btn{height: 100%;width: 100%;}
    .all-from .form-row{gap: 0;}
    .all-from .col-md-4 {flex: 0 0 33.333333%;}
    .all-from .col-md-12,.all-from .col-md-6{flex: 0 0 50%;}
    .all-from .col-md-7 {flex: 0 0 58.333333%;}
    .all-from .col-md-5 {flex: 0 0 41.666667%;} */
}
@media(max-width:768px){
    .all-faqs .items{padding: 15px 0;}
    .all-faqs .quen-q{font-size: 18px;line-height: 26px;}
    .all-faqs .quen-a{font-size: 16px;line-height: 24px;}

    .all-from .col-md-12, .all-from .col-md-6,.all-from .col-md-7{flex: 0 0 100%;}
    .form-row{margin-bottom: 0 !important;gap:0}
    .form-row > *{margin-bottom: 10px !important;}
    .form-row > *,.form-row .col-md-6{flex:0 0 100%}
    .all-from-1 .form-cap,.all-from .form-cap{gap: 20px;}
    .all-from-1 .a-ly,.all-from .a-ly{width: auto;display: inline-block;padding: 0 20px;height: 40px;}
}