﻿body,div,a,p,ul,li,input,textarea {margin:0;padding:0;font-size:12px;font-family:"微软雅黑";list-style:none;text-decoration:none;cursor:default;color:#333333;}
iframe{border:none;}
body{
    background:#f1f7fd;/*background:#EDEDED;*/
}

#section{
    width:100%;min-width:1200px;margin: 0px auto;position: relative
}
#sectionBox{
    width: 1200px;margin: 0px auto; 
}
/*导航栏*/
#navigationBar{/*选中后的蓝色0064c1*/
    height:50px;background:#2196f3;width: 1200px;margin:0 auto;
}
#navigationBar ul{
    display: inline-block;height:50px;margin-left: 20px;cursor: pointer;
}
#navigationBar ul li,#navigationBarTwo ul li{
    height: 50px;font-size:18px;color:#ffffff; float:left;box-sizing: border-box;padding: 15px 15px;cursor: pointer;
}
/* 二级菜单 20180922 磊*/
#navigationBarTwo {

     height:65px;width: 1200px;position:absolute;background:rgba(255, 255, 255, 0.7);cursor:pointer;position: absolute; left: 50%; margin-left: -600px;

}
#navigationBarTwo ul {
    height:65px;cursor:pointer;
}
#navigationBarTwo ul li{
    color:#333333;line-height: 40px;font-weight: bold;font-size: 16px;
}
#navigationBar ul li:hover{
    background:#0064c1;
    /*color:#2196f3;*/
    border-bottom:3px solid #f5533d;
}


.blue{
    background:#0064c1;
}
#decisioinSupportContent ul li span.colorBlue,.resultsRelaseChild span.colorBlue, .demandAnnouncementsChild span.colorBlue,.block-slider ul li span.colorBlue, .block-slider1 ul li span.colorBlue {
    color:#2196f3;
}
#goMap {
    position: relative;  width: 1200px; height: 400px; margin: 0 auto;
}
#goMap>span{
    color:#ffffff;font-size: 30px;position:relative;top:-270px;left:60px;
}
/*进入地图按钮*/
#goMap>button{
    width:120px;height:40px;background:#2196f3;font-size:16px;color:#ffffff;border:none;border-radius:5px;position:relative;top:-170px;left:-330px;cursor: pointer;
}
#goMap>button>img{
    margin-top: 2px;margin-left: 5px;width:16px;height:16px;
}
#map:hover {
     background:#32A0FF;
} 
/*最新动态*/
#news{
    width:1200px;height:600px;/*background:#ffffff;*/margin:0 auto;padding-top: 40px;
}
#newsLeft{
    width:850px;height:276px; margin: 0 auto;
}
#newsLeftTitle{ 
    text-align:center;padding:15px 0;background:#fff;
    /*margin-bottom: 15px;text-align:center;margin-top: 15px;*/
}
#newsLeftTitle img{    
    margin-top: 10px;
}
#newsLeftContent>ul{
    width:850px;height:150px;text-align:center;overflow: hidden;
}
#newsLeftContent>ul>li{
    width:345px;height:30px;line-height:30px;float:left;margin:0 40px;font-size:14px;color: #333333;overflow:hidden; white-space: nowrap; /*（不换行，一行显示）*/text-overflow: ellipsis; /* （溢出用省略号）*/ -o-text-overflow: ellipsis;cursor:pointer; text-align:left;
}
#newsLeftContent>ul>li:hover{
    color:#2196f3;
}
.moreNews{
    position:relative;right:-750px;bottom:-25px;width: 60px;
}
.moreNews>a:hover{
    color:#2196f3;cursor:pointer;
}
#newsRight{
    width:350px;height:276px;text-align:center;
}
.NewsButton{
    display:inline-block;width:230px;height:44px;font-size:18px;font-weight:bold;color:#ffffff;box-sizing:border-box;padding:9px 60px;border-radius:5px;background:#FF7143;margin-top:25px;cursor: pointer;
}
/*数据汇交平台按钮鼠标移动上去后的效果*/
a[ac=dataExchange]:hover {
    background:#F59150;
}
/*数据共享按钮样式*/
a[ac=dataSharing]{
    background:#2196f3;margin-top:15px;
}
/*数据共享按钮鼠标移动上去后的效果*/
a[ac=dataSharing]:hover{
    background:#32A0FF;
}
/*辅助工具按钮样式*/
a[ac=auxiliaryTool]{
    background:#47BDC7;margin-top:15px;
}
/*辅助工具按钮鼠标移动上去后的效果*/
a[ac=auxiliaryTool]:hover {
    background:#5AC8D7;
}
/*名录查询按钮样式*/
a[ac=auxiliaryTool1]{
    background:#4CAF50;margin-top:15px;
}
/*名录查询按钮鼠标移动上去后的效果*/
a[ac=auxiliaryTool1]:hover {
    background:#5AB964;
}
/*京津冀协同创新发展地图*/
a[ac=synergyDevelop] {
    margin-top:15px;padding: 12px 10px;background: #c3c3c3/*#9688ff*/;
}
a[ac=synergyDevelop]:hover{
    background:#dadada/*#b1a6ff*/;
}
/*
  *20240109 
  *布局修改，最新动态新增属性
**/
#news .titBarNews{
    height: 40px;line-height: 40px;border-left: 4px solid #2a74de;background: linear-gradient(to right, #4e96fe, #95c1ff);position:relative;
}
#news .titBarNews>.titNews{font-size:20px;color:#fff;margin-left:10px;}
#news .newsListBox{width:581px;}
#news .moreNewsL {color:#fff;position:absolute;right:15px;cursor:pointer;}
#news .moreNewsL>img{position:relative;top:3px;left:3px;}
#news .newsListGroup{padding-top:15px;box-sizing: border-box;}
#news .fl .newsListGroup{height:510px;}
#news .fr .newsListGroup{height:213px;}
#news .dynamicItem{height:33px;line-height:33px;position: relative;}
#news .dynamicItem .triangle{width:8px;height:8px;position: relative;top: -12px;margin-right: 5px;}
#news .dynamicItem .dot{position: relative;top: -10px;margin-right: 5px;display: inline-block;width: 4px;height: 4px;background-color: #000;border-radius: 50%;margin: 4px 5px 4px 4px;}
#news .dynamicItem .newsTitle,#news .dynamicItem .newsDate{color:#3d3d3d;font-size:14px;}
#news .dynamicItem .newsTitle{display: inline-block;width: 360px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;cursor:pointer;}
#news .dynamicItem .newsTitle:hover{color:#2196f3;}
#news .dynamicItem .newsDate{position:absolute;right:0;}
#news .loadingImg {display:inline-block;width:16px;height:16px;background:url(../../img/spaceresource/loading.gif) no-repeat center center;vertical-align: middle;margin-right:5px;}

/*资源服务*/
#resourceService{
    background:#ffffff;
}
#resourceServiceTitle{
    text-align:center;padding-bottom:15px;
}
#resourceServiceBox{
    background:#ececec;box-sizing:border-box;padding:20px 20px;
}
.resourceServiceChild{
    width:1200px;height:240px;background:#ffffff; margin-top:20px;border-radius:5px;margin:20px auto;
}
/*服务机构*/
#serviceOrganizations{
    width:350px;height:260px;background:#ffffff;border-radius:5px; 
}
#serviceOrganizationsTitle{
    text-align:left;box-sizing:border-box;padding:10px 20px;
}
#serviceOrganizationsContent{
    box-sizing: border-box; padding: 0 80px;position: relative;
}
/*需求对接*/
.demandDocking {/*display:inline-block;*/height: 55px;margin: 5px 15px;}/*20210125*/
/* #demandInformation .imgBox{width:150px;margin: 10px 50px;}
#demandInformation .imgBox img{width:100%;}
#demandInformation .imgBox img:hover {box-shadow:#2196f3 0px 0px 10px 0px;transition: all 0.3s ease 0s;cursor:pointer;transform: scale(1.1);} 20210125 del */
#djshowarea .imgBox{width:290px;height: 55px;}
#djshowarea .imgBox img{width:45px;float: left;margin: 5px 0;}
#djshowarea .imgBox img:hover {box-shadow:#2196f3 0px 0px 10px 0px;transition: all 0.3s ease 0s;cursor:pointer;transform: scale(1.1);}
.demandDockingTit{text-align:left;padding: 0 20px;}
/* #demandInformation .demandDocking span{display:inline-block;margin-top:10px;color:#4c4c4c;}20210125 del */
/* #demandInformation .demandDocking span:hover{cursor:pointer;color:#2196f3;}20210125 del */
#djshowarea .demandDocking span{display:inline-block;color:#4c4c4c;line-height: 55px;vertical-align: middle;}/*20210125 add*/
#djshowarea .demandDocking span:hover{cursor:pointer;color:#2196f3;}/*20210125 add*/

#demandInformation{
    width:800px;height:260px;text-align:center;background:#ffffff;border-radius:5px;
}
a[ac=demandInformation]{
   width:222px;height:40px; background:#26a69a;margin:10px;padding: 8px 75px;
}
a[ac=demandInformation]:hover{
   background:#3CB4A0;
}
#demandInformation .chinese{
    display:inline-block;margin:10px 5px;
}
#demandInformation ul{
    text-align:center;margin-top: 5px;
}
#demandInformation ul li{
    width:195px;height:35px;line-height:35px;display:inline-block;text-align:left;cursor: pointer;
}
#demandInformation ul li:hover{
    color:#2196f3;
}
#demandInformation ul li input{
    margin-right:5px; width:15px;height:15px;vertical-align:middle;
}
/*专家库*/
#expertLibraryTitle .chinese{
    display:inline-block;margin-top:10px; margin-left:20px;
}
#expertLibraryContent{
    width:1160px;height:200px;box-sizing: border-box; padding: 0 80px;
}
/*成果发布*/
#resultsRelaseTitle,#demandAnnouncementsTitle{
    height:40px;background:#2196f3;border-radius:5px 5px 0 0;line-height:40px;position: relative;
}
#resultsRelaseTitle .english,#demandAnnouncementsTitle .english {
    color:#4c4c4c;
}

#resultsRelaseTitle .chinese ,#demandAnnouncementsTitle .chinese{
    color:#ffffff;margin-left:20px;
}
/*成果发布选项卡*/
.tab{float:right;}
#resultsRelaseTitle ul,#demandAnnouncementsTitle ul {
    width:750px;height:35px;border-radius:0 5px 0 0;
}
#resultsRelaseTitle ul li,#demandAnnouncementsTitle ul li {
    width:85px;text-align: center;float:left;color:#ffffff;font-size:16px;height:37px;line-height:37px;margin:0 3px;cursor:pointer;
}
/*#resultsRelaseTitle ul li:hover {
   color:black;background:#ffffff;border-radius:5px 5px 0 0;
}*/
.white{
    color:black;background:#ffffff;border-radius:5px 5px 0 0;
}
.resultsRelaseChild,.demandAnnouncementsChild{
    width:200px;height:150px;float:left;margin:10px  16px;text-align:center;cursor:pointer;
}
.resultsRelaseChild span ,.demandAnnouncementsChild span{
    margin-top:8px;color:#4c4c4c;display:inline-block;
}

.resultsRelaseChild img {
    width:200px;height:150px;
}
.resultsRelaseChild img:hover,.demandAnnouncementsChild img:hover {
   box-shadow:#2196f3 0px 0px 10px 0px;transition: all 0.3s ease 0s;transform: scale(1.05);

}
.resultsRelaseChild span:hover,#demandAnnouncementsLeft>ul>li:hover {
       color:#2196f3;
}

/*需求大厅(新)20180918 磊*/
#demandAnnouncementsLeft{
    margin-top:20px;
}
#demandAnnouncementsRight{
    margin-top:4px;
}
#demandAnnouncementsLeft > ul {
    width:720px;height:170px;
}
#demandAnnouncementsRight > ul {
    width:460px;height:170px;
}
#demandAnnouncementsLeft>ul>li{
    width:330px;height:30px;line-height:30px;float:left;margin:0 15px;font-size:14px;color: #333333;overflow:hidden; white-space: nowrap; /*（不换行，一行显示）*/text-overflow: ellipsis; /* （溢出用省略号）*/ -o-text-overflow: ellipsis;cursor:pointer; text-align:left;
}
#demandAnnouncementsRight>ul>li{
    width:100px;height:85px;float:left;margin:5px 5px;font-size:14px;color: #333333;overflow:hidden; white-space: nowrap; /*（不换行，一行显示）*/text-overflow: ellipsis; /* （溢出用省略号）*/ -o-text-overflow: ellipsis;cursor:pointer; text-align:center;
}
#demandAnnouncementsRight > ul > li>span {
    display:inline-block;margin-top:2px;
}
.imgDiv {
    border:1px solid #e5e5e5;
}
.imgDiv:hover {
    border:1px solid #59C67D;cursor: pointer;
}
#demandAnnouncementsRight ul li span:hover {
    color: #59C67D;
}
.colorGreen {
    color: #59C67D;
}
/*ADD 2018021 Zhangbo 全部信息列表*/
.demandList{color: #fff;position: absolute;font-size: 14px;right: 30px;cursor: pointer;}
/*定制服务*/
#customizedServices{
    width: 1200px;height: 450px;background: #ffffff;margin:0 auto;
}
#customizedServicesTitle{
    text-align:center;
}
.serverSpan{
    display:inline-block;margin-top:40px; margin-bottom: 15px;
}
/*地区应用*/
#administrativeDistrict{
    width:350px;height:312px;float:left;/*margin-left:20px;*/text-align:center;background:#F0F0F0;
}
#administrativeDistrictTitle{
    margin-top:10px;
}
#administrativeDistrictContent ul{
    width:280px;height:265px;margin: 5px 50px;overflow: hidden;
}
#administrativeDistrictContent ul li{
    width:56px;height:20px;font-size:14px;float:left;margin:15px 15px;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis;cursor:pointer;text-align: left;
}
#administrativeDistrictContent ul li:hover{
    color:#2196f3;
}
/*专题应用*/
#specialTopic{
    width:800px;height:312px;float:right;/*margin-right:20px;*/text-align:center;background:#F0F0F0;
}
#specialTopicTitle{
    margin:10px 0;
}
#specialTopicContent ul{
    width:800px;height:260px;
}
#specialTopicContent ul li{
    width: 140px;height: 250px;float:left;margin:0 30px;cursor: pointer;
}
li[ac=medicine] {
  background:#47bdc7;color:#ffffff;
}
li[ac=safe] {
  background:#99cc67;
}
li[ac=agriculture] {
  background:#ffac4c;color:#ffffff;
}
li[ac=science] {
  background:#32cfc4;
}
li[ac=oil] {
  background:#67809f;color:#ffffff;
}

@-webkit-keyframes test{
    0%{
        transform:translate(0,0);
    }
    50%{
        transform:translate(0,-10px);
    }
    100%{
        transform:translate(0,0);
    }
}
/*#specialTopicContent ul li:hover{
    -webkit-animation:test 0.5s ease-in 1;
}*/
#specialTopicContent ul li img{
    margin-top:30px;
}
#specialTopicContent ul li span{
    font-size:20px;display:inline-block;margin-top:90px;
}
/*#specialTopicContent ul li div{
    width: 98px;height: 98px;border-radius: 49px; box-shadow: #4c4c4c 0px 0px 6px 0px;margin: -212px 21px;
}*/

/*决策服务*/
#decisioinSupport{
    width:1200px;height:280px;background:#ffffff;text-align:center; margin:0 auto;
}
#decisioinSupportContent ul{
    width:1200px;height:140px;
}
#decisioinSupportContent ul li{
    width:200px;height:150px;float:left;margin:10px 50px;
    /*width:180px;height:140px;float:left;margin:10px 30px;*/
}
#decisioinSupportContent ul li img{/*width: 180px;height: 100px;*/width: 200px;height: 105px;}
#decisioinSupportContent ul li img:hover {
   box-shadow:#2196f3 0px 0px 10px 0px;transition: all 0.3s ease 0s;cursor:pointer;transform: scale(1.1);
}
#decisioinSupportContent ul li span{
    display:inline-block;margin-top:10px;color:#4c4c4c;
}
#decisioinSupportContent ul li span:hover{
    cursor:pointer;color:#2196f3;
}
/*模块标题字体样式*/
.chinese{
    font-size:22px;color:#3399ff;margin-right:5px;
}
.english{
    font-size:12px;color:#A6A6A6;
}
#footer{
    width:100%;min-width:1200px;margin: 0px auto;
}
#footerBox{
    width:1200px;height:200px;background:#2196f3;margin: 0px auto;text-align:center;box-sizing: border-box;padding: 20px 0;
}
#contactInformation ul{
    width:220px;height:30px;display:inline-block;margin-top:20px;
}
#contactInformation ul li{
    width:65px;height:30px;float:left;margin:5px 4px;color:#ffffff;
}
#contactInformation ul li a{
    color:#ffffff;cursor: pointer;
}

/*遮罩层样式*/

.img_div_bac {
   /* margin: 20px 400px 0 400px;*/
    position: relative;
    width: 140px;
    height: 250px;
}
.mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 250px;
    background: rgba(101, 101, 101, 0.7);
    color: #ffffff;
    opacity: 0;
}
.mask p:nth-child(1) {
    display:inline-block; position:relative;top:150px;/*margin-top:30px;*/box-sizing:border-box; padding:5px 10px;color:#ffffff;font-size:18px;text-align: center;cursor:pointer; border:1px solid #ffffff; border-radius:2px;}
.mask p:nth-child(1):hover {
    background:#ffffff; color:#2196f3;
}
/*.mask p:nth-child(1) {
    display:inline-block;width:135px;height:48px;margin:50px 3px;color:#ffffff;font-size:12px; text-align: left;overflow:hidden;text-overflow: ellipsis;white-space: inherit; -o-text-overflow: ellipsis;cursor:pointer;
}*/

.img_div_bac a:hover .mask {
    opacity: 1; cursor:pointer;          
}
 
/*导航栏的选中状态*/
 #resultsRelaseTitle ul li.click, #demandAnnouncementsTitle ul li.click {
    color:#4c4c4c;background:#ffffff;border-top:3px solid #00D5CB;
}
#resultsRelaseTitle ul li.move,#demandAnnouncementsTitle ul li.move {
   color:#ffffff;background:#2196f3;border-top:3px solid #2196f3;
}
/*浮窗样式*/
#AirView {
    position: fixed; bottom: 300px; right: 30px;
}
#AirView img {
    width: 100px;cursor:pointer;
}