@media screen and (max-width:1500px) {
    .market .market1 ul li:first-child, .market .market1 ul li:last-child {
        font-size: 14px;
    }

}
    @media screen and (max-width:1300px) {
        .w1300 {
            width: 90%;
            padding: 0 5%;
            overflow: hidden;
        }

        .w1200 {
            width: 95%;
            padding: 0 2.5%;
        }
        .footer .footer-main-col {
            min-width: 90px;
        }

        .header .top2 .language {
            left: 2.5%;
        }

        .header .top2 .tel {
            right: 2.5%;
        }
        .header .top2{
            height:80px;
        }
        .head-height {
            height: 80px;
        }
        .header .header-logo img {
            height: 30px;
        }

    }

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

        .header .top2 .header-right {
            right: 2.5rem;
        }

            .header .top2 .header-right a {
                margin-left: .5rem;
            }

                .header .top2 .header-right a img {
                    height: .8rem;
                }

        .pc {
            display: none;
        }

        .platform .platform2 ul li a .f2 h4 {
            font-size: 18px;
        }

        .home-swiper .swiper-pagination .swiper-pagination-bullet {
            border-radius: inherit;
            width: 30px;
            height: 3px;
            background: #fff;
            opacity: .5;
            position: relative;
        }

            .home-swiper .swiper-pagination .swiper-pagination-bullet:after {
                display: none;
            }

        .home-swiper .swiper-pagination .swiper-pagination-bullet-active {
            border: 0;
            opacity: 1;
        }

        .header-select {
            display: none;
        }

        .header {
            height: calc(1.88rem);
            -webkit-transition: initial;
            -moz-transition: initial;
            -ms-transition: initial;
            transition: initial;
            top: 0;
            border-bottom: 1px solid #e7e7e7;
        }

        .head-height {
            height: calc(1.88rem);
        }

        .header .top {
            line-height: 30px;
        }

            .header .top .w1300 {
                width: 97.5%;
                padding-left: 2.5%;
            }

        .header .top2 {
            border-bottom: 0;
            height: 1.88rem;
        }

            .header .top2 .header-logo {
                width: 80%;
            }

            .header .top2 .language {
                display: none;
            }

            .header .top2 .tel {
                display: none;
            }

            .header .top2 .red {
                display: none;
            }

            .header .top2 .header-logo {
                left: 2.5%;
                transform: translateY(-50%);
            }

        .header .header-logo img {
            height: 1.1rem;
            left: 0;
            display: block;
        }

        .header .header-nav {
            display: none;
        }

        .header .header-link {
            display: none;
        }

        .header .nav-btn {
            display: block;
            width: 1.88rem;
            height: 1.88rem;
            border-left: 1px solid #e7e7e7;
            position: absolute;
            top: 0;
            right: 0;
            text-align: center;
        }

            .header .nav-btn img {
                height: .5rem;
                margin-top: .7rem;
            }

        .header .header-tel {
            top: .54rem;
            right: 2.5rem;
        }

            .header .header-tel span {
                width: .5rem;
                height: 1rem;
                background-size: 100% 100%;
            }

            .header .header-tel a {
                font-size: .48rem;
            }

        body {
            min-width: initial;
        }

        .mobile {
            display: block !important;
        }

        .pc {
            display: none !important;
        }

        .header-mb {
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            width: 8rem;
            height: 100%;
            background: #fff;
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            -ms-transition: all .3s linear;
            transition: all .3s linear;
            z-index: 9999999;
        }

            .header-mb .nav-close {
                display: block;
                width: .5rem;
                height: .5rem;
                background: url(../images/icon_close.png) no-repeat;
                background-size: cover;
                position: absolute;
                top: .5rem;
                left: .5rem;
            }

            .header-mb .mb-nav {
                padding-top: 2.55rem;
            }

                .header-mb .mb-nav .mb-nav-item {
                    border-bottom: 1px solid #e4e4e4;
                }

                    .header-mb .mb-nav .mb-nav-item > a {
                        display: block;
                        font-size: .55rem;
                        line-height: 1.9rem;
                        color: #333;
                        font-family: "Microsoft YaHei";
                        font-weight: bold;
                        padding: 0 .5rem;
                        position: relative;
                        text-transform: uppercase;
                    }

                        .header-mb .mb-nav .mb-nav-item > a i {
                            display: block;
                            width: .54rem;
                            height: .54rem;
                            background: url(../images/icon_m_1.png) no-repeat center;
                            background-size: 100% auto;
                            position: absolute;
                            top: 50%;
                            right: .5rem;
                            -webkit-transform: translateY(-50%);
                            -moz-transform: translateY(-50%);
                            -ms-transform: translateY(-50%);
                            transform: translateY(-50%);
                        }

                    .header-mb .mb-nav .mb-nav-item .mb-sub-nav {
                        display: none;
                        border-top: 1px solid #e4e4e4;
                    }

                        .header-mb .mb-nav .mb-nav-item .mb-sub-nav li a {
                            display: block;
                            font-size: .52rem;
                            line-height: 1.4rem;
                            color: #333;
                            font-family: "Microsoft YaHei";
                            padding: 0 .5rem;
                            position: relative;
                        }

                    .header-mb .mb-nav .mb-nav-item li > a i {
                        display: block;
                        width: .54rem;
                        height: .54rem;
                        background: url(../images/icon_m_1.png) no-repeat center;
                        background-size: 100% auto;
                        position: absolute;
                        top: 50%;
                        right: .5rem;
                        -webkit-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }

                    .header-mb .mb-nav .mb-nav-item .mb-sub-nav2 {
                        display: none;
                        border-top: 1px solid #e4e4e4;
                    }

                        .header-mb .mb-nav .mb-nav-item .mb-sub-nav2 li a {
                            display: block;
                            font-size: .48rem;
                            line-height: 1.4rem;
                            color: #333;
                            font-family: "Microsoft YaHei";
                            padding: 0 .5rem;
                            position: relative;
                        }

                    .header-mb .mb-nav .mb-nav-item .mb-sub-nav li.cur > a {
                        background: #f8d5b8;
                    }

                        .header-mb .mb-nav .mb-nav-item .mb-sub-nav li.cur > a i {
                            background-image: url(../images/icon_m_2.png);
                        }

                    .header-mb .mb-nav .mb-nav-item.cur > a {
                        background: #ffefe2;
                    }

                        .header-mb .mb-nav .mb-nav-item.cur > a i {
                            background-image: url(../images/icon_m_2.png);
                        }

            .header-mb .mb-tel {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                padding: 0 .5rem;
            }

                .header-mb .mb-tel p i {
                    display: inline-block;
                    vertical-align: middle;
                    width: .44rem;
                    height: .44rem;
                    background: url(../images/icon_m_phone.png) no-repeat;
                    background-size: cover;
                }

                .header-mb .mb-tel p span {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: .44rem;
                    line-height: .48rem;
                    color: #666;
                    font-family: "Microsoft YaHei";
                    margin-left: .24rem;
                }

                .header-mb .mb-tel a {
                    display: block;
                    font-size: .68rem;
                    line-height: .68rem;
                    font-family: DINCond-Bold;
                    color: #0959a8;
                    padding: .4rem 0 1rem;
                    border-bottom: 1px dashed #e5e5e5;
                }

            .header-mb .mb-share {
                position: absolute;
                bottom: 1rem;
                right: .5rem;
            }

                .header-mb .mb-share span {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: .44rem;
                    line-height: .48rem;
                    color: #666;
                    font-family: "Microsoft YaHei";
                }

                .header-mb .mb-share a {
                    float: none;
                    display: inline-block;
                    vertical-align: middle;
                    width: 1.2rem;
                    height: 1.2rem;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    overflow: hidden;
                    padding: 0;
                    margin: 0;
                    background-position: 0 0;
                    background-size: cover;
                }

                    .header-mb .mb-share a span {
                        display: none !important;
                    }

                    .header-mb .mb-share a.mb-weinxin {
                        background-image: url(../images/icon_m_weixin.png);
                    }

                    .header-mb .mb-share a.mb-weibo {
                        background-image: url(../images/icon_m_weibo.png);
                        margin-left: .44rem;
                    }

            .header-mb.cur {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }

        .mb-code-box {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            z-index: 9999999;
            padding: 35px 10px 10px;
            background: #eee;
        }

            .mb-code-box .mb-code-close {
                display: block;
                position: absolute;
                top: 10px;
                right: 10px;
                width: 15px;
                height: 15px;
                background: url(../images/evaluate_close.png) no-repeat;
            }

        .footer .footer-service {
            padding: 1rem 0;
            line-height: 2;
            font-size: .52rem;
        }

            .footer .footer-service h1 {
                font-size: .64rem;
                font-weight: bold;
                margin-bottom: 10px;
            }

            .footer .footer-service li {
                font-size: .52rem;
            }

            .footer .footer-service h2 {
                font-size: .64rem;
            }

            .footer .footer-service .fl:nth-child(1) {
                width: 100%;
            }

            .footer .footer-service .fl:nth-child(2) {
                width: 100%;
                padding: 0;
            }

            .footer .footer-service .fl:nth-child(3) {
                width: 100%;
                text-align: center;
            }

            .footer .footer-service .fl:nth-child(4) {
                width: 100%;
                text-align: center;
            }

            .footer .footer-service .p {
                line-height: 2;
                font-size: .52rem;
                color: #fff;
                padding: 15px 0;
            }

            .footer .footer-service .tel {
                padding-left: 35px;
                color: #fff;
                line-height: 30px;
            }

                .footer .footer-service .tel p {
                    font-size: .64rem;
                    color: #fff;
                    font-family: 'Verdana';
                }

        .footer .footer-page {
            width: 96%;
            margin: 0 auto;
            font-size: .52rem;
            text-align: center;
            padding: .8rem 2%;
            color: #fff;
            display: inline-block;
        }

            .footer .footer-page a {
                color: #fff;
            }

            .footer .footer-page span {
                color: #fff2e8;
                display: block;
            }

            .footer .footer-page .page {
                display: block;
                font-size: .52rem;
                text-align: center;
                float: none;
                margin-top: 1rem;
            }

        .sub-nav {
            height: 1.86rem;
        }

            .sub-nav a {
                padding: 0 .2rem;
                margin: 0 .3rem;
            }

                .sub-nav a img {
                    height: .64rem;
                }

                .sub-nav a span {
                    font-size: .52rem;
                    line-height: 1.86rem;
                    margin: 0;
                    margin-left: .2rem;
                }

        footer {
            padding: 1rem 0;
        }

            footer .footer-main-col:first-child {
                width: 100%;
                text-align: center;
            }

            footer .footer-main-col > div > img {
                width: 40%;
            }

            footer .footer-add {
                text-align: center;
                padding-top: 1rem;
                font-size: .4rem;
            }

                footer .footer-add div.k {
                    line-height: 1.5;
                    padding: 10px 0;
                }

                    footer .footer-add div.k span {
                        font-size: .55rem;
                    }

            footer .footer-copyright {
                font-size: .4rem;
                text-align: center;
                border-top: 1px solid #eee;
            }

            footer .footer-main-col:first-child {
                min-width: 100%;
            }

        .w {
            width: 90%;
            margin: 0 5%;
        }

        .title {
            padding: .5rem;
            margin-bottom: .55rem;
        }

            .title h1 {
                font-size: .9rem !important;
            }

            .title h2 {
                font-size: .7rem !important;
            }

            .title p {
                font-size: .55rem !important;
                ;
            }

        .index-about {
            background: #fff;
            padding: 1rem 0;
        }

            .index-about .title {
                text-align: center;
            }

            .index-about .info {
                width: 100%;
                font-size: .55rem;
            }

            .index-about .img {
                margin: 1rem 0;
            }

                .index-about .img img {
                    width: 50%;
                }

            .index-about .more {
                margin: 0 auto;
                font-size: .55rem;
            }

        .index-platform {
            padding: 1rem 0;
            background: url(../images/index-platform.jpg) no-repeat top center;
        }

            .index-platform .more {
                font-size: .55rem;
            }

            .index-platform ul {
                width: calc(100%);
                margin-top: 1rem;
            }

                .index-platform ul li {
                    width: calc(100%);
                    margin-right: 0;
                    margin-bottom: 10px;
                    padding: 20px 0;
                }

        .index-competitive {
            padding: 1rem 0;
        }

            .index-competitive ul li:first-child, .index-competitive ul li:last-child {
                display: none;
            }

            .index-competitive ul li {
                width: 50%;
                margin-bottom: 1rem;
                padding: .3rem 0;
            }

                .index-competitive ul li:nth-child(2), .index-competitive ul li:nth-child(3), .index-competitive ul li:nth-child(4), .index-competitive ul li:nth-child(5), .index-competitive ul li:nth-child(6) {
                    width: 50%;
                }


                .index-competitive ul li h1 {
                    margin-top: 1rem;
                    font-size: .55rem;
                }

                .index-competitive ul li h2 {
                    font-size: .5rem;
                }

        .index-therapeutic {
            padding: 1rem 0;
            background: url(../images/index-therapeutic.jpg) top center;
        }

            .index-therapeutic .title h1, .index-therapeutic .title h2, .index-therapeutic .title p {
                color: #fff;
            }

            .index-therapeutic ul li {
                background: url(../images/tp.png) no-repeat top center;
                background-size: auto 100%;
                width: calc(100%);
                text-align: center;
                height: 70vw;
                float: left;
            }

                .index-therapeutic ul li h1 {
                    padding-top: 10%;
                    font-size: .65rem;
                }

                .index-therapeutic ul li h2 {
                    font-size: .6rem;
                    margin-bottom: 10%;
                }

                .index-therapeutic ul li p {
                    font-size: .55rem;
                }

            .index-therapeutic .more {
                font-size: .55rem;
                margin-top: 1rem;
            }

        .index-news {
            padding: 1rem 0;
        }

            .index-news ul {
                width: calc(100%);
                margin-top: 1rem;
            }

                .index-news ul li {
                    width: calc(100%);
                    margin-right: 0;
                    margin-bottom: 20px;
                    float: left;
                }

                    .index-news ul li img {
                        width: 100%;
                    }

                    .index-news ul li .date {
                        font-size: .5rem;
                    }

                    .index-news ul li h1 {
                        font-size: .7rem;
                    }

                    .index-news ul li .p {
                        font-size: .55rem;
                    }

            .index-news .more {
                font-size: .55rem;
                margin-top: 1rem;
            }

        .platform .platform1 {
            padding: 1rem 0;
        }

            .platform .platform1 h1 {
                font-size: 1rem;
            }

            .platform .platform1 p {
                padding: .5rem 0;
                font-size: .55rem;
            }

        .platform .platform2 {
            padding: 1rem 0;
        }

            .platform .platform2 ul {
                width: calc(100%);
                margin-top: 1rem;
            }

                .platform .platform2 ul li {
                    width: calc(100%);
                    margin-right: 0;
                    margin-bottom: 0;
                    padding: 0 0;
                }

                    .platform .platform2 ul li h1 {
                        font-size: .55rem;
                        padding: 0;
                    }

            .platform .platform2 .p {
                font-size: .55rem;
            }

        .platform .platform3 {
            padding: 1rem 0;
        }

            .platform .platform3 .pl, .platform .platform3 .pr {
                position: relative;
                margin-bottom: 1rem;
            }

                .platform .platform3 .pl img, .platform .platform3 .pr img {
                    width: 100%;
                }

            .platform .platform3 .pr {
                text-align: right;
            }

            .platform .platform3 .pl .info {
                right: 0;
            }

            .platform .platform3 .info {
                position: inherit;
                transform: initial;
                width: 100%;
            }

                .platform .platform3 .info h1 {
                    font-size: .8rem;
                }

                .platform .platform3 .info .p {
                    font-size: .55rem;
                }

        .market .market1 {
            padding: 1rem 0;
        }


            .market .market1 ul li {
                float: left;
                width: 50%;
                text-align: center;
                margin-bottom: 1rem;
            }

                .market .market1 ul li:nth-child(2), .market .market1 ul li:nth-child(3), .market .market1 ul li:nth-child(4), .market .market1 ul li:nth-child(5), .market .market1 ul li:nth-child(6) {
                    width: 50%;
                }

                .market .market1 ul li h1 {
                    margin-top: .5rem;
                    font-size: .55rem;
                    line-height: 1;
                }

                .market .market1 ul li h2 {
                    font-size: .55rem;
                }


        .market .market2 {
            padding: 1rem 0;
        }

            .market .market2 .pl, .market .market2 .pr {
                position: relative;
                margin-bottom: 1rem;
            }

                .market .market2 .pl img, .market .market2 .pr img {
                    width: 100%;
                }

            .market .market2 .pr {
                text-align: right;
            }

            .market .market2 .pl .info {
                right: 0;
            }

            .market .market2 .info {
                position: inherit;
                transform: initial;
                width: 100%;
            }

                .market .market2 .info h1 {
                    padding-top: 1rem;
                    font-size: .8rem;
                }

                .market .market2 .info h2 {
                    font-size: .55rem;
                }

                .market .market2 .info .p {
                    padding: .5rem 0;
                    font-size: .55rem;
                }

        .market .market3 {
            padding: 1rem 0;
        }


            .market .market3 ul li {
                width: 49%;
                margin-bottom: .7rem;
            }

                .market .market3 ul li div {
                    font-size: .55rem;
                    padding: 20px;
                    line-height: 30px;
                }

                .market .market3 ul li img {
                    margin-right: 10px;
                }

                .market .market3 ul li p {
                    font-size: .55rem;
                    line-height: 45px;
                    border-radius: 0 0 30px 0;
                }


        .market .market4 {
            padding: 1rem 0;
        }

            .market .market4 h1 {
                font-size: .7rem;
            }

            .market .market4 p {
                font-size: .55rem;
            }

        .market .market5 {
            padding: 1rem 0;
        }

            .market .market5 ul {
                width: 100%;
            }

                .market .market5 ul li {
                    width: calc(100%);
                    margin-right: 0;
                    margin-bottom: 1rem;
                    float: left;
                }

                    .market .market5 ul li h1 {
                        color: #164a95;
                        font-size: .8rem;
                        font-weight: bold;
                    }

                    .market .market5 ul li h2 {
                        font-size: .7rem;
                        margin-bottom: .5rem;
                    }

                    .market .market5 ul li .p {
                        font-size: .55rem;
                        color: #111;
                        position: relative;
                        height: 100%;
                    }

                        .market .market5 ul li .p p {
                            width: 100%;
                            line-height: 1.5
                        }

                    .market .market5 ul li img {
                        position: relative;
                        right: 0;
                        top: 0;
                        width: 100%;
                        margin-top: .5rem;
                    }

        .market .market6 {
            padding: 1rem 0;
        }

            .market .market6 h1 {
                font-size: .7rem;
            }

            .market .market6 h2 {
                font-size: .7rem;
            }

            .market .market6 h3 {
                font-size: .65rem;
            }

            .market .market6 p {
                font-size: .55rem;
                width: 100%;
            }


        .market .market7 {
            padding: 1rem 0;
        }

            .market .market7 ul li {
                padding-bottom: 1rem;
                border-left: 1px solid #164a95;
                padding-left: 25px;
                margin-left: 10px;
            }

                .market .market7 ul li h1 {
                    color: #164a95;
                    font-size: .8rem;
                    position: relative;
                    margin-top: -7px;
                }

                    .market .market7 ul li h1:before {
                        position: absolute;
                        content: "";
                        left: -37px;
                        top: 3px;
                        width: 20px;
                        height: 20px;
                        border-radius: 50%;
                        border: 1px solid #164a95;
                    }

                    .market .market7 ul li h1::after {
                        position: absolute;
                        content: "";
                        left: -33px;
                        width: 14px;
                        height: 14px;
                        top: 7px;
                        border-radius: 50%;
                        background: #164a95;
                    }

                .market .market7 ul li h2 {
                    color: #000;
                    font-size: .55rem;
                    position: relative;
                    margin-top: 10px;
                    margin-bottom: 30px;
                }

                .market .market7 ul li h3 {
                    color: #e47f12;
                    font-size: .7rem;
                    line-height: 2;
                }

                .market .market7 ul li p {
                    color: #000;
                    font-size: .55rem;
                    line-height: 2;
                }



                .market .market7 ul li .flex {
                    flex-direction: column-reverse;
                }



                    .market .market7 ul li .flex > div {
                        width: 100%;
                        margin-bottom: .55rem;
                    }





        .news {
            padding: 0 0 1rem;
        }

            .news .news-list {
                padding: 5%;
            }

                .news .news-list li {
                    margin-bottom: .4rem;
                    padding-bottom: .4rem;
                    width: 100%;
                }

                    .news .news-list li .img-box {
                        width: 100%;
                        height: auto;
                    }

                        .news .news-list li .img-box img {
                            width: 100%;
                            height: auto;
                        }

                    .news .news-list li .info {
                        width: 100%;
                        height: auto;
                        padding-bottom: 1rem;
                    }

                        .news .news-list li .info .date {
                            font-size: .5rem;
                        }

                        .news .news-list li .info h1 {
                            font-size: .6rem;
                            line-height: 1.5;
                            margin: 0;
                            white-space: normal;
                        }

                        .news .news-list li .info .p {
                            padding: .5rem 0;
                            font-size: .5rem;
                        }

                        .news .news-list li .info .more {
                            font-size: .45rem;
                        }

            .news .newsview h3 {
                font-size: .58rem;
                padding: 5% 5%;
            }

            .news .newsview .time {
                padding: 0 5%;
                font-size: .48rem;
                margin-top: .3rem;
            }

            .news .newsview .contactus {
                position: relative;
                font-size: .52rem;
                width: 3rem;
                margin: 1rem .5rem;
                left: 0;
            }

            .news .newsview .news-text {
                padding: 0 5%;
                font-size: .52rem;
            }

                .news .newsview .news-text img {
                    max-width: 100%
                }

            .news .newsview .back {
                margin-right: 5%;
                font-size: .52rem;
            }

        .join .top {
            background: #fff;
        }

            .join .top a {
                line-height: 40px;
                width: 50%;
                display: block;
                color: #111;
                font-size: .8rem;
                text-align: center;
            }

                .join .top a:hover, .join .top a.hover {
                    color: #e48011;
                    border-bottom: 2px solid #e48011;
                }

        .join .title h1, .join .title h2 {
            font-size: .8rem;
            text-align: left;
        }

        .join .join1 {
            padding: 1rem 0;
            font-size: 16px;
            color: #969696;
        }

            .join .join1 input[type=text] {
                font-size: .55rem;
                line-height: 40px;
                padding: 0 20px;
                width: 100%;
                border-radius: 20px;
                border: 1px solid #aaa;
                margin-bottom: 20px;
            }

                .join .join1 input[type=text]:nth-child(1), .join .join1 input[type=text]:nth-child(3) {
                    margin-right: 0;
                }

            .join .join1 textarea {
                font-size: .55rem;
                line-height: 40px;
                padding: 0 20px;
                border-radius: 20px;
                border: 1px solid #aaa;
                width: 100%;
                margin-bottom: 20px;
            }

            .join .join1 input[type=submit] {
                border-radius: 20px;
                border: 0;
                background: #164a95;
                color: #fff;
                line-height: 40px;
                width: 100%;
                font-size: 16px;
            }

        .join .join2 {
            margin-top: 80px;
            font-size: .7px;
            background: url(../images/map.jpg) no-repeat left bottom;
            background-size: auto 200px;
        }

            .join .join2 .w {
                background: none;
                padding: 20px 0 220px;
            }

            .join .join2 p {
                font-size: .75px;
                text-transform: uppercase;
                line-height: 2;
            }

            .join .join2 .fl {
                width: 350px;
                padding: 10px .5rem;
            }

        .join .join3 {
            padding: 1rem 0;
        }

            .join .join3 table.t1 {
                width: 100%;
            }

                .join .join3 table.t1 thead th {
                    background: #f2f2f2;
                    text-align: center;
                    font-size: .5rem;
                    font-weight: bold;
                    line-height: 3;
                }

                    .join .join3 table.t1 thead th:first-child {
                        padding-left: 10px;
                        text-align: left;
                    }

                .join .join3 table.t1 thead td {
                    background: #fff;
                    text-align: center;
                    font-size: .45rem;
                    line-height: 3;
                }

                    .join .join3 table.t1 thead td:first-child {
                        padding-left: 10px;
                        text-align: left;
                        color: #164a95;
                        font-weight: bold;
                    }

                    .join .join3 table.t1 thead td span {
                        display: block;
                        width: 20px;
                        height: 20px;
                        margin: 0 auto;
                        background: #164a95;
                        position: relative;
                        cursor: pointer;
                    }

                        .join .join3 table.t1 thead td span:After {
                            position: absolute;
                            content: "＞";
                            color: #fff;
                            top: 45%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                        }

                        .join .join3 table.t1 thead td span.hover {
                            transform: rotate(90deg);
                        }

                .join .join3 table.t1 > tbody td {
                    background: #f2f2f2;
                    padding: 1px;
                    font-size: .55rem;
                }

                    .join .join3 table.t1 > tbody td .fl {
                        line-height: 2;
                        padding: 5px 10px;
                        width: 100%;
                    }

                        .join .join3 table.t1 > tbody td .fl:first-child {
                            padding-left: 10px;
                            text-align: left;
                        }
    }