* {
                padding: 0;
                margin: 0;
                box-sizing: border-box;
                font-family: ' ';
            }
            
            ul li {
                list-style: none;
            }
            
            a {
                text-decoration: none;
            }
            
            a:hover {
                text-decoration: none;
            }
            
            img {
                vertical-align: top;
                outline-width: 0ch;
            }

:root {
    --main-color: #f7931e;
    --main-color-white: #ffffff;
    --main-color-fontColor: black;
    --main-color-p_color: #333333;
    --main-color-span_color: #888888;
    --main-transition: all ease 0.4s;
    --main-rgba: rgba(215, 50, 54, .8);
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
            
            @media only screen and (min-width: 996px) {
                .pchead {
                width:100%;
                    height: 80px;
                    position:relative;
                
                    z-index: 999;  background-color: #fff;
                }
                    .pchead img {
                    height:60px;
                    }
                    .pcheader{    display: flex;
                    align-items: center;
                    margin: 0 auto;
                   
                    position: relative;max-width:1200px;margin:0 auto}
                    .pcnav {
                        display: flex;
                        align-items: center;
                        position: relative;
                        z-index: 99;
                    }
                .pcnav>li {
                    position: relative;
                    transition: var(--main-transition);
                }
                .pcnav>li>a {
                    display: block;
                    height: 80px;
                    line-height: 80px;
                    font-size: 14px;
                    transition: var(--main-transition);
                    color: var(--main-color-333);
                    padding: 0 20px;
                }
                .pc_sec_nav {
                    position: absolute;
                    top: 100%;
                    left: 0;
                    width: 200px;
                    background-color: var(--main-color-white);
                    transform: rotateX(-60deg);
                    opacity: 0;
                    visibility: hidden;
                    transition: var(--main-transition);
                }
                .pc_sec_item a {
                    color: var(--main-color-fontColor);
                    font-size: 14px;
                    display: block;
                    padding: 10px 15px;
                    transition: var(--main-transition);
                }
                .pcnav>li>a:hover {
                    color: var(--main-color-white) !important;
                    font-weight: bold;
                    background-color: var(--main-color-blue);
                }
                .pc_sec_item a:hover {
                    color: var(--main-color-white) !important;
                }
                .pcnav li:hover .pc_sec_nav {
                    transform: rotateX(0deg) !important;
                    opacity: 1 !important;
                    visibility: visible !important;
                }
                .pc_sec_item:hover .pc_third_nav {
                    transform: rotateX(0deg) !important;
                    opacity: 1 !important;
                    visibility: visible !important;
                }
                .pcnav li:hover {
                    background-color: var(--main-color) !important;
                }
                .pcnav li:hover .first_a {
                    color: #fff;
                    font-weight: bold;
                }
                .pc_sec_item:hover .second_a {
                    color: var(--main-color-white) !important;
                    font-weight: bold;
                    background-color: var(--main-color);
                }
                .third_a:hover {
                    color: var(--main-color) !important;
                    font-weight: bold;
                    background-color: var(--main-color);
                }
                .pc_sec_item {
                    position: relative;
                }
                .pc_third_nav {
                    position: absolute;
                    left: 100%;
                    top: 0;
                    z-index: 998;
                    width: 150px;
                    transform: rotateX(-60deg);
                    opacity: 0;
                    visibility: hidden;
                    transition: var(--main-transition);
                }
                .third_a {
                    color: var(--main-color-fontColor);
                    background-color: var(--main-color-white);
                }
                .ml_mb_head {
                    display: none;
                }
                .ml_mb_nav {
                    display: none;
                }
                .ml_banner {
                    width: 100%;
                    z-index: 998;
            
                }
                .ml_banner:hover .bannerbtnleft {
                    left: 10px !important;
                    opacity: 1 !important;
                }
                .ml_banner:hover .bannerbtnright {
                    right: 10px !important;
                    opacity: 1 !important;
                }
                .ml_banner img {
                    width: 100%;
                }
                .bannerpage .swiper-pagination-bullet {
                    width: 15px !important;
                    height: 15px !important;
                }
                .bannerbtn {
                    width: 50px !important;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: var(--main-color-white);
                    font-size: 25px;
                    height: 50px !important;
                    transition: var(--main-transition);
                    background: rgba(0, 0, 0, .7);
                    background-image: none !important;
                    opacity: 0;
                }
                .bannerbtnleft {
                    left: 0 !important;
                }
                .bannerbtnright {
                    right: 0 !important;
                }
                .con1 {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    height: 680px;
                    position: relative;
                }
                .con1left {
                    width: 45%;
                    height: 100%;
                    background-color: var(--main-color);
                }
                .con1right {
                    flex: 1;
                    background-color: #fafafa;
                    height: 100%;
                }
                .con1con {
                    width: 1200px;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    display: flex;
                    justify-content: space-between;
                }
                .con1conleft {
                    width: 50%;
                    display: flex;
                    justify-content: space-between;
                    position: relative;
                }
                .con1conleft_left {
                    width: 45%;
                }
                .con1conleft_right {
                    width: 55%;
                }
                .con1conleft_right img {
                    width: 100%;
                }
                .con1conright {
                    width: 50%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    padding: 0 60px;
                }
                .pos_img {
                    position: absolute;
                    left: 50px;
                    top: 40%;
                }
                .con1conright p {
                    font-size: 24px;
                    color: var(--main-color-p_color);
                    margin-bottom: 35px;
                }
                .con1conright span {
                    color: var(--main-color-span_color);
                    font-size: 14px;
                    line-height: 25px;
                }
                .con1conright a {
                    width: 140px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    color: var(--main-color);
                    border: 1px solid var(--main-color);
                    display: block;
                    margin-top: 30px;
                }
                .con2 {
                    width: 100%;
                    background-color: #f2f2f2;
                }
                .con2con {
                    max-width: 1200px;
                    padding: 100px 25px;
                    /*background-color: var(--main-color);*/
                    margin: 0 auto;
                }
                .title {
                    margin-bottom: 50px;
                    text-align: center;
                }
                .title strong {
                    position: relative;
                    text-align: center;
                    color: #000;
                    font-size: 30px;
                    font-weight: normal;
                }
                .title strong::before {
                    position: absolute;
                    content: '';
                    width: 66px;
                    height: 3px;
                    background-color: var(--main-color-fontColor);
                    left: -100px;
                    top: 20px;
                }
                .title strong::after {
                    position: absolute;
                    content: '';
                    width: 66px;
                    height: 3px;
                    background-color: var(--main-color-fontColor);
                    right: -100px;
                    top: 20px;
                }
                .con2con ul {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                }
                .con2con ul li {
                    width: 25%;
                    padding: 12px;
                    cursor: pointer;
                }
                .con2con .title strong {
                    color: var(--main-color-fontColor);
                }
                .con2con ul li:hover strong {
                    color: var(--main-color);
                }
                .con2libox {
                    display: flex;
                    align-items: center;
                    background-color: #fff;
                    /* justify-content: center; */
                    height: 130px;
                    background-image: url(../images/angle.png);
                    background-repeat: no-repeat;
                    background-position: right bottom;
                    background-size: 20px;
                }
                .con2libox img {
                    width: 90px;
                }
                .con2li_right strong {
                    font-size: 16px;
                    color: var(--main-color-fontColor);
                    display: block;
                    margin-bottom: 5px;
                    transition: var(--main-transition);
                    width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                }
                .con2li_right span {
                    color: var(--main-color-span_color);
                    display: block;
                    font-size: 14px;
                    width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                }
                .con2libox_more {
                    justify-content: center;
                    display: flex;
                    align-items: center;
                    background-color: transparent;
                    flex-direction: column;
                    background: rgba(0, 0, 0, .1);
                }
                .con2libox_more p {
                    color: var(--main-color-white);
                }
                .more_li p {
                    margin-top: 12px;
                }
                .more_pic {
                    width: 35px !important;
                    height: 35px;
                }
                .con3 {
                    width: 100%;
                    margin: 0 auto;
                    padding: 50px 0;
                    width: 100%;
                    background-color: #f2f2f2;
                }
                .con3con {
                    max-width: 1200px;
                    margin: 0 auto;
                }
                    .con3con .title strong {
                        color: var(--main-color-fontColor) !important;
                    }
                .con4con .title strong {
                    color: var(--main-color-fontColor) !important;
                }
                .con3con ul {
                    display: flex;
                    flex-wrap: wrap;
                }
                .con3con ul li {
                    width: 25%;
                    cursor: pointer;
                    padding: 10px;
                }
                .con3con ul li:hover p {
                    color: var(--main-color);
                }
                .li_pro_box {
                    background-color: var(--main-color-white);
                    padding: 10px;
                }
                .li_pro_box a img {
                    width: 100%;
                    height: 250px;
                    object-fit: cover;
                }
                .li_pro_box p {
                    color: var(--main-color-p_color);
                    font-size: 15px;
                    transition: var(--main-transition);
                    text-align: center;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 40px;
                }
                .more {
                    display: block;
                    width: 120px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    margin: 0 auto;
                    margin-top: 30px;
                    color: var(--main-color);
                    border: 1px solid var(--main-color);
                }
                .con4 {
                    width: 100%;
                    padding: 50px 0;
                    /*background-image: url(../images/bg.png);*/
                    background-color: #f2f2f2;
                    background-repeat: no-repeat;
                }
                .con4con {
                    max-width: 1200px;
                    margin: 0 auto;
                }
                .con4con ul {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                }
                .con4con ul li {
                    cursor: pointer;
                    width: 31%;
                }
                .con4con ul li img {
                    width: 100%;
                    height: 300px;
                    object-fit: contain;
                    transition: var(--main-transition);
                }
                .indexnewbox {
                    position: relative;
                }
                .date {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    padding: 10px 25px;
                    background: rgba(255, 255, 255, .9);
                    display: flex;
                    align-items: center;
                    flex-direction: column;
                    justify-content: center;
                    color: #619ccf;
                }
                .date strong {
                    display: block;
                    color: #619ccf;
                    font-size: 30px;
                    margin-bottom: 5px;
                }
                .date p {
                    font-size: 14px;
                }
                .indexnewdiv {
                    background-color: var(--main-color-white);
                    padding: 20px;
                    overflow: hidden;
                }
                .indexnewdiv a {
                    display: block;
                    width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    color: var(--main-color-fontColor);
                }
                .newimgbox 
                {
                    background-color:White;
                    overflow: hidden;
                }
                .indexnewdiv span {
                    font-size: 14px;
                    color: var(--main-color-span_color);
                    display: block;
                    width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    margin: 20px auto;
                }
                .indexnewdiv a {
                    font-size: 14px;
                    color: var(--main-color-span_color);
                }
                .con4con ul li:hover img {
                    transform: scale(1.2);
                }
                .con4con ul li:hover .indexnewdiv a {
                    color: var(--main-color) !important;
                }
                .foot {
                    width: 100%;
                    padding: 50px 0;
                    background-color: #1b1b1b;
                }
                .footer {
                    max-width: 1200px;
                    margin: 0 auto;
                    display: flex;
                    justify-content: space-between;
                }
                .footer1 {
                    width: 40%;
                }
                .footer1 a img {
                    height: 60px;
                    display: block;
                    margin-bottom: 30px;
                }
                .footer1 ul {
                    display: flex;
                    align-items: center;
                }
                .footer1 ul li {
                    margin-right: 20px;
                }
                .footer1 ul li img {
                    width: 80px;
                    height: 80px;
                    object-fit: cover;
                }
                .footer1 ul li p {
                    margin-top: 15px;
                    font-size: 14px;
                    color: var(--main-color-span_color);
                    text-align: center;
                }
                .footer2 {
                    flex: 1;
                    padding-left: 10px;
                }
                .footer2 ul {
                    display: flex;
                    flex-wrap: wrap;
                }
                .footer2 ul li {
                    width: 31%;
                }
                .footer2 ul li strong {
                    display: block;
                    color: var(--main-color-white);
                    display: block;
                    margin-bottom: 15px;
                }
                .footer2 ul li a {
                    display: block;
                    font-size: 14px;
                    color: var(--main-color-span_color);
                    transition: var(--main-transition);
                    margin-bottom: 10px;
                }
                .footer2 ul li a:hover {
                    color: var(--main-color-white);
                }
                .link_con i {
                    color: var(--main-color);
                    font-size: 15px;
                }
                .link_con_item {
                    margin-bottom: 15px;
                    display: flex;
                    align-items: center;
                }
                .link_con_item span {
                    color: var(--main-color-span_color);
                    font-size: 14px;
                    display: block;
                    margin-left: 15px;
                }
                .copy {
                    border-top: 1px solid #323232;
                    background-color: #1b1b1b;
                    padding: 20px 0;
                    font-size: 14px;
                    color: #ccc;
                    text-align: center;
                }
                .copy a {
                    color: #ccc;
                }
                .inbanner {
                    position: relative;
                }
                .inbanner img {
                    width: 100%;
                }
                .inbanner h3 {
                    font-size: 35px;
                    text-align: center;
                    color: var(--main-color-white);
                    font-weight: normal;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                }
                .about1 {
                    width: 100%;
                    padding: 100px 0;
                    background-color: #fafafa;
                }
                .about1con {
                    max-width: 1200px;
                    margin: 0 auto;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }
                .about1conleft {
                    width: 42%;
                }
                .about1conright {
                    flex: 1;
                    padding: 65px 100px;
                    border: 8px solid #ededed;
                    border-left: none;
                }
                .about1conright strong {
                    display: block;
                    font-size: 24px;
                    color: var(--main-color-p_color);
                    font-weight: normal;
                    margin-bottom: 30px;
                }
                .about1conright p {
                    line-height: 30px;
                    font-size: 14px;
                    color: var(--main-color-span_color);
                }
                .about1conleft img {
                    width: 100%;
                }
                .about1 .title strong {
                    color: var(--main-color-p_color);
                }
                .about1 .title strong::after {
                    background-color: var(--main-color-p_color);
                }
                .about1 .title strong::before {
                    background-color: var(--main-color-p_color);
                }
                .about2 {
                    padding: 100px 0;
                }
                .about2 .title strong {
                    color: var(--main-color-p_color);
                }
                .about2 .title strong::after {
                    background-color: var(--main-color-p_color);
                }
                .about2 .title strong::before {
                    background-color: var(--main-color-p_color);
                }
                .about2con {
                    max-width: 700px;
                    margin: 0 auto;
                }
                .lcul li {
                    display: flex;
                    padding: 15px 0;
                }
                .lcul {
                    position: relative;
                }
                .lcul::before {
                    position: absolute;
                    content: '';
                    height: 100%;
                    width: 2px;
                    top: 0;
                    left: 6px;
                    background-color: var(--main-color-span_color);
                }
                .lc_dot {
                    width: 15px;
                    height: 15px;
                    position: relative;
                    z-index: 99;
                    background-color: var(--main-color);
                    border-radius: 50%;
                    margin-top: 5px;
                }
                .lc_div {
                    flex: 1;
                    margin-left: 20px;
                }
                .lc_div strong {
                    display: block;
                    margin-bottom: 15px;
                    font-weight: normal;
                    font-size: 20px;
                }
                .lc_div p {
                    font-size: 14px;
                    color: var(--main-color-p_color);
                    line-height: 30px;
                }
                .inside {
                    padding: 30px 15px;
                    max-width: 1230px;
                    margin: 0 auto;
                }
                .inside p {
                    font-size: 14px;
                    color: var(--main-color-p_color);
                    line-height: 25px;
                }
                .inside img {
                    max-width: 100%;
                }
            }
            
            @media only screen and (max-width: 996px) {
                .inside {
                    padding: 30px 15px;
                    margin: 0 auto;
                }
                .inside p {
                    font-size: 14px;
                    color: var(--main-color-p_color);
                    line-height: 25px;
                }
                .inside img {
                    max-width: 100%;
                }
                .about2 {
                    padding: 30px 15px;
                }
                .about2 .title strong {
                    color: var(--main-color-p_color);
                }
                .about2 .title strong::after {
                    background-color: var(--main-color-p_color);
                }
                .about2 .title strong::before {
                    background-color: var(--main-color-p_color);
                }
                .about2con {
                    max-width: 700px;
                    margin: 0 auto;
                }
                .lcul li {
                    display: flex;
                    padding: 15px 0;
                }
                .lcul {
                    position: relative;
                }
                .lcul::before {
                    position: absolute;
                    content: '';
                    height: 100%;
                    width: 2px;
                    top: 0;
                    left: 6px;
                    background-color: var(--main-color-span_color);
                }
                .lc_dot {
                    width: 15px;
                    height: 15px;
                    position: relative;
                    z-index: 99;
                    background-color: var(--main-color);
                    border-radius: 50%;
                    margin-top: 5px;
                }
                .lc_div {
                    flex: 1;
                    margin-left: 20px;
                }
                .lc_div strong {
                    display: block;
                    margin-bottom: 15px;
                    font-weight: normal;
                    font-size: 20px;
                }
                .lc_div p {
                    font-size: 14px;
                    color: var(--main-color-p_color);
                    line-height: 30px;
                }
                .about1 {
                    width: 100%;
                    padding: 30px 15px;
                    background-color: #fafafa;
                }
                .about1con {
                    margin: 0 auto;
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    justify-content: space-between;
                }
                .about1conleft {
                    width: 100%;
                    margin-bottom: 25px;
                }
                .about1conright {
                    width: 100%;
                }
                .about1conright strong {
                    display: block;
                    font-size: 24px;
                    color: var(--main-color-p_color);
                    font-weight: normal;
                    margin-bottom: 20px;
                }
                .about1conright p {
                    line-height: 30px;
                    font-size: 14px;
                    color: var(--main-color-span_color);
                }
                .about1conleft img {
                    width: 100%;
                }
                .about1 .title strong {
                    color: var(--main-color-p_color);
                }
                .about1 .title strong::after {
                    background-color: var(--main-color-p_color);
                }
                .about1 .title strong::before {
                    background-color: var(--main-color-p_color);
                }
                   .inbanner {
                    margin-top: 60px;
                    position: relative;
                }
                .inbanner img {
                    width: 100%;
                }
                .inbanner h3 {
                    font-size: 30px;
                    text-align: center;
                    color: var(--main-color-white);
                    font-weight: normal;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                }
                .copy {
                    border-top: 1px solid #323232;
                    background-color: #1b1b1b;
                    padding: 15px;
                    font-size: 14px;
                    color: #ccc;
                    text-align: center;
                    margin-bottom: 60px;
                }
                .copy a {
                    color: #ccc;
                }
                .foot {
                    width: 100%;
                    padding: 30px 15px;
                    background-color: #1b1b1b;
                }
                .footer {
                    margin: 0 auto;
                    flex-wrap: wrap;
                    display: flex;
                    justify-content: space-between;
                }
                .footer1 {
                    width: 100%;
                }
                .footer1 a img {
                    height: 60px;
                    display: block;
                    margin-bottom: 30px;
                }
                .footer1 ul {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                .footer1 ul li {
                    margin: 0 20px;
                }
                .footer1 ul li img {
                    width: 110px;
                    height: 110px;
                    object-fit: cover;
                }
                .footer1 ul li p {
                    margin-top: 15px;
                    font-size: 14px;
                    color: var(--main-color-span_color);
                    text-align: center;
                }
                .footer2 {
                    width: 100%;
                    margin-top: 25px;
                }
                .footer2 ul {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                }
                .footer2 ul li {
                    width: 48%;
                    margin-bottom: 20px;
                }
                .footer2 ul li strong {
                    display: block;
                    color: var(--main-color-white);
                    display: block;
                    margin-bottom: 15px;
                }
                .footer2 ul li a {
                    display: block;
                    font-size: 14px;
                    color: var(--main-color-span_color);
                    transition: var(--main-transition);
                    margin-bottom: 10px;
                }
                .footer2 ul li a:hover {
                    color: var(--main-color-white);
                }
                .link_con i {
                    color: var(--main-color);
                    font-size: 15px;
                }
                .link_con_item {
                    margin-bottom: 15px;
                    display: flex;
                    align-items: center;
                }
                .link_con_item span {
                    color: var(--main-color-span_color);
                    font-size: 14px;
                    display: block;
                    margin-left: 15px;
                }
                .con4 {
                    width: 100%;
                    padding: 30px 15px;
                    background-color: #f2f2f2;
                    /*background-image: url(../images/bg.png);*/
                    background-repeat: no-repeat;
                }
                .con4con {
                    margin: 0 auto;
                }
                .con4con ul {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                }
                .con4con ul li {
                    cursor: pointer;
                    width: 100%;
                    margin-bottom: 30px;
                    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
                }
                .con4con ul li img {
                    width: 100%;
                    transition: var(--main-transition);
                }
                .indexnewbox {
                    position: relative;
                }
                .date {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    padding: 10px 25px;
                    background: rgba(255, 255, 255, .9);
                    display: flex;
                    align-items: center;
                    flex-direction: column;
                    justify-content: center;
                    color: #619ccf;
                }
                .date strong {
                    display: block;
                    color: #619ccf;
                    font-size: 30px;
                    margin-bottom: 5px;
                }
                .date p {
                    font-size: 14px;
                }
                .indexnewdiv {
                    background-color: var(--main-color-white);
                    padding: 20px;
                    overflow: hidden;
                }
                .indexnewdiv a {
                    display: block;
                    width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    color: var(--main-color-fontColor);
                }
                .newimgbox {
                    overflow: hidden;
                }
                .indexnewdiv span {
                    font-size: 14px;
                    color: var(--main-color-span_color);
                    display: block;
                    width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    margin: 20px auto;
                }
                .indexnewdiv a {
                    font-size: 14px;
                    color: var(--main-color-span_color);
                }
                .con4con ul li:hover img {
                    transform: scale(1.2);
                }
                .con4con ul li:hover .indexnewdiv a {
                    color: var(--main-color) !important;
                }
                .con3 {
                    width: 100%;
                    margin: 0 auto;
                    padding: 30px 15px;
                    width: 100%;
                    background-color: #f2f2f2;
                }
                .con3con {
                    margin: 0 auto;
                }
                .con3con ul {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                }
                .con3con ul li {
                    width: 100%;
                    cursor: pointer;
                    padding: 10px;
                }
                .con3con ul li:hover p {
                    color: var(--main-color);
                }
                .li_pro_box {
                    background-color: var(--main-color-white);
                    padding: 10px;
                }
                .li_pro_box a img {
                    width: 100%;
                    object-fit: cover;
                }
                .li_pro_box p {
                    color: var(--main-color-p_color);
                    font-size: 15px;
                    transition: var(--main-transition);
                    text-align: center;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 40px;
                }
                .more {
                    display: block;
                    width: 120px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    margin: 0 auto;
                    margin-top: 30px;
                    color: var(--main-color);
                    border: 1px solid var(--main-color);
                }
                .con2 {
                    width: 100%;
                    background-color: #f2f2f2;
                    padding: 30px 15px;
                }
                .con2con {
                    padding: 30px 15px;
                    /*background-color: var(--main-color);*/
                    margin: 0 auto;
                }
                .title {
                    margin-bottom: 20px;
                    text-align: center;
                }
                .title strong {
                    position: relative;
                    text-align: center;
                    color: var(--main-color-fontColor);
                    font-size: 25px;
                    font-weight: normal;
                }
                .title strong::before {
                    position: absolute;
                    content: '';
                    width: 36px;
                    height: 2px;
                    background-color: var(--main-color-fontColor);
                    left: -50px;
                    top: 17px;
                }
                .title strong::after {
                    position: absolute;
                    content: '';
                    width: 36px;
                    height: 2px;
                    background-color: var(--main-color-fontColor);
                    right: -50px;
                    top: 17px;
                }
                .con2con ul {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                }
                .con2con ul li {
                    width: 100%;
                    padding: 12px;
                    cursor: pointer;
                }
                .con2con ul li:hover strong {
                    color: var(--main-color);
                }
                .con2libox {
                    display: flex;
                    align-items: center;
                    background-color: #fff;
                    justify-content: center;
                    height: 130px;
                    background-image: url(../images/angle.png);
                    background-repeat: no-repeat;
                    background-position: right bottom;
                    background-size: 20px;
                }
                .con2libox img {
                    width: 90px;
                }
                .con2li_right strong {
                    font-size: 16px;
                    color: var(--main-color-fontColor);
                    display: block;
                    margin-bottom: 5px;
                    transition: var(--main-transition);
                    width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                }
                .con2li_right span {
                    color: var(--main-color-span_color);
                    display: block;
                    font-size: 14px;
                    width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                }
                .con2libox_more {
                    display: flex;
                    align-items: center;
                    background-color: transparent;
                    flex-direction: column;
                    background: rgba(0, 0, 0, .1);
                }
                .con2libox_more p {
                    color: var(--main-color-white);
                }
                .more_li p {
                    margin-top: 12px;
                }
                .more_pic {
                    width: 35px !important;
                    height: 35px;
                }
                .con1 {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    position: relative;
                    padding: 30px 15px;
                }
                .con1left {
                    width: 100%;
                    background-color: var(--main-color);
                }
                .con1right {
                    width: 100%;
                    background-color: #fafafa;
                }
                .con1con {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }
                .con1conleft {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    position: relative;
                }
                .con1conleft_left {
                    display: none;
                }
                .con1conleft_right {
                    width: 100%;
                }
                .con1conleft_right img {
                    width: 100%;
                    max-height: 300px;
                    object-fit: contain;
                }
                .con1conright {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    margin-top: 25px;
                }
                .pos_img {
                    display: none;
                }
                .con1conright p {
                    font-size: 24px;
                    color: var(--main-color-p_color);
                    margin-bottom: 20px;
                }
                .con1conright span {
                    color: var(--main-color-span_color);
                    font-size: 14px;
                    line-height: 30px;
                }
                .con1conright a {
                    width: 140px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    color: var(--main-color);
                    border: 1px solid var(--main-color);
                    display: block;
                    margin-top: 20px;
                }
                .ml_banner {
                    width: 100%;
                    margin-top: 60px !important;
                }
                .ml_banner img {
                    width: 100%;
                }
                .bannerpage .swiper-pagination-bullet {
                    width: 10px !important;
                    height: 10px !important;
                }
                .bannerbtn {
                    width: 40px !important;
                    height: 40px !important;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: var(--main-color-white);
                    font-size: 25px;
                    transition: var(--main-transition);
                    background: rgba(0, 0, 0, .7);
                    background-image: none !important;
                }
                .pchead {
                    display: none;
                }
                .pcnav {
                    display: none;
                }
                .ml_mb_arrowChange {
                    transform: rotate(90deg);
                }
                .ml_mbnav_3 {
                    display: none;
                }
                .ml_mbnav_3_item {
                    display: flex;
                    padding: 0 20px;
                    justify-content: space-between;
                    align-items: center;
                    border-bottom: 1px solid #f3f3f3;
                    background-color: #efefef;
                }
                .ml_mbnav_3_item>a {
                    display: block;
                    width: 100%;
                    height: 40px;
                    line-height: 40px;
                    color: var(--main-color-fontColor);
                    font-size: 14px;
                    padding-left: 35px;
                }
                .ml_mb_nav i {
                    font-size: 22px !important;
                    transition: var(--main-transition);
                }
                .ml_mbnav_2_item {
                    display: flex;
                    padding: 0 20px;
                    justify-content: space-between;
                    align-items: center;
                    border-bottom: 1px solid #f3f3f3;
                    background-color: #e3e3e3;
                }
                .ml_mbnav_2_item>a {
                    display: block;
                    height: 40px;
                    width: 100%;
                    line-height: 40px;
                    color: var(--main-color-fontColor);
                    font-size: 14px;
                    padding-left: 20px;
                }
                .ml_mbnav_2 {
                    display: none;
                }
                .ml_mbnav_1_item>a {
                    display: block;
                    height: 40px;
                    line-height: 40px;
                    color: var(--main-color-fontColor);
                    font-size: 14px;
                    width: 100%;
                }
                .ml_mbnav_1_item {
                    display: flex;
                    padding: 0 20px;
                    justify-content: space-between;
                    align-items: center;
                    border-bottom: 1px solid #f3f3f3;
                }
                .ml_mb_nav {
                    width: 100%;
                    height: calc(100% - 60px);
                    position: fixed;
                    top: 60px;
                    right: -100%;
                    background-color: var(--main-color-white);
                    z-index: 100;
                    border-top: 1px solid #ccc;
                    overflow: scroll;
                    padding: 20px 0;
                    transition: var(--main-transition);
                }
                .mb_navShow {
                    right: 0 !important;
                }
                .hb_fadeout {
                    opacity: 0 !important;
                }
                .change2 {
                    transform: translateY(-10px) rotate(-45deg);
                }
                .change1 {
                    transform: translateY(10px) rotate(45deg);
                }
                .hb span {
                    display: block;
                    width: 30px;
                    height: 1px;
                    background-color: var(--main-color-fontColor);
                    transition: var(--main-transition);
                }
                .hb {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    height: 20px;
                    flex-direction: column;
                }
                .ml_mb_logo img {
                    width: 120px;
                }
                .ml_mb_head {
                    display: flex;
                    height: 60px;
                    padding: 0 20px;
                    background-color: var(--main-color-white);
                    position: fixed;
                    top: 0;
                    left: 0;
                    align-items: center;
                    justify-content: space-between;
                    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
                    width: 100%;
                    z-index: 99;
                }
                .ml_pcheader {
                    display: none;
                }
            }