.dataDistribution{height: 908px; background: url(../images/dataDistribution_bg.jpg) center top no-repeat;}
.dataDistribution-box h2{font-size: 72px;font-weight: bold; background-image: linear-gradient( 180deg, #FEFFFF 0%, #B6E0FC 100%); -webkit-background-clip: text; color: transparent;padding: 80px 0 60px; text-align: center;}
.dataDistribution-con{padding: 24px; border-radius: 10px; background-color: rgba(0, 0, 0, .5);}

.dataDistribution-items{padding: 30px 0; background-color: #f9f9f9;}
.dataDistribution-items .dataDistribution-items-con{display: flex;flex-wrap: wrap;justify-content: space-between;}
.dataDistribution-items dl{width: 590px; background-color: #fff; padding: 25px; margin-bottom: 20px;}
.dataDistribution-items dt{border-bottom: 1px solid #ccc; padding-bottom: 20px;display: flex;justify-content: space-between;}
.dataDistribution-items dt h2{font-size: 22px;font-weight: bold; color: #046EB8; position: relative;}
.dataDistribution-items dt h2::after{position: absolute; content: ""; transform: translateX(-50%); left: 50%; bottom: -20px; width: 100%; height: 4px; background-color: #046EB8;}

.dataDistribution-items dd{margin-top: 20px;}
.dataDistribution-items dd li{position: relative; padding:0 15px; margin-bottom: 15px; overflow: hidden; border-bottom: 1px dotted #d7d7d7;}
.dataDistribution-items dd li::before{content: ""; position: absolute; width: 6px; height: 6px; background-color: #999; left: 0; top: 8px;}
.dataDistribution-items dd li a{float: left;width: 70%;font-size: 16px; color: #333; padding-bottom: 10px; }
.dataDistribution-items dd li span{float: right; font-size: 16px; color: #999;}
.dataDistribution-items dd li:hover a{color: #0072BB;}
.dataDistribution-items dd li:hover::before{background-color: #0072BB;}
.dataDistribution-items dd .data-more{display: block; margin: 10px auto; width: 180px; line-height: 48px; background-color: #f2f2f2;text-align: center;font-size: 16px;}

.dataDistribution-tel{background: #E7EFFE;display: flex;padding: 10px 35px;align-items: center;}
.dataDistribution-tel h3{margin-left: 20px;font-weight: bold;font-size: 20px;color: #0A4870;}

.dataDistribution-con{display: flex;flex-direction: column;}
.dataDistribution-hd{display: flex; width: 100%;}
.dataDistribution-hd ul{display: flex; justify-content: center; width: 100%;}
.dataDistribution-hd ul li{width: 200px; margin: 0 5px; height: 50px; line-height: 50px; background: linear-gradient( 180deg, #2F92BA 0%, #0F66AB 100%); border-radius: 2px 2px 0 0; text-align: center; position: relative;}
.dataDistribution-hd ul li a{font-size: 20px; color: #fff; display: block;}
.dataDistribution-hd ul li.on{background: #fff;}
.dataDistribution-hd ul li.on a{font-weight: bold;color: #1872AF; }

.dataDistribution-bd{flex: 1; height: 520px; background-color: #fff;}

.sj_tj{ background: #fff; padding:20px;}
.sj_tj_lf{ float: left ; width: 670px; padding-bottom: 15px;}
.sj_tj_lf_nav span{ float: left; width: 25%; text-align: center; height: 40px; line-height: 40px; background: #0173c7; color: #fff; font-size: 16px; cursor: pointer;}
.sj_tj_lf_nav .on{ background: #083e72;}
.sj_tj_lf_con{ position: relative; margin-top: 16px; height: 424px;}
.sj_tj_lf_con .top{ width: 100%; height: 424px;}
.sjxz{ position: absolute; right: 0; top: 23px; z-index: 10;}
.sj_tj_lf_con .bot{ font-size: 14px; color: #666; margin-top: 30px; }
.sj_tj_rg{ float: right; width: 400px;}
.sj_tj_rg_top select{ float: right; margin-right: 29px; width: 110px; height: 32px; background: #0173c7; border: 0; color: #fff; border-radius: 5px; padding-left: 15px;}
.sj_tj_rg_top span{ float: right; font-size: 14px; color: #333; line-height: 32px; margin-right: 8px;}
.sj_tj_rg_mid{ margin-top: 24px; height: 424px; width: 100%; position: relative;}
.sj_tj_rg_bot{font-size: 14px; color: #666; margin-top: 30px;}
.sj_list_box{ float: left; width: 590px; background: #fff;padding: 0 20px;  padding-bottom: 30px; margin-top: 20px;}
.sj_list_title{ line-height: 60px; border-bottom: 1px solid #dddddd; color: #0173c7; font-size: 24px;}
.sj_list_title a{ float: right; font-size: 14px; color: #666;}
.sj_list_box:nth-child(2n+2){ float: right;}
.zfsj_bot{ width: 100%;background: #fff; margin-top: 20px; padding: 0 20px; padding-bottom: 15px;}
.zfsj_bot_con{ margin-top: 15px;}
.zfsj_bot_con li{ float: left; width: 25%; overflow: hidden; margin-bottom: 20px;}
.zfsj_bot_con li a{ display: block; }
.zfsj_bot_con li i{ float: left; width: 5px; height: 5px; background: #aaaaaa; margin-top: 10px;}
.zfsj_bot_con li span{ float: left; margin-left: 20px; font-size: 16px; color: #333;}
.zfsj_bot_con li:hover i{ background: #0173c7;}
.zfsj_bot_con li:hover span{ color: #0173c7;}

.sj_tj_lf_con3 .top{ width: 1000px;}
.sj_tj_lf_con4 .top{ width: 1000px;}

@media screen and (max-width: 768px) {
  .dataDistribution-con{padding: 10px;}
.dataDistribution{height: auto;}
.dataDistribution-box h2{font-size: 36px; padding: 45px 0;width: 60%;margin: 0 auto;}
.dataDistribution-items dl{width: 100%; margin: 10px auto;}
.dataDistribution-items .dataDistribution-items-con {flex-direction: column;}
.dataDistribution-items dd li a{width: 60%;}
.dataDistribution-hd ul li.on a{font-size: 18px;}
.dataDistribution-tel{padding: 10px;}

.sj_tj_lf{ width: 100%;}
	.sj_list_box{ width: 100%;}
	.sj_top a{ width: 100%; margin-top: 15px; box-shadow: 0 0 6px 2px #ccc;}
	.sj_tj_lf_con4 .top{ width: 100%;}
	.sj_tj_lf_con3 .top{width: 100%;}
	.sj_tj_lf_con2 .top{width: 100%;}
	.sj_tj_rg{width: 100%;}
  .sj_tj_lf_nav span{width: 50%;height: 50px;line-height: 50px;}
.dataDistribution-items{
    padding: 0px;
}
	.dataDistribution-box h2 img{
    width: 160px;
}
}