@charset "utf-8";

        #news_board_all {
            position: fixed;
            z-index: 2;
            top: 200px;
            left: -302px;
            transition: 1s ease;
        }

        #news_board_all:hover {
            left: -2px;
        }

        #news_board {
            width: 260px;
            height: 130px;
            background: rgba(255, 255, 255, 0.83);
            float: left;
            box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.51);
            padding: 20px;
            border-radius: 0px 0px 5px 0px;
            border: 1px solid #fff;
        }

        #news-board-title {
            text-align: center;
            font-size: 13px;
            letter-spacing: 3px;
            color: #000;
            float: left;
            width: 24px;
            height: 135px;
            padding: 5px;
            background: #fff;
            border-radius: 0px 3px 3px 0px;
            -webkit-writing-mode: vertical-lr;
        }

        #news_api {
            font-size: 14px;
        }

        #news_api ul li {
            list-style: none;
            border-bottom: 1px dotted #fff;
            padding-bottom: 2px;
        }

        #news_api .title {
            display: table;
            float: left;
            width: inherit;
        }

        #news_api .title a {
            color: #000;
        }

        #news_api .icon {
            color: #fdb817;
        }

        #news_api .date {
            font-size: 10px;
            text-align: right;
            color: #696969;
        }

        #index_con, #index_news_con {
            width: 70%;
            margin: 1% auto;
            display: table;
        }

        #index_con #title_con, #index_news_con #title_con {
            float: left;
            margin-right: 5%;
            border-bottom: 0px;
        }

        #index_con ul {
            float: left;
            width: 30%;
            padding-left: 5%;
            border-left: 1px solid #dadada;
        }

        #index_news_con {
            display: none;
        }

        #news_con2 {
            width: 90%;
            margin: auto;
            padding: 0% 5%;
        }

        #news_con2 .icon {
            float: left;
            color: #fdb817;
        }

        #news_con2 .title {
            float: left;
            width: inherit;
        }

        #news_con2 .title a {
            color: #333;
        }

        #news_con2 .date {
            text-align: right;
            color: #b5b5b5;
        }

        }
        @media screen and (min-width: 1024px) and (max-width: 1509px) {
            #index_con, #index_news_con {
                width: 80%;
            }

            #index_con #title_con, #index_news_con #title_con {
                float: none;
            }

            #index_con ul {
                float: left;
                width: 44%;
                padding-left: 5%;
                border-left: 1px solid #dadada;
            }
        }

        @media screen and (min-width: 769px) and (max-width: 1023px) {
            #index_con, #index_news_con {
                width: 80%;
            }

            #index_con #title_con, #index_news_con #title_con {
                float: none;
            }

            #index_con ul {
                float: left;
                width: 39%;
                padding-left: 5%;
                border-left: 1px solid #dadada;
            }
        }

        @media screen and (max-width: 768px) {
            #index_con, #index_news_con {
                width: 85%;
                margin: 5% auto;
            }

            #index_con #title_con, #index_news_con #title_con {
                float: none;
                width: 90%;
                margin: 5% auto;
                border-bottom: 1px solid #331f0d;
            }

            #index_con ul {
                width: 100%;
                border: 0px;
            }

            #news_board_all {
                display: none;
            }

            #index_news_con {
                display: block;
            }
        }

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