@charset "utf-8";
html, body {margin: 0px;padding: 0px;}
IMG {border-width:0px;}
a{ text-decoration:none !important; color:#555}
a:hover{ text-decoration:none; }
@font-face{font-family: SourceHanSansCN-Normal;src: url(../font/SourceHanSansCN-Normal.otf);}
* {list-style-type: none;margin: 0;padding: 0; font-family:"SourceHanSansCN-Normal" }

@font-face{font-family: "Karbon-Regular";
    src: url(/font/Karbon-Regular.otf)}

@media (min-width: 769px) {
    .control-box{margin:50px auto 70px}
    .control-title{font-size: 36px;color: #00adbb;line-height: 45px;font-weight: 700}
    .control-en{font-size: 16px;color: #00adbb}
    .control-content{font-size: 18px;line-height: 36px;line-height:30px;margin:35px auto 45px}
    .control-content img{display: block}
    .control-list{margin:25px auto;
        .name{font-size: 30px;text-align: center;font-weight: bold;color: #333;margin: 50px 0}
        li{border-radius: 10px;padding: 25px;font-size: 16px;margin:35px auto;
            box-shadow: 0 0 5px 0 #dfdfdf;overflow: hidden;
        h2{font-weight: normal;font-size:22px;font-weight: 700;
            margin:0 auto;border-bottom: solid 2px #08adbd;line-height: 45px;margin-bottom: 15px;padding-bottom: 6px}
            .article{font-size: 17px;line-height:33px;color: #393939;}
        }
    }

    .file-box{margin:45px auto;overflow: hidden;
    li{margin:15px auto;padding: 5px 0;
        a{display: block;display: flex;justify-content: space-between;align-content: center;flex-direction: row}
        .l{width: calc(100% - 170px);font-size: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
        time{font-size: 18px;line-height: 30px;width: 150px}
        :hover{color: #08adbd}
    }
        .l:before{display: block;width: 10px;height: 10px;content: "";float: left;margin-top: 8px;
            background: #00adbb;border-radius: 20px;margin-right: 5px}
    }

    .sort-box{width: 98%;margin-top: 50px}
    .sort-box{text-align: center}
    .sort-box li{display: inline-block;font-size: 20px;}
    .sort-box li a{display: inline-block;margin-right: 10px;
        padding:10px 60px;border: solid 1px #00adbb;border-radius: 50px}
    .sort-box li a.active{background:#00adbb;color: #fff}
 /* 投资者*/
    .investor-box{width: 100%;margin:20px auto;overflow: hidden}
    .investor-right{float: left;width: 45%;
        h2{font-size: 22px;line-height: 35px;color:#00adbb }
        .article{font-size: 16px;line-height: 32px;color: #555}
    }
    .investor-content{font-size: 17px;line-height:38px;color: #555;margin:50px auto}
    .investor-content img{display: block;max-width: 100%;height: auto}
    .investor-content table tr td{border: solid 1px #666;padding: 3px}


 }


@media (max-width: 768px) {
    .control-box{margin:20px auto 30px;text-align: left}
    .control-title{font-size:20px;color: #00adbb;line-height:30px;font-weight: 700}
    .control-en{font-size: 12px;color: #00adbb}
    .control-content{font-size: 18px;line-height: 36px;line-height:30px;margin:35px auto 45px}
    .control-content img{display: block;max-width: 100%;height: auto}
    .control-list{margin:25px auto;
        .name{font-size: 20px;text-align: center;font-weight: bold;color: #333;margin: 20px 0}
        li{border-radius: 10px;padding: 25px;font-size: 16px;margin:20px auto;
            box-shadow: 0 0 5px 0 #dfdfdf;overflow: hidden;
            h2{font-weight: normal;font-size:18px;font-weight: 700;
                margin:0 auto;border-bottom: solid 2px #08adbd;line-height: 45px;margin-bottom: 15px;padding-bottom: 6px}
            .article{font-size: 13px;line-height:26px;color: #555;}
        }
    }
    .file-box{margin:20px auto;overflow: hidden;
        li{margin:10px auto;padding: 5px 0;
            a{display: block;display: flex;justify-content: space-between;align-content: center;flex-direction: row}
            .l{width: calc(100% - 100px);font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
            time{font-size: 12px;line-height: 30px;width: 95px}
            :hover{color: #08adbd}
        }
        .l:before{display: block;width: 10px;height: 10px;content: "";float: left;margin-top: 5px;
            background: #00adbb;border-radius: 20px;margin-right: 5px}
    }
    .sort-box{width: 98%;margin:40px auto 30px}
    .sort-box{text-align: center}
    .sort-box li{font-size: 16px;}
    .sort-box li a{width:45%;margin:0 2% ;display: block;padding: 5px 0;float: left;
       border: solid 1px #00adbb;border-radius: 50px}
    .sort-box li a.active{background:#00adbb;color: #fff}
    .nrk{text-align: right}
    /* 投资者*/
    .investor-box{width: 100%;margin:10px auto;overflow: hidden;overflow: hidden}
    .investor-right{width: 100%;text-align: left;
        h2{font-size: 20px;line-height: 35px;color:#00adbb;text-align: left }
        .article{font-size: 14px;line-height: 28px;color: #555}
    }
    .investor-content{font-size: 14px;line-height:30px;color: #555;margin:10px auto}
    .investor-content img{display: block;max-width: 100%;height: auto}
    .investor-content table tr td{border: solid 1px #666;padding: 3px}

}