/* 首页幻灯 */
.huan{width:100%;max-width:1400px;height:420px;border-radius:2px;overflow: hidden;margin:0 auto;position: relative;margin-top:15px;}
.huan-image{width:100%;height:100%;overflow: hidden;}
.huan-image img{display: block;width:100%;height:100%;object-fit: cover;}
#side .layui-carousel-ind{top:-20px}
#side .layui-carousel-ind>ul{background-color: rgba(0,0,0,0);}
#side .layui-carousel-ind>ul>li{width:8px;height:8px;border-radius:50%;background:#ddd;transition:all .3s;}
#side .layui-carousel-ind>ul>li.layui-this{width:25px;height:8px;border-radius:3px;background-color:#ffac00;}
.huan-tips{position: absolute;bottom:5px;right:5px;font-size:12px;padding:0 2px;line-height:16px;background:rgba(0,0,0,0.2);color:#fff;border-radius:2px}
@media all and (max-width:1400px){
    .huan{width:100%;height:33vw}
}
@media all and (max-width:860px){
    .huan{margin-top:51px}
    .huan-tips{bottom:3px;right:3px}
}
/* 头部热点 */
.shou{width:100%;max-width:1400px;height:auto;margin:0 auto;display: grid;grid-template-columns:360px 1fr 360px;gap:15px;}
.shou-news{width:100%;padding:15px;background:#fff;overflow: hidden;position: relative;}
.shou-news::after{position: absolute;content:'';top:0;left:0;width:50px;height:50px;background: url(../image/news.png);background-size:100%;}
.shou-news-one{width:100%;}
.shou-news-one-img{width:100%;height:210px;overflow: hidden;border-radius:2px;}
.shou-news-one-bt{width:100%;height:auto;line-height:20px;text-align: center;overflow: hidden;margin-top:10px;font-size:var(--bt-size)}
.shou-news-one-txt{width:100%;line-height:20px;margin-top:10px;overflow: hidden;color:#999;text-align:justify;}
.shou-news-list{width:100%;overflow: hidden;margin-top:15px}
.shou-news-list>li{width:100%;line-height:20px;overflow: hidden;padding:10px 0;border-top: 1px solid rgba(0, 0, 0, 0.03);}
.shou-news-list>li>a{font-size:var(--bt-size)}
.shou-news-list>li>span{float: right;color:#999;margin-left:5px;}
.shou-news-list>li>i{float: left;font-style: normal;color:#16baaa;margin-right:5px}
.shou-side{display: block;width:100%;}
.shou-side-big{display: block;width:100%;height:426px;overflow: hidden;position: relative;border-radius:2px;}
.shou-side-big-txt{position: absolute;padding:15px;background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));width:100%;left:0;bottom:0;overflow: hidden;z-index:1;}
.shou-side-big-txt>p{line-height:20px;text-align: justify;overflow: hidden;color:#fff}
.shou-side-list{width:100%;overflow: hidden;}
.shou-side-list>li{display: block;width:calc(50% - 7.5px);overflow: hidden;height:180px;margin-top:15px;position: relative;border-radius:2px;}
.shou-side-list-bt{position: absolute;width:100%;left:0;bottom:0;padding:0 10px;line-height:35px;overflow: hidden;background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));text-align: center;color:#fff;z-index:1;}
.shou-jian{width:100%;padding:15px;background:#fff;overflow: hidden;}
.shou-jian-bt{width:100%;height:30px;line-height:20px;border-bottom: 1px solid #f7f8fa;}
.shou-jian-bt>b{display: block;height: 30px;line-height: 20px;border-bottom: 1px solid #ffac00;font-size:var(--bt-size)}
.shou-jian-list{width:100%;overflow: hidden;}
.shou-jian-list>li{width:100%;padding:15px 0;overflow: hidden;border-bottom: 1px solid rgba(0, 0, 0, 0.03);}
.shou-jian-image{width:35%;height:85px;overflow: hidden;border-radius:2px;}
.shou-jian-box{width:calc(65% - 10px);display:flex;flex-direction:column;justify-content: space-between;}
.shou-jian-title{width:100%;line-height:20px;overflow: hidden;font-size:var(--bt-size)}
.shou-jian-text{width:100%;line-height:20px;color:#999;overflow: hidden;text-align:justify;}
.shou-jian-desc{width:100%;height:15px;line-height:15px;overflow: hidden;font-size:12px;color:#999}
.shou-jian-desc>span>i{font-size:12px;margin-right:2px}
.shou-jian-cate{width:100%;display: grid;grid-template-columns:repeat(3,1fr); gap:10px;margin-top:15px;}
.shou-jian-cate>li{display: block;width:100%;}
.shou-jian-cate>li>a{display: block;width:100%;padding:0 5px;height:36px;line-height:36px;background:#f7f8fa;text-align: center;border-radius:2px;}
.shou-jian-cate>li>a:hover{background:#ffac00;color:#fff;box-shadow:4px 5px 12px -4px rgba(255,172,0,.5);;}
@media all and (max-width:1200px){
    .shou-news{display:none;}
    .shou{grid-template-columns:1fr 360px}
}
@media all and (max-width:1000px){
    .shou-side-big{height:310px}
    .shou-jian-list>li:last-child{display:none;}
}
@media all and (max-width:860px){
    .shou{grid-template-columns:1fr;gap:0;}
    .shou-news{display:block;}
    .shou-news-list>li{line-height:25px;position: relative;padding-left:15px;}
    .shou-news-list>li::after{position: absolute;content:'';width:5px;height:5px;background:rgba(0, 0, 0,.15);left:0;top:50%;transform: translateY(-50%);}
    .shou-news-list>li>i{display:none;}
    .shou-news-one-img{height:55vw}
    .shou-side{display:none;}
    .shou-jian{margin-top:10px}
    .shou-jian-image{height:90px;}
    .shou-jian-box{width:calc(65% - 10px);}
    .shou-jian-desc{line-height:20px;}
    .shou-jian-cate>li>a{height:40px;line-height:40px;}
}
/* 板块循环 */
.kuai{width:100%;max-width:1400px;height:auto;overflow: hidden;margin:0 auto;}
.kuai-bt{width:100%;height:50px;line-height:50px;align-items: center;}
.kuai-bt>b{display: block;color:#ffac00;font-size:16px;font-weight:normal;}
.kuai-bt>span{display: block;font-size:12px}
.kuai-bt>span>a{float: left;color:#999}
.kuai-bt>span>a:hover{color:#ffac00}
.kuai-bt>span>a>i{font-size:12px}
.kuai-box{width:100%;display: grid;grid-template-columns:380px 1fr 380px;gap:15px;}
.kuai-left{width:100%;background:#fff;padding:15px;border-radius:2px;overflow: hidden;}
.kuai-left-one{width:100%;overflow: hidden;}
.kuai-left-image{width:100%;height:220px;border-radius:2px;overflow: hidden;}
.kuai-left-title{width:100%;line-height:25px;text-align: center;overflow: hidden;margin-top:10px}
.kuai-left-text{width:100%;line-height:20px;color:#999;overflow: hidden;margin-top:10px}
.kuai-left-list{width:100%;display: grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}
.kuai-left-list>li{width:100%;}
.kuai-left-list>li>a{display: block;width:100%;height:117px;border-radius:2px;overflow: hidden;}
.kuai-left-list>li>a>span{position: absolute;width:100%;left:0;bottom:0;padding:0 10px;line-height:35px;overflow: hidden;background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));text-align: center;color:#fff;z-index:1;}
.kuai-center{width:100%;padding:15px;background:#fff;border-radius:2px;overflow: hidden;}
.kuai-center-one{width:100%;overflow: hidden;}
.kuai-center-title{width:100%;height:30px;line-height:30px;font-size:18px;text-align: center;overflow: hidden;}
.kuai-center-title>a{color:#16baaa;font-weight:bold;}
.kuai-center-title>a:hover{color:#ffac00}
.kuai-center-text{width:100%;line-height:20px;color:#999;overflow: hidden;margin-top:5px;}
.kuai-center-list{width:100%;overflow: hidden;margin-top:10px}
.kuai-center-list>li{width:calc(50% - 10px);height:30px;line-height:30px;overflow: hidden;position: relative;padding-left:10px;}
.kuai-center-list>li:after{content:'';position: absolute;width:3px;height:3px;background:rgba(0,0,0,.1);left:0;top:50%;margin-top:-1.5px;}
.kuai-center-list>li>span{float: right;margin-left:5px;color:#999}
.kuai-center-xian{width:100%;height:1px;background:rgba(0, 0, 0, 0.03);overflow: hidden;margin:13px 0}
.kuai-right{width:100%;background:#fff;padding:0 15px;}
.kuai-right-list{width:100%;overflow: hidden;}
.kuai-right-list>li{width:100%;height:auto;overflow: hidden;padding:15px 0}
.kuai-right-list>li:nth-child(n+2){border-top: 1px solid rgba(0, 0, 0, 0.03);}
.kuai-right-list>li:last-child:after{height:0}
.kuai-right-image{width:35%;height:95px;border-radius:2px;overflow: hidden;}
.kuai-right-box{width:calc(65% - 10px);overflow: hidden;}
.kuai-right-title{width:100%;line-height:30px;overflow: hidden;}
.kuai-right-title .icon{color:#ffac00;margin-right:2px}
.kuai-right-text{width:100%;color:#999;padding:10px;background:#f7f8fa;margin-top:5px;border-radius:2px;overflow: hidden;}
.kuai-right-text>p{line-height:20px;overflow: hidden;}
.kuai-right-desc{width:100%;height:20px;line-height:20px;font-size:12px;color:#999;margin-top:10px;overflow: hidden;}
.kuai-right-desc>span{float:left;margin-right:5px;}
.kuai-right-desc>span:last-child{float: right;margin-right:0;}
.kuai-right-desc .icon{font-size:12px;margin-right:2px}
@media all and (max-width:1400px){
    .kuai-bt{padding:0 15px}
}
@media all and (max-width:1200px){
    .kuai-box{grid-template-columns:1fr 380px;}
    .kuai-left{display:none;}
}
@media all and (max-width:860px){
    .kuai-box{grid-template-columns:1fr;gap:10px;}
    .kuai-left{display:block;}
    .kuai-left-image{height:55vw}
    .kuai-left-title{font-size:16px}
    .kuai-left-list>li>a{height:30vw}
    .kuai-center-list>li{width:100%;}
    .kuai-center-list>li:nth-child(n+5){display: none;}
    .kuai-center-list>li>a{font-size:16px;}
    .kuai-right-title{font-size:16px}
    .kuai-right-title>a>i{font-size:16px;}
    .kuai-right-desc{margin-top:5px}
}



/* 分类大全 */
.qian{width:100%;max-width:1400px;margin:0 auto;padding:15px;background:#fff;overflow: hidden;margin-top:15px;border-radius:2px;}
.qian .layui-tabs-header{height:30px;border-bottom: 1px solid rgba(0, 0, 0, 0.03);}
.qian .layui-tabs-header:after{display:none;}
.qian .layui-tabs-header li{height:30px;line-height:20px;padding:0 10px}
.qian .layui-tabs-header li:hover{color: #ffac00;}
.qian .layui-tabs-header .layui-this{border-bottom: 1px solid #ffac00;color:#ffac00;font-weight:bold;}
.qian .layui-tabs-header .layui-this:after{display:none;}
.qian-list{width:100%;display: grid;grid-template-columns:repeat(9,1fr);gap:15px;}
.qian-list>li{width:100%;}
.qian-list>li>a{display: block;width:100%;padding:0 5px;height:40px;line-height:40px;background:#f7f8fa;text-align: center;border-radius:2px;overflow: hidden;}
.qian-list>li>a:hover{background:#ffac00;color:#fff;box-shadow:4px 5px 12px -4px rgba(255,172,0,.5);}
@media all and (max-width:1200px){
    .qian-list{grid-template-columns:repeat(7,1fr);}
}
@media all and (max-width:1000px){
    .qian-list{grid-template-columns:repeat(5,1fr);}
}
@media all and (max-width:860px){
    .qian{margin-top:10px}
    .qian-list{grid-template-columns:repeat(4,1fr);gap:10px;}
    .qian .layui-tabs-header{height:40px;line-height:35px;}
    .qian .layui-tabs-header li{height: 40px;line-height:35px;}
}