@charset "UTF-8";
[v-cloak]{
    display: none;
}
a{
    color: #000000;
}
.inp {
    height: 30px;
    border: 1px solid #999999;
    border-radius: 3px;
    padding-left: 10px;
}
::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #387671;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

.video-js .vjs-big-play-button {
    line-height: 1.63332em;
    height: 1.63332em;
    width: 1.63332em;
    border-radius: 1.5em;
    background: #387671;
    margin-left: 0;
    transform: translateX(-50%);
}

.el-textarea__inner {
    max-height: 70px;
}

.el-icon-close,
.el-icon-more {
    display: none;
    font-size: 30px;
}

.news_active {
    background-color: #387671 !important;
    color: #fff !important;
}

#my-video1,
#my-video2,
#my-video3 {
    width: 100%;
    height: 100%;
}

.iframe {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
}

.kefu {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 99999;
    cursor: pointer;
}

nav {
    width: 100%;
    height: 120px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    border-bottom: 1px solid #387671;
    transition: 1s;
}

nav .header {
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 0 43px;
}

nav .header .header_left {
    display: flex;
    align-items: center;
}

nav .header .header_left .logo {
    margin-right: 280px;
    margin-left: 100px;
}

nav .header .header_left .logo img {
    height: 50px;
}

nav .header .header_left .one {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-between;
}

nav .header .header_left .one li {
    cursor: pointer;
    margin-right: 50px;
    position: relative;
}

nav .header .header_left .one li a {
    color: #333;
}

nav .header .header_left .one li:nth-last-child(1) {
    margin-right: 0;
}

nav .header .header_left .one li .two {
    width: 120px;
    position: absolute;
    top: 70px;
    left: 50%;
    background-color: #fff;
    transform: translateX(-50%);
    border-radius: 0 0 12px 12px;
    display: none;
    overflow: hidden;
    color: #333;
}

nav .header .header_left .one li .two li {
    margin-right: 0;
    text-align: center;
    padding: 5px 0;
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #ccc;
}

nav .header .header_left .one li .two li a {
    color: #333;
}

nav .header .header_left .one li .two li:hover {
    background-color: #387671;
    color: #fff;
}

nav .header .header_left .one li .two li:hover a {
    color: #fff;
}

nav .header .header_left .one li .two li:nth-last-child(1) {
    border-bottom: none;
}

nav .header .header_right {
    display: flex;
    align-items: center;
}

nav .header .header_right div {
    margin-right: 23px;
    font-size: 19px;
    cursor: pointer;
}

nav .header .header_right div:nth-last-child(1) {
    margin-right: 0;
}

nav .header .none {
    display: none;
}

nav .header .nav_right {
    display: none;
    position: absolute;
    z-index: 9999;
    height: calc(100vh - 120px);
    width: 50%;
    right: -50%;
    top: 120px;
    background: #eee;
    text-align: left;
    padding: 10px 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

nav .header .nav_right .one1 li {
    border-top: 1px solid #ddd;
    height: max-content;
    line-height: 40px;
    cursor: pointer;
}

nav .header .nav_right .one1 li .li_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav .header .nav_right .one1 li .fx {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav .header .nav_right .one1 li:nth-child(1) {
    border-top: none;
}

nav .header .nav_right .one1 li .two1 {
    padding-left: 15px;
    display: none;
}

nav .header .nav_right .one1 li .two1 li {
    border-top: 1px solid #ddd !important;
}

nav .header .nav_right .one2 li {
    border-top: 1px solid #ddd;
    height: max-content;
    line-height: 40px;
    cursor: pointer;
}

nav .header .nav_right .one2 li .fx {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav .header .nav_right .one2 li .two1 {
    padding-left: 15px;
    display: none;
}

nav .header .nav_right .one2 li .two1 li {
    border-top: 1px solid #ddd !important;
}

@keyframes header {
    0% {
        height: 120px;
    }
    100% {
        height: 80px;
    }
}

header {
    width: 100%;
    height: 120px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    border-bottom: 1px solid #387671;
    display: none;
    transition: 1s;
    animation-name: header;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

header .header {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 0 43px;
}

header .header .header_left {
    display: flex;
    align-items: center;
}

header .header .header_left .logo {
    margin-right: 90px;
}

header .header .header_left .logo img {
    height: 50px;
}

header .header .header_left .one {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-between;
}

header .header .header_left .one li {
    cursor: pointer;
    margin-right: 50px;
    position: relative;
}

header .header .header_left .one li:nth-last-child(1) {
    margin-right: 0;
}

header .header .header_left .one li .two {
    width: 120px;
    position: absolute;
    top: 50px;
    left: 50%;
    background-color: #fff;
    transform: translateX(-50%);
    border-radius: 0 0 12px 12px;
    display: none;
    overflow: hidden;
    color: #333;
}

header .header .header_left .one li .two li {
    margin-right: 0;
    text-align: center;
    padding: 5px 0;
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #ccc;
}

header .header .header_left .one li .two li:hover {
    background-color: #387671;
    color: #fff;
}

header .header .header_left .one li .two li:nth-last-child(1) {
    border-bottom: none;
}

header .header .header_right {
    display: flex;
    align-items: center;
}

header .header .header_right div {
    margin-right: 23px;
    font-size: 19px;
    cursor: pointer;
}

header .header .header_right div:nth-last-child(1) {
    margin-right: 0;
}

header .header .none {
    display: none;
}

header .header .nav_right {
    display: none;
    position: absolute;
    z-index: 9999;
    height: calc(100vh - 80px);
    width: 50%;
    right: -50%;
    top: 80px;
    background: #eee;
    text-align: left;
    padding: 10px 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

header .header .nav_right .one1 li {
    border-top: 1px solid #ddd;
    height: max-content;
    line-height: 40px;
    cursor: pointer;
}

header .header .nav_right .one1 li .li_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .header .nav_right .one1 li .fx {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .header .nav_right .one1 li:nth-child(1) {
    border-top: none;
}

header .header .nav_right .one1 li .two1 {
    padding-left: 15px;
    display: none;
}

header .header .nav_right .one1 li .two1 li {
    border-top: 1px solid #ddd !important;
}

header .header .nav_right .one2 li {
    border-top: 1px solid #ddd;
    height: max-content;
    line-height: 40px;
    cursor: pointer;
}

header .header .nav_right .one2 li .fx {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .header .nav_right .one2 li .two1 {
    padding-left: 15px;
    display: none;
}

header .header .nav_right .one2 li .two1 li {
    border-top: 1px solid #ddd !important;
}

.video_box {
    width: 100%;
    height: 31vw;
    position: relative;
    overflow: hidden;
    margin-top: 120px;
}

.video_box .bj {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(5, 34, 32, 0.5);
    z-index: 1;
}

.video_box .shu {
    position: absolute;
    bottom: 5vw;
    animation: shu 1.5s linear infinite alternate;
    width: 100%;
    text-align: center;
    z-index: 1;
}

.video_box .shu img {
    width: 1.5vw;
}

@keyframes shu {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

.video_box .banner_bj {
    width: 100%;
    height: 100%;
}

.video_box .banner_bj img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video_box .banner_bj2 {
    display: none;
}

.video_box .swiper3 {
    position: absolute;
    width: 100%;
    top: 10vw;
    text-align: center;
}

.video_box .swiper3 .swiper-slide {
    cursor: pointer;
}

.video_box .swiper3 .swiper-slide .p1 {
    font-size: 32px;
    font-weight: 500;
    color: #f3f8ff;
}

@keyframes p1 {
    0% {
        transform: translateX(-300px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

.video_box .swiper3 .swiper-slide .p2 {
    margin-top: 10px;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
}

.video_box .swiper3 .swiper-slide .p3 {
    margin-top: 10px;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
}

@keyframes p2 {
    0% {
        transform: translateX(300px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

.video_box #video {
    width: 100%;
    height: auto;
}

.content .about {
    position: relative;
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
}

.content .about .anniu {
    display: flex;
    padding: 0 30px;
    width: 100%;
    height: 50px;
}

.content .about .anniu div {
    flex: 1;
    text-align: center;
    height: 100%;
    line-height: 50px;
}

.content .about .anniu div .iconfont {
    font-size: 35px;
    color: #808080;
}

.content .about .anniu div span {
    font-size: 24px;
}

@keyframes about_item {
    0% {
        transform: translateY(30px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.content .about .about_item {
    position: absolute;
    width: 100%;
    height: 10vw;
    top: -5vw;
    z-index: 2;
}

.content .about .about_item ul {
    background: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
}

.content .about .about_item ul li {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.content .about .about_item ul li a {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.content .about .about_item ul li:hover {
    background: #387671;
    color: #fff;
}

.content .about .about_item ul li:hover .iconfont {
    color: #fff;
}

.content .about .about_item ul li:hover .r div:nth-child(1) {
    color: #fff;
}

.content .about .about_item ul li:hover .r div:nth-child(2) {
    color: #fff;
}

.content .about .about_item ul li::after {
    content: "";
    display: block;
    width: 1px;
    height: 120px;
    background: #bbbbbb;
    border-radius: 1px;
    position: absolute;
    right: 0;
}

.content .about .about_item ul li:nth-last-child(1)::after {
    display: none;
}

.content .about .about_item ul li .iconfont {
    font-size: 50px;
    color: #808080;
    margin-right: 20px;
}

.content .about .about_item ul li .r div:nth-child(1) {
    font-size: 24px;
    color: #333333;
}

.content .about .about_item ul li .r div:nth-child(2) {
    font-size: 16px;
    color: #808080;
}

.content .about .yd {
    display: none;
    padding: 0 30px;
    margin-top: 30px;
}

.content .about .yd .yd_item {
    width: 100%;
    display: flex;
    line-height: 3;
    border: 1px solid #999;
    text-align: center;
    color: #fff;
    background-color: #387671;
    border: 1px solid #999;
}

.content .about .yd .yd_item div {
    width: 25%;
    border-right: 1px solid #999;
    cursor: pointer;
}

.content .about .yd .yd_item div:nth-last-child(1) {
    border-right: none;
}

.content .about .info {
    padding-top: 120px;
    display: flex;
    justify-content: space-between;
}

.content .about .info .info_l {
    width: 48%;
}

@keyframes info_l {
    0% {
        transform: translateX(-48%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

.content .about .info .title {
    position: relative;
}

.content .about .info .title div:nth-child(1) {
    font-size: 92px;
    font-family: Impact;
    font-weight: 400;
    color: rgba(254, 254, 254, 0);
    -webkit-text-stroke: 1px #bdbdbd;
    text-stroke: 1px #bdbdbd;
}

.content .about .info .title div:nth-child(2) {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    bottom: -2px;
    z-index: 1;
}

.content .about .info .title div:nth-child(3) {
    width: 60px;
    height: 10px;
    background: #387671;
    position: absolute;
    bottom: 0;
    z-index: 0;
}

.content .about .info .desc {
    margin-top: 40px;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 2.5;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.content .about .info .statistic {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content .about .info .statistic .data {
    text-align: center;
}

.content .about .info .statistic .data .information {
    font-size: 48px;
    font-family: Impact;
    font-weight: 400;
    color: #387671;
}

.content .about .info .statistic .data .information span {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.content .about .info .statistic .data .name1 {
    font-size: 30px;
    color: #387671;
}

.content .about .info .info_l1 {
    display: none;
    width: 48%;
}

.content .about .info .info_l2 {
    display: none;
    width: 48%;
}

.content .about .info .info_l3 {
    display: none;
    width: 48%;
}

.content .about .info .info_l4 {
    display: none;
    width: 48%;
}

.content .about .info .info_r {
    width: 40%;
    height: 525px;
    background-image: url("../../assets/images/51miz-P1498203-F7D7AD43-3840x2560-min.jpg");
    background-color: #fff;
    display: flex;
    border-radius: 8px;
}

.content .about .info .info_r .info_box {
    width: 100px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #ffffff;
    align-items: center;
    padding: 30px 0;
    overflow: hidden;
    background: rgba(11, 12, 12, 0.5);
    transition: 0.3s;
    cursor: pointer;
}

.content .about .info .info_r .info_box .s {
    writing-mode: vertical-rl;
    font-size: 24px;
    letter-spacing: 5px;
}

.content .about .info .info_r .info_box .x {
    font-size: 32px;
}

.content .about .info .info_r .info_r_active {
    width: 220px;
    height: 525px;
    border-radius: 8px;
    align-items: initial;
    padding: 30px 34px;
    background: rgba(112, 142, 219, 0.5);
    transition: 0.3s;
}

.content .about .info .info_r .empty {
    width: 20px;
    height: 100%;
    background: #fff;
}

.content .paint {
    background-image: url("../../assets/images/80-min.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0;
    height: 554px;
    width: 100%;
}

.content .paint .paint_box {
    max-width: 1420px;
    margin: 0 auto;
    display: flex;
    border-radius: 12px;
    overflow: hidden;
}

.content .paint .paint_box .paint_l {
    flex: 1;
    height: 394px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content .paint .paint_box .paint_l img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.content .paint .paint_box .paint_l #my-video {
    width: 100%;
    height: 394px;
    display: block;
}

.content .paint .paint_box .paint_r {
    flex: 1;
    height: 394px;
    background-image: url("../../assets/images/645-min-min.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 20px 40px;
    cursor: pointer;
}

.content .paint .paint_box .paint_r .paint_r_t {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content .paint .paint_box .paint_r .paint_r_t::before {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #3462df;
    margin-right: 15px;
}

.content .paint .paint_box .paint_r .paint_r_t img {
    margin-left: 15px;
}

.content .paint .paint_box .paint_r .paint_r_b {
    display: flex;
    margin-top: 40px;
}

.content .paint .paint_box .paint_r .paint_r_b .paint_r_b_l .name {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.content .paint .paint_box .paint_r .paint_r_b .paint_r_b_l .desc {
    font-size: 20px;
    font-weight: 400;
    color: #808080;
    line-height: 1.5;
    margin-top: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.content .paint .paint_box .paint_r .paint_r_b .paint_r_b_r {
    width: 208px;
    height: 230px;
    object-fit: cover;
}

.content .paint .paint_box .paint_r .iconfont {
    font-size: 55px;
    color: #858585;
    cursor: pointer;
    text-align: right;
}

.content .waterproof {
    padding: 79px 0 140px;
    background-image: url("../../assets/images/背景-min.jpg");
    background-size: cover;
}

.content .waterproof .waterproof_box {
    max-width: 1420px;
    margin: 0 auto;
}

.content .waterproof .waterproof_box .title {
    width: 435px;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content .waterproof .waterproof_box .title div:nth-child(1) {
    font-size: 92px;
    font-family: Impact;
    font-weight: 400;
    color: rgba(254, 254, 254, 0);
    -webkit-text-stroke: 1px #ffffff;
    text-stroke: 1px #ffffff;
}

.content .waterproof .waterproof_box .title div:nth-child(2) {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.content .waterproof .waterproof_box .title div:nth-child(3) {
    width: 60px;
    height: 10px;
    background: #387671;
    position: absolute;
    bottom: 0;
}

.content .waterproof .waterproof_box .product {
    margin-top: 110px;
}

.content .waterproof .waterproof_box .product .product_t {
    display: flex;
}

.content .waterproof .waterproof_box .product .product_t .product_t_l {
    width: 50%;
    margin-right: 127px;
}

.content .waterproof .waterproof_box .product .product_t .product_t_l .product_title {
    display: flex;
    align-items: center;
}

.content .waterproof .waterproof_box .product .product_t .product_t_l .product_title span {
    font-size: 32px;
    font-weight: bold;
    color: #387671;
    margin-left: 12px;
}

.content .waterproof .waterproof_box .product .product_t .product_t_l .product_desc {
    width: 80%;
    margin: 10px 0 0 67px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.content .waterproof .waterproof_box .product .product_t .product_t_r {
    width: 40%;
    height: auto;
}

.content .waterproof .waterproof_box .product .product_t .product_t_r img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.content .waterproof .waterproof_box .product .product_b {
    display: flex;
    margin-top: 130px;
}

.content .waterproof .waterproof_box .product .product_b .product_b_l1 {
    display: none;
}

.content .waterproof .waterproof_box .product .product_b .product_b_l {
    width: 40%;
    height: auto;
}

.content .waterproof .waterproof_box .product .product_b .product_b_l img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.content .waterproof .waterproof_box .product .product_b .product_b_r {
    width: 50%;
    margin-left: 104px;
}

.content .waterproof .waterproof_box .product .product_b .product_b_r .product_title {
    display: flex;
    align-items: center;
}

.content .waterproof .waterproof_box .product .product_b .product_b_r .product_title span {
    font-size: 32px;
    font-weight: bold;
    color: #387671;
    margin-left: 12px;
}

.content .waterproof .waterproof_box .product .product_b .product_b_r .product_desc {
    width: 80%;
    line-height: 36px;
    margin: 10px 0 0 67px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.content .advantages {
    background: #f7f7f7;
}

.content .advantages .bj {
    background-image: url("../../assets/images/Layer4-min.png");
    background-size: cover;
}

.content .advantages .advantages_box {
    max-width: 1420px;
    margin: 0 auto;
    padding: 59px 0 80px;
}

.content .advantages .advantages_box .title {
    width: 435px;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content .advantages .advantages_box .title div:nth-child(1) {
    font-size: 92px;
    font-family: Impact;
    font-weight: 400;
    color: rgba(254, 254, 254, 0);
    -webkit-text-stroke: 1px #bdbdbd;
    text-stroke: 1px #bdbdbd;
}

.content .advantages .advantages_box .title div:nth-child(2) {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.content .advantages .advantages_box .title div:nth-child(3) {
    width: 60px;
    height: 10px;
    background: #387671;
    position: absolute;
    bottom: 0;
}

.content .advantages .advantages_box ul {
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
    flex-wrap: wrap;
}

.content .advantages .advantages_box ul li {
    text-align: center;
    width: max-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 125px;
}

.content .advantages .advantages_box ul li:hover .icon .iconfont {
    transform: rotateY(180deg);
}

.content .advantages .advantages_box ul li .icon {
    width: 100px;
    height: 100px;
    background: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    line-height: 100px;
    text-align: center;
}

.content .advantages .advantages_box ul li .icon .iconfont {
    font-size: 50px;
    color: #808080;
    transition: 0.3s;
}

.content .advantages .advantages_box ul li .li_name {
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    margin-top: 20px;
}

.content .expert {
    padding: 80px 0;
    background-image: url("../../assets/images/81-min.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.content .expert .expert_t {
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.content .expert .expert_t .title {
    position: relative;
}

.content .expert .expert_t .title div:nth-child(1) {
    font-size: 92px;
    font-family: Impact;
    font-weight: 400;
    color: rgba(254, 254, 254, 0);
    -webkit-text-stroke: 1px #bdbdbd;
    text-stroke: 1px #bdbdbd;
}

.content .expert .expert_t .title div:nth-child(2) {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.content .expert .expert_t .title div:nth-child(3) {
    width: 60px;
    height: 10px;
    background: #387671;
    position: absolute;
    bottom: 0;
}

.content .expert .expert_t .iconfont {
    color: #fff;
    font-size: 50px;
    cursor: pointer;
}

.content .expert .swiper1 {
    max-width: 1420px;
    margin-top: 50px;
    overflow: hidden;
}

.content .expert .swiper1 .swiper-slide {
    width: 340px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
    padding: 30px 20px 30px;
}

.content .expert .swiper1 .swiper-slide:hover .sw_img img {
    transform: scale(1.1);
}

.content .expert .swiper1 .swiper-slide .sw_img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    border-radius: 150px;
}

.content .expert .swiper1 .swiper-slide .sw_img img {
    width: 100%;
    height: 100%;
    border-radius: 150px;
    object-fit: cover;
    transition: 0.3s;
}

.content .expert .swiper1 .swiper-slide .sw_item {
    width: 100%;
    margin-top: 18px;
    background: #fff;
    height: 100%;
}

.content .expert .swiper1 .swiper-slide .sw_item .sw_name {
    font-size: 20px;
    color: #333333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: center;
}

.content .expert .swiper1 .swiper-slide .sw_item .sw_desc {
    font-size: 16px;
    color: #808080;
    width: 100%;
    max-height: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-top: 15px;
}

.content .expert .swiper1 .swiper-slide .sw_item .sw_btn {
    width: 120px;
    height: 38px;
    background: #387671;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 38px;
    margin: 20px auto 0;
}

.content .case {
    background-image: url("../../assets/images/1-min.jpg");
    background-size: cover;
}

.content .case .case_box {
    padding: 59px 0 128px;
    max-width: 1420px;
    margin: 0 auto;
    position: relative;
}

.content .case .case_box .title {
    width: max-content;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content .case .case_box .title div:nth-child(1) {
    font-size: 92px;
    font-family: Impact;
    font-weight: 400;
    color: rgba(254, 254, 254, 0);
    -webkit-text-stroke: 1px #bdbdbd;
    text-stroke: 1px #bdbdbd;
}

.content .case .case_box .title div:nth-child(2) {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.content .case .case_box .title div:nth-child(3) {
    width: 60px;
    height: 10px;
    background: #387671;
    position: absolute;
    bottom: 0;
}

.content .case .case_box .z_y {
    position: absolute;
    display: flex;
    right: 0px;
    top: 145px;
}

.content .case .case_box .z_y .z_y_item {
    width: 40px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #ffffff;
    border-radius: 2px;
    color: #b3b3b3;
    cursor: pointer;
}

.content .case .case_box .z_y .z_y_item:hover {
    color: #333333;
}

.content .case .case_box .z_y .z_y_l {
    margin-right: 5px;
}

.content .case .case_box .swiper2 {
    max-width: 1420px;
    margin-top: 50px;
}

.content .case .case_box .swiper2 .swiper-slide {
    width: 340px;
    height: 240px;
    cursor: pointer;
}

.content .case .case_box .swiper2 .swiper-slide:hover .sw2_name {
    background: #387671;
}

.content .case .case_box .swiper2 .swiper-slide:hover .sw2_name .sw2_title {
    color: #fff;
}

.content .case .case_box .swiper2 .swiper-slide:hover .sw2_name .iconfont {
    color: #fff;
}

.content .case .case_box .swiper2 .swiper-slide:hover .sw2_name .details::after {
    background: #fff;
}

.content .case .case_box .swiper2 .swiper-slide:hover .sw2_name .details span {
    color: #fff;
}

.content .case .case_box .swiper2 .swiper-slide:hover .sw2_img img {
    transform: scale(1.1);
}

.content .case .case_box .swiper2 .swiper-slide .sw2_img {
    width: 100%;
    height: 204px;
    border-radius: 12px;
    overflow: hidden;
}

.content .case .case_box .swiper2 .swiper-slide .sw2_img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.3s;
}

.content .case .case_box .swiper2 .swiper-slide .sw2_name {
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
    width: 87%;
    height: 60px;
    background: #fff;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    position: absolute;
    bottom: 8px;
}

.content .case .case_box .swiper2 .swiper-slide .sw2_name .sw2_title {
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    width: 100%;
    margin-right: 15px;
    max-height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.content .case .case_box .swiper2 .swiper-slide .sw2_name .details::after {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    background: #808080;
}

.content .case .case_box .swiper2 .swiper-slide .sw2_name .details i {
    font-size: 20px;
    font-weight: 400;
    color: #808080;
    vertical-align: middle;
}

.content .case .case_box .swiper2 .swiper-slide .sw2_name .details span {
    font-size: 12px;
    color: gray;
}

.content .news {
    background: url("../../assets/images/82-min.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.content .news .news_box {
    max-width: 1420px;
    margin: 0 auto;
    padding: 79px 0 110px;
}

.content .news .news_box ul {
    width: max-content;
    margin: 40px auto 0;
    display: flex;
    justify-content: center;
    font-size: 20px;
    overflow: hidden;
}

.content .news .news_box ul li {
    padding: 10px 25px;
    border-radius: 100px;
    cursor: pointer;
    background-color: #fff;
    margin-right: 30px;
}

.content .news .news_box ul li:hover {
    color: #fff;
    background-color: #387671;
}

.content .news .news_box ul li:nth-last-child(1) {
    margin-right: 0;
}

.content .news .news_box .title {
    width: max-content;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.content .news .news_box .title div:nth-child(1) {
    font-size: 92px;
    font-family: Impact;
    font-weight: 400;
    color: rgba(254, 254, 254, 0);
    -webkit-text-stroke: 1px #bdbdbd;
    text-stroke: 1px #bdbdbd;
}

.content .news .news_box .title div:nth-child(2) {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.content .news .news_box .title div:nth-child(3) {
    width: 60px;
    height: 10px;
    background: #3462df;
    position: absolute;
    bottom: 0;
}

.content .news .news_box .news_b {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.content .news .news_box .news_b .news_list {
    width: 48%;
    height: 160px;
    background: #ffffff;
    border-radius: 12px;
    display: flex;
    padding: 20px;
    margin-top: 80px;
    cursor: pointer;
}

.content .news .news_box .news_b .news_list .news_list_img {
    width: 300px;
    height: 180px;
    border-radius: 12px;
    margin-right: 30px;
    position: relative;
    bottom: 60px;
    left: 0px;
    flex-shrink: 0;
    overflow: hidden;
}

.content .news .news_box .news_b .news_list .news_list_img:hover img {
    transform: scale(1.1);
}

.content .news .news_box .news_b .news_list .news_list_img img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: block;
    object-fit: cover;
    transition: 0.3s;
}

.content .news .news_box .news_b .news_list .news_list_r .date {
    font-size: 16px;
    font-family: Impact;
    font-weight: 400;
    color: #808080;
}

.content .news .news_box .news_b .news_list .news_list_r .news_list_desc {
    font-size: 20px;
    color: #333333;
    margin-top: 10px;
    width: 100%;
    max-height: 53px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.content .news .news_box .news_b .news_list .news_list_r .details {
    margin-top: 15px;
}

.content .news .news_box .news_b .news_list .news_list_r .details::after {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    background: #808080;
}

.content .news .news_box .news_b .news_list .news_list_r .details i {
    font-size: 20px;
    font-weight: 400;
    vertical-align: middle;
    background: rgba(51, 51, 51, 0);
}

.content .news .news_box .news_b .news_list .news_list_r .details span {
    font-size: 12px;
    color: #808080;
}

.index_box {
    overflow: hidden;
}

.kefu_item {
    height: 500px;
    width: 500px;
    background: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}

.kefu_item .kefu_item_title {
    text-align: center;
    border-bottom: 1px solid grey;
    line-height: 1.7;
}

.kefu_item .kefu_item_b {
    width: 100%;
    overflow-y: scroll;
    overflow-y: scroll;
    min-height: 0;
    padding: 20px 0;
    flex: 1;
}

.kefu_item .kefu_item_b .kefu_l {
    display: flex;
    justify-content: flex-start;
    padding: 0 12px;
    margin-bottom: 12px;
}

.kefu_item .kefu_item_b .kefu_l .kf_img {
    margin-right: 10px;
}

.kefu_item .kefu_item_b .kefu_l .kf_img img {
    width: 30px;
    height: 30px;
}

.kefu_item .kefu_item_b .kefu_r {
    display: flex;
    justify-content: flex-end;
    padding: 0 12px;
}

.kefu_item .kefu_item_b .kefu_r .kefu_r_box {
    max-width: 400px;
    border-radius: 10px 0px 10px 10px;
    background-color: #fdf3eb;
    min-width: 55px;
    padding: 10px;
    margin-bottom: 12px;
}

.kefu_item .kefu_item_b .kefu_r .kefu_r_box div {
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

.kefu_item .kefu_item_b .item_img_i {
    line-height: 1.7;
    border-radius: 0px 10px 10px 10px;
    min-width: 55px;
    max-width: 400px;
    padding: 10px;
    background-color: #f9f9f9;
}

.kefu_item .kefu_item_b .item_img_i img {
    max-width: 200px;
    width: 100%;
    margin-top: 12px;
}

.kefu_item .text_inp {
    display: flex;
    margin-top: 10px;
    align-items: flex-end;
    cursor: pointer;
}

.kefu_item .text_inp .inp {
    margin-right: 15px;
    flex: 1;
}

.kefu_item .text_inp .send {
    padding: 0 16px;
    height: 33px;
    background: linear-gradient(90deg, rgba(255, 106, 0, 0.6) 0%, #ff6a00 98%);
    line-height: 33px;
    border-radius: 33px;
    font-size: 13px;
    color: #fff;
    flex-shrink: 0;
}

.lianjie {
    width: 100%;
    height: 60px;
    font-size: 20px;
    background-color: #628076;
    color: #fff;
}

.lianjie .lianjie_item {
    max-width: 1420px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
}

.lianjie .lianjie_item div:nth-child(1) {
    margin-right: 30px;
}

.lianjie a {
    color: #fff;
    margin-right: 30px;
    display: inline-block;
    transition: 0.3s;
}

.lianjie a:hover {
    transform: translate(-5px, -5px);
}

.lianjie a:nth-last-child(1) {
    margin-right: 0;
}

footer {
    width: 100%;
    height: 76px;
    background: #387671;
}

footer .f_item {
    max-width: 1420px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

footer .f_item .text {
    font-size: 16px;
    color: #ffffff;
}

footer .f_item .f_item_img {
    position: relative;
    width: auto;
    height: 60px;
}

footer .f_item .f_item_img .f_item_img_b {
    position: absolute;
    top: -60px;
}

footer .f_item .f_item_img .f_item_img_b img {
    width: 100px;
    height: 100px;
}

footer .f_item .f_item_img .f_item_img_b img:nth-child(1) {
    margin-right: 20px;
}

.navbar {
    height: 60px;
    display: none;
}

.navbar ul {
    display: flex;
    height: 60px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #387671;
    color: #fff;
    z-index: 999;
}

.navbar ul li {
    height: 100%;
    text-align: center;
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.navbar ul li a {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.navbar ul li img {
    width: 24px;
    height: 24px;
    display: block;
}

@media screen and (max-width: 1500px) {
    nav .header .header_left .logo {
        margin-right: 60px;
    }
    nav .header .header_left .one li {
        margin-right: 30px;
    }
    header .header .header_left .logo {
        margin-right: 50px;
    }
    header .header .header_left .one li {
        margin-right: 30px;
    }
}

@media screen and (max-width: 1450px) {
    .content .paint .paint_box .paint_r {
        background-size: contain;
    }
    .content .paint .paint_box .paint_l #my-video {
        height: 27vw;
    }
    .content .paint .paint_box .paint_l {
        height: auto;
        display: flex;
        align-items: center;
    }
    .content .paint .paint_box .paint_l img {
        height: 27vw;
    }
    .content .expert {
        padding: 80px 30px;
    }
    .content .about .about_item {
        padding: 0 30px;
    }
    .content .about .info {
        padding: 120px 30px 0;
    }
    .content .paint {
        padding: 80px 30px;
    }
    .content .waterproof {
        padding: 79px 30px 140px;
    }
    .content .news {
        padding: 0 30px;
    }
    footer .f_item {
        padding: 0 30px;
    }
    .content .advantages .bj {
        padding: 0 30px;
    }
    .lianjie .lianjie_item {
        padding: 0 30px;
    }
    .content .case .case_box {
        padding: 59px 30px 128px;
    }
    .content .case .case_box .z_y {
        right: 30px;
    }
}

@media screen and (max-width: 1350px) {
    nav .header .header_left .logo img {
        height: 35px;
    }
    nav .header .header_left .one li {
        margin-right: 20px;
    }
    header .header .header_left .logo img {
        height: 35px;
    }
    header .header .header_left .one li {
        margin-right: 17px;
    }
}

@media screen and (max-width: 1160px) {
    .video_box {
        margin-top: 80px;
    }
    footer .f_item {
        padding: 0 30px;
    }
    footer .f_item .f_item_img {
        display: none;
    }
    .content .about .info .statistic .data .name1 {
        font-size: 20px;
    }
    .content .about .info .statistic .data .information {
        font-size: 30px;
    }
    .content .about .info .statistic .data .information span {
        font-size: 16px;
    }
    .content .about .info .statistic .data .name {
        font-size: 14px;
    }
    nav .header .header_left .one li .two {
        top: 50px;
    }
    nav {
        height: 80px;
    }
    nav .header {
        height: 80px;
    }
    nav .header .header_left .logo img {
        height: 27px;
    }
    header .header .header_left .logo img {
        height: 27px;
    }
    nav .header .nav_right {
        height: calc(100vh - 80px);
        top: 80px;
    }
}

@media screen and (max-width: 1024px) {
    nav .header .header_left .one {
        display: none;
    }
    nav .header .header_right {
        display: none;
    }
    nav .header .none {
        display: block;
    }
    header .header .header_left .one {
        display: none;
    }
    header .header .header_right {
        display: none;
    }
    header .header .none {
        display: block;
    }
    .el-icon-more {
        display: block;
    }
}

@media screen and (max-width: 1080px) {
    .video_box .shu {
        bottom: 2vw;
    }
    nav .header .header_left .logo {
        margin-right: 20px;
    }
    nav .header .header_left .one li {
        margin-right: 20px;
    }
    header .header .header_left .logo {
        margin-right: 20px;
    }
    header .header .header_left .one li {
        margin-right: 17px;
    }
    .content .about .about_item ul li .iconfont {
        font-size: 35px;
    }
    .content .about .about_item ul li .r div:nth-child(1) {
        font-size: 20px;
    }
    .content .about .about_item ul li .r div:nth-child(2) {
        font-size: 12px;
    }
    .content .about {
        padding-top: 50px;
    }
    .content .about .about_item {
        position: initial;
    }
    .content .about .info {
        padding: 35px 30px 0;
    }
}

@media screen and (max-width: 1024px) {
    .content .news .news_box .news_b .news_list {
        width: 100%;
    }
}

@media screen and (max-width: 850px) {
    .video_box .banner_bj {
        display: none;
    }
    .video_box .banner_bj2 {
        display: block;
        width: 100%;
        height: 100%;
    }
    .video_box .banner_bj2 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .kefu_item {
        width: 300px;
    }
    .kefu {
        display: none;
    }
    .aaaaa {
        width: 300px !important;
    }
    .content .waterproof .waterproof_box .product .product_t .product_t_r img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }
    .content .paint .paint_box .paint_l img {
        height: 51vw;
    }
    .video_box #video {
        width: 100%;
        height: 100%;
        object-fit: cover !important;
    }
    .content .paint .paint_box .paint_l #my-video {
        height: 52.5vw;
    }
    .content .paint .paint_box .paint_r {
        height: 51vw;
        background-size: 100% 100%;
    }
    .lianjie {
        display: none;
    }
    footer {
        display: none;
    }
    .content .waterproof .waterproof_box .product .product_b .product_b_l img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }
    .video_box {
        height: calc(100vh - 140px);
    }
    .video_box .swiper3 {
        top: 220px;
    }
    .video_box .shu img {
        width: 25px;
    }
    .video_box .swiper3 .swiper-slide .p1 {
        font-size: 24px;
    }
    .video_box .swiper3 .swiper-slide .p2 {
        font-size: 20px;
    }
    .video_box .swiper3 .swiper-slide .p3 {
        font-size: 20px;
    }
    .content .about .yd {
        display: flex;
    }
    .content .about .info .info_r {
        display: none;
    }
    .content .about .info .title div:nth-child(1) {
        font-size: 70px;
    }
    .content .about .info .info_l {
        width: 100%;
    }
    .content .about .info .info_l1 {
        width: 100%;
    }
    .content .about .info .info_l2 {
        width: 100%;
    }
    .content .about .info .info_l3 {
        width: 100%;
    }
    .content .about .info .info_l4 {
        width: 100%;
    }
    .content .about .info .desc {
        display: block;
    }
    .content .paint .paint_box {
        display: block;
    }
    .content .paint {
        height: max-content;
    }
    .content .paint .paint_box .paint_l {
        border-radius: 0;
    }
    .content .paint .paint_box .paint_r .paint_r_b .paint_r_b_l .name {
        font-size: 30px;
    }
    .content .paint .paint_box .paint_r .paint_r_b .paint_r_b_l .desc {
        font-size: 16px;
    }
    .content .waterproof .waterproof_box .product .product_t {
        display: block;
    }
    .content .waterproof .waterproof_box .product .product_t .product_t_l {
        width: 100%;
    }
    .content .waterproof .waterproof_box .product .product_t .product_t_r {
        width: 100%;
        margin-top: 20px;
        height: 61vw;
        display: block;
    }
    .content .waterproof .waterproof_box .product .product_b .product_b_l {
        display: none;
    }
    .content .waterproof .waterproof_box .product .product_b .product_b_l1 {
        display: block;
        margin-top: 20px;
        width: 100%;
        height: 50vw;
    }
    .content .waterproof .waterproof_box .product .product_b {
        display: block;
        margin-top: 50px;
    }
    .content .waterproof .waterproof_box .product .product_b .product_b_r {
        margin-left: 0;
        width: 100%;
    }
    .content .waterproof .waterproof_box .product {
        margin-top: 40px;
    }
    .content .advantages .advantages_box ul li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        width: 140px;
        margin-bottom: 20px;
    }
    .content .waterproof .waterproof_box .title div:nth-child(1) {
        font-size: 70px;
    }
    .content .advantages .advantages_box .title div:nth-child(1) {
        font-size: 70px;
    }
    .content .expert .expert_t .title div:nth-child(1) {
        font-size: 70px;
    }
    .content .case .case_box .title div:nth-child(1) {
        font-size: 70px;
    }
    .content .news .news_box .title div:nth-child(1) {
        font-size: 70px;
    }
    nav,
    nav .header {
        height: 80px;
    }
    nav .header .header_left {
        height: auto;
        line-height: initial;
    }
    nav .header .header_left .logo img {
        height: 40px;
    }
    nav .header .nav_right {
        top: 80px;
        height: calc(100vh - 80px);
    }
    header,
    header .header {
        height: 80px;
    }
    header .header .header_left {
        height: auto;
        line-height: initial;
    }
    header .header .header_left .logo img {
        height: 40px;
    }
    header .header .nav_right {
        top: 80px;
        height: calc(100vh - 80px);
    }
    .content .about .about_item ul li a {
        flex-direction: column;
        padding: 15px 0;
    }
    .content .about .about_item ul li .r {
        text-align: center;
    }
    .content .about .about_item ul li .r div:nth-child(1) {
        font-size: 16px;
    }
    .content .about .about_item ul li .iconfont {
        margin-right: 0;
        font-size: 30px;
    }
    .content .about .about_item {
        height: max-content;
    }
    .navbar {
        display: block;
    }
    .content
    .waterproof
    .waterproof_box
    .product
    .product_t
    .product_t_l
    .product_desc {
        width: 100%;
        margin: 10px 0 0 0px;
        display: block;
    }
    .content
    .waterproof
    .waterproof_box
    .product
    .product_b
    .product_b_r
    .product_desc {
        width: 100%;
        margin: 10px 0 0 0px;
        display: block;
    }
}

@media screen and (max-width: 750px) {
    .lianjie {
        padding: 10px;
        line-height: 30px;
        font-size: 16px;
    }
    .content .about .info .desc {
        line-height: 1.7;
    }
    .content
    .waterproof
    .waterproof_box
    .product
    .product_t
    .product_t_l
    .product_desc {
        line-height: 1.7;
    }
    .content
    .waterproof
    .waterproof_box
    .product
    .product_b
    .product_b_r
    .product_desc {
        line-height: 1.7;
    }
}

@media screen and (max-width: 600px) {
    .content .news .news_box .news_b .news_list {
        margin-top: 65px;
    }
    .content .news .news_box .news_b .news_list .news_list_img {
        max-width: 138px;
        max-height: 92px;
    }
    .content .news .news_box .news_b .news_list .news_list_r .news_list_desc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        max-height: 26px;
    }
    .content .news .news_box .news_b .news_list .news_list_r .details {
        display: none;
    }
    .content .news .news_box .news_b .news_list {
        height: 100px;
    }
}

@media screen and (max-width: 500px) {
    .content .about .info .statistic .data .name1 {
        font-size: 16px;
    }
    .content .about .info .statistic .data .information {
        font-size: 24px;
    }
    .content .about .info .statistic .data .information span {
        font-size: 14px;
    }
    .content .about .info .statistic .data .name {
        font-size: 12px;
    }
    .content .news .news_box ul {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .content .about .yd {
        padding: 0;
    }
    .content .about .yd .yd_item div {
        width: calc(100% / 3);
    }
    .content .news .news_box ul li {
        margin-right: 0;
    }
    .content .waterproof .waterproof_box .title div:nth-child(1) {
        font-size: 50px;
    }
    .content .advantages .advantages_box .title div:nth-child(1) {
        font-size: 50px;
    }
    .content .expert .expert_t .title div:nth-child(1) {
        font-size: 50px;
    }
    .content .case .case_box .title div:nth-child(1) {
        font-size: 50px;
    }
    .content .case .case_box .z_y {
        top: initial;
    }
    .content .news .news_box .title div:nth-child(1) {
        font-size: 50px;
    }
    .content .about .info .title div:nth-child(1) {
        font-size: 50px;
    }
    .content .about .info .title div:nth-child(2) {
        font-size: 24px;
    }
    .content .waterproof .waterproof_box .title div:nth-child(2) {
        font-size: 24px;
    }
    .content .advantages .advantages_box .title div:nth-child(2) {
        font-size: 24px;
    }
    .content .expert .expert_t .title div:nth-child(2) {
        font-size: 24px;
    }
    .content .case .case_box .title div:nth-child(2) {
        font-size: 24px;
    }
    .content .news .news_box .title div:nth-child(2) {
        font-size: 24px;
    }
    .content .paint .paint_box .paint_r .paint_r_b .paint_r_b_l .name {
        font-size: 20px;
    }
    .content
    .waterproof
    .waterproof_box
    .product
    .product_t
    .product_t_l
    .product_title
    span,
    .content
    .waterproof
    .waterproof_box
    .product
    .product_b
    .product_b_r
    .product_title
    span {
        font-size: 20px;
    }
    .content
    .waterproof
    .waterproof_box
    .product
    .product_t
    .product_t_l
    .product_title
    img,
    .content
    .waterproof
    .waterproof_box
    .product
    .product_b
    .product_b_r
    .product_title
    img {
        height: 30px;
    }
    .content .waterproof .waterproof_box .title {
        width: auto;
    }
    .content .advantages .advantages_box .title {
        width: auto;
    }
    .content .advantages .advantages_box ul li {
        width: 33%;
    }
    .content .advantages .advantages_box ul li .icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .content .advantages .advantages_box ul li .li_name {
        font-size: 16px;
        margin-top: 15px;
    }
    .content .advantages .advantages_box ul li .icon .iconfont {
        font-size: 35px;
    }
    .content
    .waterproof
    .waterproof_box
    .product
    .product_t
    .product_t_l
    .product_desc {
        line-height: 1.7;
    }
    .content
    .waterproof
    .waterproof_box
    .product
    .product_b
    .product_b_r
    .product_desc {
        line-height: 1.7;
    }
    .content .about .info .desc {
        font-size: 16px;
        margin-top: 15px;
        line-height: 1.7;
    }
    .content .about .info .statistic {
        margin-top: 10px;
    }
    .content .about .info .statistic .data .information {
        font-size: 35px;
    }
    .content .about .info .statistic .data .information span {
        font-size: 16px;
    }
    nav .header .header_left .logo img {
        height: 30px;
    }
    nav .header {
        padding: 0 20px;
    }
    header .header .header_left .logo img {
        height: 30px;
    }
    header .header {
        padding: 0 20px;
    }
}

@media screen and (max-width: 450px) {
    .content .news .news_box .news_b .news_list {
        margin-top: 45px;
    }
    .content .about .info .statistic .data .information {
        font-size: 30px;
    }
    .content .about .info .statistic .data .information span {
        font-size: 14px;
    }
    .content .about .info .statistic .data .name {
        font-size: 12px;
    }
    .content .news .news_box ul {
        justify-content: space-around;
        font-size: 18px;
    }
    .content .news .news_box ul li {
        padding: 5px 10px;
    }
    .content .news .news_box .news_b .news_list .news_list_item {
        position: relative;
        flex-shrink: 0;
        width: 138px;
        margin-right: 10px;
    }
    .content .news .news_box .news_b .news_list .news_list_img {
        position: absolute;
        bottom: 0;
    }
    .content .news .news_box .news_b .news_list {
        height: auto;
    }
    .content .news .news_box .news_b .news_list .news_list_r .date {
        font-size: 14px;
    }
    .content .news .news_box .news_b .news_list .news_list_r .news_list_desc {
        font-size: 16px;
    }
    .content .case .case_box .swiper2 .swiper-slide .sw2_name .sw2_title {
        font-size: 16px;
    }
}