@charset "utf-8";
/* CSS Document */
.bg-black{background-color:#383838;}
.video-container{position:relative;}
.video-nav{margin-left:20px;}
.video-bg{position:absolute;bottom:-56px;width:100%;}
.font-title{font-family:"Times New Roman", Times, serif;font-size:36px;font-weight:bolder;}
.font-title span{color:#d00010;}
.pro{border:1px solid #E9E9E9;}
.pro-bg{width:100%;background-color:#FFF;border-radius:0 25px 25px 25px;overflow:hidden;position:relative;}
.new-hot{width:78%;float:left;}
.new-list{width:19%;float:right;}
.new-hot-img{width:60%;float:left;margin-right:3%;}
.new-list-title{font-family:"Times New Roman", Times, serif;font-size:12px; }
.corner-triangle {
            position: absolute; /* 绝对定位 */
            top: 0;
            left: 0;
            width: 0;
            height: 0;
            /* 使用border创建三角形效果 */
            border-top: 50px solid #ff4444;
            border-right: 50px solid transparent;
        }
        
        /* 可选：添加图标在三角形内 */
        .triangle-icon {
            position: absolute;
            top: 22px;
            left: 1px;
            color: white;
            font-size: 14px;
            transform: rotate(-45deg); /* 旋转图标以适应三角形 */
            transform-origin: top left;
        }

@layer utilities {
.shadow {
    position: relative;
}

.shadow:before,
.shadow:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 14px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #fff;
    box-shadow: 0 15px 10px #000;
    transform: rotate(-3deg);
}

.shadow:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
}