/*header*/
header#c-header{
    position: fixed;
    top:0;
    left:0;
    background:#fff;
    z-index: 999999;
    width: 100%;
    box-shadow: 0 0 10px #ccc;
    transition: all 0.4s ease-out;
}
header.c-head-hide.c-head-move{
    box-shadow: unset;
}
.head_top{
    border-bottom: 1px solid #dddddd;
}
.head_top .wrap{
    display: flex;
    align-items:center;
    justify-content: space-between;
    height: 44px;
}
.head_top_logo{
    visibility: hidden;
    height: 1px;
}
.head_top_r{
    display: flex;
    align-items:center;
    justify-content: flex-end;  
    height: 100%;
}
.h_lang{
    position: relative; 
    height: 100%;
    cursor: pointer;
    padding:0 22px 0 27px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.h_lang_btn{
    display: flex;
    align-items:center; 
    height: 100%;   
}
.h_lang_btn i{
    max-width: 20px;
}
.h_lang_btn span{
    margin:0 12px;
    font-size:14px;
    color: #555656;
}
.h_lang_a{
    position: absolute;
    top:44px;
    left:0%;
    width: 100%;
/*    margin-left: -45px;*/
    background:#fff;
    box-shadow: 0 0 10px #eee;
    display: none;
    z-index: 9;
    border: 1px solid #dddddd;
}
.h_lang:hover .h_lang_a{
    display: block;
    padding:15px 10px;
}
.h_lang_a a{
    font-size: 14px;
    color: #666;
    display: block;
    text-align: center;
    line-height: 2em;
}
.h_lang_a a:hover,.nav li .b_nav a:hover{
/*    background:#8ab73e;*/
    color: #000;
}
.nav li:hover .b_nav{
    height: auto!important;
}
/*搜索*/
.show{
    display: block!important;
}
.search{
    height: 100%;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding:0 20px;
    display: none;
}
.ss{
    cursor: pointer;
    height: 100%;
    line-height: 44px;
}
.h_search{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999;

    display: none;

}
.h_search_content{
    width:90%;
    max-width: 1160px;
    margin:142px auto 0;    
}
.h_search_c{
/*    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    position: relative;

    z-index: 9;
    display: none;
    background:#fff;
    padding:25px 35px;
}
.search.isshow .h_search_c{
    display: flex;
    align-items:center;
}
.h_search_bg{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 1;
}
#formsearch{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    width:calc(100% - 32px);
}
#keyword{
    outline: none;
    border:none;
    width: calc(100% - 62px);
    font-size: 16px;
    color: #000;
    padding: 0px 12px;
}
#s_btn{
    width: 32px;
    height: 32px;
    background: url(../images/search.png) no-repeat center #fff;
    line-height: 32px;
    border:none;
    outline: none;
    cursor: pointer;
    border-radius: 0;
}
.h_search_c button{
    border:none;
    outline: none;
    cursor: pointer;
    background:none;
    text-align: center;
    width:32px;
}
.search:hover #formsearch{
    display: flex;
}
.search_ts{
    width: 100%;
/*    background-color: hsla(0, 0%, 100%, 0);*/
    display: none;
    z-index: 999;
    background: #f5f5f5;
    position: relative;
    box-shadow: 0 0 5px #ccc inset;
}
.search_errow{
    font-size:18px;
    color: #000;
    text-align: center;
}
.search_ts ul{
    color: #333333;
    display: block;
    outline: none;
    cursor: default;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
/*    background-color: #fff;  */
}
.search_ts ul a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding:20px 35px;
}
.search_ts ul a .img{
    width:192px;
}
.search_ts ul a .text{
    width:calc(100% - 212px);
}
.search_ts ul a .text h3{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;    
    line-height: 1.2;
    margin-bottom: 5px;
    font-size:16px;
    color: #333;
}
.search_ts ul a .text .txt{
    font-size:12px;
    line-height: 1.4;
    color: #666;
}
.search_ts ul a:hover{
    background: #fafafa;
    box-shadow: 0 0 5px #ccc inset;
}
.ss_ts{
    text-align: center;
    font-size:18px;
    color: #000;
    padding:22px 0px;
}
.tag_total{
    font-size: 20px;
    color: #333;
}
body.visible{
    overflow: hidden;
}

a.head_a{
    margin-left: 18px;
    display: flex;
    align-items:center;
}
a.head_a i{
    margin-right: 10px;
    max-width: 20px;
}
a.head_a i{
    margin-right: 10px;
}
a.head_a:hover{
    color: #000;
}

.head{
    position: relative;
}
.wrap{
    width: 90%;
    max-width: 1610px;
    margin: 0 auto;
}
.head .wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo{
/*    width: 30%;*/
}
.logo img{
    max-height: 40px;
}
.nav{
    display: flex;
}
.nav li{
    margin-right: 50px;
    transition:0.5s;
}
.nav li:last-child{
    margin-right: 0;
}
.nav li a{
    display: block;
    font-size: 16px;
    color: #555656;
    text-align: center;
    line-height: 80px;
    position: relative;
}
.nav li a.a1:after{
    content:'';
    position: absolute;
    left:50%;
    bottom:0;
    width:0%;
    height: 4px;
    background:#96c03a;
    transition: all 0.3s ease-out;
}
.nav li:hover a.a1{
    color: #000000;
}
.nav li:hover a.a1:after{
    left:0;
    width:100%;
}
.nav li .b_nav{
    display: none;
    position: absolute;
    top:80px;
    left:0%;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    /*box-shadow: 0 0 10px #eee;*/
}
.nav li .b_nav .wrap{
    padding:32px 0;
}
.b_nav_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width:100%;
}
.b_nav_list a{
    display: block;
    font-size: 14px;
    color: #666;  
    line-height: 2;  
    margin-right: 20px;
    max-width: 18%;
}
.b_nav_list a:last-child{
    margin-right: 0;
}
.b_nav_list a .img{
    margin-bottom: 5px;
}
.b_nav_list a p{
    line-height: 1.6;
    /*display: none;*/
}
.b_nav_list a:hover{
    background:none;
    color: #000;
}
.b_nav_list a:hover .img img{
    transform: scale(1.1);
}
.nav li .b_nav2  .wrap{
    display: block;
}
.b_nav_li{
    display: flex;
    justify-content: center;
    width:100%;
    margin-bottom: 25px;
}
.b_nav_li p{
    margin-right: 50px;
}
.b_nav_li p:last-child{
    margin-right: 0;
}
.b_nav_li p a{
    line-height: 15px;
    padding-bottom: 15px;
    position: relative;
    font-size:16px;
    color: #555656;
    transition: all 0.3s ease-out;
}
.b_nav_li p a:after{
    content:'';
    position: absolute;
    left:50%;
    bottom:0;
    width:0%;
    height: 4px;
    background:#96c03a;
    transition: all 0.3s ease-out;
}
.b_nav_li p.cur a{
    color: #000;
}
.b_nav_li p.cur a:after{
    left:0;
    width:100%;
}
.b_nav_tabs{
    width:100%;
}
.b_nav_tab{
    display: none;
}
.head_r{
    display: flex;
    align-items:center;
    justify-content: space-between;
    position: relative;
}

a.h_mess{
    display: flex;
    align-items:center;
    justify-content: center;
    font-size:16px;
    color: #fff;
    background:#96c03a;
    font-family: "HarmonyOS_SansSC_Medium";
    width:252px;
    height: 42px;
    cursor: pointer;
}
a.h_mess i{
    margin-right: 12px;
}
a.h_mess:hover{
    background:#a3d03f;
}
.h_mess_content{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    z-index: 999;
    display: none;
}
.h_mess_ico{
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 15px;
    transform:translate(0%,-50%);
}
.h_mess_bg{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height: 200vh;
    background:rgba(53,53,53,.3);
    z-index: 99
}
.h_mess_box{
    position: relative;
    background:#fff;
    width:286px;
    --tw-shadow: 1px 3px 8px 0 rgba(0, 0, 0, .15);
    --tw-shadow-colored: 1px 3px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 transparent, 0 0 transparent, 1px 3px 8px 0 rgba(0, 0, 0, .15);
    z-index: 109;
    margin-top: 52px;
    left:50%;
    margin-left: -143px;
}
.h_mess_box:before{
    content:'';
    position: absolute;
    top:-8px;
    left:50%;
    margin-left:-8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    overflow: hidden;
}
button.message_close{
    position: absolute;
    right:10px;
    top:10px;
    border:none;
    background:none;
    outline: none;
    padding:0;
    cursor: pointer;
}
button.message_close svg{
    color: #000;
}
.h_mess_box .p1{
    font-size: 14px;
    line-height: 1.6;   
    padding:20px 0 5px; 
    text-align: center;
}
.h_mess_chose{
    display: flex;
    justify-content: center;
    align-items:center;
}
.h_mess_chose_c{
    display: inline-block;
    margin-bottom: 24px;
    position: relative;
}
.h_mess_chose_c select{
    border:none;
    outline: none;    
    border-bottom: 1px solid #999;
    line-height: 25px;
    height: 25px;
    cursor: pointer;
    font-size: 16px;
    padding-right: 10px;
    color: #000;
  /* 移除默认的外观样式（解决 Safari 等浏览器的默认渲染） */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    /*background: none;*/

    background-color: hsla(0, 0%, 100%, 0);
    background-image: url(../images/f_nav_arrow.png);
    background-position: bottom 8px right 10px;
    background-repeat: no-repeat;
    background-size: 12px;
    overflow: hidden;
    padding-right: 2rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.h_mess_content1{
    margin-bottom: 5px;
}
.h_mess_content1.on{
    margin-bottom: 25px;
}
.h_mess_btn svg{
    filter: #fff;
}
.h_mess_btn button{
    display: flex;
    align-items:center;
    justify-content: center;
    width:100%;
    outline: none;
    border:none;
    font-size:14px;
    color: #fff;
    padding:8px 16px;
    background:#555656;
    position: relative;
    cursor: pointer;
}
.h_mess_btn button .h_mess_ico svg{
    transition: all 0.2s ease-out;
}
.h_mess_content_tab.on .h_mess_btn .h_mess_ico svg{
    transform: rotate(180deg);
}
.h_mess_content_tab .h_mess_text{
      max-height: 0; /* 收起时高度为0 */
      overflow: hidden; /* 隐藏超出内容 */
      transition: max-height 0.2s ease, padding 0.2s ease; /* 过渡动画：0.2s 平滑效果 */
    /*height: 0;*/
    /*visibility: hidden;*/
    /*transition: all 0.2s linear 0;*/
    /*padding:0;*/
}
.h_mess_content_tab.on .h_mess_text{
    max-height: 500px;
    /*height: auto;*/
    /*visibility: visible;*/
    padding:18px 0 0;  
}
.h_mess_content_tab.on .h_mess_text1 .img{
    opacity: 1;
}
.h_mess_text1{
    /*padding:18px 0 0;  */
    text-align: center;  
}
/*.h_mess_text1 .img,.h_mess_text1 .p2,.h_mess_text1 .p3,.h_mess_text1 a,.h_mess_text1 .text-center{*/
/*    visibility: hidden;*/
/*    display: none;*/
/*}*/
/*.h_mess_content_tab.on .h_mess_text1 .img,.h_mess_content_tab.on .h_mess_text1 .p2,.h_mess_content_tab.on .h_mess_text1 .p3,.h_mess_content_tab.on .h_mess_text1 a,.h_mess_content_tab.on .h_mess_text1 .text-center{*/
/*    visibility: visible;*/
/*    display: block;*/
/*}*/
.h_mess_text1 .img{
    width:80px;
    height: 80px;
    border-radius: 50%;
    margin:0 auto;
}
.h_mess_text1 .p2{
    font-size: 16px;
    color: #565656;
    font-family: "HarmonyOS_SansSC_Medium";
    line-height: 1.4;
    margin:15px 0 5px;
}
.h_mess_text1 .p3{
    font-size:14px;
    color: #565656;
    line-height: 1.6;
    margin:0px 0 15px;
}
a.h_mess_request{
    display: flex;
    align-items:center;
    justify-content: center;
    padding:0 25px;
    margin:auto;
    width:171px;
    height: 44px;
    background:#96c03a;
    color: #fff;
    line-height: 1;
    margin-bottom: 25px;
    cursor: pointer;
}
a.h_mess_request .mr-2{
    margin-right: 8px;
}
a.h_mess_request:hover{
    background:#a3d03f;
}
.text-center{
    text-align: center;
}
.text-center a{
    text-decoration: underline;
    text-underline-offset: 4px;
}
.text-center a:hover{
    color: #000;
}

.flex{
    display: flex;  
}
.items-center{
    align-items: center;
}
.h_mess_text2{
    /*padding:15px 0;*/
}
.h_mess_text2 p svg{
    margin-right: 4px;
}
.h_mess_text2 .p4{
    font-size: 14px;
    color: #565656;
    font-family: "HarmonyOS_SansSC_Bold";
    line-height: 1.4;
    margin-bottom:  6px;
}
.h_mess_text2 .txt1{
    /*margin-bottom: 25px;*/
    padding:15px 36px;
    border-bottom: 1px solid #dddddd;
}
.h_mess_text2 .txt1:last-child{
    border-bottom: none;
}
.h_mess_text2 .txt1 p{
    line-height: 1.5;
    display: flex;
    align-items:center;
    margin-top:3px;
}
.h_mess_text2 .txt3{
    margin-bottom: 0;
}
.h_mess_text2 .txts,.h_mess_text2 .txts a{
    font-size:12px;
    color: #565656;
}
.h_mess_text2 .txts p:hover,.h_mess_text2 .txts p:hover a{
    color: #000;
    cursor: pointer;
}
.text-xs{
    font-size:12px;
    color: #565656;
    line-height: 1.6;
    margin-top:5px;
    display: none;
}
.text-xs a{
    text-decoration: underline;
}
.h_mess_content2.on{
    /*margin-top:25px;*/
}

/*留言浮动窗*/
.message_fixed,.message_fixed2{
    position: fixed;
    top:0;
    left:0;
    z-index: -999999999;
    background: rgba(53, 53, 53, .3);
    width:100%;
    height: 100vh;
    display: flex!important;
    justify-content: flex-end;
    overflow: hidden;
    visibility: hidden;
    transition: all 0.3s ease-out;
}
.message_fixed.show,.message_fixed2.on{
    /*display: flex!important;*/
    z-index: 999999999;
    visibility: visible;
}
.message2_content_r_mess.hide{
    visibility: hidden;
    height: 0;
    overflow: hidden;
}
#myForm2{
   transform: translateX(100%); 
   transition: all 0.4s ease-out;
   /*transition-delay: 0.3s;*/
}
.message_fixed.show #myForm2{
    transform: translateX(0%); 
}
.message2,.message3{
    max-width: 805px;
    background:#fff;
    padding:25px 32px;
    position: relative;
    max-height: 100vh;
    overflow: auto;
    z-index: 9;
}
button.message_close2 {
    position: absolute;
    right: 32px;
    top: 25px;
    border: none;
    background: none;
    outline: none;
    padding: 0;
    cursor: pointer;
}
.message2 .index_t1 h2{
    text-align: left;
    font-size:24px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Regular";
    font-weight: normal;
    padding-right: 30px;
}
.message2_content_l{
    width:150px;
}
.message2_content_l_c{
    text-align: center;
}
.message2_content_l_c .img{
    width:128px;
    height: 128px;
    border-radius: 50%;
    margin:0 auto;
}
.message2_content_l_c .txt{
    line-height: 1.5;
    margin-top:15px;
}
.message2_content_l_c .txt .p1{
    font-size:16px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Medium";

}
.message2_content_l_c .txt .p2{
    font-size:14px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Light";
    display: none;
}
.message2_content_r{
    width:calc(100% - 150px);
    padding-left: 46px;
}
.message_list2 li{
    width:calc(50% - 10px);
    margin-right: 20px;
}
.message_list2 li:nth-child(2n){
    margin-right: 0;
}
.message2_content_r .message_intro {
    padding: 5px 0 40px;
}
.message2_content_r .message_intro .p2{
    margin:30px 0;
}
.message2_content_r_suss{
    display: none;
    font-size: 24px;
    color: #555656;
    line-height: 1.6;
}
.message2_content_r_suss.show{
    display: block;
}
.pc_btn1{
    display: none;
    cursor: pointer;
}
header.c-head-hide.c-head-move{
    transform: translateY(-44px);
}
header.c-head-hide.c-head-move .head .wrap{
    height: 80px;
}
header.c-head-hide.c-head-move .nav{
    display: none;
}
header.c-head-hide.c-head-move .pc_btn1{
    display: block;
    margin-left: 32px;
}
.h_zw{
    height: 125px;
}
#index_banner{
    position: relative;

}

.pc_index_banner_bg,#index_banner .img1,#index_banner .img2,.m_index_banner_bg{
    display: none;
}
.pc_index_banner_bg,.m_index_banner_bg,.index_banner_bg2,.index_banner_bg3,.index_banner_bg4,.index_banner_bg5{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.index_banner_text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
}
.index_banner_text .text{
    width: 55%;
}
.index_banner_text .text h3{
    font-size:48px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Bold";
    line-height: 1.4;
}
.index_banner_text .text .txt{
    font-size:48px;
    color: #555656;
    line-height: 1.4;
    margin:25px 0 40px;
}
.index_banner_text .text a{
    width:200px;
    height: 62px;
    line-height: 1.4;
    display: flex;
    align-items:center;
    justify-content: center;
    text-align: center;
    font-size:16px;
    color: #fff;
    font-family: "HarmonyOS_SansSC_Bold";
    background:#96c03a;
    transition: all 0.4s ease-out;
 
}
.index_banner_text .text a span{
    visibility:hidden;
    width:0;
    height: 0;
    font-family: "HarmonyOS_SansSC_Bold";
    font-weight: normal;
    overflow: hidden;
}
.index_banner_text .text a font{
}
.index_banner_text .text a:hover{
    background:#a3d03f;
}
/*.index_banner_text .text a:hover font{*/
/*    visibility:hidden;*/
/*    height: 0;*/
/*    width:0;*/
/*}*/
/*.index_banner_text .text a:hover span{*/
/*    visibility: visible;*/
/*    width:auto;*/
/*    height: auto;*/
/*    padding:0 20px;*/
/*}*/
.index_banner_text .text .txt1{
    font-size:22px;
    color: #555656;
    line-height: 1.8;
    margin-bottom: 15px;
}
#index_banner .swiper-slide2 a{
    margin-top:40px;
}
#index_banner .swiper-slide4 .index_banner_text .text .txt1{
    margin:15px 0 45px;
/*    margin-top:15px;*/
}
a.more1{
    width:180px;
    height: 55px;
    line-height: 1.4;
    display: flex;
    align-items:center;
    justify-content: center;
    font-size:16px;
    color: #fff;
    font-family: "HarmonyOS_SansSC_Bold";
    background:#96c03a;
}
a.more1:hover{
    background:#a3d03f;
}
.index_banner_arrow{
    position: absolute;
    left:0;
    bottom:35px;
    width:100%;
}
.index_banner_btn{
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.index_banner_btn .swiper-button-prev,.index_banner_btn .swiper-button-next{
    width:42px;
    height: 42px;
    border:1px solid #e6e6e6;
    position: relative;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin-top:0;
}
.index_banner_btn .swiper-button-prev{
    background:url('../images/left1.png') no-repeat center #fff;    
    transform: rotate(-0deg);
    background-size: 12px;
}
.index_banner_btn .swiper-button-prev:hover{
    background:url('../images/right1.png') no-repeat center #fff;    
    transform: rotate(-180deg);
    background-size: 12px;
}
.index_banner_btn .swiper-button-next{
    background:url('../images/left1.png') no-repeat center #fff;    
    margin-left: 13px;
    transform: rotate(-180deg);
    background-size: 12px;
}
.index_banner_btn .swiper-button-next:hover{
    background:url('../images/right1.png') no-repeat center #fff;    
    transform: rotate(-0deg);
    background-size: 12px;
}
.index_banner_arrow .swiper-pagination{
    position: relative;
    text-align: right;
    margin-top:11px;
}

/* ########################### */
/* 关键修复1：分页器基础样式 */
/* ########################### */
.index_banner_arrow .swiper-pagination .swiper-pagination-bullet{
    position: relative; /* 必须：让进度条绝对定位生效 */
    width:69px;
    height: 4px;
    background:#fff; /* 分页器默认白色背景 */
    margin:0 7px;
    border-radius: 0;
    opacity: 1;
    overflow: hidden; /* 关键：裁剪进度条，避免溢出 */
}
.index_banner_arrow .swiper-pagination .swiper-pagination-bullet:last-child{
    margin-right: 0;
}

/* ########################### */
/* 关键修复3：进度条样式（精确匹配DOM结构） */
/* ########################### */
.index_banner_arrow .swiper-pagination .swiper-pagination-bullet .bullet-progress{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%; /* 初始宽度0 */
    background:#96c03a; /* 进度条绿色 */
    transition: width linear 0s; /* 初始无过渡，JS动态控制 */
    will-change: width; /* 优化动画性能 */
    z-index: 1; /* 确保在分页器背景之上 */
}

/* 活跃分页器样式（可选：增强视觉区分） */
.index_banner_arrow .swiper-pagination .swiper-pagination-bullet-active{
    /* 可添加活跃态样式，如边框或阴影 */
    /* border: 1px solid #96c03a; */
}
.swiper-wrapper{
    height: auto!important;
}
.mySwiper2{
    height: 70px;
    overflow: hidden;
}
.mySwiper2 .swiper-slide{
/*    height: 50px!important;*/
    display: flex;
    align-items:center;
    font-family: "HarmonyOS_SansSC_Bold";
}
.index_banner_text .txt2{
    font-size:48px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Medium";
    line-height: 1.4;
    margin-bottom: 20px;
}
#index_banner .swiper-slide3 a{
    margin-top:40px;
}
.index_banner_bg2,.index_banner_bg3,.index_banner_bg4{
    display: none;
}
.message_fixed{

}
.message_fixed.show{

}
/*.message_fixed #myForm2{*/
/*    transform: translateX(100%);*/
/*    transition: all 0.4s ease-out;    */
/*}*/
/*.message_fixed.show #myForm2{*/
/*    transform: translateX(0);    */
/*}*/
@media(max-width:1920px){
    #index_banner .img3{
        display:none;
    }
    #index_banner .img1{
        display:block;
    }
}
@media(max-width:1600px){
    .wrap{
        width:90%;
    }
    #index_banner .swiper-container{
        height: calc(100vh - 125px);
    }
    #index_banner .swiper-container .swiper-wrapper{
        height: 100%!important;
    }
    #index_banner .img1{
        display:none;
    }
    .pc_index_banner_bg{
        display:block;
    }
    .index_banner_text .text{
        width:65%;
    }
    .index_banner_text .text h3,.index_banner_text .text .txt,.index_banner_text .txt2{
        font-size:36px;
    }
    .swiper-slide3 .index_banner_text .text .txt1{
        margin-top:15px;
    }
    .index_banner_text .text .txt1{
        font-size:15px;
    }
    .index_banner_text .text a{
        font-size:15px;
    }
}
@media(max-width:1335px){
    .pc_index_banner_bg{
        display:none;
    }
    .index_banner_bg4{
        display: block;
    }    
}
@media(max-width:1280px){
    .index_banner_text .text h3,.index_banner_text .text .txt,.index_banner_text .txt2{
        font-size:30px;
    }
    #keyword{
        font-size:14px;
    }
    #s_btn{
        font-size:12px;
    }
    .index_banner_bg4{
        display: none;
    }  
    .index_banner_bg3{
        display: block;
    }  
}
@media(max-width:1199px){
    .m_nav_top{
        display:flex;
    }
    .h_mess_content{
        z-index:10000001;
        position:fixed;
    }
    .message_fixed{
        height: 100vh;
        overflow: auto;   
        background:#fff;
    }
    .message2{
        padding:0;
        max-height:unset;
        overflow:scroll;
        max-width:100%;
        height:100vh;
    }
    .message_fixed_cont{
        padding:30px 20px;
    }
    .message_fixed_cont button.message_close2{
        right: 15px;
        top: 15px;  
        display:none;
    }
    .message2 .index_t1 h2{
        margin-top:10px;
        padding-right:20px;
    }
    .message2_content{
        /*max-height: calc(100vh - 200px); */
        /*overflow: auto;  */
        /*padding-right:20px;*/
    }
    .message2_content_l{
        width:100%;
    }
    .message2_content_r{
        width:100%;
        margin-top: 30px;
        padding-left:0;
    }
    .h_mess_bg{
        height:100vh;
    }

.h_mess_content .h_mess_box{
    position:relative;
    width: 100%;
    height: 100%;
    left: 0;
    margin-left: 0;
    top: 0;
    margin-top: 0;    
}
}
@media(max-width:1130px){
    .search{
        margin-right:10px;
    }
    #formsearch{
        padding:3px 8px;
    }
    .ss img{
        width:16px;
    }
}
@media(max-width:1080px){
    .head_top .wrap{
        height: 50px;
    }
    .h_lang_a{
        top:50px;
    }
    .h_zw{
        height:50px;
    }
    /*.pc_btn1{*/
    /*    display:none!important;*/
    /*}*/
    #index_banner .swiper-container{
        height: calc(100vh - 50px);
    }
    .index_banner_bg3{
        display: none;
    }  
    .index_banner_bg2{
        display: block;
    }  
}

@media(max-width:1080px){
    header.c-head-hide.c-head-move{
        transform: translateY(0px);
    }
    #c-header.cur{
        z-index:999999999;
        height:100%;
    }
    #c-header.cur .head_top{
        display:none;
    }
    header.c-head-hide{
        transform: translateY(-0px);
    }
    .wrap{
        width:94%;
    }
    .head_top_logo{
        height:auto;
        visibility:visible;
    }
    .head_top_logo img{
        max-height:34px;
    }
    .h_lang{
        padding:0 20px;
    }
    .head,a.head_a,.head .nav,.head .h_mess,.pc_message_close,#c-header.cur .head .nav,#c-header.cur .head .logo{
        display:none;
    }
    #c-header.cur .head{
        display:block;
    }
    #c-header.cur .head .wrap{
        height:auto
    }

    /*.h_zw{*/
    /*    height:44px;*/
    /*}*/
    .index_banner_text .text{
        width:80%;
    }

}
@media(max-width:991px){
    .pc_index_banner_bg,.index_banner_bg2{
        display:none;
    }
    .m_index_banner_bg{
        display:block;
    }
    #index_banner .img1{
        visible:hidden;
        position:relative;
        z-index:-9;
    } 
    /*#index_banner .img2{*/
    /*    display: block;*/
    /*} */
    .index_banner_bg{
        display:block;
    }
    .index_banner_text .text{
        width:100%;
        position: relative;
        /*top: -15%;*/
    }
    .index_banner_text .text h3,.index_banner_text .text .txt1,.index_banner_text .text .txt,.index_banner_text .txt2{
        color:#fff;
    }
    .index_banner_text .text .txt1{
        font-size:18px;
    }
    .index_banner_text .text h3, .index_banner_text .text .txt, .index_banner_text .txt2{
        font-size:36px;
    }
    .index_banner_arrow{
        bottom:20px;
    }
    .index_banner_btn{
        display:none;
    }
    .index_banner_arrow .swiper-pagination{
        width:100%;
        text-align:center;
    }
    .index_banner_arrow .swiper-pagination .swiper-pagination-bullet{
        width:60px;
    }
    .search{
        margin-right:10px;
    }

    #s_btn{
        font-size:12px;
    }


}
@media(max-width:767px){
    .index_banner_text .text h3, .index_banner_text .text .txt, .index_banner_text .txt2{
        font-size:32px;
    }
    .index_banner_text{
        justify-content:flex-start;
        padding-top:25%;
    }
    .index_banner_text .text .txt{
        margin: 10px 0 25px;
    }
    .h_search{
        height: auto;
        padding:15px 0;
    }
    .h_search_c {
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
        width: 100%;
    }
    #formsearch {
        width: 88%;
        margin: 0 auto;
    }
    #s_btn{
        line-height: 32px;
        height: 32px;
    }
    .index_banner_arrow .swiper-pagination .swiper-pagination-bullet{
        width:50px;
        background:#9ca2a6;
    }
    .index_banner_text .text a{
        width:180px;
        height:52px;
        font-size:20px;
    }
    .index_banner_text .text a:hover{
        font-size:14px;
    }

}
@media(max-width:640px){
    header{
        border-top:1px solid #ddd;
    }
    .h_search{
        top:50px;
    }
    .head_top_logo{
       max-width:155px; 
    }
    .h_lang {
        padding: 0 15px;
    }
    .h_lang_btn span,.h_lang_btn i:last-child{
        display:none;
    }
    .h_lang_a{
        width:126px;
        left:50%;
        margin-left:-63px;
    }
    #index_banner .swiper-container{
        height: calc(100vh - 130px);
    }
}
@media(max-width:460px){
    .head_top_logo{
       max-width:140px; 
    }
}

.index1{
    padding:95px 0 130px;
    background: #fff;
}
.index1 .wrap{
    max-width: 1210px;
}
/* 文字容器：设置在页面中间偏下位置，确保需要滚动才能触发 */
.index1 .text1{
    display: flex;
    flex-wrap: wrap; 
    gap: 0px; 
    align-items: center;   
    line-height: 1.1;
    max-width: 1200px;
    letter-spacing: 0;
}
.word {
    font-size:40px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}
/* 底层灰色文字 */
.word-light {
    color: #e6e6e6;
    position: relative;
    z-index: 1;
}
/* 上层彩色文字 */
.word-mask {
    position: absolute;
    top: 0;
    left: 0;
    color: #555656;
    z-index: 2;
    width: 0;
    overflow: hidden;
    transition: width 0.3s ease-out;
}
.index1 .text2{
    margin-top:50px;
    font-size:16px;
    color: #555656;
    line-height: 1.6;
}
.index1 .text2 p{
    margin-bottom: 18px;
}
.index1 .text2 p:last-child{
    margin-bottom: 0;
}
@media(max-width: 1600px){
    .index1{
        padding:90px 0;
    }
    /*.word{*/
    /*    font-size:32px;*/
    /*}*/
}
@media(max-width: 1280px){
    .index1{
        padding:75px 0;
    }
    /*.word{*/
    /*    font-size:28px;*/
    /*}*/
}
@media(max-width: 1080px){

}
@media(max-width: 991px){

}
@media(max-width: 820px){
    .index1 .text1{
        gap: 0px;
    }
}
@media(max-width: 640px){
    .index1{
        padding:35px 0 40px;
    }
    /*.index1 .text1{*/
    /*    padding:20px 0 0;*/
    /*}*/
    .word{
        font-size:38px;
    }
}
@media(max-width: 460px){
    .word{
        font-size:32px;
    }    
}

.index2{
    background:#f5f5f5;
    padding:57px 0;
}
.index2 .wrap{
    max-width: 1678px;
    width:90%;
}
.index_t1{
    text-align: center;
    font-family: "HarmonyOS_SansSC_Bold";
}
.index_t1 h2{
    font-size:32px;
    color: #000000;   
    line-height: 1.2; 
}
.index2_content{
    margin-top:35px;
    z-index: 2;
    flex-flow: column;
    align-items: stretch;
    display: flex;
    position: relative;
}
.index2_card{
    /*margin-bottom: 60px;*/
    display: flex;
    flex-wrap: wrap;
    padding:78px 112px;
    background:#fff;
    box-shadow: 0 0 10px #ddd;
    position: sticky;
    left:0;
    top:160px;
}
.index2_card .img{
    width:47%;
}
.index2_card .img .img2{
    display: none;
}
.index2_card .text{
    width:53%;
    padding-left: 110px;
}
.index2_card .text h2{
    font-size:32px;
    color: #555656;
    line-height: 1.4;
    font-family: "HarmonyOS_SansSC_Medium";
    font-weight: normal;
}
.index2_card .text .text1{
    font-size:16px;
    color: #555656;
    line-height: 1.6;
    margin-top:30px;
}
.index2_card .text .text1 p{
    margin-bottom: 22px;
}
.index2_card .text .text1 p:last-child{
    margin-bottom: 0;
}
.index2_card .text .text2{
    margin-top:30px;
    font-size:16px;
    color: #000000;
}
.index2_card .text .text2 p{
    padding-left: 40px;
    background:url(../images/gou1.png) no-repeat left 0;
    line-height: 24px;
    margin-bottom: 11px;
}
.index2_card .text .text2 p:last-child{
    margin-bottom: 0;
}
.index2_card .text .text3{
    font-size: 18px;
    color: #555656;
    line-height: 1.6;
    font-family: "HarmonyOS_SansSC_Medium";
    margin-top:5px;
}
.index2_card .text .text3 p{
    font-family: "HarmonyOS_SansSC_Medium";    
}
.index2_card .text ul{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px 40px;   
    margin-top:25px;
}
.index2_card .text ul li{
    
}
.index2_card .text ul li .img{
    width: 100%;
}
.index2_card .text ul li .img .img2{
    display: none;
}
.index2_card .text ul li .w_intro{
    color: #555656;
    line-height: 1.5;
    margin-top:15px;
    font-size: 13px;
}
.index2_card1{
    z-index: 1;
}
.index2_card2{
    z-index: 2
}
.index2_card3{
    z-index: 3;
}
.index2_card4{
    z-index: 4;
    margin-bottom: 0;
}
@media(max-width: 1600px){
    .index2_card{
        padding:50px 60px;
    }
    .index2_card .text{
        padding-left:50px;
    }
    .index2_card .text h2{
        font-size:24px;
    }
    .index2_card .text .text1,.index2_card .text .text2{
        font-size:13px;
        margin-top:12px;
    }
    .index2_card .text .text1 p{
        margin-bottom: 10px;
    }
    .index2_card .text ul{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px 25px;
        margin-top: 15px;
    }
    .index2_card .text ul li .w_intro{
        margin-top: 6px;
        font-size: 10px;
    }
    .index2_card .text .text3{
        font-size:15px;
    }
}
@media(max-width: 1280px){
    .index_t1 h2{
        font-size:28px;
    }
    .index2_card{
        padding:30px 30px;
    }
    .index2_card .text{
        padding-left:35px;
    }
    .index2_card .text h2{
        font-size:20px;
    }
    .index2_card .text .text1,.index2_card .text .text2{
        font-size:12px;
        margin-top:10px;
    }
    .index2_card .text .text1 p {
        /*margin-bottom: 0px;*/
    }
    .index2_card .text ul{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px 15px;
        margin-top: 12px;
    }
    .index2_card .text .text3{
        font-size:15px;
    }
    .index2_card .text ul li .w_intro{
        font-size:8px;
    }
}
@media(max-width: 1199px){
    .index2_card .text ul{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 10px;
        margin-top: 10px;
    }
}
@media(max-width: 1080px){
    .index2_card{
        top:70px;
    } 


}
@media(max-width: 991px){
    .index2_card .text h2 {
        font-size: 18px;
    }
    .index2_card .text .text1, .index2_card .text .text2 {
        font-size: 13px;
        margin-top: 10px;
    }
    .index2_card .text .text2{
        display:none;
    }
    .index2_card .text .text2 p{
        background-size:20px;
    }
    .index2_card .text .text2 p {
        padding-left: 30px;
        background: url(../images/gou1.png) no-repeat left 0;
        line-height: 20px;
        margin-bottom: 6px;
    }
    .index2_card .text .text3 {
        font-size: 14px;
        line-height"1.4;
    }
}
@media(max-width: 820px){
    .index_t1 h2{
        font-size:24px;
    }
    .index2_card{
        padding:20px 20px;
        height:420px;
    }
}
@media(max-width: 767px){
    .index2{
       padding:35px 0;
    }
    .index_t1 h2{
        font-size:22px;
    }
    .index2_card{
        height:620px;
        display:block;
    }
    .index2_card .img .img1{
        display: none;
    }
    .index2_card .img .img2{
        display: block;
    }
   .index2_card .img{
       width:100%;
   }
   .index2_card .text{
       width:100%;
       padding-left:0;
       margin-top:15px;
   }
      .index2_card2 .text1,.index2_card4 .text1{
        display:none;
    }
    .index2_card .text .text1, .index2_card .text .text2{
        font-size:14px;
    }
    .index2_card4 .text1{
        display:block;
    }
    .index2_card .text ul li .w_intro{
        font-size:12px;
    }
}


.index3{
    padding:138px 0 88px;
    background: #fff;
}
.index3 .txt{
    margin: 30px auto 30px;
}
.index_txt{
    max-width: 1224px;
    text-align: center;
    font-size: 16px;
    color: #555656;
    line-height: 1.6;  
    margin:0 auto;  
}
#index3_scroll{

}
#index3_scroll .swiper-slide{
    position: relative;
    width:calc(20% - 24px);
    transition: width 0.3s ease; 
    text-align: center;
    box-sizing: border-box;
}
/* before hover*/
#index3_scroll .swiper-slide .img{
    height: 415px;
}
#index3_scroll .swiper-slide img {
    display: none;
    margin: 0 auto;
}
/* hover */
#index3_scroll:hover .swiper-slide{
  width: calc((75% - 72px) / 4);
}
#index3_scroll .swiper-slide:hover {
    width: calc(25% - 24px); 
}
#index3_scroll .text{
    position: absolute;
    top:0;
    left:0;
    width:100%;  
    padding:30px 15px 30px 25px;  
    text-align: left;
}
#index3_scroll p.p1{
    font-size:18px;
    color: #000000;
    font-family: "HarmonyOS_SansSC_Medium";
    line-height: 1.4;
    text-align: left;
}
#index3_scroll .text .txt2{
    margin-top:16px;
    height: 0;
    opacity: 0;
    overflow: hidden;
}
#index3_scroll .text .txt2 p{
    font-size:14px;
    color: #000000;
}
#index3_scroll .swiper-slide:hover .text{
    height: 100%;
    background: url(../images/index3_li_bg.png) no-repeat center;
    background-size: cover;
}
#index3_scroll .swiper-slide:hover .text .txt2{
    height: auto;
    opacity: 1;
}
.index_arrow .wrap{
    position: relative;
    display: flex;
    justify-content: center;
    align-items:center;
    max-width: 475px;
    height: 42px;
}
.index_arrow .swiper-button-prev,.index_arrow .swiper-button-next{
    width:42px;
    height: 42px;
    border:1px solid #e6e6e6;
/*    position: relative;*/
    top:50%;
    margin-top:-21px;
}
.index_arrow .swiper-button-prev{
    left:0;
    background:url('../images/left1.png') no-repeat center #fff;    
    transform: rotate(-0deg);
    background-size: 12px;
}
.index_arrow .swiper-button-prev:hover{
    background:url('../images/right1.png') no-repeat center #fff;    
    transform: rotate(-180deg);
    background-size: 12px;
}
.index_arrow .swiper-button-next{
    right:0;
    background:url('../images/left1.png') no-repeat center #fff;    
    margin-left: 13px;
    transform: rotate(-180deg);
    background-size: 12px;
}
.index_arrow .swiper-button-next:hover{
    background:url('../images/right1.png') no-repeat center #fff;    
    transform: rotate(-0deg);
    background-size: 12px;
}
.index_arrow .swiper-pagination-progressbar{
    width:calc(100% - 176px);
    margin:0 auto;
    height: 4px;
}
.index_arrow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#000;
}
.index3_arrow{
    margin-top:38px;
}
.index3_arrow .swiper-pagination-progressbar{
    background:#e6e6e6;
}
.m_more1{
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}
.m_more1 a{
    width: 42px;
    height: 42px;
    border: 1px solid #e6e6e6;
    background: url(../images/left1.png) no-repeat center #fff;
    transform: rotate(-90deg);
    background-size: 12px;
}
@media(max-width: 1600px){
    .index3{
        padding:88px 0;
    }
    .index_txt{
        font-size:14px;
    }
    .index3 .txt {
        margin: 20px auto 20px;
    }
}
@media(max-width: 1280px){
    .index3{
        padding:75px 0;
    }
    #index3_scroll .swiper-slide{
        width: calc(25% - 15px);
    }
    #index3_scroll:hover .swiper-slide{
      width: calc((70% - 45px) / 3);
    }
    #index3_scroll .swiper-slide:hover {
        width: calc(30% - 15px); 
    }
    #index3_scroll .text{
        padding:25px 15px;
    }
    #index3_scroll p.p1{
        font-size:16px;
    }
}
@media(max-width: 1199px){
    
}
@media(max-width: 1080px){
    .index3 .txt{
        display:none;
    }
    .index3_content{
        margin-top:30px;
        overflow:hidden;
    }
}
@media(max-width: 991px){
    #index3_scroll .text .txt2{
        display:none!important;
    }
}
@media(max-width: 820px){
    .index3{
        padding:55px 0;
    }
    #index3_scroll .swiper-slide{
        width: calc(100% / 3 - 10px);
    }
    #index3_scroll:hover .swiper-slide{
      width: calc((60% - 20px) / 2);
    }
    #index3_scroll .swiper-slide:hover {
        width: calc(40% - 10px); 
    }
    .index2_card .text ul li .img .img1{
        display: none;
    }
    .index2_card .text ul li .img .img2{
        display: block;
    }
    .index2_card .text ul li .w_intro{
        display:none;
    }
    /*#index3_scroll .swiper-slide:hover .text{*/
    /*    background: url(../images/index3_li_bg2.png) no-repeat center;*/
    /*    background-size: cover;*/
    /*}*/
    #index3_scroll .text .txt2 p{
        color:#fff;
    }
    .index_arrow .swiper-pagination-progressbar{
        width:calc(100% - 120px);
    }
}
@media(max-width: 640px){
    .index3{
        padding:40px 0;
    }  
    #index3_scroll .swiper-slide{
        width: calc(100% / 2 - 7.5px);
    }
    #index3_scroll:hover .swiper-slide{
      width: calc((40% - 7.5px) / 1);
    }
    #index3_scroll .swiper-slide:hover {
        width: calc(60% - 7.5px); 
    }
    .index3_arrow {
        margin-top: 25px;
    }
    .about7_content{
        height:0;
        margin-top:0;
        visibility:hidden;
    }
    .about7_content.on{
        height:auto;
        margin-top: 30px;
        visibility:visible;
    }
    .m_more1{
        display:flex;
        margin-top:10px;
    }
    .m_more1.hide a{
        transform: rotate(90deg);
    }
}
@media(max-width: 460px){
    #index3_scroll .swiper-slide{
        width: calc(50% - 7.5px);
    }
    #index3_scroll:hover .swiper-slide{
        width: calc(50% - 7.5px);
    }
    #index3_scroll .swiper-slide:hover {
        width: calc(50% - 7.5px); 
    }
    .index2_card{
        padding:15px;
    }
    .index2_card .text ul {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 0px;
    }
}


.index4{
    padding:60px 0 50px;
    background:#f5f5f5;
}
.index4 .txt{
    margin: 30px auto 30px;
}
#index4_scroll{
    padding:9px;
}
#index4_scroll .swiper-wrapper{
    display: flex;
}
#index4_scroll .swiper-slide{
    box-shadow: 0 0 10px #e5e5e5;
    background:#ffffff;  
    height: auto;
}
#index4_scroll .swiper-slide:hover{
    box-shadow: 0 0 10px #999;    
}
#index4_scroll .swiper-slide a{
    display: block;
    height: 100%;
    position: relative;
}
#index4_scroll .swiper-slide a .img img{
    width: 100%;
}
#index4_scroll .swiper-slide a .text{
    padding:22px;
    text-align: left;
}
#index4_scroll .swiper-slide a .text .text2{
/*    padding-bottom: 104px; */   
}
#index4_scroll .swiper-slide a .text h3{
    font-size:18px;
    line-height: 1.4;
    color: #000000;
    font-family: "HarmonyOS_SansSC_Medium";    
    font-weight: normal;
}
#index4_scroll .swiper-slide a .text .txt2{
    text-align: left;
    line-height: 1.6;
    color: #555656;

    margin-top:10px;
}
.index4_arrow{
    margin-top:45px;
}
.index4_arrow .swiper-pagination-progressbar{
    background:#fff;
}
.index4_scroll_a{
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right:22px;
    bottom:22px;
    width:100%;
    display: none;
}
.index4_scroll_a font{
    display: flex;
    align-items:center;
    justify-content: center;
    width:115px;
    height: 34px;
    border:2px solid #e6e6e6;
    font-size:13px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Bold";
}
#index4_scroll .swiper-slide a:hover .img img{
    transform: scale(1.1);
}
#index4_scroll .swiper-slide a:hover .index4_scroll_a font{
    color: #010101;
    border:2px solid #010101;
}
@media(max-width: 1600px){

}
@media(max-width: 1280px){

}
@media(max-width: 1199px){

}
@media(max-width: 991px){

}
@media(max-width: 820px){
    #index4_scroll .swiper-slide{
        box-shadow: 0 0 10px #ccc;
    }
}
@media(max-width: 640px){
    .index4{
       padding:40px 0;
    }
    .index4 .txt{
        margin: 20px auto 20px;
    }
    #index4_scroll .swiper-slide a .text .txt2{
        display:none;
    }
.index4_arrow{
    margin-top:25px;
}
}



.index5{
    padding:95px 0 0;
    background: #fff;
    display: none;
}
.index5 .wrap{
    width: 1224px;
}
.index5 .txt{
    margin: 35px auto 0;
}
.index_sort{
    margin:65px 0 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.index_sort li{
    padding:0 32px;
    position: relative;
    border-right: 1px solid #555656;
}
.index_sort li:last-child{
    border-right: none;
}
.index_sort li a{
    display: block;
    font-size:16px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Medium";
    line-height: 1;
}
.index_sort li:hover a{
    color: #000000;
}
.index_news_list dl{
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between;   
}
.index_news_list dl dt{
    width:calc(50% - 23px);
}
.index_news_list dl dd{
    width:calc(50% - 23px);
}
.index_news_list dl li{

}
.index_news_list dl li a,#index_news_list2 .swiper-slide a{
    display: block;
}
.index_news_list dl li a .img,#index_news_list2 .swiper-slide a .img{
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.index_news_list dl li a .img img{
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto;
    max-width: auto;
}
#index_news_list2 .swiper-slide a .img img{
    width: 100%;
}
.index_news_list dl li a:hover .img img,#index_news_list2 .swiper-slide a:hover .img img{
    transform: scale(1.1);
}
.index_news_list dl li a .img p,#index_news_list2 .swiper-slide a .img p{
    position: absolute;
    top:0;
    left:0;
    height: 40px;
    background:#555656;
    font-size:20px;
    color: #ffffff;
    font-family: "HarmonyOS_SansSC_Bold";
    padding:0 22px;
    border-radius: 5px;
}
.index_news_list dl li .text{
    height: 130px;
}
.index_news_date{
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content: space-between;
    line-height: 1.4;
    margin:8px 0 3px;
}
.index_news_date p{
    font-size:14px;
    color: #555656;
}
.index_news_date p span{
    font-size:30px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Light";
    margin-right: 14px;
}
.index_news_date font{
    font-size:13px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Bold";
    transition: all 0.3s ease-out;
    display: inline-block;
    position: relative;
}
.index_news_list dl li a:hover .index_news_date font{
    background:url(../images/news_more.png) no-repeat right 0px;
    color: #000000;
    padding-right: 32px;
}
.index_news_list dl li .text h3,#index_news_list2 .swiper-slide a .text h3{
    font-size:20px;
    color:#000000;
    line-height: 1.6;
    font-weight: normal;
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: "HarmonyOS_SansSC_Medium";
}
#index_news_list2 .swiper-slide a .text h3{
    white-space: wrap; 
    text-overflow: ;
    overflow: visible;
}
.index_news_list dl dt{

}
.index_news_list dl dt li{
    height: 419px;
}
.index_news_list dl dt .img{
    height: 289px;
}
.index_news_list dl dd{

}
.index_news_list dl dd .img{
    height: 708px;
}
#index_news_list2{
    visibility: hidden;
    height: 0;
    opacity: 0;
    position: relative;
    overflow: hidden;
}
.index5 .index_more{
    margin-top:22px;
}
.index_more{
    display: flex;
    justify-content: center;
}
@media(max-width: 1600px){
    .index_news_list dl li a .img p, #index_news_list2 .swiper-slide a .img p{
        font-size:17px;
        height:34px;
        padding:0 15px;
    }
    .index_news_date p span{
        font-size:26px;
    }
    #index_news_list2 .swiper-slide a .text h3{
        font-size:18px;
    }
}
@media(max-width: 1280px){
    .index5{
        padding:75px 0 0;
    }
}
@media(max-width: 1199px){
    .index_sort li{
        padding:0 20px;
    }
    .index_news_list{
        display:none;
    }
    .index5 .wrap{
        width:94%;
    }
    #index_news_list2{
        visibility:visible;
        opacity:1;
        height:auto;
    }
    .index5_arrow{
        margin-top:25px;
    }
}
@media(max-width: 991px){
    .index_news_date p span{
        font-size:24px;
    }
    #index_news_list2 .swiper-slide a .text h3{
        font-size:16px;
    }
}
@media(max-width: 820px){
    .index5{
        padding:55px 0 0;
    }
}
@media(max-width: 640px){
    .index5{
        padding:40px 0 0;
    }  
    .index5 .txt{
        margin: 20px auto 0;
    }
    .index_sort {
        margin: 25px 0 20px;
    }
    .index_sort li{
        padding:0 15px;
    }
    .index_sort li:nth-child(1){
        padding-left:0;
    }
    .index_sort li:last-child{
        padding-right:0;
    }
    .index_sort li a{
        font-size:15px;
    }
    .index_news_date p span{
        font-size:22px;
    }
    .index_news_date font{
        font-size:12px;
    }
}
@media(max-width: 460px){
    .index_sort li{
        padding:0 12px;
    }    
}

.index6{
    padding:178px 0 162px;
    background: #fff;
}
.index6 .index_txt{
    margin:30px auto 45px;
}
#index6_scroll{
    padding:5px;
}
#index6_scroll .swiper-slide{
    box-shadow: 0 0 6px #eee;
}
#index6_scroll .swiper-slide a{
    display: flex;
    flex-wrap: wrap;
}
#index6_scroll .swiper-slide a .img{
    width:41%;
}
#index6_scroll .swiper-slide a .img img{
    width: 100%;
}
#index6_scroll .swiper-slide a:hover .img img{
    transform: scale(1.1)
}
#index6_scroll .swiper-slide a .text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding:15px 20px;
    width:59%;
}
#index6_scroll .swiper-slide a .text h3{
    font-size:18px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Bold";
    line-height: 1.4;
}
#index6_scroll .swiper-slide a .text p{
    font-size:16px;
    color: #555656;
    display: flex;
    align-items:flex-end;
    justify-content: flex-end;
    line-height: 1;
}
#index6_scroll .swiper-slide a .text p i{
    margin-right: 12px;
    width:21px;
    height: 20px;
    background:url(../images/download.png) no-repeat center;
    background-size: 100%;
}
#index6_scroll .swiper-slide a:hover{
    background:#f5f5f5;
}
#index6_scroll .swiper-slide a:hover .text h3,#index6_scroll .swiper-slide a:hover .text p{
    color: #000000;
}
#index6_scroll .swiper-slide a:hover .text p i{
    background:url(../images/download_h.png) no-repeat center;
    background-size: 100%;
}
.index6_arrow{
    margin-top:47px;
}
.index6 .index_more{
    margin-top:55px;
}
.index6 .index_more{
    display: none;
}
/*.message_fixed2{*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 999999999;*/
/*    background: rgba(53, 53, 53, .3);*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
/*    overflow: hidden;*/
/*    display: none;*/
/*}*/
.message_fixed2.on{
    display: flex!important;
    justify-content: center;
    align-items: center;
}
.message_fixed_bg{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 8;
    /*display: none;*/
}
@media(max-width: 1600px){
    .index6{
        padding:90px 0;
    }
}
@media(max-width: 1280px){
    .index6{
        padding:75px 0;
    }
}
@media(max-width: 1199px){
    /*.index6 .index_more{*/
    /*    display: flex;*/
    /*}*/
}
@media(max-width: 991px){
    .message_fixed2{
        height: 100vh;
        overflow: auto;   
        background:#fff;
    }
    .message3{
        padding:0;
        max-height:unset;
        overflow:visible;
        max-width:100%;
    }
}
@media(max-width: 820px){
    /*.index6{*/
    /*    padding:55px 0;*/
    /*}*/
    
}
@media(max-width: 640px){
    /*.index6{*/
    /*    padding:40px 0*/
    /*} */
    .index6 .index_txt{
        margin:20px auto 20px;
    }
    .index6_arrow {
        margin-top: 25px;
    }
}


.index_fixed {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-image: url(../images/m_index7.jpg);
    background-size: cover;
    background-position: 50% 0;
    z-index: -1;
    transition: all 0.3s ease-out;
    opacity: 0;
}
/*.index_bg:after{*/
/*    content: "";*/
/*    position: fixed;*/
/*    z-index: -1;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    background-image: url(../images/m_index7.jpg);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover; */
/*    opacity: 0;*/
/*}*/
.index7{
    color: #fff;
    position: relative;
    height: calc(100vh - 50px);
    background-image: url(../images/index7.jpg);
    background-size: cover;
    background-position: 50% 0;
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    line-height: 1.4;
}
.index7 h2{
    font-size:80px;
    text-shadow: 0 0 10px #999;
}
.index7 p{
    font-size:60px;
    font-family: "HarmonyOS_SansSC_Medium";
    text-shadow: 0 0 10px #999;
}
.message1{
    background:#f5f5f5;
    padding:98px 0 104px;
}
.message1 .wrap{
    max-width: 1224px;
}
.message1_content{
    margin-top:65px;
    display: flex;
    flex-wrap: wrap;
}
.message1_content_l{
    width:33.2%;
}
.message1_content_l_c{
    display: flex;
    flex-wrap: wrap;    
}
.message1_content_l .img{
    width:128px;
}
.message1_content_l .txt{
    width:calc(100% - 128px);
    padding-left: 25px;
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.message1_content_l .txt .p1{
    font-size:25px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Medium";
}
.message1_content_l .txt .p2{
    font-size:21px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Light";
    display: none;
}

.message1_content_r{
    width:66.8%;
}
.message_list{
    display: flex;
    flex-wrap: wrap;
}
.message_list li{
    margin-bottom: 15px;
    position: relative;
}
.message_list1 li{
    width:32%;
    margin-right: 2%;
}
.message_list1 li:nth-child(3n){
    margin-right: 0;
}
/*.message_list li:nth-child(7),*/
.message_list li:nth-child(8){
    width:100%;
    margin-right: 0;
}
.message_list li label{
    display: block;
    width:100%;
    font-size:14px;
    color: #555656;
    margin-bottom: 5px;
    font-family: "HarmonyOS_SansSC_Medium";
}
.message_list li input,.message_list li select{
    display: block;
    width:100%;
    line-height: 28px;
    height: 28px;
    border:1px solid #bbb;
    background:#fff;
    outline: none;
    padding:0 5px;
    color: #565656;
    font-size: 14px;
}
.message_list li p,.message_list li div{
    position: relative;
}
.message_list li select{
    background-color: #fff;
    background-image: url(../images/f_nav_arrow.png);
    background-position: bottom 9px right 10px;
    background-repeat: no-repeat;
    background-size: 12px;
    overflow: hidden;
    padding-right: 2rem;  
appearance: none; /* 通用属性 */
-webkit-appearance: none; /* 适配Safari和Chrome */
-moz-appearance: none; /* 适配Firefox */
}
select::-ms-expand {
display: none;
}
.message_list li textarea{
    display: block;
    width:100%;
    line-height: 28px;
    height: 128px;
    border:1px solid #bbb;
    background:#fff;
    outline: none;
    padding:0 5px;
}
.message_intro{
    padding:15px 0 45px;
}
.message_intro .p1{
    font-size:12px;
    color: #000000;
}
.message_intro .p2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1.6;
    margin:35px 0;
    font-size:12px;
    color: #555656;
}
.checkbox{
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 100%;
    margin: 0 10px 0 0;
}
input[type="checkbox"]{
    -webkit-appearance: checkbox; 
    -moz-appearance: checkbox;
    appearance: checkbox;
}
.message_intro .p2 label{
    display: inline-block;
    width: calc(100% - 30px);
}
.error{
    width: 100%;
}
.message_intro a{
    text-decoration: underline;
}
.message_intro a:hover{
    color: #000;
}
.message_intro .p3{
    display: flex;
    line-height: 1.6;
    font-size:12px;
    color: #555656;
    align-items:center;
}
.message_intro .p3 i{
    margin-right: 10px;
}
.mess_btn button{
    display: flex;
    align-items:center;
    justify-content: center;
    width:100%;
    height: 44px;
    background:#96c03a;
    border:none;
    outline: none;
    color: #fff;
    font-family: "HarmonyOS_SansSC_Black";
    cursor: pointer;
}
.mess_btn button i{
    margin-right: 12px;
}
.custom-error{
    color: #ff0000;
    font-size: 12px;
    line-height: 1.2;
    position: absolute;
    left:0;
    bottom:-16px;
}
@media(max-width: 1600px){
    .index7 h2{
        font-size:66px;
    }
    .index7 p{
        font-size:46px;
    }
    .message1{
        padding:90px 0;
    }
}
@media(max-width: 1280px){
    .message1_content{
        margin-top:50px;
    }
    .message1{
        padding:75px 0;
    }
}
@media(max-width: 1199px){
    .index7{
        background-image: url(../images/index7_2.jpg);
        background-size: contain;
        background-position: 50% 0;
        background-attachment: fixed;        
    }
}
@media(max-width: 1080px){
    /*.index_fixed{*/
        /*opacity: 1;*/
    /*}*/
    /*.index_bg:after{*/
    /*    opacity:1;*/
    /*}*/
    .index7{
        /*background: none;*/

    }
}
@media(max-width: 991px){
    /*.index7{*/
    /*    background-image: url(../images/index7.jpg);*/
    /*    background-size: cover;*/
    /*    background-position: 50% 0;*/
    /*    background-attachment: fixed;*/
    /*}*/
    .index7 h2{
        font-size:56px;
    }
    .index7 p{
        font-size:42px;
    }
    .message1_content{
        margin-top:35px;
    }
    .message1_content_l{
        width:100%;
        text-align:center;
    }
    .message1_content_l_c {
        display: flex;
        flex-wrap: wrap;
        max-width: 325px;
        margin:0 auto;
    }
    .message1_content_r{
        width:100%;
        margin-top:30px;
    }
    .message_list li textarea{
        height:84px;
    }
    .message_list li input, .message_list li select{
        height:42px;
        line-height:42px;
        border-radius:0;
        background-position: bottom 14px right 10px;
    }
}
@media(max-width: 820px){
    .index7{
        background-image: url(../images/m_index7.jpg);
        background-size: contain;
        background-position: 50% 0;
        background-attachment: fixed;        
    }
    .index7 h2{
        font-size:46px;
    }
    .index7 p{
        font-size:36px;
    } 
    .message1{
        padding:55px 0;
    }
    .message_intro {
        padding: 5px 0 25px;
    }
    .message_intro .p2{
        margin:25px 0;
    }
}
@media(max-width: 640px){
    .index7{
        height:75vh;
    }
    .index7 h2{
        font-size:42px;
    }
    .index7 p{
        font-size:30px;
    }  
    .message1_content_l_c{
        display:block;
        text-align:center;
    }
    .message1{
        padding:35px 0;
    }
    .message1_content_l_c {
        max-width: 280px;
    }
    .message1_content_l .img {
        margin:0 auto;
    }
    .message1_content_l .txt {
        padding-left:0;
        width:100%;
        margin:0 auto;
        padding-top:10px;
    }
    .message1_content_l .txt .p1{
        font-size:20px;
    }
    .message1_content_l .txt .p2{
        font-size:17px;
    }
    .message_list1 li {
        width: 49%;
        margin-right: 2%;
    }
    .message_list1 li:nth-child(3n) {
        margin-right: 2%;
    }
    .message_list1 li:nth-child(2n) {
        margin-right: 0;
    }
    .message_intro {
        padding: 5px 0 20px;
    }
    .message_intro .p2{
        margin:15px 0;
    }
    .message_intro .p3{
        align-items: flex-start;
    }
    .message_list li{
        width:100%;
        margin-right:0!important;
    }
}
@media(max-width: 460px){
    .index7{
        height:80vh;
    }
    /*.index7 h2{*/
    /*    font-size:36px;*/
    /*}*/
    /*.index7 p{*/
    /*    font-size:24px;*/
    /*}*/
    .message1_content_l_c {
        max-width: 260px;
    }
    .message1_content_l .img {
        width: 100px;
    }
    /*.message1_content_l .txt {*/
    /*    width: calc(100% - 100px);*/
    /*}*/
    .message1_content_l .txt .p1{
        font-size:17px;
    }
    .message1_content_l .txt .p2{
        font-size:16px;
    }
    .message_list1 li {
        width: 100%;
        margin-right: 0%!important;
    }
}



.right_message{
    position: fixed;
    right: 0;
    bottom: 30px;
    /*margin-top: -31px;*/
    cursor: pointer;
    z-index: 9999;
    width: 170px;
}
.right_message_c{
    display: flex;
    position: relative;
    padding:0 10px 0 18px;
    height: 44px;
    line-height: 44px;
    background: #96c03a;

}
.right_message_c .img{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border:3px solid #fff;
    position: relative;
    top:-16px;
    background: #fff;
}
.right_message_c font{
    font-size: 12px;
    color: #fff;
    font-family: "HarmonyOS_SansSC_Bold";  
    margin-left: 5px;
}
.right_message_c:hover{
    background: #a3d03f;
}
.right_message .img2{
    display: none;
}
/*foot*/
footer{
    background:#ffffff;
    overflow: hidden;
}

.foot{
    display: flex;
    justify-content: space-between;
    padding:50px 0 135px;
}
.foot .wrap{
    width:90%;
    max-width: 1700px;
}
.f_top{
    text-align: center;
}
.f_top a{
    display: inline-block;
    cursor: pointer;
}
.f_top img{
    max-height: 60px;
}
.f_content{
    margin-top:75px;
    display: flex;
    flex-wrap: wrap;
    padding:0 10%;
}
.f_contact{
    /*width:26.5%;*/
    width: 35%;
}
.f_logo{

}
.f_logo img{
    max-height: 28px;
}
.f_contact h3{
    font-size:16px;
    color: #555656;
    margin:10px 0 5px;
}
.f_contact .text{
    line-height: 1.8;
}
.f_contact .text p{
    padding-left: 25px;
}
.f_contact .text p:nth-child(1){
    background:url(../images/f_contact_ico1.png) no-repeat left 5px;
    background-size: 15px;
}
.f_contact .text p:nth-child(2){
    background:url(../images/f_contact_ico2.png) no-repeat left 5px;
    background-size: 15px;
}
.f_contact .text p:nth-child(3){
    background:url(../images/f_contact_ico3.png) no-repeat left 5px;
    background-size: 15px;
}
.f_contact .text p:nth-child(4){
    background:url(../images/f_contact_ico4.png) no-repeat left 5px;
    background-size: 15px;
}

.f_nav{
    /*width: 49%;*/
    padding:0 6%;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    width: 35%;
}
.f_t1{
   font-size:18px;
   color: #555656;
   font-family: "HarmonyOS_SansSC_Medium"; 
   width:100%;
   line-height: 1;
   margin-bottom: 25px;
}
.f_nav_content{
    display: flex;
    justify-content: space-between;
}
.f_nav_content dl{

}
.f_nav_content dl dt{
    font-size:14px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Bold"; 
    padding-right: 18px;
    background:url(../images/f_nav_arrow.png) no-repeat right 6px;
    background-size: 12px;
    line-height: 1;
    margin-bottom: 25px;
    display: inline-block;
    cursor: pointer;
}
.f_nav_content dl:last-child dt{
    padding-right: 0;
    background: none;
}
.f_nav_content dl:last-child dt a{
    font-family: "HarmonyOS_SansSC_Bold"; 
}
.f_nav_content dl dd{
    
}
.f_nav_content dl dd p a{
    font-size:14px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Light"; 
}
.f_nav_content dl dd p a:hover{
    color: #000000;
}
.f_pro_sort{

}
.f_pro_sort dd{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:100%;    
}
.f_nav_content dl dd li{
    margin-right: 25px;
}
.f_nav_content dl dd li:last-child{
    margin-right: 0;
}
.f_pro_sort dd .p2 a{
    font-size:14px;
    color: #555656;
    padding-right: 18px;
    background:url(../images/f_nav_arrow.png) no-repeat right 6px;
    background-size: 12px;
    line-height: 1;
    display: inline-block;
}
.f_pro_sort dd  .p3{
    margin-top:28px;
}
.f_sec a{
/*    display: block;*/
}
.f_nav_a{

}
.f_nav_a a{
    font-size:14px;
    color: #555656;
   font-family: "HarmonyOS_SansSC_Bold"; 
}
.f_nav_a a:hover{
    color: #8ab73e;
}
.f_nav_content dl.cur dt,.f_pro_sort dd li.active .p2 a{
    background:url(../images/f_nav_arrow2.png) no-repeat right 6px;
}
.f_nav_content dl.cur dd,.f_nav_content dl .f_nav_li.active .f_sec{
    opacity: 0;
    height: 0;
    overflow: hidden;
}


.foot_r{
    /*width:24.5%;*/
    width: 30%;
    padding-left: 6.3%;
}
.f_share{

}
.f_share .p2{
    font-size:14px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Light";    
    line-height: 1.6;
    padding:2px 0 12px;
}
.f_share_a{
    display: flex;
}
.f_share_a a{
    margin-right: 15px;
    max-width: 31px;
}
.f_share_a a:last-child{
    margin-right: 0;
}
.f_share_a a img{
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);    
}
.f_share_a a:hover img{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);    
}
.f_share_a a .img2{
    display: none;
}
.f_share_a a:hover .img1{
    display: none;
}
.f_share_a a:hover .img2{
    display: block;
}
.f_share_more{
    display: flex;
    flex-wrap: wrap;
    margin-top:52px;
}
.f_share_more .img{
    margin-left: 12px;
}
.f_share_more .img img{
    max-width: 100px;
}
.copyright {
    line-height: 24px;
    padding:15px 0;
    font-size:14px;
    color: #555656;
    background:#f5f5f5;
    font-family: "HarmonyOS_SansSC_Light";
}
.copyright .wrap{
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content: center;
}
.copyright p{
    margin-right: 110px;
}
.copyright_a{
    display: flex;
    flex-wrap: wrap;
}
.copyright a{
    display: block;
    line-height: 1;
    color: #555656; 
    font-family: "HarmonyOS_SansSC_Light";  
    margin:0 20px;
    position: relative;
}
.copyright a:nth-child(1){
    margin-left: 0;
}
.copyright a:last-child{
    margin-right: 0;
}
.copyright a:last-child:after{
    display: none;
}
.copyright a:after{
    content:'';
    position: absolute;
    right:-19px;
    top:0;
    width:1px;
    height: 100%;
    background:#646565;
}
.copyright a:hover{
    color: #000000;
}
/* 右侧浮动窗口样式 */
.rightBox {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 350px;
    z-index: 99999999;
    /*box-shadow: 0 0 0 10px #ccc;*/
    --tw-shadow: 0px 0px 40px 0px rgba(3, 12, 18, .251);
    --tw-shadow-colored: 0px 0px 40px 0px rgba(3, 12, 18, .251);
        box-shadow: 0 0 40px rgba(3, 12, 18, .251);
}
.rightBox_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #96c03a;
    width: 100%;
    height: 67px;
    padding:0 12px 0 18px;
    line-height: 1;
}
.rightBox_top p{
    font-size: 24px;
    color: #fff;
    /*font-family: "HarmonyOS_SansSC_Medium";*/
    font-family: "Arial";
}
.rightBox.hidden {
    display: none;
}
.right_box1 {
    position: relative;
}

.right_box1 button {
    border: none;
    background: #fff;
    color: #555656;
    /* position: absolute; */
    right: 10px;
    top: 50;
    cursor: pointer;
    z-index: 10;
    padding: 2px 2px 0px;
    line-height: 1;
}
.right_box1 button span,.right_box1_btn a span{
    display: inline-block;
    line-height: 1;
}
.right_box1 .img img {
    width: 100%;
    height: auto;
    display: block;
}

.right_box1 .text {
    padding: 30px 10px 28px 20px;
    background: #fff;
}

.right_box1 h3 {
    font-size: 19px;
    color: #000000;
    font-family: "HarmonyOS_SansSC_Medium";
    margin-top: 0;
    line-height: 1.4;
    font-weight: normal;
}
.right_box1 .text1{
    font-size: 14px;
    color: #565656;
    margin:15px 0 12px;
    line-height: 1.6;
}
.right_box1 .txt {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    line-height: 1;
}
.right_box1 .txt svg{
    margin-right: 8px;
    /*display: none;*/
}
.right_box1_btn{
    padding-top:5px;
}
.right_box1_btn a{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 115px;
    height:34px;
    font-size: 13px;
    color: #555656;
    border:2px solid #e6e6e6;
    font-family: "HarmonyOS_SansSC_Bold";
}

.right_box1_btn a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #565656;
    font-family: "HarmonyOS_SansSC_Bold";
    text-decoration: none;
}
.right_box1_btn a span{
    font-family: "HarmonyOS_SansSC_Bold";    
}
.right_box1_btn a svg{
    margin-right: 12px;
}
.right_box1_btn a:hover{
    color: #000;
}
.right_box1_btn{
    display: none;
}
/* Cookie弹窗样式 */
#cookieBanner {
    position: fixed;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 999999999;
    /*transition: opacity 0.5s ease;*/
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
}
#cookieBanner.active{
    transform: translateY(0);
    opacity: 1;
}
.cookie-content {
    padding: 30px;
    background: #fff;
    width: 90%;
    max-width: 768px;
    margin: 0 auto;
}

.cookie-content h2 {
    font-size: 16px;
    color: #000;
    font-family: "HarmonyOS_SansSC_Medium";
}

.cookie-content .cookie-text {
    line-height: 1.6;
    margin-bottom: 20px;
}

.cookie-buttons {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.cookie-buttons button {
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    background: #96c03a;
    font-family: "HarmonyOS_SansSC_Medium";
    padding: 7px 20px;
    line-height: 1.6;
    margin: 0 15px;
    cursor: pointer;
}
@media(max-width: 1600px){
    .foot{
        padding:50px 0 80px;
    }
    .f_content{
        padding:0 5%;
    }
}
@media(max-width: 1280px){
    .foot{
        padding:40px 0 60px;
    }
    .f_content{
        margin-top:50px;
        padding:0 0%;
    }
}
@media(max-width: 1199px){
    .rightBox{
        display:none;
    }
    .right_message{
        width:auto!important;
    }
    .right_message_c{
        padding:0;
        background:none;
        width:56px;
        height:56px;
        border-radius:50%;
        box-shadow:0 0 10px #ccc;
    }
    .right_message_c .img{
        top:0;
    }
    .right_message_c font{
        display:none;
    }
}
@media(max-width: 991px){
    .foot{
        padding:40px 0;
    }
    .f_content{
        margin-top:35px;
        
    }
    .right_message{
        width:150px;
    }
}
@media(max-width: 820px){
    .copyright p{
        margin-right:55px;
    }
    .right_message{
        width:120px;
    }
    .right_message .img1{
        display: none;
    }
    .right_message .img2{
        display: block;
    }
    .f_logo img{
        max-width:135px;
    }
}
@media(max-width: 640px){
    /*footer{*/
    /*    margin-bottom:56px;*/
    /*}    */
    .foot{
        padding:35px 0;
    }
    .f_logo img{
        max-width:120px;
    }
    .f_content{
        margin-top:30px;
    }
    .f_contact{
        width:100%;
    }
    .f_nav{
        width:100%;
        padding:25px 0;
        margin:25px 0;    
        border-top:1px solid #bbbbbb;
        border-bottom:1px solid #bbbbbb;
        border-left:none;
        border-right:none;
    }
    .f_share_a a img{
        width:22px;
    }
    .foot_r {
        width: 100%;
        padding-left: 0%;
    }
    .copyright p{
        width:100%;
        margin-right:0;
        text-align:center;
        margin-bottom:10px;
    }
    .copyright_a{
        width:100%;
        justify-content:center;
    }
    .copyright a{
        margin:0 15px;
    }
    .right_message{
        width:100px;
    }
    .f_share_more .img img{
        max-width:70px;
    }
    /*.copyright_a a{*/
    /*    line-height:2em;*/
    /*}*/
}
@media(max-width:460px){
    .right_message{
        width:85px;
    }
    .copyright a {
        margin: 0 12px;
    }
    .copyright a:after{
        right:-13px;
    }
    .copyright_a a:last-child{
        /*margin-top:10px;*/
    }
}
/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}
.f_none{
    display: none;
}



/*------------?ҳ-------------------*/
.n_banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.n_banner img {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.n_banner .img2{
    display: none;
}
.n_banner_text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;    
}
.n_banner .n_banner_text .img{
    
}
.n_banner .n_banner_text .img img{
    width: auto;
    margin:0;
}
.n_banner_text .txt{
    font-size:37px;
    color: #555656;
    line-height: 1.2;
    margin-top:30px;
}

.sitemp{
    margin:24px 0 20px;
}
.sitemp .site{
    display: flex;
    flex-wrap:wrap;
    align-items: center;
}
.site_ico{
    margin:0 11px;
    max-width: 5px;
}
.sitemp .site,.sitemp .site a{
    font-size:13px;
    color: #555656;
}
.sitemp .site a:hover{
    color: #000;
}
@media(max-width: 1600px){
    .n_banner_text h2{
        font-size:52px;
    }
}
@media(max-width: 1280px){
    .n_banner_text h2{
        font-size:46px;
    }
}
@media(max-width: 1080px){
    .n_banner .img1{
        display: none;
    } 
    .n_banner .img2{
        display: block;
    }  
    .n_banner_text{
        display:none;
    }
}
@media(max-width: 1024px){
    .n_banner_text h2{
        font-size:42px;
    }    
}
@media(max-width: 991px){

}
@media(max-width: 820px){
    .n_banner_text h2{
        font-size:36px;
        padding-top:0;
    }    
}
@media(max-width: 767px){
    .n_banner_text h2{
        font-size:26px;
    }    
}


/*company*/
.about1{
    /*background: url(../images/about1_bg.png) no-repeat top center;*/
    /*background-size: cover;*/
    padding:38px 0 165px;
    background-attachment: fixed;
}
.about_sticky{
    width: 100%;
    height: calc(100vh - 150px);
    object-fit: cover;
    position: sticky;
    top: 110px;
    z-index: -1;
}
.about_sticky_cont{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: sticky;
    top: 0;    
}
.about_sticky_cont img{
    width: 100%;
}
.about_sticky_cont .img2{
    display: none;
}
.about1_cont{
    margin-top:-700px;
}
.about1 .wrap{
    max-width: 1202px;
    
}
.about1 .text{
    margin-top:60px;
    font-size: 16px;
    color: #555656;
    /*height: 260px;*/
    overflow-y: auto; 
     transition: none;
     padding-bottom: 175px;

  /* 隐藏滚动条 - Chrome, Safari 和 Opera */
  /*
  -ms-overflow-style: none;
  scrollbar-width: none;
  */
}
/* 隐藏滚动条 - Chrome, Safari 和 Opera */
.about1 .text::-webkit-scrollbar {
  display: none;
}
.about1 .text strong{
    color: #000;
}
.about1 .text.active{
    overflow-y: auto; 
}
.about1 .text p:nth-child(3){
    /*margin-bottom: 700px;*/
}
.about2{
    background: #f5f5f5;
    padding:65px 0 40px;
}




#about2_scroll{
    margin-top:65px;
}
#about2_scroll .swiper-slide:after{
    content:'';
    position: absolute;
    top:133.5px;
    left:0;
    width: 11px;
    height: 11px;
    background: #96c03a;
    z-index: 9;
}
#about2_scroll .img img{
    width: 100%;
}
#about2_scroll .text{
    padding-bottom: 28px;
    margin-bottom: 35px;
}
#about2_scroll .p1{
    font-size: 32px;
    color: #555656;
    line-height: 1.2;
}
.pc_hide{
    visibility: hidden;
}
#about2_scroll .txt{
    font-size: 16px;
    color: #555656;
    line-height: 1.6em;
    height: 4.8em;
    margin-top: 12px;
}
.fzlc_line{
    position: absolute;
    top:137px;
    left:0;
    width: 100%;
    z-index: 0;
}
.fzlc_line .swiper-pagination{
    position: relative;
    background: #fff;
    width: 100%;
    height: 3px;
    z-index: 8;
}
.fzlc_line .swiper-pagination .swiper-pagination-progressbar-fill{
    background: #96c03a;
}
.about2_arrow{
    margin-top:62px;
}
.about2_arrow .wrap{
    max-width: 740px;
}
#about2_arrow .swiper-pagination{
    background: #fff;
}

.about3{
    padding:110px 0 0;
}
.about3 .wrap2{
    max-width: 1680px;
}
.about3 .txt{
    max-width: 1200px;
    margin:28px auto 35px;
}
.about3_list{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 30px;
}
.about3_list li{
    border:1px solid #e6e6e6;
    box-shadow: 0 0 10px #eee;
    text-align: center;
    padding:80px 20px 48px;
}
.about3_list li .img{
    
}
.about3_list li .text{
    
}
.about3_list li .text h3{
    font-size: 50px;
    color: #555656;
    line-height: 1.2;
    margin:70px 0 10px;
    font-family: "HarmonyOS_SansSC_Medium";
}
.about3_list li .text h3 font{
    font-family: "HarmonyOS_SansSC_Medium";    
}
.about3_list li .text p{
    font-size: 16px;
    color: #555656;
    line-height: 1.6;
}
.group_cont{
    padding:57px 228px 82px;
    position: relative;
}
/*.group_cont:after{*/
/*    content:'';*/
/*    position: absolute;*/
/*    left:0;*/
/*    bottom:0;*/
/*    width: 100%;*/
/*    height: 415px;*/
/*    background: #f5f5f5;*/
/*    z-index: -1;*/
/*}*/

.group_cont .text2{
    font-size: 16px;
    color: #555656;   
    line-height: 1.6;
}
.group_cont_c{
    position: relative;
    padding:0 228px 52px;
    overflow: hidden;
}
.group_cont_c:after{
    content:'';
    position: absolute;
    left:0;
    top:78px;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    z-index: -1;
}
.group_list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 112px;
}
.group_list li{
    background: #fff;
    box-shadow: 0 0 10px #ccc;
}
.group_list li .img{
    line-height: 78px;
    height: 78px;
    background: #8ab73e;
    text-align: center;
}
.group_list li .text3{
    font-size: 16px;
    color: #555656;
    height: 253px;
    padding:30px 34px;
    line-height: 1.8;
}
.group_list li .text3 strong{
    color: #000000;
}
.group_cont_c .text4{
    font-size: 16px;
    color: #555656;
    margin-top:50px;
    text-align: center;
    line-height: 1.8;
}

.about4{
    padding:115px 0 75px;
    position: relative;
}
.dw{
    position: relative;
    top:-110px;
}
.about4_map{
    max-width: 1225px;
    margin:150px  auto 0;
    position: relative;
}
.about4_map_img .img2{
    display: none;
}
.about4_map_list{
    
}
.about4_map_list dl{
    position: absolute;
    cursor: pointer;
}
.about4_map_list dl:nth-child(1){
    top: 37%;
    left: 12.5%;    
}
.about4_map_list dl:nth-child(2){
    top: 22%;
    left: 20%;    
}
.about4_map_list dl:nth-child(3){
    top: 7%;
    left: 39.5%;  
}
.about4_map_list dl:nth-child(3) dd p{
    left:-92px;
}
.about4_map_list dl:nth-child(4){
    top: 15.5%;
    left: 39.5%; 
}
.about4_map_list dl:nth-child(4) dd p{
    left:-100px;    
}
.about4_map_list dl:nth-child(5){
    top: -2%;
    left: 53%;
}
.about4_map_list dl:nth-child(6){
    top: 7%;
    left: 53%; 
}
.about4_map_list dl:nth-child(7){
    top: 16%;
    left: 53%;    
}
.about4_map_list dl:nth-child(8){
    top: 28.5%;
    left: 81.1%;   
}
.about4_map_list dl:nth-child(9){
    top: 41.5%;
    left: 81.1%;      
}
.about4_map_list dl:nth-child(10){
    top: 55%;
    left: 81.1%;     
}
.about4_map_li{
    position: relative;
}
.about4_map_list dl dt{
    position: relative;
    z-index: 1;
}
.about4_map_list dl dt img{
    transition: all 0s;
}
.about4_map_list dl dt .img2{
    display: none;
}
.about4_map_list dl dd{
    
}
.about4_map_list dl dd p{
    position: absolute; 
    top:3px;
    left:35px;
    line-height: 1.2;
    font-size: 16px;
    color: #565656;
    white-space: nowrap; 
}
.about4_map_list dl dd .img{
    position: absolute; 
    left:50%;
    top:-103px;
    margin-left: -83.5px;
    width: 167px;
    padding:6px;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    opacity: 0;
    z-index: -99;
}
.about4_map_list dl:hover dt .img1,.about4_map_list dl.cur dt .img1{
    display: none;
}
.about4_map_list dl:hover dt .img2,.about4_map_list dl.cur dt .img2{
    display: inline-block;
}
.about4_map_list dl:hover dd .img,.about4_map_list dl.cur dd .img{
    z-index: 99;
    opacity: 1;
}
.about4_map_list dl:hover dd p,.about4_map_list dl.cur dd p{
    color: #000;
}
.about4_scroll_cont{
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

#about4_scroll .swiper-slide{
    padding:10px;
    border:2px solid #e6e6e6;
}
#about4_scroll .swiper-slide .img img{
    width: 100%;
}
#about4_scroll .swiper-slide p{
    font-size: 15px;
    color: #565656;
    line-height: 1.4;
    margin-top: 10px;
    text-align: center;
}
#about4_scroll .swiper-slide p strong{
    display: block;
}
#about4_scroll .swiper-slide.on{
    border:2px solid #96c03a;    
}
#about4_scroll .swiper-pagination{
    background: #e6e6e6;
}
.about4_arrow {
    margin-top:38px;
}
.about5{
    background: #f5f5f5;
    padding:65px 0 45px;
    position: relative;
}
.about5 .wrap2{
    max-width: 1680px;
}
.about5_content{
    margin-top:60px;
    display: flex;
    flex-wrap: wrap;
}
.about5_l{
    width: 344px;
}
.about5_l .text1{
    font-size: 16px;
    color: #555656;
    line-height: 1.6;
}
.select_country{
    margin:24px 0 50px;
}
.select_country label{
    font-size: 14px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Medium";
    margin-bottom: 3px;
    display: block;
}
.select_country p{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.select_country p select{
    width: 228px;
    border:1px solid #bbbbbb;
    background: #fff;
    padding:0 15px;
    font-size: 14px;
    color: #000000;
    height: 30px;
    outline: none;
    font-family: "HarmonyOS_SansSC_Medium";
    border-radius: 0;
}
.select_country p font{
    font-size: 20px;
    color: #000000;
    font-family: "HarmonyOS_SansSC_Bold";
    line-height: 1;
}
.about5_l_bottom{
    padding-top:46px;
    margin-top:52px;
    border-top:1px solid #bbbbbb;
}
.about5_l_bottom p{
    font-size: 16px;
    color: #555656;
    line-height: 1.6;
}
.about5_l_bottom_a{
    margin-top:30px;
}
.about5_l_bottom_a a{
    width: 162px;height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #555656;
    border:2px solid #e6e6e6;
    background: #fff;
    cursor: pointer;
    font-family: "HarmonyOS_SansSC_Bold";
}
.about5_l_bottom_a a:hover{
    color: #000;    
}
.about5_r{
    width: calc(100% - 344px); 
    padding-left: 54px;
}
#about5_scroll .swiper-slide{
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
}
#about5_scroll .swiper-slide .img-container{
    width: 50%;
}
#about5_scroll .swiper-slide .img-container .img{
    width: 100%;
}
#about5_scroll .swiper-slide .img{
    background: #fafafa;
    width: 50%;
    text-align: center;
}
#about5_scroll .swiper-slide .img img{
    width: 100%;
}
#about5_scroll .swiper-slide .img.img2{
    display: none;
}
#about5_scroll .swiper-slide .text{
    background: #ffffff;
    width: 50%;
    padding:38px 35px 20px;
}
#about5_scroll .swiper-slide .text .p1{
    font-size: 24px;
    color: #000000;
    line-height: 1.2;
}
#about5_scroll .swiper-slide .text .p2{
    margin:5px 0 20px;
}
#about5_scroll .swiper-slide .text .p2,#about5_scroll .swiper-slide .text .p3{
    font-size: 16px;
    color: #555656;
    line-height: 1.6;
}
#about5_scroll .swiper-slide .text .txt{
    margin-top:20px;
}
#about5_scroll .swiper-slide .text .txt p{
    padding-left: 30px;
}
#about5_scroll .swiper-slide .text .txt p:nth-child(1){
    background: url(../images/tel_ico.png) no-repeat 2px center;
}
#about5_scroll .swiper-slide .text .txt p:nth-child(2){
    background: url(../images/email_ico.png) no-repeat 2px center;    
}
.about5_arrow{
    margin-top:20px;
}
.about5_arrow,.about5_arrow .wrap{
    width: 100%;
    max-width: 100%;
}
.about5_arrow .wrap{
    display:flex!important;
}
.about5_arrow .swiper-pagination-progressbar{
    background: #fff;
}
.m_box{
    display: none;
}
.about6{

}
/*.about7{*/
/*    padding:90px 0;*/
/*}*/
.about8{
    background: #f5f5f5;
}
.about8 .wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    max-width: 1224px;
}
.about8 .img{
    
}
.about8 .img .img2{
    display: none;
}
.about8 .text{
    
}
.about8 .text h3{
    font-size: 48px;
    color: #555656;
    line-height: 1;
}
.about8 .text .txt{
    font-size: 30px;
    color: #555656;
    line-height: 1.6;
    margin:15px 0 32px;
}
.about8 .text a{
    width: 220px;
}
@media(max-width: 1860px){
    .about3_list li .text h3{
        font-size:46px;
        margin:50px 0 10px;
    }
    .group_cont{
        padding:57px 140px 82px;
    }
    .group_cont_c{
        padding:0 140px 52px;
    }
    #about5_scroll .swiper-slide .text{
        padding:20px 30px 15px;
    }
    #about5_scroll .swiper-slide .text .p1{
        font-size:22px;
    }
    #about5_scroll .swiper-slide .text .p2, #about5_scroll .swiper-slide .text .p3{
        font-size:14px;
    }
}
@media(max-width: 1860px){
    .about1_cont{
        margin-top:-600px;
    }
}
@media(max-width: 1600px){
    .n_banner_text .txt{
        font-size:32px;
    }
    .about1{
        padding:38px 0 100px;
    }
    .about1_cont{
        margin-top:-500px;
    }
    .about1 .text{
        font-size:15px;
        /*height:235px;*/
        margin-top:50px;
    }
    #about2_scroll{
        margin-top:50px;
    }
    #about2_scroll .p1{
        font-size:28px;
    }
    #about2_scroll .txt{
        font-size:14px;
    }
    .about3{
        padding:90px 0 0;
    }
    .about3_list li{
        padding: 50px 20px 40px
    }
    .about3_list li .text h3{
        font-size:40px;
        margin:35px 0 10px;
    }
    .about3_list li .text p{
        font-size:14px;
    }
    .group_cont {
        padding: 57px 90px 75px;
    }
    .group_cont_c{
        padding:0 90px 52px;
    }
    .group_list li .text3,.group_cont_c .text4{
        font-size:14px;
    }
    .about4{
        padding:90px 0 75px;
    }
    .about4_map_list dl dd p{
        font-size:14px;
    }
    .about4_map_list dl:nth-child(3) dd p {
        left: -82px;
    }
    .about4_map_list dl:nth-child(4) dd p {
        left: -90px;
    }
    #about5_scroll .swiper-slide .text .p2, #about5_scroll .swiper-slide .text .p3{
        font-size:14px;
    }
    .about5_l .text1{
        font-size:14px;
    }
    .about8 .text h3{
        font-size:40px;
    }
    .about8 .text .txt{
        font-size:22px;
    }
}
@media(max-width: 1440px){
    .about3_list li .text h3{
        font-size: 32px;
    }
    .about2_arrow{
        margin-top:50px;
    }
}
@media(max-width: 1280px){
    .n_banner_text .txt{
        font-size:28px;
    }   
    .sitemp{
        margin:15px 0;
    }
    .about1{
        padding:38px 0 75px;
    }
    .about1 .text{
        margin-top:40px;
    }
    .about1_cont{
        margin-top:-400px;
    }
    .about3{
        padding:75px 0 0;
    }
    .about3_list {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 20px;
    }
    .about3_list li {
        padding: 35px 20px  25px;
    }
    .about3_list li .text h3{
        font-size: 28px;
        margin: 25px 0 10px;
    }
    .group_cont {
        padding: 40px 75px 55px;
    }
    /*.group_cont:after {*/
    /*    height: 393px;*/
    /*}*/
    .group_cont .text2{
        font-size:14px;
    }
    .group_cont .text2 p:nth-child(2){
        padding:0 30px;
    }
    .group_cont_c{
        padding:0 75px 52px;
    }
    .group_list li .text3{
        padding:20px 25px;
    }
    .group_cont:after{
        height:406px;
    }
    .about4{
        padding:75px 0;
    }
    .about8 .text h3{
        font-size:32px;
    }
    .about8 .text .txt{
        font-size:17px;
    }
}
@media(max-width: 1080px){
    .about1{
        /*background: url(../images/m_about1_bg.jpg) no-repeat top center;*/
        /*background-size: cover;*/
        /*background-attachment: fixed;*/
    }
    .about1_cont{
        margin-top:-350px;
    }
    .group_cont {
        padding: 40px 50px;
    }
    /*.group_cont:after {*/
    /*    height: 393px;*/
    /*} */
    .group_list {
        /*margin-top: 55px;*/
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 75px;
    }
    .group_cont_c {
        padding: 0 50px 52px;
    }
}
@media(max-width: 1024px){
    .group_cont {
        padding: 40px 35px;
    }
    .group_list {
        /*margin-top: 40px;*/
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 50px;
    }
    .about3_list li{
        padding:25px 15px  20px;
    }
    .group_list li .text3 {
        padding: 20px 15px;
    }
    .about3_list li .text h3{
        font-size:24px;
        margin: 20px 0 10px;
    }
    .group_list li .text3, .group_cont_c .text4 {
        font-size: 13px;
    }
    .about3_list li .text p {
        font-size: 13px;
    }
    .group_cont_c {
        padding: 0 35px 52px;
    }
    .about4_map_list dl dt img{
        width:20px;
    }
    .about4_map_list dl dd p{
        font-size:12px;
        left:30px;
    }
    .about4_map_list dl dd p font{
        display:none;
    }
    .about4_map_list dl dd p strong{
        display:block;
    }
    .about4_map_list dl:nth-child(3) dd p {
        left: -53px;
        text-align:right;
    }
    .about4_map_list dl:nth-child(4) dd p {
        left: -60px;
        text-align:right;
    }
    .about4_map_list dl:nth-child(1){
        top: 40%;
        left: 12.5%;    
    }
    .about4_map_list dl:nth-child(2){
        top: 25%;
        left: 21%;   
    }
    .about5{
        padding:65px 0;
    }
    .about5_l,.about5_r{
        width:100%;
    }
    .about5_r{
        margin-top:15px;
        padding-left:0;
    }
    .pc_box{
        display: none;
    }
    .m_box{
        display: block;
    }
    .select_country {
        margin: 24px 0 10px;
    }
    .about8 .img{
        width:50%;
    }
    .about8 .text{
        width:50%;
    }
}
@media(max-width: 820px){
    .n_banner_text .txt{
        font-size:24px;
    }  
    .about1{
        padding:38px 0 55px;
    }
    .about1_cont{
        margin-top:-300px;
    }
    .about1 .text{
        margin-top:35px;
        font-size:14px;
        /*height: 225px;*/
    }
    #about2_scroll{
        margin-top:35px;
    }  
    #about2_scroll .p1 {
        font-size: 24px;
    }
    #about2_scroll .txt {
        font-size: 13px;
    }
    .about3{
        padding:55px 0 0;
    }
    .about3 .txt{
        margin:20px auto 25px;
    }
    .about3_list{
        gap: 12px;
    }
    .about3_list li {
        padding: 20px 12px 15px;
    }
    .about3_list li .text h3 {
        font-size: 20px;
    }
    .about4{
        padding:55px 0;
    }
    .about4_map_list dl dt img {
        width: 15px;
    }
    .about4_map_list dl:nth-child(3){
        top: 6%;
        left: 39.5%;  
    }
    .about4_map_list dl:nth-child(4){
        top: 14.5%;
        left: 39.5%; 
    }
    .about4_map_list dl:nth-child(5){
        top: -3%;
        left: 53%;
    }
    .about4_map_list dl:nth-child(6){
        top: 6%;
        left: 53%; 
    }
    .about4_map_list dl:nth-child(7){
        top: 15%;
        left: 53%;    
    }
    .about4_map_list dl:nth-child(8){
        top: 27.5%;
        left: 81.1%;   
    }
    .about4_map_list dl:nth-child(9){
        top: 40.5%;
        left: 81.1%;      
    }
    .about4_map_list dl:nth-child(10){
        top: 54%;
        left: 81.1%;     
    }
    .about4_map_list dl dd p {
        font-size: 10px;
        left: 22px;
        top: 6px;
    }
    .about4_map_list dl:nth-child(3) dd p{
        left:-42px;
    }
    .about4_map_list dl:nth-child(4) dd p{
        left:-47px;
    }
    .about2_arrow{
        margin-top:35px;
    }
    .about8 .text h3 {
        font-size: 26px;
    }
    .about8 .text .txt {
        font-size: 15px;
    }
    .about8 .text a {
        width: 180px;
        height:50px;
        font-size: 14px;
    }

}
@media(max-width: 767px){
    .about_sticky{
        height: calc(100vh - 300px);
    }
    .about1_cont{
        margin-top: -350px;
    }
    #about2_scroll .text {
        padding-bottom: 10px;
        margin-bottom: 0px;
    }
    .pc_hide{
        visibility: visible;
    }
    .fzlc_line,#about2_scroll .swiper-slide:after{
        display:none;
    }
    .about3_list{
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 0px;
        padding:0 20px;
        border:1px solid #e6e6e6;
        box-shadow:0 0 10px #ccc;
    } 
    .about3_list li{
        border:none;
        box-shadow:unset;
        border-bottom:1px solid #e6e6e6;
        padding:20px;
        display:flex;
        /*align-items:center;*/
    }
    .about3_list li:last-child{
        border-bottom:none;
    }
    .about3_list li .img{
        width:40px;
        text-align:center;
    }
    .about3_list li .img img{
        
    }
    .about3_list li .text{
        width:calc(100% - 40px);
        padding-left:15px;
        text-align:left;
    }
    .about3_list li .text h3{
        margin: 0px 0 5px;
    }
    .group_cont {
        padding: 40px 0px;
    }
    .group_cont_c{
        padding:30px 3%;
    }
    .group_cont_c:after{
        top:0;
    }
    .group_cont_c {
        padding: 40px 3% ;
        width:100%;
    }
    .group_list {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 20px;
    }
    .group_list li{
        width:100%;
    }
    .group_list li .text3{
        height:auto;
        padding:30px;
    }
    .group_cont_c .text4{
        margin-top:35px;
    }
    .about4{
        padding:40px 0;
    }
    .about4_map_img .img1{
        display: none;
    }
    .about4_map_img .img2{
        display: inline-block;
    }
    .about4_map_list dl:hover dt .img2{
        display:inline-block;
    }
    .about4_map{
        margin-top:50px;
    }
    .about4_map_list dl dt img {
        width: 10px;
    }
    .about4_map_list dl dd .img{
        display:none!important;
    }
    .about4_map_list dl dd p{
        font-size:8px;
        left: 15px;
    }
    .about4_map_list dl:nth-child(1) {
        top: 55%;
        left: 12.5%;
    }
    .about4_map_list dl:nth-child(2) {
        top: 47%;
        left: 19%;
    }
    .about4_map_list dl:nth-child(3) {
        top: 9.5%;
        left: 36.5%;
    }
    .about4_map_list dl:nth-child(3) dd p {
        left: -32px;
    }
    .about4_map_list dl:nth-child(4) {
        top: 24%;
        left: 36.5%;
    }
    .about4_map_list dl:nth-child(4) dd p {
        left: -37px;
    }
    .about4_map_list dl:nth-child(5) {
        top: -4.5%;
        left: 55%;
    }
    .about4_map_list dl:nth-child(6) {
        top: 9.6%;
        left: 55%;
    }
    .about4_map_list dl:nth-child(7) {
        top: 24%;
        left: 55%;
    }
    .about4_map_list dl:nth-child(8) {
        top: 46.5%;
        left: 81%;
    }
    .about4_map_list dl:nth-child(8) dd p{
        left:-72px;
        text-align:right;
    }
    .about4_map_list dl:nth-child(9) {
        top: 68.5%;
        left: 72.1%;
    }
    .about4_map_list dl:nth-child(9) dd p{
        left:-47px;
        text-align:right;
    }
    .about4_map_list dl:nth-child(10) {
        top: 82.2%;
        left: 71.6%;
    }
    .about4_map_list dl:nth-child(10) dd p{
        left:-55px;
        text-align:right;
    }
    .about4_scroll_cont{
        height: auto;
        visibility: visible;
        margin-top:20px;
    }
    .about5{
        padding: 40px 0;
    }
    .about5_content{
        margin-top:25px;
    }
    #about5_scroll .swiper-slide .img.img1{
        display: none;
    }
    #about5_scroll .swiper-slide .img.img2{
        display: block;
    }
}
@media(max-width: 640px){
    .about1{
        padding:25px 0 40px;
    }
    .about3{
        padding:40px 0 0;
    } 
    .group_cont_c .text4{
        margin-top:25px;
    }
    .about4_map {
        margin-top: 40px;
    }
    .select_country p select{
        width:100%;
        height:40px;
    }
    .select_country p font{
        width:100%;
        text-align:center;
        margin-top:15px;
    }
    .about8 .wrap{
        width:100%;
    }
    .about8 .img{
        width:100%;
    }
    .about8 .img .img1{
        display: none;
    }
    .about8 .img .img2{
        display: inline-block;
    }
    .about8 .text{
        width:100%;
        text-align:center;
        padding:25px 3% 40px;
    }
    .about8 .text a{
        margin:0 auto;
    }
    #about5_scroll .swiper-slide .text .p2 {
        margin: 5px 0 10px;
    }
    #about5_scroll .swiper-slide .text .p1 {
        font-size: 20px;
    }
    #about5_scroll .swiper-slide .text .p2, #about5_scroll .swiper-slide .text .p3 {
        font-size: 13px;
    }
    #about5_scroll .swiper-slide .text .txt {
        margin-top: 15px;
    }
    .about_sticky_cont .img1{
        display: none;
    }
    .about_sticky_cont .img2{
        display: inline-block;
    }
}
@media(max-width: 460px){
    #about5_scroll .swiper-slide .img-container,#about5_scroll .swiper-slide .img,#about5_scroll .swiper-slide .text{
        width:100%;
    }
}

/*product*/
.n_banner h2{
    font-size: 37px;
    color: #555656;
    line-height: 1.6;
}
.p_banner .img2{
    display: none;
}
.pd1{
    
}
.pd1 .wrap{
    max-width: 1226px;
}
.pd1 ul{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 65px;
    padding:40px 0 55px;
}
.pd1 ul li{
    border:1px solid #e6e6e6;
    position: relative;
    max-width: 362px;
    text-align: center;
    padding:16px;
}
.pd1 ul li:after{
    content:'';
    position: absolute;
    bottom:-6px;
    left:-1px;
    width: calc(100% + 2px);
    height: 5px;
    background: #96c03a;
}
.pd1 ul li .p1{
    font-size: 32px;
    color: #000000;
    font-family: "HarmonyOS_SansSC_Medium";
    line-height: 1.2;
}
.pd1 ul li .p2{
    font-size: 17px;
    color: #000000;
    line-height: 1.4;
    margin-top:12px;
}
.pd1 .txt{
    text-align: center;
    font-size: 16px;
    color: #555656;
}
.pd2{
    padding:170px 0 60px;
}
.pd2_cont{
    max-width: 1151px;
    margin:0 auto 0;
    position: relative;
    transition-delay: 0.5s;
}
.pd2_cont2{
    margin:25px auto 30px;    
}
.pd2_list{
    
}
.pd2_list dl{
    position: absolute;
}
.pd2_list_c{
    position: relative;
}
.pd2_list_c dt{
    display: inline-block;
    cursor: pointer;
    transform-origin: center;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 1;
}

/* dt图片样式 */
.pd2_list_c dt img {
    opacity: 0.5;
    transition: opacity 0.3s ease;
    transform-origin: center;
}

/* 鼠标悬停和点击选中的放大效果 */
.pd2_list_c dt:hover,
.pd2_list_c dt.active {
    transform: scale(1.5);
}

/* 悬停或选中时暂停动画并保持完全不透明 */
.pd2_list_c dt:hover img,
.pd2_list_c dt.active img {
    animation-play-state: paused;
    opacity: 1;
}

/* 定义透明度动画 */
@keyframes fadeAnimation {
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.5; }
}

.animate-fade {
    animation: fadeAnimation 2s infinite ease-in-out;
}
.pd2_list dl dd{
    position: absolute;
    top:0;
    left:-340px;
    display: none;
    z-index: 9;
}

.pd2_list_li{
    position: relative;
    width: 330px;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    padding:5px;
    top: 50%;
    /*transform: translateY(-33%);*/
    margin-top:-33%;
}
.pd2_list_close{
    position: absolute;
    top:11px;
    right:11px;
    z-index: 9;
    line-height: 1;
    cursor: pointer;
}
.pd2_list_li .img2{
    
}
.pd2_list_li .txt{
    padding: 15px 22px 20px;
}
.pd2_list_li .txt h3{
    font-size: 15px;
    color: #000000;
    margin-bottom: 10px;
    line-height: 1.6;
}
.pd2_list_li .txt p{
    font-size: 14px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Light";
    line-height: 1.6;
}
.pd2_list_li .txt p font,.pd2_scroll p font{
    display: block;
    padding-left: 11px;
    position: relative;
}
.pd2_list_li .txt p font:before,.pd2_scroll p font:before{
    content: '';
    position: absolute;
    top: 10px;
    left: 0px;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #555656;
}
.pd2_scroll p font:before{
    top:12px;
}
.pd2_list dl dd.on{
    display: block;
}
/*t-win*/
.p2-1_mores dl:nth-child(1){
    top: 37%;
    left: 24%;
}
.p2-1_mores dl:nth-child(2){
    top: 46%;
    left: 33.5%;
}
.p2-1_mores dl:nth-child(2) dd{
    left:64px;
}
.p2-1_mores dl:nth-child(3){
    top: 41%;
    left: 68%;
}
.p2-1_mores dl:nth-child(4){
    top: 57.5%;
    left: 68%;
}
/*e-win*/
.p2-1_mores2 dl:nth-child(1){
    top: 30%;
    left: 27%;
}
.p2-1_mores2 dl:nth-child(2){
    top: 31%;
    left: 36.5%;
}
.p2-1_mores2 dl:nth-child(2) dd{
    left:64px;
}
.p2-1_mores2 dl:nth-child(3){
    top: 34%;
    left: 70.5%;
}
.p2-1_mores2 dl:nth-child(4){
    top: 72.5%;
    left: 70%;
}
.p2-1_mores2 dl:nth-child(4) .pd2_list_li{
    margin-top:-50%;
}
.pd2_scroll{
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
#pd2_scroll{
    padding:5px;
}
#pd2_scroll .swiper-slide{
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    height: auto;
}
#pd2_scroll .swiper-slide .img2{
    padding:10px;
}
#pd2_scroll .swiper-slide .txt{
    padding:15px;
}
.pd2_scroll h3{
    font-size: 20px;
    color: #000;
}
.pd2_scroll p{
    font-size: 14px;
    color: #565656;
}
.pd2_arrow{
    margin-top:38px;
}
.pd3{
    padding:80px 0;
    background: #f5f5f5;
}
.pd3 .wrap2,.pd4 .wrap2,.pd5 .wrap2,.pd8 .wrap2{
    max-width: 1680px;
}
.pd3_cont{
    display: flex;
    flex-wrap: wrap;
    margin-top:60px;
}
.pd3_cont_l{
    width: 335px;
}
.pd3_t{
    font-size: 22px;
    color: #555656;
    margin-bottom: 34px;
    font-family: "HarmonyOS_SansSC_Bold";
    text-align: center;
}
.pd3_tabli1{
    
}
.pd3_tabli1 dl{
    position: relative;
    display: flex;
    align-items: center;
    border:2px solid #e6e6e6;
    height: 43px;
    /*overflow: hidden;*/
    background: #fff;
    cursor: pointer;
    margin-bottom: 17px;
}
.pd3_tabli1 dl:last-child{
    margin-bottom: 0;
}
.pd3_tabli1 dl:after{
    content: '';
    position: absolute;
    top: -2px;
    left: calc(5% - 2px);
    width: 0;
    height: calc(100% + 4px);
    background: #96c03a;
    transition: all 0.5s ease-out;
    z-index: 7;
}
.pd3_tabli1 dl dt{
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: relative;
    z-index: 9;
    border-radius: 100%;
    background: #f5f5f5;
    left:-11px;
    /*top:-8.5px;*/
}
.pd3_tabli1 dl dt img{
    max-height: 24px;
    max-width: 24px;
}
.pd3_tabli1 dl dd{
    width: calc(100% - 60px);
    font-size: 17px;
    color: #000000;
    line-height: 1.4;
    padding-left: 9px;
    position: relative;
    z-index: 8;
}
.pd3_tabli1 dl:hover{
    border:2px solid #96c03a;
}
.pd3_tabli1 dl:hover:before{
    opacity: 1;
}
.pd3_tabli1 dl:hover:after,.pd3_tabli1 dl.on:after{
    width: calc(95% + 4px);
}
.pd3_tabli1 dl:hover dd,.pd3_tabli1 dl.on dd{
    color: #fff;
}

.pd3_cont_r{
    width: calc(100% - 335px);
    padding-left: 85px;
}
.pd3_tabs{
    padding:48px 28px;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
}
.pd3_tabs_c{
    overflow: hidden;
}
.pd3_tab{
    height: 0;
    visibility: hidden;
    overflow: hidden;
    transform: translateX(-100%);
    transition: all 0.4s ease-out;
}
.pd3_tab.on{
    height: auto;
    visibility: visible;
    display: flex;
    justify-content: space-between;
    transform: translateX(0%);
}
.pd3_tab_l{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 48%;
}
.pd3_tab_l_li{
    width: calc(100% - 42px);
    padding-left: 36px;
}
.pd3_scroll{
    height: 510px;
}
.pd3_scroll .swiper-slide{
    height: 86px;
    background: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.4;
    font-size: 18px;
    color: #555656;
    padding:10px 28px;
    font-family: "HarmonyOS_SansSC_Medium";
    cursor: pointer;
}
.pd3_scroll .swiper-slide:after{
    content:'';
    position: absolute;
    left:0;
    bottom:0;
    width: 0;
    height: 2px;
    background: #96c03a;
    transition: all 0.4s ease-out;
}
.pd3_scroll .swiper-slide:hover:after,.pd3_scroll .swiper-slide.cur:after{
    width: 100%;
}
.pd3_scroll_arrow{
    position: relative;
    width: 42px;
}
.pd3_scroll_arrow .swiper-button-prev,.pd3_scroll_arrow .swiper-button-next{
    width:42px;
    height: 42px;
    border:1px solid #e6e6e6;
    position: relative;
    top:0;
    margin-top:0;
    left:0;
    right:0;
}
.pd3_scroll_arrow .swiper-button-prev{
    background:url('../images/left1.png') no-repeat center #fff;    
    transform: rotate(90deg);
    background-size: 12px;
}
.pd3_scroll_arrow .swiper-button-prev:hover{
    background:url('../images/right1.png') no-repeat center #fff;    
    transform: rotate(-90deg);
        background-size: 12px;
}
.pd3_scroll_arrow .swiper-button-next{
    background:url('../images/left1.png') no-repeat center #fff;    
    transform: rotate(-90deg);
    background-size: 12px;
}
.pd3_scroll_arrow .swiper-button-next:hover{
    background:url('../images/right1.png') no-repeat center #fff;    
    transform: rotate(90deg);
    background-size: 12px;
}
.pd3_scroll_arrow .swiper-pagination-progressbar{
    width:4px;
    height: calc(100% - 118px);
}
.pd3_scroll_arrow .swiper-pagination{
    width:4px;
    height: calc(100% - 118px);
    position: relative;
    top:0px;
    left:0;
    right:0;
    bottom:0;
    margin:17px auto 17px;
    background: #e6e6e6;
}
.pd3_scroll_arrow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#000;
}
.pd3_scroll .swiper-slide.cur{
    color: #000000;
}

.pd3_tab_r{
    width: 49.5%;
}
/* 右侧内容默认隐藏，选中时显示 */
.pd3_tab_r_li dl {
  display: none;
}
.pd3_tab_r_li dl.active {
  display: block;
}
.pd3_tab_r_li dl dt{
    
}
.pd3_tab_r_li dl dt img{
    display: block;
    border:1px solid #d5d5d5;
}
.pd3_tab_r_li dl dd{
    font-size: 13px;
    color: #565656;
    padding:20px 18px;
}
.pd3_tab_r_li dl dd p{
    position: relative;
    margin-bottom: 7px;
    line-height: 1.6;
}
.pd3_tab_r_li dl dd p:last-child{
    margin-bottom: 0;
}
.pd3_tab_r_li dl dd .txt p{
    /*padding-left: 13px;    */
}
.pd3_tab_r_li dl dd .txt p:before{
    content:'';
    position: absolute;
    top:12px;
    left:-11px;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #555656;
}
.p_white{
    height: 118px;
}


.pd4{
    padding:140px 0 126px;
}
.pd4_cont{
    margin-top:65px;
}
#pd4_scroll{
    padding:5px;
}
#pd4_scroll .swiper-slide{
    box-shadow: 0 0 10px #eee;
    height: auto;
}
#pd4_scroll .swiper-slide:hover{
    box-shadow: 0 0 10px #ccc;    
}
#pd4_scroll .swiper-slide .img{
    position: relative;
}
#pd4_scroll .swiper-slide .img img{
    width: 100%;
}
#pd4_scroll .swiper-slide .img p{
    width: 81px;
    height: 81px;
    line-height: 81px;
    text-align: center;
    background: #fff;
    font-size: 40px;
    color: #555656;
    position: absolute;
    top:0;
    left:0;
    font-family: "HarmonyOS_SansSC_Light";
}
#pd4_scroll .swiper-slide .text{
    padding:30px 26px;
}
#pd4_scroll .swiper-slide .text h3{
    font-size: 18px;
    color: #000000;
    font-family: "HarmonyOS_SansSC_Medium";
    line-height: 1.4;
    margin-bottom: 15px;
    font-weight: normal;
}
#pd4_scroll .swiper-slide .text p{
    font-size: 14px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Light";
    line-height: 1.6;
}
#pd4_scroll .swiper-slide .text .txt p{
    padding-left: 13px;
    position: relative;
    margin-bottom: 7px;
}
#pd4_scroll .swiper-slide .text .txt p:last-child{
    margin-bottom: 0;
}
#pd4_scroll .swiper-slide .text .txt p:before{
    content:'';
    position: absolute;
    top:10px;
    left:0;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #555656;
}
#pd4_scroll .swiper-slide:hover .img img{
    transform: scale(1.1);
}
#pd4_arrow{
    margin-top:40px;
}
#pd4_arrow .swiper-pagination,#pd5_arrow .swiper-pagination,.pd9_arrow .swiper-pagination{
    background: #e6e6e6;
}
.pd5{
    background: #f5f5f5;
    padding:60px 0 80px;
}
.pd5_cont{
    padding:72px 48px 36px;
    background: #fff;
    box-shadow: 0 0 10px #c9c9c9;
    margin-top:60px;
}

.pd6{
    padding:170px 0 154px;
}
#pd5_scroll a{
    display: block;
    cursor: pointer;
}
#pd5_scroll a .img{
    position: relative;
}
#pd5_scroll a .img:after{
    content:'';
    position: absolute;
    top:50%;
    left:50%;
    width: 57px;
    height: 57px;
    background: url(../images/play.png) no-repeat center;
    margin-top:-28.5px;
    margin-left: -28.5px;
}
#pd5_scroll a:hover .img img,#pd6_scroll a:hover .img img{
    transform: scale(1.1);
}
#pd5_scroll a .text h3{
    font-size: 26px;
    color: #000000;
    font-family: "HarmonyOS_SansSC_Medium";
    font-weight: normal;
    line-height: 1.4;
    margin-top:20px;
}
#pd5_scroll a .text .txt{
    font-size: 15px;
    color: #555656;
    line-height: 1.8;
    margin-top:10px;
}
.pd5_arrow,.pd6_arrow{
    margin-top:38px;
}
.pd6{
    
}
.pd6_cont{
    margin-top:75px;
}
#pd6_scroll{
    
}
#pd6_scroll a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
background: #f5f5f5;
}
#pd6_scroll a .img{
    position: relative;
    width: 50%;
}
#pd6_scroll a .img img{
    width: 100%;
}
#pd6_scroll a .img:after{
    content:'';
    position: absolute;
    top:50%;
    left:50%;
    width: 57px;
    height: 57px;
    background: url(../images/play.png) no-repeat center;
    margin-top:-28.5px;
    margin-left: -28.5px;
}
#pd6_scroll a .text{
    width: 50%;
    padding:30px 145px 30px 112px;
}
#pd6_scroll a .text .txt{
    font-size: 16px;
    color: #555656;
}
#pd6_scroll a .text .p1{
    font-size: 24px;
    color: #000000;
    font-family: "HarmonyOS_SansSC_Bold";
    line-height: 1;
    margin:45px 0 18px;
}
#pd6_scroll a .text .p2{
    font-size: 18px;
    color: #000000;
    font-family: "HarmonyOS_SansSC_Medium";
}
.pd8{
    
}


.pd9{
    padding:160px 0 0px;
}
.pd9 .wrap2{
    max-width: 1680px;
}
.pd9 .index_t1 h2 font{
    display: block;
    color: #96c03a;
    font-size: 28px;
    margin-top:15px;
    margin-bottom: 38px;
}
.pd9_cont{
    margin-top:78px;    
}
.pd9_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#pd9_scroll .pd9_list_li{
    width: 16.25%;
    margin-right: 4.6875%;
    margin-bottom: 72px;
}
#pd9_scroll .pd9_list_li:nth-child(5n){
    margin-right: 0;
}
#pd9_scroll .pd9_list_li:nth-child(n+6):nth-child(-n+9) {
  margin-bottom: 0;
}
.pd9_list_li:hover .img img{
    transform: scale(1.1);
}
.pd9_list_li p{
    font-size: 15px;
    color: #555656;
    font-family: "HarmonyOS_SansSC_Medium";
    line-height: 1.6;
    margin-top:14px;
}
.pd9_list_li:hover p{
    color:#000;
}
.pd9_list_li .img2{
    display: none;
}
.pd9_arrow{
    display: none;
    margin-top:38px;
}
.m_pd3_cont{
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
.m_pd3_cont dl{
    margin-bottom: 17px;    
}
.pd3_tabli1 dl:last-child{
    margin-bottom: 0;
}
.m_pd3_cont dl dt{
    position: relative;
    display: flex;
    align-items: center;
    border:2px solid #e6e6e6;
    height: 43px;
    /*overflow: hidden;*/
    background: #fff;
    cursor: pointer;

}
.m_pd3_cont dl dt:after{
    content:'';
    position: absolute;
    top:0;
    left:5%;
    width: 0;
    height: 100%;
    background: #96c03a;
    /*transition: all 0.5s ease-out;*/
    z-index: 7;
}
.m_pd3_cont dl dt .img{
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: relative;
    z-index: 9;
    border-radius: 100%;
    background: #f5f5f5;
    left:-11px;
    /*top:-8.5px;*/
}
.m_pd3_cont dl dt .img img{
    max-height: 20px;
    max-width: 20px;
}
.m_pd3_cont dl dt p{
    width: calc(100% - 60px);
    font-size: 17px;
    color: #000000;
    line-height: 1.4;
    padding-left: 9px;
    position: relative;
    z-index: 8;
}
.m_pd3_cont dl dt p:after{
    content:'';
    position: absolute;
    top:0;
    right:15px;
    width: 18px;;
    height: 24px;
    background: url(../images/m_arrow1.png) no-repeat center;
    background-size: 100%;
}
.m_pd3_cont dl.on dt{
    border:2px solid #96c03a;
}
.m_pd3_cont dl.on dt:after{
    width: 95%;
}
.m_pd3_cont dl.on dt p{
    color: #fff;
}
.m_pd3_cont dl.on dt p:after{
    background: url(../images/m_arrow1_h.png) no-repeat center;
    background-size: 100%;
}
.m_pd3_cont dl dd{
    display: none;
}
.m_pd3_cont dl.on dd{
    display: block;
    margin-top:15px;
    padding-bottom: 40px;
}
.m_pd3_cont_list{
    
}
.m_pd3_cont_list li{
    margin-bottom: 10px;
    border:1px solid #999a9a;
}
.m_pd3_cont_list li .p1_t{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding:5px 15px;
    background: #e6e6e6;
    position: relative;
}
.m_pd3_cont_list li .p1_t:after{
    content:'';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #96c03a;
    /*transition: all 0.4s ease-out;*/
}
.m_pd3_cont_list li .p1_t font{
    color: #000;
    font-size: 14px;
    line-height: 1.4;
    padding-right:20px;
    width: calc(100% - 18px);
}
.m_pd3_cont_list li .p1_t i{
    width: 18px;;
    height: 24px;
    background: url(../images/m_arrow1.png) no-repeat center;
    background-size: 100%; 
    transform: rotate(180deg);
}
.m_pd3_cont_list li.active .p1_t:after{
    width: 100%;
}
.m_pd3_cont_list li.active .p1_t i{
    transform: rotate(0deg);    
}
.m_pd3_cont_list li .text{
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-out;
}
.m_pd3_cont_list li.active .text{
    height: auto;
    padding:15px;
    font-size: 13px;
    color: #565656;
    line-height: 1.6;
}
.m_pd3_cont_list li .text .img2{
    margin-bottom: 10px;
}
.m_pd3_cont_list li .text .img2 img{
    border:1px solid #dbdbdb;
}
.m_pd3_cont_list li .text .txt{
    padding:0px 18px 15px;
}
.m_pd3_cont_list li .text .txt p{
    position: relative;
    margin-bottom: 7px;

}
.m_pd3_cont_list li .text .txt p:last-child{
    margin-bottom: 0;
}
.m_pd3_cont_list li .text .txt p:before{
    content:'';
    position: absolute;
    top:12px;
    left:-11px;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #555656;
}
@media(max-width: 1860px){
    .pd3_scroll .swiper-slide{
        font-size: 16px;
    }
}
@media(max-width: 1600px){
    .pd1 ul li .p1{
        font-size:28px;
    }
    .pd1 ul li .p2{
        font-size:15px;
    }
    .pd1 .txt{
        font-size:15px;
    }
    .pd2{
        padding:100px 0 60px;
    }
    .pd2_list dl dd{
        left:-310px;
    }
    .pd2_list_li{
        width:300px;
    }
    .pd3_cont_r{
        padding-left:60px;
    }
    .pd3_tabli1 dl dd{
        font-size:16px;
    }
    .pd3_tabs{
        padding: 30px 20px;
    }
    .pd3_scroll .swiper-slide{
        font-size: 15px;
        padding: 10px 20px;
    }
    .pd4{
        padding:100px 0;
    }
    #pd4_scroll .swiper-slide .img p {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 32px;
    }
    .pd5_cont{
        padding:55px 40px 36px;
        margin-top:50px;
    }
    #pd5_scroll a .text h3{
        font-size:22px;
    }
    #pd5_scroll a .text .txt{
        font-size:14px;
    }
    .pd6 {
        padding: 100px 0;
    }
    #pd6_scroll a .text {
        padding: 30px 70px 30px 70px;
    }
    #pd6_scroll a .text .txt{
        font-size:14px;
    }
    #pd6_scroll a .text .p1 {
        font-size: 22px;
        margin: 35px 0 10px;
    }
    #pd6_scroll a .text .p2{
        font-size:16px;
    }
    .pd9 {
        padding: 100px 0 0px;
    }
    .pd9_cont {
        margin-top: 55px;
    }
    #pd9_scroll .pd9_list_li{
        width: 18%;
        margin-right: 2.5%;
        margin-bottom: 55px;
    }
    .pd9 .index_t1 h2 font{
        font-size:24px;
    }
    .m_pd3_cont dl dt p{
        font-size:15px;
    }
}
@media(max-width: 1280px){
    .pd2{
        padding:75px 0 60px;
    }
    .pd2_list dl dd{
        left:-290px;
    }
    .pd2_list_li{
        width:280px;
    }
    .pd3_t{
        margin-bottom:15px;
    }
    .pd3_tabli1 dl{
        margin-bottom:12px;
    }
    .pd3_scroll{
        height:470px;
    }
    .pd3_scroll .swiper-slide{
        font-size:14px;
    }
    .pd4,.pd6{
        padding:75px 0;
    }
    .pd5_cont{
        padding:40px 30px 30px;
        margin-top:40px;
    }
    .pd6_cont {
        margin-top: 55px;
    }
    .pd9 {
        padding: 75px 0 0px;
    }
    #pd9_scroll .pd9_list_li{
        width: 18.4%;
        margin-right: 2%;
        margin-bottom: 35px;
    }    
}
@media(max-width: 1199px){
    .pd2_list dl dd{
        left:-260px;
    }
    .pd2_list_li{
        width:250px;
    } 
    .pd2_list_c dt{
        width:40px;
    }
    .pd2_list_li .txt {
        padding: 15px 15px;
    }
    .pd2_list_c dt:hover, .pd2_list_c dt.active {
        transform: scale(1.3);
    }
    .pd3_cont_l {
        width: 280px;
    }
    .pd3_tabli1 dl dd{
        font-size:14px;
    }
    .pd3_cont_r {
        padding-left: 50px;
    }
    .pd3_tab_l_li{
        padding-left:25px;
    }
    .pd3_scroll .swiper-slide {
        font-size: 14px;
        padding:10px;
    }
}
@media(max-width: 1099px){
    .pd3_scroll .swiper-slide{
        font-size: 12px;
    }
}
@media(max-width: 1080px){
    .p_banner .img1{
        display: inline-block;
    }
    .p_banner .img2{
        display: none;
    }
    .p_banner .n_banner_text{
        display:flex;
    }
    .p_banner h2{
        font-size:30px;
    }
    .pd3_t{
        font-size:20px;
    }
    .pd3_cont_l{
        width:100%;
    }
    .pd3_tabli1{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;        
    }
    .pd3_tabli1 dl{
        width:48%;
    }
    .pd3_scroll .swiper-slide{
        font-size:12px;
    }
    .pd3_cont_r{
        width:100%;
        margin-top:20px;
        padding-left:0;
    }

}
@media(max-width: 1024px){
    .p_banner h2 {
        font-size: 26px;
        color: #fff;
    }
    .pd1 ul{
        gap: 40px;
        padding: 30px 0 40px;
    }
    .pd1 ul li .p1 {
        font-size: 24px;
    }
    .pd2_scroll{
        height:auto;
        visibility:visible;
        /*margin-top:25px;*/
    }
    .pd2_cont{
        margin-bottom:25px;
    }
    .pd2_list_c dt:hover, .pd2_list_c dt.active {
        transform: scale(1);
        background:url(../images/m_jia_h.png) no-repeat center;
        background-size:100%;
        opacity:1!important;
    }
    .pd2_list_c dt:hover img, .pd2_list_c dt.active img img{
        opacity:0;
        visibility:hidden;
    }
    .pd2_list dl dd{
        display:none!important;
    }
    #pd6_scroll a .img{
        width:100%;
    }
    #pd6_scroll a .img img{
        width:100%;
    }
    #pd6_scroll a .text{
        width:100%;
        padding:30px 3%;
    }
    .pd9_list{
        flex-wrap: nowrap;
        justify-content: unset;        
    }
    #pd9_scroll .pd9_list_li{
        width: auto;
        margin-right: unset;
        margin-bottom: 0;
    }   
/*    .pd9_list_li .img1{
        display:none;
    }
    .pd9_list_li .img2{
        display:inline-block;
    }*/
}
@media(max-width: 820px){
    .pd1 ul{
        gap: 20px;
        padding: 30px 0 40px;
    }
    /*.pd4{*/
    /*    padding:55px 0;*/
    /*}*/
    .pd5_cont{
        padding:20px;
        margin-top:25px;
    }
    /*.pd6{*/
    /*    padding:55px 0 75px;*/
    /*}*/
    .pd6_cont {
        margin-top: 40px;
    }
    /*.pd9 {*/
    /*    padding: 55px 0 0px;*/
    /*}    */
    .pd9 .index_t1 h2 font{
        font-size:20px;
    }
}
@media(max-width: 767px){
    .p_banner h2 {
        font-size: 24px;
        color: #fff;
    }
    .p_banner .img1{
        display: none;
    }
    .p_banner .img2{
        display: inline-block;
    }   
    .pd1 ul{
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap:0;
        padding:30px;
        margin:30px 0;
        border:2px solid #e6e6e6;
    }
    .pd1 ul li{
        max-width:100%;
        padding:0;
        border:none;
        margin-bottom:30px;
    }
    .pd1 ul li:last-child{
        margin-bottom:0;
    }
    .pd1 ul li:after{
        display:none;
    }
    .pd3_cont{
        height:0;
        visibility:hidden;
        overflow:hidden;
    }
    .m_pd3_cont{
        height: auto;
        visibility: visible;
    }
    /*.pd4{*/
    /*    padding:40px 0;*/
    /*}*/
    /*.pd6{*/
    /*    padding:40px 0 75px;*/
    /*}*/
    /*.pd9 {*/
    /*    padding: 40px 0 0px;*/
    }  
    .pd6_cont {
        margin-top: 30px;
    }
    #pd6_scroll a .text {
        padding: 25px 3%;
    }
    .pd9_arrow{
        margin-top:15px;
    }
    .pd9 .index_t1 h2 font{
        font-size:18px;
        margin-bottom: 20px;
    }
}
@media(max-width: 460px){
    .pd2_arrow .wrap,.pd5_arrow .wrap,.pd6_arrow .wrap,.pd9_arrow .wrap{
        width: 100%;
        max-width: 100%;
    }   
    .m_pd3_cont_list li .p1_t font{
        font-size:13px;
    }
}


/*case*/
.n_case{

}


@media(max-width: 1600px){

}
@media(max-width: 1280px){
    
}
@media(max-width: 1024px){
    
}
@media(max-width: 820px){
    
}
@media(max-width: 640px){
    
}



/*news*/
.n_news{

}


.news_detail{
    padding:70px 0;
    max-width: 1200px;
    margin:0 auto;
}
h1.title{
    font-size: 28px;
    color: #333;
    text-align: center;
    font-weight: normal;
    line-height: 1.4;
}
.info_title{
    text-align: center;
    font-size: 14px;
    color: #666;
    padding-bottom: 1em;
    border-bottom:1px dashed #dcdcdc;
    margin-bottom: 30px;
    font-weight: normal;
}
.news_detail .content{
    font-size: 16px;
    margin-bottom: 25px;
}
@media(max-width: 1600px){


    h1.title{
        font-size:24px;
    }
    .info_title {
        margin-bottom: 20px;
    }
    .news_detail .content{
        font-size: 15px;
    }
}
@media(max-width: 1440px){

}
@media(max-width: 1259px){
    .n_news{
        padding:75px 0;
    }

    h1.title{
        font-size:20px;
    } 
    .info_title{
        padding-bottom: 10px;
        margin-bottom:15px;
    }
    .news_detail{
        padding:50px 0;
    }
}
@media(max-width: 992px){
 
}
@media(max-width: 820px){
    /*.n_news{*/
    /*    padding:55px 0;*/
    /*}*/

    h1.title{
        font-size:18px;
    }
}
@media(max-width: 640px){
    /*.n_news{*/
    /*    padding:40px 0;*/
    /*}*/

    /*.news_detail{*/
    /*    padding:35px 0;*/
    /*}*/
    h1.title{
        font-size:18px;
    }
    .info_title {
        padding-bottom: 5px;
        margin-bottom: 10px;
    }     
}


/*contact*/
.n_contact{

}


@media(max-width: 1600px){

}
@media(max-width: 1280px){
    
}
@media(max-width: 1024px){
    
}
@media(max-width: 820px){
    
}
@media(max-width: 640px){
    
}


/*2025-add*/
.right_fixed{
    position: fixed;
    top: calc(45%);
    transform:translateY(-50%);
    right: 20px;
    margin: auto 0;
    max-width: 100% !important;
    width:54px;
    background:#ECE8DD;
    border-radius: 50px;
    z-index: 9999;
}
.right_fixed dl{
    width:100%;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    position: relative;
}
.right_fixed dl dt{
    padding:14px 12px;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
}
.right_fixed dl:first-child dt{
    border-radius: 50px 50px 8px 8px;
}
.right_fixed dl:last-child dt{
    border-radius: 8px 8px 50px 50px;    
}
.right_fixed dl dt:hover{
    background:#fff;
}
/*.right_fixed dl:last-child dt:hover{
    background:none;
}*/
.right_fixed dl dt img{
    max-width: 30px;
    max-height: 30px;
}
.right_fixed dl dt p{
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    width: 100%;
    text-align: center;
    cursor: default;
}
.right_fixed dl dd{
    position: absolute;
    top: 50%;
    right: 100%;
    padding-right: 18px;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(10px) translateY(-50%);
    opacity: 0;
    transition: all .5s;
    z-index: 99999;
}
.right_fixed dl:hover dd{
    visibility: visible;
    pointer-events: all;
    transform: translateX(0) translateY(-50%);
    opacity: 1;    
}
.right_fixed_box{
    position: relative;
    z-index: 1;
    width: 220px;
    text-align: center;
    background: #fff;
    box-shadow: 0 2px 19px 10px rgba(22, 44, 112, .05);
    border-radius: 8px;
    padding: 12px 15px ;
}
.right_fixed_box:after{
    content: "";
    position: absolute;
    right: calc(-16px / 1.414 / 2);
    top: 50%;
    z-index: -1;
    width: 16px;
    height: 16px;
    transform: translateY(-50%) rotate(45deg);
    background: #fff;
}
.right_fixed_box2{
    width: 156px;
    padding:15px;
}
.right_fixed_tel a{
    font-size:18px;
    color: #333;
    font-weight: 700;
}
.right_fixed_code{

}
.right_fixed_code img{
    max-width: 106px;
}
@media(max-width: 1600px){
    .online-server{
        right:5px;
    }
}
@media(max-width: 991px){
    .online-server{
        display: none!important;
    }
}
@media(max-width: 768px){
    h1.title{
        font-size: 18px;
    }
}

.pageController{
    text-align: center;
    color:#505050;margin:0 auto;
    margin:2em 0;
    line-height:24px;
}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; 
    color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;
}
.pageController a:hover{background-color:#2b70bb;color:#fff; text-decoration:none;border:#2b70bb 1px solid;}
.pageController .currPage {background-color: #2b70bb;color:#fff;border:#2b70bb 1px solid;}
.pageController .t1{
    float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;
    display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
    line-height: 39px;
    background-color: #2b70bb;
    vertical-align: middle;
    border: 1px solid #2b70bb; 
    color: #fff;padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    width: 39px;
}
.pageController .t1 span{
    /*padding-left:4px;
    padding-right:4px;*/
    width: 39px;
}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;
    display: none;
}
.pageController select option{vertical-align:middle;}


.m_f_fixed{
    position: fixed;
    bottom:0;
    left:0;
    background: #0067ac;
    color: #fff;
    z-index:9999;
    justify-content: center;
    width: 100%;
    display:none;

}
.m_f_fixed a{
    flex:1;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    padding:8px 0 0;
}
.m_f_fixed a img{
    width: 22px;
    display: block;
    margin:0 auto 0px;
}
#gotop{
    position: fixed;
    right: 0;
    bottom: 30px;
    cursor: pointer;
}
@media(max-width: 1199px){
    #gotop{
        display: none;
    }
}
@media(max-width:640px){
    .m_f_fixed{
        display: flex;
    }
}


/*imprint*/
.imprint_body{
    position: relative;
}
.imprint_body:after{
    content:'';
    position: absolute;
    top:-25px;
    left:0;
    width: 100%;
    height: 56px;
    background: url(../images/Shadow.png) repeat-x;
    z-index: -1;
}
.imprint_content{
    
}
.imprint_content .imprint{
    color: #555656;
    text-align: center;
    padding:25px 0 105px;
}
.imprint_content .imprint .p1{
    font-size: 20px;
    font-family: "HarmonyOS_SansSC_Bold";
    margin-top:25px;
    line-height: 1.6;
}
.imprint_content .imprint .p2{
    font-size: 20px;
    font-family: "HarmonyOS_SansSC_Medium";
    line-height: 1.6;
    padding:20px 0 10px;
}
.imprint_content .imprint .p2 font{
    display: block;
    font-size: 16px;
    font-family: "HarmonyOS_SansSC_Regular";
}
.imprint_content .imprint .text p{
     font-size: 16px;
    font-family: "HarmonyOS_SansSC_Light";   
}
.imprint_content .imprint .text p:nth-child(1){
    margin-bottom: 20px;
}
.imprint_content .imprint .p3{
    font-size: 16px;
    font-family: "HarmonyOS_SansSC_Light";
    margin-top:35px;
}
.imprint2{
    color: #565656;
    padding:0px 0 50px;
}
.imprint2 .index_t1{
    /*margin-bottom: 30px;*/
}
.imprint2 .wrap{
    max-width: 895px;
}
.imprint2 p{
    font-size: 16px;
    text-align: center;
    margin-top:25px;
    color: rgba(74,74,74,1);
    line-height: 1.6;
}
.imprint2 p u {
    background: transparent linear-gradient(0deg, #ededed, #ededed 45%, hsla(0, 0%, 100%, 0) 0);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: .1em 0;
    text-decoration: none;
}

@media(max-width:767px){
    .imprint_content .imprint .text br{
        display:none;
    }
}