@import url("swiper.css");
@import url("smallslider.css");

body{
    margin:0;
    /*background: #f0f0f0;*/
    background: white;
    font-size: 16px;
}

body,div,table,td,p,span{
    font-family: "微软雅黑";
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    text-decoration: none;
    color:#000;
}
a:hover {
    color:#0099ff;
}
ul,li,ol,dl,dd,dt{
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabDiv{
    margin:1em;
}
.layRow {
    display: flex;
}
.banner {
    display:block;
    font-size: 0;
}
.pageMain {
    display:block;
    max-width: 1400px;
    margin: auto;
    padding:28px 0 20px 0;
}
.home .pageMain {
    background:#fff;
}
.pageHead{
    display: flex;
    align-items:center;
    height: 100px;
    /*background:#f0f0f0;*/
    background:white;
    position: relative;
    overflow: hidden;
}
.layMain1 {
    background:#f6f6f6;
}
.layMain1 .container{
    max-width: 1400px;
    padding:20px 10px;
    margin: auto;
    display: flex;
}

.layMain1 .col1 {
    flex: 1;
}
.layMain1 .col2{
    width:340px;
    margin-left:50px;
}
.pageBottom{
    background:#fff;
    margin:auto;
    padding: 20px;
    text-align: center;
}

.pageBottom div {
    margin: 10px 0;
}
.logo{
    flex:1;
    background:url(images/logo.png) no-repeat 60px center;
    height: 100px;
}
.other {
    display: flex;
    margin-left: 20px;
    padding-right: 20px;
    align-items: center;
}
.version {
    margin-right:50px;
}
.version a {
    display: inline-block;
    padding: 2px 10px;
    color: #0a78ed;
    background: #fff;
    border-radius: 4px;
    border:1px solid #ccc;
    line-height: 30px;
}
.search {
    font-size:0px;
    margin-right: 20px;
}
.search .searchInput {
    height: 38px;
    width: 200px;
    padding: 3px 5px;
    line-height: 30px;
    margin: 0;
    border: 1px solid #ccc;
    vertical-align: top;
}
.search .searchBtn {
    margin: 0;
    background:#0099ff url(images/search_btn.png) no-repeat center;
    border: 1px solid transparent;
    height: 38px;
    width: 40px;
    /*border-radius: 0 5px 5px 0;*/
    vertical-align: top;
}
.mainMenu{
    background:#2373c8;
    width:100%;
    height: 60px;
    text-align: center;
    font-size: 0;
}
.mainMenu .menu{
    display: inline-block;
    margin:auto;
    overflow: hidden;
}
.mainMenu .menu > li{
    float: left;
    color:#fff;
}
.mainMenu .menu > li > a{
    display: block;
    color:#fff;
    padding: 0 30px;
    display: block;
    line-height: 60px;
    font-size: 22px;
    margin: 0 0;

}
.mainMenu .menu > li:hover > a{
    background:#0452a4;
    color:#fff;
}
.mainMenu .menu > li.act > a{
    background:#0452a4;
    color:#fff;
}
.home .mainMenu .menu > li,.home .mainMenu .menu > li > a,.home .mainMenu .menu > li.act > a{
    color:#fff;
}
.subMenu{
    position: absolute;
    left:0;
    top: 160px;
    background:#fff;
    border:1px solid #dfdfdf;
    border-top:1px solid #275daa;
    z-index:99;
}
.subMenu .subMenuBar{
    display:none;
    padding: 5px 10px;
}
.subMenu li {
    padding: 5px 0;
}
.subMenu li a{
    line-height: 1.5em;
}
.subMenu li a:hover{
    color:#275daa;
}
.news {
    background: #fff;
    /*box-shadow: 0 0 5px rgba(181,181,181,.28);*/
}
.news .container{
    max-width: 1400px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 20px 10px;
}
.focusNews {
    padding: 20px;
    text-align: center;
    background: #fff;
}
.focusNews {
    font-size: 36px;
}
.newest {
    flex: 1;
    margin-left:20px;
}
.busnMap{
    /* background:url(images/busnBg.jpg) no-repeat left top; */
    /* background-size: 100% auto; */
    max-width:1400px;
    height: 735px;
}
.listPage {
    display: flex;
    flex-flow: row wrap;
    max-width: 1400px;
    margin: 0 auto 15px auto;
    background:#fff;
    border-bottom:1px solid #ddd;
    padding-bottom:50px;
    /* box-shadow: 1px 2px 3px rgba(0,0,0,.1); */
}
.listPage .left{
    background:#fff;
    width:285px;
    padding: 10px 10px;
}
.listPage .listMain {
    flex:1;
    background:#fff;
    border-left:1px solid #d2d2d2;
    padding: 0 50px;
    max-width: 1120px;
}
.listMain .newscenter{
    height:100%;
    min-height:580px;
}
.infoPage {
    display: flex;
    flex-flow: row wrap;
    margin-top:70px;
}
.infoPage .left{
    background:#fff;
    width:220px;
}
.infoPage .listMain {
    flex:1;
    background:#fff;
}
.infoPage .listMain .newscenter{
    height:100%;
    max-height: 1000px;
    min-height:580px;
}
.newscenter .listCon{
    padding: 20px 10px;
}
.detailRight {
    width: 220px;
}
.webName{
    padding: 30px 20px;
    text-align:center;
    font-weight: bold;
}
.webName h3{
    margin:0;
    padding:0;
    font-size:30px;
    color:#000;
    font-weight: bold;
}
.webName h4{
    margin: 0;
    padding: 10px 0;
    color:#999;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.leader {
    margin: 1em;
}
.leaderItem {
    display: flex;
    margin-bottom: 2em;
    border-bottom:1px solid #ddd;
}
.leaderItem:last-child {
    border-bottom: none;
}
.leaderItem .lab{
    width:6em;
    flex-shrink:0
    font-weight: bold;
    white-space: nowrap;
    font-size: 20px;
    line-height: 6em;
}
.leaderItem .pichead{
    flex: 1;
    width:0;
}
.picpList li {
    float: left;
    overflow: hidden;
    margin-right: 40px;
    margin-bottom: 20px;
}
.picpList li > span{
    display: block;
}
.picpList li > i{
    font-style: normal;
    display: block;
    text-align: center;
}
.leftMenu {
    text-align:center;
    padding: 0 10px 20px 0;
    font-size: 20px;
}
.leftMenu > li {
}
.leftMenu > li > a{
    display: block;
    line-height: 1.5em;
    padding:1em 0;
    border-bottom:1px solid #ddd;
    color:#000;
}
.leftMenu > li > a:hover {
    background: #fafafa;
}
.leftMenu > li.act > a {
    background: #2574c8;
    color:#fff;
}
.leftMenu > li.hasSub > a {
    position: relative;
}
.leftMenu > li.hasSub > a:after{
    display: block;
    content: "";
    width:16px;
    height:16px;
    background:url(images/dropDown.png) no-repeat left top;
    position: absolute;
    right:10px;
    top:28px;
}
.leftMenu > li.hasSub.open > a:after{
    background-position:left bottom;
}
.leftMenu > li.hasSub.act > a:after{
    background-position: right top;
}
.leftMenu > li.hasSub.open.act > a:after{
    background-position: right bottom;
}
.leftMenu > li ul{
    display: none;
    padding: 10px 0;
    font-size: 18px;
    background:#f6f6f6;
    border-bottom:1px solid #dfdfdf;
}
.leftMenu > li li a{
    display: block;
    line-height: 1.8em;
    padding: 8px 0;
    color:#666;
}
.leftMenu > li li a:hover{
    background:#fefefe;
    color:#2574c8;
}
.detailInfo {
    padding:40px 50px;
}
.detailHead{
    text-align: center;
}
.detailHead h2{
    font-size: 32px;
}
.detailHead .subInfo{
    margin: auto;
    display:inline-block;
    background:#fff;
    padding: 10px;
    /*box-shadow: 2px 2px 5px rgba(0,0,0, .1);*/
    width: 100%;
    border-bottom:1px solid #000
}
.detailCon {
    padding:30px 50px 20px 50px;
    line-height: 2em;
}
.detailCon p{
    text-align: justify;
}
.detailCon h4{
    background:url(images/pnlMainHead.png) no-repeat left 8px;
    background-size: 10px auto;
    padding: 0 0 0 16px;
    margin: 20px 0 0 0;
}
.detailCon img {
    max-width:100%;
    height:auto!important;
}
.listCon .detailCon {
}
.imgName {
    text-align:center;
    display: block;
}
.imgDiv{
    text-align:center;
}
.imgText {
    text-align: center;
    color:#666;
}
.position {
    margin:20px 10px ;
    padding: 20px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid #ccc;
}
.position .posL{
    font-size: 20px;
    background:url(images/listTtl.png) no-repeat left center;
    padding: 10px 0 5px 40px;

}
.position .posR{
    font-size: 16px;
    color:#999;
    background:url(images/pos.png) no-repeat left center;
    padding-left:20px;
}
.position .posR a{
    color:#999;
}
.pageBar {
    display: flex;
    justify-content: space-between;
    padding: 15px 5px;
    border-top:1px solid #ddd;
}
.pageBar .pageInfo{
    color: #888;
}
.pageBar .pageGo a{
    display: inline-block;
    margin: 3px;
    border: 1px solid #ddd;
    padding: 0 6px;
    background:#f2f2f2;
}
.pageBar .pageGo a.act{
    background:#1971cf;
    color: #fff;
}
.quick{
    display:block;
    margin-right:-4%;
    overflow: hidden;
}
.quick li{
    display: inline-block;
    width: 46%;
    float: left;
    margin-right:4%;
    margin-bottom:12px;
}
.quick li a{
    padding: .8em .1em;
    background: #e3e3e3;
    text-align: center;
    display: block;
    font-size: 18px;
    color:#000;
}
.quick li a:hover{
    background:#2574c8;
    color:#fff;
}
.quickOther {
    display: block;
}
.dropLink{
    display: block;
    position: relative;
    padding: .2em .5em;
    background:#e3e3e3;
}
.dropLink .frdLink{
    display: block;
    background:url(images/arrowDown.png) no-repeat center right;
    padding: .5em;
    font-size: 18px;
    cursor: pointer;
}
.dropLink .frdLink:hover{
    opacity: .8;
}
.dropLink .linkList {
    position: absolute;
    bottom: 3em;
    left:0;
    width:100%;
    background:#fff;
    border: 1px solid #ddd;
    font-size: 16px;
    overflow: hidden;
    padding-bottom:.5em;
    display: none;
}
.dropLink .linkList.show {
    display: block;
}
@keyframes dropUp {
    0% {
        opacity:0;
        height: 0;
    }
    10% {
        opacity:1;
        height: 10px;
    }
    100% {
        opacity:1;
        height: auto;
    }
}
.dropLink .linkList li{
    padding: .3em 1em;
}
.dropLink .linkList strong{
    display: block;
    padding: .3em 1em;
    margin-top:.5em;
}
.yewuslider {
    width: 1010px;
    height: 248px;
    overflow: hidden;
    position: relative;
}
.yewuslider .swiper-wrapper{
    display: flex;
    margin-right:-15px;

}
.yewuslider .swiper-wrapper > div{
    background: #2574c8;
    position: relative;
    width:330px;
    height: 248px;
    overflow: hidden;
    margin-right:25px;
}
.yewuslider .swiper-wrapper .imgSrc img{
    width: 330px;
}
.yewuslider .swiper-wrapper .imgTxt{
    color:#fff;
    line-height: 2em;
    background:#2574c8;
    width:100%;
    position: absolute;
    left:0;
    bottom: 0;
    text-align:center;
    font-size: 20px;
    overflow: hidden;
}
.yewuslider .swiper-wrapper > div:hover img{
    opacity: .4;
}
.yewuslider .swiper-wrapper > div:hover .imgTxt{
    height:0;
}
.yewuslider .swiper-button-prev, .yewuslider .swiper-container-rtl .swiper-button-next{
    background:rgba(0,0,0, .3) url(images/pagePre.png) no-repeat center center;
    height: 68px;
    width: 32px;
    top:90px;
}
.yewuslider .swiper-button-next, .yewuslider .swiper-container-rtl .swiper-button-prev {
    background:rgba(0,0,0, .3) url(images/pageNext.png) no-repeat center center;
    height: 68px;
    width: 32px;
    top:90px;
}
.yewuslider .swiper-wrapper > div .altTxt {
    position: absolute;
    top:10px;
    z-index:99;
    color:rgba(255,255,255,0);
}
.yewuslider .swiper-wrapper > div:hover .altTxt {
    position: absolute;
    display: block;
    font-size: 20px;
    font-weight: bold;
    width:100%;
    text-align:center;
    top:100px;
    color:rgba(255,255,255,1);
    animation: hoverImg 1s 0.1s;
}
@keyframes hoverImg {
    0% {
        top:10px;
        opacity:0;
    }
    100% {
        top:100px;
        opacity:1;
    }
}

.pnlMain1 .pnlHead{
    display:flex;
    justify-content: space-between;
    align-items: baseline;
}
.pnlMain1 .pnlTtl{
    font-size: 24px;
    color:#000;
    padding-bottom: 8px;
}
.pnlMain1 .pnlTtl i{
    display: inline-block;
    font-style: normal;
    font-size: 18px;
    color:#666;
    margin-left:20px;
    padding-left:40px;
    position: relative;
}
.pnlMain1 .pnlTtl i:before{
    content:"";
    display: block;
    width:14px;
    height:14px;
    position: absolute;
    left:18px;
    top: 5px;
    background:#0099ff;
}
.pnlMain1 .pnlMore{
    color:#2574c8;
    padding-top:.5em;
}
.pnlMain1 .pnlCon{
    padding: 10px 0;
}

.pnlMain2{
}
.pnlMain2 .pnlHead {
    display:flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom:3px;
}
.pnlMain2 .pnlHead .pnlTtl {
    /* background:url(images/pnlMainHead.png) no-repeat 10px center;
    padding-left:35px;*/
    font-size: 24px;
    color:#000;
    padding-bottom: 5px;
}
.pnlMain2 .pnlHead .pnlMore{
    background:#fff;
    border:1px solid #ddd;
    border-radius: 3px;
    padding: 3px 5px;
    color:#0099ff;
}
.pnlMain2 .pnlCon{
    padding: 10px 0;
}

.pnlRelev {
    margin:10px;
}
.pnlRelev .pnlTtl {
    display: inline-block;
    background:#ccc;
    color:#000;
    padding: 3px 5px;
    font-weight: bold;
}
.pnlRelev .pnlCon{
    padding: 5px 10px;
}

.profile {
    padding:5px 20px;
}
.profile h3{
    text-align: center;
    margin:5px auto;
    color:#0059d8;
}
.profile > div {
    line-height: 180%;
}
.business {
    display: flex;
    justify-content: left;
}
.bussItem {
    margin: 5px 20px 15px 20px;
    position: relative;
    cursor: pointer;
}
.bussItem:before {
    content:"";
    display: block;
    border:1px solid #ddd;
    position: absolute;
    width:105%;
    height:100%;
    top:5px;
    left:-3%;
}
.bussItem span {
    padding:5px 20px;
    position: relative;
}
.bussItem span:before {
    display: block;
    content:"";
    position: absolute;
    width:5px;
    height:16px;
    left:5px;
    top:7px;
    background:#0099ff;
}
.txtAImg {
}
.txtAImg .ttl{
    line-height: 1.8em;
    font-weight: bold;
}
.txtAImg .con {
    display: flex;

}
.txtAImg .img{
    padding: 10px 5px 5px 0;
}
.txtAImg p{
    padding:0;
    margin: 5px 0 5px 10px;
    font-size: 14px;
    line-height: 1.6em;
    color:#333;
}
.friendLink{
    text-align: center;
    color:#068ae2;
}
.friendLink a{
    padding:5px;
    color:#068ae2;
}
.flip {
    margin:20px 10px ;
}
.flip li{
    margin:10px 5px;
}
.flip .flag {
    color:#0099ff;
    font-weight: bold;
    margin-bottom:5px;
}

.imgListHor {
    display: flex;
}
.imgListHor li {
    text-align: center;
    margin:5px 15px;
    border:1px solid #e5e5e5;
    padding: 5px;
}
.imgListHor .imgSrc{
    display: block;
}
.imgListHor .imgTxt{
    display: block;
    font-size: 14px;
}

.detailList {
    font-size: 16px;
    color: #000;
}
.detailList li{
    padding: 3px;
}
.detailList li i{
    font-style: normal;
    color: #999!important;
}
.searchDiv{
    margin-top: 20px;
}
.searchBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.searchBar .label{
    flex: 1;
}
.searchBar .label input{
    background: #f6f6f6 url(images/icon_search.png) no-repeat 10px center;
    padding-left: 36px;
    border: 1px solid #e8e8e8;
    height: 40px;
    font-size: 16px;
    width: 100%;
    line-height: 38px;
}
.selInfo {
    margin: 10px 0;
}
.selInfo select {
    border-color:#ddd;
    padding: 5px;
}
.simInput {
    border: none;
    border-bottom: 1px solid #000;
}
input::-webkit-input-placeholder {
    color: #ccc;
}
input::-moz-input-placeholder {
    color: #ccc;
}
input::-ms-input-placeholder {
    color: #ccc;
}
.linkDetail {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(images/plus.png) no-repeat center;
}
.chartDiv {
    text-align: center;
}
.warnInfo {
    margin:5px 10px;
}
.warnInfo dt{
    background: url(images/icon_warn.png) no-repeat left top;
    padding-top:30px;
}
.warnInfo dt dl{
    font-size: 16px;
    background:url(images/dot_blue.png) no-repeat 16px 10px;
    padding-left: 28px;
    margin:3px 0;
}
.page {
    text-align: center;
    margin:5px;
}
.page .prev,
.page .next{
    display: inline-block;
    margin: 3px 10px;
    background:url(images/btnPrev.png) no-repeat center top;
    opacity:0.5;
    padding-top:24px;
    color:rgba(255,255,255,1);
}
.page .next {
    background: url(images/btnNext.png) no-repeat center top;
}
.page a:hover{
    opacity:1;
}
.page a:hover.disable{
    opacity:0.5;
}
.tabNews .tabHead{
    /* position: relative; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #cacaca;
}
.tabNews .tabMore a{
    /*color:#0099ff;*/
    color:#2574c8;
}
.tabNews .tabOther{
    margin-right:50px;
    margin-top: 10px;
    color:#275daa;
}
}
.tabNews .tabOther a{
    color:#275daa;
}
.tabNews .tabCont {
    padding: 10px 0;
}
.tabNews .tabBar {
    overflow: hidden;
    display: flex;
    justify-content: start;
}
.tabNews .tabBar li{
    vertical-align: bottom;
    display: inline-block;
    padding: 2px 8px;
    margin-right:-1px;
    line-height:34px;
    background:#fff;
    border-bottom:none;
    text-align: center;
    font-size: 18px;
    margin-right:5px;
}
.tabNews .tabBar li:last-child{
    margin-right:0;
}
.tabNews .tabBar li a{
    color:#666;
}
.tabNews .tabBar li.selected{
    border-bottom:3px solid #2574c8;
    font-size: 20px;
}
.tabNews .tabBar li.selected a{
    color:#000;
    font-weight: bold;
}
.tabPlate {
    margin: 0 0 20px 0;
    background:#fff;
}
.tabPlate .tabTtl{
    display: block;
    background:#e5e5e5;
    /* box-shadow:0px 2px 5px rgba(0,0,0,.2); */
    padding:.5em 2em;
    border:1px solid #ccc;
    border-right:0;
    font-size: 20px;
    color:#215198;
}
.tabPlate > .tabBar{
    display: flex;
    justify-content: center;
    text-align: center;
    margin: auto;
    background:#2574c8;
}
.tabPlate > .tabBar li{
    margin:5px 5px 0 5px;
}
.tabPlate > .tabBar li a{
    display: block;
    padding:.3em 1em;
    font-size: 20px;
    color:#fff;
}
.tabPlate > .tabBar li.selected{
    background: #fff;
}
.tabPlate > .tabBar li.selected a{
    color:#0b57a7;
    font-weight: bold;
}
.tabPlate > .tabCont{
    padding:20px;
    min-height:400px;
}
.subTabPlate {
    display: flex;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,.2);
}
.subTabPlate .tabBar{
    display: flex;
    flex-direction:column;
    justify-content: center;
    width:340px;
    box-shadow: 0px 0px 3px rgba(0,0,0,.2);
}
.subTabPlate .tabBar li {
    flex: 1;
    height: 100%;
    vertical-align: middle;
}
.subTabPlate .tabBar li a{
    display: block;
    color:#000;
    font-size: 24px;
    padding:1.2em 1em 0 1em;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
.subTabPlate .tabBar li.selected {
    background:#1b4e97;
}
.subTabPlate .tabBar li.selected a{
    color:#fff;
}
.subTabPlate .tabCont{
    flex: 1;
    height:485px;
    overflow: hidden;
}
.subTabPlate .tabCont img{
    width:100%;
    height: 100%;
}
.imgDiv {
    position: relative;
    overflow: hidden;
}
.imgDiv .note{
    display: block;
    position:absolute;
    left:0;
    bottom: 3px;
    width: 100%;
    line-height: 180%;
    text-align:center;
    background: rgba(0,0,0,.5);
    color:#fff;
    font-size: 18px;
}

ul.infoList li {
    position: relative;
    background: url(images/dotBlue.png) no-repeat 4px 15px;
    border-bottom:transparent;
    padding: 5px 0 4px 16px;
}
ul.infoList li * {
    /* vertical-align: middle; */
}
ul.infoList li .infoTtl {
    display: inline-block;
    margin: 0;
    line-height: 1.6em;
    height: 1.6em;
    overflow: hidden;
    /*text-overflow: ellipsis;
     white-space: nowrap; */
    margin:0;
}
.tabNews .infoTtl {
    width: 600px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
ul.infoList li .infoTime {
    text-align: right;
    margin: 0 3px;
    color: #999;
}
ul.infoList li .infoType{
    color:#ff0000;
}
ul.followTime a .infoTime {
    color: #c6c6c6;
    margin-left: 4px;
}
ul.timeRight li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom:1px dotted #ccc;
}
ul.timeRight li .infoTtl {
    display: block;
    flex:1
    overflow:hidden;
}
ul.timeRight li .infoTime {
    display: block;
    text-align: right;
    width:7em;
    line-height: 1.6em;
}
.profileList li {
    display: flex;
    padding:0 100px 0 20px;
    margin-bottom:20px;

}
.profileList li a{
    font-weight: bold;
}
.profileList li .infoTime {
    width: 6em;
    color:#888;
    text-align: right;
}
.profileList li .infoTime i{
    font-style: normal;
    display: block;
    color:#000;
    font-size: 24px;
}
.profileList li .infoTtl{
    flex:1;
}
.profileList li .infoTtl a {
    display: block;
    margin-bottom:5px;
}
.profileList li .infoTtl p {
    display: block;
    padding: 0;
    margin: 0;
    font-size: .9em;
    color:#888;
    line-height: 160%;
}
.profileList li.focusItem {
    padding: 10px 20px ;
    background:rgba(255,255,255,.6);
    border-left:5px solid #0099ff;
    box-shadow: 2px 2px 5px rgba(0,0,0, .2);
}
.profileList li.focusItem .infoTtl a{
    font-size: 32px;
}
/*float layer*/
.mapFloat {
    position: absolute;
    z-index: 1000;
}
#quickMenu1 {
    left:20px;
    top:30px;
    width: 220px;
}
#quickMenu1 .con{
    height: 300px;
    overflow: auto;
}
#quickMenu2 {
    right:20px;
    top: 30px;
    width: 220px;
}
#hotPic {
    right:20px;
    top: 500px;
    width: 220px;
}
#detailInfo {
    width: 400px;
    left:710px;
    top:100px;
}
.quickSty1 {
    padding: 5px;
}
.quickSty1 > li {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #013476;
    display: flex;
    flex-wrap：wrap;
    margin: 5px 5px 0 5px;
    cursor: pointer;
}
.quickSty1 > li i{
    margin-top:3px;
    display: inline-block;
    width: 50px;
    height: 36px;
    background-position: center top;
    -webkit-background-size: 80% auto;
    background-size: 36px auto;
    background-repeat: no-repeat;
}
/*.quickSty1 > li.act, .quickSty1 > li:hover {*/
/*background: #b2d2fb;*/
/*}*/
/*.quickSty1 > li.act i, .quickSty1 > li:hover i{*/
/*background-position: center -36px;*/
/*}*/
/*.quickSty1 > li.act span, .quickSty1 > li:hover span{*/
/*color:#004dfd;*/
/*}*/
.quickSty1 > li.open {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.quickSty1 > li span{
    display: block;
    flex: 1;
    font-size: 16px;
    line-height: 48px;
}
.quickSty1 .ico1{
    background-image:url(images/menu1Icon01.png);
}
.quickSty1 .ico2{
    background-image:url(images/menu1Icon02.png);
}
.quickSty1 .ico3{
    background-image:url(images/menu1Icon03.png);
}
.quickSty1 .ico4{
    background-image:url(images/menu1Icon04.png);
}
.quickSty1 .ico5{
    background-image:url(images/menu1Icon05.png);
}
.quickSty1 .ico6{
    background-image:url(images/menu1Icon06.png);
}
.quickSty1 .ico7{
    background-image:url(images/menu1Icon07.png);
}
.quickSty1 .ico8{
    background-image:url(images/menu1Icon08.png);
}
.quickSty1 .ico9{
    background-image:url(images/menu1Icon09.png);
}
.quickSty1 > ul.sub{
    border:1px solid #013476;
    border-top:none;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    margin: 0 5px;
    padding: 5px;
}
.quickSty1 > ul.sub li{
    margin:3px;
    padding:3px 0 3px 16px;
    position: relative;
    cursor: pointer;
}
.quickSty1 > ul.sub li span{
    color: rgba(255,255,255,.8);
}
.quickSty1 > ul.sub li:after{
    content: '';
    position: absolute;
    display: block;
    border-width: 4px;
    border-style: solid;
    border-color:transparent transparent transparent #3385ff;
    left:4px;
    top: 10px;
}
.quickSty1 > ul.sub li:hover span{
    color: rgba(255,255,255,1);
}

.quickSty2 {
    padding: 5px;
}
.quickSty2 > li {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: rgba(94,164,255 ,.1);
    border:1px solid rgba(94,164,255 ,.2);
    margin: 10px 5px 10px 5px;
    padding:5px 0 5px 15px;
    cursor: pointer;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.quickSty2 > li:hover {
    background: rgba(94,164,255 ,.2);
    border:1px solid rgba(94,164,255 ,.4);
}
.quickSty2 > li i{
    margin-top:3px;
    display: inline-block;
    width: 50px;
    opacity:0.5;
    height: 36px;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: 36px auto;
    background-size: 36px auto;
}
.quickSty2 > li span{
    display: block;
    text-align: right;
    font-size: 16px;
    line-height: 36px;
}
.quickSty2 .ico1{
    background-image:url(images/menu2Icon01.png);
}
.quickSty2 .ico2{
    background-image:url(images/menu2Icon02.png);
}
.quickSty2 .ico3{
    background-image:url(images/menu2Icon03.png);
}
.quickSty2 .ico4{
    background-image:url(images/menu2Icon04.png);
}
.quickSty2 .ico5{
    background-image:url(images/menu2Icon05.png);
}
.quickSty2 .ico6{
    background-image:url(images/menu2Icon06.png);
}

.floatWarn{
    background: #3f9cff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    color: #fff;
    /*width: 380px;*/
    left:80px;
    top:150px;
}
.floatWarn .ttl{
    font-size: 20px;
    color:#f6ff00;
    padding-bottom:10px;
}
.floatWarn .con{
    font-size: 14px;
    color:#fff;
    line-height: 150%;
}
.floatWarn .con p, .floatWarn .con div{
    color:#fff;
}
.floatWarn .con p{
    margin: .5em;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
}
.statFault{
    color:#fff000;
}
.tollTable{
    border-collapse: collapse;
}
.tollTable td{
    padding: 5px;
    color:#b2d7ff;
}
.tollTable thead td{
    color:#fff;
}
.floatToll{
    background: #3f9cff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    color: #fff;
    left:590px;
    top:130px;
}
.floatToll:before{
    content: '';
    display: block;
    border:8px solid transparent;
    border-top-color:#3f9cff;
    position: absolute;
    bottom:-16px;
    left:50%;
}
.floatToll .ttl{
    font-size: 18px;
    color:#fff;
    padding: 5px;
}
.floatFault{
    background: #3f9cff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px;
    color: #fff;
    left:1000px;
    top:180px;
}
.floatFault:before{
    content: '';
    display: block;
    border:8px solid transparent;
    border-top-color:#3f9cff;
    position: absolute;
    bottom:-16px;
    left:50%;
}
.floatFault .con{
    color:#fff;
    line-height: 1.5em;
}
.floatFault .con strong{
    display: block;
    font-size: 24px;
    color:#fffc24;
    font-weight: normal;
    padding: 10px 0;
}

#flashbox {
    height: 410px;
    width: 628px;
    border:2px solid #0099ff;
}
.smallslider {
    height: 410px;
    overflow: hidden;
    position: relative;
    width: 628px;
}
.smallslider h3 {
    color: #EEE;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
    position: absolute;
    text-indent: 2%;
    width: 100%;
    z-index: 102;
    margin: 0;
}
.smallslider h3 a {
    color: #FFF;
    text-decoration: none;
}
.smallslider h3 a:hover {
    color: #F60;
    text-decoration: underline;
}
.smallslider img {
    border: 0;
    vertical-align: top;
    width:628px;
    height:410px;
}
.smallslider ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.smallslider .swiper-slide{
    width: 628px;
    height: 410px;
}
.smallslider-btns {
    position: absolute;
    z-index: 103;
}
.smallslider-btns .current-btn {
    background-color: #C00100;
    border: 1px solid #A00100;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
}
.smallslider-btns span {
    background-color: #FFF;
    border: 1px solid #DCDCDC;
    color: #9F9F9F;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 16px;
}
.smallslider-lay {
    background-color: #000;
    height: 26px;
    position: absolute;
    width: 100%;
    z-index: 101;
}