*{
	box-sizing: border-box;
}
body,select,input,view,text,button,textarea{
    font-family:'PingFang SC','microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
}
body{
	font-size: 14px; color: #fff;
	overflow-x: hidden;line-height: 1.14; font-family:'PingFang SC','microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
	background: #0a1c58;
}
html,body{
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
a{
	color: inherit; 
	outline:none;
    -moz-outline-style:none;
}
a:hover{
	color: inherit; text-decoration: none;
}
img{
	max-width: 100%;
}
@font-face{
     font-family: 'DIN-Condensed-Bold'; 
     src:url('../fonts/DIN-Condensed-Bold.ttf') format('truetype');
}

.clearfix:after{
	content: "";display: table; clear: both; height: 0; visibility: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.tleft{
	text-align: left !important;
}
.tright{
	text-align: right !important;
}
.none{
	display: none;
}


.inline-block{
	display: inline-block;
}
body{
	overflow: auto;
}
.wrap-box{
	background: url(../images/bg.png) no-repeat center; background-size:100% 100%; width: 3840px; margin:  0 auto;
	height: 2160px; overflow: hidden;
}
.wrap{
	/*min-height: 100vh;*/ 
	display: flex; width: 3778px; margin: 0 auto; padding: 34px 0; height: auto; overflow: hidden;
}
.wrap-l{
	width: 794px; float: left;
}
.wrap-c{
	width:2190px ; float: left;
}
.wrap-r{
	width: 794px;
}
.mbox{
	position: relative;
}
.mbox-title{
	position: absolute; left: 0; right: 0; top: 12px;text-align: center; line-height: 45px; font-size: 32px;
}
.mbox1{
	background: url(../images/bg-row1.png) no-repeat center;background-size:100% 100%; height: 744px; margin-bottom: 19px;padding: 150px 50px 0 25px; 
	/*display: flex;flex-wrap: wrap;*/
}
.mbox1 .item{
	width: 32%;text-align: center; float: left; margin-bottom:55px;
}
.mbox1 .item .chartbox{

	width: 153px; height: 153px;
	background: url(../images/quan1.png) no-repeat center top;
	margin: 0 auto;
	padding-top: 50px;
}
.mbox1 .item .chartboxbg2{
	background-image: url(../images/quan2.png);
}
.mbox1 .item .chartbox h2{
	font-size: 36px; font-family: "DIN-Condensed-Bold";
}
.mbox1 .item .chartbox h4{
	font-size: 22px; margin-top: 6px;
}
.mbox1 .item .tit{
	font-size:22px; margin-top: 15px; white-space: nowrap; height: 2.3em;
}
.mbox2{
	background: url(../images/bg-row2.png) no-repeat center;background-size:100% 100%; height: 1281px; margin-bottom: 2px; padding-top: 110px; padding-right: 72px; padding-left: 78px;
}

.mbox3{
	background: url(../images/bg-row3.png) no-repeat center;background-size:100% 100%; height: 789px; padding: 95px 86px 0 90px;
}
.mbox3-list{
	display: flex; display: -webkit-flex; flex-wrap: wrap; margin: -15px -10px;
}
.mbox3-list li{
	box-shadow: inset 0px 1px 11px 3px rgba(4,70,153,0.37);
	border: 1px solid rgba(4, 70, 153, 0.37); margin: 15px 10px; width: 292px;text-align: center; padding: 10px 15px 10px 15px;
}
.mbox3-list li:first-child{
	width: 605px;
}
.mbox3-listhd{
	font-size: 22px; margin-bottom: 3px;
}
.mbox3-listhd .num{
	font-size: 32px; font-family: 'DIN-Condensed-Bold';  margin-right: 10px; display: inline-block;vertical-align: middle;
}
.mbox3-listbd{
	font-size: 20px; color: #88B7FF; line-height: 1.2;
}
.mbox3-chart{
	width: 605px;height: 356px;box-shadow: inset 0px 1px 11px 3px rgba(4,70,153,0.37);
border-radius: 2px 0px 2px 0px;
border: 1px solid rgba(4, 70, 153, 0.37); margin-top: 30px; position: relative;
}
.mbox3-chart .title{
	position: absolute; top: 0; left: 0; right: 0;
	text-align: center; color: #357EED; font-size: 22px; padding-top: 8px;
}
.mbox3-chart #chart1{
	height: 100%;
}
.mbox4{
	background: url(../images/bg-row4.png) no-repeat center;background-size:100% 100%; height: 548px; padding: 80px 49px 0 80px;
}
.mbox4-list{
	overflow: hidden; 
}
.mbox4-list li{
	width: 248px; height: 140px; float: left;  margin-left: -55px;
	background: url(../images/box3.png) no-repeat center/cover;
	text-align: center; padding-top: 40px;
}
.mbox4-list li:nth-child(3n+1){
	margin-left: 0;
}

.mbox4-list .txt{
	font-size: 22px;
}
.mbox4-list .txt big{
	font-size: 32px; font-family: 'DIN-Condensed-Bold'; display: inline-block;vertical-align: middle; margin-right: 5px;
}
.mbox4-list .tit{
	font-size: 21px; margin-top: 8px;
}
.mbox5-list{
	height: auto; overflow: hidden;
}
.mbox5-list li{
	 width: 206px; height: 174px; background: url(../images/bg02.png) no-repeat; float: left; text-align: center; padding: 55px  20px 0;
}
.mbox5-list-hd{
	font-size: 22px;
}
.mbox5-list-hd big{
	font-size: 36px; margin-right: 3px; font-family: "DIN-Condensed-Bold";
}
.mbox5-list-bd{
	font-size: 22px; color: #88B7FF; padding-top: 12px;
}
.mbox5-chart{
	height: 350px;
}
.mbox5-chart{
	height: 350px;
}
.mbox5{
	background: url(../images/bg-row5.png) no-repeat center;background-size:100% 100%; height: 724px; width: 795px; padding: 105px 88px 0 88px ;
}
/* .mbox5{
	background: url(../images/bg-row5.png) no-repeat center;background-size:100% 100%; height: 724px; width: 1395px;
	padding: 103px 97px 0 97px;
} */

.mbox6{
	background: url(../images/bg-row6.png) no-repeat center;background-size:100% 100%; height: 724px; width: 2185px; margin-bottom: 13px;  padding-top: 105px; padding-left: 70px;
}
.mbox6 .mbox-bd{
	display: flex; display: -webkit-flex;
}
.mbox6-l{
	width: 1350px;
}
.mbox6-r{
	width: 627px; margin-left: 90px;
}
.mbox6 .mbox-row{
	margin-bottom: 30px;
}
.mbox6 .mbox-rowhd{
	margin-bottom: 15px;
}
.mtable{
	border-collapse: collapse; border: 1px solid #124695;  width: 100%; 
}
.mtable thead th{
	background: rgba(18, 70, 149, 0.3); padding:5px; border: 1px solid #124695;text-align: center; font-size: 20px; height: 74px; line-height: 1.2;
}
.mtable tbody td{
	 padding:9px 5px; font-size: 26px; background: rgba(1, 20, 60, 0.21);text-align: center; height: 62px;border: 1px solid #124695; line-height: 1.3;
}
.mtable tbody tr:nth-child(2n) td{
	background: rgba(216, 216, 216, 0.07);
}
.mtable tbody .small{
	font-size: 22px;
}
.mtable tbody .inline-block{
	text-align: left;
}
.inline-block{
	display: inline-block !important; 
}
/* .mbox6-list-tit{
	text-align: center;font-size: 18px; color: #38C4DA; margin-bottom: 20px;
}
.mbox6-list li{
	margin:0 auto 10px auto;  width: 601px; height: 50px;background: url(../images/bg03.png) no-repeat center; background-size:100% 100% ; padding: 0 0 0 195px; line-height: 50px;
}

.mbox6-list .tit{
	display: inline-block;vertical-align: middle;margin-right: 30px; min-width: 140px; max-width: 150px; font-size: 22px;
}
.mbox6-list .txt{
	display: inline-block;vertical-align: middle;font-size: 22px;
}

.mbox6-chart{
	overflow: hidden;
	width: 120%;
	margin-left: -10%;
}
.mbox6-chart >div{
	width: 50%; float: left; height: 360px;
}

.mbox7{
	background: url(../images/bg-row7.png) no-repeat center;background-size:100% 100%; height: 1131px;padding: 97px 0 0 96px;
}
.mbox7-hd{
	margin-bottom: 25px;
}
.mbox7-tit{
	font-size: 24px; color: #2581F6; background: url(../images/bg04.png) no-repeat; background-size: cover; width: 110px; height:40px; text-align: center; line-height: 40px;
}
.mbox7-list1{
	height: auto; overflow: hidden; padding-left: 10px; padding-right: 10px; margin-left: -10px; margin-right: -10px; margin-top: -10px;
}
.mbox7-list1 li{
	width: 232px; height: 126px; float: left; margin: 0 -21px 0 -21px; background: url(../images/bg05.png) no-repeat; background-size:cover ;text-align: center; padding: 30px 20px 0 20px; 
}
.mbox7-list1 li:nth-child(3n-1){
	width: 293px; background-image: url(../images/bg05-big.png);
}
.mbox7-list1 .txt{
	font-size: 22px;
}
.mbox7-list1 .txt big{
	font-size: 32px; margin-right: 5px; font-family: "DIN-Condensed-Bold";
}
.mbox7-list1 .tit{
	font-size: 18px; margin-top: 8px;
}
*/
.wrap-map{
	height: 1308px; padding-top: 30px; margin-bottom: 0;
}
.wrap-map .mtit{
	text-align: center; background: url(../images/bg06.png) no-repeat center bottom; font-size: 32px;padding: 8px 0; margin-bottom: 50px;
}
.mnav{
	text-align: center;
}
.mnav .item{
	background: url(../images/bg07.png) no-repeat; width: 333px; height: 94px; display: inline-block;vertical-align: top; line-height: 94px; font-size: 22px; margin: 0 23px;
}
.mnav .item big{
	font-size: 38px; margin: 0 8px;vertical-align: middle; font-family: "DIN-Condensed-Bold";
}
.wrap-cbd{
	height: auto; overflow: hidden;
}
.fc-yellow{
	color: #FAD64F;
}
.fc-blue{
	color: #38C4DA;
}
.fc-orange{
	color: #E19449;
}
.chart{
	text-align: center; margin-top: 20px; padding-top: 200px;
}
#map{
	display: inline-block; position: relative;	
}
#map .txt{
	position: absolute; right: 10px; bottom: 200px; background: rgba(75, 112, 248, 0.31); font-size: 28px; color: #fff; padding: 15px 20px; border-radius: 8px; line-height: 1; font-weight: normal;
}
#map .txt:before{
	display: inline-block;vertical-align: middle; width: 18px; height: 18px; border-radius: 50%; background: #FFB100; content: "";vertical-align: middle; margin-right: 5px;
}
.map-list li{
	position: absolute;  
	 left: 1086px;
	 top: 388px;
	 width: 120px;
	 height: 120px;cursor: pointer; margin-top: -45px; margin-left: -60px;  

}
.map-list  .barbox{
	position: absolute;  z-index: 1;
	width: 110px; left: 50%; margin-left: -45px; bottom:35px; 
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
}
.map-list li:hover  .barbox{
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
}
.map-list  .barbox .bar{
	width: 100%; 
}
.map-list  .barbox .barb{
	width: 100%; height: 47px; background: url(../images/barb.png) no-repeat center/cover;
}
.map-list  .barbox .barc{
	width: 100%;  background: url(../images/barc.png)  center/100% auto;
	position: relative; margin-bottom: 0; z-index: 1; 
}
.map-list  .barbox .bart{
	width: 100%; height: 14px; background: url(../images/bart.png)  center/100% auto;
}
.map-list .info{
	position: absolute; left:100%; margin-left: -12px; top: -5px; background-image: linear-gradient(rgba(19, 89, 229, 0.50),rgba(8, 45, 198, 1)); min-width: 200px; height: auto; border-radius: 4px; box-shadow: rgba(17, 56, 214, 1) 0 3px 10px 3px; padding:10px 12px;text-align: left; display: block;
}
.map-list .infol{
	 left: auto; right: 100%; margin-left: 0; margin-right: -12px;
}
.map-list .info-top{
	 line-height: 1; font-size: 22px; color: #081D56;background:linear-gradient( to right, #00B9D9 0%, #008AE1 71%,#00A8DA 100%);
box-shadow: 0px 2px 4px 0px #1138D6;
border-radius: 4px; display: inline-block; font-weight: bold; padding:2px 4px;
}
.map-list .info-text{
	margin-top: 8px; font-size: 22px; color: #9CB4FF;text-shadow: 0px 2px 4px #1138D6; white-space: nowrap;
}
.map-list .info-text .num{
	color: #fff;
}
.map-list .dot{
	position: absolute; left: 50%; margin-left: -5px;  top: 35px; cursor: pointer;
	width: 32px;
	height: 32px;
	background: #ffb100;
	border-radius: 50%;
	 animation: flash ease infinite 2s;
}

.dot.anim2{
	animation-delay: 0.5s, 1.5s;
}
.dot.anim3{
	animation-delay: 0.3s, 1s;
}
@keyframes flash {
    0%,  100% {
		transform: scale(1);
        opacity:1;
        box-shadow: #ffb100 0 0 8px 4px ;
    }
    50% {
		transform: scale(0.5);
        opacity: 0.5;
       box-shadow: #ffb100 0 0 3px 1px;
    }
}

/*萤火虫效果*/
.firefly {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 0.4vw;
    height: 0.4vw;
    margin: -0.2vw 0 0 9.8vw;
    animation: ease 200s alternate infinite;
    pointer-events: none;
}
.firefly::before,
.firefly::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform-origin: -10vw;
}
.firefly::before {
    background: black;
    opacity: 0.4;
    animation-duration: 1s;
    animation: drift ease alternate infinite;
}
.firefly::after {
    background: white;
    opacity: 0;
    box-shadow: 0 0 0vw 0vw yellow;
    /*animation: drift ease alternate infinite, flash ease infinite;*/
    animation: flash ease infinite;
    animation-duration: 2s;
    /*animation-delay: 0ms, 5517ms;*/
}
.firefly:nth-child(1) {
    animation-name: move1;
}
.firefly:nth-child(1)::before {
    animation-duration: 14s;
}
.firefly:nth-child(1)::after {
    animation-duration: 14s, 8442ms;
    animation-delay: 0ms, 4735ms;
}
.dots .barbox{
	position: absolute; left: 50%; margin-left: -42.5px; bottom: 0; width: 85px;height: 100px;
}
/*@keyframes drift {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}*/
.mbox-row{
	margin-bottom: 75px;
}
.mbox-row:last-child{
	margin-bottom: 0;
}
.mbox-rowhd{
	text-align: center; margin-bottom: 30px;
}
.mbox-rowhd .title{
	display: inline-block; font-size: 28px;
}
.mbox-rowhd .title::before,
.mbox-rowhd .title::after{
	width: 73px; height: 22px; content: ""; display: inline-block;vertical-align: middle;
}
.mbox-rowhd .title::before{
	background: url(../images/titleft.png) no-repeat center;margin-right: 18px;
}
.mbox-rowhd .title::after{
	background: url(../images/titright.png) no-repeat center; margin-left: 18px;
}

.list{
	display: flex; display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; margin: -15px -10px;
}
.list li{
	width: 309px;height: 133px; background: url(../images/box1.png) no-repeat center/cover; margin: 15px 10px;
}
.listhd{
	height: 72px; font-size: 28px;text-align: center; line-height: 72px;
}
.listhd .num{
	font-family: 'DIN-Condensed-Bold';  font-size: 32px;  
}
.listbd{
	height: 61px; display: flex;  display: -webkit-flex; justify-content: center;-webkit-justify-content: center; align-items: center; -webkit-align-items: center; font-size: 21px;text-align: center; line-height: 1.2;
}

.listcol3 li{
	width: 201px;background: url(../images/box2.png) no-repeat center/cover;
}
.wrap-rbox{
	width: 2980px;/* display: flex; display: -webkit-flex; */
}
.wrap-rbox-row{
	display: flex; display: -webkit-flex; width:  2980px;
}
.mbox6-list-box{
	overflow: hidden; height: 540px; margin-top: 30px;
}
.mbox6-list{
	position: relative;
}

.mbox6-list li{
	position: relative; padding-left: 30px; padding-bottom: 25px; width: 600px;
}
.mbox6-list li .line{
	position: absolute; left: 6px; top:12px; height: 100%;
	border-left: 1px dashed rgba(151, 151, 151, 0.5);
}
.mbox6-list li .dot{
	width: 13px; height: 13px; background: #D8D8D8; border-radius: 13px; position: absolute; left: 0; top: 10px; z-index: 1;
}
.mbox6-list .tit{
	font-size: 24px; color: #38C4DA; 
}
.mbox6-list .desc{
	font-size: 22px; color: #fff;  margin-top:5px; 
	white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
}
.mbox6-list li:last-child .line{
	display: none;
}