@charset "UTF-8"; 

/**Base Reset**/
* {margin: 0; padding: 0;}
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
:focus {outline: 0;}
img {border: 0;}
a img {vertical-align: middle;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
.clear {width: 100%; height: 0; line-height: 0; font-size: 0; overflow: hidden; clear: both; display: block; _display: inline;}
.none {display: none;}
.hidden {visibility: hidden;}
.clearfix:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.clearfix {display: block; *zoom:1;}
body, p {font: 14px/1 Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Tohoma, Arial; color: #333; font-family: "Arial";}
body {background-color: #fff;}
body:before {content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8);}
a {text-decoration: none; color: #333; transition: all 0.4s ease-in-out;}
a:hover {text-decoration: none; color: #011b6a;}
.wrapper {width: 100%; background-color: #fff;}
.wrapper .inner {width: 1300px; margin: 0 auto;}

/*Scroll*/
::-webkit-scrollbar {width: 6px; height: 6px; background-color: #F5F5F5;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #FFF;}
::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #AAA;}

/*CSS3 Extended Properties*/
::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
:-ms-input-placeholder {color: #fff;}

/*Animation*/
@-webkit-keyframes fadeInRight {
from {opacity:0; -webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
to {opacity: 1; -webkit-transform: none; transform: none;}
}

@keyframes fadeInRight {
from {opacity:0; -webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
to {opacity: 1; -webkit-transform: none; transform: none;}
}

@-webkit-keyframes fadeInDownMenu {
from {opacity:1; visibility:visible; -webkit-transform:none; transform:none;}
to {visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}
}

@keyframes fadeInDownMenu {
from {opacity:1; visibility:visible; -webkit-transform:none; transform:none;}
to {visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}
}

@-webkit-keyframes fadeInUpMenu {
from {opacity:0; visibility:hidden; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0);}
to {opacity: 1; visibility: visible; -webkit-transform: none; transform: none;}
}

@keyframes fadeInUpMenu {
from {opacity:0; visibility:hidden; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0);}
to {visibility: visible; opacity: 1; -webkit-transform: none; transform: none;}
}

.fadeInDownMenu {-webkit-animation-name: fadeInDownMenu; animation-name: fadeInDownMenu;}
.fadeInUpMenu {-webkit-animation-name: fadeInUpMenu; animation-name: fadeInUpMenu;}
.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.animated-fast {-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}


/**Jumbotron**/
.jumbotron {position: relative;background-color: #000;}
.list .jumbotron {position: relative;background-color: #011b6a;}

.jumbotron .inner {width: 100%;}
.module {position: absolute; top: 8.1%; right: 4%; z-index: 200; margin: -2.5px -3.5px 0 0;}

/*focus*/
.fcous-panel {width: 100%; overflow: hidden; z-index: 100;}
.focus .focus-pagination {width: 14px; height: 120px; bottom: 50%; right: 4%; margin: 0 0 -60px -6px;z-index: 9999;}
.focus .focus-page {width: 100%; height: 14px; line-height: 14px; background: url(../images/paginationbg.png) repeat; margin: 8px 0; border-radius: 50%;}
.focus .focus-page.focus-page-active {background: url(../images/paginationbgh.png) repeat;}

/*logo*/
.logo-panel {position: absolute; top: 13.39%; left: 50%; margin: 48px 0 0 -650px; z-index: 200;}
.logo-window {padding: 0; margin: 0;}
.logo-window img {vertical-align: middle;}

.list .logo-panel{position: absolute; top: 196px; left: 50%; margin: 0 0 0 -650px; z-index: 200;width: 1300px;}
.list .logo-window img {vertical-align: middle;width: 967px;}


/*humb-btn*/
.side-nav {float: right; margin: 3px 0 0 30px;}
.side-toggle-btn {position: relative; width: 29px; height: 22px; margin: 0; cursor: pointer; display: block;}
.side-toggle-btn em {background: #fff; position: absolute; transition: .3s cubic-bezier(.8, .5, .2, 1.4); width: 100%; height: 2px; transition-duration: 400ms;}
.side-toggle-btn em.hamb-top {top: 0; left: 0;}
.side-toggle-btn em.hamb-middle {top: 10px; left: 0; opacity: 1;}
.side-toggle-btn em.hamb-bottom {bottom: 0; left: 0;}
.side-toggle-btn.hamb-show em.hamb-top {transform: rotate(45deg); top: 10px;}
.side-toggle-btn.hamb-show em.hamb-middle {opacity: 0;}
.side-toggle-btn.hamb-show em.hamb-bottom {transform: rotate(-45deg); top: 10px;}

/*top-nav*/
.top-nav-panel {width: 175px; position: absolute; top: 60px; right: 0; height: 348px; overflow: hidden; display: none;}
.top-nav-window {margin-top: -12px;}
.top-nav-window .top-item {line-height: 40px; font-size: 17px; width: 100%; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/hintbg.png) right center no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.top-nav-window .top-item:hover {background: url(../images/hintbgh.png) right center no-repeat;}
.top-nav-window .top-item a {color: #fff;}

/*search*/
.search-wrap {float: right; position: relative;}
.search-panel {position: relative;}
.search-window {overflow: hidden; width: 29px;}
.search-con {width: 29px; height: 30px; border: 0; outline: 0; background: url(../images/searchbg.png) center no-repeat; position: absolute; right: 0; top: 0; z-index: 120; cursor: pointer;}
.search {position: relative;}
.search form {display: block;}
.search .search-input {margin: 0 29px 0 0px;}
.search .search-input input.search-title {width: 100%; height: 29px; line-height: 29px; border: 0; outline: 0; background: none; color: #fff; font-size: 17px; text-indent: 6px; border-bottom: 1px solid #fff;}
.search .search-btn {width: 29px; height: 30px; position: absolute; right: 0; top: 0;}
.search .search-btn input.search-submit {width: 29px; height: 30px; border: 0; outline: 0; background: url(../images/searchbg.png) center no-repeat; cursor: pointer;}

/*hint*/
.hint-panel {width: 175px; position: absolute; top: 60px; right: 0; height: 138px; overflow: hidden; display: none;}
.hint-window {margin-top: -12px;}
.hint-window .hint {line-height: 40px; font-size: 17px; width: 100%; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/hintbg.png) right center no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.hint-window .hint:hover {background: url(../images/hintbgh.png) right center no-repeat;}
.hint-window .hint a {color: #fff;}

/*nav*/
.main-nav-panel {position: absolute; bottom: 7%; left: 0; right: 0; width: 1300px; margin: 0 auto -4.5px auto; z-index: 400;}
.main-nav-panel .menu {margin: 0 auto;}
.main-nav-panel .menu .menu-item {display: inline-block; float: left; position: relative; z-index: 100;}
.main-nav-panel .menu .menu-item a.menu-link {display: inline-block; padding: 0 21px; height: 65px; line-height: 65px; color: #fff; font-size: 26px; text-shadow: 3px 0 2px rgba(0, 0, 0, 0.5);}
.main-nav-panel .menu .menu-item a.menu-link:hover, .main-nav-panel .menu .menu-item a.menu-link.parent {text-decoration: none; color: #fff;}
.main-nav-panel .menu .menu-item a.menu-link:hover:after, .main-nav-panel .menu .menu-item a.menu-link.parent:after {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.main-nav-panel .menu .menu-item a.menu-link:after {position: absolute; bottom: 0; left: 0; right: 0; content: ''; width: 30%; height: 2px; background: #6fba2c; margin: 0 auto; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
.main-nav-panel .sub-menu {background: url(../images/subbg.png) repeat; display: none; position: absolute; left: 0; bottom: 65px; z-index: 100; min-width: 100%; text-align: center; padding: 10px 0;}
.main-nav-panel .sub-menu .sub-item {position: relative; white-space: nowrap; vertical-align: top; _zoom: 1;}
.main-nav-panel .sub-menu .sub-item a {display: block; color: #fff; height: 45px; line-height: 45px; padding: 0 10px; font-size: 20px;}
.main-nav-panel .sub-menu .sub-item a:hover {color: #6fba2c; display: block;}

.list .new_nav_k{position:absolute;width: 1300px; top: 80px ;left:50% ;margin: 0 0 0 -650px;min-height: 36px;z-index: 201;}
.list .main-nav-panel {position: none; top:initial;left: initial;bottom: initial; float: right; width: initial; margin: 0; z-index: 400;}
.list .main-nav-panel .menu{margin: 0 -18px 0 0;}
.list .main-nav-panel .menu .menu-item a.menu-link { padding: 0 18px; height: 36px; line-height: 36px; color: #fff; font-size: 20px;}
.list .main-nav-panel .sub-menu {left:0; bottom:initial;top: 36px; z-index: 100; min-width: 100%; text-align: center; padding: 6px 0;}
.list .main-nav-panel .sub-menu .sub-item a {height: 38px; line-height: 38px; padding: 0 10px; font-size: 18px;}

.list_logo{position:absolute;width: 1300px; top: 80px ;left:50% ;margin: 0 0 0 -650px; z-index: 180;}

/* 右上 */
.right_top_tie{position:absolute;width: 1300px; top: 20px ;left:50% ;margin: 0 0 0 -650px; z-index: 180;}
.right_top_tie .news_list li{float: right;font-size: 20px;color: #fff;line-height: 40px;}

/**List**/

/*list-banner*/
.l-banner {height: 551px; background-position:center center; background-repeat:no-repeat; text-align:center;}
.l-banner img{display:none; height:100%; vertical-align:top;}

/*col-wrap*/
.list .new_list_lm{width: 100%;margin: 0 auto;background: #f7f7f7;overflow: hidden;}
.column-menu {width: 1300px; position: relative; float: none; margin: 0 auto;}
.column-news {float: none; width: 100%;}
.column-news .column-news-box {margin:0;}
.list-page-2 .column-news .column-news-box {margin: 0;}

/*col-head*/
.column-head {background: #f08200; line-height: 46px;float: left;display: inline-block;width: 176px;}
.column-head .column-anchor {padding: 10px;}
.column-head .column-anchor h3.anchor-title {width: 100%; display: inline-block; float: left; font-size: 20px; font-weight: bold; color: #fff; text-align: center;}
.column-body{float: none;width:100%;    overflow: hidden;}
.column-body .column-list-wrap{margin: 0 0 0 176px;}

/*column-list*/
.column-list-wrap li {/*width: 100%; */vertical-align: bottom;float:left;}
.column-list-wrap li a {display: block; width: 146px; border-bottom:none; font-size: 20px; font-weight: normal; color: #323232; /*float: left;*/text-align: center;}
.column-list-wrap li a:hover {color: #fff; text-decoration: none; background-color: #6fba2c;}
.column-list-wrap li.selected a.selected {color: #011b6a;font-weight: bold; /*background-color: #6fba2c;*/}
.column-list-wrap li a span {display: block; padding: 10px 0; line-height: 46px;}
.column-list-wrap .sub-list li{float:none;}
.column-list-wrap .sub-list li a {font-size: 20px;color: #323232;font-weight: normal;}
.column-list-wrap .sub-list li a:hover {color: #fff;}
.column-list-wrap .sub-list li a span {padding: 10px 0;}
.column-list-wrap .sub-list .sub-list li a {font-size: 16px;}
.column-list-wrap .sub-list .sub-list li a span {padding: 10px 10px 10px 70px;}

.column-list-wrap .sub-list{float: left;display:none;}

.column-list-wrap li:hover .sub-list{display:block;}


.col_news_head{float: right;}
.col_news_head .col_metas li.col_path{font-size: 14px;line-height: 46px;color: #6c6c6c;padding: 10px 0;}

/*current location*/
.list-head {padding: 10px 0; border-bottom: 2px solid #e5e5e5;}
.list-meta .column-title {float: left; display: inline-block; white-space: nowrap; line-height: 38px; font-size: 24px; color: #8c0d86;}
.list-meta .column-path {float: right; line-height: 38px; color: #8a8a8a; font-size: 16px;}
.list-meta .column-path a {color: #8a8a8a;}
.list-meta .column-path a:hover {color: #011b6a;}
.list-meta .column-path .possplit {background: url(../images/posbg.png) center no-repeat; width: 18px; display: inline-block;}

/*column-news-list*/
.column-news-con {padding: 42px 0; margin-bottom: 20px; min-height: 300px;}
.loading {width: 100%; text-align: center; margin-top: 80px; display: inline-block;}
.cols_list {width: 100%;}
.cols_list .cols_error {width: 100%; display: inline-block; line-height: 46px; font-size: 20px; color: #333; text-align: center;}
.cols_list .cols {width: 100%; display: inline-block; border-bottom: 1px solid #e0dddd;}
.cols_list .cols .cols_title {width: 100%; display: inline-block; line-height: 46px; font-size: 20px; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333;}
.cols_list .cols .cols_title .highlight {font-weight: bold; color: red;}
.cols_list .cols .cols_title a {color: #333;}
.cols_list .cols .cols_title a:hover {color: #011b6a;}

/*column-news-arti*/
.wp_entry {width: auto; margin: 0 6px;}
.wp_entry, .wp_entry p {line-height: 28px; font-size: 17px; text-align: justify; font-family: "Arial" !important;}
.wp_entry, .wp_entry p span {font-family: "Arial" !important;}
.wp_entry p {margin-bottom: 0px;}
.wp_entry table {margin: 0 auto;}
.wp_entry a {color: #0061ae;}
.wp_entry a:hover {color: #011b6a;}

/*page*/
.wp_paging {display: block; margin: 0; padding: 0; list-style: none; font-size: 15px; font-family: 'Arial', Verdana, Geneva, sans-serif; color: #908c88; float: right; margin: 30px 0 15px 0;}
.wp_paging input {font-size: 15px; *font-size:100%;}
.wp_paging li {display: inline-block; height: 25px; line-height: 25px; float: left; margin: 0; font-size: 15px;}
.wp_paging li span, .wp_paging li a {display: inline-block; float: left; margin: 0 8px;}
.wp_paging li em {font-style: normal; font-weight: bold; padding: 0 2px;}
.wp_paging li a {cursor: pointer; color: #908c88; line-height: 25px; height: 25px; font-size: 15px;}
.wp_paging li a.pagingJump {color: #908c88;}
.wp_paging li a:hover {color: #011b6a;}
.wp_paging li a span {margin: 0;}
.wp_paging li input {font-size: 12px; *font-size:100%; width: 24px; height: 18px; line-height: 18px; border: 1px solid #d5d5d5; background: #fff; margin: 0; text-align: center; font-family: "Arial"; color: #908c88;}
.wp_paging li input:focus {outline: none;}

/*column-list-img*/
.column-news-list .wp_entry img {vertical-align: middle; max-width: 100%; height: auto; _width:expression(this.width > 1000 ? "1000px" : this.width); display: block; margin: 0 auto!important;}

.column-news-list .cols_list {overflow: hidden;}
.column-news-list .cols_list li.news{float: left;width: 25%;}
.column-news-list .cols_list li.news .list_new_bg{padding: 60px 42px 130px 42px;}
.column-news-list .cols_list li.news span{display: block;}
.column-news-list .cols_list li.news:hover{transition:all .4s ease-in-out;opacity: 0.7;}
.column-news-list .cols_list li.news .list_new_bg .news_meta{font-size: 16px;color: #010101;line-height: 40px;}
.column-news-list .cols_list li.news .list_new_bg .news_title, .column-news-list .cols_list li.news .list_new_bg .news_title a{font-size: 18px;color: #1b1b1b;line-height: 36px;height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.column-news-list .cols_list li.n2 .list_new_bg{background: #dddddd;}
.column-news-list .cols_list li.n3 .list_new_bg{background: #011b6a;}
.column-news-list .cols_list li.n3 .list_new_bg .news_meta{color: #fff;}
.column-news-list .cols_list li.n3 .list_new_bg .news_title, .column-news-list .cols_list li.n3 .list_new_bg .news_title a{
    color: #fff;}
.column-news-list .cols_list li.n5 .list_new_bg{background: #011b6a;}
.column-news-list .cols_list li.n5 .list_new_bg .news_meta{color: #fff;}
.column-news-list .cols_list li.n5 .list_new_bg .news_title, .column-news-list .cols_list li.n5 .list_new_bg .news_title a{color: #fff;}

.column-news-list .cols_list li.n6 .list_new_bg{background: #6fba2c;}
.column-news-list .cols_list li.n6 .list_new_bg .news_meta{color: #fff;}
.column-news-list .cols_list li.n6 .list_new_bg .news_title, .column-news-list .cols_list li.n6 .list_new_bg .news_title a{color: #fff;}

.column-news-list .cols_list li.n8 .list_new_bg{background: #dddddd;}
.column-news-list .cols_list li.n9 .list_new_bg{background: #dddddd;}

.column-news-list .cols_list li.n11 .list_new_bg{background: #6fba2c;}
.column-news-list .cols_list li.n11 .list_new_bg .news_meta{color: #fff;}
.column-news-list .cols_list li.n11 .list_new_bg .news_title, .column-news-list .cols_list li.n11 .list_new_bg .news_title a{color: #fff;}
    


/**Info**/
.info-box {margin: 0 20px;}

/*info-title*/
.article {padding: 30px 0 10px 0; min-height: 400px;}
.article h1.arti-title {line-height: 36px;padding: 2px 5px;text-align: center;font-size: 22px;font-weight: bold;}
.article h3.arti-title {line-height: 28px; padding: 3px 3px 6px 3px; text-align: center; font-size: 20px; font-weight: normal; color: #888;}

/*info-base*/
.article .arti-metas {line-height: 22px; text-align: center; padding: 10px 0 30px 0;}
.article .arti-metas span {display: inline-block; margin: 0 16px; font-size: 15px; color: #939393;}
.article .arti-metas span span {margin: 0;}

/*info-con*/
.article .entry {margin: 0 5px; overflow: hidden;}
.article .entry, .article .entry p {line-height: 27px;font-size: 16px;text-align: justify;color: #4d453a;font-family:"Arial"!important}
.article .entry p span{font-family:"Arial"!important}
.article .entry p {margin-bottom: 0px;}
.article .entry table {margin: 0 auto;}
.article .entry a {color: #0b66ad;}
.article .entry a:hover {color: #e5aa0b;}

/*info-box-img*/
.article .entry .read img {vertical-align: middle; max-width: 100%; height: auto; _width:expression(this.width > 1280 ? "1280px" : this.width); display: block; margin: 0 auto!important;}

/*share*/
.share {margin: 40px 0 20px 0;}
.share .bdhshare-title {float: left; line-height: 36px; font-size: 16px; color: #949494; margin-right: 10px;}
.share .bdshare-button-style1-24 {float: left;}
.share .bdshare-button-style1-24 a, .share .bdshare-button-style1-24 .bds_more {width: 24px; padding: 0; margin: 6px;}


/**Footer**/
.footer {background: #011b6a;}
.footer .inner {background: #011b6a;}
.foot_top {padding: 26px 0 26px 0;}
.foot_left {float: left; margin-top: 15px;}
.foot_left .foot-logo img {width: 100%; height: auto; max-width: 175px; transition: all 3s;}
.foot_left .foot-logo img:hover {-webkit-transform: rotateY(-360deg); transform: rotateY(-360deg);}

.foot_right {float: right;}
.foot_right .foot-title {width: 100%; font-size: 20px; color: #fff; line-height: 42px; display: inline-block; background: url(../images/border.png) left bottom no-repeat; margin-bottom: 20px;}

.foot_right .foot-links {float: left; min-width: 280px;}
.foot_right .foot-links .news_list .links-item a {color: #fff; font-size: 16px; line-height: 29px; width: 100%; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.foot_right .foot-links .news_list .links-item a:hover {color: #c3a4c3;}

.foot_right .foot-links .news_list li.news {color: #fff;width: 50%;display: inline-block;line-height: 30px;font-size: 14px;float:left;}
.foot_right .foot-links .news_list li.news a{color: #fff;}




.foot_right .foot-contact {float: left; width: 260px; margin: 0 100px 0 65px;}
.foot_right .foot-contact .contact-con {color: #fff;width: 100%;display: inline-block;line-height: 30px;font-size: 14px;}
.foot_right .foot-contact .contact-con p {color: #fff; font-size: 14px; width: 100%; display: inline-block; line-height: 30px; margin-bottom: 0px;}

.foot_right .foot-qrcode {float: left;}
.foot_right .foot-qrcode .code_imgs {width: 88px; height: 88px;}
.foot_right .foot-qrcode .code_imgs img {width: 100%; height: auto; transition: all 0.4s ease-in-out;}
.foot_right .foot-qrcode .code_imgs img:hover {opacity: 0.8; filter: alpha(opacity=80);}

.foot_bot {width: 100%; padding: 15px 0; border-top: 1px solid #273d80;}
.foot_siteinfo p {display: block; text-align: center; width: 100%;}
.foot_siteinfo p span {display: inline-block; font-size: 14px; color: #a4a8be; line-height: 30px;}


/* =========== */
.news_lm{float: right;margin: 0 30px 0 0;}
.news_lm ul li{font-size: 20px;color: #fff;line-height: 32px;}
.news_lm ul li a{color: #fff;}




/*修改*/

.column-body{    float: left;
    width: calc(100% - 300px );
    overflow: unset;
    margin-left: -176px;
}
.column-list-wrap li{position: relative;}
.column-list-wrap li:hover .sub-list{display: flex;
    height: 66px;
    width: 0;}
.column-list-wrap .sub-list li{float: left;}