* { -webkit-tap-highlight-color: transparent; -webkit-appearance: none; padding: 0; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box }
html, body { background-image: url(about:blank); background-attachment: fixed }
html { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { color: #333; font-size: 14px; background: #f4f4f4 }
ul, li, ol { margin: 0; padding: 0; list-style: none }
a { color: #333; text-decoration: none }
p { margin: 0; padding: 0 }
a:hover { cursor: pointer; color: #0ea08a; text-decoration: none }
input { -webkit-appearance: none; appearance: none }
.btn { background: #fff; border: 0; color: #333 }
.btn:active, .btn.active { outline: 0 }
.clearfix:before, .clearfix:after { display: table; content: " " }
.clearfix:after { clear: both }
.pull-right { float: right!important }
.pull-left { float: left!important }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit }
button { overflow: visible }
button, select { text-transform: none }
::-webkit-scrollbar {
background-color:transparent;
width:2px;
height:2px;
border-radius:1px;
z-index:999
}
::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,.3);
border-radius:1px;
width:2px;
height:2px
}
::-ms-scrollbar {
background-color:transparent;
width:2px;
height:2px;
border-radius:1px;
z-index:999
}
::-ms-scrollbar-thumb {
background-color:rgba(0,0,0,.3);
border-radius:1px;
width:2px;
height:2px
}
::-moz-scrollbar {
background-color:transparent;
width:2px;
height:2px;
border-radius:1px;
z-index:999
}
::-moz-scrollbar-thumb {
background-color:rgba(0,0,0,.3);
border-radius:1px;
width:2px;
height:2px
}
::-o-scrollbar {
background-color:transparent;
width:2px;
height:2px;
border-radius:1px;
z-index:999
}
::-o-scrollbar-thumb {
background-color:rgba(0,0,0,.3);
border-radius:1px;
width:2px;
height:2px
}

.wrappic { width: 100%; height: 200px; position: relative; overflow: hidden; float: left; background: #ededed; }
.slidebox { width: 100%; position: absolute; top: 0; left: 0; height: 200px; }
.slidebox li { float: left; width: 100%; height: 200px; left: 0; top: 0; }
.slidebox li img { display: block; width:100%; height: 200px; }
.dot { position: absolute; width: 100%; height: 30px; text-align: right; bottom: 5px; right: 0px; }
.dot p { margin-right: 10px; }
.dot b { width: 15px; height: 15px; color: #333; display: inline-block; border: 1px solid #fff; background: #fff; text-align: center; line-height: 15px; margin: 0 5px; margin-top: 6px; cursor: pointer; font-weight: normal; }
.dot .cur { background: #187A6B; color: #fff; border: 1px solid #187A6B; }

.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none }
.btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
#content { min-height: 90% }
#header { height: 40px; background-color: #fff; position: relative; animation-duration: 1s; -webkit-animation-duration: 1s }
.header-inner .btn { width: 40px; height: 39px; padding: 0; font-size: 18px; border-radius: 0 }
.header-inner .btn:active, .header-inner .btn.active { color: #0ea08a; box-shadow: none; -webkit-box-shadow: none; outline: 0 }
.header-inner .btn.active .subtail, .header-inner .btn.active .tail { display: block; z-index: 101 }
.header-inner .btn .subtail { left: 10px; animation: fadein .3s both; display: none; position: absolute; border: 8px solid #ddd; border-top: 8px solid transparent; border-right: 8px solid transparent; border-left: 8px solid transparent; bottom: -1px }
.header-inner .btn .tail { left: 11px; animation: fadein .3s both; position: absolute; display: none; border: 7px solid #fcfcfc; border-top: 7px solid transparent; border-right: 7px solid transparent; border-left: 7px solid transparent; bottom: -1px }
.logo-header { display: block; width: 300px; height: 40px; text-indent: -100%; overflow: hidden; background-image: url('../assets/images/logo.png'); margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: auto 20px }
#btn-search-header, #btn-guid-header { position: absolute; right: 0; top: 0 }
#btn-guid-header { left: 0 }
#area-guid-header, #area-search-header { position: absolute; background-color: #fff; border: 1px solid #ddd; display: none; z-index: 100; width: 100%; padding: 10px; top: 38px }
#area-guid-header { left: 0; overflow: hidden; overflow-y: auto; width: 99% }
#area-guid-header .area-switch .btn { color: #999 }
#area-guid-header .area-switch .btn:hover { color: #0ea08a }
#area-guid-header .area-switch .btn-post { background-color: #0ea08a; color: #fff }
#area-guid-header .area-switch .btn-post:hover { background-color: #20659c; color: #fff }
#area-guid-header .sp-line { height: 1px; background: #ddd; width: 100%; margin: 10px 0 }
#area-guid-header .area-category .list { margin: 0; padding: 0; margin-bottom: 10px }
#area-guid-header .area-category .list li { list-style: none }
#area-guid-header .area-category .list .ch-a { width: 20%; float: left }
#area-guid-header .area-category .list .ch-a li { padding: 3px 0 3px 0 }
#area-guid-header .area-category .list .ch-a li a { display: block; padding: 4px; border-radius: 4px; background-color: #eee; text-align: center }
#area-guid-header .area-category .list .ch-b { font-size: 12px; width: 80%; float: left; overflow: hidden }
#area-guid-header .area-category .list .ch-b li { float: left; width: 50%; padding: 3px 0 3px 6px }
#area-guid-header .area-category .list .ch-b li a { display: block; padding: 4px; border-radius: 4px; border: 1px solid #ddd; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
#area-search-header { right: 0 }
#area-search-header .form-search { position: relative; padding: 4px 72px 4px 0 }
#area-search-header .form-search .select-cats { padding-left: 5px; border-radius: 3px 0 0 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; font-size: 12px; height: 34px; width: 80px; position: absolute; top: 4px; left: 0; outline: 0; background: #f4f4f4; border: 1px solid #0ea08a }
#area-search-header .form-search:after { font: normal normal normal 14px/1 FontAwesome; content: '\f107'; color: #999; position: absolute; width: 16px; height: 16px; top: 13px; line-height: 16px; text-align: center; left: 60px; z-index: 2 }
#area-search-header .form-search .ipt-search { color: #333; outline: 0; padding: 1px 8px; padding-left: 85px; width: 100%; display: block; height: 34px; border-radius: 3px 0 0 3px; border: 1px solid #0ea08a }
#area-search-header .form-search .btn-search { border-radius: 0 3px 3px 0; color: #fff; outline: 0; position: absolute; width: 72px; height: 34px; right: 0; top: 4px; background-color: #0ea08a; border: 1px solid #0ea08a }
#area-guid-header .area-close, #area-search-header .area-close { clear: both; margin-top: 10px; text-align: center }
#area-guid-header .area-close button, #area-search-header .area-close button { height: 30px; width: 50%; margin: 0 auto; background-color: #fcfcfc; border: 1px solid #ccc; border-radius: 3px; color: #999 }
#area-guid-header .area-close button { background-color: #eee }
#footer { margin-top: 10px; background-color: #49535d }
#footer .category-footer ul { padding: 10px 0 }
#footer .category-footer ul li { width: 25%; float: left }
#footer .category-footer ul li a { display: block; color: #95a0ac; height: 30px; line-height: 30px; text-align: center }
#footer .copyright { padding: 20px 0; line-height: 25px; text-align: center; color: #707982; background-color: #404a54 }
.btn-backToTop { font-size: 40px; color: #fff; line-height: 48px; text-align: center; width: 48px; height: 48px; position: fixed; right: 20px; bottom: 20px; background: rgba(0,0,0,.5); border-radius: 5px }
.btn-backToTop:hover { color: #fff }
.btn-backToTop2 { font-size: 40px; color: #fff; line-height: 48px; text-align: center; width: 48px; height: 48px; position: fixed; right: 20px; bottom: 70px; background: rgba(0,0,0,.5); border-radius: 5px }
.btn-backToTop2:hover { color: #fff }
#footer .button-group { border: 1px solid #313a43; display: inline-block; border-radius: 2px; background: #35414c }
#footer .button-group .button { display: inline-block; padding: 5px 10px; color: #999; border-right: 1px solid #313a43; color: #707982 }
#footer .button-group .button:last-child { border-right: 0 }
@font-face { font-family: 'FontAwesome'; src: url('../assets/fonts/fontawesome-webfont.eot'); src: url('/wap/css/assets/fonts/fontawesome-webfont.eot@#iefix&v=4.2.0') format('embedded-opentype'), url('../assets/fonts/fontawesome-webfont.woff') format('woff'), url('../assets/fonts/fontawesome-webfont.ttf') format('truetype'), url('/wap/css/assets/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal }
.icon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-angle-left:before { content: "\f104" }
.icon-angle-up:before { content: "\f106" }
.icon-angle-right:before { content: "\f105" }
.icon-angle-down:before { content: "\f107" }
.icon-bars:before { content: "\f0c9" }
.icon-search:before { content: "\f002" }
.icon-home:before { content: "\f015" }
.icon-random:before { content: "\f074" }
.icon-pencil:before { content: "\f040" }
.icon-clock-o:before { content: "\f017" }
#header #area-guid-header .area-switch .btn-home { display: none }
#nav { top: 40x; width: 100%; z-index: 9; position: absolute; background-color:#DFFDF9; border-bottom: 2px solid #0ea08a; }
#nav .more { width: 25%; height: 34px; position: absolute; top: 0; right: 0; background: #DFFDF9; text-align: center; border: none; overflow: hidden; }
#nav .more.active { color: #0ea08a; outline: none }
#nav .more span { font-size: 30px; margin-top: -6px; position: absolute; width: 100%; height: 30px; line-height: 30px; left: 0; top: 0; }
#nav ul { margin: 0; height: 35px; overflow: hidden; padding: 0; }
#header.fixed { background-color: #0ea08a; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; border-bottom: 1px solid #0ea08a; color: #fff; }
#header.fixed .header-inner .btn { color: #fff; background: #0ea08a }
#header.fixed .header-inner .btn:active, #header.fixed .header-inner .btn.active { color: #fff }
#header.fixed .logo-header { background-image: url('../assets/images/logo_white.png'); }
#nav li { width: 25%; float: left; height: 35px; line-height: 35px; text-align: center; list-style: none; }
#nav li:nth-child(3) { margin-right: 25%; }
#nav li a { color: #4c4c4c; display: block; height: 35px; width: 100%; }
#nav li.active { background-color: #0ea08a }
#nav li.active a { color: #fff }
/* slides */

.lightbox { margin-top: 35px; position: relative; background-color: #fff; width: 100%; }
.lightbox .flex-direction-nav { display: none }
.lightbox .slides { margin: 0; padding: 0; overflow: hidden; zoom: 1; }
.lightbox .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
.lightbox .slides li { float: left; display: none; }
.lightbox .slides li img { display: block; width: 100%; }
.lightbox .flex-viewport { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.lightbox .loading .flex-viewport { max-height: 240px; }
.lightbox .flex-control-nav { overflow: hidden; height: 10px; line-height: 10px; position: absolute; bottom: 5px; width: 100%; text-align: right; z-index: 2 }
.lightbox .flex-control-nav li { display: inline-block; margin: 0 5px; }
.lightbox .flex-control-nav li a { display: block; overflow: hidden; text-indent: 999px; background-color: #ccc; cursor: pointer; width: 10px; height: 10px; border-radius: 50%; }
.lightbox .flex-control-nav li a.flex-active { background-color: #0ea08a }
.announce { height: 35px; line-height: 35px; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; background-color: #4897e6; }
.announce a { color: #fff; }
.section { margin: 10px; padding: 10px; background-color: #fff; box-shadow: 0 1px 3px #ccc; margin-bottom: 10px }
.section .title { height: 25px; line-height: 25px; }
.section .title .text-title { font-size: 16px; color: #0ea08a; font-weight: bold; }
.section .title .text-title:before { display: inline-block; content: ''; width: 3px; border-radius: 1px; background: #0ea08a; margin-right: 5px; height: 13px; }
.section .title .pull-right { color: #5c5c5c; font-size: 12px; }
.section .title-articles { background: url('assets/images/news_bg.png'); background-repeat: no-repeat; background-size: 30% auto; }
.section .title-infos .text-title { color: #e74950; }
.section .title-infos .text-title:before { background: #e74950 }
.section .wrap { padding: 10px; }
.articles li { height: 35px; line-height: 35px; list-style: none; border-bottom: 1px solid #eee }
.articles li:last-child { border-bottom: none }
.articles li a { width: 70%; height: 35px; line-height: 35px; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.articles li .addtime { text-align: right; height: 35px; line-height: 35px; color: #999; width: 25%; float: right; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.articles li.new a { color: #0ea08a }
.articles li.new a:before { font-size: 10px; color: #fff; line-height: 17px; text-align: center; display: inline-block; margin-right: 2px; content: 'ĐÂ'; width: 16px; height: 16px; background: #0ea08a }
.articles li.top a { color: #e74950; width: 80% }
.articles li.top a:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 17px; text-align: center; display: inline-block; color: #fff; background: #e74950; content: '¶¥'; width: 16px; height: 16px; margin-right: 2px; }
.articles li.top .addtime { width: 18% }
.list-item { overflow: hidden; padding: 10px 0; height: 84px; overflow: hidden; border-bottom: 1px solid #eee }
.list-item .list-thumb { width: 64px; height: 64px; background: #3bb3d0; float: left; text-align: right; padding: 5px; color: #fff; display: none; }
.list-item .list-thumb .num-view { margin-top: 5px; height: 30px; line-height: 30px; font-weight: bold; font-size: 18px; }
.list-item .list-thumb .icon-view { font-size: 14px; height: 24px; line-height: 24px; }
.list-item .list-content { margin-left: 0px; }
.list-item .list-content .list-title { height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: box; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2 }
.list-item .list-content .list-detail { height: 20px; line-height: 20px; font-size: 12px; color: #999 }
.baibg { background: #fff; }
.right_box1 { display: block; margin-bottom: 20px; clear: both; }
.right_box2 { display: block; margin-bottom: 20px; clear: both; }
.right_box3 { display: block; margin-bottom: 20px; clear: both; }

.dot .cur { background: #187A6B; color: #fff; border: 1px solid #187A6B; }
.x_tongji { width: 100%; height: 45px; line-height: 45px; background: #f3f3f3; margin-top: 15px; text-align: left; border-bottom: #0ea08a 4px solid }
.m-box { margin-bottom: 16px; width: 330px; float: left; background: url(/wap/img/x_title1.png) no-repeat; height: auto }
.m-box .m-hd { height: 41px; }
.m-box .m-hd .more { float: right }
.m-box .hd-title { font-size: 20px; float: left; margin-left: 27px; line-height: 26px; }
.m-box .m-bd { width: 330px; clear: both; }
.m-box2 { margin-bottom: 10px; width: 330px; float: left; background: url(/wap/img/x_title2.png) no-repeat; height: auto }
.m-box2 .m-hd { height: 35px; }
.m-box2 .m-hd .more { float: right }
.m-box2 .hd-title { font-size: 20px; float: left; margin-left: 57px; line-height: 26px; }
.m-box2 .m-bd { width: 330px; clear: both; }
.m-box3 { margin-bottom: 10px; width: 330px; float: left; background: url(/wap/img/x_title3.png) no-repeat; height: auto }
.m-box3 .m-hd { height: 35px; }
.m-box3 .m-hd .more { float: right }
.m-box3 .hd-title { font-size: 20px; float: left; margin-left: 47px; line-height: 26px; }
.m-box3 .m-bd { width: 330px; clear: both; }