﻿html, body {
    margin: 0;
    padding: 0;
}

.pagebox {
    position: relative;
}

#w_grid-1618989449855 {
    position: fixed !important;
    top: 25px !important;
    right: 40px !important;
    z-index: 99999999 !important;
}

.dca_d {
    position: fixed;
    top: auto;
    left: 0px;
    bottom: 0px;
    right: auto;
    transform: none;
    width: 17%;
    height: auto;
    z-index: 99;
    content: normal;
    max-width: none;
    min-width: 0px;
    max-height: none;
    min-height: 192px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    -webkit-transform: none;
}

.dca_dn {
    width: 80%;
    max-width: 240px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    font-size: 16px;
}

.dca1 {
    float: left;
    width: 100%;
    line-height: 65px;
    padding-left: 55px;
    border-bottom: #CCCCCC 1px solid;
}

.dca2 {
    float: left;
    width: 100%;
    line-height: 65px;
    padding-left: 55px;
    border-bottom: #CCCCCC 1px solid;
}

.dca3 {
    float: left;
    width: 100%;
    line-height: 65px;
    padding-left: 55px;
    border-bottom: #CCCCCC 0px solid;
}

.keya {
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
}

    .keya a {
        font-size: 14px;
        font-weight: 100;
        color: #444;
        line-height: 50px;
        padding: 10px;
        border: #e2e2e2 1px solid;
    }

#menu_content_bg {
    width: 100%;
    overflow: hidden;
    position: absolute;
    background: #fff;
    z-index: 700;
    transition: all 3s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
}

    #menu_content_bg #menu_content_wrap ul {
        height: auto;
        width: 100%;
        position: absolute;
        color: #424242;
        display: block;
    }

        #menu_content_bg #menu_content_wrap ul li {
            display: none;
            width: 100%;
            height: 230px;
        }

            #menu_content_bg #menu_content_wrap ul li .menu_content {
                float: left;
                width: 160px;
                cursor: pointer;
                margin-top: 30px;
            }

                #menu_content_bg #menu_content_wrap ul li .menu_content p {
                    font-size: 13px;
                    text-align: center;
                    margin-top: 20px;
                }

            #menu_content_bg #menu_content_wrap ul li .menu_content_line {
                width: 0px;
                height: 100px;
                float: left;
                margin: 30px 20px;
                border-left: 1px solid #D0D0D0;
            }

#big_banner_wrap {
    margin: 0 auto;
    position: relative;
    color: #424242;
}

    #big_banner_wrap #banner_menu_wrap {
        width: 280px;
        height: 100%;
        float: left;
        padding-top: 30px;
        position: absolute;
        z-index: 600;
    }

        #big_banner_wrap #banner_menu_wrap .active {
            margin-top: 20px;
        }

        #big_banner_wrap #banner_menu_wrap li {
            width: 100%;
            line-height: 60px;
            height: 60px;
            position: relative;
            transition: all 3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
        }

            #big_banner_wrap #banner_menu_wrap li:hover {
                background: #0862b8 !important;
            }

                #big_banner_wrap #banner_menu_wrap li:hover a {
                    color: #fff;
                    !important;
                }

            #big_banner_wrap #banner_menu_wrap li a {
                font-size: 16px;
                color: #4f4f4f;
                margin-left: 20px;
                float: left;
                text-decoration: none;
            }

            #big_banner_wrap #banner_menu_wrap li .banner_menu_i {
                float: right;
                font-size: 20px;
                margin-right: 30px;
            }

            #big_banner_wrap #banner_menu_wrap li .banner_menu_content {
                width: 600px;
                display: none;
                z-index: 610;
                position: absolute;
                left: 240px;
                background: #fff;
            }

                #big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul {
                    float: left;
                    padding: 40px;
                }

                    #big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li {
                        width: 250px;
                        height: auto;
                        padding: 6px 20px 6px 20px;
                        float: left;
                        border-bottom: #CCCCCC 1px solid;
                    }

                        #big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li:hover {
                            background: #eeeeee !important;
                        }

                        #big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li a {
                            color: #424242;
                            margin-left: 5px;
                            font-size: 15px;
                        }

                        #big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li span {
                            width: 59px;
                            height: 25px;
                            float: right;
                            margin-top: 5px;
                            border: 1px solid #ff6700;
                            color: #FF6700;
                            font-size: 13px;
                            line-height: 24px;
                            text-align: center;
                            transition: all 3s;
                            -webkit-transition: all .3s;
                            -moz-transition: all .3s;
                            -ms-transition: all .3s;
                        }

                            #big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li span:hover {
                                background: #086bb0;
                                color: #ffffff;
                            }

    #big_banner_wrap #big_banner_pic_wrap {
        width: 1226px;
        height: 460px;
        overflow: hidden;
        position: relative;
    }

        #big_banner_wrap #big_banner_pic_wrap #big_banner_pic {
            width: 6130px;
            height: 460px;
            position: absolute;
            float: left;
        }

            #big_banner_wrap #big_banner_pic_wrap #big_banner_pic li {
                width: 1226px;
                height: 460px;
                float: left;
                cursor: pointer;
            }

    #big_banner_wrap #big_banner_change_wrap {
        width: 961px;
        height: 460px;
        position: absolute;
        top: 0px;
        left: 250px;
        color: #ffffff;
    }

        #big_banner_wrap #big_banner_change_wrap div {
            display: none;
            transition: all 3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
        }

            #big_banner_wrap #big_banner_change_wrap div:hover {
                background: #333333;
                cursor: pointer;
                color: #FF6700;
            }

        #big_banner_wrap #big_banner_change_wrap #big_banner_change_prev {
            width: 50px;
            height: 50px;
            line-height: 50px;
            float: left;
            margin-top: 205px;
            font-size: 50px;
            text-align: center;
        }

        #big_banner_wrap #big_banner_change_wrap #big_banner_change_next {
            width: 50px;
            height: 50px;
            line-height: 50px;
            float: right;
            margin-top: 205px;
            font-size: 50px;
            text-align: center;
        }

#w_grid-1625038355644a .p_gridbox {
    width: 100%;
    overflow: visible !important;
    position: static;
}

#w_grid-1625039977778 {
    POSITION: fixed !important;
    width: 17% !important;
    height: auto !important;
    bottom: 0px;
    z-index: 99 !important;
}

#w_grid-1625038326981 {
    background-color: #fff !important;
    POSITION: fixed !important;
    width: 17% !important;
    height: 1200px !important;
    z-index: 99999 !important;
}

.bta {
    font-size: 20px;
    position: absolute;
    top: 35px;
    color: #fff;
    left: 200px;
}

.btb {
    font-size: 20px;
    position: absolute;
    top: 33px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-left: 50px;
    right: 254px;
    background: url(/img/tela1.png?tenantId=235155&viewType=1&v=1659000297000) left top no-repeat;
}

.btc {
    position: absolute;
    top: 33px;
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    height: 30px;
    line-height: 30px;
    padding-left: 50px;
    right: 130px;
    background: url(/img/tela2.png?tenantId=235155&viewType=1&v=1659000297000) left top no-repeat;
}

#c_portalResProduct_list-16190704140680711 .img_box {
    position: relative;
    width: 100%;
    height: 0px;
    overflow: hidden;
    BACKGROUND-COLOR: #FFF;
    padding-bottom: 100% !important;
}

.navd {
    padding-right: 20px;
    margin: auto;
}

.fixed .navd {
    display: block !important
}

.ajt {
    position: absolute;
    left: 7%;
    top: 25%;
    z-index: 999999999;
}

#c_portalResnav_main-16189904150110116 {
    background-image: linear-gradient(90deg, rgba(0, 60, 149, 1), rgba(14, 136, 193, 1));
    background-image-part-linear-gradient: linear-gradient(90deg, rgba(0, 60, 149, 1), rgba(14, 136, 193, 1));
    background-image-part-linear-gradient-part-begin-color: rgba(0, 60, 149, 1);
    background-image-part-linear-gradient-part-end-color: rgba(14, 136, 193, 1);
    background-image-part-linear-gradient-part-angle: 90;
    position: fixed !important;
    top: 0px !important;
    right: auto !important;
    left: 0px !important;
    width: 100% !important;
    z-index: 999 !important;
    height: 90px !important;
    shadow-distance: 2px;
}

.v_logo {
    width: 100%;
    text-align: center;
    padding-top: 8%;
}

    .v_logo img {
        width: 200px;
        margin: auto;
        height: auto !important;
    }

body {
    overflow-x: hidden !important;
    font-family: Microsoft YaHei !important;
}

.spbg {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    background: url(/img/spbg.png?tenantId=235155&viewType=1&v=1659000297000) rgba(0, 102, 241, 0.13);
}

#c_portalResnav_main-16180284058524343 .nav {
    width: auto !important;
    height: 100px !important;
    position: fixed !important;
    top: 25px !important;
    left: auto !important;
    z-index: 999999;
    right: 200px !important;
    display: none;
}

.fixed .nav {
    display: block !important
}

.c_portalResnav_main-01001025 .main-nav .navlogo {
    flex: 1;
    position: fixed;
    top: 20%;
    right: 18% !important;
    display: inline-block;
    width: 240px;
}

.color_info {
    color: #de1b1a;
}

.hzkh {
    width: 100%;
    float: left;
}

    .hzkh img {
        float: left;
        width: 18% !important;
        padding: 10px;
        border: #ccc 1px solid !important;
        margin: 1%;
    }

.hzkh2 {
    width: 100%;
    float: left;
}

    .hzkh2 img {
        float: left;
        width: 31% !important;
        height: auto !important;
        padding: 10px;
        border: #ccc 0px solid !important;
        margin: 1%;
    }

.hzkh3 {
    width: 100%;
    float: left;
}

    .hzkh3 img {
        float: left;
        width: 48% !important;
        height: auto !important;
        padding: 10px;
        border: #ccc 0px solid !important;
        margin: 1%;
    }

#c_portalResnav_main-16180284058524343 .yj_li {
    margin: 0px 30px !important;
}

.fl {
    height: 100px;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 99999;
    width: 683px;
    top: 0px;
    left: 60px;
}

.jtt {
    position: absolute;
    top: 16px;
    right: 20px;
}

    .jtt .before:before {
        content: '\e6a7';
        font-size: 16px;
        margin-right: 5px;
    }

    .jtt .iconfont {
        display: block !important;
    }

.ej_ul:hover .before:before {
    color: #eee;
}

.subnav23 a {
    color: #fff;
}

.subnav23:Hover a {
    color: #fff;
}

.subnav23 {
    width: 130px;
    line-height: 39px;
    background-color: #45413e;
    border-radius: 100px;
    padding-left: 53px;
    color: #fff;
    text-align: left;
    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 30px;
    margin-top: 31px;
    transition: all 0.3s;
    background: url(/img/ne.png?tenantId=235155&viewType=1&v=1659000297000) #de1b1a 24px center no-repeat;
}

    .subnav23:hover {
        width: 130px;
        line-height: 39px;
        background-color: #45413e;
        border-radius: 100px;
        padding-left: 53px;
        text-align: left;
        font-size: 14px;
        position: absolute;
        top: 0px;
        right: 30px;
        margin-top: 31px;
        transition: all 0.3s;
        background: url(/img/ne.png?tenantId=235155&viewType=1&v=1659000297000) #292929 24px center no-repeat;
    }

#c_portalResnav_main-16180284058524343 {
    transition: all 700ms;
    position: fixed !important;
    top: 0px !important;
    left: auto !important;
    width: 100% !important;
    z-index: 999999;
    height: 100px !important;
    right: 0px !important;
}

    #c_portalResnav_main-16180284058524343:hover {
        transition: all 700ms;
        position: fixed !important;
        top: 0px !important;
        left: auto !important;
        width: 100% !important;
        z-index: 999999;
        right: 0px !important;
    }

        #c_portalResnav_main-16180284058524343:hover .yj_link {
            color: #fff !important;
        }

            #c_portalResnav_main-16180284058524343:hover .yj_link:Hover {
                color: #ffd426 !important;
            }

.fixed {
    box-shadow: 2px 2px 9px 4px rgba(0,0,0,0.31);
    shadow-distance: 2px;
}

    .fixed .yj_link {
        color: #ffffff !important;
    }

a {
    color: #444;
    text-decoration: none;
}

    a:Hover {
        color: #0862b8;
        text-decoration: none;
    }

.p_pagebox .next {
    background-color: #5d5d5d !important;
    border-color: #d4a877 !important;
    border: none;
    color: #fff !important;
}

.p_pagebox .pre {
    background-color: #5d5d5d !important;
    border-color: #d4a877 !important;
    border: none;
    color: #fff !important;
}

#w_grid-1589185837841 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 585px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.jjmore2 {
    background-color: none;
    border-color: #a4c2b4;
    width: 145px;
    height: 40px;
    line-height: 36px;
    font-size: 14px;
    margin-top: 9%;
    color: #515151;
    border-width: 1px;
    border-style: none;
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    min-height: inherit;
    border: #7c7c7c 1px solid;
}

    .jjmore2:hover {
        color: #ffffff;
        background-color: #de1b1a;
        border-width: 1px;
        border-style: none;
        padding-top: 0px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
        min-height: inherit;
        border: #de1b1a 2px solid;
    }

    .jjmore2:hover {
        color: #fff !important;
    }

#c_portalResPublic_codeContainer-16123347279674313 {
    border-top: 1px dashed rgba(255, 255, 255, 0.17) !important;
}

.qiu {
    border: #FFFFFF 2px solid;
    width: 96px;
    height: 96px;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: left !important;
    align-items: center;
}

.qiu1 {
    margin-left: 90%;
}

.qiu2 {
    margin-bottom: 30px
}

# .qiu3 {
}

.qiu4 {
    margin-left: 90%;
}

.item {
    border: 0px solid #d9d9d9;
}

.pt3a {
    text-align: center;
    margin-bottom: 10px !important;
}

.pt3b {
    text-align: center;
    margin-bottom: 0px !important;
    font-weight: bold;
    letter-spacing: 20px;
    font-size: 53px !important;
}

.pt3c {
    text-align: center;
    width: 800px;
    letter-spacing: 16px;
    margin: auto;
    font-size: 18px !important;
}

.item:hover {
    border: 0px solid #d9d9d9;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pr {
    position: relative;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active:before {
    content: '';
    width: 22px;
    height: 22px;
    border: 0px #007fb3 solid !important;
    top: 50%;
    left: 50%;
    display: block;
    margin-left: -7px;
    margin-top: -7px;
    border-radius: 100%;
}

.p1_t {
    font-size: 32px !important;
    line-height: 35px !important;
    color: #ffffff !important;
}

.spbg1 {
    background: url(/img/abg.png?tenantId=235155&viewType=1&v=1659000297000) left top repeat-x;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 99999999999;
    height: 511px;
}

.banner-text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(0,56,141,0.26);
    background-image: url(/img/kkj.png?tenantId=235155&viewType=1&v=1659000297000);
    height: 100%;
    z-index: 999999;
}

.banner-text2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(0,0,0,0);
    height: 100%;
    z-index: 999999;
}

.banner-text3 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(0,0,0,0);
    height: 100%;
    z-index: 999999;
}

.ff3 {
    line-height: 94px;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-top: 0;
    text-align: left;
    padding-left: 6%;
    width: 100%;
    position: absolute;
    bottom: 20%;
}

.gy2 {
    font-size: 24px;
    margin: auto;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 40px;
    line-height: 30px;
    color: #fff;
    font-weight: 100;
}

.ff2 {
    line-height: 94px;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-top: 0;
    text-align: right;
    padding-right: 6%;
    width: 100%;
    position: absolute;
    bottom: 20%;
}

.gy {
    font-size: 16px;
    margin: auto;
    width: 80%;
    margin-top: 10px;
    max-width: 950px;
    margin-bottom: 40px;
    line-height: 30px;
    font-family: "Gotham SSm A","Gotham SSm B" !important;
    color: #fff;
    font-weight: 100;
}

.jmoreb {
    transition: all 0.3s !important;
    margin: auto;
    width: 210px;
    pointer-events: auto;
}

.jmore4 {
    transition: all 0.3s !important;
    font-size: 15px;
    margin-top: 10px;
    line-height: 20px;
    font-weight: 700;
    font-family: "Gotham SSm A","Gotham SSm B" !important;
    padding: 10px;
    text-align: center;
    margin: auto;
    width: 165px;
    border: #fff 2px solid;
    color: #fff;
}

.jmore {
    transition: all 0.3s !important;
    font-size: 15px;
    float: left;
    margin-left: 0px;
    margin: auto;
    margin-top: 30px;
    line-height: 22px;
    font-weight: 700;
    border-radius: 32px;
    font-family: "Gotham SSm A","Gotham SSm B" !important;
    padding: 12px;
    text-align: center;
    width: 210px;
    border: #fff 2px solid;
    color: #fff;
}

    .jmore:hover {
        transition: all 0.3s !important;
        border: #0080cb 2px solid;
        color: #0080cb;
    }

.jmore2 {
    transition: all 0.3s !important;
    font-size: 15px;
    float: left;
    margin-top: 40px;
    margin-left: 0px;
    line-height: 20px;
    font-weight: 700;
    font-family: "Gotham SSm A","Gotham SSm B" !important;
    padding: 12px;
    text-align: center;
    width: 177px;
    border: #0080cb 2px solid;
    background-color: #0080cb;
    color: #fff;
}

    .jmore2:hover {
        transition: all 0.3s !important;
        font-size: 15px;
        float: left;
        margin-top: 40px;
        margin-left: 0px;
        line-height: 20px;
        font-weight: 700;
        font-family: "Gotham SSm A","Gotham SSm B" !important;
        padding: 12px;
        text-align: center;
        width: 177px;
        border: #ffffff 2px solid;
        background-color: #ffffff;
        color: #0080cb;
    }

.jmore3 {
    transition: all 0.3s !important;
    font-size: 15px;
    margin: auto;
    margin-top: 40px;
    line-height: 20px;
    font-weight: 700;
    font-family: "Gotham SSm A","Gotham SSm B" !important;
    padding: 12px;
    text-align: center;
    width: 177px;
    border: #fff 2px solid;
    color: #fff;
}

    .jmore3:hover {
        transition: all 0.3s !important;
        font-size: 15px;
        margin: auto;
        margin-top: 40px;
        line-height: 20px;
        font-weight: 700;
        font-family: "Gotham SSm A","Gotham SSm B" !important;
        padding: 12px;
        text-align: center;
        width: 177px;
        border: #0080cb 2px solid;
        color: #0080cb;
    }

.ff1 {
    line-height: 94px;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-top: 16%;
    text-align: center;
}

    .ff1 span {
        transition: all 2s ease .5s;
        transform: translateY(0);
        opacity: 1;
    }

.spbg {
    position: absolute !important;
    top: 0% !important;
    background-color: rgba(0, 0, 0, 0.34);
    height: 1999px;
    left: 0px !important;
    width: 100%;
    z-index: 1;
    right: auto;
}

#w_grid-1612333928812 {
    overflow: hidden !important;
}

#w_grid-1612334731108 {
    overflow: visible !important;
}

    #w_grid-1612334731108 > div {
        position: absolute;
        bottom: 0;
        z-index: 999999999999999;
    }

@media screen and (max-width: 1600px) {
    #big_banner_wrap #banner_menu_wrap li {
        line-height: 50px !important;
        height: 50px !important;
    }

    #big_banner_wrap #banner_menu_wrap {
        width: 210px !important;
    }

        #big_banner_wrap #banner_menu_wrap li .banner_menu_content {
            left: 210px !important;
        }

    #c_portalResProduct_list-16190704140680711 .img_box {
        position: relative;
        width: 100%;
        height: 0px;
        overflow: hidden;
        BACKGROUND-COLOR: #FFF;
        padding-bottom: 110% !important;
    }

    .ajt {
        position: absolute;
        left: 7%;
        top: 35%;
        z-index: 999999999;
    }

    .c_portalResnav_main-01001025 .main-nav .navlogo {
        flex: 1;
        position: fixed;
        top: 20%;
        right: 15% !important;
        display: inline-block;
        width: 240px;
    }

    #w_grid-1612340022506 {
        width: 90%;
        max-width: 1400px;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 192px;
        margin-top: 7% !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #c_portalResnav_main-16180284058524343 .yj_li {
        margin: 0px 25px !important;
    }
}

@media screen and (max-width: 1400px) {
    .c_portalResIntro_category-01001008 .p_categoryBox .p_parentBox {
        position: relative;
        height: auto;
        margin-left: 30px !important;
        float: left;
    }

    .fl {
        left: 40px !important;
    }

    #big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li {
        padding: 0px 20px !important;
    }

    #big_banner_wrap #banner_menu_wrap li {
        line-height: 40px !important;
        height: 40px !important;
    }

    #big_banner_wrap #banner_menu_wrap {
        width: 190px !important;
        padding-top: 0px !important;
    }

        #big_banner_wrap #banner_menu_wrap li .banner_menu_content {
            left: 190px !important;
        }

    #w_common_text-1612345112917 {
        display: None !important;
    }

    #c_portalResnav_main-16180284058524343 .yj_li {
        margin: 0px 20px !important;
    }
}

@media screen and (max-width: 1200px) {
    #w_grid-1625042926191 > div > .p_gridbox > .p_gridCell:nth-child(2n) {
        margin-right: 0px;
        float: right !important;
    }

    #w_grid-1612341470187 {
        width: 85%;
        max-width: none;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px !important;
        margin-top: 0px;
        margin-left: auto;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 768px) {
    #w_grid-1625035412684 {
        width: 100%;
        max-width: none;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 96px;
        margin-top: -20px !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .right_bar {
        position: fixed;
        top: 300px;
        right: 0;
        width: 50px;
        height: 203px;
        z-index: 9999;
        display: none !important;
    }

    #w_grid-1625218102785 > div > .p_gridbox {
        background-image: url(/img/ta1aa.jpg?tenantId=235155&viewType=1&v=1659000297000) !important;
    }

    #w_common_text-1625218129698 {
        width: 100% !important;
        max-width: 900px;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #c_portalResBreadcrumb_nav-1625123479535 .font {
        font-size: 22px !important;
        color: #333;
    }

    #w_grid-1625106888260, #w_grid-1625119785838, #w_grid-1625121526125, #w_grid-1625122383240, #w_grid-1625123152338, #w_grid-1625123479215, #w_grid-1625463013388, #w_grid-1625130616243, #w_grid-1625131226806, #w_grid-1625129214850, #w_grid-1625130077735, #w_grid-1625131836198, #w_grid-1625217795123, #w_grid-1625447939576 {
        display: none !important;
    }
    #w_grid-1618989449855 {
        position: fixed !important;
        top: 25px !important;
        right: 120px !important;
        z-index: 99999999 !important;
    }
    #w_grid-1618989449855.sss {
        display:block !important;
        position: fixed !important;
        top: 25px !important;
        right: 70px !important;
        z-index: 99999999 !important;
    }

    #w_grid-1625127014826 {
        display: none !important;
    }

    #w_grid-1589185837841 {
        margin-top: 0px !important;
    }

    #w_grid-1625038326981 {
        display: none !important;
    }

    .c_portalResCompanyFile_category-01001 .p_category {
        height: 100%;
        width: 100%;
        z-index: 9999999999 !important;
        position: relative;
    }

    .form-control {
        background-color: #efefef !important;
    }

    .c_portalResProduct_detail-01001003 table {
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: center;
        margin: auto;
        width: 100% !important;
    }

    .jtt {
        position: absolute;
        top: 16px;
        right: 20% !important;
    }

    #c_portalResnav_main-16180284058524343:hover .yj_link {
        color: #ffffff !important;
    }

    #c_portalResnav_main-16180284058524343 .yj_li {
        margin: 0px 0px !important;
    }

    #c_portalResnav_main-16180284058524343 {
        transition: all 700ms;
        position: fixed !important;
        top: 0px !important;
        left: auto !important;
        width: 100% !important;
        z-index: 999999;
        height: 60px !important;
        right: 0px !important;
    }

    .subnav23 {
        display: none !important;
    }

    .fl {
        height: auto;
        position: absolute;
        overflow: hidden;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 99999;
        width: 94px !important;
        top: 0px;
        left: 10px !important;
    }

        .fl img {
            max-width: 100%;
        }

    #c_portalResComplaintPage_detail-16168243494682973 table {
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: center;
        margin: auto;
        width: 100% !important;
        table-layout: auto !important;
    }

    #c_portalResProduct_detail-16161256381628540 {
        width: 90%;
        max-width: 1400px;
        min-width: 250px;
        height: 100%;
        max-height: 100%;
        min-height: 0px;
        margin-top: 10px !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #w_grid-1616125461002 {
        width: 90%;
        max-width: 1400px;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px !important;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #w_grid-1616067151238 {
        width: 90%;
        max-width: 1400px;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #w_grid-1616120729677, #w_grid-1616125460982 {
        width: 100%;
        max-width: none;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        background-color: #e8e8e8;
        padding-bottom: 0px;
    }

    .c_portalResProduct_list-01001022 .listName {
        margin-bottom: 15px;
        font-size: 25px;
        margin-top: 20px !important;
        text-align: left;
        font-weight: bold !important;
    }

        .c_portalResProduct_list-01001022 .listName A {
            COLOR: #333;
            font-weight: bold !important;
            white-space: break-spaces;
            font-size: 18px;
        }

    .c_portalResProduct_list-01001022 .p_summary {
        overflow: hidden;
        line-height: 22px;
        color: #888;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-size: 12px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        -webkit-line-clamp: 3px;
    }

    #c_portalResProduct_list-01001022 .listName {
        margin-bottom: 15px;
        font-size: 16px !important;
        line-height: 32px !important;
        margin-top: 20px;
        text-align: left;
        font-weight: bold !important;
    }

    #w_grid-1615366797225 {
        width: 100%;
        max-width: none;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 152px !important;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .SEE-title1 a {
        font-size: 14px !important;
        font-weight: bold;
        color: #565656;
    }

    #w_grid-1603177659261 > div > .p_gridbox {
        background-image: url(/img/mg1.jpg?tenantId=235155&viewType=1&v=1659000297000) !important;
    }

    #c_portalResPublic_codeContainer-16123229897753150 .box a {
        width: 50% !important;
        display: inline-block;
        text-align: center;
        float: left;
        position: relative;
    }

    #c_portalResPublic_codeContainer-16123229897753150 .box li {
        width: 110px;
        border: 1px dashed rgba(255, 255, 255, 0.17) !important;
        border-radius: 20px;
        height: 110px;
        overflow: hidden;
        transition: all 0.5s;
        position: relative;
        margin: 0 auto 20px !important;
    }

    #w_common_text-1612322285225 span {
        font-size: 38px !important;
    }

    .qiu {
        display: None !important;
    }

    .mgg1 {
        top: 8%;
        left: 0;
        position: absolute !important;
    }

    .mgg1_a {
        font-size: 44px !important;
    }

    .mgg1_b {
        font-size: 22px !important;
        line-height: 60px;
    }

    .mgg2_a {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    .mgg2_b {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    .mgg2_a span {
        font-size: 40px !important;
        line-height: 50px !important;
    }

    .mgg2_b span {
        font-size: 40px !important;
        line-height: 50px !important;
    }

    .mgg2_c {
        line-height: 20px !important;
        margin-top: 13px;
    }

    #c_portalResPublic_codeContainer-16153439859163340 .p_3_img {
        width: 90% !important;
        bottom: -440px !important;
        right: 0% !important;
        position: absolute;
        opacity: 1;
    }

    .c_portalResnav_main-01001005 .header2 .logo {
        width: 250px;
        height: 40px;
        margin-top: 16px !important;
        overflow: hidden;
    }
}
