html,body,div,p,span,h1,h2,h3,h4,h5,h6,p,a, em,font,img,strong,dl,dt,dd,ul,li,input,button{margin:0; padding:0;}
html,body{height:100%; font-size:14px; overflow-y: hidden;} 
.clearfix:before,
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}
.clearfix{display:inline-block;}
.clearfix {display:block;}
img{border:0;}
input{ outline:none;}           
a{ text-decoration:none; color:#fff;} 
a:hover{text-decoration:none; color:#f30;}
ul li{list-style-type:none;}
em,i{font-style:normal;}
.left{ float: left;}
.right{ float: right;}

body{ background:#020434; font-size: 14px; color: #fff; font-family:"Microsoft YaHei",times new roman;}
.main{ width: 1920px; height: 1080px; margin: 0 auto; background:#020434 url(../images/bg.jpg) center top no-repeat;  overflow: hidden;}
.icon{ display: inline-block; vertical-align: middle;}
.blue{ color: #0069ff !important;}
.yellow{ color: #ff9900;}

.header{ height: 90px;}
.crumbs{ height: 50px; margin: 0 50px; border-bottom: 1px #113d78 solid; color: #3bcfff; font-size: 20px;}
.crumbs a{color: #3bcfff; } 
.crumbs em{ padding: 0 10px; font-family: "宋体";} 

.filter-wrap{ margin: 0 50px; padding:30px 0; color: #3bcfff; font-size: 20px; }
.filter-wrap .item-li{ display: inline-block; margin-right: 30px;}
.filter-wrap .item-li label{ display: inline-block; margin-right: 10px;} 
.filter-wrap .item-li .select-line{ display: inline-block;} 
.filter-wrap .search{ position: relative; display: inline-block; height: 40px; width: 240px; padding-right: 34px;}
.filter-wrap .search input {  width: 100%; height: 34px; line-height: 34px; text-indent: 10px; background-color: #032479; border:1px #1b95c3 solid; color: #3bcfff; border-radius: 3px 0 0 3px; }
.filter-wrap .search button { position: absolute; top: 0; right: -10px; width: 60px; height: 36px; background-color: #e24019; color: #fff; cursor: pointer; outline: 0; border: 0; cursor: pointer; border-radius: 0 3px 3px 0;}
.filter-wrap .search button:hover { opacity: 0.9;background: #f30;}
.layui-form-select .layui-input{ background-color: #032479; border:1px #1b95c3 solid; color: #3bcfff;}
.layui-form-select dl dd{ color: #333;}
.filter-wrap .item-li input::-webkit-input-placeholder {color: #3bcfff !important;}

.qy-list{ margin: 0 50px;}
.table-panel{ width: 100%; color: #fff; font-size: 18px; border-collapse: collapse; border: 1px #2681b2 solid; background-color: rgba(3,40,127,0.6);}
.table-panel th{ padding:5px 15px; text-align: left; font-size: 20px; background-color: #2681b2; height:54px; line-height: 54px; font-weight: 400;}
.table-panel td{ padding:5px 15px; text-align: left; font-size: 20px; height: 54px; line-height: 54px;  overflow: hidden;}
.table-panel tr{  border-bottom: 1px #0c3f88 solid;}
.table-panel tr:last-child{ border: none;}

.page{ padding: 40px 0 0; text-align: center;}
.page a,.page span{ display: inline-block; height: 36px; line-height: 36px; min-width: 16px; padding: 0 10px; font-size: 20px; border-radius: 4px; border: 1px #009ffa solid; color: #fff; margin: 0 3px;} 
.page .page-curr{ border: 1px #009ffa solid;  background: #009ffa;}
.page .disabled{ color: #009ffa ; cursor: none;}
.page a:hover{ color: #009ffa ;}

/**/
.map-main{ position: relative;}
.map-main .hd{ position: absolute; left: 100px; top: 140px; z-index: 1000001;}
.map-main .hd li{ width: 150px; height: 40px; line-height: 40px; text-align: center; border: 1px #22aeff solid; border-radius: 4px; font-size: 16px; cursor:pointer; margin-bottom: 15px;}
.map-main .hd li:hover{ background: #009ffa; }
.map-main .hd li.on{ background: url(../images/nav-bg.png) repeat-y; border: transparent; height: 42px; line-height: 42px; width: 152px;}

.map-main .bd{ padding-top: 10px;} 
.map-main .b-left{ float: left; width: 1145px; margin-left: 50px;}
.map-main .b-right{ float: right; width: 620px; margin-right: 50px;}

.map-main .map{ position: relative; padding-left: 145px; background: url(../images/index-k01.png) no-repeat; height: 940px;}
.jkq-box .jkq{ position: absolute; left: 300px; z-index: 100000; cursor: pointer;}
.jkq-box .on a{ font-weight: bold; font-size: 20px;}
.jkq-box .con{ position:relative; font-size: 16px;} 
.jkq-box .j-map{ position: absolute; background-size: 100%;} 
.jkq-box .line{ position: absolute; display: inline-block; height: 1px; background: #1eabbc;} 
.jkq-box .on .line{ background: #fff;}

.jkq-box .j-01{ left: 300px; top: 280px; color: #cc65f7;}
.jkq-box .j-01 a{ color: #cc65f7;}
.jkq-box .j-01 .j-map{ left: 170px; top: -32px; width: 22px; height: 60px; transform:rotate(15deg); background: url(../images/j-01.png) no-repeat;}
.jkq-box .j-01.on .j-map,.jkq-box .j-01:hover .j-map{  background: url(../images/j-01on.png) no-repeat;}
.jkq-box .j-01 .line{ width: 60px; left: 120px; top: 10px;}
.jkq-box .j-01.on .line{ width: 30px; left: 145px; top: 10px;}

.jkq-box .j-02{ left: 350px; top: 420px; color: #f79e12;}
.jkq-box .j-02 a{ color: #f79e12;}
.jkq-box .j-02 .j-map{ left: 188px; top: 0px; width: 18px; height: 18px; background: url(../images/j-02.png) no-repeat;}
.jkq-box .j-02.on .j-map,.jkq-box .j-02:hover .j-map{  background: url(../images/j-02on.png) no-repeat;}
.jkq-box .j-02 .line{ width: 70px; left: 120px; top: 10px;}
.jkq-box .j-02.on .line{ width: 40px; left: 145px; top: 10px;}

.jkq-box .j-03{ left: 350px; top: 330px; color: #fe791e;}
.jkq-box .j-03 a{ color: #fe791e;}
.jkq-box .j-03 .j-map{ left: 110px; top: -12px; width: 85px; height: 75px; transform:rotate(5deg); background: url(../images/j-03.png) no-repeat;}
.jkq-box .j-03.on .j-map,.jkq-box .j-03:hover .j-map{  background: url(../images/j-03on.png) no-repeat;}
.jkq-box .j-03 .line{ width: 40px; left: 105px; top: 10px;}
.jkq-box .j-03.on .line{ width: 20px; left: 120px; top: 10px;}

.jkq-box .j-04{ left: 220px; top: 640px; color: #37dc88;}
.jkq-box .j-04 a{ color: #37dc88;}
.jkq-box .j-04 .j-map{ left: 150px; top: -10px; width: 75px; height: 70px; transform:rotate(15deg); background: url(../images/j-04.png) no-repeat;}
.jkq-box .j-04.on .j-map,.jkq-box .j-04:hover .j-map{  background: url(../images/j-04on.png) no-repeat;}
.jkq-box .j-04 .line{ width: 40px; left: 130px; top: 10px;}
.jkq-box .j-04.on .line{ width: 20px; left: 158px; top: 10px;}

.jkq-box .j-05{ left: 510px; top: 80px; color: #f4cc6d;}
.jkq-box .j-05 a{ color: #f4cc6d;}
.jkq-box .j-05 .j-map{ left: 50px; top: 250px; width: 22px; height: 60px; transform:rotate(15deg); background: url(../images/j-05.png) no-repeat;}
.jkq-box .j-05.on .j-map,.jkq-box .j-05:hover .j-map{  background: url(../images/j-05on.png) no-repeat;}
.jkq-box .j-05 .line{ width: 1px; height: 220px; left: 65px; top: 30px;}
.jkq-box .j-05.on .line{  left: 65px; top: 30px;}

.jkq-box .j-06{ left: 850px; top: 350px; color: #3bcfff;}
.jkq-box .j-06 a{ color: #3bcfff;}
.jkq-box .j-06 .j-map{ left: -150px; top: 8px; width: 22px; height: 20px; background: url(../images/j-06.png) no-repeat;}
.jkq-box .j-06.on .j-map,.jkq-box .j-06:hover .j-map{  background: url(../images/j-06on.png) no-repeat;}
.jkq-box .j-06 .line{ width: 140px; left: -140px; top: 13px;}
.jkq-box .j-06.on .line{ width: 130px;}

.jkq-box .j-07{ left: 825px; top: 365px; color: #3bcfff;}
.jkq-box .j-07 a{ color: #3bcfff;padding-left: 160px;}
.jkq-box .j-07 .j-map{ left: -160px; top: 8px; width: 22px; height: 20px; background: url(../images/j-07.png) no-repeat;}
.jkq-box .j-07.on .j-map,.jkq-box .j-07:hover .j-map{  background: url(../images/j-07on.png) no-repeat;}
.jkq-box .j-07 .line{ width: 290px; left: -150px; top: 13px;}
/* .jkq-box .j-07.on .line{ width: 130px;} */

.item-box .title{ height: 40px; position: relative;}
.map-main .item-box .title h3{ width: 100px; text-indent: -9999em; overflow: hidden; }
.item-box .title{ height: 40px; position: relative;}
.item-box .con{ padding: 20px 60px;} 
.map-main .item-box .title .more{ position: absolute; right: 20px; top: 10px; padding-right: 15px; color: #20fdfa; font-size: 18px; background: url(../images/i-arw.png) no-repeat right 4px;}

.data-box{ margin-bottom: 40px; background: url(../images/index-k02.png) no-repeat; height: 650px;}
.data-box li{ margin-bottom: 4px;  height: 60px; font-size: 20px;} 
.data-box li .icon{background-image: url(../images/icon-r.png); background-repeat: no-repeat; display: inline-block; width: 55px; height: 55px; vertical-align: middle;} 
.data-box li .i-2{ background-position: 0 -62px;}
.data-box li .i-3{ background-position: 0 -125px;}
.data-box li .i-4{ background-position: 0 -185px;}
.data-box li .i-5{ background-position: 0 -250px;}
.data-box li .i-6{ background-position: 0 -312px;}
.data-box li .i-7{ background-position: 0 -375px;}
.data-box li .i-8{ background-position: 0 -437px;}
.data-box li .i-9{ background-position: 0 -500px;}
.data-box li .lable{ display: inline-block; vertical-align: middle; width: 200px; margin:0 30px;}
.data-box li .num{ display: inline-block; vertical-align: middle; width: 115px; margin:0 10px; color: #20fdfa;}
.data-box li .num em{ font-size: 36px; padding-right: 10px;}
.data-box li .i-up{ display: inline-block; vertical-align: bottom; width: 20px; height: 32px;  background: url(../images/i-up.png) no-repeat left top; }

.company-box{ background: url(../images/index-k03.png) no-repeat; height: 250px;}
.company-box li{ padding-left: 22px; height: 50px; line-height: 50px; font-size: 20px; color: #0096ff; overflow: hidden; background: url(../images/i-dot.png) no-repeat left 20px;}