﻿* { margin: 0px; padding: 0px; font-family: "微软雅黑",monospace,sans-serif,serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { margin: auto; padding: 0; font-size: 12px; min-width: 1890px; background: url(../images/kanban/head.jpg) #00198D top center no-repeat; background-position: top center; }
ul, li { list-style: none; }
a { text-decoration: none; }
.header { width: 1890px; margin: auto; }
.header .head { width: 100%; margin: auto; display: flex; justify-content: space-between; height: 84px; background: url(../images/kanban/head.jpg) top center no-repeat; }
.header .head .l { width: 33.3%; height: 84px; display: flex; justify-content: flex-end; align-items: flex-end; }
.header .head .c { flex: 1 1 0; height: 84px; display: flex; flex-direction: column; align-items: center; color: #fff; font-size: 12px; padding-top: 5px }
.header .head .c h1 { font-size: 32px; color: #fff; padding-bottom: 3px; letter-spacing: 2px; }
.header .head .r { width: 33.6%; height: 84px; display: flex; justify-content: flex-start; align-items: flex-end }
.header .head a { width: 184px; height: 41px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1 }
.header .head a:before, .header .head a.cur:before { content: ''; width: 100%; height: 100%; display: block; background: url(../images/kanban/nav.png) top center no-repeat; background-size: 100% auto; position: absolute; top: 0; left: 0; z-index: -1 }
.header .head a:hover:before, .header .head a.cur:before { background-position-y: -41px; }
.header .head .l a:before { transform: scaleY(-1); }
.header .data { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 20px; }
.header .data .item { width: 155px; height: 51px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; color: #fff; background: url(../images/kanban/nav_data.jpg) top center no-repeat; margin: 0px 3px; }
.header .data .item span { font-size: 14px; }
.header .data .item samp { font-size: 18px; text-decoration: none; font-style: initial; }

.main { width: 1890px; margin: auto; display: flex; justify-content: space-between; margin-top:10px; }
.main .data { display: flex; justify-content: stretch; flex-direction: column; margin-bottom:10px }
.main .data .data-top { background: url(../images/kanban/data-top-bg.jpg) top repeat-x; display: flex; align-items: stretch; justify-content: space-between }
.main .data .data-top .l { width: 18px; background: url(../images/kanban/data-top-left.jpg) top no-repeat; }
.main .data .data-top .title { flex: 1 1 0; height: 47px; background: url(../images/kanban/data-top-center.jpg) top center no-repeat; text-align: center; font-size: 13px; color: #fff; padding-top: 5px; box-sizing: border-box }
.main .data .data-top .r { width: 18px; background: url(../images/kanban/data-top-right.jpg) top no-repeat; }
.main .data .data-center { display: flex; align-items: stretch; justify-content: space-between }
.main .data .data-center .l { width: 18px; background: url(../images/kanban/data-center-left.jpg) left repeat-y; }
.main .data .data-center .c { flex: 1 1 0; min-height: 50px; }
.main .data .data-center .r { width: 18px; background: url(../images/kanban/data-center-right.jpg) right repeat-y; }
.main .data .data-bottom { background: url(../images/kanban/data-bottom-bg.jpg) top repeat-x; display: flex; align-items: stretch; justify-content: space-between; }
.main .data .data-bottom .l { width: 18px; height: 18px; background: url(../images/kanban/data-bottom-left.jpg) left repeat-y; }
.main .data .data-bottom .r { width: 18px; height: 18px; background: url(../images/kanban/data-bottom-right.jpg) right repeat-y; }

.main .left { width: 550px; display: flex; justify-content: stretch; flex-direction: column }
.main .left .data:last-child { margin:0 }
.main .center { flex: 1 1 0; margin: 0 10px }

.main .right { width: 550px; display: flex; justify-content: stretch; flex-direction: column }
.main .right .data:last-child { margin: 0 }

#data1 { height: 137px; }
#data2 { height: 137px; }
#data3 { height: 137px; }
#data4 { height: 137px; }
#data5 { height: 137px; }
#data6 { height: 137px; }
#data7 { height: 137px; }
#data8 { height: 137px; }
#data9 { height: 130px; }

#data21 { height: 350px; }
#data22 { height: 350px; }
#data23 { height: 208px; }
#data24 { height: 208px; }
#data25 { height: 208px; }
#data26 { height: 135px; }
#data27 { height: 135px; }
#data28 { height: 135px; }
#data29 { height: 135px; }

#data31 { height: 276px; }
#data32 { height: 277px; }
#data33 { height: 160px; }
#data34 { height: 159px; }
#data35 { height: 160px; }
#data36 { height: 135px; }
#data37 { height: 135px; }
#data38 { height: 135px; }

#data41 { height: 137px; }
#data42 { height: 137px; }
#data43 { height: 137px; }
#data44 { height: 137px; }
#data45 { height: 137px; }
#data46 { height: 137px; }
#data47 { height: 137px; }
#data48 { height: 137px; }
#data49 { height: 130px; }

#data51 { height: 210px; }
#data52 { height: 209px; }
#data53 { height: 210px; }
#data54 { height: 210px; }
#data55 { height: 209px; }
#data56 { height: 210px; }
#data57 { height: 150px; }
#data58 { height: 150px; }
#data59 { height: 150px; }


#data61 { height: 137px; }
#data62 { height: 137px; }
#data63 { height: 137px; }
#data64 { height: 137px; }
#data65 { height: 137px; }
#data66 { height: 137px; }
#data67 { height: 137px; }
#data68 { height: 137px; }
#data69 { height: 130px; }
.map {  width:100%; height:840px}

.index_b1 { display:flex; justify-content:space-between; align-items:stretch; }
.index_b1 .item { width:23.5%; color:#fff ; font-size:14px; }
.index_b1 .item .t { text-align:center; font-weight:bold;padding:5px 0  }
.index_b1 .item ul { font-size: 12px; box-shadow: inset 0 0 10px rgba(38, 107, 225, 1); width: 100%; height: 130px; border-radius: 5px; padding: 10px 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-evenly; }
.index_b1 .item ul li { display: flex; align-items: center; }
.index_b1 .item ul li samp { color: #FAC203; font-weight:bold }

.index_b2 { display: flex; justify-content: space-between; align-items: stretch; }
.index_b2 .item { width: 32.3%; color: #fff; font-size: 14px; }
.index_b2 .item .t { text-align: center; font-weight: bold; padding: 5px 0 }
.index_b2 .item .c { box-shadow: inset 0 0 10px rgba(38, 107, 225, 1); width: 100%; height: 130px; border-radius: 5px; padding: 10px 0px; box-sizing: border-box; }

.index_b3 { display: flex; justify-content: space-between; align-items: stretch; }
.index_b3 .item { width: 32.3%; color: #fff; font-size: 14px; }
.index_b3 .item .t { text-align: center; font-weight: bold; padding: 5px 0 }
.index_b3 .item ul { font-size: 12px; box-shadow: inset 0 0 10px rgba(38, 107, 225, 1); width: 100%; height: 130px; border-radius: 5px; padding: 10px 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-evenly; }
.index_b3 .item ul li { display: flex; align-items: center; }
.index_b3 .item ul li samp { color: #FAC203; font-weight: bold }

.index_b4 { display: flex; justify-content: space-between; align-items: stretch; }
.index_b4 .item { width: 24.5%; color: #fff; font-size: 14px; }
.index_b4 .item .t { text-align: center; font-weight: bold; padding: 5px 0 }
.index_b4 .item .c { box-shadow: inset 0 0 10px rgba(38, 107, 225, 1); width: 100%; height: 130px; border-radius: 5px; padding: 10px 0px; box-sizing: border-box; }

.industry { display: flex; justify-content: space-between; flex-wrap:wrap; padding:2px 0; }
.industry a { width: 23.7%; border: 1px solid #0082F6; box-shadow: inset 0 0 10px rgba(38, 107, 225, 1); border-radius: 10px; padding: 40px 10px; box-sizing: border-box; height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; text-align: center; margin-bottom: 15px; color: #fff; }
.industry a:nth-child(n+9) {margin-bottom:0 }
.industry a:nth-child(1) samp { width: 80px; height: 80px; background: url(../images/kanban/icon1.png) top left no-repeat; background-size: 100% auto }
.industry a:nth-child(2) samp { width: 80px; height: 80px; background: url(../images/kanban/icon2.png) top left no-repeat; background-size: 100% auto }
.industry a:nth-child(3) samp { width: 80px; height: 80px; background: url(../images/kanban/icon3.png) top left no-repeat; background-size: 100% auto }
.industry a:nth-child(4) samp { width: 80px; height: 80px; background: url(../images/kanban/icon4.png) top left no-repeat; background-size: 100% auto }
.industry a:nth-child(5) samp { width: 80px; height: 80px; background: url(../images/kanban/icon5.png) top left no-repeat; background-size: 100% auto }
.industry a:nth-child(6) samp { width: 80px; height: 80px; background: url(../images/kanban/icon6.png) top left no-repeat; background-size: 100% auto }
.industry a:nth-child(7) samp { width: 80px; height: 80px; background: url(../images/kanban/icon7.png) top left no-repeat; background-size: 100% auto }
.industry a:nth-child(8) samp { width: 80px; height: 80px; background: url(../images/kanban/icon8.png) top left no-repeat; background-size: 100% auto }
.industry a:nth-child(9) samp { width: 80px; height: 80px; background: url(../images/kanban/icon9.png) top left no-repeat; background-size: 100% auto }
.industry a:nth-child(10) samp { width: 80px; height: 80px; background: url(../images/kanban/icon10.png) top left no-repeat; background-size: 100% auto }
.industry a:nth-child(11) samp { width: 80px; height: 80px; background: url(../images/kanban/icon11.png) top left no-repeat; background-size: 100% auto }
.industry a:nth-child(12) samp { width: 80px; height: 80px; background: url(../images/kanban/icon12.png) top left no-repeat; background-size: 100% auto }
.industry a span { width: 80%; text-align: center; word-wrap: break-word; /* 旧版本浏览器支持 */ overflow-wrap: break-word; /* 标准属性 */  font-size:16px; line-height:20px; font-weight:bold }
.industry a:hover, .industry a.cur { background-color: #8FAADC; color: #051D6B }
.industry a:hover samp, .industry a.cur samp { background-position: 0px -80px !important }

.index_b5 { display: flex; justify-content: space-between; align-items: stretch; }
.index_b5 .item { width: 32.8%; color: #fff; font-size: 14px; }
.index_b5 .item .t { text-align: center; font-weight: bold; padding: 5px 0 }
.index_b5 .item .c { box-shadow: inset 0 0 10px rgba(38, 107, 225, 1); width: 100%; height: 130px; border-radius: 5px; padding: 10px 0px; box-sizing: border-box;  }



.index_b6 { display: flex; justify-content: space-between; align-items: stretch; }
.index_b6 .item { width: 32.8%; color: #fff; font-size: 14px; }
.index_b6 .item .t { text-align: center; font-weight: bold; padding: 5px 0 }
.index_b6 .item .c { box-shadow: inset 0 0 10px rgba(38, 107, 225, 1); width: 100%; height: 170px; border-radius: 5px; padding: 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between }
.index_b6 .item .c .row { width: 49%; height: 150px; }