/* 产品详情 */
.box{width:100%;max-width:1400px;margin:0 auto 50px;overflow: hidden;}
.box-left{float: right;width:calc(100% - 330px);padding-left:30px;border-left: 1px solid rgba(0, 0, 0, .05);}
.box-right{float:left;width:300px;}
.cate{width:100%;height:auto;overflow: hidden;}
.cate:nth-child(n+2){margin-top:20px}
.cate-bt{width: 100%;height:50px;line-height:50px;background:rgba(0, 0, 0, .03);padding:0 10px;font-weight:bold;}
.cate-list{width:100%;overflow: hidden;margin-top:10px;}
.cate-list li{height:50px;width:100%;border-bottom: 1px dashed #ddd;}
.cate-list li a{display: block;width:100%;line-height:50px;height:50px;overflow: hidden;padding-left:10px;color:#666}
.cate-list li a:hover{background: #1c347d;color:#fff;}
.cate-list li.this a{color:#1c347d}
.cate-list li.this a:hover{color:#fff}
.cuss{width:100%;}
.cuss-side{width:100%;}
.cuss-side-box{width:360px;height:424px;overflow: hidden;}
.cuss-side-info{width:calc(100% - 380px);overflow: hidden;}
.cuss-side-info h1{width:100%;overflow: hidden;font-size:36px;padding-bottom:20px;border-bottom:1px solid rgba(0, 0, 0, .05);}
.cuss-side-list{width:100%;overflow: hidden;margin:20px 0;}
.cuss-side-list li{width:100%;line-height:20px;margin-top:10px;}
.cuss-side-list li span{font-weight:600;}
.cuss-side-more{width:100%;overflow: hidden;padding-top:20px;border-top:1px solid rgba(0, 0, 0, .05);}
.cuss-side-tel{width:100%;font-size:16px;font-weight:bold;}
.cuss-side-tel i{font-style: normal;color:#1c347d}
.cuss-side-line{margin-top:20px;}
.cuss-side-line a{display: block;width:auto;height:50px;overflow: hidden;text-align: center;line-height:50px;border:1px solid #1c347d;color:#1c347d}
.cuss-side-line a:hover{background:#1c347d;color:#fff}
.cuss-side-box .cussside2{width: 100%;height:350px;overflow: hidden;}
.cuss-side-box .cussside2 .swiper-slide img{display: block;width:100%;height:100%;object-fit: cover;cursor:pointer;}
.cuss-side-box .cussside1{width: 100%;height:64px;margin-top:10px;overflow: hidden;}
.cuss-side-box .cussside1 .swiper-slide{overflow: hidden;cursor:pointer;border: 1px solid #fff;}
.cuss-side-box .cussside1 .swiper-slide img{display: block;width:100%;height:100%;object-fit: cover;}
.cuss-side-box .cussside1 .swiper-slide-thumb-active{border: 1px solid #1c347d;}
.cuss-side-box .swiper-button-next:after,.cuss-side-box .swiper-button-prev:after{font-size:36px;color:rgba(255,255,255,0.8);transition:all .3s;}
.cuss-side-box .swiper-button-next:hover:after,.cuss-side-box .swiper-button-prev:hover:after{color:rgba(255,255,255,1)}
.cuss-box{width:100%;margin-top:30px;overflow: hidden;}
.cuss-bt{width:100%;height:50px;background: rgba(0, 0, 0, .03);}
.cuss-bt b{float: left;padding:0 15px;line-height:50px;background:#1c347d;color:#fff}
.cuss-table{width:100%;margin-top:15px;justify-content:flex-start;align-items: stretch;text-align: center;border: 1px solid rgba(0, 0, 0, .05)}
.cuss-table li{width:15%;border: 1px solid rgba(0, 0, 0, .05);align-items: center;line-height:20px;padding:10px;color:#666;}
.cuss-table li:nth-child(2n){width:35%;text-align: left;color:#333}
.cuss-table li span{display: block;width:100%;}
.cuss-play{width:100%;margin-top:15px;height:580px;}
.cuss-body{width:100%;overflow: hidden;}
.cuss-body p{width:100%;margin-top:15px;font-size:16px;line-height:1.6;text-indent:2em;}
.cuss-list{width:100%;justify-content:flex-start}
.cuss-list li{width:calc(25% - 11.25px);overflow: hidden;margin-top:15px;margin-right:15px}
.cuss-list li:nth-child(4n){margin-right:0}
.cuss-list li a{display: block;background:#fff;}
.cuss-list-image{width:100%;height:248px;overflow: hidden;}
.cuss-list-title{width:100%;padding:15px 10px;line-height:20px;text-align: center;overflow: hidden;}
@media all and (max-width:1400px){
    .box{max-width:100%;padding:0 10px}
    .cuss-play{height:38.37vw}
    .cuss-list-image{height:16vw}
}
@media all and (max-width:1200px){
    .box-left{width:calc(100% - 265px);padding-left:15px;}
    .box-right{width:250px;}
    .cuss-play{height:40.6vw}
    .cuss-table li{width:30%;}
    .cuss-table li:nth-child(2n){width:70%;}
    .cuss-list li{width:calc(33.333333% - 10px);}
    .cuss-list li:nth-child(4n){margin-right:15px}
    .cuss-list li:nth-child(3n){margin-right:0px}
    .cuss-list-image{height:23vw}
    .cuss-list li:nth-child(n+7){display:none;}
}
@media all and (max-width:1000px){
    .cuss-side-box{width:100%;height:auto}
    .cuss-side-box .cussside2{height:calc(100vw - 316px)}
    .cuss-side-box .cussside1{height:calc(20vw - 70px)}
    .cuss-side-info{width:100%;margin-top:20px;}
    .cuss-side-info h1{padding-bottom:15px;font-size:30px;}
    .cuss-side-list{margin:10px 0 15px;}
}
@media all and (max-width:860px){
    .cate{margin-top:15px;}
    .cate-bt{height:45px;line-height:45px;}
    .cate-list li a{height:45px;line-height:45px;}
    .box-left{float: none;width:100%;padding-left:0;border:0;}
    .box-right{float: none;width:100%;}
    .cuss-bt{height:45px;}
    .cuss-bt b{line-height:45px;}
    .cuss-box{margin-top:20px}
    .cuss-list li{width:calc(50% - 7.5px);}
    .cuss-list li:nth-child(3n){margin-right:15px}
    .cuss-list li:nth-child(2n){margin-right:0}
    .cuss-list-image{height:40vw}
    .cuss-list li:nth-child(n+7){display:block;}
    .cuss-play{height:55vw}
    .cuss-side-box{width:100%;height:auto}
    .cuss-side-box .cussside2{height:calc(100vw - 20px)}
    .cuss-side-box .cussside1{height:calc(20vw - 12px)}
    .cuss-side-info h1{padding-bottom:15px;font-size:24px;}
}

.list{width:100%;max-width:1400px;margin:0 auto;overflow: hidden;}
.list-info{width:100%;overflow: hidden;margin-top:30px;}
.list-info h1{font-size:36px;}
.list-info-text{width:100%;overflow: hidden;padding-bottom:20px;border-bottom: 1px solid rgba(0, 0, 0, .05)}
.list-info-text p{font-size:16px;line-height:1.6;margin-top:15px;text-indent: 2em;}
.list-info-box{width:100%;overflow: hidden;padding-bottom:20px;border-bottom: 1px solid rgba(0, 0, 0, .05)}
.list-info-body{width:49%;overflow: hidden;}
.list-info-body p{font-size:16px;line-height:1.6;margin-top:15px;text-indent: 2em;}
.list-info-video{width:48%;overflow: hidden;margin-top:15px;}
.list-info-play{width:100%;height:380px;overflow: hidden;}
.list-info-image{width:100%;margin-top:20px;justify-content:flex-start}
.list-info-image li{width:calc(25% - 15px);height:375px;margin-right:20px;overflow: hidden;}
.list-info-image li:nth-child(4n){margin-right:0}
.list-info-list{width:100%;height:auto;margin-top:10px;overflow: hidden;}
.list-info-list li{float: left;margin-right:10px;margin-top:10px;}
.list-info-list li a{display: block;padding:0 15px;line-height:38px;border: 1px solid #1c347d;color:#1c347d;}
.list-info-list li a:hover,.list-info-list li.this a{background:#1c347d;color:#fff}
.list-hot{width:100%;height:auto;margin:50px 0;overflow: hidden;}
.list-hot-bt{width:100%;text-align: center;font-size:36px;font-weight:600;}
.list-hot-xian{width:50px;height:5px;margin:15px auto 0;background: #1c347d;}
.list-hot-list{width:100%;overflow: hidden;justify-content:flex-start}
.list-hot-list li{width:calc(25% - 15px);height:335px;margin-right:20px;margin-top:20px;overflow: hidden;position: relative;}
.list-hot-list li:nth-child(4n){margin-right:0}
.list-hot-image{width:100%;height:100%;overflow: hidden;background: #fff;}
.list-hot-image img{display: block;width:100%;height:100%;object-fit: cover;}
.list-hot-title{position: absolute;left:15px;top:15px;max-width:calc(100% - 30px);}
.list-hot-title a{display: block;padding:10px;background:rgba(255,255,255,0.8);}
.list-hot-title a:hover{background:rgba(255,255,255,1);}
.list-hot-more{position:absolute;bottom:15px;right:15px}
.list-hot-more a{display: block;padding:0 10px;line-height:36px;border: 1px solid #fff;color:#fff;background:rgba(28,52,125,.8);font-size:12px;}
.list-hot-more a .icon{font-size:12px;margin-right:2px;}
.list-hot-more a:hover{background:rgba(28,52,125,1)}
.list-list{width:100%;justify-content: flex-start;}
.list-list li{width:calc(50% - 10px);padding:20px;background: #fff;overflow: hidden;margin-right:20px;margin-top:20px}
.list-list li:nth-child(2n){margin-right:0}
.list-list-image{width:40%;height:264px;overflow: hidden;}
.list-list-box{width:calc(60% - 20px);overflow: hidden;position: relative;}
.list-list-title{width: 100%;font-size:20px;line-height:1.5;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.list-list-text{width: 100%;margin-top:15px;line-height:1.5;color:#666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.list-list-more{position: absolute;bottom:0;right:0}
.list-list-more a{display: block;padding:0 10px;border: 1px solid #1c347d;line-height:36px;color:#1c347d}
.list-list-more a:hover{color:#fff;background: #1c347d;}
@media all and (max-width:1400px){
    .list{max-width:100%;padding:0 10px}
    .list-info-image li{height:23vw}
    .list-hot-list li{height:calc(25vw - 20px)}
    .list-info-play{height:26vw}
    .list-list-image{height:17.5vw}

}
@media all and (max-width:1200px){
    .list-list-text{-webkit-line-clamp:2;}
}
@media all and (max-width:1000px){
    .list-hot-list li{width:calc(33.333333% - 10px);height:calc(33.333333vw - 16.666667px);margin-right:15px;margin-top:15px}
    .list-hot-list li:nth-child(4n){margin-right:15px}
    .list-hot-list li:nth-child(3n){margin-right:0}
    .list-hot-list li:nth-child(n+7){display:none;}
    .list-info-body{width:100%;}
    .list-info-video{width:100%;}
    .list-info-play{height:55vw}
    .list-list{margin-top:10px}
    .list-list li{width:calc(50% - 5px);margin-top:10px;margin-right:10px}
}
@media all and (max-width:860px){
    .list-info{margin-top:0}
    .list-info h1{font-size:24px;}
    .list-info-text p{text-indent: 0;}
    .list-info-body p{text-indent: 0;}
    .list-info-image{margin-top:15px}
    .list-info-image li{width:calc(50% - 5px);height:calc(50vw - 15px);margin-right:10px}
    .list-info-image li:nth-child(4n){margin-right:10px}
    .list-info-image li:nth-child(2n){margin-right:0}
    .list-info-image li:nth-child(n+3){margin-top:10px}
    .list-info-list li a{font-size:12px;padding:0 10px}
    .list-info-list li .icon{font-size:12px;}
    .list-hot{margin:30px 0}
    .list-hot-bt{font-size:24px;}
    .list-hot-xian{height:3px}
    .list-hot-list li{width:calc(50% - 7.5px);height:calc(50vw - 17.5px);margin-right:15px;}
    .list-hot-list li:nth-child(3n){margin-right:15px}
    .list-hot-list li:nth-child(2n){margin-right:0}
    .list-hot-title{left:5px;top:5px;max-width:calc(100% - 10px);}
    .list-hot-title a{padding:5px;font-size:12px}
    .list-hot-more{bottom:5px;right:5px}
    .list-hot-more a{padding:0 5px;line-height:30px;}
    .list-list li{width:100%;margin-right:0;padding:10px}
    .list-list-image{width:42%;height:37.5vw}
    .list-list-box{width:calc(58% - 10px);}
    .list-list-title{font-size:16px;}
    .list-list-text{margin-top:5px;}
    .list-list-more a{line-height:30px;font-size:12px;padding:0 5px}
}