﻿/*base*/
.fl{float: left;}
.fr{float: right;}
.mg-t{margin-top:20px;}
.mg-r{margin-right: 20px;}
.mg-b{margin-bottom: 20px;}
.h1{font-size: 25px;font-weight: 900;}
.h2,h2{font-size: 18px;color: #333333;}
.h3{font-size: 15px;color: #333333;}
.s1{font-size: 10px;color:#666666;}
body{font: 14px/1.5 Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;background-color:#EBF9FF;color:#333;}

.layui-container {
    width: 1200px !important;
}
.gray-button {
    cursor: pointer;
    background-color: #75869c;
    border: none;
    border-radius: 10px;
    width: 240px;
    height: 50px;
    color: #ffffff;
    display: block;
    margin: 0 auto;
    font-size: 20px;
}





/*header*/
.header{background-color:#4372B0;height:50px;color: #ffffff;min-width: 1200px;}
.header li{float:left;font-size: 20px;line-height: 50px;}
.header li:hover{background-color: #264D80;}
.header li img{padding-bottom:4px;padding-right: 10px;}
.header li a{color: #ffffff;display:block;height:100%;padding-left:35px;padding-right: 35px;}
.header .login{line-height: 50px;text-align: right;padding-right: 25px;}
.header .login a{color: #ffffff;padding-left: 5px;padding-right: 5px;}
.index_header .header{height:70px;}
.index_header .header li{line-height: 70px;}
.index_header .header .login{line-height: 70px;}
/*end-header*/

/*banner*/
.banner{height: 460px;background-image: url('../../img/web/background-img.jpg');background-size: cover;min-width: 1200px;background-position: center 0;text-align: center;}
.banner .logo{padding-top: 40px;}
.home_search{padding-top:45px;}
.home_searchbox{
    margin:0 auto;
    width:800px;
    border-radius: 5px;
    box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08);
    height: 60px;
    line-height: 60px;
    background-color:#4372B0;
}
.home_searchbox .searchtitle{
    border-top-left-radius:5px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:5px;
    width: 150px;
    float: left;
    color:#333333;
    font-size: 18px;
    background-color:#EFF1F6;
}
.home_searchbox input{padding-left:20px;padding-right:20px;height: 60px;width: 410px;border: 0;background-color: #ffffff;float: left;font-size: 18px;}
.home_searchbox img{cursor: pointer;}
.home_searchbox .sumbtu{width: 200px;float: left;color:#ffffff;font-size: 26px;cursor:pointer;}
/*end-banner*/


/*main*/
.main{min-width: 1200px;width: 1200px;margin:0 auto;}

/*主题*/
.main .topic{}
.main .topic .layui-row{background-color: #ffffff;height: 280px;box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08);}
.main .topic .layui-row div{padding-left: 50px;padding-right: 50px;display:block;height: 117px;padding-top:40px;text-align: center;}
.main .topic .layui-row div span{display:block;padding-top: 10px;}
/*end-主题*/

/*四个列表*/

.main .datalist .datas .item{background-color: #ffffff;min-height: 380px;box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08);}
.main .item .item_head{padding-left:12px;padding-right: 10px;line-height: 25px;color:#4472B0;padding-top: 11px;}
.main .item .more{float:right;}
.main .item .more a{color:#4472B0;}
.main .item .item_list li{line-height: 38px;padding-left: 25px;}
.main .item .item_list li span{float: right;padding-right: 20px;}

#dataAppList{overflow:auto;}
#dataAppList .app{height:280px;border-right:1px #E5E5E5;border-bottom: 1px #E5E5E5;width:50%;float:left;text-align:center;}
#dataAppList .app .applogo{width:100px;height:100px;padding-top:10px;padding-bottom:15px;}
#dataAppList .app h5{font-weight:900;font-size:20px;color:#333333;padding-bottom:5px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}
#dataAppList .app p{font-size:15px;color:#666666;padding-left:20px;padding-right:20px;height: 80px;white-space: pre-wrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}
#dataAppList .app .tips{font-size:12px;color:#666666;padding-left:20px;padding-right:20px;}

/*bottom*/
.bottom{height: 160px;background-color: #474747;margin-top:50px;color:#ffffff;text-align: center;min-width: 1200px;}
.bottom img{padding-right: 20px;}
.bottom a{color:#ffffff;padding-left: 20px;padding-right: 20px;}
.bottom .h2{color:#ffffff;padding-top: 25px;}
.bottom .bottom_text{padding-top:25px;font-size: 12px;}
.bottom .bottom_text span{padding-left:10px;padding-right: 10px;}


/*top*/
.top{height:100px;width: 1200px;margin: 0 auto;}
.top .top_search{width:330px;float: right;margin-top:35px;border-radius: 5px;border:1px solid #4472B0;height: 40px;line-height: 40px;}
.top .top_banner{float:left;width: 400px;}
.top .top_search input{height: 35px;width: 270px;border: 0;margin-left: 10px;margin-right: 10px;background-color: #EBF9FF;}
.top .top_search img{cursor: pointer;}

/*nav*/
.nav{min-height: 500px;box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08);background-color: #ffffff;}
.nav .navchild{margin-bottom: 30px;}
.nav .navtitle{padding-left:12px;padding-right: 12px;color:#4472B0;padding-top: 11px;}
.nav .navtitle .h2{color:#4472B0;font-weight: 900;padding-left: 10px;}
.nav .navtitle .more{float: right;padding-right: 10px;}
.nav .navtitle hr{margin-bottom:0;}
.nav .navlist .bumen{color:#666666;padding-left: 10px;}
.nav .navlist li{line-height: 40px;}
.nav .navlist li div{padding-left:22px;padding-right: 22px;color:#666666;}
.nav .navlist li span{float: right;padding-left: 15px;}
.nav .navlist li img{padding-bottom:3px;}
.nav .navlist .active{background-color: #4372B0;color:#ffffff;}
.nav .navlist li div:hover{background-color: #264D80;color:#ffffff;}
.nav .navlist .active a div{color:#ffffff;font-size:15px;}
.nav .navlist .active span{color:#ffffff;}
.nav .starts{padding-right: 5px;width: 16px;}

/*列表*/
.dataSetList{background-color: #ffffff;margin-top: 10px;box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08);}
.list{min-height: 500px;background-color: #ffffff;}
.list .list_title{font-size: 20px;padding-left: 20px;padding-right: 20px;padding-top:10px;}
.list .list_order{padding-left: 20px;padding-right: 20px;padding-top: 20px;}
.list .list_order span{padding-left: 15px;padding-right: 15px;}
.list .list_order .active a{color:#4472B0;}
.list .list_contents{padding-left:20px;padding-right:20px;}
.list .list_contents .content{padding-bottom: 110px;}
.list .list_contents .content_l{float: left;padding-top:15px;}
.list .list_contents .content_r{float: right;padding-top:15px;}
.lsit .list_contents .content_l h2{line-height: 50px;}
.list .list_contents .content_l p{font-size: 15px;color: #666666;line-height: 30px;width:650px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden}
.list .list_contents .content_l .tips{font-size: 12px;color: #666666;line-height: 25px;padding-right: 20px;}
.list .list_contents .content_l .tips img{padding-left: 20px;padding-right: 5px;padding-bottom: 2px;}
.list .list_contents .content_l .starts{padding-left: 20px;padding-right: 5px;}
.list .list_contents .content_l .starts img{width:14px;padding-bottom: 2px;}
.list .list_contents .content_l .toDetails{width: 650px;display: block;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}

.list .list_contents .content_r .tags{color:#4372B0;border:1px solid #4372B0;font-size:12px;height: 30px;width:85px;border-radius:15px;text-align: center;line-height: 30px;}
.list .list_contents .content_r .tags i{font-size: 12px;}
.list .list_contents .color0 .tags{color:#5C9EFC;border:1px solid #5C9EFC;}
.list .list_contents .color1 .tags{color:#4372B0;border:1px solid #4372B0;}
.list .list_contents .color2 .tags{color:#F77758;border:1px solid #F77758;}
.list .list_contents .color3 .tags{color:#4BBA93;border:1px solid #4BBA93;}
.list .list_contents .color4 .tags{color:#FC9F3C;border:1px solid #FC9F3C;}
.list .list_contents .color5 .tags{color:#E65C5C;border:1px solid #E65C5C;}



/*详情*/
.part1{min-height: 500px;box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08);background-color: #ffffff;}
.part1 .title{padding-left: 30px;padding-right: 30px;padding-top:25px;}
.part1 .title h2{line-height: 50px;font-size: 28px;font-weight: 900;}
.part1 .title p{font-size: 18px;color: #666666;line-height: 30px;}
.part1 .title .tips{font-size: 12px;color: #666666;line-height: 25px;padding-right: 20px;}
.part1 .title .tips img{padding-left: 20px;padding-right: 5px;padding-bottom: 2px;}
.part1 .title .starts{padding-left: 20px;padding-right: 5px;}
.part1 .title .starts img{width:14px;padding-bottom: 2px;}
.part1 .jbxx{padding-left: 30px;padding-right: 30px;padding-top:10px;padding-bottom: 10px;}
.part1 .jbxx_name{font-size: 22px;}
.part1 .jbxx .jbxx_content{overflow:auto;background-color: #EFF1F6;min-height: 150px;margin-top:15px;margin-bottom: 30px;}
.part1 .jbxx .jbxx_param{overflow:auto;margin-bottom: 30px;min-height: 20px;margin-top: 15px;border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6;border-top:1px solid #E6E6E6;}
.part1 .jbxx .jbxx_param li{line-height: 40px;display: block;}
.part1 .jbxx .jbxx_param span{width:21%;float: left;text-align: center;border-bottom: 1px solid #E6E6E6;}
.part1 .jbxx .jbxx_param .describe{width:37%;float: left;text-align: center;border-bottom: 1px solid #E6E6E6;}
.part1 .jbxx .jbxx_param  .first{background-color: #EFF1F6;}
.part1 .jbxx .jbxx_content{padding:15px 20px 15px 20px}
.part1 .jbxx .jbxx_content li{line-height: 50px;width:50%;float: left;}
.part1 .jbxx .jbxx_content .key{font-size: 16px;font-weight: 900;}
.part1 .jbxx .jbxx_content .value{font-size: 16px;}
.part1 .jbxx .jbxx_file{overflow:auto;margin-bottom: 30px;min-height: 200px;margin-top: 15px;}
.part1 .jbxx .jbxx_file li{line-height: 30px;margin-right: 20px;float: left;padding-top:20px;}
.part1 .jbxx .jbxx_file li .file{border: 1px solid #E3E4E6;width:280px;color:#4372B0;}
.part1 .jbxx .jbxx_file li .file a{color:#4372B0;}
.part1 .jbxx .jbxx_file li .file span{font-size:8px;background-color: #4372B0;color:#ffffff;margin-left:5px;margin-right:5px;padding:2px 10px 2px 10px;border-radius:3px;}
.part1 .jbxx .jbxx_file li .file img{float:right;padding-top:8px;padding-right: 8px;}
.part2{margin-top:20px;min-height: 200px;box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08);background-color: #ffffff;}
.part3{margin-top:20px;padding-top:15px;min-height: 200px;box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08);background-color: #ffffff;}
.part3 span{padding-left: 30px;color:#4472B0;font-size: 22px;}
.part1 .appLogo{float:left;width: 100px;height: 100px; padding-right: 20px;}
.part1 .appLogo img{width: 100px;height: 100px;}
.part1 .appTitle{margin-left: 20px;}
.part1 .jbxx .jbxx_url{padding-top: 30px;}
.part1 .jbxx .jbxx_qrCode{margin-top: 40px;min-height: 200px;}
.part1 .jbxx .jbxx_qrCode .left_item{  display:inline-block;}

.part1 .jbxx .jbxx_qrCode .right_item {  vertical-align:text-top;margin-top: 40px;  }
.part1 .jbxx .jbxx_qrCode li {
    padding: 5px 10px;
    width: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    display: block;
}


/*applist*/
.applist{min-height: 500px;box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08);background-color: #ffffff;}
.applist .title{padding-left: 30px;padding-right: 30px;padding-top:25px;}
.applist .title h4{line-height: 50px;font-size: 20px;width:200px;display: inline;}
.applist .title .list_order{padding-left: 20px;padding-right: 20px;padding-top: 20px;float: right;}
.applist .title .list_order a{padding-left: 15px;padding-right: 15px;}
.applist .title .list_order .active{color:#4472B0;}
.applist .apps{overflow:auto;padding:20px;}
.applist .app{width:270px;height: 270px;box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08);float: left;margin:10px;text-align: center;}
.applist .app .applogo{width: 70px;height: 70px;padding-top:20px;padding-bottom: 20px;}
.applist .app p{padding-left: 20px;padding-right: 20px;font-size: 14px;color:#666666;height: 90px;white-space: pre-wrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}
.applist .app .tips{font-size: 12px;color: #666666;line-height: 25px;padding-right: 20px;}
.applist .app .tips img{padding-left: 20px;padding-right: 5px;padding-bottom: 2px;}
.applist .app h5{font-size: 20px;font-weight: 900;padding-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}
#pageDemo{margin-left: 40px;float:right;margin-right:40px;}

/*stats*/
.stats{box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08);min-height: 140px;background-color: #ffffff;}
.main_stats{padding-top:20px;}

.stats .count{text-align: center;padding-top:35px;}
.stats h2{font-size: 32px;color: #4372B0;}
.stats span{font-size:15px;color:#6E707B;}
.stats .stats_head{padding-top: 10px;}
.stats .stats_head .title{font-size: 20px;padding-left: 20px;color:#333333;}
.stats .stats_head .rate{width: 100%;height:288px;}
.stats .stats_head .dataAnalysis{width: 100%;height:367px;}
.stats .stats_head .top{width: 100%;height:435px;}

/*search*/
.search{font-size: 13px;padding-right:20px;padding-left:20px;padding-top:20px;height: 130px;background-color: #ffffff;box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08);}
.search li{display: block;}
.search .search_l{height: 50px;width: 70px;float: left;line-height: 30px;}
.search .search_title{font-size: 13px;color:#999999;float: left;}
.search .search_l2{height: 50px;width: 70px;float: left;line-height: 30px;}
.search .search_r li{float: left;padding-left: 10px;padding-right: 10px;line-height: 30px;}
.search .search_all{border: 1px solid #5C9EFC;margin-top:5px;margin-bottom:5px;color:#5C9EFC;line-height: 20px !important;margin-right: 10px;}
.search .search_all a{color:#5C9EFC;margin-bottom: 5px;}
.search_list .list_title{width:300px;float: left;line-height: 30px;}
.search_list .list_order{float: right;line-height: 30px;padding-bottom: 10px;padding-top:10px;}
.search_list .list_order .active{color:#4472B0;}


/*评分*/
.score {height:160px;}
.score .score-li{display:inline;font-size: 14px;padding-left:33px;padding-right: 33px;}
.score .score-li .layui-rate li i.layui-icon{font-size: 14px;}
.score .composite-li{display:inline;padding-left:5px;float:left;}
.score .score-li .score-li-div{margin-left: 10px;}
.composite-span{padding-left:0px;display:block;width:100%;}
.composite-div span{padding-left:0px;}
.score-div{line-height: 150px;}
.composite-div{width:300px;float:left;text-align:center;margin-top: 40px;}
.score-button-div{padding-bottom: 30px;}
.score-button{cursor:pointer;background-color: #4372B0;border:none;border-radius:10px;width:240px;height: 50px;color:#ffffff;display:block;margin:0 auto;font-size: 20px;}

.score-body{background-color: #ffffff;}
.addScore-div{text-align: center;}
.addScore{text-align: center;}

.apiApply-div{float:right;padding-right:30px;padding-top:10px;width:100px;text-align:center;}
.apiApply-button{cursor:pointer;background-color: #4372B0;border:none;border-radius:10px;width:100px;height: 30px;color:#ffffff;display:block;margin:0 auto;font-size: 20px;}
.homeVisit{height:319px;width:100%;}


/*数据申请*/
.main .apply{}
.main .apply .layui-row{background-color: #ffffff;height: 750px;box-shadow:0px 1px 24px 0px rgba(0, 0, 0, 0.08); text-align: center;}
.main .apply .layui-row .layui-form{padding-left: 200px;}
.main .apply .layui-row .applyTitle{padding-top: 20px;margin-bottom: 20px;font-size: 24px;color:#4372B0;}
.main .apply .layui-row .blockWidth{width: 65%;}
.label-red{color:red;}
.main .apply .layui-row .layui-form .layui-form-item { margin-bottom: 40px;  clear: both;  }
/*end-数据申请*/

#dataProvider h3, #dataCatalogS h3 {
    font-size: 14px !important;
}