@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section {
    display: block;
}
a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {
    margin: 0;
    padding: 0;
}
body, p, form, input, button, dl, dt, dd, ul, ol, li, h1, h2, h3, h4 {
    list-style: outside none none;
    font: 12px/1.5 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
}
body, button, input, select, textarea {
    background-color: #fff;
    font: 12px/1.5 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    color: #666;
    font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    outline: none;
    background:transparent;
    border: none;
    overflow-x: hidden;
}
button, html input[type="button"], input[type="submit"] {
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
input, select, textarea {
    font-size: 100%;
}
button::-moz-focus-inner{
	border: medium none;
    padding: 0;
}
div a:hover{
    text-decoration:none;
    color: #183E8C;
}
div a:focus{
    text-decoration:none;
}
a,.cursor{
	cursor: pointer;
}
img, video{
    border: 0 none;
    vertical-align: middle;
    user-select: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
em, i, u {
    font-style: normal;
}
a{
	color:#888;
	text-decoration:none;
    outline:none
}



.hide,
.none {
    display: none!important;
}
.show{
    display: block!important;
}

.ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
::selection{
    background-color: rgba(125,125,125,.6);
}
::-moz-selection{
    background-color: rgba(125,125,125,.6);
}
.select_none{
    user-select: none;
}

.enlarge_img{
    overflow: hidden;
}
.enlarge_img img{
    transition: all .3s ease;
}
.enlarge_img:hover img{
    transform: scale(1.06);
}
.t1{
    font-size: 3.2rem;
    font-weight: 600;
}

.header{
    z-index:999;
    width:100%;
    position:fixed;
    top:0;
    left:0;
}

.top_bar{
    z-index: 999;
    position:relative;
    width: 100%;
    padding: 0 8rem;
    transition:all .4s ease;
    backdrop-filter:saturate(100%) blur(4px);
    -webkit-backdrop-filter: saturate(100%) blur(4px);
    background-color:rgba(12,14,19,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
    height: 7.2rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.top_bar.bright {
    background:rgba(255,255,255,.98);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
}
.top_bar.bright .logo #hktbwz, .top_bar.bright .logo #hktbwz {
    fill:#222629;
}


.top_bar.bright .nav_menu a{
    color: #222629;
}
.top_bar.bright .nav_toggle svg path {
    fill:#222629;
    stroke: #222629;
}
.top_bar.bright .nav_menu a:hover{
    background-color: rgba(126,134,142,.08);
}
.top_bar.bright .nav_menu a.active {
    background-color: rgba(126,134,142,.08);
}
.top_bar.bright .nav_operate{
    color: #222629;
}
.top_bar.bright .nav_operate .order_now , .top_bar.bright .nav_toggle .order_now{
    border: 1px solid #222629;
}
.top_bar.bright .nav_operate .order_now:hover{
    border: 1px solid rgba(126,134,142,.2);
    background-color: rgba(126,134,142,.08);
}
.top_bar.bright .nav_operate  svg path{
    fill:#222629;
}
.top_bar.bright .nav_operate .switch_area .down_1{
    display: none;
}
.top_bar.bright .nav_operate .switch_area .down_2{
    display: block;
}
.top_bar.bright .nav_toggle{
    color: #222629;
}


.top_bar .logo{
    height: 5.6rem;
    transition:.6s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.top_bar .logo img{
    height: 4rem;
    width: auto;
    margin-right: 1.2rem;
}

.top_bar .logo svg{
    height: 100%;
    width: 14.6rem;
}

.top_bar .nav_menu{
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}
.top_bar .nav_menu .nav_list{
    flex-direction: row;
    display: flex;
    background: none;
    height: 100%;
}
.top_bar .nav_menu .nav_list .nav_item{
    padding:0 0.4rem;
    display: flex;
    align-items: center;
}
.top_bar .nav_menu a{
    display: block;
    padding:0 2.4rem;
    line-height: 4rem;
    text-align: center;
    color: #FFF;
    font-size: 1.6rem;
    border-radius: 4.8rem;
    transition: all .3s ease;
}
.top_bar .nav_menu a:hover {
    background-color: rgba(255,255,255,.1);
}
.top_bar .nav_menu a.active{
    background-color: rgba(255,255,255,.1);
}


.top_bar .nav_toggle{
    display: none;
    color: #FFF;
}
.top_bar .nav_toggle .nav_toggle_icon{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.top_bar .nav_toggle svg{
    width: 20px;
    height: 20px;
}
.top_bar .nav_toggle path {
    fill: none;
    stroke-width: 10;
    stroke: #FFF;
    stroke-linecap: round;
    transition:all 0.4s ease;
}
.top_bar .nav_toggle .nav_toggle_icon.active svg{
    padding: 2px;
}
.top_bar .nav_toggle .nav_toggle_icon.active svg path:nth-child(1){
    stroke: #2B2B33;
    d:path("M0, 0 Q50,50 100,100");
}
.top_bar .nav_toggle .nav_toggle_icon.active svg path:nth-child(2){
    opacity: 0;
}
.top_bar .nav_toggle .nav_toggle_icon.active svg path:nth-child(3){
    stroke:#2B2B33;
    d:path("M0, 100 Q50,50 100,0");
}


.top_bar .nav_operate{
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 1.4rem;
    height: 100%;
}
.top_bar .nav_operate > div{
    margin-left: 4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 100%;
}

.top_bar .nav_operate .order_now , .top_bar .nav_toggle .order_now{
    max-width: 12rem;
    height: auto;
    padding: 4px 12px;
    border-radius: 24px;
    border: 1px solid #FFF;
    transition: all .3s ease;
    margin-left: 0;
}
.top_bar .nav_operate .order_now:hover{
    border: 1px solid rgba(255,255,255,.2);
    background-color: rgba(255,255,255,.2);
}
.top_bar .nav_operate .order_now span, .top_bar .nav_toggle .order_now span{
    max-width: 12rem;
}

.top_bar .nav_operate .switch_area{
    position: relative;
}
.top_bar .nav_operate .switch_area > div{
    display: flex;
    align-items: center;
}
.top_bar .nav_operate .switch_area .current_area{
    max-width: 12rem;
}
.top_bar .nav_operate .switch_area img{
    width: 12px;
    height: 12px;
    margin-left: 8px;
    vertical-align: baseline;
    transition: all .3s ease;
    display: none;
}
.top_bar .nav_operate .switch_area .down_1{
    display: block;
}
.top_bar .nav_operate .switch_area:hover img{
    transform: rotate(-180deg);
}
.top_bar .nav_operate .switch_area:hover .area_box{
    opacity: 1;
    visibility: visible;
}
.top_bar .nav_operate .switch_area .area_box{
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px 8px;
    background-color: #FFF;
    cursor: auto;
    border-radius: 4px;
    min-width: 12rem;
    max-width: 24rem;
    margin-top: 6.4rem;
    box-shadow: 0 2px 20px rgba(0,0,0,.1);

    transition: opacity .2s ease-in;
    opacity: 0;
    visibility: hidden;
}
.top_bar .nav_operate .switch_area .area_box li{
    padding: 8px;
    margin: 8px 0;
    border-radius: 4px;
    font-size: 1.4rem;
    color: #222629;
    cursor: pointer;
}
.top_bar .nav_operate .switch_area .area_box li.active{
    background-color: rgba(126,134,142,.08);
}
.top_bar .nav_operate .switch_area .area_box li:hover{
    background-color: rgba(126,134,142,.08);
}

.top_bar .nav_operate  svg{
    margin-right: 8px;
    width: 20px;
    height: 20px;
}
.top_bar .nav_operate .login span{
    display: block;
}

.header .nav_menu_box.menu_open{
    opacity: 1;
    top: 0;
    visibility: visible;
}
.nav_menu_box{
    z-index: 2;
    position: fixed;
    left: 0;
    top: -50.4rem;
    width: 100%;
    min-height: 32rem;
    max-height: 50.4rem;
    background-color: rgba(255,255,255,.98);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
    -webkit-transition: max-height .3s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}
.nav_menu_box .menu_box{

    position: absolute;
    left: 0;
    top: -4rem;
    padding-top: 7.2rem;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav_menu_box .menu_box.active{
    top: 0;
    opacity: 1;
    visibility: visible;
}
.nav_menu_box .center_block{
    display: flex;
    align-items: center;
}
.nav_menu_box .center_block > div span{
    display: block;
}

.nav_menu_box .center_block > div.more > span{
    position: relative;
    cursor: pointer;
}
.nav_menu_box .center_block > div.more > span::after{
    /* content: url("../image/icon/right.svg"); */
    content:'';
    width: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}
.nav_menu_box .center_block > div.more > span a{
    position: relative;
    display: block;
    font-size: 1.6rem;
    color: #8D9399;
    line-height: 2.5;
    transition: all .3s ease;
}
.nav_menu_box .center_block > div.more > span:hover a{
    color: #222629;
    transform: translateX(-2.4rem);
}
.nav_menu_box .center_block > div.more > span:hover::after {
    right: -2.4rem;
    opacity: 1;
    visibility: visible;
}

.nav_menu_box .center_block > div{
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-items: center;
    margin: 0 8rem;
    color: #5A6066;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .3s ease;
}
.nav_menu_box .center_block > div a{
    color: #5A6066;
    text-align: center;
}
.nav_menu_box .center_block.products_menu_box{
    flex-wrap: wrap;
}
.nav_menu_box .center_block.products_menu_box > div{
    max-width: 20rem;
    margin: 0 2.4rem;
}
.nav_menu_box .center_block.support_menu_box , .nav_menu_box .center_block.discover_menu_box{
    align-items: flex-start;
}
.nav_menu_box .center_block.support_menu_box > div , .nav_menu_box .center_block.discover_menu_box > div {
    cursor: auto;
    align-items: flex-start;
    color: #8D9399;
}
.nav_menu_box .center_block ul{
    margin-top: 2.4rem;
}
.nav_menu_box .center_block li{
    position: relative;
    display: flex;
    align-items: center;
}
.nav_menu_box .center_block li::after{
    /* content: url("/image/icon/right.svg"); */
    content:'';
    width: 18px;
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}
.nav_menu_box .center_block li a{
    font-size: 1.6rem;
    color: #222629;
    cursor: pointer;
    line-height: 2.5;
}
.nav_menu_box .center_block li:hover::after {
    right: -24px;
    opacity: 1;
    visibility: visible;
}
.nav_menu_box .center_block li:hover a{
    text-decoration: underline;
}

.nav_menu_box .center_block.solution_menu_box > div:hover , .nav_menu_box .center_block.products_menu_box > div:hover{
    color: #222629;
}
.nav_menu_box .center_block.solution_menu_box > div:hover img , .nav_menu_box .center_block.products_menu_box > div:hover img{
    transform: scale(1.1);
}
.nav_menu_box .center_block.solution_menu_box img{
    width: 20rem;
    height: 12rem;
    object-fit: cover;
    margin-bottom: 8px;
    transition: all .3s ease;
}
.nav_menu_box .center_block.products_menu_box img{
    width: 12rem;
    height: 12rem;
    object-fit: cover;
    margin-bottom: 8px;
    transition: all .3s ease;
}

.scrollWrap{
    position: fixed;
    right: 24px;
    bottom:120px;
    width: 60px;
    border-radius: 4px;
    z-index: 11;
    background: #fff;
    -webkit-box-shadow:0 4px 34px rgba(135,135,135,.17);
    box-shadow:0 4px 34px rgba(135,135,135,.17);
}
.scrollWrap a{
    display: inline-block;
    position: relative;
}
.scrollWrap a:hover{
    /*background: #DFE2F2;*/
}
.scrollWrap a:hover .sCage{
    display: block;
}
.scrollWrap a i.icon{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    color: #B2B4C1;
}
.scrollWrap a:hover path{
    fill:red;
}
.scrollWrap a .sCage{
    position: absolute;
    right: 70px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    word-wrap: normal;
    background: #fff;
    display: inline-block;
    /* padding:10px 15px; */
    font-size: 14px;
    line-height: 24px;
    display: none;
    -webkit-box-shadow:0 4px 34px rgba(135,135,135,.17);
    box-shadow:0 4px 34px rgba(135,135,135,.17);
}
.scrollWrap a .sCage::after{
    display: inline-block;
    content: '';
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #fff;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top:-10px;
}


/* 页脚 */
.footer{
    background: #111112;
    padding: 6rem 8rem;
    font-size: 2rem;
    color: rgba(255,255,255,.84);
}
.footer .container{
    padding:8rem 0 2rem;
    display: flex;
}
.footer .left_content{
    width: 16%;
}
.footer .b_logo{
    display: flex;
    margin-bottom: 6rem;
    padding-left: 1rem;
    align-items: center;
}

.footer .b_logo img{
    height: 4rem;
    width: auto;
    margin-right: 1.2rem;
}


.footer .right_content{
    width: 84%;
    display: flex;
    justify-content: space-around;
}
.footer .wCage{
    padding-left:1rem;
}
.footer .title{
    cursor: pointer;
    color: #FFF;
    font-size: 1.8rem;
    height: 2.4rem;
    line-height: 2.4rem;
    margin-bottom:20px;
}
.footer .line{
    color: rgba(255,255,255,.6);
    font-size: 1.4rem;
    line-height: 25px;
    transition: all .3s;
    margin-bottom: 2px;
}
.footer .inline{
    display: inline;
    margin-right: 2.4rem;
}
.footer .line img{
    width: 12rem;
    height: 12rem;
    /* border: 4px #F2F3F7 solid; */
}


/* 备案 */
.copyRight{
    background: #000;
    color: rgba(255,255,255,.6);
    font-size: 1.4rem;
    width: 100%;
    height: 6rem;
    padding: 0 8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copyRight .container{
    height: 6rem;
    display: flex;
    align-items: center;
    padding: 0 12px;
}
.copyRight .t1{
    margin-right:12rem;
}



::-webkit-scrollbar {
    width: 4px;
    background-color: hsl(190, 12%, 90%);
}
::-webkit-scrollbar-thumb {
    background-color: hsl(190, 12%, 75%);
}
::-webkit-scrollbar-thumb:hover {
    background-color: hsl(228, 12%, 75%);
}

.line_btn{
    font-size: 1.6rem;
    padding: .8rem 3.2rem;
    border-radius: 40px;
    border: 1px solid #5A6066;
    color: #222629;
    transition: all .4s ease;
}
.line_btn:hover{
    color: #FFF;
    background-color: #183E8C;
}
.line_white_btn{
    font-size: 1.6rem;
    padding: .8rem 3.2rem;
    border-radius: 40px;
    border: 1px solid #FFF;
    color: #FFF;
    transition: all .4s ease;
}
.line_white_btn:hover{
    border: 1px solid rgba(255,255,255,.2);
    background-color: rgba(255,255,255,.2);
}

.mask{
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}

.section_1{
    width: 100%;
    height: 100vh;
    overflow-y: hidden;
}
.section_1 .h_banner{
    height: 100%;
}
.h_banner .pager{
    z-index: 2;
    position: absolute;
    left: 8rem;
    bottom: 6rem;
    width: 26rem;
    height: 6.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2rem;
    color: rgba(255,255,255,.4);
    font-weight: 600;
}

.h_banner .pager .swiper-pagination{
    position: relative;
    bottom:0;
    width: auto;
}
.h_banner .pager .swiper-pagination .swiper-pagination-current{
    font-size: 3.2rem;
    color: rgba(255,255,255,1);
}
.h_banner .pager .swiper_btn{
    display: flex;
}
.h_banner .pager .swiper_btn > div{
    width: 6.4rem;
    height: 6.4rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    border-radius: 4px;
}
.h_banner .pager .swiper_btn > div:hover{
    background-color: rgba(255,255,255,.08);
    backdrop-filter:saturate(100%) blur(4px);
    -webkit-backdrop-filter: saturate(100%) blur(4px);
}
.h_banner .scroll_tip{
    z-index: 2;
    position: absolute;
    left: 50%;
    bottom: 4rem;

    color: #FFF;
    animation: tip_icon_2 2s linear infinite forwards;
    -webkit-animation: tip_icon_2 2s linear infinite forwards;
}
.h_banner .scroll_tip .icon{
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}
.h_banner .scroll_tip .icon svg path:nth-child(2){
    animation: tip_icon 2s linear infinite forwards;
    -webkit-animation: tip_icon 2s linear infinite forwards;
}
@keyframes tip_icon{
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(4px)
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes tip_icon_2{
    0% {
        transform: translate(-50% , 0)
    }
    50% {
        transform: translate(-50% , 16px)
    }
    100% {
        transform: translate(-50% , 0);
    }
}
.h_banner .wrapper_box{
    width: 100%;
    padding: 0 8rem;
    position: absolute;
    top: 30%;
    text-align: center;
    color: #FFF;
}
.h_banner .wrapper_box h2{
    font-size: 6.8rem;
    font-weight: 600;
}
.h_banner .wrapper_box span{
    font-size: 4.8rem;
    display: block;
}
.h_banner .banner{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section_swiper .swiper_btn > div{
    width: 6.4rem;
    height: 6.4rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    border-radius: 3.2rem;

    opacity: .4;
}
.section_swiper .swiper_btn > div:hover{
    opacity: 1;
}
.section_swiper .swiper_btn .swiper_prev{
    z-index: 10;
    position: absolute;
    top: 30.55rem;
    left: 24rem;
}
.section_swiper .swiper_btn .swiper_next{
    z-index: 10;
    position: absolute;
    top: 30.55rem;
    right: 24rem;
}


.home_page .section_2{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #FFF;
    padding: 10rem 0 8rem 0;

}

.home_page .section_2 .section_8_title{
    padding: 0 8rem;
    color: #222629;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.home_page .section_2 .section_8_title .title{
    display: flex;
    align-items: flex-end;
}
.home_page .section_2 .section_8_title span{
    font-size: 1.4rem;
    color: #8D9399;
    margin-left: 1.6rem;
}
.home_page .section_2 .section_8_title .switch_btn{
    display: flex;
}
.home_page .section_2 .section_8_title .switch_btn li{
    padding: .8rem 1.6rem;
    border-radius: 3.6rem;
    font-size: 1.4rem;
    color: #5A6066;
    border: 1px #BEC0C2 solid;
    margin-left: 1.2rem;
    cursor: pointer;
    transition: all .3s ease;
}
.home_page .section_2 .section_8_title .switch_btn li.active{
    border-color: #183E8C;
    color: #FFF;
    background-color: #183E8C;
}
.home_page .section_2 .section_8_title .switch_btn li:hover{
    border-color: #183E8C;
    color: #FFF;
    background-color: #183E8C;
}

.home_page .section_2 .section_2_parallel{
    position: relative;
    width: 100%;
    height: 100%;
}
.home_page .section_2 .section_2_parallel ul{
    display: flex;
    align-items: center;
    padding: 0 8rem;
    color: #222629;
    width: 100%;
    height: 100%;
}
.home_page .section_2 .section_2_parallel ul > li{
    position: relative;
    margin-right: 16rem;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
}
.home_page .section_2 .section_2_title{
    position: absolute;
    left: 8rem;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 6rem;
    width: calc(40% - 8rem);
    opacity: 0;
}

.home_page .section_2 .section_2_title h5{
    font-size: 2rem;
}
.home_page .section_2 .section_2_title p{
    font-size: 1.6rem;
    color: #5A6066;
    margin: 4.8rem 0;
}
.home_page .section_2 .section_2_title .more_btn{
    border-radius: 4.8rem;
    border: 1px #BEC0C2 solid;
    width: 9rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
}
.home_page .section_2 .section_2_title .more_btn:hover{
    border: 1px #183E8C solid;
    background-color: #183E8C;
}
.home_page .section_2 .section_2_title .more_btn path{
    transition: all .3s ease;
}
.home_page .section_2 .section_2_title .more_btn:hover path{
    fill: #FFF;
}
.home_page .section_2 .solution_2_content{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.home_page .section_2 .solution_2_content .img_box{
    width: 100%;
    height: 54rem;
    overflow: hidden;
    border-radius: 8px;
}
.home_page .section_2 .solution_2_content .img_box:hover img{
    transform: scale(1.06);
}
.home_page .section_2 .solution_2_content .img_box img{
    transition: all .6s ease;
}
.home_page .section_2 .solution_2_content .img_box:hover img{
    transform: scale(1.06);
}
.home_page .section_2 .solution_2_content .img_box img{
    transition: all .6s ease;
}


.home_page .section_3{
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #F5F6F7;
    padding: 8rem 24rem;
}
.home_page .section_3 .section_3_title{
    color: #222629;
    width: 100%;
    text-align: center;
}

.home_page .section_3 .section_3_title p{
    margin-top: 2.4rem;
    font-size: 1.6rem;
}

.home_page .section_3 .solution_3_content{
    align-items: center;
    color: #222629;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home_page .section_3  .data_content {
    padding: 0 8rem;
    margin: 12rem 0 ;
    width: 100%;
    color: #8D9399;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    gap: 12rem;
}
.home_page .section_3 .data_content  > div{
    margin: 0 .4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.home_page .section_3 .data_content  h2{
    color: #222629;
    font-size: 4.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.home_page .section_3 .data_content  h2 span{
    font-size: 1.6rem;
    font-weight: 400;
    margin-left: 8px;
}
.home_page .section_3 .btn_box {
    display: flex;
    justify-content: center;
}


.home_page .section_4 {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #1D1D1F;
}
.home_page .section_4 .section_4_title .logo_name{
    z-index: 3;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);

    font-size: 10rem;
    font-weight: 400;
    color: #FFF;
    display: flex;
    text-transform: uppercase;
    -webkit-box-reflect:below -48px -webkit-linear-gradient(transparent,#0002);
}
#logo-name span:nth-child(n+8){
    /*color: #05ff83;*/
    font-weight: 700;
}
.home_page .section_4 .solution_4_content{
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
}
.home_page .section_4 .solution_4_content .text_box{
    z-index: 3;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    color: #FFF;
    text-align: center;
}

.home_page .section_4 .solution_4_content .btn_box{
    z-index: 10;
    position: absolute;
    left: 50%;
    bottom: 8rem;
    transform: translateX(-50%);
}

.home_page .section_5{
    background-color: #FFF;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.home_page .section_5 .section_5_parallel{
    width: 100%;
    height: 100%;
    /*padding: 8rem 8rem 6rem 8rem;*/
}
.home_page .section_5 .section_5_title{
    z-index: 999;
    color: #FFF;
    width: 100%;
    position: absolute;
    top: 8rem;
    padding: 0 8rem;
    display: flex;
    justify-content: space-between;
}
.home_page .section_5 .section_5_title p{
    color: rgba(255,255,255,.4);
    font-size: 2rem;
}
.home_page .section_5 .solution_5_content{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.home_page .section_5 .solution_5_content > li{
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    color: #222629;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-shadow: 0 2.4rem 2.4rem rgba(0,0,0,.16);
}
.home_page .section_5 .solution_5_content > li:nth-child(1){
    z-index: 6;
}
.home_page .section_5 .solution_5_content > li:nth-child(2){
    z-index: 5;
}
.home_page .section_5 .solution_5_content > li:nth-child(3){
    z-index: 4;
}
.home_page .section_5 .solution_5_content > li:nth-child(4){
    z-index: 3;
}
.home_page .section_5 .solution_5_content > li:nth-child(5){
    z-index: 2;
}
.home_page .section_5 .solution_5_content > li .img_box{
    height: 100%;
    width: 100%;
    position: relative;
    flex-shrink: 0;
    overflow: hidden;
}
.home_page .section_5 .solution_5_content .text_box{
    z-index: 999;
    position: absolute;
    bottom: 12rem;
    width: 56rem;
    padding: 1.6rem;
    background-color: rgba(255,255,255,.8);
    border-radius: .8rem;
    display: flex;
    gap: 1.6rem;
    transition: all .3s ease;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.home_page .section_5 .solution_5_content .text_box:hover{
    cursor: pointer;
    background-color: #FFFFFF;
    opacity: 1!important;
    transform: translateY(-1.2rem);
}
.home_page .section_5 .solution_5_content .text_box:hover .info_box .arr_icon{
    top: 1.6rem;
    opacity: 1;
}

.home_page .section_5 .solution_5_content .text_box img{
    width: 18rem;
    height: 12rem;
    object-fit: cover;
    border-radius: .4rem;
}
.home_page .section_5 .solution_5_content .text_box .info_box{
    padding: .4rem 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.home_page .section_5 .solution_5_content .text_box .info_box .arr_icon{
    opacity: 0;
    position: absolute;
    right: 1.6rem;
    top: 2.4rem;
    transition: all .3s ease;
}
.home_page .section_5 .solution_5_content .text_box h4{
    font-size: 1.7rem;
    color: #222629;
    font-weight: 600;
}
.home_page .section_5 .solution_5_content .text_box  .subtitle{
    font-size: 1.4rem;
    color: #5A6066;
}


.home_page .section_9{
    position: relative;
    width: 100%;
    /*height: 100vh;*/
    /*overflow: hidden;*/
    background-color: #FFF;
    padding: 8rem 0 4rem 0;
}
.home_page .section_9 .section_9_title{
    padding: 0 8rem;
    color: #222629;
}
.home_page .section_9 .section_9_title .title{
    text-align: center;
}
.home_page .section_9 .section_9_title p{
    font-size: 3.2rem;
    color: #DCDDDE;
    font-weight: 600;
}
.home_page .section_9 .section_9_title .switch_btn{
    display: flex;
}
.home_page .section_9 .section_9_title .switch_btn li{
    padding: .8rem 1.6rem;
    border-radius: 3.6rem;
    font-size: 1.4rem;
    color: #5A6066;
    border: 1px #BEC0C2 solid;
    margin-left: 1.2rem;
    cursor: pointer;
    transition: all .3s ease;
}
.home_page .section_9 .section_9_title .switch_btn li.active{
    border-color: #183E8C;
    color: #FFF;
    background-color: #183E8C;
}
.home_page .section_9 .section_9_title .switch_btn li:hover{
    border-color: #183E8C;
    color: #FFF;
    background-color: #183E8C;
}

.home_page .section_9 .solution_9_content{
    padding: 0 6rem;
    display: flex;
    flex-wrap: wrap;
    margin: 8rem 0 4rem 0;
}
.home_page .section_9 .solution_9_content .item{
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding: 0 2rem;
    margin-bottom: 4rem;
}
.home_page .section_9 .solution_9_content .item .news_list{
    width: 100%;
    border: 2px solid #FFF;
    transition: all .3s ease;
    overflow: hidden;
    cursor: pointer;
}
.home_page .section_9 .solution_9_content .item .news_list:hover {
    border: 2px solid #183E8C;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.home_page .section_9 .solution_9_content .item .news_list:hover .text_box{
    background: #183E8C;
    color: #FFF;
    padding: 2.4rem;
}
.home_page .section_9 .solution_9_content .item .news_list:hover .text_box h4{
    color: #FFF;
}
.home_page .section_9 .solution_9_content .item .news_list:hover .text_box .tag_box svg{
    transform: translateX(0);
}
.home_page .section_9 .solution_9_content .item .news_list:hover img{
    transform: scale(1.06);
}
.home_page .section_9 .solution_9_content .item .news_list .img_box{
    width: 100%;
    height: 28rem;
    overflow: hidden;
}
.home_page .section_9 .solution_9_content .item .news_list .img_box img{
    transition: all .3s ease;
}
.home_page .section_9 .solution_9_content .item .news_list .text_box{
    color: #5A6066;
    transition: all .3s ease;
    font-size: 1.4rem;
    padding: 2.4rem 0;
}
.home_page .section_9 .solution_9_content .item .news_list .text_box h4{
    font-size: 2rem;
    font-weight: 600;
    color: #222629;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    margin-bottom: 1.2rem;

}
.home_page .section_9 .solution_9_content .item .news_list .text_box span{
    display: block;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}
.home_page .section_9 .solution_9_content .item .news_list .text_box .tag_box{
    padding-top: 2.4rem;
    margin-top: 2.4rem;
    border-top: 1px solid rgba(126,134,142,.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.home_page .section_9 .solution_9_content .item .news_list .text_box .tag_box svg{
    transform: translateX(8rem);
    transition: all .3s ease;
}
.home_page .section_9 .btn_box{
    display: flex;
    justify-content: center;
}

.home_page .section_6{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #FFF;
    padding: 8rem 0;
}
.home_page .section_6 .section_6_parallel{
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding: 0 8rem;
    color: #222629;
    width: 100%;
    height: 100%;
}
.home_page .section_6 .section_6_title{
    position: absolute;
    left: 8rem;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 6rem;
    width: 72rem;
    opacity: 0;
}

.home_page .section_6 .section_6_title h2{
    margin-bottom: 4.8rem;
}
.home_page .section_6 .section_6_title p{
    font-size: 2rem;
    /*text-align: justify;*/
}
.home_page .section_6 .section_6_title .btn_box{
    margin-top: 8rem;
}
.home_page .section_6 .solution_6_content{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.home_page .section_6 .solution_6_content .img_box{
    width: 100%;
    height: 64rem;
    overflow: hidden;
    border-radius: 8px;
}
.home_page .section_6 .solution_6_content .img_box:hover img{
    transform: scale(1.06);
}
.home_page .section_6 .solution_6_content .img_box img{
    transition: all .6s ease;
}

.home_page .section_7{
    position: relative;
    width: 100%;
    padding: 4rem 8rem;
    background-color: #FFF;
    margin-bottom: 8rem;
}
.home_page .section_7 .section_7_title{
    text-align: center;
}

.home_page .section_7 .section_7_title h2{
    margin-bottom: .8rem;
    color: #222629;
}
.home_page .section_7 .section_7_title p{
    font-size: 1.4rem;
    color: #8D9399;
}
.home_page .section_7 .solution_7_content{
    margin-top: 6rem;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 16rem;
}
.home_page .section_7 .solution_7_content .list_box{
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
}
.home_page .section_7 .solution_7_content .list_box .item{
    /*flex: 0 0 16.6666%;*/
    /*max-width: 16.6666%;*/
    width: 290px;
    padding: 0 .2rem;
}
.home_page .section_7 .solution_7_content .item .logo_box{
    width: 100%;
    text-align: center;
    background-color: #FFF;
    transition: all .3s ease;
    font-size: 14px;
    color: #8D9399;
}
.home_page .section_7 .solution_7_content .item .logo_box .img_box{
    width: 100%;
    height: 10rem;
    /*border: 1px solid rgba(126,134,142,.28);*/
    margin-bottom: 1.2rem;
    transition: all .3s ease;
    /*filter: grayscale(100%) opacity(.6);   */
}
.home_page .section_7 .solution_7_content .item .logo_box:hover{
    color: #222629;
}
/*.home_page .section_7 .solution_7_content .item .logo_box:hover .img_box{*/
/*    box-shadow: 0 4px 24px rgba(0, 0, 0, .08);*/
/*    filter: grayscale(0) opacity(1);*/
/*}*/



.home_page .section_8{
    position: relative;
    width: 100%;
    /*height: 100vh;*/
    /*overflow: hidden;*/
    background-color: #FFF;
    padding: 8rem 0 4rem 0;
}

.home_page .section_8 .section_8_title{
    padding: 0 8rem;
    color: #222629;
    margin-bottom: 8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.home_page .section_8 .section_8_title .title{
    display: flex;
    align-items: flex-end;
}
.home_page .section_8 .section_8_title span{
    font-size: 1.6rem;
    color: #8D9399;
    margin-left: 1.6rem;
}
.home_page .section_8 .section_8_title .switch_btn{
    display: flex;
}
.home_page .section_8 .section_8_title .switch_btn li{
    padding: .8rem 1.6rem;
    border-radius: 3.6rem;
    font-size: 1.4rem;
    color: #5A6066;
    border: 1px #BEC0C2 solid;
    margin-left: 1.2rem;
    cursor: pointer;
    transition: all .3s ease;
}
.home_page .section_8 .section_8_title .switch_btn li.active{
    border-color: #183E8C;
    color: #FFF;
    background-color: #183E8C;
} 
.home_page .section_8 .section_8_title .switch_btn li:hover{
    border-color: #183E8C;
    color: #FFF;
    background-color: #183E8C;
}
.home_page .section_8 .solution_8_content{
    padding: 0 6rem;
    display: flex;
    flex-wrap: wrap;
}
.home_page .section_8 .solution_8_content .item{
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding: 0 2rem;
    margin-bottom: 4rem;
}
.home_page .section_8 .solution_8_content .item .news_list{
    width: 100%;
    background-color: #F8F8F8;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s ease;
}
.home_page .section_8 .solution_8_content .item .news_list:hover{
    transform: translateY(-1.6rem);
    background-color: #FFF;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .08);
}
.home_page .section_8 .solution_8_content .item .news_list:hover img{
    transform: scale(1.06);
}
.home_page .section_8 .solution_8_content .item .news_list:hover .text_box .tag_box svg{
    transform: translateX(0);
}
.home_page .section_8 .solution_8_content .item .news_list .img_box{
    width: 100%;
    height: 33.6rem;
    overflow: hidden;
}
.home_page .section_8 .solution_8_content .item .news_list .img_box img{
    transition: all .3s ease;
}
.home_page .section_8 .solution_8_content .item .news_list .text_box{
    color: #222629;
    font-size: 1.6rem;
    padding: 4rem;
}
.home_page .section_8 .solution_8_content .item .news_list .text_box h4{
    font-size: 2rem;
    font-weight: 600;
    color: #222629;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    margin-bottom: 1.2rem;
}
.home_page .section_8 .solution_8_content .item .news_list .text_box span{
    display: block;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}
.home_page .section_8 .solution_8_content .item .news_list .text_box .tag_box{
    padding-top: 2.4rem;
    margin-top: 2.4rem;
    border-top: 1px solid rgba(126,134,142,.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.home_page .section_8 .solution_8_content .item .news_list .text_box .tag_box svg{
    transform: translateX(8rem);
    transition: all .3s ease;
}





.product_list_page .section_1{
    width: 100%;
    height: 54rem;
    overflow-y: hidden;
}

.product_list_page .section_5{
    position: relative;
    width: 100%;
    /*height: 100vh;*/
    /*overflow: hidden;*/
    background-color: #FFF;
    padding: 8rem 0 4rem 0;
}
.product_list_page .section_5 .section_5_title{
    padding: 0 8rem;
    color: #222629;
    margin-bottom: 8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product_list_page .section_5 .section_5_title .title{
    display: flex;
    align-items: center;
}
.product_list_page .section_5 .section_5_title span{
    font-size: 1.6rem;
    color: #8D9399;
    margin: 0 0.8rem;
}
.product_list_page .section_5 .section_5_title .switch_btn{
    display: flex;
}
.product_list_page .section_5 .section_5_title .switch_btn li{
    padding: .8rem 1.6rem;
    border-radius: 3.6rem;
    font-size: 1.4rem;
    color: #5A6066;
    border: 1px #BEC0C2 solid;
    margin-left: 1.2rem;
    cursor: pointer;
    transition: all .3s ease;
} 
.product_list_page .section_5 .section_5_title .switch_btn li:hover{
    border-color: #183E8C;
    color: #FFF;
    background-color: #183E8C;
}
.product_list_page .section_5 .section_5_title .switch_btn li.active{
    border-color: #183E8C;
    color: #FFF;
    background-color: #183E8C;
}

.product_list_page .section_5 .solution_5_content{
    padding: 0 6rem;
    display: flex;
    flex-wrap: wrap;
}
.no_data{
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items:center
}
.no_data img{
    width: 20rem;height: 20rem;display: block;margin-bottom: 1.6rem;
}
.no_data span{
    font-size: 1.6rem;
}
.product_list_page .section_5 .solution_5_content .item{
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem;
    margin-bottom: 4rem;
}
.product_list_page .section_5 .solution_5_content .item .products_list{
    width: 100%;
    border: 2px solid #FFF;
    transition: all .3s ease;
    overflow: hidden;
    cursor: pointer;
}
.product_list_page .section_5 .solution_5_content .item .products_list:hover {
    border: 2px solid #183E8C;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.product_list_page .section_5 .solution_5_content .item .products_list:hover .text_box{
    background: #183E8C;
    color: #FFF;
}
.product_list_page .section_5 .solution_5_content .item .products_list:hover .text_box h4{
    color: #FFF;
}
.product_list_page .section_5 .solution_5_content .item .products_list:hover .text_box .tag_box svg{
    transform: translateX(0);
}
.product_list_page .section_5 .solution_5_content .item .products_list:hover img{
    transform: scale(1.06);
}
.product_list_page .section_5 .solution_5_content .item .products_list .img_box{
    width: 100%;
    height: 40.6rem;
    overflow: hidden;
}
.product_list_page .section_5 .solution_5_content .item .products_list .img_box img{
    transition: all .3s ease;
}
.product_list_page .section_5 .solution_5_content .item .products_list .text_box{
    color: #5A6066;
    transition: all .3s ease;
    font-size: 1.4rem;
    padding: 2.4rem 1.6rem;
}
.product_list_page .section_5 .solution_5_content .item .products_list .text_box h4{
    font-size: 2rem;
    font-weight: 600;
    color: #222629;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    margin-bottom: 1.2rem;
}
.product_list_page .section_5 .solution_5_content .item .products_list .text_box span{
    display: block;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    max-width: calc(100% - 16px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}
.product_list_page .section_5 .solution_5_content .item .products_list .text_box .tag_box{
    padding-top: 2.4rem;
    margin-top: 2.4rem;
    border-top: 1px solid rgba(126,134,142,.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product_list_page .section_5 .solution_5_content .item .products_list .text_box .tag_box svg{
    transform: translateX(8rem);
    transition: all .3s ease;
}



.product_page .section_2{
    position: relative;
    width: 100%;
    min-height: 100vh;
    /*overflow: hidden;*/
    background-color: #FFF;
    padding: 12rem 24rem 4rem 24rem;
}
.product_page .section_2 .section_2_title{
    
    color: #222629;
    margin-bottom: 2.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product_page .section_2 .section_2_title .title{
    display: flex;
    align-items: center;
}
.product_page .section_2 .section_2_title span{
    font-size: 1.6rem;
    /*color: #8D9399;*/
    margin: 0 0.8rem;
}
.product_page .section_2 .solution_2_content .img_text_box{
    display: flex;
}
.product_page .section_2 .solution_2_content .img_text_box .img_box{
    width: 64rem;
    height: 48rem;
}
.product_page .section_2 .solution_2_content .img_text_box .img_box .banner{
    width: 64rem;
    height: 48rem;
    object-fit: contain;
}
.product_page .section_2 .solution_2_content .img_text_box .text_box{
    padding: 8rem 4rem 4rem 8rem;
    color: #222629;
}
.product_page .section_2 .solution_2_content .img_text_box .text_box h1{
    font-size: 3.2rem;
    margin-bottom: 2.4rem;
}
.product_page .section_2 .solution_2_content .img_text_box .text_box p{
    font-size: 1.6rem;
    color: #5A6066;
    margin-bottom: 2.4rem;
}

.product_page .section_2 .solution_2_content .info_box{
    padding: 2.4rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
}

.product_page .section_2 .solution_2_content .info_box li{
    flex: 0 0 calc(33.3333% - 1.6rem);
    max-width: calc(33.3333% - 1.6rem);
    /* padding: 0 2.4rem; */
    margin-bottom: 4rem;
}
.product_page .section_2 .solution_2_content .info_box li .info{
    padding-bottom: 2.4rem;
    border-bottom: 1px solid rgba(126, 134, 142, 0.16);
    font-size: 1.4rem;
    color: #8D9399;
    height: 100%;
}
.product_page .section_2 .solution_2_content .info_box li .info p{
    font-size: 1.6rem;
    color: #222629;
    margin-top: .8rem;
}
.product_page .section_2 .solution_3_content .content_box{
    padding: 2.4rem 0 ;
    border-top: 1px solid rgba(126,134,142,.16);
    border-bottom: 1px solid rgba(126,134,142,.16);
}
.product_page .section_2 .solution_3_content .content_box p{
    font-size: 1.6rem;
    color: #222629;
    line-height: 2;
}

.product_page .section_2 .solution_3_content .list_box{
    margin-top: 2.4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
}
.product_page .section_2 .solution_3_content .item{
    flex: 0 0 calc(25% - 1.8rem);
    max-width: 25%;
    margin-bottom: 2.4rem;
}
.product_page .section_2 .solution_3_content .item .products_list{
    width: 100%;
    border: 2px solid #FFF;
    transition: all .3s ease;
    overflow: hidden;
    cursor: pointer;
}
.product_page .section_2 .solution_3_content .item .products_list:hover {
    border: 2px solid #183E8C;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.product_page .section_2 .solution_3_content .item .products_list:hover .text_box{
    background: #183E8C;
    color: #FFF;
}
.product_page .section_2 .solution_3_content .item .products_list:hover .text_box h4{
    color: #FFF;
}
.product_page .section_2 .solution_3_content .item .products_list:hover .text_box .tag_box svg{
    transform: translateX(0);
}
.product_page .section_2 .solution_3_content .item .products_list:hover img{
    transform: scale(1.06);
}
.product_page .section_2 .solution_3_content .item .products_list .img_box{
    width: 100%;
    height: 33.6rem;
    overflow: hidden;
}
.product_page .section_2 .solution_3_content .item .products_list .img_box img{
    transition: all .3s ease;
}
.product_page .section_2 .solution_3_content .item .products_list .text_box{
    color: #5A6066;
    transition: all .3s ease;
    font-size: 1.4rem;
    padding: 2.4rem 1.6rem;
}
.product_page .section_2 .solution_3_content .item .products_list .text_box h4{
    font-size: 2rem;
    font-weight: 600;
    color: #222629;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    margin-bottom: 1.2rem;
}
.product_page .section_2 .solution_3_content .item .products_list .text_box span{
    display: block;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    max-width: calc(100% - 16px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}
.product_page .section_2 .solution_3_content .item .products_list .text_box .tag_box{
    padding-top: 2.4rem;
    margin-top: 2.4rem;
    border-top: 1px solid rgba(126,134,142,.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product_page .section_2 .solution_3_content .item .products_list .text_box .tag_box svg{
    transform: translateX(8rem);
    transition: all .3s ease;
}


.case_list_page .section_1{
    width: 100%;
    height: 54rem;
    overflow-y: hidden;
}

.case_list_page .section_8{
    position: relative;
    width: 100%;
    /*height: 100vh;*/
    /*overflow: hidden;*/
    background-color: #FFF;
    padding: 8rem 0 4rem 0;
}

.case_list_page .section_8 .section_8_title{
    padding: 0 8rem;
    color: #222629;
    margin-bottom: 8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.case_list_page .section_8 .section_8_title .title{
    display: flex;
    align-items: center;
}
.case_list_page .section_8 .section_8_title span{
    font-size: 1.6rem;
    color: #8D9399;
    margin: 0 0.8rem;
}
.case_list_page .section_8 .section_8_title .switch_btn{
    display: flex;
}
.case_list_page .section_8 .section_8_title .switch_btn li{
    padding: .8rem 1.6rem;
    border-radius: 3.6rem;
    font-size: 1.4rem;
    color: #5A6066;
    border: 1px #BEC0C2 solid;
    margin-left: 1.2rem;
    cursor: pointer;
    transition: all .3s ease;
}
.case_list_page .section_8 .section_8_title .switch_btn li.active{
    border-color: #183E8C;
    color: #FFF;
    background-color: #183E8C;
}
.case_list_page .section_8 .section_8_title .switch_btn li:hover{
    border-color: #183E8C;
    color: #FFF;
    background-color: #183E8C;
}
.case_list_page .section_8 .solution_8_content{
    padding: 0 6rem;
    display: flex;
    flex-wrap: wrap;
}
.case_list_page .section_8 .solution_8_content .item{
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem;
    margin-bottom: 4rem;
}
.case_list_page .section_8 .solution_8_content .item .case_list{
    width: 100%;
    background-color: #F8F8F8;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s ease;
}
.case_list_page .section_8 .solution_8_content .item .case_list:hover{
    transform: translateY(-1.6rem);
    background-color: #FFF;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .08);
}
.case_list_page .section_8 .solution_8_content .item .case_list:hover img{
    transform: scale(1.06);
}
.case_list_page .section_8 .solution_8_content .item .case_list:hover .text_box .tag_box svg{
    transform: translateX(0);
}
.case_list_page .section_8 .solution_8_content .item .case_list .img_box{
    width: 100%;
    height: 28rem;
    overflow: hidden;
}
.case_list_page .section_8 .solution_8_content .item .case_list .img_box img{
    transition: all .3s ease;
}
.case_list_page .section_8 .solution_8_content .item .case_list .text_box{
    color: #222629;
    font-size: 1.6rem;
    padding: 2.4rem ;

}
.case_list_page .section_8 .solution_8_content .item .case_list .text_box h4{
    font-size: 2rem;
    font-weight: 600;
    color: #222629;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    margin-bottom: 1.2rem;
}
.case_list_page .section_8 .solution_8_content .item .case_list .text_box p{
    font-size: 1.6rem;
    height: 4.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}
.case_list_page .section_8 .solution_8_content .item .case_list .text_box .tag_box{
    padding-top: 2.4rem;
    margin-top: 2.4rem;
    border-top: 1px solid rgba(126,134,142,.08);
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.case_list_page .section_8 .solution_8_content .item .case_list .text_box .tag_box svg{
    transform: translateX(8rem);
    transition: all .3s ease;
}
.case_list_page .section_8 .solution_8_content .item .case_list .text_box .tag_box span{
    display: block;
    font-size: 1.4rem;
    max-width: calc(100% - 16px);
}
.case_page .section_2{
    position: relative;
    width: 100%;
    /*overflow: hidden;*/
    background-color: #FFF;
    padding: 12rem 24rem 4rem 24rem;
}
.case_page .section_2 .section_2_title{

    color: #222629;
    margin-bottom: 2.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.case_page .section_2 .section_2_title .title{
    display: flex;
    align-items: center;
}
.case_page .section_2 .section_2_title span{
    font-size: 1.6rem;
    color: #8D9399;
    margin: 0 0.8rem;
}
.case_page .section_2 .solution_2_content .img_text_box{
    display: flex;
}
.case_page .section_2 .solution_2_content .img_text_box .img_box{
    width: 64rem;
    height: 48rem;
}
.case_page .section_2 .solution_2_content .img_text_box .img_box .banner{
    width: 64rem;
    height: 48rem;
    object-fit: contain;
}
.case_page .section_2 .solution_2_content .img_text_box .text_box{
    padding: 8rem 0 4rem 8rem;
    color: #222629;
}
.case_page .section_2 .solution_2_content .img_text_box .text_box h1{
    font-size: 3.2rem;
    margin-bottom: 2.4rem;
}
.case_page .section_2 .solution_2_content .img_text_box .text_box p{
    font-size: 1.6rem;
    color: #5A6066;
    margin-bottom: 2.4rem;
    text-align: justify;
    line-height: 1.8;
}

.case_page .section_2 .solution_2_content .info_box{
    padding: 2.4rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
}

.case_page .section_2 .solution_2_content .info_box li{
    flex: 0 0 calc(33.3333% - 1.6rem);
    max-width: calc(33.3333% - 1.6rem);
    /* padding: 0 2.4rem; */
    margin-bottom: 4rem;
}
.case_page .section_2 .solution_2_content .info_box li .info{
    padding-bottom: 2.4rem;
    border-bottom: 1px solid rgba(126, 134, 142, 0.16);
    font-size: 1.4rem;
    color: #8D9399;
    height: 100%;
}
.case_page .section_2 .solution_2_content .info_box li .info p{
    font-size: 1.6rem;
    color: #222629;
    margin-top: .8rem;
}


.news_list_page .section_1{
    width: 100%;
    height: 54rem;
    overflow-y: hidden;
}

.news_list_page .section_8{
    position: relative;
    width: 100%;
    /*height: 100vh;*/
    /*overflow: hidden;*/
    background-color: #FFF;
    padding: 8rem 0 4rem 0;
}

.news_list_page .section_8 .section_8_title{
    padding: 0 8rem;
    color: #222629;
    margin-bottom: 8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news_list_page .section_8 .section_8_title .title{
    display: flex;
    align-items: center;
}
.news_list_page .section_8 .section_8_title span{
    font-size: 1.6rem;
    color: #8D9399;
    margin: 0 0.8rem;
}
.news_list_page .section_8 .section_8_title .switch_btn{
    display: flex;
}
.news_list_page .section_8 .section_8_title .switch_btn li{
    padding: .8rem 1.6rem;
    border-radius: 3.6rem;
    font-size: 1.4rem;
    color: #5A6066;
    border: 1px #BEC0C2 solid;
    margin-left: 1.2rem;
    cursor: pointer;
    transition: all .3s ease;
}
.news_list_page .section_8 .section_8_title .switch_btn li.active{
    border-color: #183E8C;
    color: #FFF;
    background-color: #183E8C;
}
.news_list_page .section_8 .section_8_title .switch_btn li:hover{
    border-color: #183E8C;
    color: #FFF;
    background-color: #183E8C;
}
.news_list_page .section_8 .solution_8_content{
    padding: 0 6rem;
    display: flex;
    flex-wrap: wrap;
}
.news_list_page .section_8 .solution_8_content .item{
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem;
    margin-bottom: 4rem;
}
.news_list_page .section_8 .solution_8_content .item .news_list{
    width: 100%;
    border: 2px solid #FFF;
    transition: all .3s ease;
    overflow: hidden;
    cursor: pointer;
}
.news_list_page .section_8 .solution_8_content .item .news_list:hover {
    border: 2px solid #183E8C;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.news_list_page .section_8 .solution_8_content .item .news_list:hover .text_box{
    background: #183E8C;
    color: #FFF;
    padding: 2.4rem;
}
.news_list_page .section_8 .solution_8_content .item .news_list:hover .text_box h4{
    color: #FFF;
}
.news_list_page .section_8 .solution_8_content .item .news_list:hover .text_box .tag_box svg{
    transform: translateX(0);
}
.news_list_page .section_8 .solution_8_content .item .news_list:hover img{
    transform: scale(1.06);
}
.news_list_page .section_8 .solution_8_content .item .news_list .img_box{
    width: 100%;
    height: 28rem;
    overflow: hidden;
}
.news_list_page .section_8 .solution_8_content .item .news_list .img_box img{
    transition: all .3s ease;
}
.news_list_page .section_8 .solution_8_content .item .news_list .text_box{
    color: #5A6066;
    transition: all .3s ease;
    font-size: 1.4rem;
    padding: 2.4rem 0;
}
.news_list_page .section_8 .solution_8_content .item .news_list .text_box h4{
    font-size: 2rem;
    font-weight: 600;
    color: #222629;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    margin-bottom: 1.2rem;
}
.news_list_page .section_8 .solution_8_content .item .news_list .text_box span{
    display: block;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_list_page .section_8 .solution_8_content .item .news_list .text_box .tag_box{
    padding-top: 2.4rem;
    margin-top: 2.4rem;
    border-top: 1px solid rgba(126,134,142,.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news_list_page .section_8 .solution_8_content .item .news_list .text_box .tag_box svg{
    transform: translateX(8rem);
    transition: all .3s ease;
}

.news_page .section_2{
    position: relative;
    width: 100%;
    /*overflow: hidden;*/
    background-color: #FFF;
    padding: 12rem 24rem 4rem 24rem;
}
.news_page .section_2 .section_2_title{

    color: #222629;
    margin-bottom: 2.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news_page .section_2 .section_2_title .title{
    display: flex;
    align-items: center;
}
.news_page .section_2 .section_2_title span{
    font-size: 1.6rem;
    color: #8D9399;
    margin: 0 0.8rem;
}

.news_page .section_2 .solution_2_content  .img_box{
    width: 64rem;
    height: 48rem;
}
.news_page .section_2 .solution_2_content  .img_box .banner{
    width: 64rem;
    height: 48rem;
    object-fit: contain;
}
.news_page .section_2 .solution_2_content  .text_box{
    padding: 4rem 0 2.4rem 0;
    color: #222629;

}
.news_page .section_2 .solution_2_content  .text_box h1{
    font-size: 2.8rem;
    margin-bottom: 2.4rem;
    text-align: center;
}
.news_page .section_2 .solution_2_content  .text_box p{
    font-size: 1.4rem;
    color: #5A6066;
}

.news_page .section_2 .solution_2_content .content_box{
    padding: 2.4rem 0 ;
    border-top: 1px solid rgba(126,134,142,.16);
}
.news_page .section_2 .solution_2_content .content_box p{
    font-size: 1.6rem;
    color: #222629;
    line-height: 2;
}

.news_page .section_2 .solution_2_content .attachment_box {
    font-size: 1.6rem;
    color: #222629;
    line-height: 1.5;

    display: flex;
    gap: 1.2rem;
    padding: 2.4rem 0;
}
.news_page .section_2 .solution_2_content .attachment_box:last-child{
    border-top: 1px solid rgba(126,134,142,.16);
}
.news_page .section_2 .solution_2_content .attachment_box a{
    color: #183E8C;
}
.news_page .section_2 .solution_2_content .attachment_box a:hover{
    color: #007aff;
}
.news_page .section_2 .solution_2_content ul{
    display: flex;
    gap: 1.2rem;
    align-items: center;
}
.news_page .section_2 .solution_2_content .attachment_box button{
    font-size: 1.6rem;
    color: #222629;
    line-height: 1.5;
    padding: .4rem 1.2rem;
    border: 1px solid rgba(126,134,142,.08);
    border-radius: .4rem;
}
.news_page .section_2 .solution_2_content .attachment_box button:hover{
    background-color: rgba(126,134,142,.08);
}

.about_page .section_2{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #FFF;
}
.about_page .section_2 .section_2_parallel{
    padding-top: 8rem;
    width: 100%;
    height: 100%;
 }
.about_page .section_2 .solution_2_content{
    z-index: 2;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about_page .section_2 .solution_2_content .text_box{
    text-align: center;
    z-index: 10;
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about_page .section_2 .solution_2_content .text_box h3{
    z-index: 3;
    position: absolute;
    padding: 0 24rem;
    font-size: 3.6rem;
    font-weight: 600;
    color: #FFF;
    opacity: 0;
}
.about_page .section_2 .solution_2_content .img_box{
    position: absolute;
    width: 100%;
    height: 100%;
}


.about_page .section_3{
    position: relative;
    width: 100%;
    background-color: #F5F5F5;
}
.about_page .section_3 .section_3_parallel{
     padding: 8rem 0 4rem 0;
     width: 100%;
     height: 100%;
 }
.about_page .section_3 .solution_3_content{
    display: flex;
    align-items: center;
    justify-content: center;
}
.about_page .section_3 .solution_3_content .item{
    width: 144rem;
    background-color: #FFF;
    border-radius: 8px;
}
.about_page .section_3 .solution_3_content .item .text_box{
    padding: 4rem 8rem;
    color: #222629;
    text-align: center;
}
.about_page .section_3 .solution_3_content .item .text_box h2{
    margin-bottom: 1.6rem;
}
.about_page .section_3 .solution_3_content .item .text_box p{
    font-size: 1.6rem;
}
.about_page .section_3 .solution_3_content .item .img_box{
    width: 100%;
    height: 64rem;
    border-radius: 8px;
    overflow: hidden;
}

.about_page .section_4{
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: #FFF;
}
.about_page .section_4 .section_4_parallel{
    width: 100%;
    height: 100%;
    padding: 10rem 0 8rem 0;
}
.about_page .section_4 .section_4_parallel .section_4_title{
    color: #222629;
    margin-bottom: 6rem;
    display: flex;
    justify-content: center;
}
.about_page .section_4 .section_4_parallel .section_4_title > div{
    width: 168rem;
}

.about_page .section_4 .section_4_parallel .section_4_title h2{
    margin-bottom: 2.4rem;
}
.about_page .section_4 .section_4_parallel .section_4_title p{
    font-size: 2rem;
    margin-bottom: 2.4rem;
}
.about_page .section_4 .section_4_parallel .section_4_title .btn_box button{
    margin-right: 2.4rem;
}

.about_page .section_4 .section_4_parallel .solution_4_content{
    display: flex;
    justify-content: center;
    padding-left: 8rem;
    width: min-content;
}
.about_page .section_4 .section_4_parallel .solution_4_content .item{
    margin: 0 2rem;
    width: 60rem;
    flex-shrink: 0;
}
.about_page .section_4.section_6 .section_4_parallel .solution_4_content .item{
    width: 24rem;
}
.about_page .section_4 .section_4_parallel .solution_4_content .item .img_box{
    width: 100%;
    height: 30rem;
    border-radius: 8px;
}
.about_page .section_4.section_6 .section_4_parallel .solution_4_content .item .img_box{
    width: 100%;
    height: 36rem;
    border-radius: 8px;
}

.about_page .section_4 .section_4_parallel .solution_4_content .item .text_box{
    padding: 1.2rem;
}
.about_page .section_4 .section_4_parallel .solution_4_content .item .text_box h4{
    font-weight: 600;
    font-size: 2.4rem;
    color: #222629;
    margin-bottom: 1.2rem;
}
.about_page .section_4.section_6 .section_4_parallel .solution_4_content .item .text_box h4{
    font-size: 1.8rem;
}
.about_page .section_4 .section_4_parallel .solution_4_content .item .text_box p{
    font-size: 1.6rem;
    color: #5A6066;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}
.about_page .section_4.section_6 .section_4_parallel .solution_4_content .item .text_box p{
    font-size: 1.4rem;
}

.about_page .section_5{
    background-color: #FFF;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.about_page .section_5 .section_5_parallel{
    width: 100%;
    height: 100%;
    padding: 10rem 8rem 6rem 8rem;
}
.about_page .section_5 .section_5_title{
    color: #222629;
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
}
.about_page .section_5 .section_5_title p{
    color: #5A6066;
    font-size: 2rem;
}
.about_page .section_5 .solution_5_content{
    width: 100%;
    height: 66rem;
    position: relative;
    overflow: hidden;
}
.about_page .section_5 .solution_5_content li{
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    color: #222629;
    width: 100%;
    text-align: center;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.about_page .section_5 .solution_5_content li:nth-child(1){
    z-index: 6;
}
.about_page .section_5 .solution_5_content li:nth-child(2){
    z-index: 5;
}
.about_page .section_5 .solution_5_content li:nth-child(3){
    z-index: 4;
}
.about_page .section_5 .solution_5_content li:nth-child(4){
    z-index: 3;
}
.about_page .section_5 .solution_5_content li:nth-child(5){
    z-index: 2;
}
.about_page .section_5 .solution_5_content li .img_box{
    height: 66rem;
    width: 50%;
    position: relative;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 8px;
}
.about_page .section_5 .solution_5_content .text_box{
    padding: 0 8rem;
    width: 50%;
    opacity: 0;
}
.about_page .section_5 .solution_5_content .text_box  p{
    font-size: 1.6rem;
    margin: 2.4rem 0  8rem 0;
    color: #5A6066;
}

.about_page .section_6{
    position: relative;
    width: 100%;
    background-color: #FFF;
}
.about_page .section_6 .section_6_parallel{
    width: 100%;
    height: 100%;
    padding: 8rem 24rem 4rem 24rem;
}
.about_page .section_6 .section_6_parallel .section_6_title{
    color: #222629;
    text-align: center;
}
.about_page .section_6 .section_6_parallel .section_6_title h4{
    font-size: 3.2rem;
    margin-bottom: 2.4rem;
}
.about_page .section_6 .section_6_parallel .section_6_title p{
    text-indent: 2em;
    font-size: 1.6rem;
    line-height: 2;
    color: #5a6066;
    margin-bottom: 2.4rem;
}


.contact_page .section_2{
    position: relative;
    width: 100%;
    background-color: #F5F5F5;
}
.contact_page .section_2 .section_2_parallel{
    width: 100%;
    padding: 8rem 24rem;
}
.contact_page .section_2 .section_2_parallel .section_2_title{
    color: #222629;
    text-align: center;
}
.contact_page .section_2 .section_2_parallel .section_2_title h4{
    font-size: 3.6rem;
    margin-bottom: 2.4rem;
}
.contact_page .section_2 .section_2_parallel .section_2_title p{
    font-size: 2.4rem;
}

.contact_page .section_3{
    position: relative;
    width: 100%;
    background-color: #F5F5F5;
}
.contact_page .section_3 .section_3_parallel{
    width: 100%;
    padding: 4rem 16rem;
}
.contact_page .section_3 .section_3_parallel .solution_3_content{
    padding-left: 8rem;
    background-color: #FFF;
    display: flex;
    justify-content: space-between;
}
.contact_page .section_3 .section_3_parallel .solution_3_content.solution_4_content{
    padding: 0 8rem;
    gap: 4rem;
}
.contact_page .section_3 .section_3_parallel .solution_3_content.solution_4_content .text_box{
    flex: 1 0 0;
    width: 25%;
}
.contact_page .section_3 .section_3_parallel .solution_3_content .text_box{
    padding: 4.8rem 0;
    color: #8D9399;
    font-size: 1.6rem;
}
.contact_page .section_3 .section_3_parallel .solution_3_content .text_box .title_box{
    margin-bottom: 3.6rem;
}
.contact_page .section_3 .section_3_parallel .solution_3_content .text_box h3{
    font-size: 2.4rem;
    color: #222629;
}
.contact_page .section_3 .section_3_parallel .solution_3_content .text_box li{
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
}
.contact_page .section_3 .section_3_parallel .solution_3_content .text_box li span{
    color: #222629;
}
.contact_page .section_3 .section_3_parallel .solution_3_content .text_box.color_box{
    background-color: #183E8C;
    padding: 8rem;
    min-width: 36rem;
    color: rgba(255, 255, 255, .84);
}
.contact_page .section_3 .section_3_parallel .solution_3_content .text_box li a:hover span{
    color: #183E8C;
}





#translate{
    display: none;
}