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

.topbox_m .logo { background: url(../img/factory/logobg.png) center center no-repeat;}

.bgbox div{ position: absolute; z-index: 102;}
.bgbox .hbg{ left: 0; right: 0; top: -200px; bottom: -50px; background: url(../img/factory/mbg.png) center center no-repeat; z-index: 103;}
.bgbox .lbg1 { left: 0; top:0; background: url(../img/factory/box1.png) left top no-repeat; width: 947px; height: 603px;}
.bgbox .lbg2 { left: 0; top:648px; background: url(../img/factory/box2.png) left top no-repeat; width: 785px; height: 604px;}
.bgbox .lbg3 { left: 0; top:1288px; background: url(../img/factory/box3.png) left top no-repeat; width: 956px; height: 623px;}
.bgbox .rbg1 { right: 0; top:0; background: url(../img/factory/box4.png) right top no-repeat; width: 947px; height: 603px;}
.bgbox .rbg2 { right: 0; top:648px; background: url(../img/factory/box5.png) right top no-repeat; width: 785px; height: 604px;}
.bgbox .rbg3 { right: 0; top:1288px; background: url(../img/factory/box6.png) right top no-repeat; width: 956px; height: 620px;}
.bgbox .fbg{ left: 50%; bottom: 0; background: url(../img/factory/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: 770px; height: 603px;}
.ibox2 { left: 0; top:648px; width: 770px; height: 604px;}
.ibox3 { left: 0; top:1288px; width: 700px; height: 620px;}
.ibox4 { right: 0; top:0; width: 760px; height: 603px;}
.ibox5 { right: 0; top:648px; width: 740px; height: 604px;}
.ibox6 { right: 0; top:1288px; width: 740px; height: 620px;}
.ibox7 { left: 50%; bottom: 0; width: 2010px; height: 203px; padding-top: 128px; margin-left: -1005px; }

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

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

.ibox_m { }

.main_m { position: absolute; left: 50%; width: 1100px; top: 0; margin-left: -550px; padding-top: 80px; z-index: 300;}


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

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

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

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


.icharts_legend { position: absolute; }
.icharts_legend ul li { float: left; box-sizing: border-box; padding-left: 34px; position: relative; height: 40px; line-height: 40px; font-size: 16px; margin-right: 18px; }
.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: #40feb9;}
.icharts_legend ul li.c2 i{ background: #40feb9;}

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

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

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

.icharts_legend ul li.c6 { color: #e5ff2c;}
.icharts_legend ul li.c6 i{ background: #e5ff2c;}

.icharts_legend ul li.c7 { color: #bbbbbb;}
.icharts_legend ul li.c7 i{ background: #bbbbbb;}

.icharts_legend ul li.c8 { color: #fc686f;}
.icharts_legend ul li.c8 i{ background: #fc686f;}


.icharts_1_legend { left: 20px; right: 0; bottom: 10px; }
.icharts_2_legend { left: 100px; right: 0; bottom: 10px; }
.icharts_3_legend { left: 80px; right: 0; top: 92px; }


.itable { position: relative; width: 706px; font-size: 16px; font-weight: bold; color: #fff; padding-top: 95px; padding-left: 12px;}
.itable span { display: inline-block; line-height: 1.4; background-image: linear-gradient(#ffffff,#d0f4ff,#7be0ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.itable_t { display: table; width: 686px;}
.itable_t ul { display: table-row; height: 60px; background: url(../img/factory/table_t.png) center center no-repeat;}
.itable_t ul li { display: table-cell; vertical-align: middle; text-align: center; font-weight: bold; padding: 0 20px; box-sizing: border-box;}
.itable_con { overflow-y: auto; height: 420px;}
.itable_m { display: table; width: 686px; }
.itable_m ul { display: table-row; height: 60px; background: url(../img/factory/table_m.png) center center no-repeat;}
.itable_m ul li { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px; box-sizing: border-box; overflow: hidden; }
.itable_m ul:hover { background: url(../img/factory/table_ms.png) center center no-repeat; color: #faf0b2;}
.itable_m ul:hover span { background-image: linear-gradient(#ffffff,#fffadd,#f6e88f);}


.itable_box1 { }
.itable_box1 ul li:nth-child(1){ }
.itable_box1 ul li:nth-child(2){ width: 150px;}
.itable_box1 ul li:nth-child(3){ width: 150px;}
.itable_box1 ul li:nth-child(4){ width: 150px;}


.itable_box2 { }
.itable_box2 ul li:nth-child(1){ }
.itable_box2 ul li:nth-child(2){ width: 150px;}
.itable_box2 ul li:nth-child(3){ width: 150px;}
.itable_box2 ul li:nth-child(4){ width: 150px;}

.minfo {}
.minfo .tit img { display: block; margin: 0 auto;}
.minfo .con { padding: 24px 0; text-align: center; font-size: 20px; line-height: 2; color: #fff; text-align: center;}

.fnav { position: relative; }
.fnav .item { position: absolute; top: 0; z-index: 999;}
.fnav .item_1 { left: 0;}
.fnav .item_2 { left: 474px;}
.fnav .item_3 { right: 474px;}
.fnav .item_4 { right: 0;}
.fnav .item a { display: block; width: 483px; height: 140px; box-sizing: border-box; padding-top: 40px; background: url(../img/factory/fnavl.png) no-repeat;}
.fnav .item a span{ display: block; text-align: center; font-size: 28px; line-height: 28px; font-weight: bold; background-image: linear-gradient(#ffffff,#c6f4ff,#80e6ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.fnav .item a:hover { background: url(../img/factory/fnavls.png) no-repeat;}
.fnav .item a:hover span{ background-image: linear-gradient(#ffffff,#faf5ce,#f5e996); }


.fnav .item_r a { background: url(../img/factory/fnavr.png) no-repeat;}
.fnav .item_r a:hover { background: url(../img/factory/fnavrs.png) no-repeat;}


.mbanner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; overflow: hidden; }
.mbanner .img { display: block; width: 3840px; height: 2160px; background-size: cover;transition:all 300ms ease;}

.mswiper-pagination { z-index: 999; bottom: 450px;}