.wrap { padding-top: 200px;}
.mainbox { width: 3740px; height: 1910px; margin: 0 auto; position: relative; z-index: 100; }

.bgbox div{ position: absolute; z-index: 102;}
.bgbox .hbg{ left: 0; right: 0; top: -200px; bottom: -50px; background: url(../img/index/mbg.png) center center no-repeat; z-index: 103;}
.bgbox .lbg1 { left: 0; top:0; background: url(../img/index/box1.png) left top no-repeat; width: 947px; height: 603px;}
.bgbox .lbg2 { left: 0; top:648px; background: url(../img/index/box2.png) left top no-repeat; width: 785px; height: 604px;}
.bgbox .lbg3 { left: 0; top:1288px; background: url(../img/index/box3.png) left top no-repeat; width: 956px; height: 623px;}
.bgbox .rbg1 { right: 0; top:0; background: url(../img/index/box4.png) right top no-repeat; width: 947px; height: 603px;}
.bgbox .rbg2 { right: 0; top:648px; background: url(../img/index/box5.png) right top no-repeat; width: 785px; height: 604px;}
.bgbox .rbg3 { right: 0; top:1288px; background: url(../img/index/box6.png) right top no-repeat; width: 956px; height: 620px;}
.bgbox .fbg{ left: 50%; bottom: 0; background: url(../img/index/box7.png) center bottom no-repeat; width: 2368px; height: 331px; margin-left: -1184px; z-index: 101;}


.ibox { position: absolute; z-index: 200; }
.ibox1 { left: 0; top:0; width: 790px; height: 603px;}
.ibox2 { left: 0; top:648px; width: 720px; height: 604px;}
.ibox3 { left: 0; top:1288px; width: 770px; height: 620px;}
.ibox4 { right: 0; top:0; width: 800px; height: 603px;}
.ibox5 { right: 0; top:648px; width: 720px; height: 604px;}
.ibox6 { right: 0; top:1288px; width: 720px; height: 620px;}
.ibox7 { left: 50%; bottom: 0; width: 1940px; height: 331px; margin-left: -970px; }

.ibox_t { position: absolute; top: 26px; }
.ibox_t img { display: block;}

.main_l .ibox_t{ left: 76px; }
.main_r .ibox_t{ right: 76px; }

.ibox7 .ibox_t { left: 130px;}


.ibox_m { }

.main_m { position: absolute; left: 50%; width: 2030px; top: 0; margin-left: -1015px; height: 1440px; padding-top: 130px; z-index: 300;}


.icharts_1_box { position: absolute; left: 0; top: 120px; width: 100%; }
.icharts_1 { width: 100%; height: 470px; }

.icharts_2_box { position: absolute; left: 0; top: 120px; width: 100%; }
.icharts_2 { width: 100%; height: 470px; }

.icharts_3_box { position: absolute; left: 0; top: 80px; width: 100%; }
.icharts_3 { width: 100%; height: 530px; }

.icharts_4_box { position: absolute; right: 0; top: 110px; width: 100%; }
.icharts_4 { width: 100%; height: 480px; }

.icharts_5_box { position: absolute; right: 0; top: 110px; width: 100%; }
.icharts_5 { width: 100%; height: 480px; }

.icharts_6_box { position: absolute; right: 0; top: 110px; width: 100%; }
.icharts_6 { width: 100%; height: 480px; }

.icharts_7_box { position: absolute; left: 0; right: 0; top: 70px; width: 100%; }
.icharts_7 { width: 100%; height: 260px; }


.icharts_legend { position: absolute; }
.icharts_legend ul li { float: left; width: 150px; box-sizing: border-box; padding-left: 34px; position: relative; height: 40px; line-height: 40px; font-size: 16px; }
.icharts_legend ul li i { position: absolute; left: 0; top: 50%; width: 24px; height: 10px; margin-top: -5px; border-radius: 5px;}

.icharts_legend ul li.c1 { color: #48c5ff;}
.icharts_legend ul li.c1 i{ background: #48c5ff;}

.icharts_legend ul li.c2 { color: #ff9f79;}
.icharts_legend ul li.c2 i{ background: #ff9f79;}

.icharts_legend ul li.c3 { color: #40feb9;}
.icharts_legend ul li.c3 i{ background: #40feb9;}

.icharts_legend ul li.c4 { color: #f1e06e;}
.icharts_legend ul li.c4 i{ background: #f1e06e;}


.icharts_3_legend { left: 520px; top: 10px; width: 300px;}
.icharts_4_legend { left: 30px; top: 20px; width: 300px;}
.icharts_5_legend { left: 30px; top: 20px; width: 300px;}
.icharts_6_legend { left: -50px; top: 20px; width: 300px;}
.icharts_7_legend { right: 86px; top: 20px; width: 600px;}


.map_nav { }
.map_nav .item { position: absolute; z-index: 999;}
.map_nav .item a { display: block; position: relative; width: 221px; height: 88px;}
.map_nav .item a i { display: block; position: absolute; width: 100px; height: 100px; top: -16px; background-repeat: no-repeat;}
.map_nav .item a span{ display: block; position: absolute; top: 28px; font-size: 26px; line-height: 26px; font-weight: bold; background-image: linear-gradient(#ffffff,#c6f4ff,#80e6ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.map_nav .item a:hover span{ background-image: linear-gradient(#ffffff,#faf5ce,#f5e996); }

.map_nav_l {}
.map_nav_l .item a { background: url(../img/index/mnav.png) left top no-repeat; }
.map_nav_l .item a:hover { background: url(../img/index/mnavs.png) left top no-repeat; }
.map_nav_l .item a i { left: -76px; background-position: right center; }
.map_nav_l .item a span { left: 64px;}

.map_nav_r {}
.map_nav_r .item a { background: url(../img/index/mnavr.png) right top no-repeat; }
.map_nav_r .item a:hover { background: url(../img/index/mnavrs.png) right top no-repeat; }
.map_nav_r .item a i { right: -86px; background-position: left center; }
.map_nav_r .item a span { right: 64px;}


.map_nav_l .item_1{ left: 265px; top: 216px;}
.map_nav_l .item_2{ left: 126px; top: 488px;}
.map_nav_l .item_3{ left: 74px; top: 798px;}
.map_nav_l .item_4{ left: 126px; top: 1090px;}
.map_nav_l .item_5{ left: 265px; top: 1324px;}


.map_nav_r .item_1{ right: 265px; top: 216px;}
.map_nav_r .item_2{ right: 126px; top: 488px;}
.map_nav_r .item_3{ right: 74px; top: 798px;}
.map_nav_r .item_4{ right: 126px; top: 1090px;}
.map_nav_r .item_5{ right: 265px; top: 1324px;}


.map_nav .item a i.baxi { background-image: url(../img/index/baxi.png);}
.map_nav .item a i.taiguo { background-image: url(../img/index/taiguo.png);}
.map_nav .item a i.nanfei { background-image: url(../img/index/nanfei.png);}
.map_nav .item a i.meiguo { background-image: url(../img/index/meiguo.png);}
.map_nav .item a i.riben { background-image: url(../img/index/riben.png);}
.map_nav .item a i.yindu { background-image: url(../img/index/yindu.png);}
.map_nav .item a i.jianada { background-image: url(../img/index/jianada.png);}
.map_nav .item a i.eluosi { background-image: url(../img/index/eluosi.png);}
.map_nav .item a i.yuenan { background-image: url(../img/index/yuenan.png);}
.map_nav .item a i.hanguo { background-image: url(../img/index/hanguo.png);}

.map_nav .item a:hover i.baxi { background-image: url(../img/index/baxis.png);}
.map_nav .item a:hover i.taiguo { background-image: url(../img/index/taiguos.png);}
.map_nav .item a:hover i.nanfei { background-image: url(../img/index/nanfeis.png);}
.map_nav .item a:hover i.meiguo { background-image: url(../img/index/meiguos.png);}
.map_nav .item a:hover i.riben { background-image: url(../img/index/ribens.png);}
.map_nav .item a:hover i.yindu { background-image: url(../img/index/yindus.png);}
.map_nav .item a:hover i.jianada { background-image: url(../img/index/jianadas.png);}
.map_nav .item a:hover i.eluosi { background-image: url(../img/index/eluosis.png);}
.map_nav .item a:hover i.yuenan { background-image: url(../img/index/yuenans.png);}
.map_nav .item a:hover i.hanguo { background-image: url(../img/index/hanguos.png);}


.map_main { margin: 0 auto; background: url(../img/index/map.png) center center no-repeat; width: 1780px; height: 1400px; position: relative;}

.map_site .item { position: absolute;}
.map_site .item .t { display: block; position: absolute; background: url(../img/index/map_ttbox.png) no-repeat; width: 218px; height: 50px; padding: 8px 0;}
.map_site .item .t2 { background: url(../img/index/map_ttbox2.png) no-repeat; width: 230px; height: 100px; padding: 8px 0;}
.map_site .item .t a { display: block; height: 50px; line-height: 50px; text-align: center; font-size: 16px; background: url(../img/index/map_ttline.png) center bottom no-repeat;}
.map_site .item .t a:last-child { background:none;}
.map_site .item .m { background: url(../img/index/map_pos.png) center center no-repeat; width: 56px; height: 56px; line-height: 56px; text-align: center; font-size: 14px; color: #fff; transition:all 300ms ease;}

.map_site .item .line { position: absolute; height: 55px; }

.map_site .item:hover .m { background: url(../img/index/map_pos2.png) center center no-repeat; }

.map_site .item_lt .t{ left: -230px; bottom: 86px; }
.map_site .item_lt .line{ right: 60px; bottom: 28px; background: url(../img/index/map_line4.png) right bottom no-repeat; width: 119px; height: 54px; }

.map_site .item_lf .t{ left: -222px; top: 88px; }
.map_site .item_lf .line{ right: 60px; top: 28px; background: url(../img/index/map_line2.png) right top no-repeat; width: 115px; height: 53px; }

.map_site .item_rt .t{ left: 118px; top: -96px; }
.map_site .item_rt .line{ left: 60px; bottom: 28px; background: url(../img/index/map_line3.png) right bottom no-repeat; width: 173px; height: 53px; }

.map_site .item_rf .t{ left: 62px; top: 90px; }
.map_site .item_rf .line{ left: 60px; top: 28px; background: url(../img/index/map_line1.png) right top no-repeat; width: 115px; height: 55px; }


.map_site .item_1.item_rt .t{ left: 48px; }
.map_site .item_1.item_rt .line{ width: 93px; }



.map_site .item_1 { left: 1170px; top: 550px;}
.map_site .item_2 { left: 1214px; top: 626px;}
.map_site .item_3 { left: 1250px; top: 710px;}
.map_site .item_4 { left: 1264px; top: 756px;}
.map_site .item_5 { left: 1110px; top: 574px;}
.map_site .item_6 { left: 1180px; top: 736px;}
.map_site .item_7 { left: 1070px; top: 778px;}
.map_site .item_8 { left: 936px; top: 786px;}
.map_site .item_9 { left: 1160px; top: 882px;}