﻿
/* CSS Document */
:root{
	--main_color:#ff5402;
  --main-bg-color:#ff5402;
}
input::-webkit-input-placeholder {
    color: #fff; /* 针对Chrome, Safari, Opera等WebKit内核浏览器 */
}
input::-moz-placeholder {
    color: #fff; /* 针对Firefox浏览器 */
}
input:-ms-input-placeholder {
    color: #fff; /* 针对Internet Explorer 10+ */
}
input::placeholder {
    color: #fff; /* 针对现代浏览器，包括Chrome, Firefox, Safari, Edge等 */
}
@font-face{ font-family:'Beba'; src: url('/images/BebasNeue-Bold.ttf');}
@font-face{ font-family:'极影毁片圆'; src: url('/images/极影毁片圆.ttf');}
@font-face{ font-family:'alimama'; src: url('/images/alimama.ttf');}
@font-face{ font-family:'Barlow-Bold'; src: url('/images/Barlow-Bold.ttf');}
.sz1 span {
    font-size: 88px;
    line-height: 0;color:var(--main_color);;
}
.szs {
    padding: 4.2% 0;
    background: #fbfbfb;
    display: flex;
    align-items: flex-end;
}
.szs .width_1600{display: flex;
    justify-content: space-between;
}
.sz1 {    align-items: center;
    display: flex;
    width: 44%;
    /* flex: 1; */
}

.sz1 p {
    font-size: 21px;
    margin-right: 2%;
    font-family:'极影毁片圆';
    color: #666;
    font-weight: 500;
}

.sz1 h2 {
    font-size: 88px;
    font-weight: bold;
    color: #ff5402;font-family:'alimama';
}


/*侧边*/
.right-float{width:60px;position:fixed;right:2px;bottom:8%;z-index:300;}
.right-1{width:60px;height:60px;background:var(--main_color);border-radius:6px;margin-top:1px;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;position:relative;cursor:pointer;}
.right-1 a{width:100%;height:100%;display:block;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;}
.right-1 samp{width:100%;overflow:hidden;display:block;text-align:center;}
.right-1 span{width:100%;display:block;overflow:hidden;text-align:center;font-size:12px;color:#fff;margin-top:6px;}
.right-phone{width:200px;height:70px;position:absolute;right:90px;top:50%;background:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;border-radius:6px;box-sizing:border-box;padding-left:16px;opacity:0;transform-origin:right center;transform:translateY(-50%) scale(0);}
.right-phone:before{width:auto;content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);border-left:10px #fff solid;border-top:10px transparent solid;border-bottom:10px transparent solid;}
.right-phone p{width:100%;overflow:hidden;font-size:16px;color:#222;line-height:24px;}
.right-1:hover .right-phone{transform:translateY(-50%) scale(1);opacity:1;}
.right-wx{width:180px;height:180px;position:absolute;right:90px;top:50%;background:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;border-radius:6px;box-sizing:border-box;transform-origin:right center;transform:translateY(-50%) scale(0);}
.right-wx:before{width:auto;content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);border-left:10px #fff solid;border-top:10px transparent solid;border-bottom:10px transparent solid;}
.right-wx img{width:100%;height:auto;border-radius:6px;}
.right-1:hover .right-wx{transform:translateY(-50%) scale(1);opacity:1;}
.right-2{width:60px;height:60px;background:#fff;border-radius:6px;margin-top:1px;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;position:relative;cursor:pointer;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.04);}
.right-2 span{width:100%;overflow:hidden;text-align:center;display:block;font-size:14px;font-weight:bold;color:var(--main_color);background:url("/images/icon-153.png") no-repeat top center;padding-top:12px;}
.right-2 p{width:100%;overflow:hidden;text-align:center;display:block;font-size:12px;color:#222;}

/*内页大图*/
.fixed_img img {width: 100vw;}
.fixed_img{ width:100%;overflow:hidden;}
.fixed_img .txt h2{line-height: 2;font-family:'alimama';color:#fff;font-size: 4vw;}
.fixed_img .txt h5{ font-size:2vw; line-height: 3rem; font-weight:600; color:#fff;  text-transform: uppercase;}
.txt .main_a {text-align: center;}


.t_left_center{ display: flex; flex-direction: column; justify-content: center;}
.flex_start{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flex_space{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.t_center{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.width_1600{width:1520px;margin:0 auto;}
.container-fluid{overflow:hidden;}


.pub_title p {
    font-size: 70px;
    line-height: 1.35;
}
.pub_titles p {
    font-size: 42px;
    line-height: 1.35;
}

.textCenter {
    text-align: center;
    padding: 50px 0 20px 0;
}

.pub_ftitle p {
    font-size: 24px;
}


.videoes.width_1600 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.videoes #mould37086 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: space-around;
    /* border-radius: 20px; */
}

.videoes p {
    margin-top: 2%;    font-size: 18px;
    font-weight: bold;
}
.videoes video {
    width: 100%;
    height: auto;
    background: none;
}

/* 导航 */
#mould87106{ width:100%; background:#fff!important;  transition:1s; box-shadow: 0 0 10px rgb(0 0 0 / 20%);height:100px;}
.navbars41{width: 1520px;height: 100px;margin: 0 auto;/* position: absolute; *//* right: 0; */display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.navbars41 .logo{/* float:left; */width: 16%;height: 100%;display: table;padding-right: 2%;/* overflow: hidden; */padding-top:1%;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{/* float:right; */display: table;height:100%;/* margin-right: 1%; */flex: 1.5;}
.navbars41 li{display: table-cell;vertical-align: middle;position:relative;}
.navbars41 li>a{padding: 10px 30px;font-size:18px;transition:.5s;margin-right: 2%;color: #333;border-radius: 50px;}
.navbars41 li.active a{background: var(--main_color);}
.navbars41 li.active a{ color: #fff;}
.navbars41 li:hover a{background: var(--main_color);}
.navbars41 li:hover a{ color: #fff;}
.navbars41 .tab{display: block;align-items: center;justify-content: center;}
.dropdown {
            position: relative;
            display: inline-block;
            /* display: flex; */
            text-align: center;
        }
        
        .tab {
            width: 26px;height: 26px;
  background: url(/images/diqiu.gif) var(--main-bg-color) no-repeat center center;-webkit-border-radius: 100%;background-size: cover;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #ddd;
        }
        
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 94px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            top: 35px;
            left: -118%;
            border-radius: 10px;
        }
        
        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            
        }
.dropdown-content a:nth-child(1){border-bottom: 1px solid #e5e5e5;}
        .dropdown-content a:hover {
            color:var(--main_color);
        }
        
        .show {
            display: block;
        }
.phone_a img {
    width: 19%;
}
.navbars41 .phone_a{float:right;padding: 0 16px;border: 2px solid var(--main_color);height: 50px;border-radius: 80px;width: 180px;display: flex;align-items: center;flex-direction: row;}
.navbars41 .phone_a p{color:var(--main_color);font-size: 22px;font-family:arial;line-height: 24px;}
.ph {display: flex;flex-direction: column;align-items: flex-start;margin-left: 4%;}

.ph span {font-size: 14px;color: var(--main_color);}



.navbars41 .btngsearch{float:right;width:85px;height:100px;line-height:100px;background:var(--main_color) url(/images/search.png) no-repeat center;}
#searchBox{ position:fixed; top:100px; left:0; width:100%; background:rgba(0,0,0,0.2); z-index:99;}
#searchBox div{ width:1200px; padding:30px 0; position:relative; margin:0 auto;}
#searchBox input{width: 100%;height: 60px;line-height: 60px;background: #f5f5f5;font-size: 16px;transition:.5s;box-shadow:none;border: 2px solid var(--main_color);padding: 0 20px;box-sizing:border-box;margin-bottom:0;}
#searchBox a{ background:var(--main_color) url(/images/search.png) no-repeat center; width:80px; height:60px; display:block; position:absolute; right:0; top:30px;}

.navbars41 li .hide1{ width:146px; position:absolute; top:80px; left:36%; transform:translateX(-50%); background: #fff; padding:10px; box-sizing:border-box; border-radius:5px; display:none; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars41 li:hover .hide1{ display:block; text-align:center;}
.navbars41 li .hide1 a{ display:block; padding:0 20px;}
.navbars41 li:hover .hide1 a{ background: none; border-radius:inherit; color:#333; line-height:44px; font-size:18px;}
.navbars41 li:hover .hide1 a:hover{ background: var(--main_color); border-radius:5px; color:#fff;}

  
#mould76972 .swiper-slide {width: 100%!important;}
/*页面宽度*/
#mould76972{ width:100%;background: var(--main_color);}

/*基本页*/
#mould76976{ width:1500px; margin:0 auto;}
#mould76976 p{ line-height:30px;}
#mould76976 p img{ margin:5px 0;}

/*内页栏目*/
.ny_lanmu{ margin:0 auto;}
.ny_lanmu ul{ margin:64px auto;}
.ny_lanmu li{ width: 180px; float:left;}
.ny_lanmu li a{font-size:18px;line-height: 50px;text-align:center;display:block;/* background: rgba(var(--main_color_rgb),0.08); */border: 1px solid var(--main_color);border-radius:30px;margin:0 10px;}
.ny_lanmu li.active a{ background: var(--main_color); color: #fff;}
.ny_lanmu li:hover a{ background: var(--main_color); color: #fff;}

.ny_lanmus{ margin:0 auto;display: flex;}
.ny_lanmus ul{ margin:64px auto;}
.ny_lanmus li{ width: 180px; float:left;}
.ny_lanmus li a{font-size:18px;line-height: 50px;text-align:center;display:block;/* background: rgba(var(--main_color_rgb),0.08); */border: 1px solid var(--main_color);border-radius:30px;margin:0 10px;}
.ny_lanmus li.active a{ background: var(--main_color); color: #fff;}
.ny_lanmus li.on a{ background: var(--main_color); color: #fff;}
.ny_lanmus li:hover a{ background: var(--main_color); color: #fff;}


/* 简介 */
/* 关于我们 */
#box-5{padding: 40px 0;background-size: cover;position: relative;}
#box-5 .textCenter {
    /* text-align: end; */
    display: flex;
    padding: 0;
    /* flex: 50%; */
    width: 85%;
    margin: 0 auto;
    flex-direction: column;
    align-items: flex-start;
}
#box-5 .container{position: relative;z-index: 2;display: flex;align-items: flex-end;justify-content: space-between;width: 74%;}
#box-5 .pub_title:nth-child(1) p{color: var(--main_color);font-weight: bold;line-height: 1.75;}
#box-5 .desc{width: 100%;margin:30px auto 0 auto;text-align: center;/* line-height: 1.5; */}
#box-5 .desc p{font-size: 24px;color: #666;line-height: 1.5;}
#box-5 .gy img {
    width: 100%;
}

#box-5 .gy {
    width: 15%;
}
#box-5 .box2{background:url(/images/yhs.png) no-repeat bottom;background-size: contain;position: relative;margin-top: 30px;background-color: #ff5402;padding: 1% 0% 3% 0;border-radius: 40px;display: flex;justify-content: space-evenly;align-items: center;}
#box-5 .wz{position: absolute;width: 130%;top: 35%;z-index: 1;}
#box-5 .content_video{width: 68%;position: relative;margin: auto;max-width: 690px;margin: 0 2%;    border-radius: 20px;}
#box-5 .content_video video{ border-radius: 20px;}
#box-5 .content_video .video_img{overflow: hidden;border-radius: 20px;box-shadow: 0 2px 0px 0px rgb(255 255 255 / 80%);}
#box-5 .content_video .video_img img{height: 100%;}
.video_btn{position: absolute;left: calc(50% - 43px);top:calc(50% - 43px);}
.video_btn img{width: 85px;cursor: pointer;transition: all .5s;}
.video_btn img:hover {transform: scale(1.15);}
.video_btn p{font-size: 72px;color: #fff;width: 100%;text-align: center;margin-top: 20px;}
.fix_video {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: none;}
.fix_video .fix_bg {background: rgba(0, 0, 0, .7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;}
.fix_video .fix_text {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;overflow: hidden;height: 100%;}
.fix_video .fix_text .video {width: 68%;max-width: 1050px;margin: 0 auto;position: relative;margin-top: 50px;}
.fix_video .fix_text .video video {width: 100%;position: relative;z-index: 100;height: 800px;background:none;}
.fix_video i img{width: 45px;height: 45px;position: absolute;z-index: 999;cursor: pointer;top: 130px;right: 30px;filter: invert(1);}
.zi {
    /* display: flex; */
    text-align: right;
    line-height: 3;
    color: #fff;
    flex: 1;
}

.zis {
    /* text-align: left; */
    line-height: 3;
    color: #fff;
    flex: 1;
}

.wenhua {margin-top:2%;display: flex;justify-content: space-evenly;color: #fff;align-content: space-around;margin-bottom: 1.5%;border-radius: 30px;}
.wenhua img {width: 40%;    margin-bottom: 3%;}
.wenhua div {display: flex;flex-direction: column;align-items: center;/* margin: 5% 0; */position: relative;
  overflow: hidden;flex: 1;margin-right: 2%;padding: 7% 3%;border-radius: 50px;box-shadow: 0 0px 20px rgb(0 0 0 / 20%);color: #ff5402;transition: transform 0.6s ease;}
.wenhua div:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    background-color: var(--main_color); /* 悬停时的白色背景 */
    transition: all 0.8s ease-out;
    z-index: -1; /* 确保伪元素在内容下方 */
    transform: translateY(-50%) scaleY(0);
    transform-origin: center;
}
.wenhua div:hover{color:#fff;transform: translateY(-20px);}
.wenhua div:hover p{color:#fff;}
.wenhua div:hover:before {
    height: 200%; /* 扩展高度（超过100%确保完全覆盖） */
    transform: translateY(-50%) scaleY(1);
  
}
.wenhua h5 {font-size: 1.7vw;margin-top: 2%;line-height: 1;font-weight: bold;margin-bottom: 2%;}
.wenhua p {text-align: center;line-height: 1.5;font-size:18px;line-height:2;color: #333;}

div#history {
    margin-bottom: 1.5%;
}
.licheng .swiper-slide img {    width: 96%;
    display: inline-block;
    height: auto;
    box-shadow: 10px 10px var(--main_color);
    border-radius: 10px;
    margin-bottom: 6%;
}
.licheng h5 {color:var(--main_color);
    font-size: 1.5vw;
    font-weight: bold;
    line-height: 2;
    margin-left: 6%;
    /* text-indent: 2em; */
}
.licheng a:hover p{color:#333;}
.licheng p {
    /* text-indent: 2em; */
    width: 80%;
    margin-left: 6%;
    line-height: 1.5;
    font-size: 18px;
}


div#fazhan {position: relative;
    margin-bottom: 3%;
    display: flex;
    justify-content: space-between;
    border-left: 1px solid var(--main_color);}
#fazhan img {border-radius: 50px;}
img.top-image {
    border-radius: none;
}

img.top-image {
    position: absolute;
    left: -1%;
    top: 0;
}

img.bottom-image {
    position: absolute;
    left: -1%;
    bottom: 0;
}

.fazhan ul {margin-left: -7px;
    flex: 1;
    margin-right: 3%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 7% 0px;
    max-width: 195px;
}
.ll0 {
    list-style: none;
    display: flex;
    align-items: center;
}
.ll0.on{margin-left: -19px;}
.ll0.on span{background: url(/images/16.png) no-repeat center;margin-right: 5%;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-size: contain;}
.ll0 b{font-size:18px;}
.ll0.on b{color: var(--main_color);}
.fazhan ul span {
    width: 14px;
    height: 14px;
    display: block;
    background-color: var(--main_color);
    border-radius: 15px;
    margin-right: 10%;
}
.rr {
    flex: 1;
}

.mendian {background: #fff;padding: 1.5% 0 6%;position:relative;}
.mendian .swiper-slide {
    border: 1px solid #ccc;
    border-radius: 20px;
    overflow: hidden;
}
.mendians .TitHead h2 {margin-bottom: 2%;}
.TitHead h2:before {width: 60px;height: 4px;content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;background: var(--main_color);}
.TitHead h2 {text-align: center;font-size: 2vw;font-weight: bold;color: #000;margin-bottom: 1vw;position: relative;padding-bottom: 1%;}
.TitHead .desc {padding: 0 0 0 1.82vw;}
.TitHead .desc {color: #142233;}
.mendian .swiper-slide a {display: flex;flex-direction: column;align-items: center;/* border-radius: 20px; *//* overflow: hidden; */}
.mendian .swiper-slide img {position: relative;margin-bottom: 10%;}
.mendian .swiper-slide h5{position: absolute;bottom: 0;line-height: 3;background: var(--main_color);color: #fff;width: 100%;text-align: center;}
.mendian .swiper-container {position: unset;}

.mendian .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--main_color);}
.mendian .swiper-container-horizontal>.swiper-pagination-progressbar {width: 70%;height: 4px;left: 15%;top: 88%;}
.mendian .new-i-more {margin: 4% auto 0;}
.new-i-more {display: flex;align-items: center;width: -moz-max-content;width: max-content;}
.new-i-more.border .text {line-height: 50px;border: 1px solid var(--main_color);background: unset;color: #000;}
.new-i-more .text {width: clamp(68.2666666667px,6.6666666667vw,128px);display: flex;align-items: center;justify-content: center;border-radius: 99px;font-size: clamp(0.75rem,0.6071428571rem + 0.2232142857vw,0.875rem);font-weight: bold;transition: .3s;}
.new-i-more.border .arrow {background: var(--main_color);color: #fff;border-radius: 50%;display: flex;align-items: center;overflow: hidden;transition: .3s;justify-content: center;}
.new-i-more .arrow .fa {width: 50px;height: 50px;background:url(/images/jiantou.png) no-repeat center;}
.new-i-more:hover .text{background:var(--main_color);color:#fff;}
.new-i-more:hover .fa{transform: rotate(45deg);}

.honor_a{background: url(/images/hezuo.jpg) center center / 100%;position:relative;padding: 3% 0;}
.honor_a .one_box_a{ margin-bottom:2%;}
.honor_a .swiper-wrapper{ transition-timing-function:linear !important;}
.honor_a .swiper-slide{ border-radius:12px; overflow:hidden; margin-right:40px;}
.honor_a .swiper-slide a{ display:block; width:100%; height:100%;}
.honor_a .swiper-slide a img{ width:100%; height:100%;}
.sz {
    width: 26%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    padding-top: 3%;
}

.boxsz {
    display: flex;
    flex-direction: column;
}

.heng {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.sz h2 {font-family:'Beba';
    font-size: 50px;
    font-weight: bold;
}

.sz p {
    font-size: 18px;
    line-height:1;
    margin-top: 3%;
}

.honor_a.width_1600 {
    margin-top: 8%;
}

.honor_a.width_1600 {
    margin-top: 8%;
}
.picture1 .width_1600 > ul li {
    float: left;
    width: 23%;
  overflow: inherit;}
.picture1 .width_1600 > ul li a img {
    width: 100%;
    height: auto;
    font-size: 16px;
    transition: 1s;
    overflow: hidden;
    border: 1px solid #ccc;
}
.picture1 .width_1600 > ul li {
    float: left;
    width: 23%;
    overflow: inherit;
    margin-right: 2%;
    text-align: center;
    margin-bottom: 2%;
}
.picture1 .width_1600 > ul li div {
    line-height: 2;
    font-size: 18px;
    margin-top: 2%;
}

/* 产品 */
.productl {
    margin-bottom: 3%;
}
.ny_main{background: url(../img/product_box1_bj.jpg) repeat center center;background-size: auto;}

#box-4 {padding-bottom: 0;}
#box-4 .block01{margin-top: 50px;}
#box-4 .box1{width: 53%;overflow: hidden;position: relative;}
#box-4 .box1 li{opacity: 0!important;}
#box-4 .box1 li.swiper-slide-active{opacity: 1!important;}
#box-4 .box1 li img{transform:rotate(15deg);opacity: 0;}
#box-4 .box1 li.swiper-slide-active img{transition: all 1s;transform: rotate(0deg);opacity: 1;}
#box-4 .block01 .swiper-slide img {
    display: inline-block;
    width: 100%;
    height: auto;
}
#box-4 .box2{width: 47%;overflow: hidden;position: relative;}
#box-4 .box2 li{opacity: 0!important;}
#box-4 .box2 li.swiper-slide-active{opacity: 1!important;}
#box-4 .box2 li>div>div{position: relative;overflow: hidden;}
#box-4 .box2 li p{transform: translateY(100%);}
#box-4 .box2 li.swiper-slide-active p{transform: translateY(0%);transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);}
#box-4 .box2 li .title p{font-size: 25px;color: var(--main_color);font-weight: bold;}
#box-4 .box2 li .ftitle p{font-size: 80px;color: var(--main_color);font-weight: bold;transition-delay: 0.15s;line-height: 1.5;}
#box-4 .box2 li .desc{margin-top: 20px;}
#box-4 .box2 li .desc p{font-size: 47px;color: var(--main_color);font-weight: bold;transition-delay: 0.3s;}
#box-4 .box2 .control{font-size: 35px;color: var(--main_color);margin-top: 70px;}
#box-4 .box2 .control .prev,#box-4 .box2 .control .next{cursor: pointer;}
#box-4 .box2 .swiper-pagination{display: inline-block;width: auto;margin-top: 0px;}
#box-4 .box2 .swiper-wrapper{height:auto;}
#box-4 .sb-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#box-4 .box2 .control .swiper-pagination {
  position: inherit;}
#box-4 .block02{position: relative;margin-top: 30px;}
#box-4 .box3{overflow: hidden;position: relative;width: calc(100% - 70px);margin: auto;}
#box-4 .box3 li{transform: scale(0.7);transition: 0.5s;cursor: pointer;}
#box-4 .box3 li.swiper-slide-active{transform: scale(1);}
#box-4 .block02 .swiper-button-prev,#box-4 .block02 .swiper-button-next{width: 25px;height: 48px;top: 50%;}
#box-4 .block02 .swiper-button-prev{content: '';background: url(/images/product_box1_jt1.png) no-repeat center center;background-size: contain;left: 0;}
#box-4 .block02 .swiper-button-next{content: '';background: url(/images/product_box1_jt2.png) no-repeat center center;background-size: contain;right: 0;}

#box-4 .wz{width: 160%;z-index: 1;margin-top: 115px;}


.productl ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
.pp {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    background: #FEF0E5;
    border: 2px solid var(--main_color);
}
.proo{background: url(/images/proo.png) no-repeat bottom;background-size: contain;background-color: var(--main_color);border-radius: 0 0 10px 10px;}
.proo h2 {    letter-spacing: 5px;
    text-align: center;
    font-size: 32px;
    color: #fff;
    
    padding: 20px;
    margin-top: -2px;
    z-index: 2;
    
}
.product-list{ width:100%; padding:0 3%; box-sizing:border-box; margin-bottom:2%;}
.product-list > ul li{ width:49%; margin-bottom:2%;}
.product-list > ul li p:first-child{ height:auto;}
.product-list > ul li p:last-child{ font-size:30px; font-weight:bold; margin-top:12px;}
.product-list > ul li:hover p:last-child{ color: var(--main_color);}

/*定制*/
.dzs {margin-top: 2%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 80px;
}

.dz {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10%;
    border: 1px solid #555;
    border-radius: 30px;
    position: relative;
    justify-content: center;
}
.dz:first-child h4{left: -6%;}
.dz:nth-child(4) h4{left: -9%;}
.dz h4 {color:var(--main_color);
    font-size: 130px;
    font-family: 'Barlow-Bold';
    position: absolute;
    left: -8%;
    background: #fff;
    padding: 14% 0 16%;
}
.dz:first-child h4 .top-img {left: 48%;}
.dz:first-child h4 .bottom-img {left: 48%;}
.dz:nth-child(4) h4 .top-img {left: 47%;}
.dz:nth-child(4) h4 .bottom-img {left: 47%;}
.top-img {
    position: absolute;
    top: -5px;
    left: 43%;
}

.bottom-img {
    position: absolute;
    bottom: -5px;
    left: 43%;
}
.dzz {
    width: 95%;
    padding: 5% 0;
    border-radius: 20px;
    display: flex;
    border: 1px solid #ccc;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 19px 15px 20px 0px #00000030;
}

.dzz img {
    width: 42%;
    margin-right: 5%;
}

.dz h2 {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    width: 20%;
    /* margin: 0 auto; */
    letter-spacing: 4px;
}

div#box-8 {
    margin-bottom: 5%;
}
/*
#box-8{    width: 100%;
    height: auto;
    padding: 50px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
background: url(/images/zshz_box4_bj.jpg) no-repeat center center;background-size: cover;}
#box-8 .block01{position: relative;margin-top: 65px;}
#box-8 .block01 .box{overflow: hidden;
    margin: auto;
    border: none;overflow: hidden;margin: auto;}
#box-8 .box1{position: relative;margin: 0 -58px;}
#box-8 .box1 li{padding: 0 58px;position: relative;}
#box-8 .box1 li:not(:first-child)::before,#box-8 .box1 li:not(:first-child)::after{content: '';width: 31px;height: 31px;background: url(/images/zshz_box4_jt3.png) no-repeat center center;background-size: contain;position: absolute;top: 46%;-webkit-animation: fadeTb 1.6s ease infinite; }
#box-8 .box1 li::before{left: -5px;-webkit-animation-delay: 0.5s!important;}
#box-8 .box1 li::after{left: -26px;}
#box-8 .box1 li>div{background: rgba(255,255,255,0.95);border-radius: 10px;padding: 55px 20px;text-align: center;position: relative;}
#box-8 .box1 li .tb{width: 68%;margin: auto;}
#box-8 .box1 li .tb img{transition: 0.5s;}
#box-8 .box1 li>div:hover .tb img{transform: scale(1.1);}
#box-8 .box1 li .title{font-size: 32px;color: var(--main_color);font-weight: bold;margin: 17px 0;}
#box-8 .box1 li .ftitle{width: 42%;margin:0 auto 28px auto;}
#box-8 .box1 li .desc p{font-size: 42px;color: #333;}
#box-8 .swiper-pagination{margin-top: 48px;}
#box-8 .swiper-button-prev,#box-4 .swiper-button-next{width: 63px;height: 63px;top: 42%;}
#box-8 .swiper-button-prev {background: url(/images/zshz_box4_jt.png) no-repeat center center;background-size: contain;left: 0px;}
#box-8 .swiper-button-next {background: url(/images/zshz_box4_jt1.png) no-repeat center center;background-size: contain;right: 0px;}
@keyframes fadeTb{
	0%, 100% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
联系*/


/*联系*/
#box-1 {padding-top: 65px;padding-bottom: 70px;}
#box-1 .block01 .box1{display: flex;border: 6px solid var(--main_color);border-radius: 35px;overflow: hidden;flex-wrap: wrap;background: #fff;flex-direction: row;align-items: center;justify-content: space-between;}
#box-1 .block01 .left{width: 54%;}
#box-1 .block01 .left img{width: 100%;height: 100%;object-fit: cover;}
#box-1 .block01 .right{width: 40%;}
#box-1 .block01 .right{background: url(/images/lxwm_box1_left.png) no-repeat center center;background-size: cover;padding: 41px;}
#box-1 .block01 .right li{padding: 40px 0;position: relative;}
#box-1 .block01 .right li:not(:last-child)::after{content: '';width: calc(100% - 0px);height: 1px;background: rgba(0, 0, 0, 0.1);position: absolute;right: 0;bottom: 0;}
#box-1 .block01 .right li:nth-child(2){padding: 40px 0 40px 0;}
#box-1 .block01 .right li:nth-child(3){padding: 40px 0 40px 0;}
#box-1 .block01 .right li>div{flex-wrap: nowrap;transition: 0.5s;display: flex;align-items: center;}
#box-1 .block01 .right li:hover>div{transform: translateY(-10px);}
#box-1 .block01 .right li .text{width: calc(100% );}
#box-1 .block01 .right li .img{width: 100px;margin-right: 35px;display: flex;flex-direction: column;align-items: center;}
#box-1 .block01 .right li .t1{font-size: 18px;color: #999;margin-top: 4%;}
#box-1 .block01 .right li .t2{font-size: 34px;color: #222;width: 82%;}
#box-1 .block01 .right li .t_address{font-size: 30px;}


#box-1 .block02{margin-top: 120px;}
#box-1 .block02 .box1{margin: 0px -23px;}
#box-1 .block02 ul{display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row;}
#box-1 .block02 li{width: 24%;text-align: center;/* box-shadow: 19px 10px 0; */}
#box-1 .block02 li>div{background: #fff;border-radius: 20px;padding:25px;height: 100%;box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);}
#box-1 .block02 li .img1{max-width: 90px;margin: auto;width: 42%;}
#box-1 .block02 li .img1 img{margin-top: -70px;margin-bottom: 20px;}
#box-1 .block02 li .title{font-size: 24px;color: #222;margin: 10px 0 5px 0;}
#box-1 .block02 li .img2{margin:0 auto 30px auto;max-width: 195px;width: 85%;}


#box-2{padding-top: 10px;padding-bottom: 110px;}
#box-2 .box1{position: relative;display: flex;justify-content: space-between;align-items: flex-end;}
#box-2 .box1 .left{width: 55%;padding-top: 35px;}
#box-2 .box1 ul{background: #fff;border-radius: 20px;padding:45px 50px 80px 50px;}
#box-2 .box1 ul .title{font-size: 30px;color: #222;padding-bottom: 10px;}
#box-2 .box1 li{width: 100%;display: flex;border-bottom: 1px solid rgba(0, 0, 0, 0.1);align-items: center;}
#box-2 .box1 li span{white-space: nowrap;margin-right: 18px;font-size: 18px;color: #999;}
#box-2 .box1 li span b{color:#FF0B0B;}
#box-2 .box1 input{width: 100%;background: transparent;font-size: 18px;outline-color: #fff!important;border:none;color: #222;padding: 32px 0;border: none;
    box-shadow: none;}
#box-2 .box1 input::-webkit-input-placeholder{color: #999;}
#box-2 .box1 input:focus{outline: none;}

#box-2 .box1 #submit{background:var(--main_color);border-radius: 20px;padding: 22px 25px 22px 40px;margin-top: 12px;transition: 0.5s;cursor: pointer;width:30%;margin:0 auto;}
#box-2 .box1 .submit:hover{opacity: 0.95;}
#box-2 .box1 .submit span{color: #fff;font-size: 18px;}
#box-2 .box1 .submit img{width: 20px;}
.sb-center {
    display: flex;
    justify-content: space-between;
}
#box-2 .box1 .right{width: 44%;position: relative;}




/*新闻*/
/*列表*/
#new_list li{padding: 15px 0;box-shadow: 0 0 10px 0px rgb(0 0 0 / 20%);margin-bottom: 2%;border-radius: 20px;}
#new_list li a{display: flex;/* width: 100%; */align-items: center;position: relative;overflow: hidden;background: #fff;padding: 65px 100px;border-radius: 30px;transition: 0.5s;justify-content: space-between;}
#new_list li a:hover{box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);}
#new_list li .img{width: 30%;padding-top: 20%;z-index: 2;position: relative;transition: 0.5s;border-radius: 20px;}
#new_list li>a:hover .img{transform: scale(1.05);}
#new_list li .img img{position: absolute;height: 100%;width: 100%;top: 0;border-radius: 20px;}

#new_list li .content{width: 49%;max-width: 680px;/* padding-right: 4%; */}
#new_list li .content .title{font-size: 36px;color: #222;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#new_list li .content .desc{padding-top: 20px;}
#new_list li .content .desc p{font-size: 18px;color: #999;text-align: justify;line-height: 1.75;}
#new_list li .content #new_list .pub_btn{margin-top: 80px;}

#new_list li .time{border: 1px solid rgba(0, 0, 0, 0.1);padding:20px 30px;text-align: center;border-radius: 10px;}
#new_list li .time .dd{font-size: 110px;color: #222;line-height: 0.95;}
#new_list li .time .yymm{font-size: 24px;color: #999;line-height: 1.3;}


#new_list .pub_btn .btn_a{display: inline-flex;align-items: center;border-radius: 50px;width: 168px;padding: 12px 0;/* margin: 0 auto; *//* text-align: center; *//* line-height: 30px; *//* padding: 10px 40px; */position: relative;overflow: hidden;background: transparent;border: 1px solid rgba(0, 0, 0, 0.1);margin-top: 80px;justify-content: center;}
#new_list .pub_btn .btn_a *{z-index: 2;}
#new_list .pub_btn .btn_a p{margin-right: 4%;font-size: 18px;color: var(--main_color);/* padding: 0 30px 0 25px; *//* display: flex; *//* flex-direction: row; */}

#new_list .pub_btn .btn_a span{background: var(--main_color);border-radius: 50%;width:34px;height: 34px;overflow: hidden;position: relative;}
#new_list .pub_btn .btn_a span img{position: absolute;width: 20px;height: 18px;top: 8px;left: 7px;}
#new_list .pub_btn .btn_a span .img1{left: -17px;transform: scale(0);}
#new_list .pub_btn .btn_a:hover span .img1{animation: new_btn_img1 0.5s 0.3s forwards cubic-bezier(.23,1,.32,1);}
#new_list .pub_btn .btn_a:hover span .img2{left: 35px;transition: 0.3s;transform: scale(0.8);}
@keyframes new_btn_img1{
	0%{left: -17px;transform: scale(0);}
	50%{left: 12px;transform: scale(0.9);}
	100%{left: 7px;transform: scale(1);}
}

.newcontent{ width:1500px; min-height:400px; padding-top:0;}
.newcontent h2{ font-size:30px; line-height:30px;}
.newcontent p{ line-height:30px;}
.newcontent h3 a,.tb_page h4 a,.fenye3_all h4 a{ color:var(--main_color);}
.tb_page{ width:1500px; margin:30px auto;}

.f-pageone.fenye{ margin: 50px 0 48px;}


/*视频*/
.menu_a div {display: flex;justify-content: space-between;}
.menu_a a {margin-right: 2%;/* width: 150px; */text-align: center;/* padding: 0 2%; */flex: 1;}
.menu_a a:last-child{margin-right:0;}
.menu_a{margin: 0 auto;margin-top: -1.5%;margin-bottom: 2%;}
.menu_a p {line-height: 2.5;font-size: 16px;border: 1px solid var(--main_color); border-radius: 5px;}
.menu_a a.active p{background:var(--main_color);color:#fff;border: 1px solid var(--main_color);}
.menu_a a:hover p{background:var(--main_color);color:#fff;border: 1px solid var(--main_color);}
#mould35389 ul {display: flex;}
#mould35389{box-sizing:border-box;margin: 0 auto;}
#mould35389 li{ margin-bottom: 2%;
    flex: 1;
    padding-right: 2%;}
#mould35389 li:nth-child(3n){padding-right: 0;}
#mould35389 li .videos{ height: 600px;}
#mould35389 li video{ width:100%; height: 100%; border:none; display:block;}
#mould35389 li p{ text-align:center; line-height:60px;font-size: 1.2vw;}
#mould35389 li:hover p{ color: #333;}





/*人才理念*/
.width_1600.rczp {
    margin-top: 3%;
}
.st_fadeUp.is-inview {-webkit-transform: translateY(0px);opacity: 1;margin-top: 2%;}
.singePage.st_fadeUp.is-inview {padding: 3%;border: 1px solid var(--main_color);border-radius: 30px;height: auto;}
.singePage p {text-indent: 2em;margin-bottom: 15px;line-height: 2;font-size: 16px;padding-right: 10px;}
.rcln_box{margin-bottom:2%;width: 100%;display: flex;position: relative;justify-content: space-between;align-items: center;}
.rcln_box .left{width: 45%;}
.gz_name {text-align:center;font-size: 2vw;font-weight: bold;color: #000;margin-bottom: 1vw;position: relative;line-height: 2;}
.gz_name:before{width: 60px;height: 4px;content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;background:  var(--main_color);}
.rc_icons{width: 45%;position: relative;}
.rc_icons ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.rc_icons ul li{width: 30%;position: relative;margin-right: 5%;margin-bottom: 3vw;}
.rc_icons ul li:nth-child(even){-webkit-transition: all 1s ease 0.4s;}
.rc_icons ul li:nth-child(3n){-webkit-transition: all 1s ease 0.5s;}
.rc_icons ul li:nth-child(n+4){margin-bottom: 0px;}
.rc_icons ul li:nth-child(3n){margin-right: 0%;}
.rc_icons ul li .icon{width: 40px;height: auto;position: relative;background: var(--main_color);border-radius: 50%;margin: 0px auto;padding: 27px;}
.rc_icons ul li .icon:before{width: 122px!important;height: 122px!important;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);content: '';background: url(/images/icon_huan.png);}
.rc_icons ul li p{text-align: center;display: block;position: relative;margin-top: 25px;font-size: 18px;color:var(--main_color);}
.rcln_box .left .name{font-size: 24px;margin-bottom: 10px;}


/*招聘页*/
.zhaopin_list{ margin: auto; min-height:600px;    margin-top: 2%;margin-bottom: 4%;}
.zhaopin_a .left{ width:70%; float:left;}
.zhaopin_a .left .zhaopin_column{ background: var(--main_color); color:#fff; padding:0 24px; box-sizing:border-box; border-radius:4px; margin-bottom:1px;}
.zhaopin_a .left .zhaopin_column span{ display:inline-block; line-height:80px;}
.zhaopin_a .left .zhaopin_column span:nth-child(-n+2){ width:24%;}
.zhaopin_a .left .zhaopin_column span:nth-child(3){ width:20%;}
.zhaopin_a .left .zhaopin_column span:nth-child(4){ width:32%;}
.zhaopin_a .left li{ border-bottom:1px solid #e5e5e5;}
.zhaopin_a .left li .title{ padding:0 24px; box-sizing:border-box;}
.zhaopin_a .left li .title span{ line-height:72px; float: left;}
.zhaopin_a .left li .title span:nth-child(-n+2){ width:24%;}
.zhaopin_a .left li .title span:nth-child(3){ width:20%;}
.zhaopin_a .left li .title span:nth-child(4){ width:30%;}
.zhaopin_a .left li .title em{ float:left; width:2%; width:14px; height:14px; background-position:center; background-image: url(/images/ico2.png); margin-top:33px;}
.zhaopin_a .left li .title.active{ background: var(--main_color); color:#fff;}
.zhaopin_a .left li .requirement{ padding:24px; box-sizing:border-box; display:none; border:2px solid var(--main_color); box-sizing:border-box;}
.zhaopin_a .left li .requirement h2{ font-size:18px; font-weight:bold;}
.zhaopin_a .left li .requirement p{ line-height:30px;}

.zhaopin_a .right{ width:27%; float:right;}
.zhaopin_a .right .img_boxs{ background:url(/images/zhaopin.jpg) no-repeat; background-size: cover; color:#fff; padding:40px 36px 80px 36px; box-sizing:border-box; border-radius:6px;}
.zhaopin_a .right .img_boxs span{ font-size:24px; letter-spacing: 2px;}
.zhaopin_a .right .img_boxs h2{ font-size:36px; font-weight:bold; line-height:40px; margin:12px 0; letter-spacing: 3px;}
.zhaopin_a .right .img_boxs p{ line-height:18px;}
.zhaopin_a .right .img_boxs a{ border:1px solid #fff; width:128px; line-height:40px; display:inline-block; color:#fff; text-align:Center; margin-top:20px;}
.zhaopin_a .right .img_boxs a:hover{ color:var(--main_color); background:#fff;}
.zhaopin_a .right .text_boxs{ background:#f2f2f2; color:#333; border-radius:6px; margin-top:20px; padding:36px;}
.zhaopin_a .right .text_boxs h2{ font-size:24px; margin-bottom:10px;}
.zhaopin_a .right .text_boxs p{ line-height:30px;}


/*简历*/
.resume{ margin-bottom:64px; width:1080px;    margin-top: 4%;}
.resume textarea{ width:100%; padding:20px; box-sizing:border-box;}
.resume .resume_submit{ margin-top: 30px; height:48px; line-height:48px; border-radius:6px;}
.resume .resume_submit:hover{ background:var(--main_color);}

/*第六屏 底部*/
.footer_a {    padding-top: 3%;background: url(/images/foott.png) top center / 100% no-repeat;}
.footer_up img {width: 60%;}
.lianxi {display: flex;justify-content: space-between;border-bottom: 1px solid #e1e1e1;padding-bottom: 2%;}
.lianxi h5 {font-size: 22px;line-height: 1.5;}
.lianxi h3 {font-size: 52px;font-weight: bold;line-height: 2; color:var(--main_color);text-align: left;}
.lx p {font-size: 16px;width: 55%;line-height: 1.5;}
.xz {max-width: 400px;display: flex;flex-direction: column;align-items: center;/* position: absolute; */right: 0;justify-content: flex-end;margin-right: 5%;}
.tb {display: flex;flex-direction: row;justify-content: space-between;}
.tbb {margin-right: 4%;width: 78px;height: 68px;display: flex;justify-content: center;align-items: center;border-radius: 50%;flex: 1;border:1px solid var(--main_color);}
.tb .tbb:hover{background:var(--main_color);}
.tb .tbb:hover img{filter:none;
            width: 36%;
            }
.tb .tbb img{
    filter:grayscale(20%) 
    brightness(50%) 
    sepia(50%) 
    hue-rotate(-40deg) 
    saturate(1000%);
    width: 36%;
    }
.zhong .ewm {text-align: center;right: 0;}
.ee img {
    width: 46%;
}

.zhong {margin-bottom: 8%;
    display: flex;
    position: relative;
    margin-top: 2%;
}

span.ee {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zhong ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 60%;
}

.zhong h4 {
    font-size: 22px;
    line-height: 2;
    font-weight: 600;
}

.zhong h5 {
    font-size: 18px;
    line-height: 2;
}


.footer_down {border-top: 1px solid #e1e1e1;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
  flex-direction: row;}



.foot_copy{ position:absolute; bottom:0; left:0; width:100%;} 
.copyright{width:100%;/* display: flex; */}
.copyright div{/* width: 100%; */margin: 0px auto;display: flex;justify-content: space-between;flex-direction: row;align-items: center;}
.copyright p{line-height:64px;font-size:18px;color:#333;/* position: absolute; *//* right: 0; */}
.copyright a{color:#333;}
.copyright p a:hover{ color:#333;}



/*浮动*/
#mould82323 .left {flex: 1.5;    padding-bottom: 1%;}
#mould82323 .left .wz span{background: url(/images/sz.png) no-repeat right;padding-right: 2.5%;}
#mould82323{ width:100%;bottom: 0;position: fixed;z-index:9999;}
#mould82323::after {content: '';width: 100%;height: 136px;background: var(--main_color);position: absolute;left: 0;bottom: 0;z-index: -1;}
#mould82323 .width_1600{display:flex;align-items: flex-end;justify-content: space-between;position: relative;}
#mould82323 .right {width: 200px;margin-right: 1%;}
#mould82323 .right img{width: 86%;}
#mould82323 h2{color:#fff;font-size:30px; font-weight:bold;margin: 50px 0 10px 50px;}
#mould82323 p{color:#fff;    font-size: 24px;line-height: 2;}
#mould82323 .left .wz a {font-size: 24px;line-height: 2;font-weight: bold;color: #fff;}
.messages3{background:none;display: flex;flex-direction: row;width: 100%;}
.messages3 input{padding:0;text-indent: 2em;}
input[type="text"]{background-color: #ffffff78;
  border: none;}
#name2{ width:476px;height: 42px;margin-right: 20px;border-radius: 30px;    padding: 0;margin-bottom: 0;}
#mobile2{width:476px;height: 42px;margin-right: 80px;border-radius: 30px;padding: 0;margin-bottom: 0;}
.messages3 a{margin-left: 2;background:#f5bd83;width: 144px;display: inline-block;color:#fff;line-height: 52px;text-align: center;font-weight: bold;border-radius: 100px;color:var(--main_color);}
.guanbi{bottom: 70px;right: 5px;border:none;position: absolute;flex: 1;}

.btn_a {
    width: auto;
    height: auto;
    line-height: 0;
    background: red;
    border-radius: 10px;
    color: #fff;
    display: block;
    /* text-align: center; */
    background-size: 100% 100%;
}

@media (max-width: 1680px){
  #box-1 .block01 .right li:nth-child(3) {
    padding: 40px 0 20px 0;
}
  #box-1 .block01 .right li .t1 {
    font-size: 16px;}
.width_1600 {width: 92%;}.navbars41{width:92%;}
  #box-1 .block02 li>div {padding: 10px;}
  #box-1 .block01 .right li .img {width: 86px;}
  #box-1 {padding-top: 30px;}
}


@media (min-width: 1560px) and (max-width: 1679px){
  .dz h2 {width: 22%;}
  .dz:first-child h4 .top-img {left: 41%;}
  .dz:first-child h4 .bottom-img {left: 41%;}
  .top-img {left: 39%;}
  .bottom-img {left: 39%;}
  .dz:nth-child(4) h4 .top-img {
    left: 41%;
}
  .dz:nth-child(4) h4 .bottom-img {
    left: 41%;
}
  #box-1 .block01 .right {
    width: 38%;
}
  #box-1 .block01 .right li .t2 {
    font-size: 24px;
    color: #222;
}
  #box-1 .block01 .right li:nth-child(3) {
    padding: 40px 0 20px 0;
}
.width_1600 {width: 88%;}.navbars41{width:88%;}
  #new_list li .content .title {
    font-size: 30px;}
  #new_list li .content .desc p {line-height: 1.5;}
}

@media (min-width: 1440px) and (max-width: 1559px) {
  #box-5 .content_video {max-width: 520px;}
  .dz:first-child h4 .top-img {left: 47%;}
  .dz:first-child h4 .bottom-img {left: 47%;}
  .top-img {left: 43%;}
  .bottom-img {left: 43%;}
  .dz:nth-child(4) h4 .top-img {
    left: 47%;
}
  .dz:nth-child(4) h4 .bottom-img {
    left: 47%;
}
  #box-1 .block01 .right li .t2 {
    font-size: 22px;}
  .pub_title p {
    font-size: 48px;}
.navbars41 li>a {padding: 10px 18px;font-size: 16px;}
  #box-1 .block02 li>div {padding: 0 20px;}
  #new_list li .content .desc {
    padding-top: 10px;
}
  #box-1 .block01 .right {
    width: 38%;
}
   #box-1 .block01 .right li .t1 {
    font-size: 16px;}
}

@media (min-width: 1360px) and (max-width: 1439px) {
  #box-5 .content_video {max-width: 490px;}
  #new_list li .content .desc p {text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  overflow: hidden;}
.pub_title p {
  font-size: 40px;}
  #box-1 .block01 .right {padding: 20px;}
.navbars41 li>a {padding: 10px 18px;font-size: 16px;}
  #box-1 .block01 .right li .t1 {
    font-size: 16px;}
  #box-1 .block01 .right li .t2 {
    font-size: 22px;
    color: #222;
}
}
















































