html {
        overflow-x: hidden;
    }
    
    html,
    body,
    p {
        margin: 0;
        padding: 0;
        border: 0;
    }
    
    a {
        text-decoration: none;
        color: #fff;
    }
    
    a:link {
        text-decoration: none;
    }
    
    a:visited {
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    a:active {
        text-decoration: none;
    }
    
    a:focus {
        text-decoration: none;
    }
    
    ul,
    ol,
    li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    .container1300 {
        max-width: 1520px;
        margin: 0 auto;
        padding: 0 15px;
    }
    
    .line_fg {
        height: 200px;
        border-left: 1px solid #C9C9C8;
        margin: 0 120px;
        width: 1px;
    }
    
    .container {
        max-width: 1200px;
        position: relative;
        margin: 0 auto;
        padding: 0 15px;
        margin-bottom: 20px;
    }
    
    .contact img {
        max-width: 15px;
    }
    
    .contact li div {
        display: flex;
        align-items: center;
    }
    
    .head {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 9999;
        padding: 15px 0;
    }
    
    #banner {
        position: relative;
        z-index: 40;
    }
    
    .triangle {
        display: block;
        position: absolute;
        margin-top: 125px;
        z-index: 5;
        top: 0;
        left: -50%;
        width: 0;
        height: 0;
        border-top: 100px solid #0056a4B3;
        border-right: 100px solid transparent;
        border-right-width: 200rem;
        border-top-width: 72.0px;
        transform: translate(0px, 0px)
    }
    
    .head-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #fff
    }
    
    .head1 img {
        max-width: 100%;
        height: auto;
    }
    
    .head_fenge {
        width: 100%;
        height: 20px;
        background-color: #4A4B4B;
        margin-top: -4px;
    }
    
    .phone {
        font-size: 28px;
        text-align: right;
    }
    
    @keyframes fade-in {
        0% {
            opacity: 0;
        }
        /*初始状态 透明度为0*/
        40% {
            opacity: 0;
        }
        /*过渡状态 透明度为0*/
        100% {
            opacity: 1;
        }
        /*结束状态 透明度为1*/
    }
    
    @-webkit-keyframes fade-in {
        /*针对webkit内核*/
        0% {
            opacity: 0;
        }
        40% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    .wrapper {
        animation: fade-in;
        /*动画名称*/
        animation-duration: 1.5s;
        /*动画持续时间*/
        -webkit-animation: fade-in 1.5s;
        /*针对webkit内核*/
    }
    
    .phone1 {
        font-size: 24px;
    }
    
    .p50 {
        padding: 50px !important;
        border: 1px solid #E6E6E6;
    }
    
    .pt50 {
        padding: 50px 0px !important;
    }
    
    .w70 {
        width: 69% !important;
    }
    
    .w60 {
        width: 65% !important;
        color: #333;
    }
    
    .w55 {
        width: 49% !important;
        color: #333;
    }
    
    .w55 .img {
        width: 100%;
    }
    
    .w50 {
        width: 59% !important;
        color: #333;
    }
    
    .w50 .title {
        font-size: 20px;
        color: #1D2130;
        font-weight: 700;
        margin-bottom: 5px;
    }
    
    .w50 p {
        margin: 10px;
    }
    
    .w45 {
        width: 38% !important;
        color: #333;
    }
    
    .w40 {
        width: 42% !important;
        color: #333;
    }
    
    .w30 {
        width: 29% !important;
    }
    
    .phone p {
        font-family: 'arial';
        font-style: italic;
        margin-top: 15px;
    }
    
    .banner {
        width: 100%;
        height: auto;
    }
    
    .Xt {
        width: 100%;
        background: #EFF7F2;
        height: auto;
        margin-top: 50px;
        padding: 100px 0;
    }
    
    .timeLine {
        display: flex;
        align-items: center;
    }
    
    .timeLine .lines {
        display: flex;
        align-items: center;
        position: relative;
    }
    
    .timeLine .lines .info {
        position: absolute;
        max-width: 280px;
        top: 0;
        font-size: 16px;
    }
    
    .timeLine .lines .fon {
        position: absolute;
        max-width: 280px;
        bottom: 0;
        font-size: 16px;
    }
    
    .timeLine .lines .o {
        width: 10px;
        height: 10px;
        background: #62C39A;
        border-radius: 50%;
    }
    
    .timeLine .lines .line {
        min-width: 300px;
        height: 1px;
        border-bottom: 1px solid #007644;
        margin: 80px 0;
    }
    
    .p80 {
        padding: 80px 0;
    }
    
    .foot_menus {
        display: flex;
        align-items: flex-start;
    }
    
    .foot_menu {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-left: 40px;
        cursor: pointer;
        position: relative;
        padding-bottom: 40px;
    }
    
    .copyrigh {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    .foot_menus ul {
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 700;
    }
    
    .foot_menus ul li {
        font-weight: 100;
        margin-top: 25px;
    }
    
    .content .lujin {
        display: flex;
        align-items: center;
        margin: 50px 0;
        font-size: 16px;
        color: #333;
    }
    
    .content .lujin a {
        color: #333;
    }
    
    .content .lujin a:last-child {
        margin-left: 5px;
        color: #007644;
    }
    
    .cen {
        align-items: center !important;
    }
    
    .content1 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 0 15px;
        position: relative;
    }
    
    .ly {
        font-size: 18px;
        color: #000;
        font-weight: 700;
    }
    
    .content {
        padding: 0 10px;
    }
    
    .content1 {
        margin-top: 70px;
    }
    
    .content1 .menu {
        width: 350px;
        display: flex;
        flex-direction: column;
        padding: 80px 0;
        align-items: center;
        cursor: pointer;
    }
    
    .content1 .menu .img {
        width: 145px;
        height: 145px;
        background: transparent url(/public/images/menu1.png) no-repeat;
        background-size: 100%, 100%;
    }
    
    .content1 .menu .img2 {
        width: 145px;
        height: 145px;
        background: transparent url(/public/images/menu2.png) no-repeat;
        background-size: 100%, 100%;
    }
    
    .content1 .menu .img3 {
        width: 145px;
        height: 145px;
        background: transparent url(/public/images/menu3.png) no-repeat;
        background-size: 100%, 100%;
    }
    
    .content1 .menu .img4 {
        width: 145px;
        height: 145px;
        background: transparent url(/public/images/menu4.png) no-repeat;
        background-size: 100%, 100%;
    }
    
    .content1 .menu .img5 {
        width: 145px;
        height: 145px;
        background: transparent url(/public/images/menu5.png) no-repeat;
        background-size: 100%, 100%;
    }
    
    .content1 .menu .img6 {
        width: 145px;
        height: 145px;
        background: transparent url(/public/images/menu6.png) no-repeat;
        background-size: 100%, 100%;
    }
    
    .content1 .menu .name {
        font-size: 18px;
        color: #333;
        margin-top: 50px;
    }
    
    .content1 .menu .des {
        font-size: 14px;
        color: #999;
        margin-top: 10px;
        text-align: center;
    }
    
    .content1 .menu:hover {
        border-radius: 12px;
        color: #007644;
        box-shadow: 0px 0px 20px rgba(0, 118, 68, 0.13);
    }
    
    .content1 .menu:hover .img {
        background: transparent url(/public/images/menu1-1.png) no-repeat;
        background-size: 100%, 100%;
    }
    
    .content1 .menu:hover .img2 {
        background: transparent url(/public/images/menu2-1.png) no-repeat;
        background-size: 100%, 100%;
    }
    
    .content1 .menu:hover .img3 {
        background: transparent url(/public/images/menu3-1.png) no-repeat;
        background-size: 100%, 100%;
    }
    
    .content1 .menu:hover .img4 {
        background: transparent url(/public/images/menu4-1.png) no-repeat;
        background-size: 100%, 100%;
    }
    
    .content1 .menu:hover .img5 {
        background: transparent url(/public/images/menu5-1.png) no-repeat;
        background-size: 100%, 100%;
    }
    
    .content1 .menu:hover .img6 {
        background: transparent url(/public/images/menu6-1.png) no-repeat;
        background-size: 100%, 100%;
    }
    
    .content1 .menu:hover .name {
        color: #007644;
    }
    
    .content1 .menu:hover .des {
        color: #007644;
    }
    
    .content1_all {
        width: 100%;
        font-size: 16px;
    }
    
    .content1_left {
        width: 49%;
        padding-right: 20px;
    }
    
    .content1_left .more {
        font-size: 20px;
        padding: 12px 40px;
        color: #007644;
        border: 1px solid #007644;
        border-radius: 4px;
        margin-top: 40px;
        width: max-content;
    }
    
    .container .name {
        display: flex;
        align-items: flex-end;
    }
    
    .container .xt {
        width: 85.85px;
        height: 1px;
        margin-top:-10px;
        border-bottom: 2px solid #007644;
    }
    
    .m100 {
        margin-top: 100px;
    }
    
    .m70 {
        margin-top: 70px;
    }
    
    .m50 {
        margin-top: 50px;
    }
    
    .m20 {
        margin-top: 20px;
    }
    
    .m0 {
        margin-top: 0px;
    }
    
    .product {
        width: 240px;
        margin-bottom: 20px;
    }

    .solve {
        font-weight: bold;
        font-size: 24px;
        width: max-content;
        border-bottom: 2px solid #007644;
    }
    
    .p2 {
        max-width: 90px;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .product2 {
        width: 525px;
    }
    
    .product .pic {
        width: 100%;
    }
    
    .product .name {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 700;
        margin-top: 25px;
    }
    
    .product .name p {
        border: 2px solid #007644;
        width: 30px;
        height: 0;
        margin-right: 10px;
    }
    
    .product .des {
        margin-top: 10px;
        font-size: 14px;
        color: #999999;
    }
    
    .container .name span {
        color: #999999;
        font-size: 16px;
        line-height: 65px;
    }
    
    .union {
        width: 140px;
        height: 150px;
        position: absolute;
        left: 0;
        margin-top: -10px;
        z-index: -1;
    }
    
    .union2 {
        width: 140px;
        height: 150px;
        position: absolute;
        right: 0;
        z-index: -1;
        top: 20%;
        margin-right: -70px;
    }
    
    .solve_bg {
        background-color: #EDF7EF;
    }
    
    .content1_left h2 {
        color: #333333;
        font-size: 24px;
        font-weight: 700
    }
    
    .content1_left .t {
        border-bottom: 2px solid #007644;
        width: max-content;
    }
    
    .content1_left p {
        color: #666;
        font-size: 14px;
    }
    
    .content1_left .des {
        max-width: 600px;
        margin-top: 20px;
        color: #525560;
    }
    
    .content1_ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        font-size: 16px;
        color: #333;
    }
    
    .content1_ul ul {
        width: 50%;
        text-align: left;
    }
    
    .copyrigh2 {
        font-size: 16px;
        color: #FFFFFF;
        text-align: center;
        line-height: 20px;
        display: none;
    }
    
    .copyrigh {
        font-size: 16px;
        color: #FFFFFF;
        text-align: center;
    }
    
    .copyrigh span {
        margin-left: 15px;
    }
    
    .content1_ul li {
        display: flex;
        line-height: 20px;
        width: 180px;
        margin-top: 5px;
    }
    
    .content1_ul .li1 p {
        width: 16px;
        height: 16px;
        background: #BEF3C0;
        border-radius: 4px;
        margin-right: 5px;
    }
    
    .content1_ul .li2 p {
        width: 16px;
        height: 16px;
        background: #AC94F1;
        border-radius: 4px;
        margin-right: 5px;
    }
    
    .content1_ul .li3 p {
        width: 16px;
        height: 16px;
        background: #FFF0CA;
        border-radius: 4px;
        margin-right: 5px;
    }
    
    .content1_ul .li4 p {
        width: 16px;
        height: 16px;
        background: #F9CF64;
        border-radius: 4px;
        margin-right: 5px;
    }
    
    .content1_ul .li5 p {
        width: 16px;
        height: 16px;
        background: #F38FBF;
        border-radius: 4px;
        margin-right: 5px;
    }
    
    .content1_ul ul h3 {
        color: #0051b0;
        font-size: 16px;
        margin-bottom: 20px;
        font-weight: 400
    }
    
    .content1_ul ul li {
        color: #464a4d;
        font-size: 16px;
        line-height: 30px;
        padding-left: 25px;
        position: relative;
    }
    
    .content1_ul ul li:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        left: 0;
        top: 50%;
        margin-top: -3px;
        background: #4f5357;
        border-radius: 50%;
    }
    
    .content1_right {
        width: 49%;
        text-align: right;
    }
    
    .content1_right img {
        max-width: 100%;
        height: auto;
    }
    
    .content1_right .tjz {
        max-width: 375px;
        max-height: 375px;
        animation: share_icon 2s linear;
    }
    
    .img_item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .img_item2 {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .img_item2 img {
        max-width: 290px;
        margin-right: 100px;
    }
    
    .img_item img {
        max-width: 140px;
    }
    
    .fade_in {
        animation: fade-in 2.5s ease 0s 1;
        -webkit-animation: fade-in 2.5s ease 0s 1;
        -moz-animation: fade-in 2.5s ease 0s 1;
        -o-animation: fade-in 2.5s ease 0s 1;
        -ms-animation: fade-in 2.5s ease 0s 1;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
    }
    
    @-webkit-keyframes share_icon {
        0% {
            opacity: 0;
            transform: rotate(0deg) scale(0.1);
            -webkit-transform: rotate(0deg) scale(0.1);
        }
        100% {
            opacity: 1;
            transform: rotate(360deg) scale(1);
            -webkit-transform: rotate(360deg scale(1));
        }
    }
    
    .content2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 50px;
    }
    
    .content2 img {
        display: block;
        width: 31.33%;
        margin: 1%;
        height: auto
    }
    
    .content3 h2 {
        color: #0051b0;
        font-size: 36px;
        line-height: 2;
        margin: 50px 0 30px;
        font-weight: 400
    }
    
    .content3 img {
        max-width: 100%;
        height: auto
    }
    
    .content3 h3 {
        color: #0051b0;
        font-size: 24px;
        margin: 20px 0;
        font-weight: 400
    }
    
    .content3 p {
        color: #464a4d;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    
    .product-list2 {
        display: flex;
        justify-content: space-between;
    }
    
    .product-list2 li {
        width: 46%;
        margin: 2%;
        text-align: center;
    }
    
    .img_logo {
        max-width: 134px;
    }
    
    .img_menu {
        width: 32px;
        height: 32px;
    }
    
    .product-list2 li img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    
    .product-list2 li p {
        margin-bottom: 0
    }
    
    .content1_ul2 {
        display: block;
    }
    
    .content1_ul2 ul {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .TopMenu {
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        display: none;
        position: fixed;
        top: 0;
        z-index: 999;
    }
    
    .TopMenu .menus {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .TopMenu .menus li {
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20px;
        margin: 0 20px;
        font-size: 24px;
    }
    
    .TopMenu .menus li a {
        color: #fff;
    }
    
    .TopMenu .menus li a:hover {
        color: #62C39A;
        border-bottom: 4px solid #62C39A;
        padding: 10px 0;
    }
    
    .footer {
        width: 100%;
        background-color: #4A4B4B;
        height: auto;
        padding: 100px 0;
        display: flex;
        bottom: 0;
    }
    
    .pagelist {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 50px 0;
    }
    
    .pagelist2 {
        display: flex;
        justify-content: space-between;
        margin: 50px 0;
    }
    
    .pagelist2 .p {
        font-size: 18px;
        color: #333;
    }
    
    .art .title {
        font-size: 32px;
        font-weight: 700;
        color: #333333;
    }
    
    .art p {
        font-size: 18px;
        color: #666666;
        margin-top: 40px;
    }
    
    .art .date {
        margin-top: 20px;
    }
    
    input,
    textarea {
        width: 100%;
        height: 100%;
        padding: 15px 0;
        font-size: 16px;
        color: #666666;
        padding-left: 10px;
    }
    
    .index-contact-form-top {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    
    .one {
        width: 48%;
        margin-top: 15px;
    }
    
    .two {
        width: 48%;
        margin-top: 15px;
    }
    
    .thr {
        width: 100%;
        margin-top: 15px;
    }
    
    .for {
        width: 100%;
        margin-top: 15px;
    }
    
    .textarea {
        min-height: 200px;
    }
    
    .sub {
        padding: 12px 40px;
        background: #007644;
        border-radius: 4px;
        font-weight: bold;
        font-size: 20px;
        color: #fff;
        width: max-content;
        border: none;
        margin-right: -10px;
    }
    
    .ditu {
        height: 700px;
    }
    
    .weizhi {
        display: flex;
        align-items: center;
        justify-content: space-around;
        max-width: 1100px;
        margin: 10px auto;
        flex-wrap: wrap;
    }
    
    .weizhi .dian {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #000;
    }
    
    .weizhi .sh {
        display: flex;
        align-items: center;
        font-size: 20px;
        font-weight: 700;
    }
    
    .weizhi .sh img {
        width: 20px;
        height: 20px;
    }
    
    .weizhi p {
        font-size: 20px;
        color: #007644;
    }
    
    .cbg {
        background: url(/public/images/zizhi.jpg) no-repeat;
        width: 100%;

        background-size:cover; 
    }
    
    .bname {
        color: #fff;
    }
    
    .xt2 {
        display: none;
    }
    
    .list_menus {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }
    
    .list_menu {
        padding: 12px 37px;
        font-weight: bold;
        font-size: 18px;
        color: #333;
        width: max-content;
        border: 1px solid #E6E6E6;
    }
    
    .ju {
        justify-content: flex-start !important;
    }
    
    .txt {
        display: flex;
        align-items: center;
        width: 100%;
        font-size: 18px;
        color: #333;
        border: 1px solid #E6E6E6;
        padding: 10px 0;
        margin-top: 20px;
    }
    
    .txt .line {
        height: 35px;
        width: 1px;
        border-left: 3px solid #333;
        margin: 0 10px 0 36px;
    }
    .menuTabs{
        display: flex;
        align-items: center;
        width: 80%;
        justify-content: space-between;
        margin-top: 8px;
        opacity: 0;

    }
    @media(max-width:1500px) {
        .menuTab{
            display: none;
        }
        .cbg {
            background: none;
        }
        .bname {
            color: #000;
        }
        .pt50 {
            padding: 0px !important;
        }
        input,
        textarea {
            font-size: 14px;
        }
        .index-contact-form-top {
            display: flex;
            align-items: center;
            flex-direction: column;
        }
        .one {
            width: 80%;
            margin-top: 15px;
        }
        .two {
            width: 80%;
            margin-top: 15px;
        }
        .thr {
            width: 80%;
            margin-top: 15px;
        }
        .for {
            width: 80%;
            margin-top: 15px;
        }
        .textarea {
            min-height: 100px;
        }
        .sub {
            padding: 10px 20px;
            background: #007644;
            border-radius: 4px;
            font-size: 16px;
            color: #fff;
            margin: 0 auto;
            border: none;
        }
        .ditu {
            height: 300px;
        }
        .footer {
            padding: 10px 0;
            min-height: 55px;
        }
        .foot_menus {
            display: none;
        }
        .copyrigh2 {
            display: block;
            font-size: 14px;
        }
    }
    
    @media(max-width:1074px) {
        .img_item img {
            max-width: 100px;
        }
        .img_item2 {
            flex-direction: column;
        }
        .img_item2 img {
            margin-right: 0px;
        }
        .container {
            padding: 0 0;
        }
        .Xt {
            padding: 50px 0;
        }
        .p80 {
            padding: 15px 0;
        }
        .content1_right {
            margin-top: 20px;
        }
        .content1_right .tjz {
            max-width: 300px;
            max-height: 300px;
        }
    }
    
    @media(max-width:1024px) {
        .list_menus {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            width: 90%;
            margin: 0 auto;
            justify-content: space-between;
        }
        .list_menu {
            padding: 10px 20px;
            font-size: 14px;
            margin-top: 10px;
            border: 1px solid #E6E6E6;
        }
        .txt {
            font-size: 12px;
            padding: 10px 0;
            margin-top: 10px;
        }
        .txt .line {
            height: 20px;
            width: 1px;
            border-left: 3px solid #333;
            margin: 0 10px 0 10px;
        }
        .weizhi .sh {
            font-size: 14px;
            width: 100%;
        }
        .weizhi p {
            font-size: 14px;
            width: 50%;
            text-align: center;
            margin: 5px 0;
            cursor: pointer;
        }
        .weizhi .dian {
            width: 0px;
            height: 0px;
        }
        .timeLine {
            display: flex;
            align-items: center;
            flex-direction: column;
        }
        .timeLine .lines {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            justify-content: center;
        }
        .timeLine .lines .info {
            position: absolute;
            max-width: 150px;
            top: 30px;
            font-size: 12px;
            right: 0;
        }
        .timeLine .lines .fon {
            position: absolute;
            max-width: 150px;
            bottom: 30px;
            left: 0;
            font-size: 12px;
        }
        .timeLine .lines .o {
            width: 10px;
            height: 10px;
            background: #62C39A;
            border-radius: 50%;
        }
        .timeLine .lines .line {
            min-width: 1px;
            min-height: 100px;
            border-left: 1px solid #007644;
            margin: 0px 150px;
            border-bottom: none;
        }
        .TopMenu .menus {
            flex-direction: column;
        }
        .TopMenu .menus li {
            margin: 20px 0;
            font-size: 18px;
        }
        .triangle {
            border-right-width: 180rem;
            border-top-width: 72.7px;
            transform: translate(0px, 0px)
        }
        .union2 {
            width: 140px;
            height: 150px;
            position: absolute;
            right: 0;
            z-index: -1;
            margin-right: -70px;
            top: 95%;
        }
        .phone,
        .content1_left h2,
        .content3 h2 {
            font-size: 24px;
        }
        .content1_left p,
        .content3 p {
            font-size: 14px;
        }
        .content1_ul ul li {
            font-size: 14px;
        }
        .content3 h2 {
            margin: 30px 0 10px;
        }
        .content3 h3 {
            font-size: 20px;
        }
    }
    
    @media(max-width:768px) {
        .content1_left .more {
            font-size: 14px;
            padding: 12px 20px;
            margin-top: 10px;
        }
        .xt2 {
            display: block;
        }
        .ly {
            padding-left: 10px;
        }
        .product .name {
            margin-top: 5px;
        }
        .art .title {
            font-size: 18px;
            font-weight: 700;
            color: #333333;
        }
        .art p {
            font-size: 1px;
            color: #666666;
            margin-top: 10px;
        }
        .art .date {
            margin-top: 5px;
        }
        .pagelist {
            margin: 10px 0;
        }
        .pagelist2 {
            margin: 10px 0;
            flex-direction: column;
        }
        .pagelist2 .p {
            font-size: 14px;
            color: #333;
            margin-top: 5px;
        }
        .m70 {
            margin-top: -5px !important;
        }
        .content1_left h2 {
            font-size: 18px;
            line-height: 15px;
        }
        .m50 {
            margin-top: 10px;
        }
        .m20 {
            margin-top: 5px;
        }
        .l50 {
            margin-top: 0px;
        }
        .p50 {
            padding: 10px!important;
            border-color: #fff #fff #E6E6E6 #fff;
        }
        .w70 {
            width: 100% !important;
        }
        .w60 {
            width: 100% !important;
        }
        .w50,
        .w55 {
            width: 100% !important;
        }
        .w50 .title {
            font-size: 16px;
        }
        .w45 {
            width: 100% !important;
        }
        .w40 {
            width: 100% !important;
        }
        .w40 {
            width: 100% !important;
        }
        .w30 {
            width: 100% !important;
        }
        .product .pic {
            width: 60%;
        }
        .product .pic2 {
            width: 100%;
        }
        .content1 .menu {
            width: 165px;
            height: 300px;
            border: 1px solid #f4f4f4;
            margin-bottom: 5px;
        }
        .content1 .menu .name {
            margin-top: 20px;
        }
        .content .lujin {
            margin: 10px 0;
            font-size: 14px;
        }
        .container .name h1 {
            font-size: 18px;
        }
        .container .name span {
            line-height: 45px;
            font-size: 14px;
        }
        .triangle {
            border-right-width: 130rem;
            border-top-width: 72.7px;
            transform: translate(0px, 0px)
        }
        .phone {
            font-size: 18px;
            margin-left: 10px;
        }
        .product {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .content1 {
            padding: 0 10px;
            margin-top: 20px;
        }
        .content1_left,
        .content1_right {
            width: 100%;
        }
        .content1_right {
            text-align: center;
            margin-top: 20px;
        }
        .content1_left {
            padding-right: 0
        }
        .union {
            width: 70px;
            height: 70px;
            position: absolute;
            left: 0;
            margin-top: -10px;
            z-index: -1;
        }
        .union2 {
            width: 70px;
            height: 75px;
        }
        .img_menu {
            width: 32px;
            height: 32px;
            margin-right: 15px;
        }
        .img_logo {
            margin-left: 15px
        }
    }
    
    @media(max-width:602px) {
        .triangle {
            border-right-width: 86rem;
            border-top-width: 72.7px;
            transform: translate(0px, 0px);
            margin-top: 80px;
        }
        .banner {
            width: 100%;
            height: auto;
        }
        .head .img {
            max-width: 90px;
        }
        .phone {
            font-size: 14px;
        }
        .phone p {
            margin-top: 10px;
        }
        .content2 {
            display: block;
        }
        .content2 img {
            width: 100%;
            margin: 10px 0
        }
    }