* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

    font-family: 'microsoft yahei';

}



ul li {

    list-style: none;

}



a {

    text-decoration: none;

}



a:hover {

    text-decoration: none;

}



img {

    vertical-align: top;

    outline-width: 0ch;

}



@media only screen and (min-width: 996px) {

    iframe {

        display: block;

    }

    #allmap p {

        margin: 0 !important;

    }

    .ml_piclist {

        width: 100%;

        margin: 0 auto;

    }

    /* 产品详情 */

    .ml_prodetail {

        width: 100%;

        margin: 0 auto;

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

        margin-bottom: 50px;

    }

    .ml_prodetailleft {

        width: 49.5%;

        background-color: var(--main-color-white);

    }

    .swiper-slide-thumb-active {

        background-color: #fff !important;

    }

    .ml_prodetailleft .swiper-slide {

        text-align: center;

        font-size: 18px;

        background: var(--main-color-white);

        /* Center slide text vertically */

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

    }

    .ml_prodetailleft .swiper-slide {

        background-size: cover;

        background-position: center;

    }

    .ml_prodetailleft .mySwiper2 {

        width: 100%;

        border: 1px solid #ccc;

    }

    .ml_prodetailleft .mySwiper2 img {

        height: 500px;

        object-fit: contain;

    }

    .ml_prodetailleft .mySwiper {

        box-sizing: border-box;

        padding: 10px 0;

    }

    .ml_prodetailleft .mySwiper img {

        border: 1px solid #ccc;

        height: 100px;

        object-fit: contain;

    }

    .ml_prodetailleft .mySwiper .swiper-slide {

        width: 25%;

        opacity: 0.4;

    }

    .ml_prodetailleft .mySwiper .swiper-slide-thumb-active {

        opacity: 1;

    }

    .ml_prodetailleft .swiper-slide img {

        display: block;

        width: 100%;

    }

    .ml_prodetailright {

        width: 49.5%;

        padding: 15px;

        background-color: var(--main-color-white);

    }

    .ml_prodetailright strong {

        display: block;

        margin-bottom: 20px;

        font-size: #303133;

        color: #333;

        font-size: 30px;

        font-weight: normal;

    }

    .ml_prodetailright p {

        font-size: 14px;

        line-height: 25px;

        color: #333;

    }

    .ml_description {

        width: 100%;

        padding-bottom: 85px;

        margin: 0 auto;

        border: 1px solid #ededed;

        background-color: var(--main-color-white);

        margin-bottom: 85px;

    }

    .strong_1 {

        display: block;

        padding: 10px;

        border-bottom: 2px solid var(--main-color);

        font-size: 16px;

        font-weight: normal;

        color: #333;

    }

    .ml_description p {

        font-size: 16px;

        color: #333;

        line-height: 25px;

    }

    .ml_description img {

        max-width: 100%;

    }

    .ml_descriptioncon {

        padding: 15px;

    }

    .ml_related {

        padding: 0 !important;

    }

    .ml_related .ml_indexpro {

        margin: 0;

        padding: 0;

        /* padding: 20px; */

    }

    .ml_related .ml_indexpro li {

        width: 25%;

        padding: 20px;

        margin: 0 !important;

    }

    .ml_prodetailright span {

        display: block;

        font-size: 14px;

        margin-bottom: 20px;

        color: #303133;

        line-height: 25px;

    }

    .ml_description_tab {

        border-bottom: 1px solid #ededed;

        display: flex;

        align-items: center;

    }

    .ml_description_tab .strong_1 {

        border: none;

        cursor: pointer;

        padding: 10px 25px;

        font-size: 15px;

    }

    .tabactive {

        background-color: var(--main-color) !important;

        color: var(--main-color-white) !important;

    }

    .ml_descriptioncon_fy {

        display: none;

    }

    .ml_descriptioncon_fy p {

        font-size: 16px;

        color: #303133;

        line-height: 25px;

    }

    .ml_descriptioncon_fy img {

        max-width: 100%;

        display: block;

        margin: 0px auto;

    }

    .tab_pro {

        margin-top: 20px;

        display: flex;

        align-items: center;

        justify-content: space-between;

    }

    .tab_pro a {

        text-align: center;

        width: 150px;

        height: 40px;

        line-height: 40px;

        border: 1px solid #ccc;

        font-size: 16px;

        color: #303133;

        display: block;

    }

    .tab_pro a:hover {

        color: var(--main-color-white) !important;

        background-color: var(--main-color) !important;

    }

    .ml_indexpro {

        width: 100%;

        padding: 85px 0;

        background-color: #fafafa;

    }

    .ml_indexprocon {

        /* max-width: 1200px; */

        margin: 0 auto;

    }

    .ml_indexprocon ul {

        display: flex;

        flex-wrap: wrap;

    }

    .ml_indexprocon ul li {

        margin-right: 40px;

        width: calc((100% - 120px) / 4);

        margin-bottom: 20px;

    }

    .ml_indexprocon ul li:nth-child(4n) {

        margin-right: 0 !important;

    }

    .ml_indexprocon ul li p {

        text-align: center;

        color: #303133;

        font-size: 16px;

        padding: 10px 0;

    }

    .ml_indexprocon ul li span {

        text-align: center;

        color: #303133;

        display: block;

        text-align: center;

        font-size: 14px;

    }

    .indexpro_div {

        background-color: var(--main-color-white);

    }

    .indexpro_div img {

        width: 100%;

        transition: all ease 0.4s;

        display: block;

        height: 100%;

        object-fit: cover;

        margin: 0 auto;

    }

    .indexpro_div:hover img {

        transform: scale(1.1);

    }

    .indexpro_div a {

        display: block;

        overflow: hidden;

    }

    .strong_1 {

        display: block;

        padding: 10px;

        border-bottom: 2px solid var(--main-color);

        font-size: 16px;

        font-weight: normal;

        color: #333;

    }

    /* 商品属性 */

    .shuxing {

        padding: 15px 0;

    }

    .shuxingitem {

        display: flex;

        justify-content: space-between;

    }

    .shuxingitem span {

        display: block;

        width: 60px;

        text-align: left;

        margin: 0 !important;

    }

    .shuxingitem ul {

        display: flex;

        flex: 1;

        align-items: center;

    }

    .shuxingitem ul li {

        display: block;

        padding: 5px 20px;

        margin-bottom: 10px;

        border: 1px solid #ccc;

        margin-right: 20px;

        font-size: 14px;

        cursor: pointer;

        transition: all ease 0.4s;

    }

    .chooesen {

        background-color: var(--main-color) !important;

        color: var(--main-color-white) !important;

        border: 1px solid var(--main-color) !important;

    }

    /* 商品属性 */

    /* 产品详情 */

    .Ml_temlpate_news {

        width: 100%;

    }

    /* 样式1 */

    .Ml_temlpate_news_1 {

        width: 100%;

    }

    .newitem1 {

        padding: 20px 0;

        border-bottom: 1px dashed #e5e5e5;

    }

    .newitem1_top {

        display: flex;

        align-items: center;

        justify-content: space-between;

        margin-bottom: 5px;

    }

    .newitem1_top a {

        display: block;

        width: 70%;

        font-size: 16px;

        color: #444;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        transition: all ease 0.4s;

    }

    .newitem1:hover a {

        color: var(--main-color);

    }

    .newitem1_top span {

        font-size: 16px;

        color: #444;

    }

    .newitem1_bot span {

        font-size: 12px;

        color: #777;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }

    /* 样式1 */

    /* 样式2 */

    .Ml_temlpate_news_2 {

        width: 100%;

    }

    .newitem2 {

        display: flex;

        justify-content: space-between;

        padding: 20px 0;

        border-bottom: 1px dashed #e5e5e5;

        align-items: center;

    }

    .newitem2left {

        width: 85px;

        height: 85px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        background-color: #f2f2f2;

    }

    .newitem2left strong {

        font-size: 25px;

        color: #000;

        display: block;

        text-align: center;

        font-weight: normal;

    }

    .newitem2left p {

        font-size: 14px;

        color: #000;

        margin-top: 4px;

        text-align: center;

    }

    .newitem2right {

        flex: 1;

        padding-left: 15px;

    }

    .newitem2right a {

        display: block;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        font-size: 16px;

        color: #444;

        margin-bottom: 15px;

    }

    .newitem2right a:hover {

        color: var(--main-color) !important;

    }

    .newitem2right p {

        font-size: 13px;

        color: #777;

        line-height: 25px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }

    /* 样式2 */

    /* 样式3 */

    .Ml_temlpate_news_3 {

        width: 100%;

        display: flex;

        align-items: center;

        flex-wrap: wrap;

    }

    .newitem3 {

        width: calc((100% - 70px) / 3);

        margin-right: 35px;

        margin-bottom: 35px;

    }

    .newitem3:nth-child(3n) {

        margin-right: 0 !important;

    }

    .newitem3con {

        padding: 15px;

        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    }

    .newitem3con a img {

        width: 100%;

        height: 230px;

        object-fit: cover;

    }

    .newitem2_title {

        margin-top: 15px;

        margin-bottom: 15px;

        color: #222;

        font-size: 20px;

        display: block;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

    }

    .newitem3con p {

        font-size: 14px;

        color: #666;

        line-height: 25px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 3;

    }

    /* 样式3 */

    /* 样式4 */

    .Ml_temlpate_news_4 {

        width: 100%;

    }

    .Ml_temlpate_news_4 .Ml_temlpate_news_3 {

        justify-content: space-between;

    }

    .newitem4_top .newitem3 {

        width: 48% !important;

        margin: 0 !important;

        padding: 0 !important;

    }

    .newitem4_top {

        margin-bottom: 50px;

    }

    .newitem4_bot ul {

        position: relative;

    }

    .newitem4_bot ul li {

        display: flex;

        align-items: center;

        padding: 10px 0;

    }

    .li_left {

        width: 80px;

        height: 80px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }

    .li_left strong {

        display: block;

        font-size: 25px;

        color: #000;

        font-weight: normal;

        text-align: center;

        margin-bottom: 5px;

    }

    .li_left p {

        font-size: 14px;

        color: #000;

    }

    .li_line {

        width: 15px;

        margin: 0 13px;

        height: 15px;

        background: rgba(179, 179, 179, .3);

        border-radius: 50%;

        position: relative;

    }

    .li_line:after {

        content: "";

        position: absolute;

        width: 7px;

        height: 7px;

        border-radius: 50%;

        background: #b3b3b3;

        margin: 4px;

        z-index: 8;

    }

    .li_right {

        flex: 1;

        padding-left: 10px;

    }

    .li_right a {

        color: #444;

        transition: all ease 0.4s;

        font-size: 16px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        margin-bottom: 10px;

    }

    .li_right span {

        font-size: 12px;

        color: #777;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }

    .newitem4_bot ul:after {

        content: "";

        position: absolute;

        top: 0px;

        left: 100px;

        width: 1px;

        height: 100%;

        background: #f0f0f0;

    }

    .newitem4_bot ul li:hover a {

        color: var(--main-color) !important;

    }

    /* 样式4 */

    /* 样式5 */

    .Ml_temlpate_news_5 {

        width: 100%;

    }

    .newitem5 {

        transition: all ease 0.4s;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        padding: 25px;

        background-color: #fafafa;

        align-items: center;

        border-bottom: 1px solid #ececec;

    }

    .newitem5:hover {

        box-shadow: 0 0 22px rgba(0, 0, 0, .12);

        border-radius: 4px;

        background: var(--main-color-white);

    }

    .newitem5:hover img {

        transform: scale(1.1);

    }

    .newitem5:hover a {

        color: var(--main-color) !important;

    }

    .newitem5_left {

        width: 23%;

    }

    .newitem5_right {

        flex: 1;

        padding-left: 25px;

    }

    .newitem5_right_top {

        display: flex;

        align-items: center;

        justify-content: space-between;

        margin-bottom: 15px;

    }

    .newitem5_right_top a {

        display: block;

        width: 70%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        color: #444;

        font-size: 16px;

        transition: all ease 0.4s;

    }

    .newitem5_right_top span {

        color: #444;

        font-size: 16px;

    }

    .newitem5_left a img {

        width: 100%;

        height: 175px;

        transition: all ease 0.4s;

        object-fit: cover;

    }

    .newitem5_left a {

        display: block;

        overflow: hidden;

    }

    .newitem5_right_bot p {

        font-size: 14px;

        color: #777;

        line-height: 25px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 3;

    }

    /* 样式5 */

    /* 样式补充 */

    .ml_new {

        max-width: 1200px;

        margin: 0 auto;

        padding: 30px 0;

    }

    .ml_new_item {

        display: flex;

        justify-content: space-between;

        cursor: pointer;

        transition: all ease 0.4s;

        margin-bottom: 30px;

        padding: 10px;

        align-items: center;

    }

    .ml_new_item:hover {

        box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;

    }

    .ml_new_item_left {

        width: 25%;

    }

    .ml_new_item_left img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        height: 220px;

    }

    .ml_new_item_right {

        background-color: var(--main-color-white);

        flex: 1;

        padding: 20px;

        position: relative;

    }

    .ml_new_item_right .newtitle {

        font-size: 20px;

        color: #333;

        display: block;

        margin-bottom: 15px;

    }

    .ml_new_item_right p {

        font-size: 16px;

        color: #666;

        display: block;

        line-height: 25px;

        margin-bottom: 15px;

    }

    .moredetail {

        display: block;

        text-align: center;

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px;

        background-color: var(--main-color);

        color: var(--main-color-white);

    }

    .ml_date {

        font-size: 25px;

        color: var(--main-color);

        margin-bottom: 10px;

    }

    .ml_new a:hover {

        color: var(--main-color) !important;

    }

    /* 产品样式2 */

    .ml_procon1 {

        max-width: 1300px;

        margin: 100px auto;

    }

    .ml_procon1_item {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .ml_procon1_item_left {

        width: 50%;

        padding: 20px;

    }

    .ml_procon1_item_left img {

        width: 100%;

        height: 400px;

        object-fit: contain;

    }

    .ml_procon1_item_right {

        width: 50%;

        background-color: var(--main-color);

        display: flex;

        flex-direction: column;

        justify-content: center;

        padding: 0 50px;

    }

    .ml_procon1_item_right strong {

        font-size: 30px;

        font-weight: normal;

        color: var(--main-color-white);

        display: block;

        margin-bottom: 20px;

    }

    .ml_procon1_item_right p {

        color: var(--main-color-white);

        font-size: 16px;

        margin-bottom: 20px;

        line-height: 25px;

    }

    .ml_procon1_item_right a {

        display: block;

        border: 1px solid var(--main-color-white);

        width: 120px;

        height: 40px;

        line-height: 40px;

        text-align: center;

        background: var(--main-color);

        color: var(--main-color-white);

        border-radius: 40px;

    }

    .flex-reserve {

        flex-direction: row-reverse;

    }

    /* 产品样式2 */

    .ml_download li {

        padding: 15px 0;

        border-bottom: 1px dashed #ccc;

        display: flex;

        align-items: center;

        justify-content: space-between;

    }

    .ml_download li i {

        font-size: 40px !important;

        color: var(--main-color);

    }

    .ml_download li img {

        width: 55px;

    }

    .loadnow {

        display: block;

        width: 120px;

        height: 40px;

        line-height: 40px;

        text-align: center;

        background-color: var(--main-color);

        color: var(--main-color-white);

        font-size: 15px;

    }

    .d_center {

        flex: 1;

        padding: 0 20px;

    }

    .d_center a {

        display: block;

        font-size: 15px;

        color: #303133;

        margin-bottom: 7px;

    }

    .d_center span {

        font-size: 14px;

        color: #444;

        display: inline-block;

        margin-right: 5px;

    }

    .ml_message h2 {

        text-align: center;

        color: #000;

        font-weight: normal;

        font-size: 30px;

        margin-bottom: 10px;

    }

    .ml_message h3 {

        text-align: center;

        font-weight: normal;

        font-size: 16px;

        color: #303133;

        margin-bottom: 20px;

    }

    .ml_message img {

        width: 100%;

    }

    .form_area {

        display: flex;

        flex-wrap: wrap;

        padding: 20px 0;

        justify-content: space-between;

    }

    .form_area input {

        display: block;

        width: 48%;

        height: 40px;

        border: 1px solid #ccc;

        border-radius: 4px;

        margin-bottom: 20px;

        padding-left: 15px;

        outline: none;

    }

    .form_area textarea {

        display: block;

        outline: none;

        width: 100%;

        min-height: 150px;

        border: 1px solid #ccc;

        border-radius: 4px;

        margin-bottom: 20px;

        padding-left: 15px;

        padding-top: 15px;

    }

    .message_sub {

        display: block;

        width: 200px;

        height: 40px;

        line-height: 40px;

        text-align: center;

        color: var(--main-color-white);

        background-color: var(--main-color);

        border-radius: 4px;

        margin: 0 auto;

    }

    .ml_contact {

        width: 100%;

        margin: 0 auto;

        padding: 30px 25px;

        background-color: var(--main-color-white);

        margin-bottom: 50px;

    }

    .ml_contactcon {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .ml_contactcon_left {

        width: 48%;

    }

    .ml_contactcon_right {

        width: 48%;

    }

    .tact_strong {

        display: block;

        font-weight: normal !important;

        font-size: 25px;

        margin-bottom: 35px;

    }

    .ml_contactcon_left ul li {

        padding: 25px 0 !important;

        /* margin-bottom: 25px; */

        display: flex;

        align-items: center;

        justify-content: space-between;

        border-bottom: 1px solid #ededed;

    }

    .ml_contactcon_left ul li i {

        font-size: 40px;

        color: var(--main-color);

    }

    .ml_contactcon_left ul li div {

        flex: 1;

        padding-left: 20px;

    }

    .ml_contactcon_left ul li p {

        font-size: 17px;

        color: #555;

        margin-bottom: 10px;

    }

    .ml_contactcon_left ul li span {

        display: block;

        font-size: 16px;

        color: #555;

    }

    .ml_contactcon_right input {

        display: block;

        padding-left: 15px;

        outline: none;

        height: 44px;

        width: 100%;

        margin-bottom: 17px;

        border: 1px solid #ededed;

        border-radius: 4px;

    }

    .ml_contactcon_right textarea {

        display: block;

        padding-left: 15px;

        padding-top: 15px;

        outline: none;

        height: 100px;

        width: 100%;

        margin-bottom: 17px;

        border: 1px solid #ededed;

        border-radius: 4px;

    }

    .ml_sub {

        display: block;

        height: 44px;

        line-height: 44px;

        text-align: center;

        border-radius: 4px;

        background-color: var(--main-color);

        color: var(--main-color-white);

        width: 100%;

    }

    .ml_map {

        max-width: 1230px;

        margin: 0 auto;

        /* background-color: #ccc;

        min-height: 100px;

        margin-bottom: 50px; */

    }

    .ml_map li {

        list-style: none !important;

        border-right: 1px solid #ccc;

        border-bottom: 1px solid #ccc;

        font-size: 0;

    }

    .ml_map1 {

        margin-bottom: 50px;

    }

    .ml_map1 li {

        list-style: none !important;


        font-size: 0;

    }

    #dituContent {

        border: none !important;

    }

    .ml_contactcon_module1 {

        width: 100%;

    }

    .ml_contactcon_module1_top {

        width: 100%;

    }

    .ml_contactcon_module1_top ul {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .ml_contactcon_module1_top ul li {

        width: 31%;

        padding: 20px;

        background-color: var(--main-color-white);

        border-radius: 10px;

        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    }

    .ml_contactcon_module1_top ul li i {

        color: var(--main-color);

        font-size: 40px !important;

        margin-bottom: 15px;

        display: block;

        text-align: center;

    }

    .ml_contactcon_module1_top ul li img {

        display: block;

        margin: 0 auto;

        margin-bottom: 20px;

    }

    .ml_contactcon_module1_top ul li strong {

        display: block;

        text-align: center;

        color: var(--main-color);

    }

    .ml_contactcon_module1_top ul li p {

        text-align: center;

        color: #303133;

        font-size: 17px;

        margin-top: 15px;

    }

    .ml_contactcon_module1_bot {

        display: flex;

        margin-top: 70px;

        flex-wrap: wrap;

        justify-content: space-between;

        align-items: center;

    }

    .ml_contactcon_module1_bot_left {

        width: 49%;

    }

    .ml_contactcon_module1_bot_right {

        width: 49%;

    }

    .ml_contactcon_module1_bot_left .ml_contactcon_right {

        width: 100% !important;

    }

    /* 联系我们2 */

    /* 联系我们3 */

    .ml_contactcon_module2 {

        /* max-width: 1300px; */

        margin: 0 auto;

        background-color: var(--main-color-white);

        /* padding: 25px; */

    }

    .ml_map1 {

        /* min-height: 100px;

        background-color: #ccc;

        margin-bottom: 50px; */

    }

    .ml_contactcon_module2 .ml_contactcon_module1_bot {

        width: 100% !important;

    }

    .ml_contactcon_module2 .ml_contactcon_module1_bot_left {

        width: 100% !important;

    }

    .ml_contactcon_module2 .ml_contactcon_module1_bot_left input {

        width: 48%;

    }

    .ml_contactcon_module2 .ml_contactcon_module1_bot_left .ml_contactcon_right {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .ml_contactcon_module2 .ml_contactcon_module1_bot_left .ml_contactcon_right strong {

        display: block;

        width: 100%;

    }

    /* 联系我们3 */

    .chrg-description p {

        color: var(--main-color-white) !important;

    }

    .shuxing {

        padding: 15px 0;

    }

    .shuxingitem {

        display: flex;

        justify-content: space-between;

    }

    .shuxingitem span {

        display: block;

        width: 60px;

        text-align: left;

        margin: 0 !important;

    }

    .shuxingitem ul {

        display: flex;

        flex: 1;

        align-items: center;

    }

    .shuxingitem ul li {

        display: block;

        padding: 5px 20px;

        margin-bottom: 10px;

        border: 1px solid #ccc;

        margin-right: 20px;

        font-size: 14px;

        cursor: pointer;

        transition: all ease 0.4s;

    }

    .chooesen {

        background-color: var(--main-color) !important;

        color: var(--main-color-white) !important;

        border: 1px solid var(--main-color) !important;

    }

    /* 样式补充 */

    #ContactMoban {

        margin: 0 !important;

    }

    #lContent p {

        line-height: 2em;

        font-size: 14px;

        color: var(--main-color-fontColor);

        margin-bottom: 10px;

    }

    #lblContent p {

        line-height: 2em;

        font-size: 14px;

        color: var(--main-color-fontColor);

        margin-bottom: 10px;

    }

    .ml_bread_inner {

        max-width: 1650px !important;

        margin: 30px auto;

        display: flex;

        padding: 0 25px !important;

        align-items: center;

    }

    .ml_bread_inner span {

        display: block;

        padding: 0 10px;

        font-size: 14px;

    }

    .ml_bread_inner a {

        display: block;

        font-size: 14px;

        color: var(--main-color-fontColor);

    }

    .ml_bread_inner a:hover {

        color: var(--main-color);

    }

    .active_color {

        color: var(--main-color) !important;

    }

    /* 内页二级 */

    .ml_inner_nav {

        width: 100%;

        height: 60px;

        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    }

    .ml_inner_nav_con {

        max-width: 1200px;

        margin: 0 auto;

        height: 60px;

        /* overflow-x: scroll;

        overflow-y: hidden; */

        position: relative;

    }

    /*滚动条样式*/

    .ml_inner_nav_con::-webkit-scrollbar {

        width: 8px;

        padding-right: 4px;

        height: 5px;

        background-color: transparent;

        position: absolute !important;

        bottom: -15px !important;

    }

    /*滑块样式*/

    .ml_inner_nav_con:hover::-webkit-scrollbar-thumb {

        -webkit-border-radius: 4px;

        border-radius: 4px;

        background-color: var(--main-color);

    }

    .ml_inner_nav_con {

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .propage_sec_fir {

        height: 45px;

        line-height: 45px;

        margin: 0 20px;

        display: block;

        border-bottom: 3px solid transparent;

        color: #303133;

        width: 120px;

        text-align: center;

    }

    .ml_inner_nav_con a:hover {

        color: var(--main-color) !important;

        border-bottom: 3px solid var(--main-color) !important;

    }

    .ml_act {

        color: var(--main-color) !important;

        border-bottom: 3px solid var(--main-color) !important;

    }

    .propage_sec {

        position: absolute;

        width: 100%;

        top: 100%;

        left: 0;

        background-color: var(--main-color-white);

        display: none;

    }

    .propage_sec a {

        width: 100%;

        text-align: center;

        height: 40px;

        line-height: 40px;

        display: block;

        color: #303133;

    }

    .propage_sec a:hover {

        background-color: var(--main-color) !important;

        color: var(--main-color-white) !important;

    }

    .ml_inner_nav_con_div:hover .propage_sec {

        display: block;

    }

    .ml_pro_sec {

        display: none !important;

    }

    .ml_inner_nav_con_div {

        position: relative;

    }

    .ml_inner_nav_con_div>a {

        /* width: 150px !important; */

    }

    .propage_sec {

        position: absolute;

        width: 100%;

        top: 100%;

        left: 0;

        background-color: var(--main-color-white);

        display: none;

    }

    .propage_sec a {

        width: 100%;

        text-align: center;

        height: 40px;

        line-height: 40px;

        display: block;

        color: #303133;

    }

    .propage_sec a:hover {

        background-color: var(--main-color) !important;

        color: var(--main-color-white) !important;

    }

    .ml_inner_nav_con_div:hover .propage_sec {

        display: block;

    }

    .ml_pro_sec {

        display: none !important;

    }

    /* 内页二级 */

    .left_inside_right_con .ml_contact {

        padding: 0 !important;

    }

    .pc_protitle {

        width: 100%;

        padding: 15px 15px;

        background-color: var(--main-color);

        color: var(--main-color-white);

        font-size: 25px;

    }

}



@media only screen and (max-width: 996px) {

    .pc_protitle {

        display: none;

    }

    .left_inside_right_con .ml_contact {

        padding: 0 !important;

    }

    .ml_inner_nav {

        width: 100%;

        height: 50px;

        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

        padding: 0 15px;

    }

    .ml_inner_nav_con {

        margin: 0 auto;

        height: 50px;

    }

    .ml_inner_nav_con {

        white-space: nowrap;

        overflow: scroll;

        width: 100%;

        display: flex;

        align-items: center;

    }

    .ml_inner_nav_con::-webkit-scrollbar {

        display: none;

    }

    .ml_inner_nav_con a {

        height: 35px;

        line-height: 35px;

        margin: 0 20px;

        border-bottom: 3px solid transparent;

        color: #303133;

        display: inline-block;

    }

    .ml_inner_nav_con a:hover {

        color: var(--main-color) !important;

        border-bottom: 3px solid var(--main-color) !important;

    }

    .ml_act {

        color: var(--main-color) !important;

        border-bottom: 3px solid var(--main-color) !important;

    }

    /* 内页二级 */

    .ml_inner_nav {

        width: 100%;

        height: 50px;

        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

        padding: 0 15px;

    }

    .ml_inner_nav_con {

        margin: 0 auto;

        height: 50px;

    }

    .ml_inner_nav_con {

        white-space: nowrap;

        overflow: scroll;

        width: 100%;

        display: flex;

        align-items: center;

    }

    .ml_inner_nav_con::-webkit-scrollbar {

        display: none;

    }

    .ml_inner_nav_con a {

        height: 35px;

        line-height: 35px;

        margin: 0 20px;

        border-bottom: 3px solid transparent;

        color: #303133;

        display: inline-block;

    }

    .ml_inner_nav_con a:hover {

        color: var(--main-color) !important;

        border-bottom: 3px solid var(--main-color) !important;

    }

    /* 内页二级 */

    .active_color {

        color: var(--main-color) !important;

    }

    .ml_bread_inner {

        width: 100%;

        padding: 15px;

        display: flex;

        flex-wrap: wrap;

        align-items: center;

    }

    .ml_bread_inner span {

        display: block;

        padding: 0 10px;

        font-size: 13px;

    }

    .ml_bread_inner a {

        display: block;

        font-size: 13px;

        color: var(--main-color-fontColor);

    }

    .ml_bread_inner a:hover {

        color: var(--main-color);

    }

    #lblContent p {

        line-height: 2em;

        font-size: 14px;

        color: var(--main-color-fontColor);

        margin-bottom: 10px;

    }

    #lContent p {

        line-height: 2em;

        font-size: 14px;

        color: var(--main-color-fontColor);

        margin-bottom: 10px;

    }

    #lblContent p img {

        width: 100% !important;

    }

    .shuxing {

        padding: 15px 0;

    }

    .shuxingitem {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .shuxingitem span {

        display: block;

        font-size: 14px;

        width: 100%;

        text-align: left;

        margin-bottom: 5px !important;

    }

    .shuxingitem ul {

        display: flex;

        width: 100%;

        align-items: center;

        flex-wrap: wrap;

    }

    .shuxingitem ul li {

        display: block;

        padding: 5px 20px;

        margin-bottom: 10px;

        border: 1px solid #ccc;

        margin-right: 20px;

        font-size: 14px;

        cursor: pointer;

        transition: all ease 0.4s;

    }

    .chooesen {

        background-color: #1d50ad !important;

        color: var(--main-color-white) !important;

        border: 1px solid #1d50ad !important;

    }

    .chrg-description p {

        color: var(--main-color-white) !important;

    }

    .ml_contactcon_module1 {

        width: 100%;

        margin-top: 30px;

    }

    .ml_contactcon_module1_top {

        width: 100%;

    }

    .ml_contactcon_module1_top ul {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .ml_contactcon_module1_top ul li {

        width: 100%;

        margin-bottom: 20px;

        padding: 20px;

        background-color: var(--main-color-white);

        border-radius: 10px;

        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    }

    .ml_contactcon_module1_top ul li i {

        font-size: 30px !important;

        color: var(--main-color) !important;

        display: block;

        text-align: center;

        margin-bottom: 15px;

    }

    .ml_contactcon_module1_top ul li img {

        display: block;

        margin: 0 auto;

        margin-bottom: 20px;

    }

    .ml_contactcon_module1_top ul li strong {

        display: block;

        text-align: center;

        color: var(--main-color);

    }

    .ml_contactcon_module1_top ul li p {

        text-align: center;

        color: #303133;

        font-size: 17px;

        margin-top: 15px;

    }

    .ml_contactcon_module1_bot {

        display: flex;

        margin-top: 30px;

        flex-wrap: wrap;

        justify-content: space-between;

        align-items: center;

    }

    .ml_contactcon_module1_bot_left {

        width: 100%;

        margin-bottom: 25px;

    }

    .ml_contactcon_module1_bot_right {

        width: 100%;

    }

    .ml_contactcon_module1_bot_left .ml_contactcon_right {

        width: 100% !important;

    }

    /* 联系我们2 */

    /* 联系我们3 */

    .ml_contactcon_module2 {

        /* max-width: 1300px; */

        margin: 0 auto;

        background-color: var(--main-color-white);

        padding: 15px;

    }

    .ml_map1 {

        /* min-height: 100px;

    background-color: #ccc;

    margin-bottom: 50px; */

    }

    #ContactMoban {

        margin: 0 !important;

    }

    #ContactMoban li {

        list-style: none !important;

    }

    .ml_contactcon_module2 .ml_contactcon_module1_bot {

        width: 100% !important;

    }

    .ml_contactcon_module2 .ml_contactcon_module1_bot_left {

        width: 100% !important;

    }

    .ml_contactcon_module2 .ml_contactcon_module1_bot_left input {

        width: 48%;

    }

    .ml_contactcon_module2 .ml_contactcon_module1_bot_left .ml_contactcon_right {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .ml_contactcon_module2 .ml_contactcon_module1_bot_left .ml_contactcon_right strong {

        display: block;

        width: 100%;

    }

    /* 联系我们3 */

    .ml_contact {

        margin: 0 auto;

        /* padding: 30px 15px; */

        background-color: var(--main-color-white);

        margin-bottom: 30px;

    }

    .ml_contactcon {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .ml_contactcon_left {

        width: 100%;

        margin-bottom: 30px;

    }

    .ml_contactcon_right {

        width: 100%;

    }

    .tact_strong {

        display: block;

        font-weight: normal !important;

        font-size: 25px;

        margin-bottom: 35px;

    }

    .ml_contactcon_left ul li {

        padding: 20px 0 !important;

        display: flex;

        align-items: center;

        justify-content: space-between;

        /* margin-bottom: 25px; */

        /* padding-left: 75px; */

        background-repeat: no-repeat;

        background-position: left center;

        padding-top: 25px;

        padding-bottom: 25px;

        border-bottom: 1px solid #ededed;

    }

    .ml_contactcon_left ul li i {

        color: var(--main-color) !important;

        font-size: 30px !important;

    }

    .ml_contactcon_left ul li div {

        flex: 1;

        padding-left: 15px;

    }

    .ml_contactcon_left ul li p {

        font-size: 17px;

        color: #555;

        margin-bottom: 10px;

    }

    .ml_contactcon_left ul li span {

        display: block;

        font-size: 16px;

        color: #555;

    }

    .ml_contactcon_right input {

        display: block;

        padding-left: 15px;

        outline: none;

        height: 44px;

        width: 100%;

        margin-bottom: 17px;

        border: 1px solid #ededed;

        border-radius: 4px;

    }

    .ml_contactcon_right textarea {

        display: block;

        padding-left: 15px;

        padding-top: 15px;

        outline: none;

        height: 100px;

        width: 100%;

        margin-bottom: 17px;

        border: 1px solid #ededed;

        border-radius: 4px;

    }

    .ml_sub {

        display: block;

        height: 44px;

        line-height: 44px;

        text-align: center;

        border-radius: 4px;

        background-color: var(--main-color);

        color: var(--main-color-white);

        width: 100%;

    }

    .ml_message h2 {

        text-align: center;

        color: #000;

        font-weight: normal;

        font-size: 30px;

        margin-bottom: 10px;

    }

    .ml_message h3 {

        text-align: center;

        font-weight: normal;

        font-size: 16px;

        color: #303133;

        margin-bottom: 20px;

    }

    .ml_message img {

        width: 100%;

    }

    .form_area {

        display: flex;

        flex-wrap: wrap;

        padding: 20px 0;

        justify-content: space-between;

    }

    .form_area input {

        display: block;

        width: 100%;

        height: 40px;

        border: 1px solid #ccc;

        border-radius: 4px;

        margin-bottom: 20px;

        padding-left: 15px;

        outline: none;

    }

    .form_area textarea {

        display: block;

        outline: none;

        width: 100%;

        min-height: 150px;

        border: 1px solid #ccc;

        border-radius: 4px;

        margin-bottom: 20px;

        padding-left: 15px;

        padding-top: 15px;

    }

    .message_sub {

        display: block;

        width: 200px;

        height: 40px;

        line-height: 40px;

        text-align: center;

        color: var(--main-color-white);

        background-color: var(--main-color);

        border-radius: 4px;

        margin: 0 auto;

    }

    .ml_download li {

        padding: 15px 0;

        border-bottom: 1px dashed #ccc;

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        justify-content: space-between;

    }

    .ml_download li i {

        color: var(--main-color);

        font-size: 25px !important;

    }

    .ml_download li img {

        width: 30px;

    }

    .loadnow {

        display: block;

        width: 100%;

        height: 40px;

        line-height: 40px;

        text-align: center;

        background-color: var(--main-color);

        color: var(--main-color-white);

        font-size: 15px;

        margin-top: 10px;

    }

    .d_center {

        flex: 1;

        padding: 0 20px;

    }

    .d_center a {

        display: block;

        font-size: 15px;

        color: #303133;

        margin-bottom: 7px;

    }

    .d_center span {

        font-size: 14px;

        color: #444;

        display: inline-block;

        margin-right: 5px;

    }

    /* 样式补充 */

    /* 产品样式2 */

    .ml_procon1 {

        width: 100%;

        padding: 30px 15px;

    }

    .ml_procon1_item {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        margin-bottom: 30px;

    }

    .ml_procon1_item_left {

        width: 100%;

        background-color: var(--main-color);

        padding: 15px;

    }

    .ml_procon1_item_left img {

        width: 100%;

        height: 200px;

        object-fit: contain;

    }

    .ml_procon1_item_right {

        width: 100%;

        background-color: var(--main-color);

        display: flex;

        flex-direction: column;

        justify-content: center;

        padding: 20px;

    }

    .ml_procon1_item_right strong {

        font-size: 30px;

        font-weight: normal;

        color: var(--main-color-white);

        display: block;

        margin-bottom: 20px;

    }

    .ml_procon1_item_right p {

        color: var(--main-color-white);

        font-size: 16px;

        margin-bottom: 20px;

        line-height: 25px;

    }

    .ml_procon1_item_right a {

        display: block;

        border: 1px solid var(--main-color-white);

        width: 120px;

        height: 40px;

        line-height: 40px;

        text-align: center;

        background: var(--main-color);

        color: var(--main-color-white);

        border-radius: 40px;

    }

    .flex-reserve {

        flex-direction: row-reverse;

    }

    /* 产品样式2 */

    .ml_new a:hover {

        color: var(--main-color-fontColor) !important;

    }

    .ml_new {

        width: 100%;

        padding: 30px 15px;

        margin: 0 auto;

    }

    .ml_new_item {

        display: flex;

        justify-content: space-between;

        cursor: pointer;

        flex-wrap: wrap;

        transition: all ease 0.4s;

        margin-bottom: 30px;

    }

    .ml_new_item:hover {

        box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;

    }

    .ml_new_item_left {

        width: 100%;

    }

    .ml_new_item_left img {

        width: 100%;

    }

    .ml_new_item_right {

        background-color: var(--main-color-white);

        width: 100%;

        padding: 15px;

        position: relative;

    }

    .ml_new_item_right .newtitle {

        font-size: 16px;

        color: #333;

        display: block;

        margin-bottom: 10px;

    }

    .ml_new_item_right p {

        font-size: 16px;

        color: #666;

        display: block;

        line-height: 25px;

        margin-bottom: 10px;

    }

    .moredetail {

        display: block;

        text-align: center;

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px;

        background-color: var(--main-color);

        color: var(--main-color-white);

    }

    .ml_date {

        font-size: 18px;

        color: var(--main-color);

        margin-bottom: 10px;

    }

    /* 样式补充 */

    /* 样式5 */

    .Ml_temlpate_news_5 {

        width: 100%;

    }

    .newitem5 {

        transition: all ease 0.4s;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        padding: 25px;

        background-color: #fafafa;

        align-items: center;

        border-bottom: 1px solid #ececec;

    }

    .newitem5:hover {

        box-shadow: 0 0 22px rgba(0, 0, 0, .12);

        border-radius: 4px;

        background: var(--main-color-white);

    }

    .newitem5:hover img {

        transform: scale(1.1);

    }

    .newitem5:hover a {

        color: var(--main-color) !important;

    }

    .newitem5_left {

        width: 100%;

        margin-bottom: 20px;

    }

    .newitem5_right {

        width: 100%;

    }

    .newitem5_right_top {

        display: flex;

        align-items: center;

        justify-content: space-between;

        margin-bottom: 15px;

    }

    .newitem5_right_top a {

        display: block;

        width: 70%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        color: #444;

        font-size: 16px;

        transition: all ease 0.4s;

    }

    .newitem5_right_top span {

        color: #444;

        font-size: 16px;

    }

    .newitem5_left a img {

        width: 100%;

        height: 175px;

        transition: all ease 0.4s;

        object-fit: cover;

    }

    .newitem5_left a {

        display: block;

        overflow: hidden;

    }

    .newitem5_right_bot p {

        font-size: 14px;

        color: #777;

        line-height: 25px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 3;

    }

    /* 样式5 */

    /* 样式4 */

    .Ml_temlpate_news_4 {

        width: 100%;

    }

    .newitem4_top .newitem3 {

        width: 100%;

    }

    .newitem4_top {

        margin-bottom: 50px;

    }

    .newitem4_bot ul {

        position: relative;

    }

    .newitem4_bot ul li {

        display: flex;

        align-items: center;

        padding: 10px 0;

    }

    .li_left {

        width: 80px;

        height: 80px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }

    .li_left strong {

        display: block;

        font-size: 25px;

        color: #000;

        font-weight: normal;

        text-align: center;

        margin-bottom: 5px;

    }

    .li_left p {

        font-size: 14px;

        color: #000;

    }

    .li_line {

        width: 15px;

        margin: 0 13px;

        height: 15px;

        background: rgba(179, 179, 179, .3);

        border-radius: 50%;

        position: relative;

    }

    .li_line:after {

        content: "";

        position: absolute;

        width: 7px;

        height: 7px;

        border-radius: 50%;

        background: #b3b3b3;

        margin: 4px;

        z-index: 8;

    }

    .li_right {

        flex: 1;

        padding-left: 10px;

    }

    .li_right a {

        transition: all ease 0.4s;

        color: #444;

        font-size: 16px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        margin-bottom: 10px;

    }

    .li_right span {

        font-size: 12px;

        color: #777;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }

    .newitem4_bot ul:after {

        content: "";

        position: absolute;

        top: 0px;

        left: 100px;

        width: 1px;

        height: 100%;

        background: #f0f0f0;

    }

    /* 样式4 */

    /* 样式3 */

    .Ml_temlpate_news_3 {

        width: 100%;

        display: flex;

        align-items: center;

        flex-wrap: wrap;

    }

    .newitem3 {

        width: 100%;

        padding: 20px;

    }

    .newitem3con {

        padding: 15px;

        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    }

    .newitem3con a img {

        width: 100%;

        height: 230px;

        object-fit: cover;

    }

    .newitem2_title {

        margin-top: 15px;

        margin-bottom: 15px;

        color: #222;

        font-size: 20px;

        display: block;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

    }

    .newitem3con p {

        font-size: 14px;

        color: #666;

        line-height: 25px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }

    /* 样式3 */

    .Ml_temlpate_news {

        width: 100%;

    }

    /* 样式1 */

    .Ml_temlpate_news_1 {

        width: 100%;

    }

    .newitem1 {

        padding: 10px 0;

        border-bottom: 1px dashed #e5e5e5;

    }

    .newitem1_top {

        display: flex;

        align-items: center;

        justify-content: space-between;

        margin-bottom: 5px;

        flex-wrap: wrap;

    }

    .newitem1_top a {

        display: block;

        width: 100%;

        margin-bottom: 5px;

        font-size: 16px;

        color: #444;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        transition: all ease 0.4s;

    }

    .newitem1:hover a {

        color: var(--main-color);

    }

    .newitem1_top span {

        font-size: 16px;

        color: #444;

        word-wrap: 100%;

    }

    .newitem1_bot span {

        font-size: 12px;

        color: #777;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }

    /* 样式1 */

    /* 样式2 */

    .Ml_temlpate_news_2 {

        width: 100%;

    }

    .newitem2 {

        display: flex;

        justify-content: space-between;

        padding: 20px 0;

        border-bottom: 1px dashed #e5e5e5;

        align-items: center;

    }

    .newitem2left {

        width: 85px;

        height: 85px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        background-color: #f2f2f2;

    }

    .newitem2left strong {

        font-size: 25px;

        color: #000;

        display: block;

        text-align: center;

        font-weight: normal;

    }

    .newitem2left p {

        font-size: 14px;

        color: #000;

        margin-top: 4px;

        text-align: center;

    }

    .newitem2right {

        flex: 1;

        padding-left: 15px;

    }

    .newitem2right a {

        display: block;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        font-size: 16px;

        color: #444;

        margin-bottom: 15px;

    }

    .newitem2right p {

        font-size: 13px;

        color: #777;

        line-height: 25px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }

    /* 样式2 */

    /* 产品详情 */

    /* 商品属性 */

    .shuxing {

        padding: 15px 0;

    }

    .shuxingitem {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .shuxingitem span {

        display: block;

        font-size: 14px;

        width: 100%;

        text-align: left;

        margin-bottom: 5px !important;

    }

    .shuxingitem ul {

        display: flex;

        width: 100%;

        align-items: center;

        flex-wrap: wrap;

    }

    .shuxingitem ul li {

        display: block;

        padding: 5px 20px;

        margin-bottom: 10px;

        border: 1px solid #ccc;

        margin-right: 20px;

        font-size: 14px;

        cursor: pointer;

        transition: all ease 0.4s;

    }

    .chooesen {

        background-color: var(--main-color) !important;

        color: var(--main-color-white) !important;

        border: 1px solid var(--main-color) !important;

    }

    /* 商品属性 */

    .ml_description {

        /* width: 95%; */

        padding: 15px;

        margin: 0 auto;

        border: 1px solid #ededed;

        background-color: var(--main-color-white);

    }

    .ml_related .ml_indexpro {

        padding: 0 !important;

    }

    .strong_1 {

        display: block;

        padding: 10px;

        border-bottom: 2px solid var(--main-color);

        font-size: 16px;

        font-weight: normal;

        color: #333;

    }

    .indexpro_div a {

        display: block;

        overflow: hidden;

    }

    .ml_related {

        /* width: 95%; */

        padding: 15px;

        margin: 30px auto;

    }

    .ml_indexprocon ul {

        display: flex;

        flex-wrap: wrap;

    }

    .ml_indexprocon ul li {

        /* padding: 10px; */

        width: 50%;

    }

    .ml_indexprocon ul li p {

        text-align: center;

        color: #303133;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        font-size: 16px;

        /* padding: 10px 0; */

    }

    .ml_indexprocon ul li span {

        text-align: center;

        color: #303133;

        display: block;

        text-align: center;

        font-size: 14px;

    }

    .indexpro_div {

        background-color: var(--main-color-white);

        padding: 15px;

    }

    .indexpro_div img {

        width: 100%;

        height: 100%;

        object-fit: contain;

        transition: all ease 0.4s;

        display: block;

        margin: 0 auto;

    }

    .indexpro_div:hover img {

        transform: scale(1.1);

    }

    .ml_indexpro {

        width: 100%;

        padding: 30px 15px;

        background-color: #fafafa;

    }

    .ml_indexprocon {

        width: 100%;

        margin: 0 auto;

    }

    .tab_pro {

        margin-top: 20px;

        display: flex;

        align-items: center;

        justify-content: space-between;

    }

    .tab_pro a {

        text-align: center;

        width: 150px;

        height: 40px;

        line-height: 40px;

        border: 1px solid #ccc;

        font-size: 16px;

        color: #303133;

        display: block;

    }

    .tab_pro a:hover {

        color: var(--main-color-white) !important;

        background-color: var(--main-color) !important;

    }

    .ml_description_tab {

        border-bottom: 1px solid #ededed;

        white-space: nowrap;

        overflow: auto;

    }

    .ml_description_tab .strong_1 {

        border: none;

        cursor: pointer;

        padding: 10px 10px;

        width: 120px;

        display: inline-block;

        text-align: center;

    }

    .tabactive {

        background-color: var(--main-color) !important;

        color: var(--main-color-white) !important;

    }

    .ml_descriptioncon_fy {

        display: none;

    }

    .ml_descriptioncon_fy p {

        font-size: 16px;

        color: #303133;

        line-height: 25px;

    }

    .ml_descriptioncon_fy img {

        max-width: 100%;

        display: block;

        margin: 20px auto;

    }

    .ml_prodetailright {

        width: 100%;

    }

    .ml_prodetailright strong {

        display: block;

        margin-bottom: 20px;

        font-size: #303133;

        color: #333;

        font-size: 20px;

        font-weight: normal;

    }

    .ml_prodetailright p {

        font-size: 16px;

        line-height: 25px;

        color: #333;

    }

    .ml_prodetail {

        width: 100%;

        padding: 30px 15px;

        margin: 0 auto;

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

    }

    .ml_prodetailleft {

        width: 100%;

        margin-bottom: 30px;

    }

    .ml_prodetailleft .swiper-slide {

        text-align: center;

        font-size: 18px;

        background: var(--main-color-white);

        /* Center slide text vertically */

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

    }

    .ml_prodetailleft .swiper-slide {

        background-size: cover;

        background-position: center;

    }

    .ml_prodetailleft .mySwiper2 {

        width: 100%;

    }

    .ml_prodetailleft .mySwiper2 img {

        border: 1px solid #ccc;

        height: 200px;

        object-fit: contain;

    }

    .ml_prodetailleft .mySwiper {

        box-sizing: border-box;

        padding: 10px 0;

    }

    .ml_prodetailleft .mySwiper img {

        border: 1px solid #ccc;

        height: 80px;

        width: 100%;

        object-fit: contain;

    }

    .ml_prodetailleft .mySwiper .swiper-slide {

        width: 25%;

        opacity: 0.4;

    }

    .ml_prodetailleft .mySwiper .swiper-slide-thumb-active {

        opacity: 1;

        background-color: transparent !important;

    }

    .ml_prodetailleft .swiper-slide img {

        display: block;

        width: 100%;

    }

    /* 产品详情 */

}