body{color: #333;}
.mt5{margin-top: 5px;}
.mt15{margin-top: 15px;}

.article-banner{position: relative; background: #ebebeb; width: 100%; overflow: hidden;}
.abanner-ol{position: absolute; width: 100%; height: 20px; bottom: 0; left: 0; text-align: center;}
.abanner-ol > li{display: inline-block; width: 6px; height: 6px; background: rgba(255, 255, 255, .8); margin: 0 2px; box-shadow: #bdbdbd 0 0 1px 0; border-radius: 100%;}
.abanner-ol > li.on{background: rgba(82, 210, 255, .5);}
.abanner-one img{width: 100%; height: 100%; vertical-align: top;}

.tit-box{position: relative; line-height: 20px; padding: 10px 20px; font-size: 16px; background: #f6f7fb;}
.tit-box:after{content: ''; position: absolute; width: 3px; height: 16px; background: #fb7e52; left: 10px; top: 12px;}

.service-list{margin-left: 10px; }
.sl-one{margin-right: 10px;}
.sl-one img{width: 100%; vertical-align: top;}

.is-one{width: 33.3%; text-align: center;}
.is-tit{font-weight: 100; margin: 10px 0 0; line-height: 30px; font-size: 16px; color: #5087c0; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.is-img img{width: 80px; vertical-align: top;}
.is-text{font-size: 12px;}

.footer{background: #434343; padding: 20px 0 10px; color: #e3e3e3;}
.ft-info{padding: 0 10px 10px;}
.ft-line{height: 1px; background: #292929; border-bottom: #525252 solid 1px;}
.ft-text{padding: 10px 10px 0; text-align: center; font-size: 12px;}
.ft-contact{}
.ft-qr{width: 86px; margin: 0 0 0 15px;}
.ft-p00{font-size: 12px; line-height: 20px; margin: 12px 0 0;}
.ft-p01{margin: 12px 0 0;}
.ft-p01 img{vertical-align: top; width: 86%;}

.header{height: 20px; background: #fff; padding: 15px 10px;}
.header img{float: left; height: 20px; overflow: hidden;}
.header-menu{float: right; width: 40px; height: 18px; background: url('../images/con-menu.png') no-repeat center center; background-size: auto 100%;}

.header-list{position: fixed; left: -9999px; top: 50px; width: 100%; z-index: 20; background: #f5f7fa; -webkit-transition: all .2s linear; transition: all .2s linear;}
.header-list > li{position: relative; height: 34px; line-height: 34px; padding: 0 20px; border-bottom: #e0e0e0 solid 1px;}
.header-list > li:after{content: '>'; position: absolute; height: 30px; line-height: 30px; top: 0; right: 20px;}

.search-box{height: 30px; border: #e0e0e0 solid 1px; background: #fff; margin-left: 10px; margin-right: 10px;}
.search-input{display: block; border: none; outline: none; float: left; width: 230px; height: 30px; line-height: 28px; padding: 0 10px;}
.search-btn{display: block; width: 32px; line-height: 28px; background: #d2d2d2 url('../images/zoom.png') no-repeat center center; background-size: 16px auto; }

.artile-box{}
.article-one{margin: 22px 10px 0; padding: 0 0 20px; border-bottom: #ddd solid 1px;}
.ao-cover{width: 80px; height: 80px; border-radius: 5px; margin: 0 10px 0 0;}
.ao-infobox{}
.ao-tit{line-height: 22px; font-size: 16px; color: #46a0a9; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ao-minor{font-size: 12px; line-height: 20px; color: #777; padding: 4px 0 0;}
.ao-minor i{color: #333; font-style: normal;}
.ao-separator{margin: 0 8px;}
.ao-date{font-size: 14px; color: #777; line-height: 20px;}
.ao-text{margin: 12px 0 0; font-size: 14px; color: #777; line-height: 22px; overflow: hidden; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4;}
.ao-more{text-align: right; font-size: 12px;}
.ao-more a{color: #44a1a9;}


.page{margin: 30px 0 0; text-align: center;}
.page a, .page span{display: inline-block; height: 28px; line-height: 28px; padding: 0 12px; color: #666; border: #ddd solid 1px; border-radius: 4px; margin: 10px 1px 0;}
.page .current, .page a:hover{background: #46a0a9; color: #fff;}
.page .page-more{border: none; padding: 0 5px; margin: 0 0px;}


.cb-tit{font-size: 22px; text-align: center;}
.cb-minor{margin: 10px 10px 0; text-align: center; font-size: 14px; line-height: 24px; color: #777;}
.cb-minor i{color: #333; font-style: normal;}
.cb-textbox{margin-top: 30px; padding: 0 10px 10px; line-height: 24px; color: #666; font-size: 14px;}
.show-textbox{padding: 0 0 20px; line-height: 30px; color: #666; font-size: 14px;}

.user-box{margin-left: 10px; margin-right: 10px;}
.user-avatar{display: block; width: 110px; height: 110px; border-radius: 15px; box-shadow: #dedfe3 0 0 2px 2px; margin: 0 10px 0 0;}
.user-info{font-size: 14px;}
.user-tit{border-bottom: #ddd solid 1px; line-height: 40px;}
.ut-name{font-size: 22px;}
.ut-do{margin: 0 0 0 12px; padding: 10px; background: #44a1a9; box-shadow: #aed1d5 2px 3px 2px 0; color: #fff; border-radius: 3px; vertical-align: top; white-space: nowrap;}
.ut-do img{vertical-align: 0; margin: 0 6px 0 0; cursor: pointer;}
.user-minor, .user-tip{padding: 10px 0; border-bottom: #ddd solid 1px; }
.ui-one{padding: 1px 0; line-height: 16px; color: #666;}
.ui-one img{vertical-align: -7px; margin: 0 10px 0 0; padding: 6px 0;}
.ui-one02{color: #fb7e52;}
a.more-00{float: right; line-height: 30px; color: #fb7e52; font-size: 16px;}
.show-textbox{padding: 0 0 20px; line-height: 22px; color: #666; font-size: 14px;}

.at-list00{margin-left: 10px; margin-right: 10px;}
.at-date{width: 60px; margin: 0 10px 0 0;}
.at-infobox{}
.at-d00{height: 20px; background: #46a0a9; text-align: center; line-height: 20px; overflow: hidden; color: #fff;}
.at-d01{height: 40px; line-height: 36px; background: url('../../../templets/xlzx/images/icon-b2.jpg') no-repeat left bottom; background-size: 100% auto; font-size: 24px; font-weight: bold; text-align: center;}
.at-one00{margin: 30px 0 0;}
.at-tit{height: 30px; line-height: 20px; font-size: 18px;}
.at-text{color: #666; font-size: 14px; line-height: 22px; overflow: hidden; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3;}
.at-show{color: #46a0a9; margin: 6px 0 0;}
.at-show img{vertical-align: -2px; margin: 0 10px 0 0;}

.u-one{margin: 20px 0 0; border: #e0e0e0 solid 1px; border-radius: 3px;}
.u-nobd{border: none;}
.u-text{padding: 0 10px 15px; line-height: 24px;}
.u-avatar{position: relative; left: -5px; top: -5px;}
.header a{color: #44a1a9;}
.ft-p00 a{color: #fff;}
.footer{-webkit-user-select: initial; -moz-user-select: initial; -o-user-select: initial; user-select: initial;}