*{
    margin:0;
    padding:0
}
body{
    overflow-x: hidden;
}
.bgf1{
    background-color: #f1f2f4;
}
div{
    box-sizing: border-box;
}
.top{ 
    height: 40px;
    background: #F1F2F4; 
    padding-top: 8px;
}
.main{  
    margin: 0 auto;
    width: 1200px;
}
.login-reg{
    padding-top: 2px;
}
.flex{
    display: flex;
}
.a-c{
    align-items: center;
}
.h40{
    height: 40px;
}
.j-s{
    justify-content: space-between;
}
.reg{
    width: 64px;
    height: 20px;
    background: #EE0103;
    border-radius: 10px; 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF !important;
    text-align: center;
}
.login{
    width: 64px;
    height: 20px;
    background: #F1F2F4;
    border-radius: 10px;
    border: 1px solid #EE0103;
    text-align: center; 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
    color: #EE0103 !important;
}
.login a{
    color: #EE0103 !important; 
}
.mt-10{
    margin-top: 10px;
}
.mt-20{
    margin-top: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mt-40{
    margin-top: 40px;
}
.mt-50{
    margin-top: 50px;
}
.mt-60{
    margin-top: 60px;
}
 
.ml-10{
    margin-left: 10px;
}
.ml-20{
    margin-left: 20px;
}
.ml-30{
    margin-left: 30px;
}
.ml-40{
    margin-left: 40px;
}
.ml-50{
    margin-left: 50px;
}
.ml-60{
    margin-left: 60px;
}
.ml-70{
    margin-left: 70px;
} 
 
.ml-100{
    margin-left: 100px;
}
.ml-150{
    margin-left: 150px;
}
.ml-200{
    margin-left: 200px;
}
.ml-250{
    margin-left: 250px;
}
.ml-300{
    margin-left: 300px;
}

.nav{
    height: 106px;
    background-color: #fff;
}
.logo{
    width: 166px;
    height: 77px;
}
.logo-text{
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 14px;
    color: #3F3A39;
    white-space: nowrap;
}
.nav-act{
    color: #EE0103 !important;
}
.nav-link{ 
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    width: 636px;
}
.logo-box{
    width: 166px;
}

.search{
    width: 200px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #FF9A9B;
}
.search-input{
    background-color: transparent;
    border: none;
    outline: none;
    width: 160px;
    height: 38px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    padding-left: 20px;

}
.search-box{
    width: 160px;
}
.search-btn{
    width: 40px;
    height: 40px;
    background: #EE0103;
    border-radius: 0px 20px 20px 0px;
    border: 1px solid #EE0103;
    cursor: pointer;
}
.j-c{
    justify-content: center;
}
.notice{
    height: 50px;
}
.notice-text{
 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.notice-more{
 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #EE0103;
}

.notice_left_box{
    height: 50px;position: relative;
    overflow: hidden;
    width: 550px;
}
.notice_left_area{
    position: absolute;
}


.notice_right_box{
    height: 50px;position: relative;
    overflow: hidden;
    width: 550px;
}

.notice_right_area{
    position: absolute;
}


.notice_art{
    width: 590px;height: 50px;
}



.box{
    width: 590px;
}
.pt-25{
    padding-top: 25px;
}
.pb-40{
    padding-bottom: 40px;
}
.mt-25{
    margin-top: 25px;
}
.box-title{
    display: flex;
}
.p-30{
    padding: 30px;
}


.title-left{
    width: 4px;
    height: 30px;
    background: #EE0103;
    border-radius: 2px;
}
.box-title .title-info{
    margin-left: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 24px;
    color: #999;
    cursor: pointer;
}
.article-box{
    display: none;
}

.box-title  .title-info-act{
    margin-left: 40px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 24px !important;
    color: #333 !important;
}



.box-title .title-text{
    margin-left: 16px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 24px;
    color: #333333;
}


.bg-white{
    background-color: #fff;
}
.radiu10{
    border-radius: 10px;
}
.p14{
    padding: 14px;
}
.tab{
    display: flex;
}
.tab-item{
    width: 64px;
    height: 30px;
    background: #F1F2F4;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    margin-left: 10px;
    cursor: pointer;
}
.tab-act{
    text-align: center;
    width: 64px;
    line-height:30px;
    height: 30px;
    background: #FFFFFF;
    border-radius: 15px;
    border: 1px solid #EE0103;
    
    color: #EE0103;;
    
}
.zhishu{
   
    width: 180px;
    height: 100px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #F1F2F4;
    padding: 10px;
    color: #999999;
    cursor: pointer;
}
#loadData{
    font-size: 30px;
    text-align: center;
    line-height: 400px;
}
.zhishu-act{
    width: 180px;
    height: 100px;
    background: #F1F2F4;
    border-radius: 4px;

}
.zhishu-name{
 
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
}
.zhishu-down{
    color: #1AB600;

}
.zhishu-num{ 
    font-family: PingFang SC;
    font-weight: bold;
    font-size: 30px;
    
}
.zhishu-rate{ 
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 16px;
}
.zhishu-up{
    color: #EE0103;
}
.chart{
    margin-top:20px
}
.chart .chart_img{
    width: 540px;height: 270px;
    display: none;
}
 
.shuju{
    
}
.shuju-item{
    width: 180px;
    height: 180px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #F1F2F4;
    text-align: center;
    padding: 46px 0 20px 0 ;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 16px;
    color: #333333;

}
.shuju-num{ 
font-family: PingFang SC;
font-weight: bold;
font-size: 30px;
color: #0D55BB;
}
.shuju-num1{
    color: #0D55BB;
}
.shuju-num2{
    color:#EE0103;
}
.qiehuan-item{
    width: 60px;
    height: 6px;
    border-radius: 3px;
    background: #F1F2F4;
}
.qiehuan-act{
    
background: #EE0103;
}
.shuju-qiehuan{
    display: flex;
    justify-content: center;
    height: 50px;
    align-items: center;
}
.more{
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
}
.art-list{
    border-bottom: 1px dashed #999;
    padding: 20px 0;
}
.art-list .art-title-text{ 
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 20px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.art-dis{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #999;
}
.table-title{
    width: 1172px;
    height: 60px;
    background: #EE0103;
    border-radius: 6px 6px 0px 0px;
    color: #fff;
    font-size: 16px;
    /*padding: 20px;*/
}
.table-title > div{
    text-align: center;
}
.table-list{
    width: 1172px;
    height: 60px; 
    color: #333;
	font-size:18px;
    /*padding: 20px;*/
    /*display: block;*/
}
.table-list > div{
    text-align: center;
	white-space:nowrap;
	flex:auto;
}
.table-list:nth-child(even){
    background: #F5F5F5;
}

.company_name{
    width: 240px;
    overflow: hidden;
}
.jian{
    width: 110px;
    overflow: hidden;
}
.company_code{
    overflow: hidden;
    width: 100px;
}
.bk{
    overflow: hidden;
    width: 85px;
}
.zb{
    overflow: hidden;
    width: 100px;
}

.title-notice1{
 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #EE0103;
}
.title-notice2{ 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #999;
}
.title-des{
    margin-left: 40px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 24px;
    color: #999999;
}

.art-img{
    position: relative;
    overflow: hidden;
    width: 280px;
    height: 200px;
    border-radius: 10px;
}
.img-des{
    width: 280px;
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0,0.6);
    border-radius: 0px 0px 10px 10px; 
    color: #fff;
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    left: 0;
} 
.art-list2{
    width: 380px;
    align-self: flex-start;
}
.art-list3{
    width: 550px;
    align-self: flex-start;
}
.art-list-item{

}
.art-list-item-dian{
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: rgba(213, 218, 220, 1);
}
.art-list-item-title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 10px;
    width: 350px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    line-height: 36px;
}
.footer{
    /*width: 1920px;*/
    /*height: 300px;*/
    background: #220808;
    text-align: center;
}
.footer-line{
    width: 1920px;
    height: 6px;
    background: #EE0103;   
}
.web-name{ 
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
}
.copyright{
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
}
.detail-banner{
    background: url(./../img/detail-banner.png);
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    width: 1920px;
    height: 200px;
    padding: 70px 0 0 60px;
}
.list-banner{
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 48px;
    color: #FFFFFF;
    width: 100%;
    height: 200px;
    padding: 70px 0 0 60px;
    background-position: 100% 200px;
}
.detail-nav{ 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}
.detail-title{
    
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 24px;
    color: #333333;
    text-align: center;
}
.title-dian{
    width: 30px;
height: 4px;
background: #EE0103;
border-radius: 2px;
}
.f-d-c{
    flex-direction: column;
}
.text-center{
    text-align: center;
}
.text-detail
{
    
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #999999;
}
.content{ 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
}


.list-left-nav{
    border-radius: 10px;
    background-color: #fff;
    
    width: 300px;
}
.left-nav-item{
    width: 300px;
    height: 70px; 
}
.left-nav-item-act{
    width: 4px;
    height: 30px;
    background: #EE0103;
    border-radius: 2px;
}
.left-nav-item-title{
    margin-left: 24px; 
    border-bottom: 1px solid #F1F2F4;
    width: 240px;
    padding: 24px 0;
    color: #333 !important;
    font-size: 24px;
}
.left-nav-item:nth-last-child(1) .left-nav-item-title {
    border-bottom:none
}
.list-right{
    width: 880px;
}
.list-box{
    width: 880px;
    border-radius: 10px;
    background-color: #fff;
    margin-top: 27px;
}

.list-item{
    padding: 10px 20px 0;
}
.list-item-art{
    border-bottom: 1px solid #F1F2F4; 
    padding-bottom: 10px;
}

.left-date{
    width: 100px;
    height: 100px; 
    background: #fff;
    border-radius: 10px;
    border: 1px solid #F5F5F5;
    text-align: center;
}
.day{ 
    font-family: PingFang SC;
    font-weight: 800;
    font-size: 30px;
    color: #333333; 
}
.left-year{
    
    font-size: 16px;
    color: #333333; 
}

.right-art{
    width: 730px;
    padding: 10px 0;
}
.list-title{ 
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 20px;
    color: #333333;
}
.list-des{ 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    line-height: 24px;

    /*保留2行*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
} 

.text-info{ 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #333333; 
    line-height: 24px;
}
.text-info p{
    text-indent: 2em;
    margin-top: 20px;
}
.w390{
    width: 390px;
}
.form-title{
 
    font-family: Source Han Sans CN;
    font-weight: 700;
    font-size: 18px;
    color: #333333;
    padding: 10px 20px;
}
.form-input{
    width: 360px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #F1F2F4;
    padding-left: 20px;
    box-sizing: border-box;
}
.relative{
    position: relative;
}
.code{
    position: absolute;
    right: 0;
    top:0;
}
.form-textarea{
    width: 1120px;
    height: 260px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #F1F2F4;
    padding: 12px 20px;
    box-sizing: border-box;
}
.submit{
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #EE0103;
    border-radius: 20px;
    border: 1px solid #EE0103;
    cursor: pointer;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
}
.reset{
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #F1F2F4;
    cursor: pointer;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 18px;
}
.left-search{
    width: 300px;
    background-color: #fff;
    border-radius: 10px;
    font-size: 14px;
}

.left-input{
    width: 270px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #F1F2F4;
}

.input-text{
    background-color: transparent;
    border: none;
    outline: none;
    width: 270px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    box-sizing: border-box;
}
.date-icon{
    width: 18px;
    height: 18px;
    margin-right: 18px;
}
.search-left-title{

    font-family: Source Han Sans CN;
    font-weight: 600;
    font-size: 18px;
    color: #333333;
}
.search-left-item{
    width: 80px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #F1F2F4;
    margin-top:10px;
    cursor: pointer;
}
.search-left-box{ 
    flex-wrap: wrap;
}
.search-left-act{
    width: 80px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #FF0000;
    color: #FF0000;
}
.flex-w{
    flex-wrap: wrap;
}
.right-content{
    width: 880px;
}
.text-num{
    font-size: 18px;
}
.search-list{
    margin-top: 20px;
}
/*.search-list:after{*/
/*    content: '';*/
/*    width: 210px;*/
/*}*/
.search-list-item{
    width: 210px;
    height: 320px;
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 10px;
}
.search-list-item-empty{
    width: 210px;
    height: 320px;
}
.f18{
    font-size: 18px;
}
.f16{
    font-size: 16px;
}
.c33{
    color: #333;
}
.search-company_name{ 
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 24px;
    color: #333333;
}  
.article-img{
    width: 200px;
    height: 200px;
}
.list-time{
    margin: 20px 0;
    color: #999;
}
.company_info{
    width: 1200px;
    height: 340px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
}
.company_logo{
    width: 300px;
    height: 300px;
}
.company_info_name{ 
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 30px;
    color: #333333;
}
.company_name_en{ 
font-family: Source Han Sans CN;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 36px;
}
.company_info_item_left{

}
.company_info_item_right{

}
.company_info_item_left .label{
 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    width: 70px;
    white-space: nowrap;
}
.company_info_item_left .text{
    width: 370px; 
    font-family: PingFang SC;
    font-weight: 800;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-left: 10px;
}


.company_info_item_right .label{
 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    line-height: 30px;
}
.company_info_item_right .text{ 
    font-family: PingFang SC;
    font-weight: 800;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 290px;
    margin-left: 10px;
}
.text-content{ 
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}
.text-content p,.text-content p{
    text-indent: 2em;
}
.table-list-wa{ 
    position: relative;
    overflow: hidden;
    font-size: 14px;
}
.table-list-box{
    position: absolute; 
}
.pagination{
    display: flex;
}
.pagination li{
    width: 24px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    background: #FFFFFF;
    border-radius: 50%;
    margin-right: 10px;
}
.pagination .disabled{
    /*background: #ccc;*/
}
.pagination .active{
    width: 24px;
    height: 24px;
    background: #EE0103;
    border-radius: 50%;
    color: #fff;
}


    .setZoom{
        display: block;
        background: #0D55BB;
        width: 100px;
        height: 200px;
        position: fixed;
        right: 40px;
        bottom: 100px;
        z-index: 99999999;
    }
    .setZoom >div{
        width: 100px;
        height: 100px;
        text-align: center;
        line-height: 100px;
        color: #FFF;
        font-size: 24px;
        border-bottom: 1px solid #ccc;
    }