@charset "utf-8";

body{
   padding-top: 0!important;
}
.page_public_about{
    padding-top: 30px;
}
.page_public_family{
    padding-top: 30px;
}
.page_public_family .j_tit{
    height: 53px;
    line-height: 53px;
    font-size: 20px;
    background:rgb(238, 238, 238);
    border-left: 12px solid var(--theme-color);
    margin-top: 10px;
    padding-left: 20px;
    margin-bottom:30px;
    font-family:'GothicB';
}
.page_public_family .list1 .item{
    border-bottom: 1px solid rgb(221, 221, 221);
    padding:30px 0;
}
.page_public_family .list1 .item .item_con{
    flex:1;
    min-width: 0;
    padding-right: 40px;
}
.page_public_family .list1 .item .item_con .tit{
    font-family:'GothicB';
    margin-bottom: 10px;
    font-size: 18px;
}
.page_public_family .list1 .item .item_img{
    width:23%;
}
.page_public_family .list1 .item .item_img img{
    width: 100%;
}
.page_public_family .list2{
    display: flex;
}
.page_public_family .list2 .cover{
    width: 25%;
}
.page_public_family .list2 .cover img{
    width: 100%;
}
.page_public_family .list2 .con{
    flex:1;
    min-width: 0;
    padding-left:30px;
}

.header{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    justify-content: space-between;
    z-index: 999;
    transition:all .4s;
    padding: 0 3%;
}
.header_top{
    height: 46px;
    align-items: center;
    border-bottom: 1px solid #fff;
    color:#fff;
    font-size: 14px;
}
.header_top .info_hd{
    flex:1;
}
.header_top .info_hd span{
    margin-right: 50px;
}
.header_top .info_hd span a:hover{
    text-decoration: underline;
}
.header_top .info_bd .search{
    cursor: pointer;
    transition:all .4s;
}
.header_top .info_bd .search i{
    margin-right:8px;
}
.header_top .info_bd .search:hover{
    color:#fff;
}
.header_top .info_bd{
    min-width: 0;
}
.header_top .info_bd .top_search_inline{
    width:0;
    min-width:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    margin-right:0;
    transition: width .25s ease, opacity .2s ease, margin-right .25s ease;
}
.header_top .info_bd.search_open .top_search_inline{
    width:280px;
    opacity:1;
    pointer-events:auto;
    margin-right:16px;
}
.header_top .info_bd .top_search_inline form{
    position:relative;
}
.header_top .info_bd .top_search_inline input{
    width:100%;
    height:34px;
    border:1px solid #d6d6d6;
    background:#f4f4f4;
    border-radius:4px;
    padding:0 40px 0 12px;
    color:#4a4a4a;
    font-size:13px;
}
.header_top .info_bd .top_search_inline input::placeholder{
    color:#9a9a9a;
}
.header_top .info_bd .top_search_inline button{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    border:none;
    background:transparent;
    padding:0;
    cursor:pointer;
    color:#8f8f8f;
}
.header_top .info_bd .top_search_inline button i{
    margin-right:0;
}
.header_top .info_bd .top_search_inline button:hover{
    color:var(--theme-color);
}
.header_top .info_bd .search.is_active{
    color:var(--theme-color);
}
.header_top .info_bd .language{
    margin: 0 0 0 18px;
    position: relative;
    z-index: 260;
}
.header_top .info_bd .follow_list:empty{
    display:none;
}
.header_top .info_bd .language .lang_box{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 124px;
    padding: 10px 0 18px;
    margin: -10px 0 -18px;
}
.header_top .info_bd .language .lang_box::after{
    display: none;
}
.header_top .info_bd .language .lang{
    min-width: 84px;
    height: 34px;
    background: rgba(255,255,255,.12);
    border-radius: 100px;
    border: 1px solid rgba(255,255,255,.18);
    padding: 0 14px;
    cursor: pointer;
    transition:all .4s;
    color: #fff;
    gap: 8px;
    justify-content: center;
    text-align: center;
    backdrop-filter: blur(10px);
}
.header_top .info_bd .language .lang span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    line-height: 1;
    text-align: center;
}
.header_top .info_bd .language .lang i{
    font-size:8px;
    transition: transform .3s;
    margin-left: 0;
}
.header_top .info_bd .language .lang_box:hover .lang,
.header_top .info_bd .language .lang_box:focus-within .lang{
    background: var(--theme-color);
    border-color: var(--theme-color);
    color:#fff;
}
.header_top .info_bd .language .lang_box:hover .lang i,
.header_top .info_bd .language .lang_box:focus-within .lang i{
    transform: rotate(180deg);
}
.header_top .info_bd .language .lang_menu{
    position: absolute;
    top: calc(100% - 14px);
    left: 50%;
    right: auto;
    min-width: 124px;
    padding: 10px;
    background: #fff;
    border: 1px solid rgba(18, 61, 107, 0.12);
    border-radius: 18px;
    box-shadow: 0 18px 38px rgba(7, 28, 46, 0.18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 10px);
    transition: all .3s;
    z-index: 280;
}
.header_top .info_bd .language .lang_menu::before{
    content: "";
    position: absolute;
    left: 50%;
    top: -7px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-top: 1px solid rgba(18, 61, 107, 0.12);
    border-left: 1px solid rgba(18, 61, 107, 0.12);
    transform: translateX(-50%) rotate(45deg);
}
.header_top .info_bd .language .lang_box:hover .lang_menu,
.header_top .info_bd .language .lang_box:focus-within .lang_menu{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}
.header_top .info_bd .language .lang_item{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    line-height: 1.2;
    color: #163c68;
    white-space: nowrap;
    transition: all .3s;
    border-radius: 12px;
    text-align: center;
    letter-spacing: .3px;
}
.header_top .info_bd .language .lang_item:hover{
    background: rgba(18, 61, 107, 0.08);
    color:#3e70b4;
}
.header_top .info_bd .language .lang_item.is_active{
    color: #fff;
    background: rgba(242, 140, 40, 0.96);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}


.header_wrap{
    height:80px;
    position: relative;
    z-index: 100;
}
.header_wrap .nav_btn{
    height: 50px;
    background: var(--theme-color);
    color:#333;
    font-family:'GothicB';
    border-radius: 100px;
    padding: 0 30px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .5s, color .5s, opacity .3s;
    font-size: 15px;
}
.header_wrap .nav_btn:hover{
    padding: 0 30px;
    opacity: .92;
}

.header .logo{
   
}
.header .logo img{
    max-height: 71px;
}
.header .logo .img2{
    display: none;
}
.nav_info {
    flex:1;
    padding:0 50px;
    justify-content: center;
}
.nav .nav_li{
    padding:16px;
    position: relative;
}
.nav .nav_li .nav1 a{
    display: block;
    line-height:48px;
    position: relative;
    text-transform: uppercase;
    transition:all 0s;
    white-space: nowrap;
    margin: 0 12px;
    z-index: 1;
    font-family: 'GothicB';
    color:#fff;
}
.nav .nav_li .nav1 a:after{
    content:'';
    display: block;
    content:'';
    width:100%;
    height: 100%;
    background: #eee;
    position: absolute;
    left: 0;
    bottom: 0;
    transition:transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
    z-index:-2;
    transform: scale(0);
    height: 3px;
    z-index: -1;
    background: var(--theme-color);
}

.nav .nav_li .nav1 a i{
    font-size:12px;
    margin-left:2px;
    vertical-align: middle;
}
.nav .nav_li:hover .nav1 a,.nav .nav_li.cur .nav1 a,.header_on .nav .nav_li:hover .nav1 a,.header_on .nav .nav_li.cur .nav1 a{
    color:var(--theme-color);
}
.nav .nav_li:hover .nav1 a:after,.nav .nav_li:hover .nav1 a:before,.nav .nav_li.cur .nav1 a:after,.nav .nav_li.cur .nav1 a:before{
    transform: scaleX(1);
}
body.nav-hover-suspend .header{
    pointer-events: none;
}
.nav .nav_li .nav2_wrap{
    display: none;
    position: absolute;
    top:81px;
    background:#fff;
    left:0;
    width:300px;
    z-index: 40;
    padding:10px 20px 20px;
    box-shadow: 0 18px 42px rgba(12, 32, 51, 0.12);
}

.nav .nav_li .nav2_wrap>a{
    font-size:14px;
    height: 30px;
    display: block;
    line-height: 30px;
    padding:0 10px;
    margin-top: 10px;
    text-transform: capitalize;
}
.nav .nav_li .nav2_wrap>a:hover{
    background: #f5f5f5;
}

.nav .nav_li.nav_li_product{
    position: static;
}
.nav .nav_li.nav_li_product .nav2_wrap.nav2_product_panel{
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    padding: 0;
    border-top: none;
    border-radius: 0;
    box-shadow: 0 24px 48px rgba(8, 24, 39, 0.16);
    transform: none;
}
.nav .nav_li.nav_li_product .nav2_product_shell{
    position: relative;
    --nav2-side-width: 240px;
    display: grid;
    width: 100%;
    grid-template-columns: 240px minmax(0, 1fr);
    min-height: 0;
    border-left: 1px solid rgba(18, 61, 107, 0.08);
    border-right: 1px solid rgba(18, 61, 107, 0.08);
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    padding: 10px 0 12px;
}
.nav .nav_li.nav_li_product .nav2_product_shell::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--nav2-side-width);
    width: 1px;
    background: rgba(18, 61, 107, 0.08);
    pointer-events: none;
}
.nav .nav_li.nav_li_product .nav2_product_side{
    background: #fff;
    border-right: none;
}
.nav .nav_li.nav_li_product .nav2_product_side_inner{
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 0;
}
.nav .nav_li.nav_li_product .nav2_product_tab{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 58px;
    padding: 0 26px;
    color: #183b63;
    font-size: 16px;
    font-family: 'GothicB';
    border-left: 3px solid transparent;
    transition: all .25s ease;
}
.nav .nav_li.nav_li_product .nav2_product_tab span{
    flex: 1;
    min-width: 0;
    line-height: 1.35;
}
.nav .nav_li.nav_li_product .nav2_product_tab b{
    width: 9px;
    height: 9px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
    flex-shrink: 0;
    opacity: .45;
}
.nav .nav_li.nav_li_product .nav2_product_tab:hover,
.nav .nav_li.nav_li_product .nav2_product_tab.is_active{
    background: rgba(242, 140, 40, 0.10);
    color: var(--subtheme-color);
    border-left-color: var(--subtheme-color);
}
.nav .nav_li.nav_li_product .nav2_product_tab.is_active b{
    opacity: 1;
}
.nav .nav_li.nav_li_product .nav2_product_main{
    padding: 14px 24px 12px;
    min-width: 0;
}
.nav .nav_li.nav_li_product .nav2_product_group{
    display: none;
}
.nav .nav_li.nav_li_product .nav2_product_group.is_active{
    display: block;
}
.nav .nav_li.nav_li_product .nav2_product_group_hd{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding-bottom: 0;
    margin-bottom: 12px;
    border-bottom: none;
}
.nav .nav_li.nav_li_product .nav2_product_group_label{
    display: inline-block;
    margin-bottom: 6px;
    color: var(--subtheme-color);
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1.4px;
    font-family: 'GothicB';
    text-transform: uppercase;
}
.nav .nav_li.nav_li_product .nav2_product_group_intro h4 a{
    display: inline-flex;
    align-items: center;
    color: #162f4c;
    font-size: 24px;
    line-height: 1.2;
    font-family: 'GothicB';
}
.nav .nav_li.nav_li_product .nav2_product_cards{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 18px;
}
.nav .nav_li.nav_li_product .nav2_product_card{
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 0 20px;
    border: 1px solid var(--dark-steel);
    border-radius: 999px;
    background: #fff;
    color: #333;
    font-size: 15px;
    line-height: 1.2;
    font-family: 'GothicB';
    text-transform: none;
    transition: all .25s ease;
}
.nav .nav_li.nav_li_product .nav2_product_card span{
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 100%;
}
.nav .nav_li.nav_li_product .nav2_product_card:hover{
    border-color: var(--subtheme-color);
    background: var(--subtheme-color);
    color: #fff;
    transform: translateY(-1px);
}
.nav .nav_li.nav_li_product .nav2_product_overview{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    height: 44px;
    padding: 0 22px;
    color: var(--subtheme-color);
    background: rgba(242, 140, 40, 0.10);
    border: 1px solid rgba(242, 140, 40, 0.18);
    border-radius: 999px;
    font-family: 'GothicB';
    font-size: 14px;
    margin-bottom: 0;
    flex-shrink: 0;
}
.nav .nav_li.nav_li_product .nav2_product_overview:hover{
    color: #fff;
    background: var(--subtheme-color);
    border-color: var(--subtheme-color);
}


.nav a{
    color:#333;
}
.nav a:hover{
    color:var(--theme-color);
}

.header.header_on{
    background:rgba(255,255,255,.95);
    backdrop-filter: saturate(180%) blur(6px);
    border-bottom: 1px solid #999;
}
.header_on .header_top{
    color: #333;
    border-bottom-color:#999;
}
.header_on .nav .nav_li .nav1 a{
    color: #333;
}
.header_on.header .logo .img1{
    display: none;
}
.header_on.header .logo .img2{
    display: block;
}




/* banner */
.banner{
    position: relative;
    overflow: hidden;
}
.banner .wrapper{
    position: relative;
}
.banner .item_img img{
    width: 100%;
}
.banner .item .item_con{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 142px;
    padding-bottom: 0;
}
.banner .item .item_con .wrapper{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner .item .item_con .info{
    display: flex;
    flex-direction: column;
    max-width: min(100%, 980px);
}
.banner .item .item_con .tit{
    margin-bottom: 28px;
}
/* Main title h5 - 一比一匹配参考网站: 22px, GothicB, rgb(62,112,180), margin-bottom 5px */
.banner .item .item_con .tit h5{
    font-size:22px;
    font-family: 'GothicB';
    line-height:23.32px;
    color:rgb(62, 112, 180);
    font-weight:400;
    margin:0 0 5px 0;
}
/* Subtitle h6 - 一比一匹配参考网站: 13px, Gothic, white, line-height 18.85px */
.banner .item .item_con .tit h6{
    color:#fff;
    font-size: 13px;
    font-family: 'Gothic';
    line-height: 18.85px;
    font-weight: 400;
    max-width: none;
    white-space: nowrap;
    margin: 0;
}
/* Description div - 一比一匹配参考网站: 14px, Gothic, white, line-height 21px */
.banner .item .item_con .tit div{
    font-size:14px;
    font-family: 'Gothic';
    line-height: 21px;
    color:#fff;
    font-weight: 400;
    max-width: none;
    margin: 0;
}
.banner .item .item_con .tit span{
    color:var(--theme-color);
    line-height: 1;
    white-space: nowrap;
}

.banner .item .item_con .desc{
    font-size:20px;
    line-height: 1.6;
    margin: 0;
    color:#fff;
    max-width: none;
    white-space: nowrap;
}

.banner .swiper-pagination{
    bottom:100px;
    text-align: left;
}
.banner .swiper-pagination .swiper-pagination-bullet{
    width:4px;
    height:10px;
    border-radius:100px;
    background: #fff;
    margin:0 6px;
    opacity: 1;
    position: relative;
    opacity: 1;
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--theme-color);
    height: 18px;
}

.banner_ico{
    position: absolute;
    left: 50%;
    bottom:20px;
    z-index: 30;
    width: 42px;
    height: 42px;
    border: 1px solid #000;
    transform: rotate(-45deg);
    display: flex;
    justify-content: center;
    align-items: center;
    animation: downico 2s ease-out infinite;
    color:#000;
    transition:all .6s;
    cursor: pointer;
    border-radius: 5px;
}
.banner_ico i{
    transform: rotate(-45deg);
    display: block;
    font-size:20px;
}
@keyframes downico{
	0%{bottom: 20px;}
	50%{bottom:50px;}
	100%{bottom:20px;}
}
.banner_ico:hover{
    border-color: var(--theme-color);
    background: var(--theme-color);
    color:#fff;
}


/* more_style_ */

.new_more{
    align-items: center;
    display: flex;
    margin-top: 30px;
    position: relative;
    z-index: 2;
    width:260px;
}
.new_more:after{
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
    transition:all .4s;
    z-index: -1;
    border:2px solid var(--theme-color);
    transform: rotate(-45deg);
}
.new_more .ico{
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new_more .ico i{
    color:var(--theme-color);
    font-size: 24px;
}
.new_more span{
    margin-left:20px;
    font-family: 'GothicB';
    transition:all .4s;
    color:#fff;
    text-transform: uppercase;
}
.new_more:hover:after{
    transform: rotate(0deg);
    background: var(--theme-color);
}
.new_more:hover .ico i{
    color:#333;
}
.new_more:hover span{
    margin-left:10px;
    text-decoration: underline;
}
.new_more_blue{
    color:var(--theme-color);
}
.new_more_blue:hover span{
    color:#fff;
}




/* tit_box1 */

.tit_box1{
    padding:80px 0 50px;
    text-align: center;
}
.tit_box1_center{
    text-align: center;
}
.tit_box1 .tit h4{
    font-size:48px;
    line-height:1;
    text-transform: uppercase;
    font-family: 'GothicB';
}

.tit_box2{
    text-align: center;
    padding:80px 0 30px;
}
.tit_box2 .tit h4{
    line-height: 1.1;
    font-size:40px;
    font-family: 'PoppinsSemiBold';
    text-transform: capitalize;
}
.tit_box2 .tit p{
    font-size:18px;
    margin-top:30px;
    color:#333;
}

.bg1{
    background:#f1f1f1;
}
.bg2{
    background:var(--theme-color);
}
.bg3{
    background: #f5f5f5;
}


/* product_menu */

.product_menu{
    padding:30px 30px 0;
}
.product_menu .list{
    margin: 0 -10px;
}
.product_menu .item{
    padding: 0 10px;
    width: 25%;
}
.product_menu .item .img_scale .img{
    overflow: visible;
}
.product_menu .item a{
    display: block;
    position: relative;
    overflow: hidden;
}
.product_menu .item .img_bg{
    position: relative;
    z-index: 1;
    border-radius: 5px;
    overflow: hidden;
}
.product_menu .item .img_bg img{
    width: 100%;
}
.product_menu .item .img_bg:after{
    width:0;
    height: 100%;
    display: none;
    position: absolute;
    content:'';
    background:none;
    left: 0;
    top: 0;
    transition:all .4s;
}
.product_menu .item .info{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding:35px 0 0 40px;
    z-index: 2;
}
.product_menu .item .info .tit{
    font-size: 36px;
    font-family: 'GothicB';
    color:#fff;
    width: 60%;
    line-height: 1;
}
.product_menu .item .info .img{
    position: absolute;
    right:25px;
    bottom:15px;
}
.product_menu .item .info .more{
    border: 1px solid #333;
    border-radius: 100px;
    display:none;
    font-size: 14px;
    font-family: 'GothicB';
    padding:0 15px;
    text-transform: uppercase;
    margin-top: 60px;
    transition:all .4s;
}
.product_menu .item .info .more i{
    margin-left: 6px;
}

.product_menu .item:hover .img_bg:after{
    width: 100%;
}
.product_menu .item:hover .info .more{
    display: inline-block;
}
.product_menu .item .info .more:hover{
    background: #333;
    color:#fff;
}

.product_menu.zl_scene_menu{
    padding: 60px 20px;
}
.product_menu.zl_scene_menu .scene_heading,
.home_section_heading{
    padding: 8px 10px 30px;
    max-width: 860px;
}
.product_menu.zl_scene_menu .scene_eyebrow,
.home_section_heading .scene_eyebrow{
    display: inline-block;
    margin-bottom: 10px;
    color: var(--subtheme-color);
    letter-spacing: 1.8px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'GothicB';
}
.product_menu.zl_scene_menu .scene_title,
.home_section_heading .scene_title{
    font-size: 36px;
    line-height: 1.1;
    color: var(--theme-color);
    font-family: 'GothicB';
}
.product_menu.zl_scene_menu .scene_desc{
    max-width: 760px;
    margin-top: 14px;
    color: var(--steel-gray);
    font-size: 16px;
    line-height: 1.8;
}
.product_menu.zl_scene_menu .scene_desc:empty{
    display: none;
}
.home_section_heading .scene_desc{
    max-width: 760px;
    margin-top: 14px;
    color: var(--steel-gray);
    font-size: 16px;
    line-height: 1.8;
}
.product_menu.zl_scene_menu .list{
    flex-wrap: wrap;
    margin: 0 -10px;
}
.product_menu.zl_scene_menu .item{
    width: 20%;
    padding: 10px;
}
.product_menu.zl_scene_menu .item a{
    height: 100%;
    min-height: 286px;
}
.product_menu.zl_scene_menu .item .img_bg{
    height: 100%;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.product_menu.zl_scene_menu .item .img_bg:after{
    width: 100%;
    display: none;
    background: none;
}
.product_menu.zl_scene_menu .item .info{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
    padding: 26px 24px;
}
.product_menu.zl_scene_menu .item .info .scene_label{
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.92);
    font-size: 12px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-family: 'GothicB';
}
.product_menu.zl_scene_menu .item .info .tit{
    width: 100%;
    font-size: 32px;
    line-height: 0.95;
}
.product_menu.zl_scene_menu .item .info .desc{
    width: 100%;
    margin-top: auto;
    color: rgba(255, 255, 255, 0.86);
    font-size: 14px;
    line-height: 1.7;
}
.product_menu.zl_scene_menu .item .info .more{
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: 2px;
    border-color: rgba(255, 255, 255, 0.38);
    color: #fff;
}
.product_menu.zl_scene_menu .item .info .more i{
    margin-left: 8px;
}
.product_menu.zl_scene_menu .item:hover .img_bg:after{
    background: none;
}
.product_menu.zl_scene_menu .item:hover .info .more{
    display: inline-flex;
    background: var(--subtheme-color);
    border-color: var(--subtheme-color);
    color: #fff;
}
.page_scene_listing{
    padding-top: 40px;
    padding-bottom: 40px;
}
.page_scene_listing .scene_heading{
    max-width: none;
}
.page_scene_listing .list{
    margin-top: 6px;
}
.page_scene_listing .item .img_bg{
    position: relative;
}
.page_scene_listing .item .img_bg:after{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(7, 36, 59, 0.08) 0%, rgba(7, 36, 59, 0.48) 55%, rgba(7, 36, 59, 0.82) 100%);
}
.page_scene_listing .item .info{
    gap: 14px;
    padding: 22px 24px 24px;
}
.page_scene_listing .item .info .scene_label{
    min-height: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.92);
    letter-spacing: 1.2px;
}
.page_scene_listing .item .info .tit{
    max-width: 100%;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
}
.page_scene_listing .item .info .desc{
    color: rgba(255, 255, 255, 0.92);
    font-size: 14px;
    line-height: 1.75;
}
.page_scene_listing .item .info .more{
    display: inline-flex;
    margin-top: 14px;
    border-color: rgba(255, 255, 255, 0.52);
    color: #fff;
    background: transparent;
}
.page_scene_listing .item:hover .info .more{
    background: transparent;
    border-color: rgba(255, 255, 255, 0.75);
    color: #fff;
}

.product_menu.zl_scene_menu .scene_project_wrap{
    position: relative;
}
.product_menu.zl_scene_menu .scene_project_swiper{
    overflow: hidden;
}
.product_menu.zl_scene_menu .scene_project_card{
    background: #fff;
}
.product_menu.zl_scene_menu .scene_project_img{
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    background: #eef4f8;
    aspect-ratio: 1.28 / 1;
}
.product_menu.zl_scene_menu .scene_project_img img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.product_menu.zl_scene_menu .scene_project_name{
    padding: 14px 6px 0;
    color: #333;
    font-size: 18px;
    line-height: 1.5;
    font-family: 'GothicB';
    text-align: left;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    word-break: break-word;
}
.product_menu.zl_scene_menu .scene_project_nav{
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 26px;
}
.product_menu.zl_scene_menu .scene_project_prev,
.product_menu.zl_scene_menu .scene_project_next{
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(11, 53, 97, 0.18);
    border-radius: 50%;
    background: #fff;
    color: #333;
    cursor: pointer;
    transition: all .3s ease;
}
.product_menu.zl_scene_menu .scene_project_prev i,
.product_menu.zl_scene_menu .scene_project_next i{
    font-size: 14px;
}
.product_menu.zl_scene_menu .scene_project_prev i{
    transform: rotate(180deg);
}
.product_menu.zl_scene_menu .scene_project_prev:hover,
.product_menu.zl_scene_menu .scene_project_next:hover{
    border-color: var(--subtheme-color);
    background: var(--subtheme-color);
    color: #fff;
}
.product_menu.zl_scene_menu .scene_project_prev.swiper-button-disabled,
.product_menu.zl_scene_menu .scene_project_next.swiper-button-disabled{
    opacity: .38;
    cursor: default;
}

.pt100{
    padding-top: 100px;
}
.pb100{
    padding-bottom: 100px;
}
.pt50{
    padding-top: 50px;
}
.pb50{
    padding-bottom: 50px;
}

.home_product_section{
    padding: 60px 0;
    background: #f8f8f8;
}
.home_product_section .home_section_heading{
    padding: 8px 10px 24px;
    text-align: center;
    margin: 0 auto;
}
.home_product_section .home_section_heading .scene_desc{
    margin-left: auto;
    margin-right: auto;
}

/* product_wrap */

.product_wrap{
    position: relative;
}
.product_swiper{
    overflow: hidden;
}
.product_swiper a{
    flex-direction: column;
    align-items: center;
    position: relative;
}
.product_swiper .item_tit{
    display:none;
}
.product_swiper .item_img{
    max-width: 52%;
    position: relative;
    margin-top: 0;
}
.product_swiper .img_scale .img{
    overflow: visible;
}
.product_swiper .item_con{
    padding-top: 60px;
    max-width: 860px;
    margin: 0 auto;
}
.product_swiper .item_con .tit{
    font-size: 22px;
    font-family: 'GothicB';
    color:var(--theme-color);
    text-align: center;
    margin-bottom: 18px;
}
.product_swiper .product_tags{
    justify-content: center;
    gap: 12px;
    margin-bottom: 22px;
}
.product_swiper .product_tags span{
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(11, 58, 91, 0.08);
    color: #333;
    font-size: 13px;
    line-height: 1;
    font-family: 'GothicM';
}
.product_swiper .item_con .desc{
    max-width: 780px;
    margin: 0 auto;
}
.product_swiper .item_con .desc p{
    font-size: 18px;
    position: relative;
    padding-left: 16px;
    line-height: 1.8;
    margin-bottom: 12px;
}
.product_swiper .item_con .desc p:last-child{
    margin-bottom: 0;
}
.product_swiper .item_con .desc p:before{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top:12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--theme-color);
}

.product_wrap{
    position: relative;
}
.product_wrap .swiper-button-prev,.product_wrap .swiper-button-next{
    width: 178px;
    height: 206px;
    top: 41%;
    margin-top: 0;
    transform: translateY(-50%);
    z-index: 3;
}
.product_wrap .swiper-button-prev{
    left: 6px;
}
.product_wrap .swiper-button-next{
    right: 6px;
}
.product_wrap .swiper-button-prev img,.product_wrap .swiper-button-next img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.product_wrap .swiper-button-prev:after,.product_wrap .swiper-button-next:after{
    display: none;
}

/* solution_wrap */


.solution_wrap .j_item{
    position: relative;
}
.solution_wrap .j_item .j_item_hd{
    position: absolute;
    z-index: 2;
    left: 10vw;
}
.solution_wrap .j_item .j_item_hd_w{
    width: 21vw;
    padding-top: 90px;
}
.solution_wrap .j_item .j_item_hd .j_tit{
    font-size:48px;
    color:#fff;
    font-family: 'GothicB';
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.solution_wrap .j_item .j_item_hd .list{
    display: flex;
    flex-direction: column;
}
.solution_wrap .j_item .j_item_hd .list .item{
    display: inline-block;
    padding-left: 22px;
    font-size: 22px;
    font-family: 'GothicB';
    color:#fff;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
}
.solution_wrap .j_item .j_item_hd .list .item:before{
    content:'';
    width:7px;
    height: 7px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 18px;
    display: block;
}
.solution_wrap .j_item .j_item_hd .list .item_w.cur .item{
    color:var(--theme-color);
}
.solution_wrap .j_item .j_item_hd .list .item_w.cur .item:after{
    content:'';
    width: 100%;
    height: 2px;
    background: var(--theme-color);
    display: block;
    position: absolute;
    left:0;
    bottom: 0;
}
.solution_wrap .j_item .j_item_hd .list .item_w.cur .item:before{
    background: var(--theme-color);
}
.solution_wrap .j_item .j_item_bd_item .item_bg img{
    width: 100%;
}

.solution_wrap .j_item .j_item_bd .j_item_bd_item{
    position: relative;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1600px;
    top: 0;
    height: 100%;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w{
    position: absolute;
    left: 27.5%;
    border-left: 1px solid rgba(255,255,255,.5);
    height: 100%;
    padding-left: 135px;
    display: flex;
    flex-direction: column;
    z-index: 3;
    justify-content: flex-end;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .tit{
    font-size: 32px;
    font-family: 'GothicB';
    color:var(--theme-color);
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .desc{
    width: 50%;
    font-size: 18px;
    color:#fff;
    margin:20px 0 60px;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .more{
    border: 1px solid #fff;
    border-radius: 100px;
    padding:0 23px;
    margin-bottom: 165px;
    font-family: 'GothicB';
    height: 45px;
    line-height: 43px;
    width: 170px;
    color:#fff;
    text-transform: uppercase;
    transition:all .5s;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .more i{
    margin-left: 6px;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico{
    width: 150px;
    height: 150px;
    border-top-right-radius: 1000px;
    background: var(--theme-color);
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .more:hover{
    background: #fff;
    color:#333;
}
.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico img{
    filter: invert(100%) sepia(55%) saturate(83%) hue-rotate(236deg) brightness(115%) contrast(100%);
    width: 64px;
    height: 64px;
    margin:25px 25px 0 0;
}
.solution_wrap .j_item_bd .j_item_bd_item{
    display: none;
}
.solution_wrap .j_item_bd .j_item_bd_item:first-child{
    display: block;
}


/* about */

.about_wrap{
    background: none;
    padding: 72px 0 30px;
}
.news_wrap{
    background: url("../image/20260407-150121.png") center center / cover no-repeat;
}
.about_con .j_desc{
      text-align: center;
      max-width: 1200px;
      margin: 0 auto;
  }
.about_con .j_desc h5{
      font-size:30px;
      font-family: 'GothicB';
      line-height: 1.2;
      margin-bottom:16px;
  }
.about_con .j_desc .slogan{
      font-size: 18px;
      line-height: 1.7;
      color: var(--subtheme-color);
      font-family: 'GothicB';
      letter-spacing: 0.8px;
      margin-bottom: 24px;
  }
.about_con .j_desc p{
      max-width: 1200px;
      margin: 0 auto;
      font-size: 18px;
      line-height: 1.95;
      color: var(--steel-gray);
  }
.about_con .btns{
      display: flex;
      margin: 72px 0 100px;
      justify-content: center;
  }
.about_con .btns a{
    height: 50px;
    border: 2px solid #444;
    font-family:'GothicB';
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-radius: 100px;
    margin: 0 20px;
    text-transform: uppercase;
    transition:all .5s;
}
.about_con .btns a i{
    margin-left: 10px;
}
.about_con .btns a.btn,.about_con .btns a:hover{
    background: var(--theme-color);
    border-color: var(--theme-color);
    color:#fff;
}
.about_con .btns a.btn i,
.about_con .btns a:hover i{
    color:#fff;
}
.about_con .btns a:hover{
    padding: 0 25px;
}


/* about_data */

.about_data{
    justify-content: space-around;
    margin:0 -66px;
}
.about_data .item{
    padding: 0 66px;
    width: 25%;
}
.about_data .item .item_w{
    border-bottom:2px solid #333;
    justify-content: center;
    padding-bottom:35px;
}
.about_data .item .num{
   
}
.about_data .item .num span{
    line-height: 1.2;
    font-family:'GothicB';
    font-size: 58px;
}
.about_data .item .desc{
    font-size: 18px;
    text-transform: uppercase;
    font-family:'GothicB';
}
.about_data .item .img{
    padding-right: 60px;
}
.page_about_panel1 .page_about_stats{
    margin-top: 70px;
}




/* news */

.news_wrap{
}

.news_tit_box1 .tit{
    text-align: left;
}
.news_list{
    
}
.news_list .item{
    display: block;
}
.news_list .item .item_img{
    border-radius:10px 10px 0 0;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}
.news_list .item .item_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.news_list .item .item_con{
    background: #f5f7f5;
    padding: 25px 35px;
    border-radius: 0 0 10px 10px;
    transition:all .5s;
}
.news_list .item .item_con .time{
    font-size: 15px;
}
.news_list .item .item_con .tit{
    font-size:22px;
    font-family: 'GothicB';
    line-height: 1.4;
    transition:all .4s;
}
.news_list .item .item_con .desc{
    margin:10px 0 25px;
    color:#666;
}

.news_list .item .item_con .btn{
    font-size:14px;
    font-family: 'GothicB';
    border: 1px solid #333;
    display: inline-block;
    border-radius: 100px;
    padding: 0 15px;
    text-transform: uppercase;
    line-height: 28px;
    height: 30px;
    transition:all .4s;
}
.news_list .item .item_con .btn i{
    margin-left:8px;
    font-weight: bold;
    vertical-align: middle;
}


.news_list .item:hover .item_con{
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.news_list .item:hover .item_con .tit{
    color:var(--theme-color);
    text-decoration: underline;
}
.news_list .item:hover .item_con .btn{
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.news_con{
    position: relative;
}
.news_con .arrow{
    display: flex;
    position: absolute;
    right: 0;
    top:-75px;
}
.news_con .arrow .swiper-button-prev{
    margin-right: 25px;
}
.news_con .arrow .swiper-button-prev,.news_con .arrow .swiper-button-next{
    width: 45px;
    height: 45px;
    background: #f1f1f1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    color:#333;
    transition:all .5s;
}
.news_con .arrow .swiper-button-prev i,.news_con .arrow .swiper-button-next i{
    font-size: 24px;
}
.news_con .arrow .swiper-button-prev i{
    transform: rotateY(180deg);
}
.news_con .arrow .swiper-button-prev:after,.news_con .arrow .swiper-button-next:after{
    display: none;
}
.news_con .arrow .swiper-button-prev:hover,.news_con .arrow .swiper-button-next:hover{
    background: var(--theme-color);
    color:#fff;
}

.news_wrap .wrapper.pb100{
    padding-top: 18px;
}
.news_wrap .home_section_heading{
    padding: 8px 10px 30px;
}
.news_wrap .news_list{
    box-sizing: border-box;
    padding: 0 30px 22px;
}
.news_wrap .news_list .swiper-wrapper{
    align-items: stretch;
}
.news_wrap .news_list .swiper-slide{
    height: auto;
    padding: 10px 8px 20px;
}
.news_wrap .news_list .item{
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    transition: box-shadow .45s ease;
}
.news_wrap .news_list .item .item_img{
    position: relative;
    border-radius: 0;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    box-shadow: none;
}
.news_wrap .news_list .item .item_img::after{
    content: "";
    display: none;
}
.news_wrap .news_list .item .item_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .7s ease;
}
.news_wrap .news_list .item .item_con{
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 22px 24px 24px;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
    transition: all .45s ease;
}
.news_wrap .news_list .item .item_con .time{
    color: var(--subtheme-color);
    font-size: 14px;
    line-height: 1.2;
    font-family: 'GothicB';
}
.news_wrap .news_list .item .item_con .tit{
    margin-top: 10px;
    font-size: 26px;
    line-height: 1.25;
    color: var(--theme-color);
    font-family: 'GothicB';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    min-height: 1.25em;
}
.news_wrap .news_list .item .item_con .desc{
    margin: 14px 0 22px;
    color: var(--steel-gray);
    font-size: 15px;
    line-height: 1.75;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 3.5em;
}
.news_wrap .news_list .item .item_con .btn{
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(18, 61, 107, 0.28);
    background: #fff;
    color: var(--theme-color);
    line-height: 1;
    text-transform: none;
}
.news_wrap .news_list .item .item_con .btn i{
    margin-left: 8px;
    color: inherit;
}
.news_wrap .news_list .item:hover,
.news_wrap .news_list .swiper-slide-active .item{
    box-shadow: 0 18px 38px rgba(10, 31, 50, 0.14);
}
.news_wrap .news_list .item:hover .item_img img,
.news_wrap .news_list .swiper-slide-active .item .item_img img{
    transform: scale(1.08);
}
.news_wrap .news_list .item:hover .item_con .tit,
.news_wrap .news_list .swiper-slide-active .item .item_con .tit{
    color: var(--theme-color);
    text-decoration: none;
}
.news_wrap .news_list .item:hover .item_con .btn,
.news_wrap .news_list .swiper-slide-active .item .item_con .btn{
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}

/* public_message */

.public_message_con{
    border-radius: 30px;
    background: #fff;
    margin-top: 70px;
    padding:70px;
}
.public_message_con .cover{
    width: 40%;
    height: 500px;
    background: #f6f6f6;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.public_message_con .cover img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.public_message_con .page_contact2_form{
    background: transparent;
}
.public_message_con .page_contact2_form .input_box .input input,.public_message_con .page_contact2_form textarea{
    border:1px solid #ddd;
}

.page_part_big_img img{
    width: 100%;
}

.footer_message_wrap{
    padding-top: 80px;
    padding-bottom: 60px;
    max-width: 1000px;
    margin: 0 auto;
    justify-content: center;
}
.footer_message{
    flex: 0 1 100%;
    max-width: 1000px;
    min-width: 0;
    padding-right: 0;
}
.footer_message .tit{
    font-size:32px;
    font-family: 'GothicB';
}
.footer_message .desc{
    font-size: 18px;
    margin: 10px 0 40px;
}

.footer_message .form .input_box{
    margin:0 -10px;
}
.footer_message .form .input{
    padding:0 10px;
    flex:1;
}
.footer_message .form input,.footer_message .form textarea{
    border-radius: 200px;
    height:58px;
    outline: none;
    border: none;
    border-bottom: 1px solid #bbb;
    font-size:16px;
    padding:15px 0;
    width: 100%;
    line-height: 25px;
    border-radius: 0;
    background: transparent;
    margin-bottom: 10px;
}
.footer_message .form textarea{
    height: 100px;
}
.footer_message .form .button{
    margin-top: 35px
}
.footer_message .form button{
    border:none;
    outline: none;
    width:180px;
    height:50px;
    border-radius:100px;
    background: var(--theme-color);
    cursor: pointer;
    font-size:15px;
    transition:all .4s;
    font-family: 'GothicB';
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
.footer_message .form button i{
    margin-left: 10px;
    font-size: 20px;
    vertical-align: middle;
}
.footer_message .form .button a:hover{
    text-decoration: none;
}
.footer_message .form button:hover{
    opacity: .8;
    width: 200px;
}

/* footer */

.footer{
    background: #333;
    color:#fff;
}
.footer_con{
    padding: 0 0 30px;
    justify-content: space-between;
    gap: 32px;
    align-items: flex-start;
}

.footer_partner{
    flex: 1 1 0;
    min-width: 0;
}
.footer_partner_title,
.footer_partner_title a,
.footer_contact_title a{
    font-size:18px;
    font-family: 'GothicB';
    color:#fff;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    text-decoration: none;
}
.footer_partner_list{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.footer_partner_item{
    background: rgba(255,255,255,0.96);
    padding: 2px;
}
.footer_partner_item .img{
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer_partner_item .img img{
    max-width: 100%;
    max-height: 80px;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
}
.footer_contact{
    flex: 0 0 380px;
    width: 380px;
    min-width: 0;
}
.footer_contact .txt{
    width: 100%;
}
.footer_contact .txt p{
    color: rgba(255,255,255,0.72);
    line-height: 1.7;
    margin-top: 0;
}
.footer_contact .txt p + p{
    margin-top: 10px;
}
.footer_contact .txt p a{
    color: inherit;
    text-decoration: none;
}
.footer_contact_social{
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.12);
    flex-wrap: wrap;
    gap: 10px;
}
.footer_contact_social a{
    width: 38px;
    height: 38px;
    margin-right: 0;
    border: none;
    border-radius: 50%;
    color: #fff;
    background: transparent;
}
.footer_contact_social a i{
    width: 18px;
    height: 18px;
    font-size: 18px;
}
.footer_contact_social a svg{
    width: 38px;
    height: 38px;
}
.footer_contact_social a.icon_facebook{
    color: #1877f2;
}
.footer_contact_social a.icon_linkedin{
    color: #0a66c2;
}
.footer_contact_social a.icon_youtube{
    color: #ff0000;
}
.footer_contact_social a.icon_whatsapp{
    color: #25d366;
}
.footer_contact_social a:hover{
    opacity: .9;
    background: transparent;
}
.footer_contact_social a.icon_facebook:hover{
    color: #1877f2;
}
.footer_contact_social a.icon_linkedin:hover{
    color: #0a66c2;
}
.footer_contact_social a.icon_youtube:hover{
    color: #ff0000;
}
.footer_contact_social a.icon_whatsapp:hover{
    color: #25d366;
}
.footer_share{
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,.4);
}
.footer_share .share{
    flex:1;
}
.footer_share .share h4{
    font-size:18px;
    font-family: 'GothicB';
    margin-right: 10px;
}

.footer_share .auth .item{
    margin-left: 40px;
}


.footer_copyright_wrap{
    
}
.footer_copyright{
    display: flex;
    height: 70px;
    justify-content: center;
    color:#fff;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}
.footer_copyright span{
    display: inline-block;
}
.footer_copyright a{
    color:#fff;
    margin-left:30px;
}
.footer_menu a:hover{
    color:var(--theme-color);
    text-decoration: none;
}
.footer_copyright a:hover{
    text-decoration: none;
}

/* page_banner */

.page_banner{
    position: relative;
}
.page_banner .img img{
    width: 100%;
}
.page_banner_con{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#fff;
}
.page_banner_con .info{
    width: 45%;
}
.page_banner_con .tit{
    font-size:36px;
    font-family: 'GothicB';
    line-height: 1.2;
    color:#f4f8ff;
    text-transform: capitalize;
}
.page_banner_con .desc{
    margin:20px 0 50px;
}
.page_banner_con .pos{
    margin-top: 10px;
    font-family: 'RobotoLight';
}
.page_banner_con .pos a{
    padding: 0 3px;
}
.zl_case_detail_page .inner_pos_wrap{
    background: #fff;
}
.zl_case_detail_page .page_banner_con{
    display: none;
}
.zl_case_detail_page .page_banner .img img{
    min-height: 420px;
    object-fit: cover;
}
.zl_case_intro{
    max-width: 980px;
    margin: 0 auto;
    color: #314352;
}
.zl_case_intro h1{
    font-size: 42px;
    line-height: 1.18;
    color: var(--theme-color);
    font-family: 'GothicB';
}
.zl_case_intro .desc{
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.9;
    color: #5b6b79;
}
.zl_case_intro .desc:empty{
    display: none;
}
.zl_case_intro .content{
    margin-top: 34px;
}
.zl_case_intro .content p{
    line-height: 1.95;
    color: #425463;
    margin-bottom: 16px;
}
.zl_case_intro .content img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 24px auto;
}
.zl_case_related_products .page_product_list{
    margin-top: 4px;
}
.zl_case_related_products .page_product_list .list{
    margin: -14px;
}
.zl_case_related_products .page_product_list .item{
    width: 25%;
    padding: 14px;
}
.zl_case_related_products .page_product_list .item .item_w{
    display: flex;
    flex-direction: column;
    padding: 32px 26px;
    border-radius: 0;
    border-color: #dedede;
}
.zl_case_related_products .page_product_list .item .item_img{
    min-height: 0;
    aspect-ratio: 4 / 3;
    background: #f6f9fc;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.zl_case_related_products .page_product_list .item .item_img img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    object-fit: contain;
}
.zl_case_related_products .page_product_list .item .item_con{
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: 18px;
}
.zl_case_related_products .page_product_list .item .item_con .tit{
    min-height: 52px;
    line-height: 1.4;
}
.zl_case_related_products .page_product_list .item .item_con .desc{
    min-height: 22px;
}
.zl_case_related_products .page_product_list .item .item_con .btns{
    margin-top: auto;
    padding-top: 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.zl_case_related_products .page_product_list .item .item_con .btns a{
    width: auto;
    min-width: 132px;
    height: 34px;
    margin: 0;
    padding: 0 16px;
    white-space: nowrap;
    line-height: 1;
}

.page_about_banner_con{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page_about_banner_con .list{
    justify-content: space-around;
    margin:0 -66px;
}
.page_about_banner_con .item{
    padding: 0 66px;
    width: 25%;
}
.page_about_banner_con .item .item_w{
    border-bottom:2px solid #fff;
    justify-content: center;
    padding-bottom:35px;
}
.page_about_banner_con .item .num{
   line-height: 1;
}
.page_about_banner_con .item .num span{
    line-height: 1;
    font-family:'GothicB';
    font-size: 54px;
    color:var(--theme-color);
}
.page_about_banner_con .item .desc{
    font-size: 20px;
    text-transform: uppercase;
    font-family:'GothicB';
    color:#fff;
}
.page_about_banner_con .item .img{
    padding-right: 60px;
}
.page_about_banner_con .item .img img{
    filter: invert(57%) sepia(96%) saturate(493%) hue-rotate(1deg) brightness(104%) contrast(107%);
}

.page_about_banner_con .btns{
    display: flex;
    margin-top:80px;
}
.page_about_banner_con .btns .btn{
    height: 45px;
    border: 1px solid #fff;
    border-radius: 100px;
    font-family: 'GothicB';
    padding: 0 30px;
    line-height: 43px;
    text-transform: uppercase;
    margin:0 10px;
    color:#fff;
    transition:all .5s;
    cursor: pointer;
}
.page_about_banner_con .btns .btn.btn2{
    border-color:var(--theme-color);
    color:var(--theme-color);
}
.page_about_banner_con .btns .btn:hover{
    background:var(--theme-color);
    color:#333;
    border-color: var(--theme-color);
    
}

#about_video_iframe{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    display: none;
}
#about_video_iframe .close{
    position: absolute;
    top: -34px;
    right: -40px;
    color: #fff;
    cursor: pointer;
}
#about_video_iframe .close i{
    font-size:36px;
}
#about_video_iframe .close:hover{
    color:var(--theme-color);
}


.page_product_banner_con{
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    padding: 60px 0;
}

.page_product_banner_con .content_img .info{
    flex:1;
    padding-right: 100px;
    min-width: 0;
}
.page_product_banner_con .content_img .info .tit{
    font-size: 40px;
    font-family: 'GothicB';
}
.page_product_banner_con .content_img .info .desc{
    padding-right: 5%;
    margin-top: 15px;
}
.page_product_banner_con .content_img .img{
    width: 39%;
}



.page_banner_menu{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.page_banner_menu .list{
    justify-content: center;
}
.page_banner_menu .list .item a{
    background: rgba(0,0,0,.6);
    height: 60px;
    border-left: 1px solid rgba(255,255,255,.2);
    padding:0 40px;
    display: flex;
    align-items: center;
    color:#fff;
    font-size:18px;
}
.page_banner_menu .list .item.cur a,.page_banner_menu .list .item:hover a{
    background: var(--subtheme-color);
}

.inner_pos_wrap{
    margin-top: 140px;
}

.inner_pos{
    height: 60px;
}
.inner_pos a:first-child{
    padding-left: 0;
}
.inner_pos a:hover{
    color:var(--theme-color);
}

/* pager_solution_show */

.page_solution_tit.about_tit_box1{
    padding: 50px 0 30px;
}


.page_case_study_wrap{
    padding-bottom: 60px;
}
.page_case_study{
    position: relative;
    overflow: hidden;
    padding-bottom: 80px;
}
.page_case_study .item .img{
    border-radius: 10px;
    overflow: hidden;
}
.page_case_study .item .img img{
    width:100%;
}
.page_case_study .item .con{
    padding-top: 20px;
}
.page_case_study .item .con h4{
    font-size: 20px;
    font-family: 'GothicB';
    transition:all .4s;
}
.page_case_study .item .con p{
    margin-top: 10px;
    color:#666;
}
.page_case_study .item:hover .con h4{
    color:var(--theme-color);
}
.page_case_listing .page_case_study{
    margin: 0 -12px;
    padding-bottom: 20px;
}
.page_case_listing .page_case_study .item{
    width: 20%;
    padding: 0 12px 32px;
    display: block;
}
.page_case_listing .page_case_study .item .img{
    border-radius: 0;
}
.page_case_listing .page_case_study .item .con{
    padding-top: 22px;
}
.page_case_listing .page_case_study .item .con h4{
    min-height: 44px;
    line-height: 1.4;
	text-align: center;
}
.page_case_listing .page_case_study .item .con p{
    line-height: 1.8;
    min-height: 96px;
}
.page_case_study.news_con .arrow{
    top: auto;
    bottom: 0;
}
.page_case_study.news_con .arrow .swiper-button-prev,.page_case_study.news_con .arrow .swiper-button-next{
    background: #fff;
}
.page_case_study.news_con .arrow .swiper-button-prev:hover,.page_case_study.news_con .arrow .swiper-button-next:hover{
    background: var(--theme-color);
}

/* page_suggested_products */

.page_suggested_products{
    margin: 0 -20px;
}
.page_suggested_products .item{
    width:25%;
    padding: 0 20px;
}
.page_suggested_products .item .img{
    border-radius: 10px;
    overflow: hidden;
}
.page_suggested_products .item .img img{
    width: 100%;
}
.page_suggested_products .item .con{
    padding-top:20px;
}
.page_suggested_products .item .con h4{
    font-size: 22px;
    font-family: 'GothicB';
    text-align: center;
}
.page_suggested_products .item .con .btns{
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.page_suggested_products .item .con .btns a{
    width: 100px;
    height: 28px;
    border: 1px solid #333;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:all .4s;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'GothicB';
    margin: 0 10px;
}
.page_suggested_products .item .con .btns a i{
    margin-left: 5px;
}
.page_suggested_products .item .con .btns .btn1{
    border-color:var(--theme-color);
    color:var(--theme-color);
}
.page_suggested_products .item .con .btns a:hover{
    background: var(--theme-color);
    border-color: var(--theme-color);
    color:#333;
}

/* page_service_panel1 */

.page_service_panel1 .item_img{
    width: 46.875%;
}
.page_service_panel1 .item_img img{
    width: 100%;
    border-radius: 15px;
}
.page_service_panel1 .item_con{
    flex:1;
    min-width: 0;
    padding-left: 5%;
}
.page_service_panel1 .item_con .tit{
    font-size:36px;
    font-family: 'GothicB';
}
.page_service_panel1 .item_con .desc{
    margin: 20px 0 50px;
}


/* page_service_panel2 */

.page_service_panel2{
    padding: 70px 0;
}
.page_service_panel2 .j_tit{
    font-size: 40px;
    font-family: 'GothicB';
    text-align: center;
    line-height: 1;
    margin: 0 -10px;
}
.page_service_panel2 .list{
    margin-top: 30px;
}
.page_service_panel2 .list .item{
    width: 33.333%;
    padding: 0 10px;
}
.page_service_panel2 .list .item_w{
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding:40px;
    height: 100%;
}
.page_service_panel2 .list .item .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    border-bottom-right-radius: 100px;
    background: var(--theme-color);
    padding: 15px 0 0 15px;
}
.page_service_panel2 .list .item .tit{
    padding:0 0 0 90px;
    font-family: 'GothicB';
    font-size: 24px;
}
.page_service_panel2 .list .item .desc{
    color:#666;
    margin-top: 20px;
}


/* page_service_panel3 */

.page_service_panel3.page_service_panel1 .item_con{
    padding: 0 5% 0 0;
}
.page_service_panel3.page_service_panel1 .item_con .desc h5{
    font-size: 24px;
    color:var(--theme-color);
    margin:0 0 10px;
    font-family: 'GothicB';
}
.page_service_panel4 .img_list{
    margin-top: 40px;
}
.page_service_panel4 .img_list .img{
    width: 47.5%;
}
.page_service_panel4 .img_list .img img{
    border-radius: 10px;
}
.page_service_panel4 .list{
    flex:1;
    min-width: 0;
    padding-left: 5%;
}
.page_service_panel4 .list .item{
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
}
.page_service_panel4 .list .item .tit{
    cursor: pointer;
    transition:all .4s;
}
.page_service_panel4 .list .item .tit h4{
    font-size:20px;
    flex:1;
    min-width: 0;
    line-height: 1;
    padding-right: 20px;
    font-family: 'GothicB';
}
.page_service_panel4 .list .item .tit i{
    font-size:14px;
    line-height: 1;
    transform: rotate(45deg);
    transition:all .4s;
    color:#666;
}
.page_service_panel4 .list .item .desc{
    padding-top: 20px;
    display: none;
}
.page_service_panel4 .list .item .tit.cur i{
    transform: rotate(0deg);
}
.page_service_panel4 .list .item .tit i:hover{
    color:var(--theme-color);
}
.page_service_panel4 .list .item:hover .tit{
    color:var(--theme-color);
}
.page_service_panel4 .btn{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

/* page_service_panel5 */

.page_service_panel5_list{

    height: 270px;
    overflow: hidden;
    padding-bottom: 40px;
    position: relative;
    margin-top: 30px;
}
.page_service_panel5_list .swiper-slide{
   text-align: center;
   font-size: 18px;
   background: #fff;
   height: calc((100% - 30px) / 2) !important;
   display: flex;
   justify-content: center;
   align-items: center;
}
.page_service_panel5_list .img{
    border:1px solid #ddd;
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}
.page_service_panel5_list .img img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.page_service_panel5_list .swiper-pagination-bullet{
    width: 7px;
    height: 7px;
}
.page_service_panel5_list .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--theme-color);
}

/* page_service_panel6 */

.page_service_panel6_list{
    margin:30px -15px 0;
}
.page_service_panel6_list .item{
    padding: 15px;
    width: 50%;
}
.page_service_panel6_list .item a{
    background: #f2f2f2;
    border-radius: 5px;
    padding: 30px 50px;
    height: 100%;
    transition:all .4s;
}
.page_service_panel6_list .item .tit{
    flex:1;
    font-size: 18px;
    font-family:'GothicB';
    padding: 0 20px;
}
.page_service_panel6_list .item .btn{
    flex-direction: column;
    transition:all .4s;
}
.page_service_panel6_list .item .btn i{
    font-size: 18px;
}
.page_service_panel6_list .item .btn span{
    font-size: 14px;
    line-height: 1;
    font-family: 'GothicB';
}



.page_service_panel6 .j_btn_style1{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.page_download_list.page_service_panel6_list{
    margin-top: 0;
}
.page_download_list.page_service_panel6_list .item{
    width: 100%;
    padding: 10px 0;
}
.page_download_list .item .img{
    width: 52px;
    flex:0 0 52px;
}
.page_download_list .item .img img{
    width: 100%;
    height: auto;
    display: block;
}
.page_download_list .item .page_download_card{
    background: #f2f2f2;
    border-radius: 5px;
    padding: 15px 40px;
    transition: all .4s;
    gap: 20px;
}
.page_download_list .item:hover .page_download_card{
    box-shadow: 0 3px 15px rgba(0,0,0,.1);
}
.page_download_list .item .page_download_card.is-disabled{
    opacity: .82;
}
.page_download_list .item .download_actions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-left: auto;
    flex: 0 0 auto;
}
.page_download_list .item .download_action{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'GothicB';
    line-height: 1.6;
    text-align: center;
    transition: all .3s;
}
.page_download_list .item .preview_action{
    color: #3e70b4;
}
.page_download_list .item .file_download_action{
    color: #333;
}
.page_download_list .item .is-disabled-action{
    color: #7c8795;
    cursor: default;
    border-bottom: none;
}
.page_download_list .item .is-disabled{
    background: #f2f2f2;
    border-radius: 5px;
    padding: 30px 50px;
    height: 100%;
    opacity: .82;
    cursor: default;
}
.page_download_list .item .is-disabled .btn{
    color:#8b98a8;
}
.page_download_list .item .time{
    padding-right: 20%;
}
.pdf_preview_layer[hidden]{
    display: none;
}
.pdf_preview_layer{
    position: fixed;
    inset: 0;
    z-index: 9999;
}
.pdf_preview_mask{
    position: absolute;
    inset: 0;
    background: rgba(9, 18, 32, .62);
}
.pdf_preview_dialog{
    position: relative;
    z-index: 1;
    width: min(1100px, calc(100% - 40px));
    height: min(88vh, 920px);
    margin: 6vh auto;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0,0,0,.28);
    display: flex;
    flex-direction: column;
}
.pdf_preview_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 28px 18px;
    border-bottom: 1px solid #e5ebf2;
}
.pdf_preview_title{
    font-size: 22px;
    font-family: 'GothicB';
    color: #3e70b4;
}
.pdf_preview_close,
.pdf_toolbar_btn{
    border: 0;
    background: #edf2f7;
    color: #3e70b4;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 14px;
    cursor: pointer;
    transition: all .3s;
}
.pdf_preview_close:hover,
.pdf_toolbar_btn:hover{
    background: #3e70b4;
    color: #fff;
}
.pdf_preview_toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 28px;
    border-bottom: 1px solid #e5ebf2;
    background: #f7f9fc;
    flex-wrap: wrap;
}
.pdf_preview_toolbar_group{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.pdf_page_status,
.pdf_zoom_status{
    min-width: 74px;
    text-align: center;
    font-size: 14px;
    color: #4A4A4A;
}
.pdf_toolbar_link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F28C28;
    color: #fff;
}
.pdf_toolbar_link:hover{
    background: #3e70b4;
}
.pdf_toolbar_btn:disabled,
.pdf_toolbar_btn.is-disabled-link{
    background: #d8dee6;
    color: #7c8795;
    cursor: not-allowed;
}
.pdf_preview_status{
    padding: 14px 28px 0;
    font-size: 14px;
    color: #6B7280;
}
.pdf_preview_status.is-error{
    color: #c0392b;
}
.pdf_preview_body{
    flex: 1;
    min-height: 0;
    padding: 18px 28px 28px;
}
.pdf_preview_canvas_wrap{
    height: 100%;
    overflow: auto;
    background: #eef2f6;
    border-radius: 14px;
    padding: 20px;
    text-align: center;
}
.pdf_preview_canvas_wrap canvas{
    display: inline-block;
    max-width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 0 10px 35px rgba(18,61,107,.12);
}

.download_preview_detail{
    padding-right: 0;
}
.download_preview_actions{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}
.download_preview_btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 188px;
    height: 45px;
    padding: 0 24px;
    border-radius: 999px;
    border: 2px solid #333;
    background: #fff;
    color: #333;
    font-size: 15px;
    font-family: 'GothicB';
    transition: all .3s;
    text-transform: uppercase;
}
.download_preview_actions .download_preview_btn:hover{
    border-color: var(--theme-color);
    color:#fff!important;
    background: var(--theme-color);
}
.download_preview_btn.is-theme{
    border-color: var(--theme-color);
    background: transparent;
    color: var(--theme-color);
}
.download_preview_actions .download_preview_btn.is-theme:hover{
    border-color: var(--theme-color);
    background: var(--theme-color);
    color: #fff!important;
}
.download_preview_btn.is-disabled{
    border-color: #d6d6d6;
    background: #f3f3f3;
    color: #9a9a9a;
    cursor: default;
}
.download_preview_btn.is-disabled:hover{
    border-color: #d6d6d6;
    background: #f3f3f3;
    color: #9a9a9a;
}
.download_preview_detail .content{
    padding: 40px 0 20px;
    min-height: 0;
}
.download_preview_shell{
    margin-top: 20px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.download_preview_toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 24px;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    flex-wrap: wrap;
}
.download_preview_toolbar_group{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.download_preview_tool{
    min-width: 92px;
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid #ddd;
    border-radius: 999px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-family: 'GothicB';
    cursor: pointer;
    transition: all .3s;
}
.download_preview_tool:hover{
    border-color: var(--theme-color);
    color: #333;
    background: var(--theme-color);
}
.download_preview_tool:disabled{
    background: #efefef;
    border-color: #d6d6d6;
    color: #9a9a9a;
    cursor: not-allowed;
}
.download_preview_tool_status{
    min-width: 84px;
    text-align: center;
    color: #666;
    font-size: 14px;
    font-family: 'GothicB';
}
.download_preview_status{
    padding: 18px 24px 0;
    color: #666;
    font-size: 14px;
}
.download_preview_status.is-error{
    color: #c0392b;
}
.download_preview_canvas_wrap{
    padding: 20px 24px 24px;
    min-height: 720px;
    background: #f5f5f5;
    overflow: auto;
    text-align: center;
}
.download_preview_canvas_wrap canvas{
    display: inline-block;
    max-width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
body.pdf-preview-open{
    overflow: hidden;
}

/* page_oness_panel1 */

.page_oness_panel1{
    font-size: 18px;
    color:#666;
}
.page_oness_panel2{
    padding:30px 100px 0;
    margin: 0 -110px;
}
.page_oness_panel2 .item{
    width: 33.333%;
    padding:30px 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.page_oness_panel2 .item:after{
    position: absolute;
}
.page_oness_panel2 .item .img{
    border-radius: 50%;
    width: 180px;
    height: 180px;
    background: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.page_oness_panel2 .item .img .num{
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--theme-color);
    font-family: 'GothicBi';
    font-size: 24px;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,50%);
}
.page_oness_panel2 .item .tit{
    font-size: 18px;
    font-family: 'GothicB';
    margin-top: 40px;
    text-align: center;
}

/* page_oness_panel3 */

.page_oness_panel3{
    padding-top:50px;
}
.page_oness_panel3 .panel_img{
    width:45%;
}
.page_oness_panel3 .panel_img img{
    border-radius: 10px;
}
.page_oness_panel3 .panel_con{
    flex:1;
    min-width:0;
    padding-left: 5%;
}
.page_oness_panel3 .panel_con .tit{
    font-size: 24px;
    font-family: 'GothicB';
    margin-bottom:20px;
}
.page_oness_panel3 .panel_con .con{
    font-size: 18px;
}

/* page_product_menu */


.page_product_menu{
    width: 300px;
    margin-right: 30px;
}
.page_product_menu .bg{
    background: #fff;
    padding: 30px;
    border-radius: 5px;
}
.page_product_menu .search form{
    position: relative;
    margin-bottom:20px;
}
.page_product_menu .search .input{
    font-size:12px;
    border: 2px solid #e7e7e7;
    border-radius: 3px;
    width: 100%;
    height: 45px;
    padding:0 20px 0 38px;
}
.page_product_menu .search button{
    position: absolute;
    border:none;
    background: transparent;
    left: 10px;
    top: 10px;
}
.page_product_menu .menu{
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.page_product_menu .menu_tit{
    font-size:20px;
    font-family: 'PoppinsSemiBold';
    text-transform: capitalize;
    color:#333;
    margin-bottom: 10px;
}
.page_product_menu .menu_list .item{
    border-bottom: 1px solid #ddd;
    padding:14px 0;
}
.page_product_menu .menu_list .item:last-child{
    border-bottom: none;
}
.page_product_menu .menu_list .item .hd a{
    flex:1;
    min-width: 0;
    padding-left: 16px;
    position: relative;
    color:#333;
}
.page_product_menu .menu_list .item .hd a:before{
    width: 5px;
    height: 5px;
    display: block;
    content:'';
    position: absolute;
    left: 0;
    top:9px;
    background: #333;
    border-radius: 50%;
}
.page_product_menu .menu_list .item .hd i{
    cursor: pointer;
    font-size:12px;
    transform: rotate(180deg);
    line-height: 1;
    font-weight: bold;
    transition:all .4s;
}
.page_product_menu .menu_list .item .bd{
    display: none;
    padding-left: 16px;
}
.page_product_menu .menu_list .item .bd a{
    font-size:14px;
    padding-top:8px;
    line-height: 1.4;
}

.page_product_menu .menu_list .item .hd.cur i,.page_product_menu .menu_list .item .hd i:hover{
    transform: rotate(0deg);
    color:var(--theme-color);
}

.page_product_menu .menu_list .item .hd.cur a,.page_product_menu .menu_list .item .hd a:hover,.page_product_menu .menu_list .item .bd a:hover{
    color:var(--theme-color);
}
.page_product_menu .menu_list .item .hd.cur a:before,.page_product_menu .menu_list .item .hd a:hover:before{
    background: var(--theme-color);
}

/* page_product_index_menu */

.page_product_index{
    font-size: 16px;
}
.page_product_index_menu{
    margin: -25px;
    padding-top: 60px;
}
.page_product_index_menu .item{
    padding: 25px;
    width: 33.333%;
}
.page_product_index_menu .item:last-child{
    display: none;
}
.page_product_index_menu .item a{
    display: block;
    background: #f1f1f1;
    border-radius: 5px;
    height: 100%;
    overflow: hidden;
}
.page_product_index_menu .item .item_img{
    position: relative;
}
.page_product_index_menu .item .item_img h4{
    font-size: 36px;
    color:#fff;
    font-family: 'GothicB';
    position: absolute;
    left: 0;
    top: 0;
    width: 70%;
    height: 100%;
    padding: 40px;
    line-height:1.1;
}
.page_product_index_menu .item .item_img img{
    width: 100%;
}
.page_product_index_menu .item .item_con{
    padding: 35px;
}
.page_product_index_menu .item .item_con .desc{
    font-size: 16px;
}
.page_product_index_menu .item .item_con .more{
    width: 90px;
    height: 28px;
    border:1px solid #333;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-family: 'GothicB';
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 20px;
    transition:all .4s;
}
.page_product_index_menu .item .item_con .more i{
    margin-left: 6px;
    font-weight: bold;
}

.page_stage_panel2 .content{
    flex:1;
    min-width: 1;
    padding-right: 4%;
    font-size: 18px;
}
.page_product_index_menu .item:hover .item_con .more{
    border-color: var(--theme-color);
    background: var(--theme-color);
}

.page_stage_panel3{
    justify-content: space-around;
}
.page_stage_panel3 .item{
    padding: 0 15px;
}

.page_stage_panel4.j_btn_style1{
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.page_stage_panel4.j_btn_style1 a{
    width: 245px;
}


/* page_cases_menu */

.page_cases_menu{
    margin: -10px -13px;
    padding-bottom: 60px;
}
.page_cases_menu .item{
    width: 20%;
    padding: 10px 13px;
}
.page_cases_menu .item a{
    display: flex;
    padding: 15px 22px;
    border: 1px solid #ddd;
    border-radius: 10px;
    width: 100%;
    transition:all .4s;
}
.page_cases_menu .item img{
    max-width: 42px;
    max-height: 42px;
}
.page_cases_menu .item span{
    font-size: 18px;
    font-family: 'GothicB';
    padding-left: 30px;
}
.page_cases_menu .item a:hover{
    border-color: var(--theme-color);
    background: rgba(242, 140, 40, 0.10);
}
.page_cases_menu .item.cur a{
    background: var(--theme-color);
    border-color: var(--theme-color);
}

/* page_cases_list */

.page_cases_list{
    margin: -15px -25px;
}
.page_cases_list .item{
    width: 33.33%;
    display: block;
    padding: 15px 25px;
}
.page_cases_list .item .item_img{
    border-radius: 10px;
    overflow: hidden;
}
.page_cases_list .item .item_img img{
    width: 100%;
}
.page_cases_list .item .item_con{
    padding-top: 15px;
}
.page_cases_list .item .item_con .tit{
    font-size: 24px;
    font-family: 'GothicB';
    transition:all .4s;
}
.page_cases_list .item .item_con .time{
    color:#666;
    margin-top: 10px;
}
.page_cases_list .item:hover .item_con .tit{
    color:var(--theme-color);
}


/* product_model_select */

.product_model_select{
    margin: 0 100px;
    background: #f1f1f1;
    padding: 25px 60px;
    margin-bottom: 40px;
    border-radius: 5px;
}
.product_model_select .layui-form-select dl dd.layui-this{
    background: var(--theme-color);
}
.product_model_select .list{
    width: 75%;
    display: flex;
}
.product_model_select .list .item{
    width: 33.333%;
    padding-right: 20px;
}
/*.product_model_select .list .item select{*/
/*    height: 45px;*/
/*    width: 100%;*/
/*    border-radius: 5px;*/
/*    border: none;*/
/*    padding:0 0 0 10px;*/
/*    text-transform: uppercase;*/
/*    outline: none;*/
/*}*/
.product_model_select .btn{
    flex:1;
    min-width: 0;
    margin-left: 20px;
    background: #333;
    font-family: 'GothicB';
    text-transform: uppercase;
    color:#fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition:all .3s;
}
.product_model_select .btn:hover{
    background: var(--theme-color);
    color:#333;
}


/* page_product_list */

.page_product_list_tit{
    font-size: 18px;
    font-family: 'GothicB';
    margin-bottom: 10px;
}
.page_product_list_tit span{
    margin-right: 5px;
    color:var(--theme-color);
}
.page_product_list{
    
}
.page_product_list .list{
    margin:-20px;
}
.page_product_list .item{
    display: block;
    padding:20px;
    width:25%;
}
.page_product_list .item .item_w{
    display: block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 35px;
    height: 100%;
    transition:all .4s;
}
.page_product_list .item .item_img{
    
}
.page_product_list .item .item_con{
    text-align: center;
    margin-top: 15px;
}
.page_product_list .item .item_con .tit{
    font-size:18px;
    font-family: 'GothicB';
    transition:all .4s;
}
.page_product_list .item .item_con .desc{
    font-size: 14px;
}
.page_product_list .item .item_con .btns{
    display: flex;
    margin-top: 20px;
    justify-content: center;
}
.page_product_list .item .item_con .btns a{
    width: 110px;
    height: 28px;
    margin: 0 5px;
    border:1px solid #333;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-family: 'GothicB';
    font-size: 14px;
    text-transform: uppercase;
    transition:all .4s;
}
.page_product_list .item .item_con .btns a i{
    margin-left: 6px;
    font-weight: bold;
}
.page_product_list .item .item_con .btns a:hover{
    border-color:var(--theme-color);
    background: var(--theme-color);
}
.page_product_list .item_w:hover{
    border-color: var(--theme-color);
}
.page_product_list .item:hover .item_con .tit{
    color:var(--theme-color);
}


/* product_detail */

.j_pd_detail{
    padding:80px 0 50px;
}
.j_pd_detail_con{
   padding-top: 60px;
}
.j_pd_detail_hd_img{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.j_pd_detail_hd .infos{
    flex: 1;
    padding:0 0 0 5%;
    min-width: 0;
}

.j_pd_detail_hd .infos h1{
    font-size:48px;
    line-height: 1.2;
    color:var(--theme-color);
    font-family: 'RobotoBold';
}

.j_pd_detail_hd .infos .desc{
    font-size:18px;
    margin:35px 0 50px;
}
.j_pd_detail_hd .infos .desc p{
    padding-left: 25px;
    position: relative;
    margin-bottom: 6px;
}
.j_pd_detail_hd .infos .desc p:before{
    content:'';
    display: block;
    width: 13px;
    height: 8px;
    background: url("../images/arrow.png") no-repeat;
    position: absolute;
    left: 0;
    top: 10px;
}

.j_pd_detail_hd .infos .list{
    display: flex;
    margin:0 -16px;
}
.j_pd_detail_hd .infos .list .item{
    padding:0 16px;
}
.j_pd_detail_hd .infos .list .item .img{
    border-radius: 50%;
    border:2px solid var(--theme-color);
    overflow: hidden;
}


.j_pd_detail_hd .infos .btns{
    margin-top:100px;
}
.j_pd_detail_hd .infos .btns .btn{
    display: flex;
    align-items: center;
    height:45px;
    width: 240px;
    background: var(--subtheme-color);
    color:#fff;
    justify-content: center;
    text-transform: capitalize;
    border-radius: 100px;
    transition:all .4s;
    font-family: 'RobotoBold';
}
.j_pd_detail_hd .infos .btns .btn i{
    color:#fff;
    font-size:20px;
    margin-right: 8px;
    transition:all .3s;
}
.j_pd_detail_hd .infos .btns .btn:hover{
    background: var(--theme-color);
}


/* pdd_tit_box */

.pdd_tit_box{
    text-align: center;
    padding: 60px 0 30px;
}
.pdd_tit_box .tit{
    font-size:45px;
    font-family: 'RobotoMedium';
    text-transform: uppercase;
    line-height: 1.2;
}
.pdd_tit_box .desc{
    font-size:18px;
}
.j_pd_detail_introduction .desc{
    font-size:18px;
}
.j_pd_detail_introduction .desc p{
    margin-bottom: 6px;
}
.j_pd_detail_introduction .list{
    position: relative;
    overflow: hidden;
    padding:80px 0 100px;
}
.j_pd_detail_introduction .list .item{
    border-radius: 15px;
    overflow: hidden;
}
.j_pd_detail_introduction .list .item .img img{
    width: 100%;
}
.j_pd_detail_introduction .list .arrow{
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.j_pd_detail_introduction .list .swiper-button-next,.j_pd_detail_introduction .list .swiper-button-prev{
    position: initial;
    height:40px;
    width: 40px;
    border-radius: 50%;
    background: #bbb;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    margin-top: 0;
    margin:0 10px;
}
.j_pd_detail_introduction .list .swiper-button-next:after,.j_pd_detail_introduction .list .swiper-button-prev:after{
    font-size:18px;
    font-weight: bold;
}
.j_pd_detail_introduction .list .swiper-button-next:hover, .j_pd_detail_introduction .list .swiper-button-prev:hover{
    background: var(--theme-color);
}

/* pd_detail_application */

.j_pd_detail_application .list{
    margin:-13px;
    padding-bottom: 105px;
}
.j_pd_detail_application .list a{
    display: block;
    width: 33.333%;
    padding:13px;
}
.j_pd_detail_application .list .item{
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.j_pd_detail_application .list .item .img img{
    width: 100%;
}
.j_pd_detail_application .list .item .con{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding:50px;
}
.j_pd_detail_application .item .con h4{
    font-size:30px;
    font-family:'RobotoMedium';
    color:#fff;
    line-height: 1.2;
    position: relative;
    padding-top: 20px;
}
.j_pd_detail_application .item .con h4:before{
    content:'';
    width: 30px;
    height: 2px;
    background: var(--theme-color);
    position: absolute;
    left: 0;
    top: 0;
}
.j_pd_detail_application .item:hover .img img{
    opacity:0.7;
}


.j_pd_detail_introduction .desc{
    font-size:18px;
}
.j_pd_detail_introduction .desc p{
    margin-bottom: 6px;
}
.j_pd_detail_introduction .list{
    position: relative;
    overflow: hidden;
    padding:80px 0 100px;
}
.j_pd_detail_introduction .list .item{
    border-radius: 15px;
    overflow: hidden;
}
.j_pd_detail_introduction .list .item .img img{
    width: 100%;
}
.j_pd_detail_introduction .list .arrow{
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.j_pd_detail_introduction .list .swiper-button-next,.j_pd_detail_introduction .list .swiper-button-prev{
    position: initial;
    height:40px;
    width: 40px;
    border-radius: 50%;
    background: #bbb;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    margin-top: 0;
    margin:0 10px;
}
.j_pd_detail_introduction .list .swiper-button-next:after,.j_pd_detail_introduction .list .swiper-button-prev:after{
    font-size:18px;
    font-weight: bold;
}
.j_pd_detail_introduction .list .swiper-button-next:hover, .j_pd_detail_introduction .list .swiper-button-prev:hover{
    background: var(--theme-color);
}

/* pd_detail_application */

.j_pd_detail_application .list{
    margin:-13px;
    padding-bottom: 105px;
}
.j_pd_detail_application .list a{
    display: block;
    width: 33.333%;
    padding:13px;
}
.j_pd_detail_application .list .item{
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.j_pd_detail_application .list .item .img img{
    width: 100%;
}
.j_pd_detail_application .list .item .con{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding:50px;
}
.j_pd_detail_application .item .con h4{
    font-size:30px;
    font-family:'RobotoMedium';
    color:#fff;
    line-height: 1.2;
    position: relative;
    padding-top: 20px;
}
.j_pd_detail_application .item .con h4:before{
    content:'';
    width: 30px;
    height: 2px;
    background: var(--theme-color);
    position: absolute;
    left: 0;
    top: 0;
}
.j_pd_detail_application .item:hover .img img{
    opacity:0.7;
}




/* page_ecology_index */

.page_ecology_index .list{
    margin:0 -20px;
}
.page_ecology_index .list .item{
    padding:0 20px;
}
.page_ecology_index .list .item .img img{
    border-radius: 10px;
}
.page_ecology_index .list .item .tit{
    font-size:20px;
    text-align: center;
    margin-top: 20px;
}

/* page_ecology_index_swiper */

.page_ecology_index_swiper{
    padding: 40px 0;
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
    display: none;
}
.page_ecology_index_swiper_Wrap .page_ecology_index_swiper:first-child{
    display: block;
}
.page_ecology_index_swiper .item{
    display: block;
    padding: 30px 60px;
    background: #fff;
    border:1px solid #fff;
}
.page_ecology_index_swiper .item .img{
    display: flex;
    justify-content: center;
}
.page_ecology_index_swiper .item .tit{
    text-align: center;
    margin-top:20px;
}
.page_ecology_index_swiper .swiper-button-next,.page_ecology_index_swiper .swiper-button-prev{
    background:var(--theme-color);
    width: 30px;
    height: 50px;
    color:#fff;
    opacity: .5;
}
.page_ecology_index_swiper .swiper-button-next:after,.page_ecology_index_swiper .swiper-button-prev:after{
    font-size:18px;
}
.page_ecology_index_swiper .swiper-button-prev{
    left: 0;
    border-radius: 0 10px 10px 0;
}
.page_ecology_index_swiper .swiper-button-next{
    right: 0;
    border-radius: 10px 0 0 10px;
}
.page_ecology_index_swiper .swiper-button-next:hover,.page_ecology_index_swiper .swiper-button-prev:hover{
    opacity: 1;
}
.page_ecology_index_swiper .item:hover{
    border-color: var(--theme-color);
}
.page_ecology_index_swiper .item:hover .tit{
    color:var(--theme-color);
}

/* page_ecology_index_partners */

.page_ecology_index_partners .list{
    margin:-25px;
    padding-bottom: 120px;
}
.page_ecology_index_partners .list .item_wrap{
    width: 20%;
    padding:25px;
}
.page_ecology_index_partners .list .item{
    background:#fff;
    padding:10px;
    box-shadow: 0 0 10px rgba(0,0,0,.08);
    border-radius: 10px;
}
.page_ecology_index_partners .list .item .img{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* page_become_form */

.page_become_form{
    width:660px;
    margin:auto;
    padding-bottom: 110px;
}
.page_become_form form{
    margin:0 -20px;
}
.page_become_form .input{
    width: 50%;
    padding:0 20px 20px;
}
.page_become_form .input.input_show{
    display: none;
}
.page_become_form .input h4{
    font-size:13px;
    color:#666;
    margin-bottom: 3px;
    text-align: left;
}
.page_become_form .input h4 i{
    color:var(--theme-color);
}
.page_become_form .input input,.page_become_form .input select,.page_become_form .input textarea{
    width: 100%;
    height: 50px;
    padding:10px;
    line-height: 28px;
    border:1px solid #ddd;
    border-radius: 5px;
    padding:0 10px;
    outline: none;
    font-size:16px;
}
.page_become_form .input input::placeholder,.page_become_form .input textarea::placeholder{
    font-size:13px;
    color:#bbb;
}
.page_become_form .input select{
    font-size:13px;
    color:#bbb;
}
.page_become_form .input select option{
    padding:5px 10px;
    font-size:16px;
    color:#333;
}
.page_become_form .input select.cur{
    color:#333;
    font-size:16px;
}
.page_become_form .input textarea{
    height: 120px;
}
.page_become_form .input.input100{
    width: 100%;
}
.page_become_form .txt_btn{
    padding:10px 20px 0;
    width: 100%;
}
.page_become_form .txt_btn .txt{
    font-size:13px;
    color:#666;
    flex:1;
    display: block;
    text-align: left;
}
.page_become_form .txt_btn .button button{
    width: 140px;
    height: 45px;
    background: var(--theme-color);
    border-radius: 100px;
    border:none;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    font-size:16px;
    cursor: pointer;
    transition:all .4s;
}
.page_become_form .txt_btn .button button:hover{
    background: #333;
}

/* page_ecology_index_menu */

.page_ecology_index_menu{
    margin:-35px;
    padding-bottom: 100px;
}
.page_ecology_index_menu .item{
    
    width: 33.333%;
    padding:35px;
}
.page_ecology_index_menu .item a{
    background: #f7f7f7;
    border-radius:10px;
    padding:55px;
    display: block;
    text-align: center;
    height: 100%;
    transition:all .4s;
}
.page_ecology_index_menu .item .item_con{
    padding-top: 20px;
}
.page_ecology_index_menu .item .item_con .tit{
    font-size:36px;
    font-family: 'RobotoBold';
}
.page_ecology_index_menu .item .item_con .desc{
    margin-top:5px;
}
.page_ecology_index_menu .item .item_con .btn{
    width: 140px;
    height: 40px;
    border-radius: 100px;
    border:1px solid var(--theme-color);
    font-size:14px;
    margin:40px auto 0;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'RobotoBold';
    color:var(--theme-color);
    transition:all .4s;
}
.page_ecology_index_menu .item a:hover{
    box-shadow: 0 0 15px rgba(0,0,0,.08);
}
.page_ecology_index_menu .item a:hover .item_con .btn{
    background: var(--theme-color);
    color:#fff;
}

/* page_ecology_list_advantage */

.page_ecology_list_advantage .item{
    width: 25%;
    padding:40px 60px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.page_ecology_list_advantage .item .item_con{
    padding-top: 30px;
}
.page_ecology_list_advantage .item .item_con .tit{
    font-size:20px;
    color:var(--theme-color);
}
.page_ecology_list_advantage .item .item_con .desc{
    margin-top: 6px;
}
.page_ecology_list{
    padding:100px 0;
}
.page_ecology_list_advantage .item:hover{
    background: #f7f7f7;
}

.page_ecology_list .list{
    margin:-13px;
}
.page_ecology_list .list a{
    width: 20%;
    display: block;
    padding: 13px;
}
.page_ecology_list .list .item{
    padding:30px 50px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #fff;
    transition:all .4s;
}
.page_ecology_list .list .item .img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_ecology_list .list .item .con h4{
    margin-top: 20px;
    text-align: center;
}
.page_ecology_list .list .item:hover .con h4{
    color:var(--theme-color);
}
.page_ecology_list .list .item:hover{
    border-color: var(--theme-color);
}

/* public_download */

.public_download .page_support_download_list{
    padding-bottom: 40px;
}
.public_download .page_support_download_list .list_item{
    padding-top: 0;
}
.public_download .page_support_download_list .list_item .list_wrap{
    display: block;
    padding-top: 0;
}
.public_download .page_support_download_list .list_item .list{
    padding-top: 0;
}

/* public_faq */

.public_faq{
    padding-bottom: 80px;
}
.public_faq .page_support_faq_list .list{
    padding-top: 0;
}



.page_products_public_more{
    display: inline-block;
    height: 40px;
    background:var(--theme-color);
    margin:40px 0 0;
    padding: 0 20px;
    line-height: 40px;
    color:#fff;
    transition:all .4s;
    border-radius: 100px;
    text-transform: uppercase;
    font-size:14px;
}
.page_products_public_more:hover{
    background: #333;
}




/* page_public_rml_series_retrieve */

.page_public_rml_series_retrieve{
    position: relative;
}
.page_public_rml_series_retrieve .j_bg{
    position: relative;
    z-index: 1;
}
.page_public_rml_series_retrieve .j_bg1{
    background: #999;
    height: 500px;
}
.page_public_rml_series_retrieve .j_bg:after{
    content:'';
    display: block;
    width: 100%;
    height: 100%;
    z-index:2;
    background: rgba(0,0,0,.2);
    position: absolute;
    left: 0;
    top: 0;
}
.page_public_rml_series_retrieve .j_bg img{
    width: 100%;
}
.page_public_rml_series_retrieve .j_con{
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color:#fff;
    z-index: 3;
}
.page_public_rml_series_retrieve .j_con .txt{
    font-size:24px;
}
.page_public_rml_series_retrieve .j_con .tit{
    font-size:54px;
    font-family: 'RobotoMedium';
    margin:20px 0 50px;
}
.page_public_rml_series_retrieve .j_con .btn{
    width: 150px;
    height: 44px;
    background: var(--theme-color);
    color:#fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:14px;
    text-transform: uppercase;
    transition:all .4s;
}
.page_public_rml_series_retrieve .j_con .btn:hover{
    opacity: .7;
}


/* page_about1 */

.page_about_panel1{
    
}
.page_about_panel1 .tit{
    font-size: 36px;
    font-family: 'GothicB';
    text-transform: uppercase;
    line-height: 1;
}
.page_about_panel1 .desc{
    font-size: 24px;
    margin:20px 0;
}
.page_about_panel1 .con{
    margin-top: 20px;
}
.page_about_panel1 .page_about_stats .item .item_w{
    justify-content: flex-start;
}




/* page_about_panel2_wrap */

.page_about_panel2{
    position: relative;
    margin-top: 20px;
    padding: 64px 86px;
    background: #f8f8f8;
    border-radius: 18px;
}
.page_about_panel2 .item{
    align-items: center;
}
.page_about_panel2 .item .img{
    width: 31.5%;
    border-radius: 10px;
    overflow: hidden;
}
.page_about_panel2 .item .img img{
    width: 100%;
    display: block;
}
.page_about_panel2 .item .con{
    flex:1;
    padding-right: 50px;
    min-width: 0;
}
.page_about_panel2 .item .con h4{
    font-size: 34px;
    font-family: 'GothicB';
    color: var(--theme-color);
}
.page_about_panel2 .item .con p{
    margin: 20px 0 0;
    line-height: 1.8;
    color: var(--steel-gray);
}
#page_about_panel2{
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.page_about_panel2 .swiper-button-prev,.page_about_panel2 .swiper-button-next{
    width: 45px;
    height: 45px;
    background: #f1f1f1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#333;
    transition:all .5s;
    top: 50%;
    margin-top: -22px;
}
.page_about_panel2 .swiper-button-prev{
    left: 26px;
}
.page_about_panel2 .swiper-button-next{
    right: 26px;
}
.page_about_panel2 .swiper-button-prev i,.page_about_panel2 .swiper-button-next i{
    font-size: 24px;
}
.page_about_panel2 .swiper-button-prev i{
    transform: rotateY(180deg);
}
.page_about_panel2 .swiper-button-prev:after,.page_about_panel2 .swiper-button-next:after{
    display: none;
}
.page_about_panel2 .swiper-button-prev:hover,.page_about_panel2 .swiper-button-next:hover{
    background: var(--theme-color);
    color:#fff;
}


/* page_about_panel3_wrap */

.page_about_panel3{
    background: #f1f1f1;
    border-radius: 10px;
    overflow: hidden;
}
.page_about_panel3 .img{
    width: 46%;
}
.page_about_panel3 .img img{
    width: 100%;
}
.page_about_panel3 .con{
    flex:1;
    min-width: 0;
    padding:50px 6%;
}
.page_about_panel3 .con h4{
    font-size: 36px;
    font-family: 'GothicB';
}
.page_about_panel3 .con p{
    margin: 20px 0 50px;
}
.j_btn_style1{
    
}
.j_btn_style1 a{
    height: 45px;
    border: 2px solid #333;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 188px;
    font-family: 'GothicB';
    text-transform: uppercase;
    transition:all .4s;
}
.j_btn_style1_theme a{
    border-color: var(--theme-color);
    color:var(--theme-color);
}
.j_btn_style1 a i{
    font-size: 18px;
    font-weight: bold;
    margin-left: 6px;
}
.j_btn_style1 a:hover{
    border-color:var(--theme-color);
    color:#333;
    background: var(--theme-color);
}


/* page_about_panel4 */

.page_about_panel4_wrap{
    position: relative;
}
.page_about_panel4_img img{
    width: 100%;
}
.page_about_panel4_con{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.page_about_panel4_con .wrapper{
    height: 100%;
}
.page_about_panel4_con .info{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}
.page_about_panel4_con .info h4{
    font-size: 40px;
    font-family: 'GothicB';
    color:var(--theme-color);
}
.page_about_panel4_con .info p{
    font-size: 18px;
    color:#fff;
    margin:20px 0 60px;
}


/* page_about_panel5 */

.about_tit_box1{
    display: flex;
    align-items: center;
    padding: 100px 0 40px;
}
.about_tit_box1 .tit{
    flex:1;
}
.about_tit_box1 .tit h4{
    font-size:36px;
    font-family: 'GothicB';
    line-height: 1;
    color: var(--theme-color);
}
.about_tit_box1 .tit p{
    font-size: 18px;
    margin-top:20px;
}

.page_about_panel5_wrap{
    background: url("../image/202604071231233.png") no-repeat center top;
    background-size: cover;
    width: 100%;
}
.page_about_panel5{
    padding: 80px 0 100px;
}
.page_about_panel5 .about_tit_box1{
    padding: 0 0 40px;
}
.page_about_panel5_list{
    padding-top: 0;
}
.page_about_panel5_list .item{
    flex:1;
    padding: 0 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    transition:all 2s;
}
.page_about_panel5_list .item:after{
    content:'';
    width: 1px;
    height: 150px;
    background: #999;
    display: block;
    position: absolute;
    right: 0;
    top:60px;
}
.page_about_panel5_list .item:last-child:after{
    display: none;
}
.page_about_panel5_list .item .img{
    transition:all 2s;
}
.page_about_panel5_list .item .tit{
    font-size: 26px;
    font-family: 'GothicB';
    margin:20px 0;
}
.page_about_panel5_list .item .desc{
    font-size: 18px;
}
.page_about_panel5_list .item:hover .img{
    transform:rotateY(360deg);
}


/* page_about_panel6_list */

.page_about_panel6_list .item .item_img{
    border: 1px solid #ddd;
    border-radius: 5px;
    padding:10px;
    text-align: center;
}
.page_about_panel6_list .item .item_con .tit{
    font-size: 18px;
    font-family: 'GothicB';
    text-align: center;
    margin-top: 10px;
}
.page_about_panel6_more{
    margin-top: 50px;
}
.page_about_panel6_more .j_btn_style1{
    display: flex;
    justify-content: center;
}
.page_about_panel6_more .j_btn_style1 a{
    background: #333;
    color:var(--theme-color);
    width: 220px;
}

/* page_about_panel7 */

.page_about_panel7{
    margin: 0 -35px;  
}  
.page_about_panel7 .item{
    flex:1;
    padding: 0 35px;
}
.page_about_panel7 .item .img{
    border-radius: 10px;
    overflow: hidden;
}
.page_about_panel7 .item .img img{
    width: 100%;
}
.page_about_panel7 .item .con{
    padding:20px 0 0;
}
.page_about_panel7 .item .con h4{
    font-size: 40px;
    font-family: 'GothicB';
    transition:all .4s;
}
.page_about_panel7 .item .con p{
    font-size: 18px;
    margin-top:10px;
}
.page_about_panel7 .item:hover .con h4{
    color:var(--theme-color);
}

.page_vision_mission_wrap{
    background: url("../image/standard_of_behavior_bg.jpg") no-repeat center;
    background-size: 100% 100%;
}
.page_vision_mission_tit{
    font-size: 40px;
    font-family: 'GothicB';
    color:#fff;
    text-align: center;
    padding-top: 50px;
}
.page_vision_mission_list{
    position: relative;
    overflow: hidden;
    padding:30px 0 80px;
}
.page_vision_mission_list .item{
    padding: 50px;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 15px;
    height: 100%;
    transition:all .4s;
}
.page_vision_mission_list .item .num{
    font-size: 54px;
    font-family: 'GothicB';
    color:#999;
    line-height: 1;
    font-style: italic;
}
.page_vision_mission_list .item .tit{
    font-size: 26px;
    font-family: 'GothicB';
    color:var(--theme-color);
    padding: 20px 0 10px;
}
.page_vision_mission_list .item .desc{
    color:#fff;
    min-height: 145px;
    transition:all .4s;
}

.page_vision_mission_list.news_con .arrow{
    top: auto;
    bottom: 0;
    width: 100%;
    justify-content: center;
}
.page_vision_mission_list .item:hover{
    background: #fff;
}
.page_vision_mission_list .item:hover .desc{
    color:#666;
}


/* public_recommended_products */

.public_recommended_products{
    padding:30px 0 50px;
}
.public_recommended_products_list .list{
    gap:13px;
    padding-top:10px;
}
.public_recommended_products_list .list .item{
    display: block;
    width: 25%;
    background: #fff;
    padding:30px 40px 50px;
    transition:all .4s;
    border-radius: 10px;
}
.public_recommended_products_list .list .item h4{
    font-size:20px;
    font-family: 'RobotoMedium';
    margin-top: 20px;
    text-align: center;
    transition:all .4s;
}
.public_recommended_products_list .list .item:hover{
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
}
.public_recommended_products_list .list .item:hover h4{
    color:var(--theme-color);
}



/* public_cases_swiper */

.public_cases_swiper{
    padding-bottom: 100px;
    position: relative;
}
.public_cases_swiper .item{
    display: block;    
}
.public_cases_swiper .item .item_img{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.public_cases_swiper .item .item_img .img img{
    width: 100%;
}
.public_cases_swiper .item .item_img .con{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding:80px 40px 30px;
    background: none;
    color:#fff;
}
.public_cases_swiper .item .item_img .con h4{
    font-size:24px;
    margin-bottom: 5px;
}
.public_cases_swiper .item .item_img .con p{
    font-family: 'RobotoLight';
}
.public_cases_swiper .item .item_btn{
    justify-content: flex-end;
    margin-top: 32px;
}
.public_cases_swiper .item .item_btn .btn{
    width: 140px;
    height: 40px;
    background: #333;
    border-radius: 100px;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:all .4s;
}
.public_cases_swiper .item .item_btn .btn:hover{
    background: var(--theme-color);
}
.public_cases_swiper .arrow{
    display: flex;
    position: absolute;
    right: 0;
    top:-90px;
    bottom: 100px;
}
.public_cases_swiper .swiper-button-next,.public_cases_swiper .swiper-button-prev{
    position: static;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: flex;
    justify-content:center;
    align-items: center;
    margin:0;
    opacity: 1;
    color:var(--theme-color);
    margin-right:10px;
    transition:all .3s;
    background: #fff;
}
.public_cases_swiper .swiper-button-next:after,.public_cases_swiper .swiper-button-prev:after{
    font-size:18px;
    font-weight: bold;
}
.public_cases_swiper .swiper-button-next:hover,.public_cases_swiper .swiper-button-prev:hover{
    background: var(--theme-color);
    color:#fff;
    border-color: var(--theme-color);
}



/* product_detail */


.jy_pin_wrap{
    
}
.pd_detail{
    background: url("../image/product_top_bg.jpg") no-repeat center bottom;
}
.pd_detail_hd{
    padding-top: 80px;
    padding-bottom: 10px;
}
.pd_detail_hd .pics{
    width:760px;
    margin: auto;
}
.pd_detail_hd .pics .mySwiper2{
    flex:1;
    min-width: 0;
    margin:0;
    overflow: hidden;
    border-radius:5px;
    position: relative;
}
.pd_detail_hd .pics .mySwiper2 .swiper-pagination-bullet-active{
    background: var(--theme-color);
}
.pd_detail_hd .pics .mySwiper2 .img{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.pd_detail_hd .pics .mySwiper2 .img img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.pd_detail_hd .pics .mySwiper1_w{
    position: relative;
    padding:20px 0;
    width: 72px;
}
.pd_detail_hd .pics .mySwiper{
    overflow: hidden;
    height: 100%;
    margin-top: 40px;
}

.pd_detail_hd .pics .mySwiper .swiper-slide .img{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    padding:10px;
}
.pd_detail_hd .pics .mySwiper .swiper-slide.swiper-slide-thumb-active .img{
    border-bottom:2px solid var(--theme-color);
    
}
.pd_detail_hd .pics .mySwiper .swiper-slide .img img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.pd_detail_hd .pics .mySwiper1_w .swiper-button-next,.pd_detail_hd .pics .mySwiper1_w .swiper-button-prev{
    z-index: 99;
    width:72px;
    height: 12px;
    border-radius:3px;
    opacity: 1;
    color:#333;
    background: #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    margin:0;
}
.pd_detail_hd .pics .mySwiper1_w .swiper-button-next:after,.pd_detail_hd .pics .mySwiper1_w .swiper-button-prev:after{
    font-size:8px;
    font-weight: bold;
    transform: rotate(90deg);
}

.pd_detail_hd .pics .mySwiper1_w .swiper-button-prev{
    top: 0;
}
.pd_detail_hd .pics .mySwiper1_w .swiper-button-next{
    top: auto;
    bottom: 0;
}
.pd_detail_hd .pics .mySwiper1_w .swiper-button-next:hover,.pd_detail_hd .pics .mySwiper1_w .swiper-button-prev:hover{
    background: var(--theme-color);
    color:#fff;
}


.pd_detail_hd .infos{
    flex: 1;
    min-width: 0;
}
.pd_detail_hd .infos .infos_hd{
    width: 50%;
    padding-right: 4%;
}
.pd_detail_hd .infos .infos_bd{
    flex:1;
    min-width: 0;
}
.pd_detail_hd .infos h1{
    font-size:36px;
    line-height: 1.2;
    color:#333;
    font-weight: normal;
    font-family: 'GothicB';
}
.pd_detail_hd .infos h5{
    margin: 10px 0 0;
    color:#888;
}
.pd_detail_hd .infos .desc{
    line-height: 1.8;
}
.pd_detail_hd .infos .desc p{
    font-size: 18px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 15px;
}
.pd_detail_hd .infos .desc p:before{
    content:'';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    background: #666;
    top: 10px;
}

.pd_detail_hd .infos .params{
    color:#333;
    margin-top: 40px;
}
.pd_detail_hd .infos .params p{
    line-height:1.6;
    margin-bottom: 12px;
    padding-left: 40px;
}
.pd_detail_hd .infos .params p:nth-child(1){
    background: url("../images/params_ico1.png") no-repeat center left;
}
.pd_detail_hd .infos .params p:nth-child(2){
    background: url("../images/params_ico2.png") no-repeat center left;
}
.pd_detail_hd .infos .params p:nth-child(3){
    background: url("../images/params_ico3.png") no-repeat center left;
}
.pd_detail_hd .infos .params p:nth-child(4){
    background: url("../images/params_ico4.png") no-repeat center left;
}


.pd_detail_hd .infos .btns{
    margin-top:30px;
}
.pd_detail_hd .infos .btns .btn{
    align-items: center;
    text-transform: uppercase;
    margin-right:20px;
    font-family: 'GothicB';
    line-height: 1;
    display: flex;
    background: var(--theme-color);
    border-radius:100px;
    cursor: pointer;
    width: 200px;
    height: 50px;
    justify-content: center;
}
.pd_detail_hd .infos .btns .btn i{
    font-size:20px;
    line-height: 1;
    vertical-align: middle;
    margin-right: 6px;
    display: inline-block;
}
.pd_detail_hd .infos .btns .btn.btn2{
    background:#333;
}
.pd_detail_hd .infos .btns .btn:hover{
    opacity: .8;
}

.j_pdinal{
    padding-top: 90px;
    display: flex;
    align-items: flex-start;
}
.pd_detail_intro_tit{
   position: sticky;
   position: -webkit-sticky;
   top: 170px;
   width: 240px;
}
.pd_detail_intro_tit .item{
    color:#666;
    font-family: 'GothicB';
    cursor: pointer;
    line-height: 1.5;
    margin-bottom: 15px;
    padding-left: 15px;
    position: relative;
}
.pd_detail_intro_tit .item.cur{
    color:var(--theme-color);
}
.pd_detail_intro_tit .item:after{
    content:'';
    display: block;
    background: #666;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    position:absolute;
    left: 0;
    top: 10px;
}
.pd_detail_intro_tit .item.cur:after{
    background: var(--theme-color);
}

.pd_detail_intro{
    flex:1;
    min-width: 0;
    padding-left: 6%;
}
.pd_detail_intro__tit{
    font-size: 30px;
    font-family: 'GothicB';
    line-height: 1;
    margin:70px 0 30px;
}
.pd_detail_intro__desc{
    font-size: 24px;
    font-family: 'GothicB';
    margin-top: -10px;
}
.pd_detail_intro1__tit{
    margin-top: 0;
}


/* pd_detail_intro2 */

.pd_detail_intro2_hd{
    background: #f2f2f2;
    display: flex;
}
.pd_detail_intro2_hd .item{
    border-top: 3px solid #f2f2f2;
    height: 60px;
    flex:1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
    font-family: 'GothicB';
}
.pd_detail_intro2_hd .item.cur{
    border-top-color:var(--theme-color);
    background: #fff;
}

.pd_detail_intro2_bd{
    padding: 40px 0 0;
}
.pd_detail_intro2_bd .item{
    display: none;
}
.pd_detail_intro2_bd .item:first-child{
    display: block;
}
.pd_detail_intro2_bd.pd_detail_intro2_bd_diesel .item:first-child table tr td:nth-child(1),.pd_detail_intro2_bd.pd_detail_intro2_bd_diesel .item:first-child table tr td:nth-child(3){
    background:#eee;
}
.pd_detail_intro2_bd.pd_detail_intro2_bd_diesel .item:first-child table tr:first-child{
    background: transparent;
}
.pd_detail_intro2_bd .item table{
    width: 100%;
}
.pd_detail_intro2_bd .item table tr td{
    padding: 10px 15px;
    text-align: center;
}
.pd_detail_intro2_bd .item table tr:first-child{
    background: #eee;
    font-family: 'GothicB';
}
.pd_detail_intro2_bd.pd_detail_intro2_bd_diesel .item table tr:first-child{
    background: transparent;
    font-family: "Gothic"!important;
}
.pd_detail_intro2_bd .item table tr td a{
    color:var(--theme-color);
    text-decoration: underline;
    font-family: 'GothicB';
}

/* pd_detail_intro4 */

.pd_detail_intro4 .page_case_study{
    margin: 0 -15px;
    padding-bottom: 0;
}
.pd_detail_intro4 .page_case_study .item{
    width: 33.333%;
    padding: 0 15px;
}


/* pd_detail_intro6 */

.pd_detail_intro6 .list .item{
    margin-bottom: 20px;
}
.pd_detail_intro6 .list .item .tit{
    margin-bottom:5px;
}
.pd_detail_intro6 .list .item .tit b{
    font-style: italic;
    text-decoration: underline;
}



/* page_related_products */

.page_related_products{
    padding-bottom: 80px;
}
.page_related_products .list{
    margin:-20px;
}
.page_related_products .list .item{
    padding: 20px;
    width: 33.333%;
}
.page_related_products .list .item .img{
    background: #fff;
    padding: 25px;
    display: flex;
    justify-content: center;
    border-radius:10px;
    overflow: hidden;
}
.page_related_products .list .item .con{
    margin-top: 20px;
}
.page_related_products .list .item .con h4{
    font-size:22px;
    font-family: 'PoppinsSemiBold';
    color:#333;
    margin-bottom: 10px;
}




/* product_detail */

.j_pd_detail{
    background: #e4e7ea;
    padding:80px 0 50px;
}
.j_pd_detail_con{
   padding-top: 60px;
}
.j_pd_detail_hd_img{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.j_pd_detail_hd .infos{
    flex: 1;
    padding:0 0 0 5%;
    min-width: 0;
}

.j_pd_detail_hd .infos h1{
    font-size:48px;
    line-height: 1.2;
    color:var(--theme-color);
    font-family: 'RobotoBold';
}

.j_pd_detail_hd .infos .desc{
    font-size:18px;
    margin:35px 0 50px;
}
.j_pd_detail_hd .infos .desc p{
    padding-left: 25px;
    position: relative;
    margin-bottom: 6px;
}
.j_pd_detail_hd .infos .desc p:before{
    content:'';
    display: block;
    width: 13px;
    height: 8px;
    background: url("../images/arrow.png") no-repeat;
    position: absolute;
    left: 0;
    top: 10px;
}

.j_pd_detail_hd .infos .list{
    display: flex;
    margin:0 -16px;
}
.j_pd_detail_hd .infos .list .item{
    padding:0 16px;
}
.j_pd_detail_hd .infos .list .item .img{
    border-radius: 50%;
    border:2px solid var(--theme-color);
    overflow: hidden;
}


.j_pd_detail_hd .infos .btns{
    margin-top:100px;
}
.j_pd_detail_hd .infos .btns .btn{
    display: flex;
    align-items: center;
    height:45px;
    width: 240px;
    background: var(--subtheme-color);
    color:#fff;
    justify-content: center;
    text-transform: capitalize;
    border-radius: 100px;
    transition:all .4s;
    font-family: 'RobotoBold';
}
.j_pd_detail_hd .infos .btns .btn i{
    color:#fff;
    font-size:20px;
    margin-right: 8px;
    transition:all .3s;
}
.j_pd_detail_hd .infos .btns .btn:hover{
    background: var(--theme-color);
}


/* pdd_tit_box */

.pdd_tit_box{
    text-align: center;
    padding: 60px 0 30px;
}
.pdd_tit_box .tit{
    font-size:45px;
    font-family: 'RobotoMedium';
    text-transform: uppercase;
    line-height: 1.2;
}
.pdd_tit_box .desc{
    font-size:18px;
}
.j_pd_detail_introduction .desc{
    font-size:18px;
}
.j_pd_detail_introduction .desc p{
    margin-bottom: 6px;
}
.j_pd_detail_introduction .list{
    position: relative;
    overflow: hidden;
    padding:80px 0 100px;
}
.j_pd_detail_introduction .list .item{
    border-radius: 15px;
    overflow: hidden;
}
.j_pd_detail_introduction .list .item .img img{
    width: 100%;
}
.j_pd_detail_introduction .list .arrow{
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.j_pd_detail_introduction .list .swiper-button-next,.j_pd_detail_introduction .list .swiper-button-prev{
    position: initial;
    height:40px;
    width: 40px;
    border-radius: 50%;
    background: #bbb;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    margin-top: 0;
    margin:0 10px;
}
.j_pd_detail_introduction .list .swiper-button-next:after,.j_pd_detail_introduction .list .swiper-button-prev:after{
    font-size:18px;
    font-weight: bold;
}
.j_pd_detail_introduction .list .swiper-button-next:hover, .j_pd_detail_introduction .list .swiper-button-prev:hover{
    background: var(--theme-color);
}




/* page_support_download_list */

.page_support_download_list{
    padding-bottom: 80px;
}
.page_support_download_list .list_item{
    padding:50px 0;
    border-bottom: 1px solid #666;
}
.page_support_download_list .list_item .menu{
    line-height: 1;
    transition:all .4s;
    cursor: pointer;
}
.page_support_download_list .list_item .menu h4{
    font-size:54px;
    font-family: 'RobotoMedium';
    flex:1;
    line-height: 1;
}
.page_support_download_list .list_item .menu i{
    font-size:36px;
    transform: rotate(45deg);
    transition:all .4s;
}
.page_support_download_list .list_item .menu:hover{
    color:var(--theme-color);
}
.page_support_download_list .list_item .menu.cur i{
    transform: rotate(0deg);
}
.page_support_download_list .list_item .list_wrap{
    padding-top: 20px;
    display: none;
}
.page_support_download_list .list_item .list{
    margin:-12px;
    padding-top: 20px;
}
.page_support_download_list .list_item .list a{
    width: 33.333%;
    padding:12px;
}
.page_support_download_list .list_item .list .item{
    background: #fff;
    padding:30px 40px 20px;
    transition:all .4s;
    border-radius: 10px;
}
.page_support_download_list .list_item .list .item h4{
    font-size:24px;
    line-height: 1.3;
    height: 94px;
}
.page_support_download_list .list_item .list .item .name_btn{
    margin-top: 30px;
}
.page_support_download_list .list_item .list .item .name_btn .name{
    flex:1;
    font-size:14px;
}
.page_support_download_list .list_item .list .item .name_btn i{
    font-size:30px;
}
.page_support_download_list .list_item .list .item:hover{
    background: var(--theme-color);
    color:#fff;
}


/* page_support_cases_list */

.page_support_cases_list{
    padding-bottom:100px;
}
.page_support_cases_list .list{
    margin:-12px;
}
.page_support_cases_list .list a{
    width: 33.333%;
    padding:12px;
}
.page_support_cases_list .list .item .item_img{
    border-radius: 10px;
    overflow: hidden;
}
.page_support_cases_list .list .item .item_con{
    padding:20px 0;
}
.page_support_cases_list .list .item .item_con .time{
    color:#666;
    font-size:14px;
    line-height: 1;
}
.page_support_cases_list .list .item .item_con .tit{
    font-size:20px;
    line-height: 1.4;
    margin-top: 10px;
    height: 56px;
}
.page_support_cases_list .list .item .item_con .tag{
    height: 32px;
    border:1px solid #666;
    padding:0 15px;
    display: inline-block;
    border-radius: 100px;
    margin: 10px 10px 0 0;
    font-size:14px;
    transition:all .4s;
    line-height: 30px;
}
.page_support_cases_list .list .item:hover .item_con .tit{
    color:var(--theme-color);
}
.page_support_cases_list .list .item .item_con .tag:hover{
    background: var(--theme-color);
    border-color: var(--theme-color);
    color:#fff;
}


/* page_support_faq */

.page_support_faq{
    padding:70px 0 100px;
}
.page_support_faq_menu{
    justify-content: center;
    
    border-bottom: 1px solid #666;
}
.page_support_faq_menu .item{
    font-size:20px;
    margin: 0 36px;
    padding-bottom: 20px;
    cursor: pointer;
    font-family:'RobotoMedium';
    position: relative;
}
.page_support_faq_menu .item:after{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    width: 100%;
    height: 5px;
    background: var(--theme-color);
    border-radius: 100px;
    transition:all .4s;
}
.page_support_faq_menu .item.cur:after,.page_support_faq_menu .item:hover:after{
    transform: scale(1);
}

.page_support_faq_list .list{
    display: none;
    padding-top: 15px;
}
.page_support_faq_list .list:first-child{
    display: block;
}
.page_support_faq_list .list .item{
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
}
.page_support_faq_list .list .item .tit{
    cursor: pointer;
    transition:all .4s;
}
.page_support_faq_list .list .item .tit h4{
    font-size:24px;
    flex:1;
    min-width: 0;
    line-height: 1;
    padding-right: 20px;
}
.page_support_faq_list .list .item .tit i{
    font-size:30px;
    line-height: 1;
    transform: rotate(45deg);
    transition:all .4s;
}
.page_support_faq_list .list .item .desc{
    padding-top: 20px;
    font-size:18px;
    display: none;
}
.page_support_faq_list .list .item .tit.cur i{
    transform: rotate(0deg);
}
.page_support_faq_list .list .item:hover .tit{
    color:var(--theme-color);
}

/* page_news */


.page_news{
    
}

.page_latest_news{
    
}
.page_latest_news .item{
    
}
.page_latest_news .item_con{
    flex:1;
    min-width: 0;
    padding-left:4%;
    padding-right:4%;
}
.page_latest_news .item_con .columnname{
    font-size:15px;
    color:#888;
    font-family: 'GothicB';
}
.page_latest_news .item_con .tit{
    font-size:24px;
    line-height: 1.4;
    margin:15px 0 10px;
    transition:all .4s;
    color:var(--theme-color);
    font-family: 'GothicB';
}
.page_latest_news .item_con .desc{
    line-height: 1.8;
    margin:20px 0 50px;
}
.page_latest_news .item_img{
    border-radius:10px;
    width:50%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.page_latest_news .item_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.page_latest_news .item_con .pub_btn1{
    height: 45px;
    line-height: 45px;
}

/* page_menu_public */

.page_menu_public{
    margin:80px 0 40px;
    justify-content: center;
}
.page_menu_public .item{
    margin-right: 20px;
}
.page_menu_public .item a{
    display: block;
    height:50px;
    line-height:48px;
    border:1px solid #ccc;
    padding: 0 20px;
    border-radius: 10px;
    font-size:18px;
    font-family: 'GothicB';
    transition:all .4s;
}
.page_menu_public .item a:hover{
    border-color: var(--theme-color);
    color:var(--theme-color);
}
.page_menu_public .item.all a,.page_menu_public .item.cur a{
    background: var(--theme-color);
    border-color: var(--theme-color);
    color:#fff;
}

.page_news_tit .menu{
    display: flex;
    align-items: center;
}
.page_news_tit .menu a{
    font-size:18px;
    display: block;
    font-family: 'MontserratLight';
    margin-left: 100px;
    position: relative;
}

.page_news_tit .menu a:after{
    content:'';
    width: 0;
    height: 2px;
    background: var(--theme-color);
    display: block;
    position: absolute;
    left: 0;
    bottom:-17px;
    transition:all .3s;
}
.page_news_tit .menu a.cur,.page_news_tit .menu a:hover{
    color:var(--theme-color);
}
.page_news_tit .menu a:hover:after,.page_news_tit .menu a.cur:after{
    width: 100%;
}

.page_news_list{
   
}
.news_list.page_news_list .list{
    margin:-20px;
}
.news_list.page_news_list .item{
    padding: 20px;
    width: 25%;
}
.page_news_list.news_list .item .item_con .tit{
    font-size: 20px;
}
.no_banner_pos{
    padding:20px 0 0;
}


/* page_news_detail */



.page_news_detail{
    
}

.page_news_detail_hd{
    flex:1;
    min-width: 0;
    padding-right: 65px;
}
.page_news_detail_hd .hd_left{
    flex:1;
    min-width: 0;
    padding-right: 8%;
}
.page_news_detail_hd .hd_right{
    width: 45%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.page_news_detail_hd .hd_right img{
    width: 100%;
    
}

.page_news_detail_hd .swiper-pagination-bullet{
    background: rgba(255,255,255,.5);
    opacity: 1;
}
.page_news_detail_hd .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--theme-color);
}
.page_news_detail_hd h1{
    font-size:36px;
    font-family: 'GothicB';
    line-height: 1.2;
    font-weight: normal;
    color:#333;
}

.page_news_detail_hd .time{
    display: flex;
    align-items: center;
    font-size: 15px;
    font-family: 'GothicB';
    color:#888;
    margin: 35px 0;
}
.page_news_detail_hd .share{
    
}
.page_news_detail_hd .share h4{
    margin-right: 6px;
    color:#888;
    font-size: 15px;
}

.page_news_detail_hd .content{
    padding:70px 0 20px;
    min-height: 20vh;
}
.page_news_detail_hd .content img{
    display: block;
    width: min(100%, 800px) !important;
    max-width: 800px !important;
    height: auto !important;
    margin: 36px auto !important;
}

.page_case_detail_hd .time{
    margin: 10px 0 30px;
}

.page_case_detail_hd .desc{
    margin-bottom:30px;
}


/* page_certificates */

.page_certificates{
    
}

.page_certificates_tit{
    
}
.page_certificates_tit .tit{
    font-size: 48px;
    font-family: 'GothicB';
    margin-bottom: 12px;
    line-height: 1;
    text-align: left;
}

.page_certificates_tit .desc{
    font-size: 18px;
    margin-top: 0;
    color: #8b929b;
    font-style: italic;
    line-height: 1.5;
    text-align: left;
}

.page_certificates_list_tit{
    font-size: 36px;
    margin-bottom: 30px;
    line-height: 1;
    font-family: 'GothicB';
}
.page_certificates_list{
    margin:-20px -45px;
}
.page_certificates_list .item{
    padding:20px 45px;
    width: 20%;
    cursor: pointer;
}
.page_certificates_list .item .img{
    border:1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
}
.page_certificates_list .item .img img{
    width: 100%;
}
.page_certificates_list .item .tit{
    font-family: 'GothicB';
    text-align: center;
    margin-top: 10px;
}
.page_certificates_list .item:hover .img{
    border-color:var(--theme-color);
}
.page_certificates_list .item:hover .tit{
    color:var(--theme-color);
}
.page_about_certificates{
    position: relative;
}
.page_about_certificates .page_certificates_tit{
    margin-bottom: 28px;
    display: block;
    text-align: left;
}
.page_about_certificates .about_tit_box1{
    padding: 0;
}
.page_certificates_swiper_wrap{
    position: relative;
    padding: 0 42px;
}
.about_certificates_swiper .swiper-slide{
    height: auto;
}
.about_certificates_swiper .item{
    display: block;
    height: 100%;
}
.about_certificates_swiper .img{
    border:1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    transition: all .4s;
}
.about_certificates_swiper .img img{
    width: 100%;
    aspect-ratio: 0.72;
    object-fit: cover;
    display: block;
}
.about_certificates_swiper .tit{
    font-family: 'GothicB';
    font-size: 20px;
    line-height: 1.3;
    text-align: left;
    margin-top: 12px;
    margin-bottom: 8px;
    color:#333;
    min-height: 0;
}
.about_certificates_swiper .sortname{
    font-size: 16px;
    line-height: 1.5;
    color: #8b929b;
    font-style: italic;
    text-align: left;
}
.about_certificates_swiper .item:hover .img{
    border-color:var(--theme-color);
}
.about_certificates_swiper .item:hover .tit{
    color:var(--theme-color);
}
.about_certificates_swiper .item:hover .sortname{
    color:#8b929b;
}
.about_certificates_prev,
.about_certificates_next{
    position: absolute;
    top: calc(50% - 72px);
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(16,40,61,0.82);
    cursor: pointer;
    z-index: 2;
    transition: all .3s;
}
.about_certificates_prev{
    left: 0;
}
.about_certificates_next{
    right: 0;
}
.about_certificates_prev:before,
.about_certificates_next:before{
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.about_certificates_prev:before{
    transform: translate(-35%,-50%) rotate(-135deg);
}
.about_certificates_next:before{
    transform: translate(-65%,-50%) rotate(45deg);
}
.about_certificates_prev:hover,
.about_certificates_next:hover{
    background: var(--theme-color);
}

.modelTost {
	display: none;
	background: rgba(0, 0, 0, .5);
	z-index: 9999;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.modelTostChile {
	/*width:550px;*/
	width: 800px;
	height: 86vh;
	background-color: #fff;
	position: absolute;
	top: 7vh;
	left: 50%;
	transform: translate(-50%,0);
	overflow: hidden;
}
.modelTostChile .swiper-wrapper{
    align-items: center;
}
@media screen and ( max-width: 992px){
    .modelTostChile{
        width: 90%;
    }
}
.modelTostChile p {
	font-size:18px;
	padding: 3%;
	font-family: 'PoppinsSemiBold';
	height: 90px;
}
.modelTostChile .swiper-horizontal{
    height: calc(100% - 90px);
}
.modelClose {
	float: right;
	cursor: pointer;
	font-size:36px;
	line-height: 1;
}

.modelTostChile .swiper-slide {
	text-align: center;
    align-items: center;
    display: flex;
    padding:0 20px;
}

.modelTostChile .swiper-slide img {
	height: 100%;
	text-align: center;
	margin:auto;
	padding-bottom: 3%;
	object-fit: contain;
}
.modelTostChile .swiper-button-next,.modelTostChile .swiper-button-prev{
    color:#fff;
    width: 50px;
    height: 50px;
    border-radius:3px;
    background:#999;
    transition: all .5s;
}
.modelTostChile .swiper-button-next:after,.modelTostChile .swiper-button-prev:after{
    font-size:24px;
}
.modelTostChile .swiper-button-next:hover,.modelTostChile .swiper-button-prev:hover{
    background: var(--theme-color);
}


/* page_contact */

.page_contact_tit .tit{
    font-size: 36px;
    font-family: 'GothicB';
    line-height: 1;
    text-align: center;
}
.page_contact_tit .desc{
    color:#666;
    margin-top: 20px;
    text-align: center;
}
.page_contact_tit .desc strong{
    color: var(--theme-color);
}

.page_contact_img{
    text-align: center;
    margin-top: 30px;
    position: relative;
    width: 1400px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.page_contact_img .map img{
    width: 100%;
}
.page_contact_img .marks{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.page_contact_img .marks .mark{
    position: absolute;
    cursor: pointer;
}
.page_contact_img .marks .mark .mark_ico{
    display: flex;
    align-items: center;
    transition:all .4s;
}
.page_contact_img .marks .mark .mark_ico .ico{
    position: relative;
    z-index: 1;
}
.page_contact_img .marks .mark .mark_ico .ico:after{
    position: absolute;
    left: 2px;
    bottom: -3px;
    background: var(--theme-color);
    border-radius: 50%;
    -webkit-animation: living 3s linear infinite;
    z-index: -1;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
}
@keyframes living{
	0%{transform: scale(1); opacity: 0.6;}
	50%{transform: scale(2);opacity: 0;}
	100%{transform: scale(1);opacity: 0.6;}
}
.page_contact_img .marks .mark .mark_ico .txt{
    font-size: 15px;
    font-family: 'GothicB';
    margin-right: 10px;
    text-transform: uppercase;
}
.page_contact_img .marks .mark_con{
    width: 320px;
    border-radius: 10px;
    background: #fff;
    padding: 30px;
    position: absolute;
    right: 25px;
    top: -20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    text-align: left;
    z-index: 99;
    transition:all .3s;
    transform: scale(0);
}
.page_contact_img .marks .mark_con .tit{
    font-size: 18px;
    font-family: 'GothicB';
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 1;
}
.page_contact_img .marks .mark1{
    right: 21%;
    top: 56%;
}
.page_contact_img .marks .mark2{
    right: 11%;
    top: 78%;
}
.page_contact_img .marks .mark3{
    right: 45%;
    top: 65%;
}

.page_contact_img .marks .mark4{
    right: 38%;
    top: 52%;
}
.page_contact_img .marks .mark5{
    left: 13%;
    top: 37%;
}
.page_contact_img .marks .mark6{
    right: 44%;
    top: 34%;
}
.page_contact_img .marks .mark8{
    right: 51%;
    top: 30%;
}
.page_contact_img .marks .mark7{
    right: 15%;
    top: 34%;
}
.page_contact_img .marks .mark5 .mark_con{
    left: 115px;
    top: -20px;
}
.page_contact_img .marks .mark:hover .mark_con{
    transform: scale(1);
}
.page_contact_img .marks .mark:hover .mark_ico{
    transform: translateY(-5px);
}

.page_contact_img .marks .mark_con a:hover{
    text-decoration: underline;
    color:var(--theme-color);
}

.page_contact_list{
    margin: 0 -80px;
    align-items: stretch;
}
.page_contact_list .item{
    width: 33.333%;
    padding:40px 80px;
    display: flex;
    flex-direction: column;
}
.page_contact_list .item h4{
    font-size: 18px;
    font-family: 'GothicB';
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    position: relative;
    padding-left:30px;
    margin-bottom: 20px;
}
.page_contact_list .item h4:before{
    content:'';
    background: url("../image/contact_ico1.png") no-repeat left center;
    position: absolute;
    left: 0;
    width: 18px;
    height: 22px;
    display: block;
    top: 5px;
}
.page_contact_list .item h4:after{
    content:'';
    width: 25px;
    height: 2px;
    background: var(--theme-color);
    position:absolute;
    left: 0;
    bottom:-1px;
}
.page_contact_list .item h5{
    font-family: 'GothicB';
}
.page_contact_list .item p{
    color:#666;
}
.page_contact_list .item p.contact_email{
    color:#2f3f55;
    font-weight: 500;
}
.page_contact_list .item p.contact_email + a{
    margin-top: auto;
}
.page_contact_list .item p.contact_inquiry_desc{
    margin-bottom: 18px;
}
.page_contact_list .item a{
    min-height: 42px;
    padding: 0 20px 0 40px;
    display: inline-flex;
    align-items: center;
    margin-top: auto;
    align-self: flex-start;
    background: url("../image/contact_ico2.png") no-repeat left 20px center #333;
    font-size: 14px;
    border-radius: 100px;
    color:#fff;
    font-weight: 500;
    transition:all .5s;
}
.page_contact_list .item a:hover{
    padding-right: 30px;
    color:#fff;
}

/* page_equ_panel1 */

.page_equ_panel1_wrap{
    background: #f5f5f5;
}
.page_equ_panel1 .desc{
    font-size:18px;
    margin:35px 0;
}
.page_equ_panel1 .list{
    margin:0 -34px;
    padding-bottom: 80px;
}
.page_equ_panel1 .list .item{
    flex:1;
    padding:0 34px;
}
.page_equ_panel1 .list .item .img img{
    border-radius: 30px;
}
.page_equ_panel1 .list .item .tit{
    font-size:18px;
    text-align: center;
    padding-top: 15px;
}

.page_equ_panel2_wrap{
    padding-bottom: 80px;
}
.page_equ_panel2_con{
    padding:40px 0 20px 0;
    position: relative;
}
.page_equ_panel2_con .item img{
    border-radius: 20px;
}

/* page_solution */

.page_solution_list{
    padding: 0 7%;
    width: 100%;
}
.page_solution_list .item{
    display: flex;
    position:relative;
    margin-bottom: 88px;
}
.page_solution_list .item:last-child{
    margin-bottom: 0;
}
.page_solution_list .item .item_img{
    width: 60%;
    border-radius: 0 20px 0 0;
}
.page_solution_list .item .item_con{
    position: absolute;
    background: #f5f7f5;
    width: 50%;
    right: 0;
    bottom: 0;
    height: 80%;
    border-radius:20px 0 0 0;
    padding: 80px;
}
.page_solution_list .item .item_con .tit{
    font-size:36px;
    font-family: 'PoppinsSemiBold';
    color:#333;
    line-height: 1.2;
}
.page_solution_list .item .item_con .desc{
    margin:30px 0 50px;
}
.page_solution_list .item .item_con .pub_btn1{
    height: 45px;
    line-height: 45px;
    font-size:14px;
}
.page_solution_list .item:nth-child(2n){
    flex-direction:row-reverse;
}
.page_solution_list .item:nth-child(2n) .item_img{
    border-radius: 20px 0 0 0;
}
.page_solution_list .item:nth-child(2n) .item_con{
    left: 0;
    right: auto;
    border-radius: 0 20px 0 0;
}


/* page_jteam_wrap */

.page_jteam_wrap{
    background: url("../image/j_bg3.jpg") no-repeat center;
    padding: 80px 0;
}
.page_jteam_tit{
    font-size: 40px;
    font-family: 'GothicB';
    color:#fff;
}
.page_jteam_list{
    position: relative;
    overflow: hidden;
    padding: 120px 0 80px;
}
.page_jteam_list .item .item_img{
    border: 2px solid var(--theme-color);
    border-radius: 50%;
    width: 114px;
    height: 114px;
}
.page_jteam_list .item .item_img img{
    width: 100%;
}
.page_jteam_list .item .item_con{
    flex:1;
    min-width: 0;
    padding-left:40px;
    color:#fff;
}
.page_jteam_list .item .item_con .tit{
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'GothicB';
    margin-bottom: 10px;
}
.page_jteam_list .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
}
.page_jteam_list .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--theme-color);
}

/* page_solution_detail */

.page_solution_detail .content{
    font-size:18px;
    color:#333;
}

/* page_paygo */

.page_paygo .panel1 .content{
    font-size:18px;
    color:#333;
}
.page_paygo .panel2{
    padding:0 7%;
}
.page_paygo .panel2 .list .item .img{
    display: flex;
    justify-content: center;
}
.page_paygo .panel2 .list .item .con{
    border-bottom: 1px solid #bbb;
    padding:50px 0;
    margin-left: 60px;
    flex:1;
    min-width: 0;
}
.page_paygo .panel2 .list .item .con h4{
    font-size:28px;
    font-family: 'PoppinsSemiBold';
    color:#333;
    margin-bottom:10px;
}
.page_paygo .panel2 .list .item .con p{
    font-size:18px;
}

.page_paygo .panel3{
    padding: 80px 7% 0;
}
.page_paygo .panel3 table{
    width: 100%;
}
.page_paygo .panel3 table tr{
    height: 60px!important;
    background: #f5f7f5;
}
.page_paygo .panel3 table tr:nth-child(2n){
    background: #fff;
}
.page_paygo .panel3 table tr td{
    padding:0 30px;
}
.page_paygo .panel3 table tr td:first-child{
    width: 25%;
}
.page_paygo .panel3 table tr:first-child td{
    color:#fff;
    font-family: 'PoppinsMedium';
}
.page_paygo .panel4 .list{
    padding:20px 0 80px;
}
.page_paygo .panel4 .list .item_wrap{
    padding: 0 20px;
}
.page_paygo .panel4 .list .item{
    text-align: center;
    border-bottom: 1px solid #bbb;
    padding:0 10px 40px;
}
.page_paygo .panel4 .list .item .con{
    font-size:18px;
    color:#333;
    padding-top:30px;
    height: 116px;
}


/* return */

.return_page{
    margin-top: 60px;
    position: relative;
}
.return_page i{
    color:var(--theme-color);
    font-size:18px;
    margin-right: 6px;
}
.return_page a:hover{
    text-decoration: underline;
    color:var(--theme-color);
}
.page_news_detail .return_page a:hover{
    text-decoration: none;
    color: var(--theme-color);
}

.ind_pad{
    padding:80px 0 90px;
}
.info_ly{background: #fff;padding-left: 4%;padding-right: 4%;display: flow-root;}
.info_ly h2{text-align: center;margin-bottom: 20px;}
.info_ly .inp{width: 49.3%;height: 52px;line-height: 52px;background: #f6f6f6;display: block;float: left;margin-bottom: 16px;text-indent: 22px;}
.info_ly .inp:nth-child(2n){float: right;}
.info_ly .inp2{width: 100%;}
.info_ly textarea{height: 150px;background: #f6f6f6;text-indent: 22px;padding-top: 16px;width: 100%;display: block;}
.info_ly .sub{height: 52px;line-height: 52px;background:var(--theme-color);width: 100%;text-align: center;color: #fff;display: block;margin-top: 16px;text-transform: uppercase;border:none;cursor:pointer;}

/* zhenglong client-driven refresh */

.header{
    background: transparent;
    box-shadow: none;
}
.header:hover,
.header.header_on{
    background: rgba(255,255,255,0.96);
    box-shadow: 0 12px 32px rgba(8, 35, 56, 0.18);
    border-bottom-color: rgba(18, 61, 107, 0.12);
}
.header_top{
    border-bottom-color: rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.92);
}
.header:hover .header_top,
.header.header_on .header_top{
    color: rgba(18, 61, 107, 0.82);
    border-bottom-color: rgba(18, 61, 107, 0.12);
}
.header_top .info_hd,
.header_top .info_hd a{
    color:#fff !important;
}
.header:hover .header_top .info_hd,
.header.header_on .header_top .info_hd,
.header:hover .header_top .info_hd a,
.header.header_on .header_top .info_hd a{
    color:#333 !important;
}
.header:hover .nav .nav_li .nav1 a,
.header.header_on .nav .nav_li .nav1 a,
.header:hover .header_top a,
.header.header_on .header_top a,
.header:hover .follow_list a,
.header.header_on .follow_list a{
    color: var(--deep-navy);
}
.header_top a:hover,
.nav .nav1 a:hover,
.follow_list a:hover,
.footer a:hover{
    color: var(--subtheme-color);
}
.header_top .info_bd .search,
.header_top .info_bd .search i,
.header_top .info_bd .search:hover,
.header_top .info_bd .search:hover i,
.header_top .info_bd .language .lang,
.header_top .info_bd .language .lang:hover,
.header_top .info_bd .language .lang span,
.header_top .info_bd .language .lang i,
.header_top .info_bd .language .lang:hover i,
.header_top .follow_list a,
.header_top .follow_list a i{
    color: #fff !important;
}
.header:hover .header_top .info_bd .search,
.header:hover .header_top .info_bd .search i,
.header.header_on .header_top .info_bd .search,
.header.header_on .header_top .info_bd .search i,
.header:hover .header_top .follow_list a,
.header:hover .header_top .follow_list a i,
.header.header_on .header_top .follow_list a,
.header.header_on .header_top .follow_list a i{
    color: var(--deep-navy) !important;
}
.header:hover .header_top .info_bd .language .lang,
.header.header_on .header_top .info_bd .language .lang{
    background: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}
.header:hover .header_top .info_bd .language .lang,
.header:hover .header_top .info_bd .language .lang span,
.header:hover .header_top .info_bd .language .lang i,
.header.header_on .header_top .info_bd .language .lang,
.header.header_on .header_top .info_bd .language .lang span,
.header.header_on .header_top .info_bd .language .lang i{
    color: #fff !important;
}
.header:hover .header_top .info_bd .language .lang_box:hover .lang,
.header:hover .header_top .info_bd .language .lang_box:focus-within .lang,
.header.header_on .header_top .info_bd .language .lang_box:hover .lang,
.header.header_on .header_top .info_bd .language .lang_box:focus-within .lang,
.header:hover .header_top .info_bd .language .lang_box:hover .lang span,
.header:hover .header_top .info_bd .language .lang_box:focus-within .lang span,
.header.header_on .header_top .info_bd .language .lang_box:hover .lang span,
.header.header_on .header_top .info_bd .language .lang_box:focus-within .lang span,
.header:hover .header_top .info_bd .language .lang_box:hover .lang i,
.header:hover .header_top .info_bd .language .lang_box:focus-within .lang i,
.header.header_on .header_top .info_bd .language .lang_box:hover .lang i,
.header.header_on .header_top .info_bd .language .lang_box:focus-within .lang i{
    color:#fff !important;
}
.header_wrap{
    min-height: 96px;
}
.header_wrap .brand_copy{
    color:#fff;
    margin-left: 26px;
    margin-right: 24px;
    width: 380px;
    max-width: 380px;
    flex-shrink: 0;
}
.header:hover .header_wrap .brand_copy,
.header.header_on .header_wrap .brand_copy{
    color: var(--deep-navy);
}
.header_wrap .brand_copy .eyebrow{
    font-size: 16px;
    letter-spacing: 0.6px;
    color: rgba(255,255,255,0.96);
    line-height: 1.35;
    white-space: nowrap;
}
.header:hover .header_wrap .brand_copy .eyebrow,
.header.header_on .header_wrap .brand_copy .eyebrow{
    color: rgba(18, 61, 107, 0.88);
}
.header_wrap .brand_copy .title{
    font-size: 15px;
    line-height: 1.45;
    font-family:'GothicB';
    margin-top: 6px;
    white-space: nowrap;
    color: rgba(255,255,255,0.9);
}
.header:hover .header_wrap .brand_copy .title,
.header.header_on .header_wrap .brand_copy .title{
    color: rgba(18, 61, 107, 0.76);
}
.header:hover .logo .img1,
.header.header_on .logo .img1{
    display: none;
}
.header:hover .logo .img2,
.header.header_on .logo .img2{
    display: block;
}
.nav_btn,
.new_more,
.j_btn_style1 a,
.page_product_list .item .btns a,
.page_suggested_products .item .con .btns a,
.footer_message .button button,
.info_ly .sub{
    background: var(--subtheme-color)!important;
    border-color: var(--subtheme-color)!important;
    color:#fff!important;
}
.header:hover .nav_btn,
.header.header_on .nav_btn{
    background: var(--subtheme-color)!important;
    color:#fff!important;
}
.banner .new_more{
    width: auto;
    min-width: 260px;
    min-height: 34px;
    padding-left: 48px;
    justify-content: flex-start;
    background: transparent !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: none;
}
.banner .new_more .ico{
    position: absolute;
    left: 0;
    top: 0;
}
.banner .new_more .ico i{
    color: #fff;
    transition: color .4s ease;
}
.banner .new_more span{
    color: #fff !important;
    letter-spacing: .08em;
}
.banner .new_more:hover{
    background: transparent !important;
    border-color: transparent !important;
}
.banner .new_more:hover:after{
    transform: rotate(0deg) scale(1.08);
    background: var(--theme-color);
}
.banner .new_more:hover .ico i{
    color: #fff;
}
.banner .new_more:hover span{
    color: #fff !important;
    margin-left: 10px;
    text-decoration: underline;
}
.page_product_list .item .btns .btn2,
.page_suggested_products .item .con .btns .btn2{
    background: transparent!important;
    color: var(--theme-color)!important;
    border:1px solid rgba(18, 61, 107, 0.26)!important;
}
.page_product_list .item .btns .btn2:hover,
.page_suggested_products .item .con .btns .btn2:hover{
    background: var(--theme-color)!important;
    color:#fff!important;
}
.footer_message .tit,
.page_contact_tit .tit,
.page_news_detail_hd h1,
.page_product_banner_con .content_img .info .tit,
.zl_sec_head h2,
.zl_panel_tit,
.zl_map_title,
.zl_product_detail .detail_block h3,
.zl_news_intro h2{
    color: var(--deep-navy);
}
.footer_message_wrap{
    background: transparent;
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
}
.footer_message{
    color:#333;
}
.footer_message .desc{
    color:#666;
}
.footer_message .input input,
.footer_message .input textarea{
    color:#333;
}
.footer_message .input input,
.footer_message .input textarea{
    background: transparent;
    border: none;
    border-bottom: 1px solid #bbb;
}
.footer_message .input input::placeholder,
.footer_message .input textarea::placeholder{
    color: #999;
}
.footer_message .pboot-code-row{
    align-items: flex-end;
}
.footer_message .code_img{
    width: 122px;
    flex: 0 0 122px;
    padding: 0 10px 10px;
}
.footer_message .code_img img{
    width: 100%;
    height: 50px;
    display: block;
    background: #fff;
}
.footer{
    background: #10283d;
    color: rgba(255,255,255,0.85);
    padding-top: 60px;
}
.footer .footer_con{
    align-items: flex-start;
}
.footer .footer_menu .item h4,
.footer .footer_share h4{
    color:#fff;
}
.footer .footer_menu .item h4{
    font-family:'GothicB';
    margin-bottom: 18px;
    font-size: 18px;
}
.footer .footer_menu .item h5{
    color: rgba(255,255,255,0.72);
    margin-bottom: 10px;
}
.footer .footer_menu_sort33 .item h4{
    margin-bottom: 20px;
}
.footer .footer_menu_sort33 .item h5{
    margin-bottom: 0;
}
.footer_share{
    border-top: 1px solid rgba(255,255,255,0.1);
}
.footer_copyright{
    border-top: 1px solid rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.58);
}
.zl_home_intro,
.zl_home_products,
.zl_home_scenarios,
.zl_home_sales,
.zl_home_about,
.zl_home_projects,
.zl_news_intro{
    padding: 100px 0;
}
.zl_home_intro .intro_shell,
.zl_home_scenarios .scenario_shell,
.zl_home_sales .sales_shell,
.zl_home_about .about_shell,
.zl_news_intro .news_shell{
    background:#fff;
    border-radius: 28px;
    box-shadow: 0 18px 45px rgba(15, 44, 67, 0.08);
    padding: 60px;
}
.zl_sec_head{
    display:flex;
    justify-content: space-between;
    gap: 40px;
    align-items: flex-end;
    margin-bottom: 42px;
}
.zl_sec_head .eyebrow{
    display:inline-block;
    margin-bottom: 10px;
    color: var(--subtheme-color);
    letter-spacing: 1.8px;
    font-size: 13px;
    text-transform: uppercase;
    font-family:'GothicB';
}
.zl_sec_head h2{
    font-size: 40px;
    line-height: 1.25;
    font-family:'GothicB';
}
.zl_sec_head p{
    color: var(--steel-gray);
    max-width: 620px;
}
.zl_intro_grid,
.zl_capability_grid,
.zl_application_grid,
.zl_sales_cards,
.zl_about_stats,
.zl_project_grid,
.zl_product_notes,
.zl_contact_cards,
.zl_message_points,
.zl_feature_grid,
.zl_application_tags,
.zl_news_value{
    display:grid;
    gap: 24px;
}
.zl_intro_grid{
    grid-template-columns: 1.3fr 1fr;
    align-items: stretch;
}
.zl_intro_main{
    background: var(--theme-color);
    color:#fff;
    border-radius: 26px;
    padding: 46px;
}
.zl_intro_main h1{
    font-size: 48px;
    line-height: 1.15;
    font-family:'GothicB';
    margin-bottom: 18px;
}
.zl_intro_main p{
    color: rgba(255,255,255,0.82);
    max-width: 760px;
}
.zl_intro_side{
    display:grid;
    gap: 20px;
}
.zl_info_card,
.zl_capability_card,
.zl_application_card,
.zl_sales_card,
.zl_about_stat,
.zl_project_card,
.zl_product_note,
.zl_contact_card,
.zl_message_point,
.zl_feature_card{
    background:#fff;
    border:1px solid #dfe8ef;
    border-radius: 22px;
    padding: 28px;
}
.zl_info_card{
    background:#eff5fa;
    border-color:#d7e5f0;
}
.zl_info_card h3,
.zl_capability_card h3,
.zl_application_card h3,
.zl_sales_card h3,
.zl_project_card h3,
.zl_contact_card h3,
.zl_feature_card h3{
    color: var(--deep-navy);
    font-size: 22px;
    font-family:'GothicB';
    margin-bottom: 10px;
}
.zl_info_card p,
.zl_capability_card p,
.zl_application_card p,
.zl_sales_card p,
.zl_project_card p,
.zl_contact_card p,
.zl_feature_card p,
.zl_product_note p,
.zl_message_point p{
    color: var(--steel-gray);
}
.zl_capability_grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.zl_capability_card{
    position: relative;
    overflow: hidden;
}
.zl_capability_card .num,
.zl_product_note .num{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(242, 140, 40, 0.14);
    color: var(--subtheme-color);
    font-family:'GothicB';
    margin-bottom: 16px;
}
.zl_product_shell{
    padding: 0 0 80px;
}
.zl_product_block{
    background:#fff;
    border-radius: 28px;
    box-shadow: 0 18px 45px rgba(15, 44, 67, 0.08);
    padding: 60px;
    margin-bottom: 34px;
}
.zl_product_block:last-child{
    margin-bottom: 0;
}
.zl_product_meta{
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin-bottom: 36px;
}
.zl_product_meta h3{
    font-size: 34px;
    color: var(--deep-navy);
    font-family:'GothicB';
}
.zl_product_meta p{
    color: var(--steel-gray);
    max-width: 760px;
}
.zl_product_cards{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}
.zl_product_cards .item{
    width: auto;
}
.zl_product_cards .item_w{
    border-radius: 24px;
    overflow: hidden;
    border:1px solid #e3ebf2;
    background:#fff;
    min-height: 100%;
    box-shadow: 0 14px 32px rgba(14, 45, 69, 0.08);
}
.zl_product_cards .item_con{
    padding: 24px;
}
.zl_product_cards .item_con .category{
    display:inline-block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--subtheme-color);
    font-family:'GothicB';
    margin-bottom: 10px;
}
.zl_product_cards .item_con .tit{
    font-size: 22px;
    color: var(--deep-navy);
    font-family:'GothicB';
}
.zl_product_cards .item_con .desc{
    color: var(--steel-gray);
    min-height: 84px;
    margin: 14px 0 24px;
}
.zl_application_grid{
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.zl_application_card{
    background: #f5f9fc;
}
.zl_application_card .tag{
    display:inline-block;
    margin-top: 14px;
    color: var(--subtheme-color);
    font-size: 13px;
    font-family:'GothicB';
}
.zl_sales_top{
    display:grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 28px;
    margin-top: 38px;
}
.zl_sales_map{
    background: var(--deep-navy);
    border-radius: 28px;
    min-height: 420px;
    padding: 40px;
    color:#fff;
    position: relative;
    overflow:hidden;
}
.zl_sales_map:before,
.zl_sales_map:after{
    content:"";
    position:absolute;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
}
.zl_sales_map:before{
    width: 260px;
    height: 260px;
    right: -60px;
    top: -70px;
}
.zl_sales_map:after{
    width: 180px;
    height: 180px;
    left: -50px;
    bottom: -60px;
}
.zl_map_title{
    font-size: 34px;
    color:#fff;
    font-family:'GothicB';
    position: relative;
    z-index: 1;
}
.zl_map_desc{
    color: rgba(255,255,255,0.78);
    max-width: 520px;
    position: relative;
    z-index: 1;
    margin-top: 12px;
}
.zl_map_markers{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    position: relative;
    z-index: 1;
    margin-top: 34px;
}
.zl_map_marker{
    background: rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.12);
    border-radius: 18px;
    padding: 18px 20px;
}
.zl_map_marker strong{
    display:block;
    margin-bottom: 6px;
}
.zl_sales_cards{
    grid-template-columns: 1fr;
}
.zl_sales_card ul,
.zl_product_note ul,
.zl_contact_card ul,
.zl_message_point ul,
.zl_feature_card ul{
    margin-top: 14px;
}
.zl_sales_card li,
.zl_product_note li,
.zl_contact_card li,
.zl_message_point li,
.zl_feature_card li{
    color: var(--steel-gray);
    margin-bottom: 8px;
    position: relative;
    padding-left: 16px;
}
.zl_sales_card li:before,
.zl_product_note li:before,
.zl_contact_card li:before,
.zl_message_point li:before,
.zl_feature_card li:before{
    content:"";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--subtheme-color);
    position:absolute;
    left: 0;
    top: 12px;
}
.zl_about_grid{
    display:grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 32px;
}
.zl_about_copy p + p{
    margin-top: 16px;
}
.zl_about_copy p{
    color: var(--steel-gray);
}
.zl_about_stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.zl_about_stat{
    background: #eff5fa;
    border-color:#dbe7f0;
}
.zl_about_stat .num{
    font-size: 40px;
    color: var(--deep-navy);
    font-family:'GothicB';
}
.zl_about_stat .label{
    color: var(--subtheme-color);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 12px;
    font-family:'GothicB';
}
.zl_project_grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.zl_project_card{
    background: #f5f9fc;
}
.zl_project_card .meta{
    display:inline-block;
    font-size: 12px;
    letter-spacing: 1.2px;
    color: var(--subtheme-color);
    text-transform: uppercase;
    margin-bottom: 12px;
}
.zl_product_notes{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 36px;
}
.zl_news_intro .news_shell{
    padding-bottom: 24px;
}
.zl_news_value{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 36px;
    margin-bottom: 44px;
}
.zl_news_value .zl_info_card{
    background:#f6f9fc;
}
.zl_news_wrap .news_con .item{
    border-radius: 24px;
    overflow:hidden;
    box-shadow: 0 16px 36px rgba(14, 45, 69, 0.08);
    background:#fff;
}
.zl_news_wrap .news_con .item .item_con{
    padding: 24px 26px;
}
.zl_news_wrap .news_con .item .time{
    color: var(--subtheme-color);
    font-family:'GothicB';
}
.zl_page_intro,
.zl_product_detail,
.zl_contact_section,
.zl_message_section,
.zl_news_listing{
    background:#fff;
    border-radius: 28px;
    box-shadow: 0 18px 45px rgba(15, 44, 67, 0.08);
    padding: 60px 0 0;
    margin-top: 60px;
}
.zl_page_intro .intro_row{
    display:grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 34px;
    align-items: center;
}
.zl_page_intro .cover img{
    border-radius: 24px;
    width:100%;
}
.zl_page_intro .copy h1,
.zl_page_intro .copy h2{
    font-size: 36px;
    line-height: 1.2;
    color: var(--deep-navy);
    font-family:'GothicB';
    margin-bottom: 14px;
}
.zl_page_intro .copy p{
    color: var(--steel-gray);
}
.zl_page_intro .copy .mini{
    display:inline-block;
    margin-bottom: 10px;
    color: var(--subtheme-color);
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-size: 13px;
}
.zl_product_note{
    background:#f6f9fc;
}
.zl_product_detail .detail_grid{
    display:grid;
    grid-template-columns: 1.08fr 0.92fr;
    gap: 34px;
}
.zl_product_detail .detail_block{
    padding: 34px 0;
    border-bottom: 1px solid #e1eaf1;
}
.zl_product_detail .detail_block:first-child{
    padding-top: 0;
}
.zl_product_detail .detail_block:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.zl_product_detail .detail_block h3{
    font-size: 28px;
    line-height: 1.25;
    font-family:'GothicB';
    margin-bottom: 14px;
}
.zl_product_detail .detail_block p{
    color: var(--steel-gray);
}
.zl_product_detail .detail_block .content{
    color: var(--steel-gray);
}
.zl_feature_grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.zl_application_tags{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 24px;
}
.zl_application_tags .tag{
    background:#eff5fa;
    border:1px solid #dce7f0;
    border-radius: 18px;
    padding: 18px 20px;
    color: var(--deep-navy);
    font-family:'GothicB';
}
.zl_cta_bar{
    margin-top: 30px;
    padding: 24px 28px;
    border-radius: 22px;
    background: #eef4f8;
    display:flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
}
.zl_cta_bar p{
    color: var(--steel-gray);
}
.zl_cta_bar .actions{
    display:flex;
    gap: 14px;
    flex-wrap: wrap;
}
.zl_cta_bar .actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height: 48px;
    padding: 0 24px;
    border-radius: 999px;
    font-family:'GothicB';
}
.zl_cta_bar .actions .solid{
    background: var(--subtheme-color);
    color:#fff;
}
.zl_cta_bar .actions .ghost{
    border:1px solid rgba(18, 61, 107, 0.18);
    color: var(--theme-color);
    background:#fff;
}
.zl_contact_cards{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 34px;
}
.zl_contact_card .line{
    display:block;
    margin-top: 12px;
}
.zl_message_section .message_layout{
    display:grid;
    grid-template-columns: 0.82fr 1.18fr;
    gap: 34px;
    align-items: stretch;
}
.zl_message_points{
    grid-template-columns: 1fr;
}
.zl_message_point{
    background:#f6f9fc;
}
.zl_message_section .footer_message_wrap{
    margin-top: 0;
}
.zl_news_listing .page_menu_public{
    margin-top: 34px;
    margin-bottom: 34px;
}
.zl_news_listing .page_menu_public .item a{
    border-radius: 999px;
    border:1px solid #dbe6ee;
    padding: 0 26px;
    background:#fff;
}
.zl_news_listing .page_menu_public .item.cur a,
.zl_news_listing .page_menu_public .item a:hover{
    background: var(--theme-color);
    border-color: var(--theme-color);
    color:#fff;
}
.zl_news_listing .page_latest_news .item{
    border-radius: 0;
    overflow:hidden;
    box-shadow: none;
    border: 1px solid rgba(14, 45, 69, 0.12);
}
.zl_news_listing .page_latest_news .item_img{
    border-radius: 0;
}
.zl_product_listing .page_public_family{
    padding-top: 14px;
}
.zl_product_listing .sort_overview{
    margin-bottom: 36px;
    padding: 34px 36px;
    border: 1px solid #dedede;
    background: #fff;
}
.zl_product_listing .sort_overview_inner{
    display: flex;
    align-items: center;
    gap: 34px;
}
.zl_product_listing .sort_overview_media{
    position: relative;
    width: 46%;
    min-width: 0;
    flex-shrink: 0;
    overflow: hidden;
    background: #f6f9fc;
}
.zl_product_listing .sort_overview_swiper{
    overflow: hidden;
    border: 1px solid #eef2f6;
}
.zl_product_listing .sort_overview_body{
    flex: 1;
    min-width: 0;
}
.zl_product_listing .sort_overview_content{
    color: #4d6170;
    font-size: 16px;
    line-height: 1.9;
}
.zl_product_listing .sort_overview_content p + p{
    margin-top: 10px;
}
.zl_product_listing .sort_overview_content strong{
    color: #3e70b4;
}
.zl_product_listing .sort_overview_swiper .swiper-slide{
    height: auto;
}
.zl_product_listing .sort_overview_swiper .img{
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 4 / 3;
    background: #f6f9fc;
    overflow: hidden;
}
.zl_product_listing .sort_overview_swiper .img img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
.zl_product_listing .sort_overview_prev,
.zl_product_listing .sort_overview_next{
    position: absolute;
    top: 50%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid rgba(18, 61, 107, 0.22);
    background: rgba(255, 255, 255, 0.92);
    color: #3e70b4;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: all .2s ease;
    transform: translateY(-50%);
}
.zl_product_listing .sort_overview_prev:hover,
.zl_product_listing .sort_overview_next:hover{
    border-color: #3e70b4;
    background: #3e70b4;
    color: #fff;
}
.zl_product_listing .sort_overview_prev{
    left: 18px;
}
.zl_product_listing .sort_overview_next{
    right: 18px;
}
.zl_product_listing .sort_overview_prev.swiper-button-disabled,
.zl_product_listing .sort_overview_next.swiper-button-disabled{
    opacity: .35;
    cursor: default;
    pointer-events: none;
}
.zl_product_listing .sort_overview_pagination{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px !important;
    z-index: 3;
    text-align: center;
}
.zl_product_listing .sort_overview_pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    margin: 0 5px !important;
    background: rgba(18, 61, 107, 0.25);
    opacity: 1;
}
.zl_product_listing .sort_overview_pagination .swiper-pagination-bullet-active{
    background: #3e70b4;
}
.zl_product_listing .sort_overview.is-single .sort_overview_prev,
.zl_product_listing .sort_overview.is-single .sort_overview_next,
.zl_product_listing .sort_overview.is-single .sort_overview_pagination{
    display: none;
}
.zl_product_listing .sort_overview.no-images .sort_overview_media{
    display: none;
}
.zl_product_listing .sort_overview.no-images .sort_overview_body{
    width: 100%;
}
.zl_product_listing .sort_overview.no-text .sort_overview_body{
    display: none;
}
.zl_product_listing .sort_overview.no-text .sort_overview_media{
    width: 100%;
}
.zl_product_listing .product_listing_layout{
    align-items: flex-start;
}
.zl_product_listing .page_product_menu{
    position: sticky;
    top: 160px;
}
.zl_product_listing .page_product_menu .bg{
    border: 1px solid #dedede;
    border-radius: 0;
    box-shadow: none;
}
.zl_product_listing .page_product_menu .menu{
    border-radius: 0;
}
.zl_product_listing .page_product_menu .menu_tit{
    font-size: 22px;
    margin-bottom: 6px;
}
.zl_product_listing .page_product_menu .menu_list .item .hd{
    align-items: center;
}
.zl_product_listing .page_product_menu .menu_list .item .hd a{
    line-height: 1.6;
    text-decoration: none;
}
.zl_product_listing .page_product_menu .menu_list .item .hd i{
    margin-left: 16px;
}
.zl_product_listing .page_product_menu .menu_list .item .bd{
    padding-top: 8px;
}
.zl_product_listing .page_product_menu .menu_list .item .bd.open{
    display: block;
}
.zl_product_listing .page_product_menu .menu_list .item .bd a{
    display: block;
    padding-top: 10px;
    text-decoration: none;
    color: #667887;
}
.zl_product_listing .page_product_menu .menu_list .item .bd a.cur{
    color: var(--theme-color);
    font-family: 'GothicB';
}
.zl_product_listing .product_listing_main{
    flex: 1;
    min-width: 0;
}
.zl_product_listing .page_product_list{
    margin-top: 4px;
}
.zl_product_listing .page_product_list .list{
    margin: -14px;
}
.zl_product_listing .page_product_list .item{
    width: 33.333%;
    padding: 14px;
}
.zl_product_listing .page_product_list .item .item_w{
    display: flex;
    flex-direction: column;
    padding: 32px 26px;
    border-radius: 0;
    border-color: #dedede;
}
.zl_product_listing .page_product_list .item .item_img{
    min-height: 0;
    aspect-ratio: 4 / 3;
    background: #f6f9fc;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.zl_product_listing .page_product_list .item .item_img img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    object-fit: contain;
}
.zl_product_listing .page_product_list .item .item_con{
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: 18px;
}
.zl_product_listing .page_product_list .item .item_con .tit{
    min-height: 52px;
    line-height: 1.4;
}
.zl_product_listing .page_product_list .item .item_con .desc{
    margin-top: 8px;
    min-height: 26px;
}
.zl_product_listing .page_product_list .item .item_con .btns{
    margin-top: auto;
    padding-top: 20px;
}
.zl_product_listing .page_product_list .item .item_con .btns a{
    text-transform: none;
}
.zl_product_listing .page_product_list .item .item_con .btns a.btn2{
    border-color: var(--theme-color);
    background: var(--theme-color);
}
.zl_product_listing .page_product_list .item .item_con .btns a.btn2:hover{
    opacity: .88;
}
.zl_product_detail_page .product_detail_layout{
    display: flex;
    align-items: flex-start;
    padding-top: 70px;
    gap: 34px;
}
.zl_product_detail_page .pd_detail > .wrapper,
.zl_product_detail_page > .wrapper{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.zl_product_detail_page .page_product_menu{
    position: sticky;
    top: 160px;
    width: 230px;
    flex: none;
    margin-right: 0;
}
.zl_product_detail_page .page_product_menu .bg{
    border: 1px solid #dedede;
    border-radius: 0;
    box-shadow: none;
}
.zl_product_detail_page .page_product_menu .menu{
    border-radius: 0;
}
.zl_product_detail_page .page_product_menu .menu_tit{
    font-size: 22px;
    margin-bottom: 6px;
}
.zl_product_detail_page .page_product_menu .menu_list .item .hd{
    align-items: center;
}
.zl_product_detail_page .page_product_menu .menu_list .item .hd a{
    line-height: 1.6;
    text-decoration: none;
}
.zl_product_detail_page .page_product_menu .menu_list .item .hd i{
    margin-left: 16px;
}
.zl_product_detail_page .page_product_menu .menu_list .item .bd{
    padding-top: 8px;
}
.zl_product_detail_page .page_product_menu .menu_list .item .bd.open{
    display: block;
}
.zl_product_detail_page .page_product_menu .menu_list .item .bd a{
    display: block;
    padding-top: 10px;
    text-decoration: none;
    color: #667887;
}
.zl_product_detail_page .page_product_menu .menu_list .item .bd a.cur{
    color: var(--theme-color);
    font-family: 'GothicB';
}
.zl_product_detail_page .product_detail_main{
    flex: 1;
    min-width: 0;
}
.zl_product_detail_page .product_detail_main .j_pdinal{
    display: block;
    margin-left: 0;
    padding-top: 72px;
}
.zl_product_detail_page .pd_detail{
    background: #fff;
}
.zl_product_detail_page .pd_detail_hd{
    padding-top: 0;
}
.zl_product_detail_page .pd_detail_hd .pd_detail_head_main{
    display: grid;
    grid-template-columns: 420px 420px;
    align-items: start;
    justify-content: start;
    gap: 32px;
}
.zl_product_detail_page .pd_detail_hd .infos{
    width: 420px;
    min-width: 0;
    display: block;
    padding-top: 0;
}
.zl_product_detail_page .pd_detail_hd .infos .infos_hd{
    padding-bottom: 14px;
}
.zl_product_detail_page .pd_detail_hd .infos h1{
    line-height: 1.2;
    font-size: 36px;
    white-space: nowrap;
}
.zl_product_detail_page .pd_detail_hd .infos .params{
    margin-top: 18px;
    display: block;
}
.zl_product_detail_page .pd_detail_hd .infos .params p{
    margin-bottom: 0;
    padding: 0 0 12px;
    border-bottom: 1px solid #dedede;
    background: none !important;
}
.zl_product_detail_page .pd_detail_hd .infos .params p + p{
    margin-top: 12px;
}
.zl_product_detail_page .pd_detail_hd .infos .btns{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 24px;
}
.zl_product_detail_page .pd_detail_hd .infos .btns .btn{
    text-transform: none;
    width: 190px;
    min-width: 190px;
    flex: none;
    justify-content: center;
    color: #fff;
}
.zl_product_detail_page .pd_detail_hd .infos .btns .btn.btn2{
    background: #1f4b73;
    border-color: #1f4b73;
    color: #fff;
}
.zl_product_detail_page .pd_detail_hd .infos .btns .btn.btn2:hover{
    background: var(--theme-color);
    border-color: var(--theme-color);
}
.zl_product_detail_page .pd_detail_hd .pics{
    width: 100%;
    max-width: none;
}
.zl_product_detail_page .pd_detail_hd .pics .mySwiper2{
    background: #fff;
    border-radius: 0;
    border: 1px solid #dedede;
}
.zl_product_detail_page .pd_detail_hd .pics .mySwiper2 .img{
    min-height: 0;
    aspect-ratio: 16 / 9;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zl_product_detail_page .pd_detail_hd .pics .mySwiper2 .img img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}
.zl_product_detail_page .pd_detail_hd .pics .mySwiper1_w{
    width: 100%;
    padding: 18px 48px 0;
}
.zl_product_detail_page .pd_detail_hd .pics .mySwiper{
    margin-top: 0;
}
.zl_product_detail_page .pd_detail_hd .pics .mySwiper .swiper-slide .img{
    height: 96px;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 12px;
    background: #fff;
}
.zl_product_detail_page .pd_detail_hd .pics .mySwiper .swiper-slide.swiper-slide-thumb-active .img{
    border: 1px solid var(--theme-color);
}
.zl_product_detail_page .pd_detail_hd .pics .mySwiper1_w .swiper-button-next,
.zl_product_detail_page .pd_detail_hd .pics .mySwiper1_w .swiper-button-prev{
    width: 34px;
    height: 34px;
    top: 66px;
    bottom: auto;
    left: 0;
    background: #11324b;
    color: #fff;
    border-radius: 50%;
}
.zl_product_detail_page .pd_detail_hd .pics .mySwiper1_w .swiper-button-next{
    left: auto;
    right: 0;
}
.zl_product_detail_page .pd_detail_hd .pics .mySwiper1_w .swiper-button-next:after,
.zl_product_detail_page .pd_detail_hd .pics .mySwiper1_w .swiper-button-prev:after{
    transform: none;
    font-size: 12px;
}
.zl_product_detail_page .pd_detail_hd .pics .mySwiper1_w .swiper-button-next:hover,
.zl_product_detail_page .pd_detail_hd .pics .mySwiper1_w .swiper-button-prev:hover{
    background: var(--theme-color);
}
.zl_product_detail_page .product_highlight_content p{
    line-height: 1.9;
    color: #5f6f7d;
    margin-bottom: 14px;
}
.zl_product_detail_page .product_detail_intro_bd{
    padding-top: 0;
}
.zl_product_detail_page .product_detail_intro_bd .item{
    display: block;
    overflow: visible;
}
.zl_product_detail_page .product_detail_intro_bd .item table{
    width: 100% !important;
    table-layout: auto;
}
.zl_product_detail_page .product_detail_intro_bd .item table tr td{
    text-align: left;
}
.zl_product_detail_page .product_detail_intro_bd .item img{
    max-width: min(100%, 900px);
    height: auto;
    display: block;
    margin: 26px auto;
}
.zl_product_detail_page .pd_detail_intro6 .page_product_list{
    margin-top: 8px;
}
.zl_product_detail_page .pd_detail_intro6 .page_product_list .item{
    width: 33.333%;
}
.zl_product_detail_page .pd_detail_intro6 .page_product_list .item .item_w{
    padding: 28px 22px;
}
.zl_product_detail_page .pd_detail_intro6 .page_product_list .item .item_img{
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.zl_product_detail_page .pd_detail_intro6 .page_product_list .item .item_img img{
    max-width: 100%;
    max-height: 180px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: inline-block;
}
.zl_product_detail_page .pd_detail_intro6 .page_product_list .item .item_con .btns a{
    text-transform: none;
}
@media screen and (max-width: 1199px){
    .zl_product_listing .page_product_menu{
        width: 260px;
        margin-right: 24px;
        top: 130px;
    }
    .zl_product_listing .page_product_list .item{
        width: 50%;
    }
    .zl_product_detail_page .pd_detail_hd .infos .params{
        grid-template-columns: 1fr;
    }
    .zl_product_detail_page .product_detail_layout{
        gap: 24px;
    }
    .zl_product_detail_page .page_product_menu{
        width: 220px;
        flex: none;
        margin-right: 0;
        top: 130px;
    }
    .zl_product_detail_page .pd_detail_hd .pd_detail_head_main{
        grid-template-columns: 300px minmax(0, 1fr);
        gap: 24px;
        justify-content: stretch;
    }
    .zl_product_detail_page .pd_detail_hd .pics{
        width: 100%;
        margin-bottom: 0;
    }
    .zl_product_detail_page .pd_detail_hd .infos{
        width: auto;
    }
    .zl_product_detail_page .pd_detail_intro6 .page_product_list .item{
        width: 50%;
    }
    .zl_news_listing .page_news_list .item{
        width: calc((100% - 24px) / 2);
    }
}
@media screen and (max-width: 767px){
    .zl_product_listing .page_public_family{
        padding-top: 20px;
    }
    .zl_product_listing .product_listing_layout{
        display: block;
    }
    .zl_product_listing .page_product_menu{
        position: static;
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .zl_product_listing .page_product_menu .bg{
        padding: 22px 18px;
    }
    .zl_product_listing .page_product_menu .menu_tit{
        font-size: 20px;
    }
    .zl_product_listing .page_product_list .list{
        margin: -8px;
    }
    .zl_product_listing .page_product_list .item{
        width: 50%;
        padding: 8px;
    }
    .zl_product_listing .page_product_list .item .item_w{
        padding: 18px 16px;
    }
    .zl_product_listing .page_product_list .item .item_img{
        aspect-ratio: 1 / 1;
    }
    .zl_product_listing .page_product_list .item .item_con{
        margin-top: 14px;
    }
    .zl_product_listing .page_product_list .item .item_con .tit{
        min-height: 0;
        font-size: 16px;
    }
    .zl_product_listing .page_product_list .item .item_con .desc{
        display: none;
        font-size: 13px;
    }
    .zl_product_listing .page_product_list .item .item_con .btns{
        padding-top: 16px;
    }
    .zl_product_detail_page .product_detail_layout{
        display: block;
        padding-top: 24px;
    }
    .zl_product_detail_page .page_product_menu{
        position: static;
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .zl_product_detail_page .page_product_menu .bg{
        padding: 22px 18px;
    }
    .zl_product_detail_page .page_product_menu .menu_tit{
        font-size: 20px;
    }
    .zl_product_detail_page .pd_detail_hd .infos h1{
        font-size: 28px;
        white-space: normal;
    }
    .zl_product_detail_page .pd_detail_hd .pd_detail_head_main{
        display: block;
    }
    .zl_product_detail_page .pd_detail_hd .pics{
        width: 100%;
        margin-bottom: 24px;
    }
    .zl_product_detail_page .pd_detail_hd .pics .mySwiper2{
        border-radius: 0;
    }
    .zl_product_detail_page .pd_detail_hd .pics .mySwiper2 .img{
        aspect-ratio: 16 / 9;
        min-height: 0;
        padding: 16px;
    }
    .zl_product_detail_page .pd_detail_hd .pics .mySwiper1_w{
        padding: 14px 36px 0;
    }
    .zl_product_detail_page .pd_detail_hd .pics .mySwiper .swiper-slide .img{
        height: 72px;
        border-radius: 8px;
    }
    .zl_product_detail_page .pd_detail_hd .pics .mySwiper1_w .swiper-button-next,
    .zl_product_detail_page .pd_detail_hd .pics .mySwiper1_w .swiper-button-prev{
        top: 46px;
        width: 28px;
        height: 28px;
    }
    .zl_product_detail_page .pd_detail_hd .infos .btns{
        display: flex;
        gap: 12px;
    }
    .zl_product_detail_page .pd_detail_hd .infos .btns .btn{
        width: auto;
        min-width: 0;
        flex: 1;
    }
    .zl_product_detail_page .product_detail_main .j_pdinal{
        padding-top: 48px;
    }
    .zl_product_detail_page .product_detail_intro_bd .item img{
        max-width: 100%;
        margin: 20px auto;
    }
    .zl_product_detail_page .pd_detail_intro6 .page_product_list .item{
        width: 50%;
    }
}
.zl_news_listing .news_list.page_news_list{
    margin: 24px -28px 0;
    padding: 28px 28px 34px;
    overflow: visible;
}
.zl_news_listing .page_news_list .list{
    align-items: stretch;
    margin: 0;
    gap: 24px;
}
.zl_news_listing .page_news_list .item{
    width: calc((100% - 72px) / 4);
    position: relative;
    border-radius: 0;
    overflow:hidden;
    background:#fff;
    border: 1px solid rgba(18, 61, 107, 0.14);
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 18px;
    transition: border-color .35s ease, background-color .35s ease;
}
.zl_news_listing .page_news_list .item .item_con{
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 22px 24px 24px;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
    transition: all .45s ease;
}
.zl_news_listing .page_news_list .item .item_img{
    position: relative;
    border-radius: 0;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    box-shadow: none;
}
.zl_news_listing .page_news_list .item .item_img::after{
    content: "";
    display: none;
}
.zl_news_listing .page_news_list .item .item_img img{
    transition: transform .7s ease;
}
.zl_news_listing .page_news_list .item .item_con .time{
    color: var(--subtheme-color);
    font-size: 14px;
    line-height: 1.2;
    font-family: 'GothicB';
}
.zl_news_listing .page_news_list .item .item_con .tit{
    margin-top: 10px;
    font-size: 20px;
    line-height: 1.25;
    color: var(--theme-color);
    font-family: 'GothicB';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    min-height: 3.75em;
}
.zl_news_listing .page_news_list .item .item_con .desc{
    margin: 14px 0 22px;
    color: var(--steel-gray);
    font-size: 15px;
    line-height: 1.75;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-height: 3.5em;
}
.zl_news_listing .page_news_list .item .item_con .btn{
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 38px;
    padding: 0 16px;
    line-height: 1;
    border-radius: 999px;
    border: 1px solid rgba(18, 61, 107, 0.28);
    text-transform: none;
    color: var(--theme-color);
    background: #fff;
}
.zl_news_listing .page_news_list .item .item_con .btn i{
    margin-left: 8px;
    color: inherit;
}
.zl_news_listing .page_news_list .item:hover{
    border-color: rgba(18, 61, 107, 0.42);
    background: #fff;
}
.zl_news_listing .page_news_list .item:hover .item_img img{
    transform: scale(1.08);
}
.zl_news_listing .page_news_list .item:hover .item_con .tit{
    color: var(--theme-color);
    text-decoration: none;
}
.zl_news_listing .page_news_list .item:hover .item_con .btn{
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
@media screen and (max-width: 767px){
    .zl_news_listing .page_news_list .list{
        margin: 0;
        gap: 12px;
    }
    .zl_news_listing .page_news_list .item{
        width: 100%;
        padding: 10px;
    }
    .zl_news_listing .page_news_list .item .item_con{
        margin: 0;
        padding: 18px 16px 18px;
        border-radius: 0;
    }
    .zl_news_listing .page_news_list .item .item_con .time{
        font-size: 12px;
    }
    .zl_news_listing .page_news_list .item .item_con .tit{
        margin-top: 8px;
        font-size: 18px;
    }
    .zl_news_listing .page_news_list .item .item_con .desc{
        margin: 10px 0 18px;
        font-size: 13px;
        line-height: 1.7;
    }
    .zl_news_listing .page_news_list .item .item_con .btn{
        min-height: 34px;
        padding: 0 14px;
        font-size: 12px;
    }
}
@media screen and (max-width: 1500px){
    .zl_application_grid,
    .zl_project_grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .zl_product_cards{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media screen and (max-width: 1024px){
    .banner .item .item_con{
        padding-top: 72px;
    }
    .header_wrap .brand_copy{
        display:none;
    }
    .home_product_section{
        padding: 48px 0;
    }
    .home_product_section .home_section_heading{
        padding: 8px 10px 16px;
    }
    .product_swiper .item_img{
        max-width: 68%;
        margin-top: 0;
    }
    .product_swiper .item_con{
        max-width: 760px;
    }
    .zl_intro_grid,
    .zl_capability_grid,
    .zl_sales_top,
    .zl_about_grid,
    .zl_about_stats,
    .zl_product_notes,
    .zl_page_intro .intro_row,
    .zl_product_detail .detail_grid,
    .zl_feature_grid,
    .zl_application_tags,
    .zl_contact_cards,
    .zl_message_section .message_layout,
    .zl_news_value{
        grid-template-columns: 1fr;
    }
    .zl_sec_head{
        display:block;
    }
    .zl_product_cards{
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 767px){
    .banner .item .item_con{
        padding-top: 72px;
    }
    .home_product_section{
        padding: 36px 0;
    }
    .home_section_heading{
        padding: 6px 10px 14px;
    }
    .home_section_heading .scene_eyebrow{
        margin-bottom: 8px;
        font-size: 12px;
        letter-spacing: 1.4px;
    }
    .home_section_heading .scene_title{
        font-size: 34px;
    }
    .home_section_heading .scene_desc{
        margin-top: 12px;
        font-size: 14px;
    }
    .product_swiper a{
        padding: 0 10px;
        box-sizing: border-box;
    }
    .product_swiper .item_img{
        max-width: 86%;
        margin-top: 0;
    }
    .product_swiper .item_con{
        padding-top: 30px;
    }
    .product_swiper .item_con .tit{
        font-size: 20px;
    }
    .product_swiper .product_tags{
        justify-content: flex-start;
        gap: 8px;
        margin-bottom: 18px;
    }
    .product_swiper .product_tags span{
        min-height: 32px;
        padding: 0 12px;
        font-size: 12px;
    }
    .product_swiper .item_con .desc p{
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 10px;
    }
    .product_wrap .swiper-button-prev,
    .product_wrap .swiper-button-next{
        display:none;
    }
    .zl_home_intro,
    .zl_home_products,
    .zl_home_scenarios,
    .zl_home_sales,
    .zl_home_about,
    .zl_home_projects,
    .zl_news_intro{
        padding: 60px 0;
    }
    .zl_home_intro .intro_shell,
    .zl_home_scenarios .scenario_shell,
    .zl_home_sales .sales_shell,
    .zl_home_about .about_shell,
    .zl_news_intro .news_shell,
    .zl_product_block,
    .zl_page_intro,
    .zl_product_detail,
    .zl_contact_section,
    .zl_message_section{
        padding: 30px 22px;
        border-radius: 20px;
    }
    .zl_intro_main{
        padding: 30px 24px;
    }
    .zl_intro_main h1{
        font-size: 32px;
    }
    .zl_sec_head h2,
    .zl_page_intro .copy h1,
    .zl_page_intro .copy h2,
    .zl_map_title{
        font-size: 28px;
    }
    .zl_capability_grid,
    .zl_application_grid,
    .zl_project_grid,
    .zl_product_cards{
        grid-template-columns: 1fr;
    }
    .zl_map_markers{
        grid-template-columns: 1fr;
    }
    .zl_cta_bar{
        display:block;
    }
.zl_cta_bar .actions{
    margin-top: 16px;
}
}

/* pagination */
.pagination{
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
    align-items:center;
    gap: 10px;
    margin-top: 48px;
}
.pagination li{
    display:flex;
    flex: 0 0 auto;
}
.pagination > a,
.pagination > span,
.pagination li > a,
.pagination li > span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width: 48px;
    height: 48px;
    padding: 0 18px;
    border: 1px solid #D9D9D9;
    border-radius: 0;
    background:#fff;
    color: #222;
    font-size: 15px;
    line-height: 1;
    text-align:center;
    box-shadow: none;
    transition: color .25s ease, border-color .25s ease, background-color .25s ease;
}
.pagination li.first > a,
.pagination li.last > a,
.pagination li.prev > a,
.pagination li.next > a{
    min-width: 86px;
}
.pagination > a:hover,
.pagination li > a:hover{
    color: var(--theme-color);
    background:#fff;
    border-color: var(--theme-color);
}
.pagination > span.page-num-current,
.pagination > span.active,
.pagination li > span.page-num-current,
.pagination li > span.active{
    background:#fff;
    border-color: var(--theme-color);
    color: var(--theme-color);
    box-shadow: none;
}

.zl_mechanism_listing{
    padding-top: 100px;
}
.zl_mechanism_listing .mechanism_layout{
    align-items: flex-start;
    gap: 36px;
}
.zl_mechanism_listing .page_product_menu{
    position: sticky;
    top: 160px;
    width: 240px;
    flex: 0 0 240px;
}
.zl_mechanism_listing .page_product_menu .bg{
    border: 1px solid #dedede;
    border-radius: 0;
    box-shadow: none;
}
.zl_mechanism_listing .page_product_menu .menu{
    border-radius: 0;
}
.zl_mechanism_listing .page_product_menu .menu_tit{
    font-size: 22px;
    margin-bottom: 6px;
}
.zl_mechanism_listing .page_product_menu .menu_list .item .hd{
    align-items: center;
}
.zl_mechanism_listing .page_product_menu .menu_list .item .hd a{
    line-height: 1.6;
    text-decoration: none;
}
.zl_mechanism_listing .page_product_menu .menu_list .item .hd i{
    margin-left: 16px;
}
.zl_mechanism_listing .page_product_menu .menu_list .item .bd{
    padding-top: 8px;
}
.zl_mechanism_listing .page_product_menu .menu_list .item .bd.open{
    display: block;
}
.zl_mechanism_listing .page_product_menu .menu_list .item .bd a{
    display: block;
    padding-top: 10px;
    text-decoration: none;
    color: #667887;
}
.zl_mechanism_listing .page_product_menu .menu_list .item .bd a.cur{
    color: var(--theme-color);
    font-family: 'GothicB';
}
.zl_mechanism_listing .mechanism_main{
    flex: 1;
    min-width: 0;
}
.zl_mechanism_listing .mechanism_intro{
    margin-bottom: 56px;
}
.zl_mechanism_listing .mechanism_intro_gallery{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}
.zl_mechanism_listing .mechanism_intro_gallery .img{
    aspect-ratio: 1.42;
    overflow: hidden;
    background: #f2f2f2;
}
.zl_mechanism_listing .mechanism_intro_gallery .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.zl_mechanism_listing .mechanism_intro_title{
    margin-top: 28px;
    color: #333;
    font-size: 32px;
    line-height: 1.3;
    font-family: 'GothicB';
}
.zl_mechanism_listing .mechanism_intro_content{
    margin-top: 18px;
    color: #333;
    font-size: 16px;
    line-height: 1.85;
}
.zl_mechanism_listing .mechanism_intro_content p + p{
    margin-top: 8px;
}
.zl_mechanism_listing .mechanism_intro_content strong{
    font-family: 'GothicB';
    font-weight: normal;
}
.zl_mechanism_listing .mechanism_product_item + .mechanism_product_item{
    margin-top: 42px;
    padding-top: 42px;
    border-top: 1px solid #e5e5e5;
}
.zl_mechanism_listing .mechanism_product_body{
    align-items: center;
    gap: 28px;
    margin-top: 24px;
}
.zl_mechanism_listing .mechanism_product_image{
    width: 320px;
    flex: 0 0 320px;
}
.zl_mechanism_listing .mechanism_product_gallery{
    position: relative;
}
.zl_mechanism_listing .mechanism_product_swiper{
    overflow: hidden;
}
.zl_mechanism_listing .mechanism_product_image .img{
    background: #f2f2f2;
    overflow: hidden;
}
.zl_mechanism_listing .mechanism_product_image img{
    width: 100%;
    height: auto;
    display: block;
}
.zl_mechanism_listing .mechanism_product_prev,
.zl_mechanism_listing .mechanism_product_next{
    position: absolute;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    border: 1px solid rgba(17, 50, 84, 0.18);
    background: rgba(255,255,255,0.92);
    color: var(--theme-color);
    font-size: 22px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}
.zl_mechanism_listing .mechanism_product_prev{
    left: 12px;
}
.zl_mechanism_listing .mechanism_product_next{
    right: 12px;
}
.zl_mechanism_listing .mechanism_product_prev:hover,
.zl_mechanism_listing .mechanism_product_next:hover{
    background: var(--theme-color);
    color: #fff;
}
.zl_mechanism_listing .mechanism_product_prev.swiper-button-disabled,
.zl_mechanism_listing .mechanism_product_next.swiper-button-disabled{
    opacity: 0;
    pointer-events: none;
}
.zl_mechanism_listing .mechanism_product_pagination{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px !important;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 2;
}
.zl_mechanism_listing .mechanism_product_pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    margin: 0 !important;
    opacity: 1;
    background: rgba(255,255,255,0.55);
}
.zl_mechanism_listing .mechanism_product_pagination .swiper-pagination-bullet-active{
    background: var(--theme-color);
}
.zl_mechanism_listing .mechanism_product_gallery.is-single .mechanism_product_prev,
.zl_mechanism_listing .mechanism_product_gallery.is-single .mechanism_product_next,
.zl_mechanism_listing .mechanism_product_gallery.is-single .mechanism_product_pagination{
    display: none;
}
.zl_mechanism_listing .mechanism_product_content{
    flex: 1;
    min-width: 0;
    color: #333;
    font-size: 22px;
    line-height: 1.9;
}
.zl_mechanism_listing .mechanism_product_content p + p{
    margin-top: 10px;
}
.zl_mechanism_listing .mechanism_product_content strong{
    font-family: 'GothicB';
    font-weight: normal;
}