* { margin: 0; padding: 0; outline:none !important; box-sizing: border-box;}
ol,ul,li{list-style-type:none;}
img{border:0rem; vertical-align:middle;}
.clear { height:0rem; clear: both; overflow:hidden; }
i { font-style: normal;}
iframe { border:0;}
html { font-size:calc(100vw/1920) !important; height: 100%;}

body { font-size:14rem; line-height:1.7; color:#ffffff; background: url(../img/bg.jpg) center top no-repeat #001d49; background-size: cover; font-family:'Microsoft YaHei'; }
a{text-decoration:none; color:#5febff; cursor:pointer;}
a:hover{text-decoration:none; color:#ffffff; }
a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; }
.clearfix:after { display: block; content: ''; clear: both;}

@font-face{ font-family:'DIN';src:url('fonts/DIN_Bold.ttf') format('truetype')}
@font-face{ font-family:'Digit';src:url('fonts/digit.ttf') format('truetype')}

.wow {visibility:hidden;}

.wrap { position: relative; min-width: 1900rem; height: 1080rem; padding-top: 63rem; margin: 0 auto; overflow: hidden; }

/*顶部*/
.header { position: absolute; z-index:10; left:0; top:0; right: 0; }
.topbox { background: url(../img/topbg.png) center top no-repeat; height: 88rem; background-size: auto 88rem; position: relative;}

.topbox .logo{ padding-top: 23rem; }
.topbox .logo img { display: block; height: 37rem; margin: 0 auto;}


.flbox { margin: 0 -5rem;}
.fl50 { float: left; width: 50%;}

.mainer { width: 1860rem; margin: 0 auto; padding-bottom: 2rem; position: relative; }

.mainl { float: left; width: 540rem; position: relative; z-index: 2;}
.mainr { float: right; width: 540rem; position: relative; z-index: 2;}
.mainm { position: absolute; left: 540rem; width: 780rem; top: -15rem; height: 757rem; z-index: 1; background: url(../img/mapbg.png) center center no-repeat; background-size: 761rem auto;}
.mainfl { float: left; width: 460rem; margin-left: 22rem; position: relative; z-index: 2;}
.mainfr { float: right; width: 816rem; position: relative; z-index: 2;}

.ibox { margin-bottom: 20rem; }
.ibox_t { position: relative; height: 42rem; background: url(../img/box_t.png) right bottom no-repeat; background-size: auto 27rem; padding-left: 54rem; padding-top: 12rem; }
.ibox_5 .ibox_t { background: url(../img/box_t4.png) right bottom no-repeat; background-size: auto 27rem; }
.ibox_6 .ibox_t { background: url(../img/box_t2.png) right bottom no-repeat; background-size: auto 27rem; }
.ibox_7 .ibox_t { background: url(../img/box_t3.png) right bottom no-repeat; background-size: auto 27rem; }

.ibox_t img { display: block; height: 17rem;}
.ibox_t:before { display: block; content: ''; position: absolute; left: -2rem; top: -1rem; width: 46rem; height: 46rem; background: url(../img/t.png) center center no-repeat; background-size: contain;}


.ibox_m { position: relative; background: rgba(0,62,132,0.2); box-shadow: 0 0 20rem rgba(0,156,255,0.3) inset; border-bottom: 1rem #0076a7 solid; }
.ibox_m:before ,.ibox_m:after{ display: block; content: ''; position: absolute; top: 0; bottom: 0; width: 1rem; background: linear-gradient(rgba(0,118,167,0),rgba(0,118,167,1));}
.ibox_m:before { left: 0;}
.ibox_m:after { right: 0;}


.ibox_1 .ibox_m{ height: 190rem; }
.ibox_2 .ibox_m{ height: 340rem; }
.ibox_3 .ibox_m{ height: 190rem; }
.ibox_4 .ibox_m{ height: 340rem; }
.ibox_5 .ibox_m{ height: 290rem; }
.ibox_6 .ibox_m{ height: 290rem; }
.ibox_7 .ibox_m{ height: 290rem; }


.ilist1 { padding: 16rem 24rem 0 24rem;}
.ilist1 .item { float: left; width: 50%; height: 168rem; background: url(../img/mt1.png) center top no-repeat; background-size: 204rem auto; position: relative;}
.ilist1 .item .num { position: absolute; left: 0; right: 0; top: 11rem; text-align: center;}
.ilist1 .item .num b { font-weight: normal; font-size: 40rem; line-height: 1; color: #fff; font-family:'Digit'; background: -webkit-linear-gradient(#5febff, #ffffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.ilist1 .item .tit { position: absolute; left: 0; right: 0; top: 81rem; text-align: center; font-size: 14rem; line-height: 16rem; color: #fff text-shadow: 0 1rem 2rem rgba(0,0,0,0.2);}


.ilist3 { padding: 19rem 20rem 0 20rem;}
.ilist3 .item { float: left; width: 33.33%; height: 168rem; background: url(../img/mt2.png) center top no-repeat; background-size: 100rem auto; position: relative;}
.ilist3 .item .num { position: absolute; left: 0; right: 0; top: 118rem; background: url(../img/mt3.png) center center no-repeat; background-size: auto 34rem; height: 34rem; padding-top: 2rem; text-align: center;}
.ilist3 .item .num b { font-weight: normal; font-size: 30rem; line-height: 1; color: #fff; font-family:'Digit'; background: -webkit-linear-gradient(#ffffff, #5febff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.ilist3 .item .img { position: absolute; left: 0; right: 0; top: 10rem; }
.ilist3 .item .img img { display: block; height: 60rem; margin: 0 auto;}
.ilist3 .item .tit { position: absolute; left: 0; right: 0; top: 92rem; text-align: center; font-size: 14rem; line-height: 16rem; color: #fff; text-shadow: 0 1rem 2rem rgba(0,0,0,0.2);}


.itab { padding: 26rem 0 0 0; }
.itab_t { text-align: center; font-size: 0;}
.itab_t ul li { display: inline-block; margin: 0 9rem; cursor: pointer; font-size: 12rem; background: url(../img/tab.png) center center no-repeat; background-size: contain; width: 122rem; height: 32rem; text-align: center; line-height: 32rem;}
.itab_t ul li:hover { opacity: 0.8;}
.itab_t ul li.on { background: url(../img/tabs.png) center center no-repeat; background-size: contain; }


.mtable1 { padding: 14rem 19rem 0 19rem;}

.mtable1 ul li { float: left; padding: 0 4rem; box-sizing: border-box; overflow: hidden; position: relative;}
.mtable1 ul li:nth-child(1){ width: 202rem; }
.mtable1 ul li:nth-child(2){ width: 84rem; }
.mtable1 ul li:nth-child(3){ width: 70rem; }
.mtable1 ul li:nth-child(4){ width: 70rem; }
.mtable1 ul li:nth-child(5){ width: 70rem; }

.mtable1_t { position: relative; background: url(../img/table_t.png) left bottom no-repeat; background-size: auto 32rem; height: 32rem; line-height: 30rem; font-weight: bold; font-size: 14rem; text-align: center; padding: 0 1rem; margin-bottom: 6rem;}
.mtable1_t:before { display: block; content: ''; position: absolute; left: 0; top: 0; width: 4rem; height: 4rem; background: url(../img/j1.png) left top no-repeat; background-size: 4rem auto; }

.mtable1_m { height: 286rem; overflow:hidden; mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%);}
.mtable1_ms { padding-bottom: 2rem;}
.mtable1_m .item { background: rgba(0, 117, 255, 0.2); border: 1rem #004fb5 solid; box-sizing: border-box; position: relative; margin-bottom: 6rem; height: 38rem; line-height: 36rem; text-align: center; font-size: 14rem; color: #acc4e5;}
.mtable1_m .item:before { display: block; content: ''; position: absolute; left: 0; top: 0; width: 4rem; height: 4rem; background: url(../img/j1.png) left top no-repeat; background-size: 4rem auto; }
.mtable1_m .item:hover { color: #fff;}

.mtable1_m .item ul li { height: 36rem;}

.mtable1_m .item ul li .t { position: absolute; left: 12rem; right: 5rem; top: 50%; transform: translateY(-50%); font-size: 11rem; line-height: 14rem; text-align: left; max-height: 28rem; overflow: hidden; }


.mtable2 { padding: 18rem 19rem 0 19rem;}

.mtable2 ul li { float: left; padding: 0 5rem; box-sizing: border-box; overflow: hidden; position: relative;}
.mtable2 ul li:nth-child(1){ width: 66rem; }
.mtable2 ul li:nth-child(2){ width: 240rem; }
.mtable2 ul li:nth-child(3){ width: 110rem; }

.mtable2_t { position: relative; background: url(../img/table_t.png) left bottom no-repeat; background-size: auto 32rem; height: 32rem; line-height: 30rem; font-weight: bold; font-size: 14rem; text-align: center; padding: 0 1rem; margin-bottom: 6rem;}
.mtable2_t:before { display: block; content: ''; position: absolute; left: 0; top: 0; width: 4rem; height: 4rem; background: url(../img/j1.png) left top no-repeat; background-size: 4rem auto; }

.mtable2_m { height: 232rem; overflow:hidden; mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%);}
.mtable2_ms { padding-bottom: 2rem;}
.mtable2_m .item { background: rgba(0, 117, 255, 0.2); border: 1rem #004fb5 solid; box-sizing: border-box; position: relative; margin-bottom: 6rem; height: 38rem; line-height: 36rem; text-align: center; font-size: 14rem; color: #acc4e5;}
.mtable2_m .item:before { display: block; content: ''; position: absolute; left: 0; top: 0; width: 4rem; height: 4rem; background: url(../img/j1.png) left top no-repeat; background-size: 4rem auto; }
.mtable2_m .item:hover { color: #fff;}

.mtable2_m .item ul li { height: 36rem;}
.mtable2_m .item ul li:nth-child(2) { text-align: left;}
.mtable2_m .item ul li img { display: block; margin: 0 auto; height: 24rem; margin-top: 6rem;}
.mtable2_m .item ul li i { font-family:'DIN'; font-size: 16rem; font-style: italic;}


.mtable3 { padding: 18rem 19rem 0 19rem;}

.mtable3 ul li { float: left; padding: 0 5rem; box-sizing: border-box; overflow: hidden; position: relative; width: 9.5%;}
.mtable3 ul li:nth-child(1) { width: 18%; font-size: 12rem;}
.mtable3 ul li:nth-child(2) { width: 8%;}
.mtable3 ul li:nth-child(3) { width: 8%;}
.mtable3 ul li:nth-child(4) { width: 8%;}
.mtable3 ul li:nth-child(5) { width: 8%;}
.mtable3 ul li:nth-child(9) { width: 10%;}

.mtable3_t { position: relative; background: rgba(0, 117, 255, 0.2); border: 1rem #004cab solid; height: 34rem; line-height: 32rem; font-weight: bold; font-size: 12rem; text-align: center; }

.mtable3_m { height: 236rem; border: 1rem #004cab solid; border-top: none; overflow:hidden; mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%);}
.mtable3_m .item { background: rgba(0, 117, 255, 0.2); border-bottom: 1rem #004cab solid; box-sizing: border-box; position: relative; height: 31rem; line-height: 30rem; text-align: center; font-size: 14rem; color: #acc4e5;}
.mtable3_m .item:hover { color: #fff;}
.mtable3_m .item:nth-child(odd){ background: none;}


.map_main { position: relative; padding-top: 30rem; z-index: 10;}

.map_box { width: 100%; height: 620rem; }

.maptip { background: rgba(60, 45, 0, 0.8); box-shadow: 0 0 30rem rgba(255,190,0,0.5); border: 1rem #ffa125 solid; transform: translateY(-30rem);}
.maptip .con { padding: 8rem 16rem; font-size: 13rem; line-height: 22rem; color: #fff;}
.maptip .con span { float: left; width: 7em;}
.maptip .con ul li { height: 22rem;}

.backchina { display: none; position: absolute; right: 20rem; top: 60rem; border-radius: 6rem; padding: 0 14rem; line-height: 30rem; z-index: 999; cursor: pointer; background: rgba(0,62,132,0.2); box-shadow: 0 0 20rem rgba(0,156,255,0.3) inset; border: 1rem #0076a7 solid; transition:all 300ms ease;}
.backchina span { font-size: 14rem; line-height: 1; letter-spacing: 1rem; color: #fff;}
.backchina:hover { transform: translateX(-4rem);}

.mapname { display: none; position: absolute; left: 20rem; top: 60rem; border-radius: 6rem; padding: 0 14rem; line-height: 30rem; z-index: 999; background: rgba(0,62,132,0.2); box-shadow: 0 0 20rem rgba(0,156,255,0.3) inset; border: 1rem #0076a7 solid; transition:all 300ms ease;}
.mapname span { font-size: 14rem; line-height: 1; letter-spacing: 1rem; color: #fff;}


.chart_main { position: relative;}
.chart_box { width: 100%; }

.chart_box_1 { height: 280rem;}
.chart_box_2 { height: 288rem;}

.etip { position: fixed; left: 50%; top: 50%; width: 400rem; margin-left: -200rem; box-sizing: border-box; display: none; transform:translate(0,-50%); background: rgba(0,0,0,0.8); color: #fff; padding: 20rem; text-align: center; font-size: 20rem; line-height: 2; border-radius: 30rem; z-index: 9999991;}

/*滚动条*/
::-webkit-scrollbar-corner { background-color:#0b1f37;}
::-webkit-scrollbar{width: 6rem; height:6rem; border-radius:3rem; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(255,255,255,0.2); border-radius:3rem; }