@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: "Microsoft YaHei";}
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: #058905;}
.wrapper {width: 100%; background-color: #fff;}
.wrapper .inner {width: auto; max-width: 1200px; 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;}


/**Header**/
.header {background: #006600; position: relative; z-index: 200;}
.header .inner {max-width: 1790px; padding-bottom: 20px; background: url(../images/headerbg.png) right center no-repeat;}
.header .inner .topbg {position: absolute; top: 0; left: 0; background: url(../images/topbg.png) left center no-repeat; width: 100%; height: 100%;}

/*logo*/
.logo-panel {position: absolute; left: 67px; top: 0;}
.logo-window {padding: 0;}
.logo-window img {vertical-align: middle;}
.head-tools {float: right;}

/*language*/
.lang-panel {width: 158px; margin-right: 190px; float: right; position: relative; background: url(../images/langbg.png) top center no-repeat;}
.lang-window {padding: 5px 0 25px 0;}
.lang-window .menu .menu-item {width: 100%; display: inline-block; text-align: center;}
.lang-window .menu .menu-item a.menu-link {display: block; padding: 0; height: 30px; line-height: 30px; font-size: 14px; color: #fff;}
.lang-window .menu .menu-item a.menu-link:hover {color: #058905;}

/*search*/
.search-panel {position: relative; float: right; clear: right; width: 200px; margin: 32px 0 11px 0;}
.search-window {border-bottom: 1px solid #00c05d; overflow: hidden;}
.search {position: relative;}
.search form {display: block;}
.search .search-input {margin: 0 24px 0 5px;}
.search .search-input input.search-title {width: 100%; height: 20px; line-height: 20px; border: 0; outline: 0; background: none; color: #fff; font-size: 12px; padding: 4px 0;}
.search .search-btn {width: 24px; height: 28px; position: absolute; right: 0; top: 50%; margin-top: -14px;}
.search .search-btn input.search-submit {width: 100%; height: 28px; border: 0; outline: 0; background: url(../images/searchbg.png) center no-repeat; cursor: pointer;}


/**Navi**/
.navi {background: #058905;}
.main-nav-panel {z-index: 800; position: relative;}
.menu-switch-arrow {display: none;}
.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 14px; height: 48px; line-height: 48px; color: #fff; font-size: 16px;}
.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; background: #006600;}
.main-nav-panel .sub-menu {background: #058905; display: none; position: absolute; left: 0; top: 48px; z-index: 100; min-width: 100%; text-align: center;}
.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: 44px; line-height: 44px; padding: 0 10px; font-size: 15px;}
.main-nav-panel .sub-menu .sub-item a:hover {color: #fff; background: #006600; display: block;}
.main-nav-panel .sub-menu .sub-menu {left: 100%; top: 0; z-index: 200; background: #058905; border-left: 1px solid #ddd;}


/**Jumbotron**/
.jumbotron .inner {max-width: 1920px;}
.fcous-panel {width: 100%;}
.focus .focus-navigation {width: 56px; height: 56px; margin-top: -28px; background: none; opacity: 1; filter: alpha(opacity=100);}
.focus .focus-navigation.focus-prev {left: 5%; margin-left: -2.8px;}
.focus .focus-navigation.focus-next {right: 5%; margin-right: -2.8px;}
.focus .focus-navigation .navigation-bg {width: 100%; height: 100%; display: block; opacity: 0.7; filter: alpha(opacity=70); transition: all 0.4s ease-in-out;}
.focus .focus-navigation .navigation-bg:hover {opacity: 1; filter: alpha(opacity=100);}
.focus .focus-navigation.focus-prev .prev-bg {background: url(../images/focusbg.png) left center no-repeat;}
.focus .focus-navigation.focus-next .next-bg {background: url(../images/focusbg.png) right center no-repeat;}
.focus .focus-pagination {max-width: 200px; right: 50%; bottom: 3.5%; height: 12px; margin: 0 -100px -0.5px 0; text-align: center;}
.focus .focus-page {width: 38px; height: 12px; line-height: 12px; border-radius: 0; margin: 0 1px; overflow: visible; background: url(../images/pagebg.png) center no-repeat;}
.focus .focus-page.focus-page-active {background: url(../images/pagebgh.png) center no-repeat;}
.focus .focus-page:hover {background: url(../images/pagebgh.png) center no-repeat;}
.focus .focus-page.focus-page-1 {background: url(../images/pagebg_f.png) center no-repeat;}
.focus .focus-page.focus-page-1.focus-page-active {background: url(../images/pagebgh_f.png) center no-repeat;}
.focus .focus-page.focus-page-1:hover {background: url(../images/pagebgh_f.png) center no-repeat;}
.focus .focus-page.focus-page-5 {background: url(../images/pagebg_l.png) center no-repeat;}
.focus .focus-page.focus-page-5.focus-page-active {background: url(../images/pagebgh_l.png) center no-repeat;}
.focus .focus-page.focus-page-5:hover {background: url(../images/pagebgh_l.png) center no-repeat;}
.focus .focus-page:nth-last-child(1) {background: url(../images/pagebg_l.png) center no-repeat;}
.focus .focus-page:nth-last-child(1).focus-page-active {background: url(../images/pagebgh_l.png) center no-repeat;}
.focus .focus-page:nth-last-child(1):hover {background: url(../images/pagebgh_l.png) center no-repeat;}


/**List**/

/*list-banner*/
.column_img img, .banner_img img {width: 100%; height: auto; min-height: 260px; max-height: 320px; vertical-align: top;}

/*col-wrap*/
.column-menu {width: 240px; background-color: #f5f5f5; position: relative; float: left; margin-right: -240px;}
.column-news {float: right; width: 100%;}
.column-news .column-news-box {margin-left: 275px;}

/*col-head*/
.column-head {background: #006600; line-height: 30px;}
.column-head .column-anchor {padding: 10px;}
.column-head .column-anchor .column-switch {display: block; width: 30px; height: 24px; float: right; display: none; background: url(img/menu-dot-white.png) no-repeat center;}
.column-head .column-anchor h3.anchor-title {width: 100%; display: inline-block; float: left; font-size: 20px; font-weight: normal; color: #fff; text-align: center;}

/*column-list*/
.column-list-wrap li {width: 100%; vertical-align: bottom;}
.column-list-wrap li a {display: block; width: 100%; border-bottom: 1px solid #d8d2d2; font-size: 16px; color: #333; background-color: #eff0f0;}
.column-list-wrap li a:hover {color: #fff; text-decoration: none; background-color: #058905;}
.column-list-wrap li.selected a.selected {color: #fff; background-color: #058905;}
.column-list-wrap li a span {display: block; padding: 10px 10px 10px 50px; line-height: 28px;}
.column-list-wrap .sub-list li a {font-size: 15px;}
.column-list-wrap .sub-list li a span {padding: 8px 10px 8px 60px;}
.column-list-wrap .sub-list .sub-list li a {font-size: 14px;}
.column-list-wrap .sub-list .sub-list li a span {padding: 10px 10px 10px 70px;}

/*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: 28px; font-size: 18px; color: #058905;}
.list-meta .column-path {float: right; line-height: 28px; color: #8a8a8a;}
.list-meta .column-path a {color: #8a8a8a;}
.list-meta .column-path a:hover {color: #058905;}
.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: 10px 0; margin-bottom: 20px;}
.cols_list {width: 100%;}
.cols_list .cols {width: 100%; display: inline-block; border-bottom: 1px solid #e0dddd;}
.cols_list .cols .cols_title {width: 82%; display: inline-block; line-height: 38px; font-size: 15px; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #3d3d3d;}
.cols_list .cols .cols_title a {color: #2f2f2f;}
.cols_list .cols .cols_title a:hover {color: #058905;}
.cols_list .cols .cols_meta {float: right; font-size: 15px; color: #6a6a6a; line-height: 38px;}

/*column-news-arti*/
.wp_entry {width: auto; margin: 0 6px;}
.wp_entry, .wp_entry p {line-height: 36px; font-size: 16px; text-align: justify; font-family: "Microsoft YaHei";}
.wp_entry p {margin-bottom: 20px;}
.wp_entry table {margin: 0 auto;}
.wp_entry a {color: #0b66ad;}
.wp_entry a:hover {color: #e5aa0b;}

/*page*/
.wp_paging {display: block; margin: 0; padding: 0; list-style: none; font-size: 14px; font-family: 'Microsoft Yahei', Verdana, Geneva, sans-serif; color: #908c88; float: right; margin: 15px 0;}
.wp_paging input {font-size: 14px; *font-size:100%;}
.wp_paging li {display: inline-block; height: 25px; line-height: 25px; float: left; margin: 0; font-size: 14px;}
.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: 14px;}
.wp_paging li a.pagingJump {color: #908c88;}
.wp_paging li a:hover {color: #058905;}
.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: "Microsoft YaHei"; 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 > 910 ? "910px" : this.width); display: block; margin: 0 auto!important;}


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

/*info-title*/
.article {padding: 30px 0 10px 0; min-height: 300px; background-color:white;}
.article h1.arti-title {line-height: 32px; padding: 2px 5px; text-align: center; font-size: 20px; font-weight: bold; color: #058905;}
.article h3.arti-title {line-height: 28px; padding: 3px 3px 6px 3px; text-align: center; font-size: 18px; font-weight: normal; color: #5a5a5a; border-bottom: 1px solid #e9e9e9;}

/*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 10px; font-size: 14px; 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: 36px; font-size: 16px; text-align: justify; text-indent: 32px; color: #4d453a;}
.article .entry p {margin-bottom: 35px;}
.article .entry table {margin: 0 auto;width:60%}
.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 > 1180 ? "1180px" : this.width); background: url(img/loading.gif) no-repeat center; display: block; margin: 0 auto!important;}

/*share*/
.share {margin: 40px 0 20px 0;}
.share .bdhshare-title {float: left; line-height: 36px; font-size: 14px; 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;}

/*Arti-table scroll*/
.wrapperinner {position: relative; z-index: 1; width: 100%; overflow: hidden; -ms-touch-action: none;}
.scroller {position: absolute; z-index: 1; width: 750px; height: 160px; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none;}


/**Container**/
.list .container, .info .container {background: #eff0f0;}
.list .container .inner , .info .container .inner { padding-bottom: 100px;}
#container-1 {background: #fff;}
#container-1 .inner {padding: 40px 0 35px 0;}
#container-1 .mod {margin: 0 -22px; overflow: hidden;}
#container-1 .mod .mod_con {width: 25%; float: left;}
#container-1 .mod .mod_con .post {margin: 0 10px; border: 1px solid #eaeaea; border-top: 0;}
#container-1 .mod .mod_con .post .con {padding: 19px 24px 23px 24px;}
#container-1 .mod .mod_con .post .con .news_list .news {border-bottom: 1px dashed #9f9f9f; padding-bottom: 13px; margin-bottom: 16px;}
#container-1 .mod .mod_con .post .con .news_list .news .news_box {cursor: pointer;}
#container-1 .mod .mod_con .post .con .news_list .news .news_box .news_date {width: 62px; float: left; border: 1px solid #006600; margin: 5px -64px 0 0; position: relative; overflow: hidden; text-align: center; background: #006600; transition: all 0.4s ease-in-out;}
#container-1 .mod .mod_con .post .con .news_list .news .news_box:hover .news_date {background: #058905;}
#container-1 .mod .mod_con .post .con .news_list .news .news_box .news_date .date-day {width: 100%; display: inline-block; font-size: 24px; color: #fff; line-height: 36px;}
#container-1 .mod .mod_con .post .con .news_list .news .news_box .news_date .date-month {width: 100%; display: inline-block; font-size: 14px; line-height: 27px; color: #006600; background: #fff;}
#container-1 .mod .mod_con .post .con .news_list .news .news_box .news_con {width: 100%; float: right;}
#container-1 .mod .mod_con .post .con .news_list .news .news_box .news_con .news_arti {margin-left: 78px; height: 90px;}
#container-1 .mod .mod_con .post .con .news_list .news .news_box .news_con .news_arti .news_title {transition: all 0.4s ease-in-out;}
#container-1 .mod .mod_con .post .con .news_list .news .news_box:hover .news_con .news_arti .news_title {color: #058905;}

#container-2 {background: #eff0f0;}
#container-2 .inner {padding: 25px 0 45px 0;}
#container-2 .mod_bot {margin-top: 60px;}

/*news base style*/
.tt {width: 100%; display: inline-block; vertical-align: top; background: url(../images/ttbg.png) left top no-repeat; border-bottom: 1px solid #e1e1e1; padding-top: 4px;}
.tt .tit {margin-left: 20px; display: inline-block; font-weight: normal; float: left;}
.tt .tit .title {display: inline-block; font-size: 26px; color: #222; line-height: 46px; cursor: pointer;}

.post2 .tt {background: url(../images/titlebg.png) center bottom no-repeat; border: 0; padding: 0 0 8px 0; margin-bottom: 27px;}
.post2 .tt .tit {width: 100%; margin: 0; text-align: center;}
.post2 .tt .tit .title {font-size: 30px; line-height: 56px;}

.more_btn {margin-right: 20px; display: inline-block; float: right;}
.more_btn .more_text {font-size: 12px; display: inline-block; line-height: 46px; font-weight: bold; cursor: pointer; color: #838383; transition: all 0.4s ease-in-out;}
.more_btn .more_text:hover {color: #058905;}

.news_list .news {width: 100%; float: left;}
.news_list .news .news_title {width: 100%; font-size: 14px; color: #333; font-weight: bold; line-height: 22px;  overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;}
.news_list .news .news_text {width: 100%; margin-top: 8px; font-size: 12px; color: #777; line-height: 20px; max-height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_list .news .news_field {width: 100%; margin-top: 8px; font-size: 12px; color: #777; line-height: 20px;}
.news_list .news .news_field span {width: 100%; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/*news-wrap*/
.post-10 {position: relative;}
.post-10 .news_list .news {position: absolute; top: 0; left: 0; float: none; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);}
.post-10 .news_list .news .news_box {cursor: pointer; border: 1px solid #eaeaea;}
.post-10 .news_list .news .news_box .news_bg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/imgbg.png) repeat; z-index: 100;}
.post-10 .news_list .news .news_box .news_imgs {position: relative; overflow: hidden; background: #f1f1f1; padding-top: 55.99%;}
.post-10 .news_list .news .news_box .news_imgs img {width: 100%; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%;}
.post-10 .news-btn {position: absolute; top: 50%; margin-top: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 9999; transition: transform 0.8s ease-out; -moz-transition: -moz-transform 0.8s ease-out;}
.post-10 .news-btn:hover {transform: rotateZ(720deg); -webkit-transform: rotateZ(720deg); -moz-transform: rotateZ(720deg);}
.post-10 .news-btn.news-prev-btn {left: -70px; background: url(../images/slidebg.png) left center no-repeat;}
.post-10 .news-btn.news-next-btn {right: -70px; background: url(../images/slidebg.png) right center no-repeat;}

.post-11 {display: none;}
.post-11 .focus-navigation {width: 36px; height: 36px; margin-top: -18px; background: none; opacity: 1; filter: alpha(opacity=100);}
.post-11 .focus-navigation.focus-prev {left: 10px;}
.post-11 .focus-navigation.focus-next {right: 10px;}
.post-11 .focus-navigation .navigation-bg {width: 100%; height: 100%; display: block; opacity: 0.7; filter: alpha(opacity=70); transition: all 0.4s ease-in-out;}
.post-11 .focus-navigation .navigation-bg:hover {opacity: 1; filter: alpha(opacity=100);}
.post-11 .focus-navigation.focus-prev .prev-bg {background: url(../images/slidebg.png) left center no-repeat;}
.post-11 .focus-navigation.focus-next .next-bg {background: url(../images/slidebg.png) right center no-repeat;}

.post-12 .menu {margin: 0 auto; text-align: center;}
.post-12 .menu .menu-item {display: inline-block; position: relative; text-align: center; z-index: 100; *display:inline; *zoom:1;}
.post-12 .menu .menu-item a.menu-link {display: block; min-width: 52px; padding: 55px 45px 0 45px; height: 24px; line-height: 24px; color: #222; font-size: 14px; background: url(../images/icon-1.png) center top no-repeat;}
.post-12 .menu .menu-item.i3 a.menu-link {background: url(../images/icon-1.png) center top no-repeat;}
.post-12 .menu .menu-item.i4 a.menu-link {background: url(../images/icon-2.png) center top no-repeat;}
.post-12 .menu .menu-item.i5 a.menu-link {background: url(../images/icon-3.png) center top no-repeat;}
.post-12 .menu .menu-item.i1 a.menu-link {background: url(../images/icon-4.png) center top no-repeat;}
.post-12 .menu .menu-item.i2 a.menu-link {background: url(../images/icon-5.png) center top no-repeat;}
.post-12 .menu .menu-item a.menu-link:hover, .post-12 .menu .menu-item a.menu-link.parent {text-decoration: none; color: #058905; opacity: 0.75; filter: alpha(opacity=75);}


/**Footer**/
.footer {background: #006600;}
.footer .inner {padding: 67px 0; max-width: 1790px; position: relative; background: url(../images/footbg.png) 12.3% bottom no-repeat;}
.botbg {position: absolute; top: 0; right: 423px; background: url(../images/botbg.png) left center no-repeat; width: 229px; height: 100%;}

/*copyright*/
.foot_left {float: left; margin-left: 21.45%;}
.foot_left p {display: block; text-align: left;}
.foot_left p span {font-size: 14px; color: #fff; display: inline-block; line-height: 24px; margin: 0 4px;}

/*qrcode*/
.foot_right {position: absolute; right: 0; bottom: 0; background: url(../images/codebg.png) center bottom no-repeat; width: 590px; z-index: 200;}
.foot_right .qrcode {text-align: center; padding: 134px 0 20px;}
.foot_right .qrcode .code_list {display: inline-block;}
.foot_right .qrcode .code_list .code {display: inline-block; *display:inline; *zoom:1;}
.foot_right .qrcode .code_list .code .code_box {margin: 0 24px; cursor: pointer;}
.foot_right .qrcode .code_list .code .code_box .code_imgs {margin: 0 auto;width: 80px; height: 80px; background: #f1f1f1;}
.foot_right .qrcode .code_list .code .code_box .code_imgs img {width: 100%; vertical-align: middle; transition: all 0.4s ease-in-out;}
.foot_right .qrcode .code_list .code .code_box:hover .code_imgs img {opacity: 0.75; filter: alpha(opacity=75);}
.foot_right .qrcode .code_list .code .code_box .code_title {width: 100%; display: inline-table; font-size: 12px; color: #333; line-height: 24px; padding: 6px 0;}


.sitetitle{color: #fff;

width:200px;
font-size:28px; }
.post-08 .news_box.clearfix {
    float: left;
}
.post-08 .news_con {
    margin-left: 78px;
    float: right;
}
.post-08 .news_text a {
    color: #777;font-family: "Microsoft YaHei";
    font-size: 12px;
}
.post-08 .news_text {
    padding-top: 6px;
}

.zn .cols_list .cols {
    width: 30%;
    float: left;
    border-bottom: none;
    padding: 20px 0;
}