*{margin: 0px;padding: 0px; font-family: "microsoft yahei";font-size: 14px;}
html,body{ height:100%; overflow:hidden;  width: 100%;  color:#000;}
li { list-style: none;}
input,select{outline:none;}
ul{ list-style:none;}
a,a:hover,a:active,a:visited  {text-decoration: none;color: #000;}
img { border: none;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both; height: 0px; width: 0px;}



#box{
    height: 100%;
    width: 100%;
    background:#c1c6c9;
    /*overflow: auto;*/
}
#top{
    height: 94px;
    width:100%;
    background: url("../images/headerbg.png") repeat-x center;
    box-shadow:0 0 4px rgba(32,39,43,1);
    -webkit-box-shadow:0 0 4px rgba(32,39,43,0.1);
    -moz-box-shadow:0 0 4px rgba(32,39,43,0.1);
    -o-box-shadow:0 0 4px rgba(32,39,43,0.1);
    position: fixed;
    top:0;
    left: 0;
}
#top #title{
    margin: 0 auto;
    text-align: center;
    width: 610px;
    border-bottom: 1px solid #969a9e;
    padding: 40px 87px 4px;
}
#top #title span{
    padding-left: 31px;
    font-size: 30px;
    color: #004098;
}
#top p{
    position: absolute;
    bottom: 10px;
    right: 30px;
    padding-left: 22px;
    background: url("../images/back.png") no-repeat left 1px;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
    cursor: pointer;
}
#top p:hover{
    color: #004098;
    background: url("../images/blueback.png") no-repeat left 1px;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}



#Double{
    /*height: 28.5%;*/
    height: calc(48% - 184px);
    /*height: 20%;*/
    width: calc(100% - 2px);
    border-radius: 10px;
    overflow: hidden;
    padding: 1px;
    background: url("../images/background_04.png") no-repeat center center;
    background-size: 100% 100%;
    position: fixed;
    /*bottom: calc(71.5% - 102px);*/
    bottom: calc(52% + 82px);
    left: 0;
}
#box h2{
    width: 20px;
    padding:4.6% 10px 0 10px;
    line-height: 18px;
    font-size: 16px;
    font-weight: normal;
}
#box h2 span{
     line-height: 18px;
     font-size: 16px;
 }
#box h3{
    width: 82px;
    height: 49px;
    padding-left: 32px;
    padding-top: 5px;
    background: url("../images/titlebg.png") no-repeat left top;
    font-weight: normal;
    position: absolute;
    left: 8px;
    top: 6px;
    z-index: 9999;
}
#box h4{
    font-weight: normal;
    font-size: 18px;
    line-height: 60px;
}

#box h4 span{
    font-size: 18px;
    line-height: 70px;
}
#box h4 img{
    padding-top: 22px;
    padding-right: 8px;
}
.double1{
    position: relative;
    width: 39.53%;
    height: 100%;
}
.double2{
    position: relative;
    width: calc(60.47% - 40px);
    height: 100%;
    overflow: auto;
}

.double1 div:nth-child(3){
    width: 44%;
}
.double2 div:nth-child(3){
    width: 65%;
}
.double1_box ul li span{
    width: 20px;
    height: 10px;
    background: #0082d2;
    margin-top: 8px;
}
.double1_box ul li:nth-child(2) span{
    background: #00aae1;
}
.double1_box ul li:nth-child(3) span{
    background: #00d7e1;
}
.double1_box ul li:nth-child(4) span{
    background: #00d2aa;
}
.double1_box ul li p{
    line-height: 1.75;
    padding-left: 8px;
}
.double1_box ul li p b{
    display: block;
    font-weight: normal;
    padding-left: 58px;
}
.double1_box ul li p.p_special{
    color: #d20000;
}
.double1 #Double_map1{
    height: 100%;
    width: 56%;
}
.double2 #Double_bar1{
    height: 100%;
    width: 35%;
}
.double1 #Double_map2,
.double2 #Double_bar2{
    height: 500px;
}
@media (max-width: 1680px) {
    .double1_box ul li p{
        font-size: 12px;
    }
    .double1_box ul li p span{
        font-size: 12px;
    }
    #box h4{
        line-height: 50px;
    }
    #box h4 span{
        line-height: 50px;
    }
    #box h4 img{
        padding-top:16px;
    }
    .double1 #Double_map1{
        height: 100%;
        width: 51%;
    }
    .double2 #Double_bar1{
        height: 100%;
        width: 30%;
    }
    .double1 #Double_map2,
    .double2 #Double_bar2{
        height: 500px;
    }
    .double1 div:nth-child(3){
        width: 49%;
    }
    .double2 div:nth-child(3){
        width: 70%;
    }
}


/*创业、创新指数解析*/
.parsing{
    height: 26%;
    width: calc(50% - 4px);
    background: url("../images/background_05.png") no-repeat center center;
    padding: 1px;
    border-radius: 10px;
    background-size: 100% 100%;
    overflow: hidden;
    position: fixed;
}
#box .parsing h2{
    padding: 8% 10px 0 10px;
}
#box .parsing .parsing_box{
    position: relative;
    height: 100%;
    width: calc(100% - 40px);
}
#box .parsing .parsing_box>ul,
#box .parsing .parsing_box .parsing_right{
    width: 71.83%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

#box .parsing .parsing_box .parsing_left{
    width: 28.17%;
    height: 100%;
}
#box .parsing .parsing_box>ul>li{
    display: inline-block;
    height: calc(100% - 16px);
    width: 32.5%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    padding: 8px 0;
}
#box .parsing .parsing_box>ul>li>div{
    width: 100%;
    height: 100%;
}
#box .parsing .parsing_box h5,.map_right h5{
    height: 30px;
    font-size: 12px;
    padding-left: 30px;
    font-weight: normal;
    position: absolute;
    line-height: 28px;
    top:8px;
    left: 0px;
    background: url("../images/button.png") no-repeat left center;
}

#box .parsing .parsing_box .parsing_right .area,
#box .parsing .parsing_box .parsing_right .matrix{
    display: inline-block;
    height: calc(100% - 16px);
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    padding: 8px 0;
}
.parsing_right .area{
    width: 56%;
}
.parsing_right .matrix{
    width: 42.2%;
}
#parsing1{
    bottom:calc(26% + 76px);
    left: 0;
}
#parsing2{
    bottom:calc(26% + 76px);
    left:calc(50% + 4px);
}
#parsing3{
    bottom:69px;
    left: 0;
}
#parsing4{
    bottom:69px;
    left:calc(50% + 4px);
}

.parsing_box #Enship_parsing1,
.parsing_box #Enship_parsing2,
.parsing_box #EnshipAlld1,
.parsing_box #EnshipAlld2,
.parsing_box #InnovateAlld1,
.parsing_box #InnovateAlld2,
.parsing_box #Innovate_parsing1,
.parsing_box #Innovate_parsing2{
    width: 100%;
    height:100%;
}
.parsing_box #Enship_basis1,
.parsing_box #Enship_basis2,
.parsing_box #Enship_management1,
.parsing_box #Enship_management2,
.parsing_box #Enship_results1,
.parsing_box #Enship_results2,
.parsing_box #Innovate_basis1,
.parsing_box #Innovate_basis2,
.parsing_box #Innovate_management1,
.parsing_box #Innovate_management2,
.parsing_box #Innovate_results1,
.parsing_box #Innovate_results2,
.parsing_box #Enship_area1,
.parsing_box #Enship_area2,
.parsing_box #Enship_matrix1,
.parsing_box #Enship_matrix2,
.parsing_box #Innovate_area1,
.parsing_box #Innovate_area2,
.parsing_box #Innovate_matrix1,
.parsing_box #Innovate_matrix2{
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

#year{
    height: 64px;
    width: 100%;
    background: url("../images/footerbg.png") repeat-x center;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
}
#year p{
    padding-top: 36px;
    display: inline-block;
    background: url("../images/off.png") no-repeat center top;
    cursor: pointer;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}
#year p:nth-child(2){
    margin: 0 38%;
}
#year p:not(.p_noclick):hover,#year p.p_cur{
    background: url("../images/on.png") no-repeat center top;
    color: #004098;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}
#map_hidden{
    height:392px;
    width: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    left:0;
    top:0;
    z-index: 10000;
    padding: 145px 0;
    display: none;
}
#map_hidden>img{
    position: absolute;
    top: 110px;
    right: 8%;
}
#map_hidden .map_box{
    width: 1622px;
    height: 100%;
    background: url("../images/background_map.png") no-repeat center center;
    background-size: 100% 100%;
    border-radius: 10px;
    margin: 0 auto;
}
#map_hidden .map_box h2{
    padding-top: 154px !important;
}
#map_hidden .map_box .mapBox{
    position: relative;
    height: 100%;
    width:1582px;
}
.map_left{
    width: 500px;
    height: 100%;
}
.map_left .double1_box{
    padding-left: 20px;
}

#EnshipParsing{
    height: 200px;
    width: 500px;
}
.map_right{
    width: 1080px;
    height: 100%;
    padding-top: 16px;
}
.map_right .area_r,
.map_right .matrix_r{
    display: inline-block;
    height: calc(100% - 16px);
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    padding: 8px 0;
    width: calc(50% - 3px);
    /*background: yellow;*/
}
.mapBox h6{
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding-bottom: 20px;
}
.mapBox h6 p{
    font-size: 36px;
}
.map_right h6{
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    width: 170px;
    height: 116px;
    padding-top: 54px;
    padding-bottom: 0;
    border-radius: 170px;
    border: 3px solid #009698;
    margin-top: 86px;
    margin-left: 62px;
}
.map_right li{
    height: 98px;
}
.map_right li:nth-child(2){
    padding: 26px 0;
    padding-left: 268px;
}
.map_right #area1,
.map_right #area2,
.map_right #area3,
.map_right #matrix1,
.map_right #matrix2,
.map_right #matrix3{
    width: 98px;
    height: 98px;
}
.map_right li>p{
    font-size: 14px;
    padding-top: 30px;
}
.map_right li>p>span{
    font-size: 18px;
    display: block;
}


.ResearchTime{
    position: fixed;
    top:40px;
    right: 10%;
}
.double1_box ul li p b.click_b{
    display: inline-block;
    font-weight: normal;
    padding-left: 0px;
}
#box div.con_box{
    height:calc(100% - 268px) !important;
    z-index: 9999;
    width: 100% !important;
    bottom: 166px !important;
    left: 0 !important;
    -webkit-transition:all 0.5s ease-in;
    -moz-transition:all 0.5s ease-in;
    -ms-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in;
    overflow-y: scroll;
}
#box div.con_box .parsing_left,#box div.con_box .parsing_right{
    overflow: auto;
}

/*切换*/
.tab1,.tab2{
    position: absolute;
    top: 14px;
    right: 10px;
    background: url("../images/tab.png") no-repeat left center;
    display: none;
    z-index: 10000;
    cursor: pointer;
    font-size: 12px;
}
.tab1,.tab2 span{
    font-size: 12px;
}
#box div.con_box .tab1,#box div.con_box .tab2{
    display: block !important;
    padding: 5px 5px 5px 20px;
}
#box div.con_box .parsing_box>ul>li>div,
#box div.con_box .parsing_box .parsing_right .area,
#box div.con_box .parsing_box .parsing_right .matrix{
    overflow: auto;
}
#box div.con_box0{
    left: 0;
    bottom:118px;
    height:40px;
    width: calc(50% - 4px);
}
#box div.con_box1{
    left: calc(50% + 4px);
    bottom:118px;
    height:40px;
    width: calc(50% - 4px);
}
#box div.con_box2{
    left: 0;
    bottom:70px;
    height:40px;
    width: calc(50% - 4px);
}
#box div.con_box3{
    left: calc(50% + 4px);
    bottom:70px;
    height:40px;
    width: calc(50% - 4px);
}


#box div.con_box0:hover,
#box div.con_box1:hover,
#box div.con_box2:hover,
#box div.con_box3:hover{
    height: 26%;
    z-index: 10000;
    -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -ms-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in;
}
#box div.con_box0,
#box div.con_box1,
#box div.con_box2,
#box div.con_box3{
    -webkit-transition:all 0.4s ease-in;
    -moz-transition:all 0.4s ease-in;
    -ms-transition:all 0.4s ease-in;
    transition:all 0.4s ease-in;
}
#box div.con_box0 h2,
#box div.con_box1 h2,
#box div.con_box2 h2,
#box div.con_box3 h2{
    padding-top: 3px !important;
}
#box div.con_box0:hover h2,
#box div.con_box1:hover h2,
#box div.con_box2:hover h2,
#box div.con_box3:hover h2{
    padding-top: 66px !important;
}
.click_div{
    width: 100% !important;
}
#box div.con_box0 .area,
#box div.con_box1 .area,
#box div.con_box2 .area,
#box div.con_box3 .area,
#box div.con_box0 .matrix,
#box div.con_box1 .matrix,
#box div.con_box2 .matrix,
#box div.con_box3 .matrix{
    display: inline-block !important;
}
.double1 #Double_map2,
.double2 #Double_bar2,
.parsing_box #Enship_parsing2,
.parsing_box #EnshipAlld2,
.parsing_box #InnovateAlld2,
.parsing_box #Innovate_parsing2,
.parsing_box #Enship_basis2,
.parsing_box #Enship_management2,
.parsing_box #Enship_results2,
.parsing_box #Innovate_basis2,
.parsing_box #Innovate_management2,
.parsing_box #Innovate_results2,
.parsing_box #Enship_area2,
.parsing_box #Enship_matrix2,
.parsing_box #Innovate_area2,
.parsing_box #Innovate_matrix2,
.double1 #Double_map1,
.double2 #Double_bar1,
.parsing_box #Enship_parsing1,
.parsing_box #EnshipAlld1,
.parsing_box #InnovateAlld1,
.parsing_box #Innovate_parsing1,
.parsing_box #Enship_basis1,
.parsing_box #Enship_management1,
.parsing_box #Enship_results1,
.parsing_box #Innovate_basis1,
.parsing_box #Innovate_management1,
.parsing_box #Innovate_results1,
.parsing_box #Enship_area1,
.parsing_box #Enship_matrix1,
.parsing_box #Innovate_area1,
.parsing_box #Innovate_matrix1,
#box div.con_box0 .parsing_box>ul>li>div:nth-child(3),
#box div.con_box1 .parsing_box>ul>li>div:nth-child(3),
#box div.con_box2 .parsing_box>ul>li>div:nth-child(3),
#box div.con_box3 .parsing_box>ul>li>div:nth-child(3),
.map_left ul li,
#box .parsing .parsing_box>ul>li>div:last-child{
    display: none;
}
.showcharts,
#box div.con_box0 .parsing_box>ul>li>div:nth-child(2),
#box div.con_box1 .parsing_box>ul>li>div:nth-child(2),
#box div.con_box2 .parsing_box>ul>li>div:nth-child(2),
#box div.con_box3 .parsing_box>ul>li>div:nth-child(2),
.map_left ul li.li_cur{
    display: block !important;
}
#Enship_basis3,
#Enship_management3,
#Enship_results3,
#Innovate_basis3,
#Innovate_management3,
#Innovate_results3{
    display: block !important;
    height: 660px;
    width: 399px;
}