/*
theme name: grl
description: used to switch.
*/

:root { --block-pt: calc(100vw / 20) }
.np_con { padding: var(--block-pt) 0 var(--block-pt) 0; }
.block {max-width: 1440px;width: 100%;margin: 0 auto; padding: var(--block-pt) 0 var(--block-pt) 0; }
.flex{display: flex;}
.font-orange{color: #f95a19 !important;}
.np_title{margin-bottom: calc(var(--block-pt) / 2);}
.np_title,.np_title *{font-size: 57px;color: #1c1c1c;font-weight: 900;font-family: "Microsoft YaHei";}
.np_content{font-size: 16px;color: #717171;}
.np_content p{padding-bottom: 20px;}

.np_module1_bg {position: relative;}
.np_module1_bg > img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;width: 100%;max-height: 100%;}
.np_module1 {}
.np_module1 .np_title{position: relative;}
.np_module1 .np_title::after{position: absolute;top: -10px;left: 0;content:" ";width: 56px;height: 2px;background-color: #f95a19;}

.np_m1_r{padding: 10px 10px 10px 40px;position: relative;flex:0 0 46%}
.np_m1_r_bg{position: absolute;width: 85%;height: 85%;bottom: -10px;right: -10px;background-color: #fa743e;}
.video_box{position: relative;}
@keyframes eff68 {
    0% {
        box-shadow: 0 0 0 0px #fff;
        opacity: .5
    }

    100% {
        box-shadow: 0 0 0 30px #fff;
        opacity: 0
    }
}
.video_box .video_arr{position: absolute;content: " ";top: 50%;left: 50%;transform: translate(-50%,-50%);width: 60px;height: 60px;background-image: url(/wp-content/uploads/2025/01/model2.png);z-index: 2;}
.video_box .video_arr:hover{transform: translate(-50%, -50%) scale(1.1);}
.video_box .video_arr:before, .video_box .video_arr:after {
    content: " ";
    width: 60px;
    height: 60px;
    border-radius: 100px;
    position: absolute;
    animation: eff68 1.4s linear infinite;}
    .video_box .video_arr:after {
        animation-delay: .7s;
    }
.video_box .video_img{width: 100%;height: 100%;}


.np_module2{}
.np_module2 .np_title{text-align: center;}
.np_module2_items{flex-wrap: wrap;}
.np_module2_item{flex:0 0 calc(100% / 3)}
.np_module2_item_box{padding: 10px;}
.np_module2_item_img{text-align: center;height:76px;}
.np_module2_item_img img{height:100%}
.np_module2_item_text{}
.np_module2_item_text h3{text-align: center;margin-top: 30px;
    margin-bottom:30px;}
.np_module2_item_text p{font-size: 16px;color: #19324c;margin-top: 20px;}



.np_module3_bg {
   background: url(/wp-content/uploads/2025/01/banner3.png) no-repeat ;
   background-size: 100% 100%;
}

.np_module3_content {
   justify-content: space-between;
}

.np_module3_content_l .swiper-button-prev i,
.np_module3_content_l .swiper-button-next i {
   font-size: 30px;
   font-weight: 100;
}

.np_module3_content_l .swiper-button-prev {
   left: 0;
}

.np_module3_content_l .swiper-button-next {
   right: 0;
}

.np_module3_content_l {
   box-sizing: content-box;
   padding: 0 30px;
   position: relative;
   flex: 0 0 37%;
   overflow: hidden;
}
.np_module3_content_r {
   flex:1;
   padding-left: 60px;
}

.np_module3_content_l_title {
   font-size: 22px;
   color: #fff;
   font-weight: 900;
    margin:2rem 0;
   text-align: center;
}

.np_module3_content_l_link {
    margin-top: 20px;
   text-align: center;
}

.np_module3_content_l_link a {
   color: #fff;
   font-size: 16px;
   text-shadow: 2px 2px 5px #f95a19;
   position: relative;
   /* 确保伪元素相对于链接定位 */
   display: inline-block;
}

.np_module3_content_l_link a::after {
   content: attr(data-text);
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   height: 100%;
   color: #f95a19;
   transform: translatex(-8%);
   transform: scalex(1.1);
}

.np_module3_content_r .grid-container {
   display: grid;
   grid-template-columns: repeat(3, 1fr); /* 三列布局 */
   grid-template-rows: repeat(9, 1fr); /* 八行，每行高度 100px */
   gap: 24px; /* 网格间距 */
   width: 100%;
}

/* 每个格子的通用样式 */
.np_module3_content_r .grid-item >a{display: flex;width: 100%;height: 100%;
    border-radius: 20px;
    border:5px solid  rgba(255, 255, 255, 0);
    padding: 20px;
    flex-wrap: wrap;
    /* flex-direction: column; */
}
.np_module3_content_r .grid-item {
    background-color: rgba(255, 255, 255, 1);
   border: 1px solid #fff;
   border-radius: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 20px;
   font-weight: bold;
   color: #333;
}
.np_module3_content_r .grid-item:hover {
    background-color: rgba(255, 255, 255, .3);

}
.np_module3_content_r .grid-item:hover>a{
    border:5px solid  rgba(244, 113, 57, .3);

}
.np_module3_content_title{font-size: 16px;color: #2e2e2e;font-weight: 500;flex: 0 0 100%;}
.np_module3_content_img{flex:1 1 100%;align-self:center;}
.np_module3_content_img>img{max-width: 100%;height:auto;}
/* 布局规则 */
.np_module3_content_r .item1 {
   grid-column: 1 / 2; /* 第一列 */
   grid-row: 1 / 5;    /* 前四行 */
}

.np_module3_content_r .item2 {
   grid-column: 2 / 3;
   grid-row: 1 / 6;
}

.np_module3_content_r .item3 {
   grid-column: 3 / 4; /* 第三列 */
   grid-row: 1 / 5;    /* 前四行 */
}

.np_module3_content_r .item4 {
   grid-column: 1 / 2; /* 第一列 */
   grid-row: 5 / 10;    /* 第五行到第八行 */
}

.np_module3_content_r .item5 {
   grid-column: 2 / 3;
   grid-row: 6 / 10;
}

.np_module3_content_r .item6 {
   grid-column: 3 / 4; /* 第三列 */
   grid-row: 5 / 10;    /* 第五行到第八行 */
}

.np_module4 .np_title{text-align: center;}
.np_module4_content { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.np_module4_content_l{flex:0 0 calc(100%);}
/* .np_module4_content_l{flex:0 0 calc(50% - 15px);} */
/* .np_module4_content_l>.np_module4_item:first-child .np_module4_item_content{display: block;} */
.np_module4_item { flex:0 0 calc(50% - 15px); margin-top: 30px; border-radius: 20px;overflow: hidden;background-color: #fff; padding:25px 40px; box-shadow: 0.3px 0.3px 0.7px rgba(0, 0, 0, 0.031), 0.8px 0.8px 1.9px rgba(0, 0, 0, 0.045), 1.8px 1.8px 4.5px rgba(0, 0, 0, 0.059), 6px 6px 15px rgba(0, 0, 0, 0.09) ;position: relative;}
.np_module4_item>i.fa{position: absolute;top: 33px;right: 40px;transition-duration:0.5s;color: #f95a19;}
.np_module4_item.active>i.fa{transform: rotate(180deg);}
.np_module4_item_title{font-size: 20px;font-weight: 900;;color: #0c141c;min-height: 58px;display: flex;align-self: center;display: flex;align-items: center;width:calc(100% - 50px)}
.np_module4_item_content{font-size: 16px;color: #666666;padding-top: 30px;;display: none;}
.np_module4_item.active .np_module4_item_content{display: block;}
.np_module4_item_content table{width:100%;}
.super_table{width:100%;overflow-x:auto;}

@media (max-width: 768px) {
    :root { --block-pt: calc(100vw / 10) }
    .top_banner{min-height: 450px;
        height: auto !important;
        max-width: 100%;}
            .top_banner_detail .top_banner_detail_subtitle {
           line-height: 1.5 !important;
    }.top_banner_detail .top_banner_detail_img img {
    height: auto;
    width: 82%;
}
    .block {max-width: unset;width:92%;margin: 0 auto; padding: var(--block-pt) 0 var(--block-pt) 0; box-sizing: border-box;}
    .np_module3_content{flex-wrap: wrap;}
    .np_module3_content_l{flex:0 0 calc( 100% - 60px);}
    .np_module3_content_r{flex:0 0 100%;padding-left: 0;margin-top: var(--block-pt)}
    .np_module3_content_r .grid-container{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: unset;
    }
    .np_module3_content_r .grid-item{
        grid-column: unset;
    grid-row: unset;
    }
.np_module1 {flex-wrap: wrap;}
.np_module1 >div{flex:0 0 100%}
.np_m1_r{padding:10px 10px 10px 10px}
.np_module2_item {
    flex: 0 0 calc(100% / 2);width:50%;
}
.np_title, .np_title * {font-size: 40px;}
.np_module4_content_l{flex:0 0 100%;width:100%;}
}