﻿.article_station .img_list li a figure div {
    height: calc(100vw * 0.1545);
    max-height: 200px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .article_station .img_list li a figure div {
        height: calc(100vw * 0.168)
    }
}

@media (max-width: 600px) {
    .article_station .img_list li a figure div {
        height: calc(100vw * 0.155)
    }
}

sup.red {
    margin-left: .25em
}

.md_slideShow .pt_prev, .md_slideShow .pt_next, .article_bgintro .md_slideShow .pt_prev, .article_bgintro .md_slideShow .pt_next {
    background: initial;
    color: #fff;
    background-color: #757575;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-indent: 0;
    margin-top: -48px
}

.md_slideShow .pt_prev, .article_bgintro .md_slideShow .pt_prev {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none
}

.article_bgintro .md_slideShow .pt_next {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none
}

.md_slideShow .pt_prev:hover, .md_slideShow .pt_next:hover {
    background-color: #0d798c;
    opacity: 1
}

.md_slideShow .pt_prev:before, .md_slideShow .pt_next:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 48px;
    color: #FFF;
    font-size: 48px;
    line-height: 48px;
    text-align: center
}

.md_slideShow .pt_prev:before {
    content: "\f104"
}

.md_slideShow .pt_next:before {
    content: "\f105"
}

.article_station .th_map .clp_btn:after {
    background-image: url(../images/a_white.png)
}

.article_bgintro .process .more a:after {
    background: initial;
    background-image: url(../images/vicon_w.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%
}

.article_bgintro .hismore .clp_btn:after {
    background: url(../images/vicon_sgray.svg) center center no-repeat #fff
}

.article_bgintro .hismore.show .clp_btn:after {
    background: url(../images/vicon_blue.svg) center center no-repeat #fff
}

.article_bgintro2 h4.title {
    line-height: 36px
}

.article_bgintro2 p + h4 {
    margin-top: 1rem
}

.article_bgintro2 .th_file .file_second > li {
    padding-left: 0
}

.article_bgintro2 .th_file .file_third > li {
    margin-left: 35px
}

    .article_bgintro2 .th_file .file_second > li a, .article_bgintro2 .th_file .file_third > li a {
        display: initial;
        position: static;
        font-size: 1rem;
        color: #000
    }

        .article_bgintro2 .th_file .file_second > li a:hover, .article_bgintro2 .th_file .file_third > li a:hover {
            text-decoration: underline;
            color: #000
        }

        .article_bgintro2 .th_file .file_second > li a img {
            display: inline-block;
            height: 30px;
            width: 30px;
            vertical-align: middle;
            margin-right: .5rem
        }

.article_bgintro2 ol li {
    list-style: outside;
    margin: .25rem 0 .25rem 2rem
}

.article_bgintro2 figure {
    margin: 0 0 40px
}

.article_bgintro2 .th_table {
    margin-top: 36px
}

    .article_bgintro2 .th_table table.mtbody {
        width: 100%
    }

.article_bgintro2 table tbody tr:nth-child(2) td {
    text-align: center
}

.article_bgintro2 table .thead th {
    width: 163px
}

@media (max-width: 980px) {
    .article_bgintro2 .th_table table.mtbody {
        width: calc(100% - 92px)
    }

    .article_trafficbgIntro .imgtwo figure, .article_dustbgIntro .imgtwo figure {
        text-align: center
    }
}

.article_dustbgIntro .th_file .file_second a {
    color: #666;
    font-weight: 400
}

    .article_dustbgIntro .th_file .file_second a img {
        vertical-align: middle;
        margin-right: .5em
    }

    .article_dustbgIntro .th_file .file_second a:hover {
        color: #069
    }

.tb2 {
    margin: 20px 0
}

    .tb2 * {
        color: #000
    }

    .tb2 .tbt {
        background: #eeecec;
        border: 1px solid #ccc;
        border-bottom: none;
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        padding: 10px 0
    }

    .tb2 table {
        width: 100%
    }

        .tb2 table .airgreen {
            background: #e5f4ef
        }

            .tb2 table .airgreen div:before {
                background: #009865
            }

        .tb2 table .airyellow {
            background: #ffffe9
        }

            .tb2 table .airyellow div:before {
                background: #fffb26
            }

        .tb2 table .airorange {
            background: #fff4ea
        }

            .tb2 table .airorange div:before {
                background: #ff9835
            }

        .tb2 table .airred {
            background: #fae5ea
        }

            .tb2 table .airred div:before {
                background: #ca0034
            }

        .tb2 table .airpurple {
            background: #f0e5f5
        }

            .tb2 table .airpurple div:before {
                background: #670099
            }

        .tb2 table .airbrown {
            background: #f2e5e9
        }

            .tb2 table .airbrown div:before {
                background: #7e0123
            }

        .tb2 table .aircl {
            overflow: hidden;
            padding: 0
        }

            .tb2 table .aircl div {
                position: relative;
                width: 100%;
                height: 60px;
                box-sizing: border-box
            }

                .tb2 table .aircl div:before {
                    content: "";
                    position: absolute;
                    width: 5px;
                    height: 60px;
                    left: 0;
                    top: 0
                }

                .tb2 table .aircl div:after {
                    content: "";
                    display: inline-block;
                    vertical-align: middle;
                    width: 0;
                    height: 100%
                }

                .tb2 table .aircl div b {
                    display: inline-block;
                    vertical-align: middle;
                    width: 98%
                }

        .tb2 table * {
            font-size: 14px;
            line-height: 20px
        }

        .tb2 table td.red, .tb2 table sup.red {
            color: #e00000;
        }

        .tb2 table tr:nth-child(odd) td {
            background: #f0f5f9
        }

        .tb2 table th, .tb2 table td {
            border: 1px solid #ccc;
            padding: 5px;
            box-sizing: border-box;
            text-align: center
        }

            .tb2 table th span, .tb2 table td span {
                display: block
            }

        .tb2 table th {
            background: #eefbff
        }

            .tb2 table th.title {
                font-weight: 700;
                background: #fff;
                padding: 10px
            }

        .tb2 table.mthead {
            display: none;
            float: left;
            width: 115px
        }

            .tb2 table.mthead tbody {
                display: table;
                width: 100%
            }

            .tb2 table.mthead th {
                padding: 5px 5px 5px 10px;
                height: 62px;
                font-weight: 700
            }

                .tb2 table.mthead th span {
                    display: inline-block
                }

                .tb2 table.mthead th.title {
                    background: none;
                    border-right: none
                }

                    .tb2 table.mthead th.title span {
                        position: absolute;
                        left: 50%;
                        margin-top: -6px;
                        margin-left: -10px;
                        z-index: 1
                    }

#tg2 .tb2 table th.aircl, #tg3 .tb2 table th.aircl {
    padding: 0 !important
}

    #tg2 .tb2 table th.aircl div, #tg3 .tb2 table th.aircl div {
        padding: 5px 5px 5px 10px
    }

    #tg3 .tb2 table th.aircl div {
        height: 43px
    }

#tg4 .tb2 table {
    table-layout: fixed
}

    #tg4 .tb2 table .aircl div {
        padding-top: 10px
    }

        #tg4 .tb2 table .aircl div:before {
            width: 100%;
            height: 8px
        }

    #tg4 .tb2 table tr th {
        font-weight: 700
    }

        #tg4 .tb2 table tr th:nth-child(1) {
            width: 100px
        }

    #tg4 .tb2 table tr + tr th:nth-child(1) {
        background: #fff
    }

    #tg4 .tb2 table tr:nth-child(odd) td {
        background: #fff
    }

    #tg4 .tb2 table tr:nth-child(5) td, #tg4 .tb2 table tr:nth-child(6) td, #tg4 .tb2 table tr:nth-child(7) td {
        text-align: left;
        vertical-align: top
    }

.tb2 table.con td, .tb2 table.con th {
    height: 62px;
    width: 125px
}

@media (max-width: 980px) {
    .tb2 {
        overflow: hidden
    }

        .tb2 table.mthead {
            display: block
        }

        .tb2 table.con {
            float: left;
            position: relative;
            display: block;
            overflow-x: scroll;
            width: calc(100% - 115px)
        }

            .tb2 table.con tbody {
                float: left;
                display: block;
                width: 875px
            }

            .tb2 table.con td, .tb2 table.con th {
                height: 62px;
                width: 125px
            }

                .tb2 table.con td span, .tb2 table.con th span {
                    display: inline-block
                }

            .tb2 table.con tr:nth-child(1) th:nth-child(1) {
                display: none
            }

            .tb2 table.con tr + tr th {
                display: none
            }

                .tb2 table.con tr + tr th.title {
                    display: block;
                    background: #fff;
                    border: none;
                    text-indent: -9999px
                }

    #tg3 .tb2 table.mthead {
        width: 95px
    }

        #tg3 .tb2 table.mthead tr th {
            height: 45px
        }

        #tg3 .tb2 table.mthead tr:nth-child(2) th {
            height: 75px
        }

    #tg3 .tb2 table.con {
        width: calc(100% - 95px)
    }

        #tg3 .tb2 table.con tr:nth-child(2) td {
            height: 75px
        }

        #tg3 .tb2 table.con td, #tg3 .tb2 table.con th {
            height: 45px
        }

            #tg3 .tb2 table.con th.title {
                height: 44px
            }

    #tg4 .tb2 table.mthead {
        width: 85px
    }

        #tg4 .tb2 table.mthead tr:nth-child(3) th {
            height: 124px
        }

        #tg4 .tb2 table.mthead tr:nth-child(4) th {
            height: 91px
        }

        #tg4 .tb2 table.mthead tr:nth-child(5) th, #tg4 .tb2 table.mthead tr:nth-child(6) th {
            height: 191px
        }

        #tg4 .tb2 table.mthead th {
            padding: 5px
        }

    #tg4 .tb2 table.con {
        width: calc(100% - 85px)
    }

        #tg4 .tb2 table.con tbody {
            width: 900px
        }

        #tg4 .tb2 table.con td, #tg4 .tb2 table.con th {
            height: 62px;
            width: 150px
        }

            #tg4 .tb2 table.con td span, #tg4 .tb2 table.con th span {
                display: block
            }
}
