body{background-color:#fff}
.head{height:50px;display:flex;padding:10px;margin:0 auto;width:1370px}
.head-logo{font-size:18px;color:#333;font-weight:700;float:left}
.head-logo a{width:250px;display:block}
.head-menu{line-height:30px;height:30px;width:100%;margin-left:10px;float:left;position:relative;text-align:center}
.select_menu{color:#3760f4;border-bottom:solid 2px #3760f4}
.head-search{margin-left:15px;display:flex;width:270px}
.head-login{width:120px;height:30px;border-radius:2px;line-height:30px;margin-left:10px;float:right}
.login-in{display:flex}
.login-in div{width:48px;height:30px;border-radius:2px;margin-left:5px;text-align:center}
.login{background:#3760f4}
.login a{color:#fff}
.register{border:solid 1px #3760f4}
.register a{color:#3760f4}
.login-out .username{font-size:14px;color:#3760f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;display:inline-block}
.login-out .iconfont{display:inline-block;vertical-align:top}
.login-out .iconfont:hover{font-size:16px;color:#3760f4}
.width-1020-c{width:1020px;margin:0 auto}
.banner{height:436px;width:100%}
.search-area{height:60px;width:1020px;position:relative;top:-80px;text-align:left;margin:0 auto}
.search-area .ipt{width:380px;border-radius:4px;margin-right:20px}
.search-form{display:none;position:relative;height:1px;z-index:1000;width:50%;float:left;margin-top:25px}
.firstPage-content{display:flex;height:100%}
.firstPage-content-l{float:left;width:62%}
.firstPage-content-l h1{color:#fff;font-size:44px;height:49px;line-height:53px;margin-top:80px}
.firstPage-content-l p{font-size:16px;line-height:40px;margin-top:30px;color:#fff}
.firstPage-content-l p span{color:#ffce61}
.firstPage-link{width:131px;height:33px;text-align:center;line-height:33px;border:1px solid #fff}
.firstPage-link a{color:#fff!important}
.firstPage-content-r{width:55%;float:right;background-image:url(../img/firstPageImg.png?v=Mo9XlbIgbwnBdXV7aQJ41w%3D%3D)}
.secondPage{background-image:url(../img/new-yiqing.jpg?v=%2BLih3XiyPIPyuOPg8BgbCg%3D%3D);background-size:cover;cursor:pointer}
@media screen and (max-width:1440px){
    .thirdPage{background-image:url(../img/2022soda-1.jpeg?v=Ta8ZrKLHL58GAusXhrFqag%3D%3D);background-size:contain;background-repeat:no-repeat;cursor:pointer}
}
@media screen and (min-width:1441px){
    .thirdPage{background-image:url(../img/2022soda.jpg?v=vH6DPNljYYt4GbiwjAd1Kw%3D%3D);background-size:contain;background-repeat:no-repeat;cursor:pointer}
}
.content{min-height:300px;background-color:#fff}
.mt-20{margin-top:20px}
.mt-15{margin-top:15px}
.tip-title p{height:29px;font-size:21px;font-weight:400;line-height:29px}
.tip-img{background-image:url(../img/tip-logo.png?v=DQ2ArR6bhI8wQb%2B1313ozQ%3D%3D);height:32px;width:32px}
.logo-menu{height:120px}
.logo-menu ul{height:90px;margin:15px auto}
.logo-menu li{display:inline-block;width:124px;padding:5px;text-align:center;cursor:pointer}
.select-li{background-color:#dae1fd}
.img{height:60px;width:60px;margin:0 auto;background-size:cover}
.jjjs .img{background-image:url(../img/icon/icon1.png?v=wmbKMiyCt1tKl6EJEK0Rmg%3D%3D)}
.hjzy .img{background-image:url(../img/icon/icon2.png?v=zpqN4QTBuA%2FTYIRlvy3B3w%3D%3D)}
.jykj .img{background-image:url(../img/icon/icon3.png?v=AiA%2BAfwczM1CAynqOlcNOQ%3D%3D)}
.dljt .img{background-image:url(../img/icon/icon4.png?v=ai1Bvr%2F8sw3LluOBQPMOMQ%3D%3D)}
.shfz .img{background-image:url(../img/icon/icon5.png?v=uCEZ%2BaLZmyxZBpTbgJAXwQ%3D%3D)}
.ggaq .img{background-image:url(../img/icon/icon6.png?v=yT3yPmJA5B%2Fohkwy4Ipr2Q%3D%3D)}
.nync .img{background-image:url(../img/icon/icon7.png?v=wcSSmVmh9qWRqHkxgm4lUA%3D%3D)}
.sbjy .img{background-image:url(../img/icon/icon8.png?v=WL6w85DMhIEATJPim0%2Fdlg%3D%3D)}
.qxfw .img{background-image:url(../img/icon/icon9.png?v=Jqa%2FwUOYQmfn1HiwxxuJiA%3D%3D)}
.whxx .img{background-image:url(../img/icon/icon10.png?v=i8XHQY9iMiizj%2BkDdJsxXQ%3D%3D)}
.wsjk .img{background-image:url(../img/icon/icon11.png?v=6%2BCQwXdafEPjQTPf7VMuYg%3D%3D)}
.msfw .img{background-image:url(../img/icon/icon12.png?v=p%2BrmAW8B7V1LYIn7mJvXLQ%3D%3D)}
.jgtt .img{background-image:url(../img/icon/icon13.png?v=%2BHmZhKAT8zaYhLw%2BvNHx6w%3D%3D)}
.csjs .img{background-image:url(../img/icon/icon14.png?v=tQZsQlS6AkmregriN98A9Q%3D%3D)}
.xyfw .img{background-image:url(../img/icon/icon15.png?v=QcIcg2hs%2BqPygx%2B%2BPIVpMg%3D%3D)}
.border-bottom{border-bottom:solid 1px #c5c5c5}
.border-top{border-top:solid 1px #c5c5c5}
.kjrk-content{height:300px;display:flex}
.dataset-rec{width:55%;padding:20px 20px 20px 50px}
.dataset-rec p{font-size:20px;margin-left:15px;line-height:40px}
.dataset-rec ul{margin-left:40px;height:140px}
.dataset-rec ul li{display:block;width:100%;text-align:left}
.dataset-rec ul li:hover{font-size:14px;color:#3760f4}
#kjrk-content-img{width:412px;height:293px;background-size:cover}
.more{width:88px;height:28px;line-height:28px;border-radius:14px;border:1px solid #081633;text-align:center;position:relative;top:15px;left:15px;cursor:pointer}
.more:hover{color:#3760f4;border:1px solid #3760f4}
.more a:hover{color:#3760f4}
.new-guide-bar{background-image:url(../img/new-guide-bar.png?v=iPvhEp6IWxBoVVJMtTc4Iw%3D%3D);height:54px;text-align:center;line-height:54px;width:100%;font-size:14px;cursor:pointer;background-size:cover;display:flex;align-items:center}
.new-guide-bar .book{height:32px;width:32px;background-size:cover;background-image:url(../img/logo-book.png?v=iXhUnTPiNsQ6VGJuyWEjBQ%3D%3D);margin-left:300px}
.new-guide-bar p{width:360px;line-height:54px}
.new-guide-bar .right{height:28px;width:29px;background-size:cover;background-image:url(../img/logo-right.png?v=BSxEmeZCNK0gGQlBCGNcdQ%3D%3D)}
.data-area{margin-top:50px;height:610px}
.data-area-content{height:500px;display:flex;padding:20px}
.core-items{width:100%;height:100%;display:inline-flex}
.core-items-div{display:flex;background-color:#fff}
.arrow{width:50px;height:100%;line-height:450px;text-align:center;font-size:20px;cursor:pointer}
.left{float:left}
.right{float:right}
.core-item{width:270px;height:446px;border:solid 1px #f5f5f5;padding:15px;box-shadow:7px 7px 5px #c0bfbf;margin-left:20px}
.core-item .img{height:150px;width:190px;background-size:cover;margin-top:20px}
.core-item p{margin-top:45px}
.core-item section{margin-top:10px;height:105px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.core-item .more{position:relative;bottom:10px;cursor:pointer}
.application{height:430px}
.application-btns{margin-top:20px;display:flex}
.application-btns div{width:120px;text-align:center;font-size:14px;height:30px;line-height:30px;cursor:pointer}
.application-btns div:nth-child(1){border-radius:23px 0 0 23px;border-right:none}
.application-btns div:nth-child(3){border-radius:0 23px 23px 0;border-left:none}
.select-btn{background:linear-gradient(131deg,#ffe0af 0,#ffbd77 100%)}
.unselect-btn{color:#fff;background:linear-gradient(119deg,#7da3ed 0,#3760f4 100%)}
.application-content{min-height:300px;margin-top:30px;display:flex}
.application-content .box{margin-left:15px;width:327px;height:216px;padding:15px;box-shadow:7px 7px 5px #e2e4ec;border:solid 1px #e2e4ec;border-radius:6px}
.box-title img{width:32px;height:32px}
.box-title span{width:80px;height:32px;font-size:18px;color:#081633;line-height:32px;margin-left:10px}
.box-content{padding-left:10px}
.box-content a{height:28px;line-height:28px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
span.numSpan{width:15px;height:14px;text-align:center;line-height:14px;display:block;float:left;color:#fff;margin-top:6px;margin-right:8px;background:#d9d9d9}
span.activeSpan{background:#3760f4}
.last-news{height:750px}
.sideBar{min-height:300px;width:100px;position:fixed;top:20%;right:20px}
.sideBar ul li{height:80px;text-align:center;padding:15px;margin-bottom:2px;border-radius:5px;border:solid 2px #7da3ed;cursor:pointer}
.sideBar ul li:hover{background-color:#dae1fd}
.sideBar p{line-height:25px}
.sideBar ul li:nth-child(5){padding:15px 6px 6px 6px}
.sideBar ul li:nth-child(5) p{line-height:18px}
.sideBar div{margin:0 auto}
.right-menu{background:url(../img/right-menu-new.png?v=Ql5%2Bya%2FzmzIMmtWO%2FKx6uQ%3D%3D)}
.qy{width:32px;height:32px;background-position:-32px 0}
.yj{width:36px;height:30px;background-position:0 -36px}
.rg{width:33px;height:32px;background-position:-31px -65px}
.xd{width:26px;height:26px;background-position:-62px -36px}
.db{width:30px;height:32px;background-position:-100px -64px}
.tip{width:265px;height:60px;background:url(../img/tip.png?v=qBQuX8nx8vrPUZ3OsFAKew%3D%3D);display:none;box-sizing:border-box;transform:translate(-100%,-50%);color:#4f4f4f;padding-top:10px;padding-left:15px;line-height:16px;text-align:left}
.tip p{line-height:20px}
.services:hover .tip{display:block}
.govement:hover .tip{display:block}
.govement .tip p{margin:13px 10px 0 10px}
.super-link{color:#7da3ed;cursor:pointer}
.last-news-content{min-height:600px}
.last-news-content iframe{width:100%;height:100%}
.interface-guide{width:36px;height:36px;background:url(../img/right-menu-interface-guide.png?v=vFOqUDJq1fDs0jOwYVN4FQ%3D%3D);background-size:cover}
.high-quality-data{min-height:480px}
.high-quality-items{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:30px}
.high-quality-item{width:190px;height:140px;border:1px solid #e5e5e5;box-shadow:3px 3px 3px #e2e4ec;margin:6px}
.high-quality-item .title{font-size:16px;color:#00f;line-height:30px;margin:5px 10px 5px 20px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.high-quality-item .title a{color:#00f}
.high-quality-item .cont{line-height:26px;margin:2px 10px 2px 20px}
.high-quality-item .shan{height:20px;width:20px;border-radius:0 0 100% 0;background-color:#c6c6c6;text-align:center}
.top3{background:linear-gradient(131deg,#ffe0af 0,#ffbd77 100%)}
.hide-cont{display:none}
.friends-link{text-align:center;display:flex;justify-content:center}
.friends-link ul{width:900px;height:40px}
.friends-link ul li{height:16px;float:left;border-right:1px solid #718b94;padding:0 20px;position:relative}
.friends-link ul li :hover{color:#1f9ecd!important}
.friends-link a{color:#718b94!important}
.friends-link ul li:last-child{border-right:none}
.layui-carousel{height:55px}
.topbar-html {
    width: 100%;
    background: #EDEDED;
    overflow: hidden;
    z-index: 2147483645;
    position: fixed;
    top: 0;
    box-shadow: 0 0 10px 2px #999;
    left: 0;
    right: 0;
}
.topbar-html-mright {
    margin-right: 50px !important;
}
.topbar-html-margin0 {
    margin: 0 !important;
}
.topbar-html-content {
    width: 1080px;
    height: 100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.topbar-html-content-item {
    cursor: pointer;
    margin: 0 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.topbar-html-content-item span {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    font-family: PingFangSC-Medium;
    color:black;
}
.topbar-html-content-item img {
    height: 52px;
    width: 52px;
    border-radius: 5px;
    display: block;
}
.item-hide{ display:none;
}
.bigtext-html {
    z-index: 99999999999;
    height: 150px;
    text-align: center;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    border-top: 1px solid #505050;
}
.bigtext-html-content {
    height: 100%;
    background-color: #FFFFFF;
    font-size: 53px;
    color: #333 !important;
    text-align: center;
    font-weight: bold;
}
.pointer-follow-html-x, .pointer-follow-html-y {
    z-index: 99999999999;
    transform: none;
    transform-origin: 0px 0px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ff0000 !important;
    width: 100%;
    height: 4px;
}
.pointer-follow-html-y {
    height: 100%;
    width: 4px;
}
.bigtext-html {
    z-index: 99999999999;
    height: 150px;
    text-align: center;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    border-top: 1px solid #D9E9F6;
    background-color: #FFFFFF;
}
.bigtext-html-content {
    height: 100%;
    background-color: #FFFFFF;
    font-size: 53px;
    line-height:initial;
    color: #333 !important;
    text-align: center; text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    width: 90%;
    margin: 0 auto;
}
.bigtext-html-btn {
    width: 20px;
    height: 20px;
    background-color: red;
    position: absolute;
    right: 20px;
    top: 20px;
    border-radius: 10px;
    color: #FFFFFF;
    cursor: pointer;
}
.bigtext-html-bone {
    width: 100%;
    height: 151px;
}
.layui-nav-bar {
    background: 0 0
}

.msg {
    width: 88px;
    text-align: center;
    line-height: 66px;
    color: #fff;
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2px
}

#loginBtn a:hover {
    color: rgba(31, 158, 205, 1)
}

.dataView li:hover {
    background: #b4bbd6
}

.dataView li:hover a {
    color: #0f78b8!important
}
.content-wrap {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background-color: white;
}
.recent-news{
    margin-top:0;
    /* background: none; */
    border:0px solid #e5e5e5;

}
.width-976{
    width: 1020px;
}
#more{
    width: 121px;
    height: 32px;
    background: linear-gradient(119deg, #7DA3ED 0%, #3760F4 100%);
    border-radius: 16px;
    cursor: pointer;
    font-size: 14px;
    color: white;
    padding: 3px 8px;
}
.title .title-content{
    color: black;
    margin: 0;
}

.content-wrap .content .title{
    text-align: left;
}
.title .title-content span{
    margin-left: 0;
}
.news-content .news-item{
    margin-bottom: 15px;
}
.title .title-content::before{
    border-top: 0px solid #718b94;
}
.title .title-content::after{
    border-top: 0px solid #718b94;
}
.news-content{height:auto;margin-top:40px}
.news-content .news-item{height:120px;box-sizing:border-box;margin-bottom:30px;cursor:pointer}
.news-content .news-item img{width:160px;height:120px}
.news-content .news-item .item-content{padding-left:24px;width:750px}
.news-content .news-item .item-content h3{font-size:14px;color:#333;font-weight:700;margin-bottom:16px}
.news-content .news-item:hover .item-content h3{font-size:14px;color:#0f78b8;font-weight:700;margin-bottom:16px}
.news-content .news-item .item-content .article{font-size:12px;color:#999}
.news-content .news-item .item-content .time{font-size:12px;color:#999;margin-top:20px}
.news-content .news-item{
    height: 180px;
    padding: 30px;
    background-color: white;
    box-shadow: 5px 5px 5px rgb(0,0,0,0.1);
}
.news-content .news-item .item-content{
    width: 690px;
}