a{color:#333;text-decoration:none;transition:all .3s}
a:hover{text-decoration:none;color:#ffac00}
body{position:relative;font-size:14px;color:#333;background:#f7f8fa;position:relative;}
*{box-sizing:border-box}
.mt15{margin-top:15px!important}
.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;}
.ts{position: relative;}
.ts>img{display: block;width:100%;height:100%;object-fit: cover;}
.ts:after{position: absolute;content:'';width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.1);opacity:0;transition:all .3s}
.ts:hover:after{opacity:1;}
.layui-layer-msg{min-width:100px!important;}
.avatar{display: block;width:20px;height:20px;border-radius:50%;overflow: hidden;}
.avatar:hover{cursor:pointer;}
.meng{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);z-index:-99;opacity:0;transition:all .3s}
.meng.this{background: rgba(0,0,0,.6);z-index:97;opacity:1;}
@media all and (max-width:860px){
    .mt15{margin-top:10px!important}
}
/* 顶部通用 */
@media all and (min-width:860px){
    .ding{width:100%;padding:0 15px;background: url(../image/top_bg.webp) #fff center center no-repeat;background-size: 100% auto;}
    .ding-info{width:100%;max-width:1400px;line-height:36px;font-size:12px;color:#999;margin:0 auto;border-bottom: 1px solid rgba(0, 0, 0,.03);}
    .ding-info-txt{display: block;}
    .ding-info-opt{display: block;}
    .ding-info-opt>li{float: left;;padding:0 10px;position: relative;}
    .ding-info-opt>li>a{color:#999}
    .ding-info-opt>li>a:hover{color:#16baaa}
    .ding-info-opt>li .icon{font-size:12px;margin-right:1px}
    .ding-info-opt>li:first-child:after{content:'';position: absolute;width:1px;height:10px;background:#ddd;right:0;top:50%;margin-top:-5px;}
    .ding-tent{width:100%;max-width:1400px;height:80px;overflow: hidden;margin:0 auto;align-items: center;}
    .ding-logo{height:45px;overflow: hidden;align-items: center;}
    .ding-logo-image{height:100%}
    .ding-logo-image>a>img{height:100%}
    .ding-logo-city{margin-left:15px;}
    .ding-logo-city>a{display: block;padding:0 5px;line-height:22px;color:#ffac00;border:1px solid #ffac00;font-size:12px;border-radius:22px;}
    .ding-logo-city>a>i{font-size:12px}
    .ding-logo-city>a:hover{opacity: .8;}
    .ding-tel{padding-left:10px;align-items: center;}
    .ding-tel-icon{display: block;}
    .ding-tel-icon>i{font-size:30px;color:#ffac00}
    .ding-tel-box>a{display:block;margin-left:5px;}
    .ding-tel-box>a>div:nth-child(1){display: block;line-height:26px;font-size:24px;color:#16baaa;font-weight: bold;transition:all .3s}
    .ding-tel-box>a>div:nth-child(2){display: block;font-size:13px;font-weight:300;color:#999}
    .ding-tel-box>a:hover>div:nth-child(1){color:#ffac00}
    .ding-more{display:none;}
    .ding-box{width:100%;max-width:1400px;margin:0 auto;border-top: 1px solid rgba(0, 0, 0,.03);align-items: center;position: relative;}
    .ding-menu{width:calc(100% - 220px);overflow: hidden;justify-content: flex-start;align-items: center;}
    .ding-menu>li{display: block;padding:13px 0}
    .ding-menu>li:nth-child(n+2){margin-left:5px;padding-left:5px;}
    .ding-menu>li>a{display: block;padding:0 5px;border:1px solid rgba(0,0,0,0);height:34px;font-size:15px;line-height:32px;border-radius:3px;position: relative;}
    .ding-menu>li:nth-child(n+2)>a::after{position: absolute;content:'';width:1px;height:16px;background:rgba(0,0,0,0.1);left:-5px;top:50%;transform:translate(0,-50%);}
    .ding-menu>li>a:hover{border-color:#ffac00;}
    .ding-menu>li.this>a{border-color:#ffac00;color:#ffac00}
    .ding-sub{position:absolute;width:100%;padding:0;bottom:0;left:50%;transform: translate3d(-50%,100%,0);display:grid;background:url(../image/sub_menu_bg.png) no-repeat center center #fff;background-size:cover;border-top:1px solid rgba(0,0,0,0.05);grid-template-rows:0fr;z-index:-1;opacity:0;transition:all .3s;overflow: hidden;}
    .ding-menu>li:hover .ding-sub{opacity:1;grid-template-rows:1fr;padding:40px 0;z-index:10}
    .ding-sub-box{width:100%;max-width:1000px;padding:0 15px;min-height:0;margin:0 auto;display: grid;justify-content: center;grid-template-columns:repeat(6,1fr);gap: 15px;}
    .ding-sub-item{display: block;width:100%;opacity:0;transition: all .3s;}
    .ding-menu>li:hover .ding-sub-item{opacity:1;}
    .ding-sub-item>a{display: block;width:100%;padding:0 15px;text-align: center;line-height:42px;border-radius:2px;background:#f2f2f2;box-shadow:4px 5px 12px -4px #fff;color:#555;overflow: hidden;text-transform: uppercase;}
    .ding-sub-item>a:hover{background:#ffac00;box-shadow:4px 5px 12px -4px rgba(255,172,0,.5);color:#fff}
    .ding-wap-more{display:none;}
    .ding-soso{width:210px;height:40px;overflow: hidden;border: 1px solid rgba(0, 0, 0,.08);border-radius:4px;padding:3px;align-items:center;position: relative;}
    .ding-soso>:after{position: absolute;font-family: iconfont!important;content:'\e671';left:5px;top:50%;transform: translateY(-50%);font-size:20px;color:rgba(0, 0, 0,.2)}
    .ding-soso>input{width:calc(100% - 50px);height:32px;line-height:32px;border: 0;padding-left: 30px;background:rgba(0, 0, 0,0);}
    .ding-soso>button{width:50px;height:32px;line-height:32px;border: 0;background: #16baaa;border-radius:3px;color:#fff;transition:all .3s}
    .ding-soso>button:hover{cursor:pointer;background: #ffac00;}
}
@media all and (min-width:1000px){
    .ding-menu{width:calc(100% - 250px);}
    .ding-menu>li>a{padding:0 10px}
    .ding-soso{width:240px;}
}
@media all and (min-width:1200px){
    .ding-menu>li:nth-child(n+2){margin-left:10px;padding-left:10px;}
}
@media all and (max-width:860px){
    .ding{position: fixed;z-index:9999;width:100%;top:0;background: url(../image/top_bg.webp) #fff center center no-repeat;background-size: 100% auto;box-shadow: 0 3px 6px rgb(0 0 0 / 5%);}
    .ding-info{display:none;}
    .ding-tent{width:100%;height:50px;padding:0 15px;align-items: center;}
    .ding-logo{height:30px;align-items: center;}
    .ding-logo-image{height:100%;overflow: hidden;}
    .ding-logo-image>a>img{height:100%}
    .ding-logo-city{margin-left:10px;}
    .ding-logo-city>a{display: block;padding:0 5px;line-height:20px;color:#ffb800;border:1px solid #ffb800;font-size:10px;border-radius:20px;}
    .ding-logo-city>a>i{font-size:10px}
    .ding-logo-city>a:hover{color:#ffac00;border-color:#ffac00;}
    .ding-tel{display:none;}
    .ding-more{width:20px;height:21px;display:block;position:relative;margin-top:5px}
    .ding-line1{position:absolute;left:0;top:0;width:20px;height:1.5px;background:#333;transition:all .3s}
    .ding-line2{position:absolute;left:0;top:8px;width:20px;height:1.5px;background:#333;transition:all .3s}
    .ding-line3{position:absolute;left:0;top:16px;width:20px;height:1.5px;background:#333;transition:all .3s}
    .wap .ding-line1{position:absolute;left:0;top:8px;width:20px;height:1.5px;background:#333;transform:rotate(45deg);transition:all .3s}
    .wap .ding-line2{width:20px;height:1.5px;background:#333;opacity:0;transition:all .3s}
    .wap .ding-line3{position:absolute;left:0;top:8px;width:20px;height:1.5px;background:#333;transform:rotate(-45deg);transition:all .3s}
    .ding-menu{position: fixed;left:-100%;top:50px;margin-top:0;width:70%;height:100%;padding:0 15px;background: #fff;transition: all .3s;z-index:9999;box-shadow: 0 4px 12px rgba(0,0,0,.1);display: block;overflow-y: auto;}
    .wap .ding-menu{left:0}
    .ding-menu>li{height:auto;border-bottom:1px solid rgba(0,0,0,0.05);padding:0;position: relative;}
    .ding-menu>li>a{display: block;width:calc(100% - 30px);height:50px;line-height:50px;padding-left:15px;}
    .ding-menu>li.this>a{color:#ffac00}
    .ding-wap-more{display: block;position: absolute;top:0;right:0;width:30px;line-height:50px;text-align: center;}
    .ding-wap-more .icon{font-size:16px;color:#878b99}
    .ding-wap-more .icon-more::before{display: inline-block;transform: rotate(0deg);transition:all .3s}
    .ding-wap-more:hover{cursor: pointer;}
    .wap-zhan .ding-wap-more .icon-more::before{transform: rotate(90deg);color:#ffac00}
    .ding-sub{display:grid;width:100%;grid-template-rows:0fr;transition:all .3s;overflow:hidden}
    .ding-sub-box{padding:0;min-height:0;display: grid;justify-content: center;grid-template-columns:repeat(2,1fr);gap: 10px;}
    .ding-sub-item{display: block;width:100%;}
    .ding-sub-item>a{display: block;width:100%;height:40px;padding:0 5px;text-align: center;line-height:40px;border-radius:2px;background:#f7f8fa;color:#555;overflow: hidden;text-transform: uppercase;}
    .ding-sub-item>a:hover{background:#ffac00;box-shadow:4px 5px 12px -4px rgba(255,172,0,.5);color:#fff}
    .wap-zhan .ding-sub{grid-template-rows:1fr;}
    .wap-zhan .ding-sub-box{margin-bottom:10px}
    .ding-soso{display:none;}
}
/* 底部通用 */
.dibu{width:100%;overflow: hidden;padding: 50px 0 15px;background: url(../image/foot_bg.webp) no-repeat center center;background-size: cover;margin-top:15px;}
.dibu-box{width:100%;max-width:1400px;margin:0 auto}
.dibu-info{width:100%;overflow: hidden;}
.dibu-info-item{width:calc((100% - 500px) / 2 );}
.dibu-info-item:first-child{width:360px;}
.dibu-info-image{width:100%;padding-bottom:25px;border-bottom:1px solid rgba(0,0,0,0.03);}
.dibu-info-logo{height:50px;overflow: hidden;}
.dibu-info-logo>img{display: block;height:100%;}
.dibu-info-coder{width:100%;margin-top:25px;}
.dibu-info-coder>li{width:calc(100% / 3 - 10px);overflow: hidden;}
.dibu-info-coder>li>img{display: block;width:100%;}
.dibu-info-coder>li>p{width:100%;overflow: hidden;text-align: center;line-height:20px;margin-top:10px;color:#666}
.dibu-info-title{width:100%;overflow: hidden;padding-bottom:25px;border-bottom:1px solid rgba(0,0,0,0.03);}
.dibu-info-title>span:first-child{display: block;width:100%;height:30px;line-height:30px;overflow: hidden;font-size:16px;font-weight:bold;}
.dibu-info-title>span:last-child{display: block;width:100%;height:20px;line-height:20px;overflow: hidden;color:#666}
.dibu-info-list{width:100%;overflow: hidden;margin-top:25px;}
.dibu-info-list>li{width:24%;overflow: hidden;line-height:24px;}
.dibu-info-list>li:nth-child(4n){text-align: right;}
.dibu-info-list>li:nth-child(4n-1){text-align: center;}
.dibu-info-list>li:nth-child(n+5){margin-top:15px}
.dibu-info-lian{width:100%;margin-top:25px;}
.dibu-info-lian>li{width:100%;line-height:22px;color:#666;max-height:44px;overflow: hidden;}
.dibu-info-lian>li>i{float: left;width:25px;color:#999;font-size:16px;font-weight:bold;}
.dibu-info-lian>li:nth-child(n+2){margin-top:10px;}
.dibu-link{width:100%;margin-top:15px;padding-top:15px;border-top: 1px solid rgba(0, 0, 0, 0.03);}
.dibu-link-bt{width:100%;line-height:20px;}
.dibu-link-bt>b{display: block;color:#ffac00}
.dibu-link-list{width:100%;overflow: hidden;margin-top:10px;line-height:25px;}
.dibu-link-list>a{color:#666}
.dibu-link-list>a:nth-child(n+2){margin-left:10px;} 
.dibu-link-list>a:hover{color:#ffac00}
.dibu-copy{width:100%;margin-top:15px;padding-top:15px;border-top: 1px solid rgba(0, 0, 0, 0.03);line-height:20px;}
.dibu-copy-left{color:#999}
.dibu-copy-right>li{display: block;}
.dibu-copy-right>li>a{color:#999}
.dibu-copy-right>li>a:hover{color:#ffac00}
.dibu-copy-right>li:nth-child(n+2){margin-left:10px;}
@media all and (max-width:1400px){
    .dibu-box{padding:0 15px;}
    .dibu-info-item{width:calc((100% - 450px) / 2 );}
}
@media all and (max-width:1200px){
    .dibu-info-item{width:calc(100% - 450px);}
    .dibu-info-item:nth-child(2){display:none;}
}
@media all and (max-width:860px){
    .dibu{padding: 25px 0 15px;margin-top:10px}
    .dibu-info-item{width: 100% !important;}
    .dibu-info-image{padding-bottom:15px;}
    .dibu-info-logo{height:45px}
    .dibu-info-logo>img{margin:0 auto}
    .dibu-info-coder{display:none;}
    .dibu-info-item:nth-child(3) .dibu-info-title{display:none;}
    .dibu-info-lian{margin-top:15px;}
    .dibu-copy-left,.dibu-copy-right{width:100%;text-align: center;line-height:25px;}
    .dibu-copy-right{justify-content: center;}
}
/* 当前位置 */
.wzhi{width:100%;max-width:1400px;height:40px;line-height:40px;margin:0 auto;overflow: hidden;font-size:12px;color:#999;}
.wzhi>a{color:#999}
.wzhi>a:hover{color:#16baaa}
.wzhi>i:after{font-family: "iconfont";margin:0 3px;content:"\e615";font-style: normal;}
@media all and (max-width:1400px){
    .wzhi{padding:0 15px}
}
@media all and (max-width:860px){
    .wzhi{margin-top:50px;}
}
/* 内容分页 */
.page{width:100%;height:auto;overflow: hidden;margin-top:15px;padding:15px;background:#fff;border-radius:2px;}
.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;border-radius:2px;overflow: hidden;}
.page-box>a:hover{background:#ffac00;box-shadow:4px 5px 12px -4px rgba(255,172,0,.5);color:#fff}
.page-box>span{display: block;color:#999;background:#f7f8fa;cursor: not-allowed !important;line-height:36px;padding:0 10px;margin:0 2px;border-radius:2px;overflow: hidden;}
.page-box>span.this{background:#ffac00;box-shadow:4px 5px 12px -4px rgba(255,172,0,.5);color:#fff}
.page-box>em{display: block;line-height:36px;margin-left:5px;font-style: normal;color:#999}
@media all and (max-width:860px){
    .page{margin-top:10px;}
}
@font-face{font-family: 'iconfont';src:url('https://at.alicdn.com/t/c/font_3977701_xs3zzy6eqop.ttf') format('truetype')}
.icon{font-family: iconfont!important;font-size: 14px;font-style: normal;}
.icon-reg:before{content: "\e665";}
.icon-log:before{content: "\e668";}
.icon-tel:before{content: "\e899";}
.icon-map:before{content: "\e629";}
.icon-soso:before{content: "\e671";}
.icon-view:before{content: "\e68c";}
.icon-more:before{content: "\e615";}
.icon-ower:before{content: "\e606";}
.icon-ques:before{content: "\e7a1";}
.icon-answ:before{content: "\e777";}
.icon-dianhua:before{content: "\e65a";}
.icon-kefu:before{content: "\e69c";}
.icon-fanwei:before{content: "\e6d8";}
.icon-zlbz:before{content: "\e69a";}
.icon-sxbz:before{content: "\e676";}
.icon-fwbz:before{content: "\e62d";}
.icon-clbz:before{content: "\e61e";}
.icon-jgbz:before{content: "\e61b";}
.icon-aqbz:before{content: "\e7f3";}