.hd-nav{display: flex;justify-content: space-between;align-items: center; float:right;}
.hd-nav li{display: inline-block;vertical-align: middle;position: relative;margin-left: 15px;margin-top:40px;}
.hd-nav li>a{display: block;font-size: 18px;color:#fff;position: relative;}
.hd-nav li.cur>a,.hd-nav li:hover>a{color:#ffcc00; font-weight: bold;}

.hd-nav .drop{margin-top:20px; width: 160px;position: absolute;left: 50%;transform: translate(-50%,0) scaleY(0);visibility: hidden;opacity: 0;transition: all .3s ease 0s;transform-origin: center top;z-index:100;background-color:rgba(0,0,0,0.4);}
.hd-nav .lk{display: block;font-size: 16px;color:#fff;text-align: center;line-height: 24px;border-top:1px solid rgba(255,255,255,.1);padding:8px 5px;}
.hd-nav .lk:hover{font-weight: bold;}
.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: translate(-50%,0) scaleY(1);}
.hd-nav li:hover .drop::before{display: block;}

.hd-nav li.sj-show{display: none;}
.hd-nav2{display: flex;justify-content: space-between;align-items: center; float:right;}
.hd-nav2 li{display: inline-block;vertical-align: middle;position: relative;margin-left: 15px;margin-top:40px;}
.hd-nav2 li>a{display: block;font-size: 18px;color:#333;position: relative;}
.hd-nav2 li.cur2>a,.hd-nav2 li:hover>a{color:#cc0000; font-weight: bold;}

.hd-nav2 .drop2{margin-top:20px; width: 160px;position: absolute;left: 50%;transform: translate(-50%,0) scaleY(0);visibility: hidden;opacity: 0;transition: all .3s ease 0s;transform-origin: center top;z-index:100;background-color:rgba(0,0,0,0.4);}
.hd-nav2 .lk{display: block;font-size: 16px;color:#fff;text-align: center;line-height: 24px;border-top:1px solid rgba(255,255,255,.1);padding:8px 5px;}
.hd-nav2 .lk:hover{font-weight: bold;}
.hd-nav2 li:hover .drop2{opacity: 1;visibility: visible;transform: translate(-50%,0) scaleY(1);}
.hd-nav2 li:hover .drop2::before{display: block;}

.hd-nav2 li.sj-show{display: none;}
.idx-sp{margin-top: 2rem;}
.idx-sp .detail{display: flex;align-items: center;margin-top: 4rem;}
.idx-sp .videobox{width: 53%;height: 800px;position:relative;overflow: hidden;}
.idx-sp .videobox .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.idx-sp .videobox .playicon{width: 30px;height: 30px;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:6;}
.idx-sp .videobox .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.idx-sp .videobox .mask{position:absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:5;background-color:rgba(0,0,0,.1);}
.idx-sp .videobox .video{width: 100%;height: 100%;object-fit: fill;}


.idx-sp .slide{padding:0.5rem 0.4rem;background-color: #fff;width: 47%;position: relative;}
.idx-sp .slide .row{display: flex;flex-wrap: wrap;justify-content: space-between;}
.idx-sp .slide .item{height: 1.85rem;display: block;position: relative;width: 49%;overflow: hidden;}
.idx-sp .slide .mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background:url(http:www.sdwfvc.com/images/idx_37.png) no-repeat center;background-size:cover;}
.idx-sp .slide .title{font-size: 0.18rem;color:#fff;padding:0 0.3rem;position: absolute;width: 100%;left: 0;bottom: 0.12rem;}
.idx-sp .slide .swiper-container{height: 3.8rem;}
.idx-sp .slide .item:hover .img{transform: scale(1.1,1.1);}

.idx-sp .slide .swiper-container{position: static;}
.idx-sp .slide .swiper-button{right:auto;left:50%;margin: 0 0 0 -0.26rem;top:auto;bottom:auto;background-color: #fff;}
.idx-sp .slide .swiper-button-prev{transform: rotate(90deg);top: -0.26rem;}
.idx-sp .slide .swiper-button-next{transform: rotate(-90deg);bottom: -0.26rem;}