/*公共样式*/
.main_box{width:65%;margin-left:auto;margin-right:auto}

@media(max-width: 1300px){
    .main_box{width:92%;}
}

:root {
    /* 定义颜色变量，变量名以 -- 开头，值为合法颜色值（十六进制、rgb、rgba、颜色名均可） */
    --bg-grey: rgba(45, 55, 60, 1); /* 背景色：灰色 */
    --bg-grey2: #31393E; /* 背景色：灰色 */

    --color-blue: #064B73; /* 主色调：蓝色 */
    --color-blue-kunlin:#064B73;
    --color-green: rgb(68, 183, 190); /* 主色调：蓝色 */
    --color-grey-53:rgb(53,53,53);
    --color-grey-102:rgb(102,102,102);
    --color-grey-144: rgb(144, 144, 144);
    --color-grey-204:rgb(204,204,204);

    --font-size-14: 16px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-28: 28px;
    --font-size-70: 70px;
    --font-size-90: 90px;

    --line-height-high:30px;
    --line-height-normal: 1.8;

    --height-30:30px;
    --height-40:40px;
    --height-60:60px;
    --height-80:80px;
    --height-600:600px;
}

@media(max-width: 1300px){
    :root {
        /* 公共计算因子：抽离重复的 100vw / 1300px，后续直接复用 */
        --base-scale: calc(100vw / 1300px);

        /* 字体大小：补全 1300px 单位，修正冗余定义 */
        --font-size-14: calc(16px * var(--base-scale)); /* 原16px对应值修正 */
        --font-size-16: calc(16px * var(--base-scale));
        --font-size-18: calc(18px * var(--base-scale));
        --font-size-20: calc(20px * var(--base-scale));
        --font-size-22: calc(22px * var(--base-scale));
        --font-size-28: calc(28px * var(--base-scale));
        --font-size-70: calc(70px * var(--base-scale));
        --font-size-90: calc(90px * var(--base-scale));

        /* 行高：补全单位，保持原有逻辑 */
        --line-height-high: calc(30px * var(--base-scale));
        --line-height-normal: 1.8; /* 无单位，无需修正 */

        --height-40:calc(40px * var(--base-scale));
        --height-60:calc(60px * var(--base-scale));
        --height-80:calc(80px * var(--base-scale));
        --height-600:calc(600px * var(--base-scale));
    }
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%; /* 让 html 和 body 占满整个视口高度 */
    overflow-x: hidden; /* 隐藏最外层的滚动条 */
}

body{font-size: 16px;}
a{transition: .3s;}
a:hover{color:var(--color-blue)!important;}
img{transition: .7s;}

.w-100{width:100%}

.one_line{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.two_line{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 58px;}

/*头部*/
.menu_pc{background-color: var(--bg-grey);height:var(--height-80);display: flex;align-items: center;position: fixed;z-index:99;top:0;left:0;width:100%;}
.menu_pc .main_box{display: flex;justify-content: space-between;align-items: center;}
.menu_pc .link{color:var(--color-grey-144);margin-left:var(--height-30);margin-right:var(--height-30);font-size: var(--font-size-16)}
.menu_pc .link.active{color:#fff!important;}
.menu_pc .logo{color:#fff;font-size: var(--font-size-28);font-weight: bold;}

/* 二级导航样式 */
.menu_pc .link-item {position: relative;display: inline-block;}
.menu_pc .sub-nav {position: absolute;top: var(--height-30);left: 0;width:calc(100% + 30px);background-color: var(--bg-grey2);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 999;}
.menu_pc .link-item:hover .sub-nav {opacity: 1;visibility: visible;}
.menu_pc .sub-link {display: block;padding: 25px 15px;color: var(--color-grey-144);text-decoration: none;font-size: var(--font-size-14);transition: color 0.3s ease;text-align: center;}


.menu_pc .search{cursor:pointer}
.menu_pc .search .iconfont{color:var(--color-grey-204);font-size: var(--font-size-22)}

.search_content{position:fixed;top:var(--height-80);left:0;height: var(--height-80);background-color: #fff;width:100%;display: flex;justify-content: center;align-items: center;transform: translateY(-100%);opacity: 0;transition: all 0.3s ease;z-index:98;}
.search_content .search_box{width:var(--height-600);height:var(--height-40);display: flex;align-items: center;position: relative;}
.search_content input{width:100%;height:100%;padding:5px 10px 5px 40px;border:none;outline: none;background-color: #EEEEEE;font-size: var(--font-size-16);}
.search_content .iconfont{font-size: var(--font-size-20);color:var(--color-grey-53);position: absolute;left:10px;top:50%;transform: translateY(-50%)}
.search_content .search_btn{width:40%;height:100%;position: absolute;right:0;top:0;background: var(--color-blue-kunlin);color:#fff;display: flex;justify-content: center;font-size: var(--font-size-16);align-items: center;cursor:pointer;transition: .7s;}
.menu_pc .search_content .search_btn:hover{background: linear-gradient(to right,#13A0C7,#38B0C0)}


.all_cover{width:100%;height:100vh;background:rgba(0,0,0,.7);position: fixed;top:0;left:0;z-index:88;opacity: 0;visibility: hidden;transition: all 0.3s ease}

/*底部*/
footer{}
footer .footer_box{}
footer .footer_contact{background: url(../img/footer_bg.jpg)center center/cover no-repeat;padding:80px 0;}
footer .footer_contact .main_box{display: flex;justify-content: center;align-items: center;}
footer .left{width:40%;}
footer .footer_title{color:var(--color-blue);font-size: 28px;font-weight: bold;margin-bottom:10px}
footer .footer_sub{color:var(--color-grey-53);font-size: 20px}
footer .right{flex:1;}
footer .list{display: flex;flex-wrap:wrap;}
footer .item{width:300px;margin:20px 0}
footer .item:nth-child(2){width:350px}
footer .item p{font-size:16px;color:var(--color-grey-53);line-height: var(--line-height-normal)}
footer .item a{margin-right:10px}
footer .copyright{background: var(--bg-grey);padding:30px;}
footer .copyright .main_box{display: flex;justify-content: center;align-items: center;padding:0}
footer .copyright p{color:var(--color-grey-144);font-size: 16px;margin:0 10px;display: flex;justify-content: center;align-items: center}
footer .copyright a{color:var(--color-grey-144);font-size: 16px}

/*轮播图*/
.banner {position: relative;width: 100%;overflow: hidden;max-width: 100%;}
.banner .swiper-container {width: 100%;height: 100%;overflow: hidden;}
.banner .swiper-slide {width: 100%;height: 100%;background-color: #72B0C9;}
.banner .imgbox{width: 100%;height: 100%;overflow: hidden}
.banner img{width:100%;}
.banner .banner_text{position: absolute;top:0;left:0;width:100%;height:100%;z-index:2;color:#fff;font-weight: bold;padding-top:10%;}
.banner .banner_title{font-size:48px;margin-bottom:20px;}
.banner .banner_sub{font-size:36px;}

/* 箭头容器：统一控制左右箭头的整体位置（垂直居中+右侧固定） */
.banner .swiper-button-prev,
.banner .swiper-button-next {position: absolute;right: 60px;left:auto;width: 80px;height: 80px;background: rgba(0, 0, 0, 0.5);color: #ffffff; background-image: none; text-align: center;line-height: 80px;z-index: 10; cursor: pointer;}
.banner .swiper-button-prev {top: 50%;transform: translateY(-50%); }
.banner .swiper-button-next {top: 50%;transform: translateY(50%);border-top:1px solid var(--color-grey-144)}
/* 箭头 hover 效果：背景变暗 */
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover{opacity: .8;}
.banner .swiper-button-prev:after,
.banner .swiper-button-next:after {font-size: 16px;color:#fff;}

/*公司介绍*/
.about_page{background-color: var(--bg-grey);}
.page_title{color:#fff;font-size: 28px;font-weight: bold}
.page_title span{color:var(--color-blue)}
.page_sub{color:var(--color-grey-204);font-size: 16px;line-height: 1.8;margin:60px 0;}
.about_page .box1{padding:80px 0;}
.about_page .box1 .list{}
.about_page .box1 .item{display: flex;height:320px;}
.about_page .box1 .item:nth-child(even) .txt{order:1}
.about_page .box1 .item .txt{aspect-ratio:1/1;height:100%;background: url(../img/about_text_bg.png)center center/cover no-repeat;display: flex;flex-direction: column;justify-content: center;padding:30px;order: 0;transition: .7s}
.about_page .box1 .item .item_title{color:var(--color-grey-53);font-size:22px;margin-bottom:30px;transition: .7s}
.about_page .box1 .item .item_text{color:var(--color-grey-102);line-height: 30px;font-size:16px;text-align:justify;transition: .7s }
.about_page .box1 .item .imgbox{flex:1;order: 0;overflow: hidden}
.about_page .box1 .item img{width:100%;height:100%;object-fit: cover;transition: .7s}
.about_page .box1 .item:hover img{transform: scale(1.1)}
.about_page .box1 .item:hover .txt{background: var(--color-blue-kunlin)}
.about_page .box1 .item:hover .item_title{color:#fff}
.about_page .box1 .item:hover .item_text{color:#fff}

.about_page .box2{border-top:1px solid #ccc;background-color: var(--bg-grey2);padding:80px 0;}
.about_page .box2 .list{display: flex;justify-content: space-between;align-items: center;gap:20px;margin-top:60px}
.about_page .box2 .item{flex:1}
.about_page .box2 .imgbox{width:100%;aspect-ratio:1247/862;overflow: hidden}
.about_page .box2 img{width:100%;height:100%;object-fit: cover;transition: .7s}
.about_page .box2 .txt{width:100%;height:180px;background-color: #fff;padding:20px;display: flex;flex-direction: column;justify-content: center;transition: .3s;}
.about_page .box2 .title{font-size:20px;color:var(--color-grey-53);margin-bottom:20px;transition: .3s;}
.about_page .box2 .sub{font-size:16px;color:var(--color-grey-102);line-height: 1.8;transition: .3s;}
.about_page .box2 .item .txt{background:var(--color-blue-kunlin);transition: .7s}
.about_page .box2 .item .title{color:#fff;}
.about_page .box2 .item .sub{color:#fff;}
.about_page .box2 .item:hover img{transform: scale(1.1)}
.about_page .box2 .item:hover .txt{background:linear-gradient(to right,#13A0C7,#38B0C0); }

.about_page .tabs{display: flex;}
.about_page .tab{margin-right:10px;padding:10px 20px;color:var(--color-grey-204);font-size:18px;}
.about_page a.tab:hover{color:var(--color-blue)}
.about_page .tab.active{background: var(--color-blue);color:#fff;}
pre {
    white-space: pre-wrap;       /* 保留空白符序列，但是正常地进行换行 */
    word-wrap: break-word;      /* 在长单词或 URL 地址内部进行换行 */
    font-family: inherit;       /* 可以继承父元素的字体，而不是使用默认的等宽字体 */
    padding: 10px;
}

    /*联系*/
.contact_page{background: var(--bg-grey)}
.contact_page .box1{padding:80px 0;}
.contact_page .box1 .main_box{display: flex;flex-wrap:wrap;}
.contact_page .box1 .text{height:450px;background: #fff;padding:40px;display: flex;flex-direction: column;justify-content: center;}
.contact_page .box1 .contact_title{font-size:20px;color:var(--color-grey-53)}
.contact_page .box1 .contact_sub{margin:30px 0;font-size:16px;color:var(--color-grey-102);line-height: 30px}
.contact_btn{width:160px;height:40px;display: flex;justify-content: center;align-items: center;font-size:16px;color:var(--color-grey-53);border:1px solid var(--color-grey-102);transition: .7s}
.contact_btn:hover{background-color: var(--color-blue-kunlin);color:#fff!important;}
.contact_page .box1 .imgbox{height:450px;overflow: hidden}
.contact_page .box1 img{width:100%;height:100%;object-fit: cover;}
.contact_page .box1 .main_box>div{width:30%}
.contact_page .box1 .main_box>div:nth-child(2),
.contact_page .box1 .main_box>div:nth-child(5){width:40%;}
.contact_page .box1 .main_box>div:nth-child(5){padding:0 60px;}

.contact_page .box2{padding-bottom:80px;}
.contact_page .box2 .main_box{background: #F6F6F6;padding:60px}
.contact_page .box2 .info{width:100%;display: flex;justify-content: space-between;align-items: center}
.contact_page .box2 .info .text{}
.contact_page .box2 .info_title{color:var(--color-grey-53);font-size:20px}
.contact_page .box2 .info_sub{color:var(--color-grey-102);font-size:16px;margin:10px 0 30px}
.contact_page .box2 .info_list{}
.contact_page .box2 .info_list p{color:var(--color-grey-102);font-size:16px;line-height: 30px}
.contact_page .box2 .info_list a{color:var(--color-grey-102);font-size:16px}
.contact_page .box2 .info_list .imgbox{}
.contact_page .box2 .info_list img{}

.contact_page .form{padding-top:60px}
.contact_page .form .form_title{color:var(--color-grey-53);font-size:16px;margin-bottom:30px}
.contact_page .form form{display: flex;justify-content: space-between;flex-wrap:wrap;}
.contact_page .form .item{color:var(--color-grey-102);font-size:16px;width:48%;display: flex;align-items: center;margin-bottom:20px}
.contact_page .form .item:nth-child(5){width:100%}
.contact_page .form label{margin-right:15px;}
.contact_page .form input{flex:1;height:36px;outline: none;border:1px solid #666;padding:5px 10px;}
.contact_page .form textarea{flex:1;height:100px;outline: none;border:1px solid #666;resize: none;padding:5px 10px;}
.contact_page .form span{font-size:16px;color:red;margin-left:10px;}
.contact_page .form .line{display: flex;color:var(--color-grey-102);font-size:16px;}
.contact_page .form .submit_btn{width:235px;height:45px;background: var(--color-blue);color:#fff;display: flex;justify-content: center;align-items: center;var(--font-size-14);cursor:pointer}
.contact_page .form .yzm{}
.contact_page .form .yzm_img{height:36px;}

/*新闻列表*/
.news_page{background-color: var(--bg-grey)}
.news_page .main_box{padding:80px 0;}
.news_page .top_news{display: flex;justify-content: space-between}
.news_page .top_news .news_item{width:46%;border:1px solid #fff}
.news_page .top_news .imgbox{width:100%;aspect-ratio:2/1;overflow: hidden}
.news_page .top_news img{width:100%;height:100%;object-fit: cover;transition: .7s;}
.news_page .top_news .news_text{background-color: #fff;padding:20px;}
.news_page .top_news .news_title{font-size: 18px;color:var(--color-grey-53);margin-bottom:10px;transition: .7s;}
.news_page .top_news .news_sub{font-size: 16px;color:var(--color-grey-102);line-height: 1.8}
.news_page .top_news .news_item:hover img{transform: scale(1.1);}
.news_page .top_news .news_item:hover .news_title{color:var(--color-blue-kunlin)}
.news_page .news_list{padding:60px 0}
.news_page .news_list .list_item{display: flex;flex-wrap: wrap;padding:30px 0;border-bottom:1px dashed #999;}
.news_page .news_list .news_text{flex:1;max-width: calc(100% - 104px);display: flex;flex-direction: column;justify-content: center}
.news_page .news_list .time{width:84px;height:84px;display: flex;flex-shrink: 0;flex-direction: column;justify-content: center;align-items: center;background-color: #fff;margin-right:20px;transition: .7s}
.news_page .news_list .date{font-size: 22px;color:var(--color-grey-53);transition: .7s}
.news_page .news_list .yearmonth{font-size:16px;color:var(--color-grey-102);transition: .7s}
.news_page .news_list .news_title{font-size: 16px;color:var(--color-grey-204);margin-bottom:15px;transition: .7s}
.news_page .news_list .news_sub{font-size: 16px;color:var(--color-grey-144);}
.news_page .news_list .list_item:hover .time{background-color: var(--color-blue-kunlin)}
.news_page .news_list .list_item:hover .date{color: #fff}
.news_page .news_list .list_item:hover .yearmonth{color: #fff}

.page{}
.pagination{display: flex;justify-content: center;align-items: center}
.pagination li{margin:0 10px}
.pagination li a{color:var(--color-grey-204)}
.pagination li span{color:var(--color-grey-144)}
.pagination li.active span{color:#fff;}

/*产品中心*/
.pdt_page{background-color: var(--bg-grey)}
.pdt_page .main_box{padding:80px 0;}
.pdt_page .box1{}
.pdt_page .box1 .item{position: relative;height:430px;margin-bottom:80px;}
.pdt_page .box1 .big_pic{position: absolute;z-index:1;top:0;height:100%}
.pdt_page .box1 .item:nth-child(odd) .big_pic{right:0;}
.pdt_page .box1 .item:nth-child(even) .big_pic{left:0;}
.pdt_page .box1 .text{width:350px;background-color: #fff;padding:30px;position: absolute;z-index:2;top:40px;box-shadow: 0 0 10px rgba(0,0,0,.1)}
.pdt_page .box1 .item:nth-child(odd) .text{left:0;}
.pdt_page .box1 .item:nth-child(even) .text{right:0;}
.pdt_page .box1 .text_title{color:var(--color-grey-53);font-size: 20px;margin-bottom:30px}
.pdt_page .box1 .text_sub{color:var(--color-grey-102);font-size: 16px;line-height: 1.8}
.pdt_page .box1 .num{position: absolute;z-index:2;bottom:40px;font-size:70px;font-weight: bold;color:#313B40}
.pdt_page .box1 .item:nth-child(odd) .num{left:60px;}
.pdt_page .box1 .item:nth-child(even) .num{right:60px;}
.pdt_page .box1 span{font-size:90px}

.pdt_page .box2{}
.pdt_page .box2 .cates{display: flex;justify-content: center;align-items: center}
.pdt_page .box2 .cate{width:150px;height:45px;color:var(--color-grey-204);margin:0 10px;display: flex;justify-content: center;align-items: center;cursor: pointer}
.pdt_page .box2 .cate.active{background-color: var(--color-blue);color:#fff!important;}
.pdt_page .box2 .list{margin:30px 0;}
.pdt_page .box2 .content{display: flex;flex-wrap:wrap;}
.pdt_page .box2 .item{width:calc((100% - 3 * 20px) / 4);margin-right:20px;margin-bottom:20px}
.pdt_page .box2 .item:nth-child(4n) {margin-right: 0;}
.pdt_page .box2 .imgbox{width:100%;aspect-ratio:1/1;overflow: hidden}
.pdt_page .box2 img{width:100%;height:100%;object-fit: cover}
.pdt_page .box2 p{text-align: center;color:#fff;font-size: 16px;padding:10px;transition: .7s;}
.pdt_page .box2 .content.active{}
.pdt_page .box2 .item:hover img{transform: scale(1.1)}
.pdt_page .box2 .item:hover p{background-color:var(--color-blue-kunlin);color:#fff; }

/*产品详情*/
.pdt_page{}
.pdt_page .view_box{background-color: #fff;}
.pdt_page .view_box .view_title{height:50px;border-bottom:1px solid #ddd}
.pdt_page .view_box .view_title h2{font-size: 16px;color:var(--color-blue);border-bottom:3px solid var(--color-blue);height:100%;display: inline-block;padding:10px 20px;}
.pdt_page .view_box .view_content{padding:30px 10px;display: flex;justify-content: space-between}
.pdt_page .view_box .pic{width:48%;aspect-ratio:1/1;border:1px solid #eee;}
.pdt_page .view_box .text{width:48%;}
.pdt_page .view_box .pdt_name{color:var(--color-grey-53);font-size: 20px;margin-bottom:30px}
.pdt_page .view_box .info{color:var(--color-grey-102);font-size: 16px;line-height: 30px}
.pdt_page .view_box .tel_btn{width:150px;height:40px;color:var(--color-blue);border:1px solid var(--color-blue);display: flex;justify-content: center;align-items: center;margin-top:30px;transition: .7s;}
.pdt_page .view_box .tel_btn:hover{background-color: var(--color-blue-kunlin);color:#fff!important;}
.pdt_page .view_box .view_more{padding:10px}
.pdt_page .view_box .view_more a{display: block;font-size: 16px;line-height: 1.8}

/*轮播图*/
.common-swiper{width:100%;height:100%;overflow: hidden}
.common-swiper .swiper-button-prev:after,
.common-swiper .swiper-button-next:after{font-size:20px;color:var(--color-blue-kunlin)}

/* 2. 图片放大效果 */
.img_cont{position:relative;width:100%;height:100%;}
.img_cont img{width:100%;height:100%;object-fit: contain}
.img_cont_left{display:flex; justify-content: flex-start;}
.img_cont_right{display:flex; justify-content: flex-end;}
.img_cont_3{display:flex;}
.big_icon{position:absolute; z-index:99; top:10px; right:10px; width:50px; height:50px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.big_icon::before{content:""; position:absolute; z-index:-1; top:5px; right:5px; width:40px; height:40px;background:rgba(255,255,255,0.8); border-radius:100px; transition:all .3s ease-in-out;}
.big_icon svg{fill:#606579; width:20px;transform-origin: center center; transition:all .3s ease-in-out;}
.big_icon:hover::before{transform:scale(1.15);}
.big_icon:hover svg{fill:#0071E3; transform:scale(1);}

/* 3.图片全屏预览样式 */
.img-preview-mask {position: fixed !important;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.85);z-index: 99999999 !important;display: none;justify-content: center;align-items: center;padding: 20px;box-sizing: border-box;-webkit-display: flex;-webkit-justify-content: center;-webkit-align-items: center;transform: none!important;}
/* 图片容器（仅包裹图片，会被缩放） */
.img-preview-content {position: relative;max-width: 90vw;max-height: 90vh;transition: transform 0.3s ease;transform-origin: center center;z-index: 10000;}
/* 预览图片（自适应容器） */
.img-preview-img {width: 100%;height: 100%;object-fit: contain;}
/* 控制按钮容器（独立定位，固定在遮罩底部） */
.img-preview-controls {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);display: flex;gap: 15px; z-index: 10001;}
/* 控制按钮样式 */
.img-preview-btn {width: 40px;height: 40px;border-radius: 50%;background: rgba(255, 255, 255, 0.9);color: #333;border: none;font-size: 18px;cursor: pointer;display: flex;justify-content: center;align-items: center; transition:all .3s ease-in-out;}
.img-preview-btn:hover {background:#0071E3;color: #fff;}
/* 关闭按钮（独立定位，固定在右上角） */
.img-preview-close {position: absolute;top: 30px;right: 30px;width: 40px;height: 40px;border-radius: 50%;background: rgba(255, 255, 255, 0.9);color: #333;border: none;font-size: 20px;cursor: pointer;display: flex;justify-content: center;align-items: center;z-index: 10001; transition:all .3s ease-in-out; box-shadow:8px 11px 30px rgba(25, 25, 25, .24);}
.img-preview-close:hover {background:#0071E3;color: #fff; transform:scale(1.15);}
/* 隐藏滚动条样式（不变） */
.no-scrollbar::-webkit-scrollbar {display: none !important;}

/*新闻详情*/
.newsview_content{padding:10px 10px 30px 10px}
.newsview_content .news_title{font-size: 22px;color:var(--color-grey-53);margin-top:30px}
.newsview_content .news_time{font-size: 16px;color:var(--color-grey-144);margin:30px 0;}
.newsview_content .news_info{font-size: 16px;color:var(--color-grey-102);border-top:1px solid #eee;border-bottom:1px solid #eee;padding:30px 0;line-height: 1.8}
.newsview_content .news_info p{font-size: 16px;color:var(--color-grey-102)}

/*首页*/
.de_common_title{text-align: center;color:#fff;font-weight: bold;font-size:28px;margin-bottom:30px}

.de_bg{background-color: var(--bg-grey)}
.de_box1{padding:80px 0}
.de_box1 .main_box{position: relative;height:570px}
.de_box1 .big_img{position: absolute;z-index:2;right:0;top:90px;width:75%;}
.de_box1 .text{position: absolute;z-index:3;left:0;top:0;background:linear-gradient(to right,#13A0C7,#38B0C0);padding:70px 50px;color:#fff;width:33.3%;min-height:40%;}
.de_box1 .text_title{font-weight: bold;font-size: var(--font-size-28);margin-bottom:30px}
.de_box1 .text_sub{font-size: var(--font-size-14);line-height: 1.8}
.de_box1 .en{font-size: 70px;font-weight: bold;position: absolute;z-index:1;left:30px;bottom:50px;color:#313B40}

.de_pdt_box{padding-bottom:80px}
.de_pdt_box .main_box{}
.de_pdt_box .list{display: flex;justify-content: space-between;align-items: center;}
.de_pdt_box .item{width: calc((100% - 40px) / 3);flex-shrink: 0;}
.de_pdt_box .imgbox{width:100%;aspect-ratio:1/1;overflow: hidden}
.de_pdt_box img{width:100%;height:100%;object-fit: cover;transition: .7s;}
.de_pdt_box .txt{width:100%;height:180px;background-color: #fff;padding:20px;display: flex;flex-direction: column;justify-content: center;transition: .3s;}
.de_pdt_box .title{font-size:var(--font-size-20);color:var(--color-grey-53);margin-bottom:20px;transition: .3s;word-wrap: break-word;word-break: break-all;}
.de_pdt_box .sub{font-size:var(--font-size-14);color:var(--color-grey-102);line-height: 1.8;transition: .3s;word-wrap: break-word;word-break: break-all;}
.de_pdt_box .item .txt{background:var(--color-blue-kunlin);transition: .7s;}
.de_pdt_box .item .title{color:#fff;}
.de_pdt_box .item .sub{color:#fff;}
.de_pdt_btn{display: flex;justify-content: center;width:100%;padding-top:30px;}
.de_pdt_btn .contact_btn{color:#fff;}
.de_pdt_btn .contact_btn:hover{background-color: var(--color-blue-kunlin);border-color:var(--color-blue-kunlin);}
.de_pdt_box .item:hover img{transform: scale(1.1)}
.de_pdt_box .item:hover .txt{background:linear-gradient(to right,#13A0C7,#38B0C0);}

.de_pdt_box .txt.pdt_txt{height:130px}
.de_pdt_box .imgbox.zhanlve{aspect-ratio:1247/954;}

.de_info_box{padding:80px 0;}
.de_info_box .main_box{}
.de_info_box .item{width:100%;display: flex;height:250px;margin-bottom:30px}
.de_info_box .imgbox{aspect-ratio:917/532;height:100%;width:auto;overflow: hidden}
.de_info_box img{width:100%;height:100%;object-fit: cover}
.de_info_box .text{flex:1;display: flex;flex-direction: column;justify-content: center;color:#fff;background-color: #119CEC;padding:30px;}
.de_info_box .item:nth-child(2) .text{background-color: #064B73}
.de_info_box .info_title{font-size:var(--font-size-20);margin-bottom:30px}
.de_info_box .info_sub{font-size:var(--font-size-14)}

.de_about_box{padding-bottom: 160px}
.de_about_box .main_box{position: relative;height:530px}
.de_about_box .big_img{width:75%;height:530px;position: absolute;z-index:3;background-image:linear-gradient(to right,#13A0C7,#38B0C0);top:0;left:0;}
.de_about_box .img_box{width:100%;height:530px;position: absolute;z-index:4;top:10px;left:0}
.de_about_box .img_box img{width:100%;height:100%;object-fit: cover}
.de_about_box .right_div{position: absolute;z-index:1;width:50%;height:480px;right:0;top:20px;border: 20px solid transparent;border-image: linear-gradient(to bottom,#38B0C0,#13A0C7) 1; }
.de_about_box .right_text{position: absolute;z-index:2;width:230px;height:300px;right:-2px;top:100px;background-color: var(--bg-grey);display: flex;flex-direction: column;justify-content: center;align-items: flex-end}
.de_about_box .de_about_title{color:#fff;font-weight: bold;margin-bottom:30px;font-size: var(--font-size-20)}
.de_about_box .de_about_title span{color:var(--color-green)}
.de_about_box .de_about_sub{font-size: var(--font-size-14);color:var(--color-grey-144);text-align: right;line-height: 1.8}
.de_about_box .en{position: absolute;z-index:1;font-size: 100px;font-weight: bold;left:530px;bottom:-80px;color:#313B40;width:100%;display: none}

/*产品列表*/
.pdtlist_page{background-color: var(--bg-grey);}
.pdtlist_page .content{display: flex;flex-wrap:wrap;padding:30px 0;}
.pdtlist_page .item{width:calc((100% - 3 * 20px) / 4);margin-right:20px;margin-bottom:20px}
.pdtlist_page .item:nth-child(4n) {margin-right: 0;}
.pdtlist_page .imgbox{width:100%;aspect-ratio:1/1;overflow: hidden}
.pdtlist_page img{width:100%;height:100%;object-fit: cover}
.pdtlist_page p{text-align: center;color:#fff;font-size: var(--font-size-14);padding:10px}

.pdtlist_page .pos{display: flex;justify-content: space-between;align-items: center;padding:30px 0;border-bottom:1px dashed #999;}
.pdtlist_page .condition_box{font-size: var(--font-size-14);color:var(--color-grey-144)}
.pdtlist_page .condition_box span{}
.pdtlist_page .condition_box a{margin-left:5px;font-size: var(--font-size-14);color:var(--color-grey-144);}
.pdtlist_page .pix_btn{font-size: var(--font-size-14);color:var(--color-grey-144);cursor:pointer}
.pdtlist_page .pix_btn:hover{color:orange}