a{color:#333;text-decoration:none;transition:all .25s}
a:hover{text-decoration:none;color:#16b777}
body{position:relative;font-size:14px;color:#333;background:#f7f8fa;position:relative;}
*{box-sizing:border-box}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ha{text-overflow:ellipsis;white-space: nowrap;}
.hb{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.hc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.layui-layer-msg{min-width:100px!important;}
.meng{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index:99;transition: none;}
.footx{position: relative;}
.footx:after{position: absolute;content: '';left:0;bottom: 0;width: calc(100%);height: 1px;opacity: .5;background: #ddd;-webkit-transform: scaleY(.5);-webkit-transform-origin: 0 0;}
.ts{position: relative;}
.ts img{display: block;width:100%;height:100%;object-fit: cover;transition:all .25s}
.ts:after{position: absolute;content:'';width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.3);opacity:0;transition:all .25s}
.ts:hover img{transform:scale(1.05);}
.ts:hover:after{opacity:1;}
.tssm{position: relative;}
.tssm img{display: block;width:100%;height:100%;object-fit: cover;transition:all .25s}
.tssm:after{position: absolute;content:'';width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.3);opacity:0;transition:all .25s}
.tssm:hover img{transform:scale(1.01);}
.tssm:hover:after{opacity:1;}
/* 顶部通用 */
.top{width:100%;background:#fff;}
.top-box{width: 1200px;height:36px;line-height:35px;font-size:12px;color:#999;margin:0 auto;border-bottom: 1px solid #f7f8fa;}
.top-text{display: block;}
.top-opt{display: block;}
.top-opt li{float: left;;padding:0 10px;position: relative;}
.top-opt li a{color:#999}
.top-opt li a:hover{color:#16b777}
.top-opt li .icon{font-size:12px;margin-right:1px}
.top-opt li:first-child:after{content:'';position: absolute;width:1px;height:10px;background:#eee;right:0;top:50%;margin-top:-5px;}
.head{width:100%;overflow: hidden;background: #fff;}
.head-box{width:1200px;height:110px;margin:0 auto;align-items: center;}
.head-logo{height:55px;}
.head-logo img{height:100%}
.head-menu{display: block;height:30px;line-height:30px;}
.head-menu li{float: left;font-size:17px;margin-right:15px;}
.head-menu li.this a{color:#16b777}
.head-menu li:last-child{margin-right:0}
.head-so{width:210px;height:38px;}
.head-so input{float: left;border: 0;height:38px;width:140px;padding-left:30px;background: url(../image/so.png) 5px center no-repeat;color: #999;font-size: 14px;background-size: 20px;line-height:38px;border: 1px solid #16b777;border-radius: 4px 0 0 4px;}
.head-so input::-webkit-input-placeholder {font-size:12px;}
.head-so button{float: right;width:70px;height:38px;background:#16b777;text-align: center;border-radius:0 4px 4px 0;color:#fff;transition:all .25s;font-size:14px;border: 1px solid #16b777;}
.head-so button:hover{opacity:.8;cursor:pointer}
.head-more{display:none;}
.head-wap .head-menu{left:0!important;}
@media all and (max-width:1200px){
    .top-box{width:100%;padding:0 10px}
    .head-box{width:100%;padding:0 10px}
}
@media all and (max-width:1000px){
    .head-so{display: none;}
}
@media all and (max-width:860px){
    .top{display: none;}
    .head{position: fixed;z-index: 100;top: 0;}
    .head-box{height:50px}
    .head-logo{height:30px;}
    .head-more{width:20px;height:21px;display:block;position:relative;margin-top:5px}
    .head-line1{position:absolute;left:0;top:0;width:20px;height:1.5px;background:#333;transition:all ease .25s}
    .head-line2{position:absolute;left:0;top:8px;width:20px;height:1.5px;background:#333;transition:all ease .25s}
    .head-line3{position:absolute;left:0;top:16px;width:20px;height:1.5px;background:#333;transition:all ease .25s}
    .head-line1_1{position:absolute;left:0;top:8px;width:20px;height:1.5px;background:#333;transform:rotate(45deg);transition:all ease .25s}
    .head-line2_1{width:20px;height:1.5px;background:#333;opacity:0;transition:all ease .25s}
    .head-line3_1{position:absolute;left:0;top:8px;width:20px;height:1.5px;background:#333;transform:rotate(-45deg);transition:all ease .25s}
    .head-menu{position: fixed;left:-260px;top:51px;width:45%;max-width:260px;height:100%;background:#fff;transition: all ease .3s;z-index:10;}
    .head-menu li{width:100%;margin:0;font-size:16px;line-height:25px;padding:0 10px}
    .head-menu li a{display: block;width:100%;padding:10px;border-bottom:1px solid #ddd;}
    .head-menu li.this a{border-color:#16b777}
    .head-menu li a:hover{color:#16b777;border-color:#16b777}
}
/* 内容分页 */
.page{width:100%;height:auto;overflow: hidden;margin-top:15px;background:#fff;padding:15px}
.page-box{width:100%;display: flex;justify-content:center}
.page-box a{display: block;color:#333;background:#f7f8fa;line-height:36px;padding:0 10px;margin:0 2px}
.page-box a:hover{color:#fff;background: #16b777}
.page-box span{display: block;color:#999;background:#f7f8fa;cursor:pointer;line-height:36px;padding:0 10px;margin:0 2px}
.page-box .this{background: #e62021;color:#fff}
@media all and (max-width:860px){
    .page{margin-top:10px} 
}
/* 底部通用 */
.link{width:1200px;height:auto;padding:15px;background:#fff;margin:0 auto;margin-top:15px;line-height:22px;}
.link span{color:#16b777}
.link a{margin-right:5px;color:#666}
.link a:hover{color:#16b777}
.foot{width:100%;height:auto;padding:20px 0;background:#fff;margin-top:15px;}
.foot p{line-height:22px;text-align: center;color:#666}
.foot p a{color:#666}
.foot p a:hover{color:#16b777}
.dibu{text-align: center;padding:20px 0;background:#f7f8fa;display: none;}
.dibu-box{width:100%;padding:0 60px}
.dibu-con{font-size:12px;padding: 0 70px;line-height:1;color: #999;height:14px;position: relative;}
.dibu-con::before {content: '';width:60px;height:1px;-webkit-transform: scaleY(.5);-webkit-transform-origin: 0 0;background-color: #ddd;position: absolute;top:7px;left: 0;}
.dibu-con::after {content: '';width:60px;height:1px;background-color: #ddd;position: absolute;top:0.35rem;right: 0;-webkit-transform: scaleY(.5);-webkit-transform-origin: 0 0;}
@media all and (max-width:1200px){
    .link{width:100%;}
}
@media all and (max-width:860px){
    .link{margin-top:10px}
    .dibu{display:block}
    .foot{margin-top:0;padding:15px 0}
    .foot p{font-size:12px}
}
/* 字体图标 */
@font-face{font-family: 'iconfont';src:url('https://at.alicdn.com/t/c/font_4204949_u0g7bl50kt.ttf') format('truetype')}
.icon{font-family: iconfont!important;font-size: 14px;font-style: normal;}
.icon-reg:before{content: "\e668";}
.icon-log:before{content: "\e665";}
.icon-more:before{content: "\e615";}
.icon-map:before{content: "\e677";}
.icon-gotop:before{content: "\e61f";}
.icon-close:before{content: "\eca0";}