@charset "utf-8";
body{background-color: #F5F5F5;}
.main{margin-top: 65px;background: url(../images/public/mainbg.png) no-repeat bottom center;}
.main .container{background-color: #fff;padding: 30px 25px;}


/*主体*/
#economic {position: relative;margin-bottom: 15px;}
#economic select {min-width: 150px;}
#echarts-main{width: 100%;height: 12rem;min-height: 400px;}
#title_name{margin-bottom: 30px;font-size: 32px;}
#showChart{outline: none;border: none;background: #155CB3;}
#economic .sjly{position:absolute;right:0;top:15px;}

.chartstab li{float: left;padding-top: 28px;width: 12%;height: 160px;text-align: center;background: #F0F7FF;cursor: pointer;}
.chartstab li + li{margin-left: 2.66%;}
.chartstab li.on{background: url(../images/sjkf/tabbg.png) no-repeat;background-size: 100% 100%;height: 180px;}
.chartstab li p{font-size: 18px;margin-top: 12px;color: #155CB3;}
.chartstab li.on p{font-weight: bold;}
.echartsbox{position: relative;margin-top: 25px;padding: 10px 20px;box-shadow: 0px 1.93px 33.8px  rgba(7, 85, 181, 0.12);}
.beizhu {
    text-align: center;
    position: absolute;
    bottom: 13px;
    width: 100%;
    font-size: 18px;
}
#charts{width: 100%;height: 500px;}

.lmtit{font-size: 24px;line-height: 40px;font-weight: bold;padding-left: 35px;background: url(../images/sjkf/tjsj_ico.png) no-repeat left center;}
.lmtit span{color: #808080;cursor: pointer;}
.lmtit span + span{margin-left: 47px;}
.lmtit span.on{color: #333;}
.lmtit .more{float: right;font-weight: normal;font-size: 16px;}
.lmtit .more a{color: #999;display: none;}
.lmtit .more a.on{display: block;}

.tjsjbox{margin-top: 45px;}

.tjsj{width: 58%;}
.tablist{margin-top: 24px;;box-shadow: 0px 1.93px 33.8px  rgba(7, 85, 181, 0.12);}
.tjsj .tabnav{width: 25%;background: #F0F7FF;}
.tjsj .tabnav li{width: 100%;height: 48px;line-height: 48px;font-size: 18px;font-weight: bold;}
.tjsj .tabnav li + li{background: url(../images/sjkf/linebg.png) no-repeat;}
.tjsj .tabnav li a{display: block;width: 100%;height: 100%;padding-left: 55px;color: #808080;background: url(../images/sjkf/gylist_ico.png) no-repeat 20px center;}
.tjsj .tabnav li.on{background: url(../images/sjkf/tablistbg.png) no-repeat 100% 100%;}
.tjsj .tabnav li.on a{color: #fff;background-image: url(../images/sjkf/gylist_ico_on.png);}
.tjsj .tabnav li.gyjg a{background-image: url(../images/sjkf/gyjglist_ico.png);}
.tjsj .tabnav li.sm a{background-image: url(../images/sjkf/smlist_ico.png);}
.tjsj .tabnav li.tz a{background-image: url(../images/sjkf/tzlist_ico.png);}
.tjsj .tabnav li.wj a{background-image: url(../images/sjkf/wjlist_ico.png);}
.tjsj .tabnav li.ny a{background-image: url(../images/sjkf/nylist_ico.png);}
.tjsj .tabnav li.hs a{background-image: url(../images/sjkf/hslist_ico.png);}
.tjsj .tabnav li.on.gyjg a{background-image: url(../images/sjkf/gyjglist_ico_on.png);}
.tjsj .tabnav li.on.sm a{background-image: url(../images/sjkf/smlist_ico_on.png);}
.tjsj .tabnav li.on.tz a{background-image: url(../images/sjkf/tzlist_ico_on.png);}
.tjsj .tabnav li.on.wj a{background-image: url(../images/sjkf/wjlist_ico_on.png);}
.tjsj .tabnav li.on.ny a{background-image: url(../images/sjkf/nylist_ico_on.png);}
.tjsj .tabnav li.on.hs a{background-image: url(../images/sjkf/hslist_ico_on.png);}

.tjlist{width: 75%;}
.tjlist ul{display: none;padding: 18px 20px;}
.tjlist ul.on{display: block;}
.tjlist li{padding-left: 20px;width: 100%;height: 50px;line-height: 50px;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: url(../images/public/list_ico.png) no-repeat left center;}
.tjlist li span{float: right;margin-left: 15px;color: #A6A6A6;}

.tjgb{float: right;width: 49%;}
.tjgb .tjlist{margin-top: 24px;width: 100%;box-shadow: 0px 1.93px 33.8px  rgba(7, 85, 181, 0.12);}
.tjgb .lmtit{background-image: url(../images/sjkf/tjgb_ico.png);}

.tjjd{float: right;width: 49%;}
.tjjd .tjlist{margin-top: 24px;width: 100%;box-shadow: 0px 1.93px 33.8px  rgba(7, 85, 181, 0.12);}
.tjjd .lmtit{background-image: url(../images/sjkf/tjgb_ico.png);}

.main_3131{
	width: 25%;
	height: 100%;
}
.main_31311{
	width: 100%;
	height: 38px;
	line-height: 32px;
}
.main_313111{
	line-height: 66px;
	padding-right: 10px;
}
.main_313112{
	height: 32px;
	margin: 3px 0;
	padding: 0 10px;
	cursor: pointer;
}
.main_313112_click{
	color: #fff;
	background: #299bf3;
}
.main_313112_click div{
	display: block;
	top: 0;
	right: -32px;
	border: 16px solid transparent;
	border-left: 16px solid #299bf3;
}

body {
      font-family: Arial, sans-serif;
    }

    #tabs {
      margin-bottom: 20px;
    }

    #tabs button {
      margin-right: 10px;
    }

    #search {
      margin-bottom: 20px;
    }

    .chart {
      width: 100%;
      height: 323px;
      width: 895.4px;
    }
	.chartli.active {
	    display: block;
	}
	    .chartli {
	      width: 74%;
	      height: 323px;
	      display: none;
	      float: right;
	    }

.chartList {width: 100%;height: 323px;}

.hmsjkfzyxz{margin-top: 40px;}
.hmsjkfzyxz h2{background: #1E72D9;color: #fff;display: block;padding: 10px 40px;}
.hmsjkfzyxz ul{border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.hmsjkfzyxz ul li{position: relative;padding: 10px 40px;border-bottom: 1px solid #ddd;}
.hmsjkfzyxz ul li span{display: block;padding-right: 100px;}
.hmsjkfzyxz ul li a{display: block;position: absolute; right: 20px;top: 50%;margin-top: -10px;}
.hmsjkfzyxz ul li:nth-child(odd){background-color: #f9f9f9;}

.cxsearch {
	display: none;
}
table{
	margin-bottom: 5px !important;
}

@media (max-width:1200px) {
    .main{margin-top: 25px;}
    .main .container{padding: 10px;}
    #economic{padding-top:40px;}
    #economic .sjly{top:0;}
    #title_name{font-size: 24px;margin-bottom: 15px;}
    .am-form select{font-size: 1em;}
    .am-form-group{margin-bottom: 1.2em;}
    #showChart{font-size: 1.2em;}
    .tjsjbox{margin-top: 20px;}
    .tjsj{width: 100%;}
    .tjgb{width: 100%;margin-top: 15px;}
    .lmtit{font-size: 20px;}
    .tjsj .tabnav{width: 100%;}
    .tjsj .tabnav li{width: 50%;float: left;}
    .tjlist{width: 100%;}
    .tjlist ul{padding: 10px;}
    .tjlist li{font-size: 16px;}
    .tjsj .tabnav li{font-size: 16px;}
    .hmsjkfzyxz h2{font-size: 1.125em;}
    .hmsjkfzyxz ul li span{padding-right: 60px;}
}
@media (max-width:768px) {
	.tjjd {width: 100%;}
	    .main_3131 {
        width: 100%;
    }
	    .main_31311 {
        width: 50%;
    }
	    .main_313111 {
        display: none;
    }
	    .main_313112 {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
    }
	    .main_313112_click div {
        display: none !important;
    }
	.chartList {
    overflow: hidden;
    height: 220px;
}
	.chartli {
    width: 100%;
}

.chartli table tbody tr td:nth-child(1) {
    display: none;
}
	
	.chart {
    height: 210px;
    width: 355.2px;
}
	.cxsearch {
		display: block;
	}
	table{
		margin-bottom: 0 !important;
	}
}