﻿
.titlecn.ff {
    background-color: #fff;
    font-size: 14px;
}

.titleen {
    font-size: 11px;
}

.titlecn_row2_001.ff {
    background-color: #fff;
    font-size: 14px;
}

h6 a {
    font-size: 13px;
}

.titleen_row2_001 {
    font-size: 11px;
}

.titleen_row2_002 {
    font-size: 11px;
}



.titlecn_row2_002.ff {
    background-color: #fff;
    font-size: 14px;
}

.aview {
    font-size: 24px;
    padding-top: 10px;
    width: 100%;
    display: block;
    text-align: center;
}

hr.style-eight {
    padding: 0;
    border: none;
    border-top: 1px solid #F0F0F0;
    color: #F0F0F0;
    text-align: center;
    margin: 30px 0;
    line-height: 100%;
    position: relative;
    overflow: visible;
    cursor: pointer;
    padding-right: 50px;
}

    hr.style-eight:before {
        background: #F4BF1E;
        content: "";
        height: 1px;
        left: 25%;
        position: absolute;
        margin-top: -1px;
        width: 50%;
    }

    hr.style-eight:after {
        background: #fff;
        color: #F4BF1E;
        content: '\f106';
        display: inline-block;
        font-family: "fontello";
        font-size: 30px;
        line-height: 35px;
        padding: 0 40px;
        position: relative;
        top: -15px;
    }

.text {
    background-color: #d2d1d1;
    text-align: left;
}

    .text a {
        color: black;
        font-size: 14px;
    }

        .text a ul {
            height: 25px;
        }

            .text a ul li {
                float: left;
                list-style: none;
                text-align: center;
                max-width: 30%;
                padding-left: 4px;
                padding-top: 15px;
            }

                .text a ul li:first-child {
                    font-weight: bolder;
                    font-family: "微软雅黑";
                }

                .text a ul li:last-child {
                    max-width: 70%;
                    list-style: none;
                    text-align: left;
                }

                .text a ul li h6 {
                    font-size: 14px;
                }

#fristLi {
    background-color: #ffc20f;
    font-size: 14px;
}

.industry {
    list-style-type: none;
}



    .industry li {
        width: 10%;
        font-size: 14px;
        margin: 20px 0 0 20px;
        float: left;
        border: 1px solid #ccc;
        text-align: center;
        border-top-color: #ffc20f;
        border-top-width: 2px;
        text-decoration: none;
        display: block;
        position: relative;
        padding: 10px;
        color: #222;
        font-family: Open Sans;
    }

        .industry li span {
            cursor: pointer;
            font-weight: 700;
        }

        .industry li ul {
            list-style-type: none;
            position: absolute;
            border: 1px solid #ccc;
            box-shadow: 0px 8px 16px 0px #666;
            padding: 10px;
            z-index: 9999;
            background-color: white;
            left: 55px;
            width: 100%;
            visibility: hidden;
            opacity: 0;
            -ms-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            top: 45px;
        }


            .industry li ul li {
                float: left;
                margin: 0;
                text-align: left;
                border: 0;
                border-bottom: 1px solid #eee;
                width: 100%;
                padding: 5px;
            }

                .industry li ul li a {
                    text-decoration: none;
                    display: block;
                    position: relative;
                    padding: 0.5px;
                    padding-left: 5px;
                    color: #222;
                    font-family: Open Sans;
                }

        .industry li:hover ul {
            opacity: 1;
            visibility: visible;
            left: -1px;
            margin: 0;
            overflow: visible;
            height: auto;
        }

        .industry li ul table {
            width: 100%;
            border: 0px;
            margin: -15px;
            margin-left: 0px;
            position: relative;
            top: -10px;
        }

        .industry li ul li:hover > a {
            box-shadow: inset 2px 0 0 #ffc20f;
        }

.child {
    position: absolute;
    left: 200px;
}




/* 屏幕宽度 1000px以上 除手机以外，通用的版本 */
@media only screen and (min-width: 1000px) {
    .productwidth {
        background-attachment: scroll;
        width: 24.8%;
        float: left;
    }
    #HY_FL_Phone_div {
        display: none;
    }
}

.playvideo {
    position: absolute;
    bottom: 5px;
    left: 7px;
    width: 45px;
    height: 45px;
    background: url(/Images/playbutton.png) no-repeat;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

    .playvideo a {
        width: 45px;
        height: 45px;
        position: absolute;
    }

    .playvideo:hover {
        width: 55px;
        height: 55px;
    }



/*
 * 首页的中部导航标题
 */
.row {
    display: block;
    margin: 0 10px;
    clear: both;
}

user agent stylesheet div {
    display: block;
}

.titlebox {
    width: 600px;
    margin: 0 auto;
    border: solid 1px #ccc;
}

.titlecn.ff {
    background-color: #fff;
}

.titlecn {
    width: 150px;
    height: 32px;
    margin: -16px auto 0 auto;
    line-height: 32px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.product_item_holder span {
    padding: 0px 0px;
}

.titleen {
    width: 466px;
    margin: 0 auto;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #535353;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

.titlehr {
    height: 1px;
    border: none;
    border-top: 1px solid #555555;
    width: 534px;
    margin: -11px auto 18px auto;
    padding: 0;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

.titlebtm {
    width: 244px;
    height: 2px;
    margin: 0 auto 10px auto;
    background-color: #535353;
}

.with_borders .product_item_holder .featured_image1 {
    border: 0;
    padding: 0px;
}

.imgeffect1 {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

    .imgeffect1.single_image {
        display: inline-block;
    }



    /* image effect rounded */
    .imgeffect1.rounded {
        border: 1px solid #F0F0F0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

        .imgeffect1.rounded img {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

    /* icons */
    .imgeffect1 a {
        position: absolute;
        padding: 10px 0;
        color: #fff;
        background: #FFC20F;
        right: 10px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        width: 30px;
        text-align: center;
        margin: 3px 0;
        z-index: 1;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        text-decoration: none;
        margin-left: -15px;
        left: 50%;
    }

        .imgeffect1 a:hover {
            color: #FFC20F;
            background: #fff;
            text-decoration: none;
        }

        /* location of icons before img hover */
        .imgeffect1 a:first-child {
            top: 0;
        }

        .imgeffect1 a.single:first-child {
            margin-top: -21px;
        }

        .imgeffect1 a:nth-child(2) {
            bottom: 0;
            top: auto;
        }


#row-index-1, #row-index-3 {
    padding: 20px 0;
}



.titlebox_row2_001 {
    margin-left: 15px;
    width: 48%;
    border: solid 1px #ccc;
}

.titlecn_row2_001 {
    width: 70%;
    height: 32px;
    margin: -16px auto 0 auto;
    line-height: 32px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

    .titlecn_row2_001.ff {
        background-color: #fff;
    }

.titlehr_row2_001 {
    height: 1px;
    border: none;
    border-top: 1px solid #555555;
    width: 60%;
    margin: -11px auto 18px auto;
    padding: 0;
}


.titleen_row2_001 {
    width: 40%;
    margin: 0 auto;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #535353;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

.titlebtm_row2_001 {
    width: 10%;
    height: 2px;
    margin: 0 auto 10px auto;
    background-color: #535353;
}

.titlecn_row2_002 {
    width: 70%;
    height: 32px;
    margin-left: 50px;
    line-height: 32px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

    .titlecn_row2_002.ff {
        background-color: #fff;
    }

.titlehr_row2_002 {
    height: 1px;
    border: none;
    border-top: 1px solid #555555;
    width: 95%;
    margin: -11px auto 18px auto;
    padding: 0;
}


.titleen_row2_002 {
    width: 85%;
    margin: 0 auto;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #535353;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.titlebtm_row2_002 {
    width: 70%;
    height: 2px;
    margin: 0 auto 10px auto;
    background-color: #535353;
}

.Wbox1_001 {
    width: 12%;
    float: left;
}

.dvPadding {
    padding-top: 15px;
}

.product {
    padding-top: 5px;
    position: relative;
}

.searchlist h3 {
    border-left: 4px #fcc700 solid;
    padding: 0 0 0 15px !important;
    margin: 0 0 20px 0;
}

    .searchlist h3 span, .searchlist h4 span, .searchlist p span {
        color: #ff8800;
    }

.searchlist .product_info h4 {
    font-size: 16px;
}

.searchlist .box {
    background-color: #ffffff !important;
}


.related_list {
    border: solid 1px #eeeeee;
    padding-top: 10px;
}

    .related_list ul {
        padding: 10px 15px !important;
        margin: 0 0 0 17px !important;
        list-style-type: circle;
    }

    .related_list p {
        padding: 10px 15px !important;
    }

    .related_list li {
        line-height: 20px;
        padding: 5px 0 5px 5px;
    }

        .related_list li a {
            color: #666666;
            text-decoration: none;
        }

            .related_list li a:hover {
                color: #ff8800;
            }

            .related_list li a span {
                color: #ff8800;
            }

.searchlist .with_borders .box::before, .searchlist .with_borders .box::after {
    background: none !important;
}

.paddingtop {
    padding-top: 3px;
    padding-bottom: 10px;
}



#navigation li {
    text-align: left;
}

/* 去除 ul 的默认样式，去除 li 前面的点 */
#navigation {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    /* 去除 a 标签文字下方的下划线 */
    #navigation li a {
        font-family: 'Open Sans', sans-serif;
        background-color: #fff;
        color: #222;
        font-weight: 700;
        text-decoration: none;
        position: relative;
        justify-content: center; /* 水平居中 */
    }


/*2025 官网升级-1.0-新头部语言弹窗************************************************************************************/
/* 隐藏弹出层 */
#popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* 弹出层内容样式 */
#popup-content {
    background-color: white;
    width: 750px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/**语言的折号*/
.popup-icon-angle-down::before {
    content: '\f107';
}

.popup-icon-angle-down {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    color: #fff;
}

/*语言的小地球*/
.popup-icon-globe-1::before {
    content: '\e825';
}

.popup-icon-globe-1 {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    opacity: .8;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    color: #fff;
    font-size: 120%;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}

/* 顶部栏样式 */
#popup-header {
    background-color: #FCC700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    font-size: 20px;
    color: black;
}

/* 关闭按钮样式 */
#close-button {
    font-size: 30px !important;
    color: #fff !important;
    cursor: pointer;
}

/* 语言选项样式 */
#language-options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 15px 30px 15px 30px;
}

.language-option {
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    text-decoration: none !important;
    color: #000 !important;
}

    .language-option a {
        font-family: Microsoft YaHei, Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        text-decoration: none !important;
        color: #000 !important;
    }

/*************************************************************************************/





/*****************************************1400*****************1400***********************/
@media only screen and (min-width: 1400px) {

    /*实现专题的高度变化*/

    /* 定义 div 的基本样式 */
    #myZTDiv {
        /*width: 100%;*/
        /* 初始高度 */
        height: 386px;
        transition: height 0.1s ease;
        overflow: hidden;
    }
    .expanded {
        height: 782px !important;
    }
    /****************/


    #top_phone, #header_contents_phone, #idTextPanel-1_phone {
        display: none;
    }

    .imgeffect1 img {
        display: block;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
    }

    .parent_0126_hb1 {
        display: block;
    }

    .parent_0126_hb2 {
        display: none !important;
    }

    .one_t {
        width: 1360px !important;
    }

    section.content.left { /* content left */
        float: left;
        width: 72%;
        margin: 0 19px 0 10px;
        padding-right: 20px;
    }

    .with_borders .product_info {
        padding: 15px;
        text-align: left;
    }

    #header_contents > section {
        display: inline-block;
        vertical-align: middle;
        padding: 10px;
    }


    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    /* blog titles */
    .blog_list h2, .blog_list h1 {
        font-size: 22px;
        padding: 0 0 20px 0;
        margin: 12px 0 0;
        line-height: 120%;
        display: inline-block;
        font-weight: bold !important;
    }

    .top_content > .row {
        margin: auto;
        width: 1240px; /* 默认适配更高分辨率 */
        padding: 40px 0 20px;
    }

    .titlebox_row2_002 {
        width: 319px;
        border: solid 1px #ccc;
    }

    .playvideo_subject {
        position: absolute;
        width: 45px;
        height: 45px;
        background: url(/Images/playbutton.png) no-repeat;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        top: 30px;
        left: 39px;
    }

    #navigation_bar > ul > li > a {
        padding: 17px 49px;
    }

    /* 去除 a 标签文字下方的下划线 */
    #navigation li a {
        font-size: 14px;
        padding-right: 15px;
        padding-left: 15px;
    }

    /*****导航的文字单独设置的字体*/
    .navigation-wan-li-a {
        font-size: 16px !important;
    }

    #header_contents > section {
        padding-top: 10px;
        margin-left: -5px;
    }

    /*中间8个行业导航*/
    .parent_0126 {
        background-color: rgb(252, 199, 0);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-content: space-evenly;
        height: 100vh;
        box-sizing: border-box;
        height: 520px;
    }

    .child_0126 {
        width: 330px;
        height: 240px;
        /*background-color: lightgray;  这里可以根据需求替换子div的背景色 */
    }

        .child_0126 a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
        }

        .child_0126 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 8px;
        }
    /*******************************/
    /*中间专题导航*/

    .container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px 15px 10px 15px;
        justify-content: space-between; /* 使卡片在水平方向均匀分布 */
    }

    .card {
        width: 440px;
        height: 120px;
        display: flex;
        border: 1px solid #e0e0e0; /* 边框颜色变淡 */
        border-radius: 5px;
        overflow: hidden;
        /*box-shadow: 3px 3px 4px rgb(129 0 0 / 10%), 0px 0px 0 1px rgba(0, 0, 0, 0.05);  增加立体效果的阴影 */
        box-shadow: 3px 3px 4px rgb(225 225 225), 0px 0px 0 1px rgba(0, 0, 0, 0.05); /* 增加立体效果的阴影 */

        align-items: center;
    }

        .card img {
            width: 130px;
            height: 105px;
            object-fit: cover;
            margin: auto;
        }

    .card-a {
        height: 105px;
        padding-left: 5px;
        cursor: pointer;
        text-decoration: none;
    }

    .card-content {
        width: 275px;
        padding: 10px 10px 10px 10px; /*上右下左*/
        display: flex; /* 新增，用于设置文字居中 */
        flex-direction: column; /* 垂直排列子元素 */
        justify-content: center; /* 垂直居中 */
        align-items: center; /* 水平居中 */
    }

    .card-title {
        font-size: 18px;
        color: #000 !important;
    }

    .card-subtitle {
        font-size: 14px;
        color: #666;
        text-align: -webkit-center;
    }


    /*******************************/

    /**************带wpo的图片***************/
    .wpotbackground-div {
        /*background-image: url('/2019/images/2025/img/wpotl.png');*/
        width: 100%;
    }

        .wpotbackground-div img {
            /*padding-top: 10px;
            padding-left: 50px;*/
            width:100%;
        }
    /********************行业搜索**************************/
    .horizontal-bar {
        width: 100%; /* 宽度占据整个父元素宽度 */
        height: 3px; /* 横条的高度，可以根据需要调整 */
        background-color: rgb(252, 199, 0); /* 使用 RGB 函数设置背景颜色 */
    }

    .horizontal-bar-productlist {
        width: 48%; /* 宽度占据整个父元素宽度 */
        height: 1px; /* 横条的高度，可以根据需要调整 */
        background-color: silver; /* 使用 RGB 函数设置背景颜色 */
        position: absolute;
        right: 0;
        margin-right: 55px;
    }
    /*行业搜索的面包屑*/
    /* 顶部导航路径样式 */
    .bread-crumb {
        width: 100%;
        padding: 30px 0px 20px 10px;
    }

        .bread-crumb a {
            text-decoration: none;
            color: #333;
        }

    .bread-crumb-titleheader {
        border-bottom: 2px solid rgb(252, 199, 0);
        display: inline-block;
        padding: 0px 20px;
        font-size: 16px;
        font-weight: bold;
    }

    .bread-productlist {
        padding-top: 30px;
    }

    .bread-productlist-title {
        padding-left: 300px !important;
    }

    .with_borders_box {
        border-left-width: 0px !important;
        border-bottom-width: 0px !important;
    }

    /****行业产品列表*/
    .sidebar {
        /*display: inline-block;  或者使用 float: left; */
        vertical-align: top; /* 如果使用 inline-block，可以设置垂直对齐方式 */
        width: 345px; /* 或者根据需要调整宽度 */
        margin-right: 2%; /* 如果需要间隔 */
        /*padding: 30px 10px 10px 20px;*/
        /*增加1像素边框*/
        border: 1px solid #ededed;
        /* 设置上下左右的阴影 */
        box-shadow: 0 0 7px rgb(181,181,181,0.3); /* 右侧阴影 */

        position: absolute;
        margin-left: 73.5%;
    }

    .sidebar-se {
        display: inline-block; /*或者使用 float: left; */
        vertical-align: top; /* 如果使用 inline-block，可以设置垂直对齐方式 */
        width: 345px; /* 或者根据需要调整宽度 */
        margin-right: 2%; /* 如果需要间隔 */
        /*padding: 30px 10px 10px 20px;*/
        /*增加1像素边框*/
        border: 1px solid #ededed;
        /* 设置上下左右的阴影 */
        box-shadow: 0 0 7px rgb(181,181,181,0.3); /* 右侧阴影 */
    }

    .searchlist {
        display: inline-block; /* 或者使用 float: left; */
        vertical-align: top; /* 如果使用 inline-block，可以设置垂直对齐方式 */
        width: 900px; /* 或者根据需要调整宽度 */
        margin-right: 2%; /* 如果需要间隔 */
        padding-left: 40px;
    }

    /**行业产品的折号*/
    .product-icon-angle-down::before {
        content: '\f107';
    }

    .product-icon-angle-down {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: 0.2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: 0.2em;
        font-size: 20px;
        padding: 22px 35px 0 0px;
    }

    .product-icon-angle-right:before {
        content: '\f105';
    }

    .product-icon-angle-right {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: 0.2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: 0.2em;
        font-size: 20px;
        padding: 22px 35px 0 0px;
    }
    /********行业列表菜单开关****/
    /* 可展开/收起的列表项样式 */
    .expandable {
        cursor: pointer;
    }

    .content_block_background_product {
        padding: 20px 0 0 25px;
        overflow: hidden;
        position: relative;
    }

    .product_list_flost {
        padding: 20px 0 0 20px;
    }

    .menu-page-menu-container-cotx {
        padding-left: 40px;
    }

    .product_list_flost_hy {
        padding: 20px 0 0 50px;
    }
    .menu-page-menu-container-cotx-hy {
        padding-left: 60px;
    }

    .current-menu-item a > h5 {
        color: rgb(252, 199, 0);
    }

    .sidebar .featured_article_title_w:before {
        /*background: none repeat scroll 0 0 #F4BF1E;*/
        color: #F4BF1E;
        content: "";
        display: block;
        height: 40px;
        position: absolute;
        top: -10px;
        width: 2px;
        left: -21px;
        text-indent: 5px;
    }
    /*************导航上边的查询及按钮**************/

    /* 搜索框整体容器 */
    .search-container {
        display: flex;
        align-items: center;
    }

    /* 搜索框部分 */
    .search-box {
        display: flex;
        align-items: center;
        border: 1px solid #FFC107;
        border-radius: 20px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        padding-right: 23px;
    }

    /* 左侧放大镜图标 */
    .left-icon {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 10px;
    }

    /* 搜索输入框 */
    .search-input {
        border: none;
        outline: none;
        font-size: 16px;
        padding: 8px 0;
        width: 720px;
        position: relative;
        top: -4px;
    }

    /* 右侧红色放大镜图标 */
    .right-icon {
        width: 30px;
        height: 30px;
        margin-left: 5px;
        fill: red;
        margin-top: -4px;
    }

    .right-icon-2 {
        width: 40px;
        height: 40px;
        fill: red;
        margin-top: 9px;
        margin-top: 6px;
        margin-left: -45px;
    }

    /********导航随着滚动固定*********/
    #followingDiv {
        background-color: #fff;
        color: white;
        width: 100%;
        position: relative;
        top: 0;
        transition: transform 0.01s ease;
        z-index: 9999;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    /*******网站底部******/
    footer .footer_info {
        margin: 0 auto;
        width: 1300px;
        position: relative;
        display: block;
        padding: 10px 0 60px;
    }

    .footer_widgets {
        width: 1340px;
        margin: 0 auto;
        padding: 0;
        display: block;
    }
    /*加入收藏页面*/
    .content_area {
        background: #fff;
        width: 1300px;
        margin: 0px auto 0;
        padding: 0;
        position: relative;
        z-index: 1;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    /******************************************************/
}


/*************************************1200-1399****************1200***********************/
@media only screen and (min-width:1200px) and (max-width:1399px) {


    /* 定义 div 的基本样式 */
    #myZTDiv {
        /*width: 100%;*/
        /* 初始高度 */
        height: 341px;
        transition: height 0.1s ease;
        overflow: hidden;
    }

    .expanded {
        height: 692px !important;
    }
    /****************/



    #top_phone, #header_contents_phone, #idTextPanel-1_phone {
        display: none;
    }



    .imgeffect1 img {
        display: block;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
    }

    .parent_0126_hb1 {
        display: block;
    }

    .parent_0126_hb2 {
        display: none !important;
    }

    section.content.left { /* content left */
        float: left;
        width: 72%;
        margin: 0 19px 0 10px;
        padding-right: 20px;
    }

    .with_borders .product_info {
        padding: 15px;
        text-align: left;
    }

    #header_contents > section {
        display: inline-block;
        vertical-align: middle;
        padding: 10px;
    }


    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    /* blog titles */
    .blog_list h2, .blog_list h1 {
        font-size: 20px;
        padding: 0 0 20px 0;
        margin: 12px 0 0;
        line-height: 120%;
        display: inline-block;
        font-weight: bold !important;
    }

    #navigation_bar,
    .multicolumn-holder,
    .menu-style-two .stuck #navigation_bar,
    .menu-style-two .stuck .multicolumn-holder {
        padding-left: 10px;
        width: 980px;
    }

    .top_content > .row {
        margin: auto;
        width: 93%; /* 默认适配更高分辨率 */
        padding: 40px 0 20px;
    }


    .titlebox_row2_002 {
        width: 23.2%;
        border: solid 1px #ccc;
    }

    .playvideo_subject {
        position: absolute;
        width: 25px;
        height: 25px;
        background: url(/Images/playbutton.png) no-repeat;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        top: 30%;
        left: 32%;
    }


    .two {
        width: 780px !important;
    }


    #navigation_bar > ul > li > a {
        padding: 17px 49px;
    }

    /* 去除 a 标签文字下方的下划线 */
    #navigation li a {
        font-size: 14px;
        padding-right: 15px;
        padding-left: 15px;
    }

    /*****导航的文字单独设置的字体*/
    .navigation-wan-li-a {
        font-size: 15px !important;
    }


    #header_contents > section {
        padding-top: 10px;
        margin-left: -5px;
    }


    /*中间8个行业导航*/
    .parent_0126 {
        background-color: rgb(252, 199, 0);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-content: space-evenly;
        height: 100vh;
        box-sizing: border-box;
        height: 500px;
    }

    .child_0126 {
        width: 24%;
        /*background-color: lightgray;  这里可以根据需求替换子div的背景色 */
    }

        .child_0126 a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
        }

        .child_0126 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 8px 8px 18px 18px;
        }
    /*******************************/
    /*中间专题导航*/

    .container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px 15px 10px 15px;
        justify-content: space-between; /* 使卡片在水平方向均匀分布 */
    }

    .card {
        /*width: 440px;
        height: 120px;*/
        width: 32%;
        display: flex;
        border: 1px solid #e0e0e0; /* 边框颜色变淡 */
        border-radius: 5px;
        overflow: hidden;
        /*box-shadow: 3px 3px 4px rgb(129 0 0 / 10%), 0px 0px 0 1px rgba(0, 0, 0, 0.05);  增加立体效果的阴影 */
        box-shadow: 3px 3px 4px rgb(225 225 225), 0px 0px 0 1px rgba(0, 0, 0, 0.05); /* 增加立体效果的阴影 */

        align-items: center;
    }

        .card img {
            width: 100%;
            /*height: 105px;*/
            object-fit: cover;
            margin: auto;
        }

    .card-a {
        height: 105px;
        padding-left: 5px;
        cursor: pointer;
        text-decoration: none;
    }

    .card-content {
        width: 275px;
        padding: 10px 10px 10px 10px; /*上右下左*/
        display: flex; /* 新增，用于设置文字居中 */
        flex-direction: column; /* 垂直排列子元素 */
        justify-content: center; /* 垂直居中 */
        align-items: center; /* 水平居中 */
    }

    .card-title {
        font-size: 18px;
        color: #000 !important;
    }

    .card-subtitle {
        font-size: 14px;
        color: #666;
        text-align: -webkit-center;
    }


    /*******************************/

    /**************带wpo的图片***************/
    .wpotbackground-div {
        /*background-image: url('/2019/images/2025/img/wpotl.png');*/
        width: 100%;
    }

        .wpotbackground-div img {
            /*padding-top: 10px;
            padding-left: 50px;*/
            width: 100%;
        }
    /********************行业搜索**************************/
    .horizontal-bar {
        width: 100%; /* 宽度占据整个父元素宽度 */
        height: 3px; /* 横条的高度，可以根据需要调整 */
        background-color: rgb(252, 199, 0); /* 使用 RGB 函数设置背景颜色 */
    }

    .horizontal-bar-productlist {
        width: 44%; /* 宽度占据整个父元素宽度 */
        height: 1px; /* 横条的高度，可以根据需要调整 */
        background-color: silver; /* 使用 RGB 函数设置背景颜色 */
        position: absolute;
        right: 0;
        margin-right: 55px;
    }
    /*行业搜索的面包屑*/
    /* 顶部导航路径样式 */
    .bread-crumb {
        width: 100%;
        padding: 30px 0px 20px 10px;
    }

        .bread-crumb a {
            text-decoration: none;
            color: #333;
        }

    .bread-crumb-titleheader {
        border-bottom: 2px solid rgb(252, 199, 0);
        display: inline-block;
        padding: 0px 20px;
        font-size: 16px;
        font-weight: bold;
    }

    .bread-productlist {
        padding-top: 30px;
    }

    .bread-productlist-title {
        padding-left: 300px !important;
    }

    .with_borders_box {
        border-left-width: 0px !important;
        border-bottom-width: 0px !important;
    }

    /****行业产品列表*/
    .sidebar {
        /*display: inline-block;  或者使用 float: left; */
        vertical-align: top; /* 如果使用 inline-block，可以设置垂直对齐方式 */
        width: 24.5%; /* 或者根据需要调整宽度 */
        margin-right: 2%; /* 如果需要间隔 */
        /*padding: 30px 10px 10px 20px;*/
        /*增加1像素边框*/
        border: 1px solid #ededed;
        /* 设置上下左右的阴影 */
        box-shadow: 0 0 7px rgb(181,181,181,0.3); /* 右侧阴影 */

        position: absolute;
        margin-left: 73.5%;
    }

    .sidebar-se {
        display: inline-block; /*或者使用 float: left; */
        vertical-align: top; /* 如果使用 inline-block，可以设置垂直对齐方式 */
        width: 300px; /* 或者根据需要调整宽度 */
        margin-right: 2%; /* 如果需要间隔 */
        padding: 30px 10px 10px 20px;
        /*增加1像素边框*/
        border: 1px solid #ededed;
        /* 设置上下左右的阴影 */
        box-shadow: 0 0 7px rgb(181,181,181,0.3); /* 右侧阴影 */
    }



    .searchlist {
        display: inline-block; /* 或者使用 float: left; */
        vertical-align: top; /* 如果使用 inline-block，可以设置垂直对齐方式 */
        width: 770px; /* 或者根据需要调整宽度 */
        margin-right: 2%; /* 如果需要间隔 */
        padding-left: 40px;
    }

    /**行业产品的折号*/
    .product-icon-angle-down::before {
        content: '\f107';
    }

    .product-icon-angle-down {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: 0.2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: 0.2em;
        font-size: 20px;
        padding: 22px 35px 0 0px;
    }

    .product-icon-angle-right:before {
        content: '\f105';
    }

    .product-icon-angle-right {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: 0.2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: 0.2em;
        font-size: 20px;
        padding: 22px 35px 0 0px;
    }
    /********行业列表菜单开关****/
    /* 可展开/收起的列表项样式 */
    .expandable {
        cursor: pointer;
    }

    .content_block_background_product {
        padding: 20px 0 0 25px;
        overflow: hidden;
        position: relative;
    }

    .product_list_flost {
        padding: 20px 0 0 20px;
    }

    .menu-page-menu-container-cotx {
        padding-left: 40px;
    }

    .product_list_flost_hy {
        padding: 20px 0 0 40px;
    }

    .menu-page-menu-container-cotx-hy {
        padding-left: 50px;
    }


    .current-menu-item a > h5 {
        color: rgb(252, 199, 0);
    }

    .sidebar .featured_article_title_w:before {
        /*background: none repeat scroll 0 0 #F4BF1E;*/
        color: #F4BF1E;
        content: "";
        display: block;
        height: 40px;
        position: absolute;
        top: -10px;
        width: 2px;
        left: -21px;
        text-indent: 5px;
    }
    /*************导航上边的查询及按钮**************/

    /* 搜索框整体容器 */
    .search-container {
        display: flex;
        align-items: center;
    }

    /* 搜索框部分 */
    .search-box {
        display: flex;
        align-items: center;
        border: 1px solid #FFC107;
        border-radius: 20px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        padding-right: 23px;
    }

    /* 左侧放大镜图标 */
    .left-icon {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 10px;
    }

    /* 搜索输入框 */
    .search-input {
        border: none;
        outline: none;
        font-size: 14px;
        padding: 8px 0;
        width: 690px;
        position: relative;
        top: -4px;
    }

    /* 右侧红色放大镜图标 */
    .right-icon {
        width: 30px;
        height: 30px;
        margin-left: 5px;
        fill: red;
        margin-top: -4px;
    }

    .right-icon-2 {
        width: 40px;
        height: 40px;
        fill: red;
        margin-top: 9px;
        margin-top: 0px;
        margin-left: -30px;
    }

    /********导航随着滚动固定*********/
    #followingDiv {
        background-color: #fff;
        color: white;
        width: 100%;
        position: relative;
        top: 0;
        transition: transform 0.01s ease;
        z-index: 9999;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    /*******网站底部******/
    footer .footer_info {
        margin: 0 auto;
        width: 90%;
        position: relative;
        display: block;
        padding: 10px 0 60px;
    }

    .footer_widgets {
        width: 1140px;
        margin: 0 auto;
        padding: 0;
        display: block;
    }
    /*加入收藏页面*/
    .content_area {
        background: #fff;
        width: 1180px;
        margin: 0px auto 0;
        padding: 0;
        position: relative;
        z-index: 1;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    /******************************************************/

}



/*************************************1000-1199****************1080***********************/
@media only screen and (min-width: 1000px) and (max-width: 1199px) {


    /* 定义 div 的基本样式 */
    #myZTDiv {
        /*width: 100%;*/
        /* 初始高度 */
        height: 341px;
        transition: height 0.1s ease;
        overflow: hidden;
    }

    .expanded {
        height: 692px !important;
    }
    /****************/


    #top_phone, #header_contents_phone, #idTextPanel-1_phone {
        display: none;
    }


    .imgeffect1 img {
        display: block;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
    }

    .parent_0126_hb1 {
        display: block;
    }

    .parent_0126_hb2 {
        display: none !important;
    }

    /* one */
    .one_t {
        width: 1040px !important;
    }

    /* 搜索框的样式 */
    #searchpnew {
        width: 58% !important;
    }


    section.content.left { /* content left */
        float: left;
        width: 73%;
        padding-right: 20px;
    }

    .with_borders .product_info {
        padding: 10px;
        text-align: left;
    }

    .responsive .footer_widgets {
        width: 1035px;
    }

    /* Navigation Widts */
    .responsive #navigation_bar,
    .responsive .multicolumn-holder,
    .responsive.menu-style-two .stuck #navigation_bar,
    .responsive.menu-style-two .stuck .multicolumn-holder,
    .responsive.header-design2 #header_contents {
        width: 870px !important;
    }

    #header_contents > section {
        display: inline-block;
        vertical-align: middle;
        width: 200px;
    }


    h4 {
        font-size: 14px;
    }

    h5 {
        font-size: 12px;
    }

    /* blog titles */
    .blog_list h2, .blog_list h1 {
        font-size: 20px;
        padding: 0 0 20px 0;
        margin: 12px 0 0;
        line-height: 120%;
        display: inline-block;
        font-weight: bold !important;
    }

    #navigation_bar,
    .multicolumn-holder,
    .menu-style-two .stuck #navigation_bar,
    .menu-style-two .stuck .multicolumn-holder {
        padding-left: 10px;
        width: 980px;
    }

    .top_content > .row {
        margin: auto;
        width: 93%; /* 默认适配更高分辨率 */
        padding: 40px 0 20px;
    }


    .titlebox_row2_002 {
        width: 22.7%;
        border: solid 1px #ccc;
    }

    .playvideo_subject {
        position: absolute;
        width: 25px;
        height: 25px;
        background: url(/Images/playbutton.png) no-repeat;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        top: 30%;
        left: 32%;
    }


    .two {
        width: 680px !important;
    }


    #navigation_bar > ul > li > a {
        padding: 17px 49px;
    }

    /* 去除 a 标签文字下方的下划线 */
    #navigation li a {
        font-size: 14px;
        padding-right: 10px;
        padding-left: 10px;
    }

    /*****导航的文字单独设置的字体*/
    .navigation-wan-li-a {
        font-size: 15px !important;
    }


    #header_contents > section {
        padding-top: 10px;
        margin-left: -5px;
    }


    /*中间8个行业导航*/
    .parent_0126 {
        background-color: rgb(252, 199, 0);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-content: space-evenly;
        height: 100vh;
        box-sizing: border-box;
        height: 440px;
    }

    .child_0126 {
        width: 24%;
        /*background-color: lightgray;  这里可以根据需求替换子div的背景色 */
    }

        .child_0126 a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
        }

        .child_0126 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 8px 8px 18px 18px;
        }
    /*******************************/
    /*中间专题导航*/

    .container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px 15px 10px 15px;
        justify-content: space-between; /* 使卡片在水平方向均匀分布 */
    }

    .card {
        /*width: 440px;
        height: 120px;*/
        width: 32%;
        display: flex;
        border: 1px solid #e0e0e0; /* 边框颜色变淡 */
        border-radius: 5px;
        overflow: hidden;
        /*box-shadow: 3px 3px 4px rgb(129 0 0 / 10%), 0px 0px 0 1px rgba(0, 0, 0, 0.05);  增加立体效果的阴影 */
        box-shadow: 3px 3px 4px rgb(225 225 225), 0px 0px 0 1px rgba(0, 0, 0, 0.05); /* 增加立体效果的阴影 */

        align-items: center;
    }

        .card img {
            width: 100%;
            /*height: 105px;*/
            object-fit: cover;
            margin: auto;
        }

    .card-a {
        height: 105px;
        padding-left: 5px;
        cursor: pointer;
        text-decoration: none;
        width: 250px;
    }

    .card-content {
        width: 250px;
        display: flex; /* 新增，用于设置文字居中 */
        flex-direction: column; /* 垂直排列子元素 */
        justify-content: center; /* 垂直居中 */
        align-items: center; /* 水平居中 */
    }

    .card-title {
        margin-top: 20px;
        font-size: 16px;
        color: #000 !important;
    }

    .card-subtitle {
        font-size: 14px;
        color: #666;
        text-align: -webkit-center;
    }


    /*******************************/

    /**************带wpo的图片***************/
    .wpotbackground-div {
        /*background-image: url('/2019/images/2025/img/wpotl.png');*/
        width: 100%;
    }

        .wpotbackground-div img {
            /*padding-top: 10px;
            padding-left: 50px;*/
            width: 100%;
        }
    /********************行业搜索**************************/
    .horizontal-bar {
        width: 100%; /* 宽度占据整个父元素宽度 */
        height: 3px; /* 横条的高度，可以根据需要调整 */
        background-color: rgb(252, 199, 0); /* 使用 RGB 函数设置背景颜色 */
    }

    .horizontal-bar-productlist {
        width: 44%; /* 宽度占据整个父元素宽度 */
        height: 1px; /* 横条的高度，可以根据需要调整 */
        background-color: silver; /* 使用 RGB 函数设置背景颜色 */
        position: absolute;
        right: 0;
        margin-right: 55px;
    }
    /*行业搜索的面包屑*/
    /* 顶部导航路径样式 */
    .bread-crumb {
        width: 100%;
        padding: 30px 0px 20px 10px;
    }

        .bread-crumb a {
            text-decoration: none;
            color: #333;
        }

    .bread-crumb-titleheader {
        border-bottom: 2px solid rgb(252, 199, 0);
        display: inline-block;
        padding: 0px 20px;
        font-size: 16px;
        font-weight: bold;
    }

    .bread-productlist {
        padding-top: 30px;
    }

    .bread-productlist-title {
        padding-left: 225px !important;
    }

    .with_borders_box {
        border-left-width: 0px !important;
        border-bottom-width: 0px !important;
    }

    /****行业产品列表*/
    .sidebar {
        /*display: inline-block;  或者使用 float: left; */
        vertical-align: top; /* 如果使用 inline-block，可以设置垂直对齐方式 */
        width: 25%; /* 或者根据需要调整宽度 */
        margin-right: 2%; /* 如果需要间隔 */
        /*padding: 30px 10px 10px 20px;*/
        /*增加1像素边框*/
        border: 1px solid #ededed;
        /* 设置上下左右的阴影 */
        box-shadow: 0 0 7px rgb(181,181,181,0.3); /* 右侧阴影 */

        position: absolute;
        margin-left: 73%;
    }

    .sidebar-se {
        display: inline-block; /*或者使用 float: left; */
        vertical-align: top; /* 如果使用 inline-block，可以设置垂直对齐方式 */
        width: 240px; /* 或者根据需要调整宽度 */
        margin-right: 2%; /* 如果需要间隔 */
        padding: 30px 10px 10px 20px;
        /*增加1像素边框*/
        border: 1px solid #ededed;
        /* 设置上下左右的阴影 */
        box-shadow: 0 0 7px rgb(181,181,181,0.3); /* 右侧阴影 */
    }



    .searchlist {
        display: inline-block; /* 或者使用 float: left; */
        vertical-align: top; /* 如果使用 inline-block，可以设置垂直对齐方式 */
        width: 720px; /* 或者根据需要调整宽度 */
        margin-right: 2%; /* 如果需要间隔 */
        padding-left: 30px;
    }

    /**行业产品的折号*/
    .product-icon-angle-down::before {
        content: '\f107';
    }

    .product-icon-angle-down {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: 0.2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: 0.2em;
        font-size: 20px;
        padding: 22px 35px 0 0px;
    }

    .product-icon-angle-right:before {
        content: '\f105';
    }

    .product-icon-angle-right {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: 0.2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: 0.2em;
        font-size: 20px;
        padding: 22px 35px 0 0px;
    }
    /********行业列表菜单开关****/
    /* 可展开/收起的列表项样式 */
    .expandable {
        cursor: pointer;
    }

    .content_block_background_product {
        padding: 20px 0 0 25px;
        overflow: hidden;
        position: relative;
    }

    .product_list_flost {
        padding: 20px 0 0 20px;
    }

    .menu-page-menu-container-cotx {
        padding-left: 40px;
    }

    .product_list_flost_hy {
        padding: 20px 0 0 30px;
    }

    .menu-page-menu-container-cotx-hy {
        padding-left: 40px;
    }


    .current-menu-item a > h5 {
        color: rgb(252, 199, 0);
    }

    .sidebar .featured_article_title_w:before {
        /*background: none repeat scroll 0 0 #F4BF1E;*/
        color: #F4BF1E;
        content: "";
        display: block;
        height: 40px;
        position: absolute;
        top: -10px;
        width: 2px;
        left: -21px;
        text-indent: 5px;
    }
    /*************导航上边的查询及按钮**************/

    /* 搜索框整体容器 */
    .search-container {
        display: flex;
        align-items: center;
    }

    /* 搜索框部分 */
    .search-box {
        display: flex;
        align-items: center;
        border: 1px solid #FFC107;
        border-radius: 20px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        padding-right: 23px;
    }

    /* 左侧放大镜图标 */
    .left-icon {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 10px;
    }

    /* 搜索输入框 */
    .search-input {
        border: none;
        outline: none;
        font-size: 14px;
        padding: 8px 0;
        width: 570px;
        position: relative;
        top: -4px;
    }

    /* 右侧红色放大镜图标 */
    .right-icon {
        width: 30px;
        height: 30px;
        margin-left: 5px;
        fill: red;
        margin-top: -4px;
    }

    .right-icon-2 {
        width: 40px;
        height: 40px;
        fill: red;
        margin-top: 9px;
        margin-top: 0px;
        margin-left: -30px;
    }

    /********导航随着滚动固定*********/
    #followingDiv {
        background-color: #fff;
        color: white;
        width: 100%;
        position: relative;
        top: 0;
        transition: transform 0.01s ease;
        z-index: 9999;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    /*******网站底部******/
    footer .footer_info {
        margin: 0 auto;
        width: 90%;
        position: relative;
        display: block;
        padding: 10px 0 60px;
    }

    .footer_widgets {
        width: 1140px;
        margin: 0 auto;
        padding: 0;
        display: block;
    }
    /*加入收藏页面*/
    .content_area {
        background: #fff;
        width: 1180px;
        margin: 0px auto 0;
        padding: 0;
        position: relative;
        z-index: 1;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }


    /******************************************************/

}

/*************************************999px 以下***************************************/
@media only screen and (max-width: 999px) {


    h2 {
        font-size: 14px;
        font-weight:700;
    }
    .syimgwith {
        width: 45%;
        display: inline-block;
    }
    .syimgwitha {
        width: 45%;
        display: inline-block;
        vertical-align: top;
        margin-top: 3%;
    }

    .product_info {
        margin-top: 15px;
    }



    /*控制产品图片下多空白*/
    .responsive .row > .box {
        min-height: 100% !important;
    }

    .content_holder {
        position: relative;
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
        margin-left: 15px;
    }

    .carousel-holder .owl-carousel .item {
        margin: 0 20px 0 20px;
    }


    #header_contents {
        background: url(/2019/images/topbg.png) no-repeat center bottom;
    }

    #header_contents_phone, #idTextPanel-1_phone {
        display: block;
    }

    #HY_FL_Phone_div {
        display: block;
    }

    #HY_FL_div {
        display: none !important;
    }

    /* 搜索框整体容器 */
    .search-container {
        display: none;
    }

    #followingDiv {
        display: none !important;
    }

    .content_footer_gylg {
        display: none !important;
    }

    .content_footer {
        display: none !important;
    }

    .text_al_center {
        text-align: center;
    }

    .titlecn_row2_002 {
        width: 80%;
    }

    .imgeffect1 img {
        display: block;
        overflow: hidden;
        width: 99%;
        max-width: 98%;
    }

    .parent_0126_hb1 {
        display: none !important;
    }

    .parent_0126_hb2 {
        display: block !important;
    }

    /****暂时加个样式把导航隐藏，最后在调菜单**/
    .responsive #header_contents > section {
        /*display: none;*/
    }

    .responsive #header_contents > img {
        width: 98%;
    }

    .wpotbackground-div {
        /*background-image: url('/2019/images/2025/img/wpotl.png');*/
        width: 100%;
    }

        .wpotbackground-div img {
            /*padding-top: 10px;
            padding-left: 50px;*/
            width: 100%;
        }

    .productwidth {
        background-attachment: scroll;
        width: 99%;
        float: left;
    }

    .titlebox_row2_002 {
        width: 98%;
        border: solid 1px #ccc;
    }

}


.wanimg img {
    max-width: 100%;
    height: auto;
}

/**********************************************************2025 新官网升级-1.0 结尾*****************************************/

/* 定义鼠标悬停时出现下划线的动画效果 */
#navigation > li:first-child a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; /* 调整下划线的位置 */
    width: 0;
    height: 2px;
    background-color: #222;
    transition: width 0.3s ease 0.1s; /* 延迟 0.1s 开始动画，动画时长 0.3s */
}

#navigation .sub-menu li a {
    text-decoration: none;
    display: block;
    position: relative;
    padding: 10px;
    color: #222;
    font-weight: 400;
    font-family: Open Sans;
    font-size: 14px;
}



.newTop {
    background: #fff;
    height: 0;
    left: 0;
    padding: 10px 0 0;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: table;
    table-layout: fixed;
    -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
    border: 1px solid #eee;
    margin-top: 5px;
    width: 980px;
}

#container #navigation .newTop {
    overflow: hidden;
}




#navigation li.multicolumn:hover > .newTop {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible;
    margin-top: 0;
    z-index: 999999;
}

#navigation .newTop > table {
    width: 100%;
    border: 0px;
    margin: 0px;
}

    #navigation .newTop > table td {
        padding: 3px;
        margin: 1px;
        border-bottom: 1px solid #ccc;
    }

#navigation .newTop > ul {
    display: block;
    vertical-align: top;
    border-left: 1px solid #eee;
    padding: 1px;
    width: 99%;
    height: 100%;
}

    #navigation .newTop > ul:first-child {
        border-left: 0;
    }

#navigation .newTop ul li {
    display: block;
    float: left;
    text-align: left;
    border: 0;
    padding: 2px;
    width: 31%;
    color: #222;
    font-weight: 400;
    padding-left: 10px;
}

    #navigation .newTop ul li span {
        padding-top: 5px;
        position: absolute;
        font-size: 14px;
        font-weight: 700;
        font-family: Open Sans;
    }

#navigation .newTop .column-heading > span, #navigation .newTop .column-heading > a {
    display: block;
    padding: 0 0 5px;
    text-decoration: none;
    color: #222;
    font-weight: 800;
    border-bottom: 0;
    line-height: 100%;
}

    #navigation .newTop .column-heading > a:hover {
        border-bottom: 0;
        line-height: 100%;
    }

#navigation .newTop a {
    display: block;
    text-align: left;
    text-decoration: none;
    color: #222;
    font-weight: 400;
    line-height: 200%;
    font-size: 14px;
}



    #navigation .newTop a:hover {
        display: block;
        text-align: left;
        text-decoration: none;
        color: #999;
    }

        #navigation .newTop a:hover:after {
            content: "|";
            font-family: fontello;
            padding-right:;
            position: absolute;
            margin-left: -2px;
            color: #ffc20f;
            left: 0;
            top: 0;
            font-size: 20px;
            font-weight: 800;
        }

.solutionhead {
    padding: 0 0 10px 0;
}

.widget_archive ul li a, .widget_links ul li a, .widget_nav_menu ul li a, .widget_categories ul li a, .widget_meta ul li a, .widget_recent_entries ul li a, .widget_pages ul li a, .widget_rss ul li a, .widget_recent_comments ul li a, .widget_rt_categories ul li a, .widget_product_categories ul li a {
    color: #222;
}

.widget_archive ul li ul li a, .widget_links ul li ul li a, .widget_nav_menu ul li ul li a, .widget_categories ul li ul li a, .widget_meta ul li ul li a, .widget_recent_entries ul li ul li a, .widget_pages ul li ul li a, .widget_rss ul li ul li a, .widget_recent_comments ul li ul li a, .widget_rt_categories ul li ul li a, .widget_product_categories ul li ul li a {
    color: #222;
}



.topTable tr {
    text-decoration: none;
    color: #222;
    border-bottom: 0;
    line-height: 100%;
    height: 50px;
    font-family: Open Sans;
    font-size: 14px;
}

    .topTable tr td {
        font-weight: 400;
    }



.subjectleft {
    left: 10px;
}
