/************����ͼƬ************/
.short-bg{
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url('../images/dataAnalysis/infoPublicity/short_bg.png')
}
.long-bg{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('../images/dataAnalysis/infoPublicity/long_bg.png')
}
.dt-bg{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('../images/dataAnalysis/infoPublicity/dt_bg.png')
}
.list-bg{
    background-size:  100% 100%;
    background-repeat: no-repeat;
    background-image: url('../images/dataAnalysis/infoPublicity/list_bg.png')
}
.title-bg{
    background-size:  50%;
    background-repeat: no-repeat;
    background-image: url('../images/dataAnalysis/infoPublicity/title_bg.png');
}
.card-bg{
    background-size: 90% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../images/dataAnalysis/infoPublicity/card_bg.png');
}

/************ �����С ************/
@media (max-width: 1200px) {
    .header{
        font-size: 20px;
    }
}
@media (min-width: 1200px) {
    .header{
        font-size: 1.6vw;
    }
}
/************ ���岼�� ************/
.contentBigScreen{
    padding: 0;
    background: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('../images/dataAnalysis/infoPublicity/background_image.png');
    min-width: 618px;
    height: 100%;
    overflow: auto;
}
.header{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('../images/dataAnalysis/infoPublicity/head_bg.png');
    color: #ffffff;
    text-align: center;
    font-family: 'Cktjgt';
    padding: 0.5% 0px;
    letter-spacing: 5px;
    margin-bottom: 5px;
    line-height: 50px;
}
.left-top{
    width:100%;
    padding: 10% 1% 5%;
    height: 100%;
}
.center-top{
    width: 100%;
    height: 55%;
}
.center-bottom{
    width: 99%;
    height: 45%;
}
.right-top{
    width: 100%;
    padding: 10% 1% 5%;
    height: 100%;
}

/* ����� */
.title-left{
    color: #fff;
    padding: 2% 15px;
    font-size: 0.6vw;
    font-weight: bold;
    height: 4.2%;
    margin-left: 8%;
}
.title-center{
    color: #ffffff;
    text-align: center;
    font-size: 0.7vw;
    font-weight: bold;
    height: 12%;
    letter-spacing: 10px;
    padding: 2% 1.5% 0
}
.title-right{
    color: #08ddfa;
    padding: 2% 5px;
    font-size: 0.6vw;
    font-weight: bold;
    height: 10%;
    margin-left: 2%;
}

/* ���ݿ� */
.panel-content{
    height: 100%;
    padding: 0 2%;
    position: relative;
}

.card-number{
    width: 48%;
    float: left;
    height: 10%;
    margin: 2% 1%;
}
.c-number{
    font-size: 1.2vw;
    color: #04cdfa;
    font-family: hyjgs;
}
.c-title{
    font-size: 0.5vw;
}
/* ������ */
.title-center span{
    line-height: 25px;
    margin: 0 5px;
    float: left;
    color: #0fbbfc;
}
.search-div{
    border: 1px solid #0b6eff;
    margin: 0px 2px;
    float: left;
    color: #0fbbfc;
}
.search-div input{
    background: #022866;
    border: 0px;
    height: 25px;
    padding-left: 5px;
}
.search-div button{
    background: #022866;
    width: 100%;
    min-width: 50px;
    height: 100%;
    min-height: 25px;
    border: 0px;
    line-height: 25px;
}
/* �Ҳ�tab */
.title-right .active{
    border: 1px solid #0fbbfc;
    color: #0fbbfc;
    font-weight: bold;
}
.tab-div{
    border: 1px solid #0865ab;
    width: 31%;
    height: 40px;
    margin: 0 1%;
    float: left;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
}

/* ������ */
.progress-div{
    height: 25%;
}
.progress-title{
    height: 40px;
}
.progress-title-name{
    float: left;
    width: 70%;
    height: 100%;
    line-height: 40px;
    text-align: left;
    font-size: 0.8vw;
    padding-left: 10px;
}
.progress-title-number span{
    font-size: 1.1rem;
    font-family: hyjgs;
}
.progress-title-number{
    float: left;
    width: 30%;
    height: 100%;
    line-height: 40px;
    text-align: right;
    font-size: 1.2vw;
    color: red;
    padding-right: 10px;
    font-family: hyjgs;
}
.progress{
    clear: both;
    margin: 0px;
    height: 12px;
    background-color: #00215c;
    border-radius: 10px;
}
/* ��Ϣ��ʾǽ */
.projectList{
    margin: 0;
    height: 100%;
    overflow: hidden;
}
.projectList li{
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-bottom:1px solid #074a85;
}
.projectList a{
    color: #fff;
}
.projectList ul{
    height: 99%;
    overflow: auto;
}

.projectList ::-webkit-scrollbar {
    width: 5px;
}

.projectList ::-webkit-scrollbar-track {
    background: rgba(7, 74, 133, 0);
    border-radius: 10px;
}

.projectList ::-webkit-scrollbar-thumb {
    background: rgba(7, 74, 133, 0);
    border-radius: 10px;
}

.projectList ::-webkit-scrollbar-thumb:hover {
    background: rgba(7, 74, 133, 0);
    border-radius: 10px;
}

.projectList ::-webkit-scrollbar-thumb:active {
    background: rgba(7, 74, 133, 0);
    border-radius: 10px;
}




/*JLQJ����*/
.contentBigScreenjlqj{
    height: 100%;overflow: auto;
                                    padding: 0;
                                    background: 100% 100%;
                                    background-repeat: no-repeat;
                                    background-image: url('../images/dataAnalysis/infoPublicity/background_image.png');
                                    min-width: 618px;
                                    /*height: 1000px;*/
                                }
.myNav{display: flex;
    color: #fff;
    justify-content: space-evenly;align-items: flex-end;}
.myNav div{ width: 33%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;}
.yn-flex{display: flex;justify-content: space-evenly;}
.flbt{justify-content: space-between}
.flac{align-items: center}
.flwp{flex-wrap: wrap;}
.myNav div:hover{background: url('../images/dataAnalysis/jlqjQzjdInfo/btnhover.png')}
.myNav div{margin: 0 10px;    margin: 0 10px;padding: 5px;
    width: 34%;
    font-weight: bold;
    font-size: 15px;}
.myNav div:nth-child(1){background: linear-gradient(to right,rgba(40,125,233,0),rgba(0,40,213,0.5),rgba(40,125,233,0))}
.myNav div:nth-child(2){background: linear-gradient(to right,rgba(40,125,233,0),rgba(130,41,229,0.5),rgba(40,125,233,0))}
.myNav div:nth-child(3){background: linear-gradient(to right,rgba(40,125,233,0),rgba(220,177,75,0.5),rgba(40,125,233,0))}
.myNav div:nth-child(4){background: linear-gradient(to right,rgba(40,125,233,0),rgba(207,84,113,0.5),rgba(40,125,233,0))}
.secondNav{margin-top:10px}
.secondNav{display: flex;justify-content: space-around;align-items: flex-end;margin-bottom: 20px}
.secondNav>div{width: 20%;    aspect-ratio: 1.3/0.4;background: red;border-radius: 8px;display: flex;    justify-content: space-evenly;
    align-items: center;min-width: 160px;
    padding: 0px;color: #fff}
.secondNav>div>div{text-align: center}
.secondNav>div>div>p{font-size: 1.2vw;
    margin: 0;
    font-weight: bold;}
.secondNav>div>div>p:nth-child(2){font-size: 0.8vw;font-weight: normal}
.secondNav>div:nth-child(1){background: linear-gradient(45deg,rgb(40,125,233),rgb(0,40,213))}
.secondNav>div:nth-child(2){background: linear-gradient(45deg,rgb(130,41,229),rgb(52,0,206))}
/*.secondNav>div:nth-child(3)>div p:nth-child(1),.secondNav>div:nth-child(4) div p:nth-child(1){font-size: 28px}*/
/*.secondNav>div:nth-child(3),.secondNav>div:nth-child(4){   background: linear-gradient(45deg,rgb(46,170,232),rgb(0,117,221))}*/
.secondNav>div:nth-child(3){background: linear-gradient(45deg,rgb(220,177,75),rgb(203,128,0))}
.secondNav>div:nth-child(4){background: linear-gradient(45deg,rgb(207,84,113),rgb(188,2,255))}

.jlqjBg{background-image: url('../images/dataAnalysis/jlqjQzjdInfo/bg.png') !important;background-size: 100% 100%;}
.aleft{padding: 4.5% 1% 5%;    aspect-ratio:inherit;}
.contact{
    width: 100%;
    align-items: flex-end;padding: 2% 5%;
    height: 90%;}
.contact  .W{width: 50%}
.contact  .W .mainContent{margin-left: 5px}
.mainContent p{margin: 0}
.mainContent p:nth-child(1){
    color: #13E0FF;font-size: 25px;font-family: 'hyjgs';
}
.map{background-image: url('../images/dataAnalysis/jlqjQzjdInfo/mapBg.png') !important;}
.mainContent p{color: 12px;color: #ffffff}
.aleft .title{color: #43C3FF;font-weight: bold;text-align: center}