* {
    padding: 0;
    margin: 0;
}

/* 导航栏栏所有样式 */
header {
    background-color: rgb(255, 255, 255);
    height: 300px;
    position: fixed;
    left: 0px;
    top: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

h1 {
    color: #000;
    position: fixed;
    line-height: 130px;
    background-image: url(images/logo01.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: 200px;
    background-color: #ffffff;
    width: 100%;
    left: 0px;
    top: 0;
    text-indent: 30px;
    margin-left: 0vw;
}

header ul {
    position: fixed;
    top: 0;
    right: 0;
    padding-top: 60px;
    padding-right: 5vw;
    line-height: 20px
}

header li {
    display: inline-block;
    margin-right: 20px;
}

header a {
    text-decoration: none;
    color: rgb(124, 124, 124);
    line-height: 0px;
    font-size: 14px;
}

header a:hover {
    color: rgb(0, 0, 0);
}

.black {
    color: rgb(0, 0, 0);
}


/* 首页轮播图样式 */

/* 特色项目展示样式*/
.block p {
    width: 1500px;
    height: 80px;
    position: relative;
    align-items: center;
    justify-content: center;
}

.specialworks {
    width: 1920px;
    height: auto;
    display: grid;
    position: relative;
    align-items: center;
    justify-content: center;
}

.SP {
    width: 1500px;
    height: 500px;
    display: flex;
    gap: 30px;
    margin: 0px;
    position: relative;
    justify-content: center;
    margin-top: 0px;
}

.SPWORDS {
    width: 350px;
    height: 500px;
    text-align: right;
    display: none;
}

.SP p {
    padding-top: 30px;
    text-align: left;
}

.SP h4 {
    padding-top: 30px;
    margin-bottom: 50px;
}

.SPVIDEOS01 {
    width: 800px;
    height: 450px;
    background-image: url(images/1W00.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.SPVIDEOS02 {
    width: 800px;
    height: 450px;
    background-image: url(images/2W00.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.SPVIDEOS03 {
    width: 800px;
    height: 450px;
    background-image: url(images/3W00.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.SPVIDEOS04 {
    width: 800px;
    height: 450px;
    background-image: url(images/4W00.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.SP:hover {
    .SPWORDS {
        display: block;
        transition: opacticy 2s ease, visibility 2s ease;
    }
}

.SP:hover {
    .SPWORDS02 {
        display: block;
        transition: opacticy 2s ease, visibility 2s ease;
    }
}

/* 项目展示*/

.xmlb {
    display: flex;
    justify-content: center;
}

.st07 {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 180PX;
    margin-bottom: 30px;
}

.st07 h2 {
    width: 600px;
    height: 400px;
    text-align: right;
    color: #000000;
    display: flex;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.404);
    text-indent: 15px;
    align-items: flex-end;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
}

/* 合作商样式*/
/* 初始：链接中的文字半透明 */
.st07 a h2 {
    opacity: 0;
    /* 替换原来的 .st04 h2 选择器 */
    /* 保留其他样式：width、color、position 等 */
}

/* 悬停：链接中的文字完全显示 */
.st07 a:hover h2 {
    opacity: 1;
}

/* 底部栏所有样式 */
footer {
    background-image: url(images/END.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    width: 100%;
    position: relative;
    PADDING-TOP: 30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 300px;
    border-bottom: #000;
    border-width: 300px;
}

footer img {
    height: 150px;
    padding-bottom: 50px;
}

footer h2 {
    color: #ffffff;
}

footer p {
    color: #c2c1c1;
}

footer a {
    color: #c2c1c1;
    text-decoration: none;
    color: rgb(209, 209, 209);
}

/* 联系我们页面样式 */
section.nianxi {
    height: 700px;
}

.nianxi {
    height: 500x;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.ADDRES {
    width: 400px;
    height: 300px;
    margin-top: 350px;
    color: rgb(78, 78, 78);
    justify-items: left;
    left: 50px;
}

.erweima {
    width: 150px;
    height: 150px;
    margin-top: 316px;
    text-align: center;
}


/* 工作室信息 页面样式 */

.st01 {
    display: flex;
    height: 600px;
    align-items: flex-end;
    gap: 90px;
    justify-content: center;
    top: 600px;
}

.st01text {
    width: 800px;
    text-align: left;
}

.st01 h3 {
    text-align: right;
    margin-bottom: 30px;
    margin-top: 150px;
    font-size: 25px;
    font-weight: normal;
}

.st01 p {

    margin-bottom: 30px;
}

.st01 img {
    width: 600px;
    height: 450px;
}


.st02 {
    display: flex;
    height: 350px;
    align-items: center;
    gap: 25px;
    justify-content: center;
    flex-wrap: nowrap;
    margin-top: 50px;
}

.st02text {
    width: 480px;
    height: 300px;
    background-color: #c0c0c04f;
    border-radius: 10px;
}

.st02 h3 {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 50px;
    font-weight: normal;
}

.st02 p {
    margin-left: 40px;
    margin-right: 40px;
    color: #414141;

}

.st03 {
    display: flex;
    height: 600px;
    align-items: center;
    gap: 90px;
    justify-content: center;
}

.st03 img {
    width: 700px;
    height: 500px;
    border: 1PX solid #414141;
    object-fit: contain;
    border-radius: 10px;
}

.st03 h3 {
    text-align: center;
    font-weight: normal;
    margin-top: 5px;
}


/* 板块1样式照片加文字信息 */

.STUDIO01 {
    height: 900px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 300px;
}

.JIANJIE {
    width: 500px;

}

/* 板块2样式 */




/* 板块3样式 */





/* 项目导览 */
main {
    display: flex;
    justify-content: center;
}

.st04 {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 180PX;
    margin-bottom: 30px;
    width: 1400px;

}

.WORK1 {
    width: 600px;
    height: 400px;
    background-image: url(images/SP01.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none;
}

.WORK2 {
    width: 600px;
    height: 400px;
    background-image: url(images/BCJZ01.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK3 {
    width: 600px;
    height: 400px;
    background-image: url(images/BCSN01.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK4 {
    width: 600px;
    height: 400px;
    background-image: url(images/CFSN01.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK5 {
    width: 600px;
    height: 400px;
    background-image: url(images/NJZXX01.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK6 {
    width: 600px;
    height: 400px;
    background-image: url(images/7W00.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK7 {
    width: 600px;
    height: 400px;
    background-image: url(images/5W00.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK8 {
    width: 600px;
    height: 400px;
    background-image: url(images/8W00.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK9 {
    width: 600px;
    height: 400px;
    background-image: url(images/9W00.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK10 {
    width: 600px;
    height: 400px;
    background-image: url(images/10W00.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK11 {
    width: 600px;
    height: 400px;
    background-image: url(images/11W00.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK12 {
    width: 600px;
    height: 400px;
    background-image: url(images/12W00.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK13 {
    width: 600px;
    height: 400px;
    background-image: url(images/13W00.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK14 {
    width: 600px;
    height: 400px;
    background-image: url(images/14W00.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK15 {
    width: 600px;
    height: 400px;
    background-image: url(images/15W00.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}

.WORK16 {
    width: 600px;
    height: 400px;
    background-image: url(images/16W00.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none
}















.st04 h2 {
    width: 600px;
    height: 400px;
    text-align: right;
    color: #000000;
    display: flex;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.445);
    text-indent: 15px;
    align-items: flex-end;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
}

/* 初始：链接中的文字半透明 */
.st04 a h2 {
    opacity: 0;
    /* 替换原来的 .st04 h2 选择器 */
    /* 保留其他样式：width、color、position 等 */
}

/* 悬停：链接中的文字完全显示 */
.st04 a:hover h2 {
    opacity: 1;
}




/* 单个项目页样式 */


/* 顶部轮播模块  8张图片或一个视频 */


/* 文章栏*/
.WORK00 {
    width: 1200px;
    position: relative;
    margin: auto;

}

.WORK00 img {
    width: 1200px;
}

.WORK00 h2 {
    text-align: right;
    margin-top: 100px;
}

.WORK00 h3 {
    text-align: right;
}

.WORK00 h4 {
    text-align: right;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: normal;
}

.WORK00 p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.back {
    width: 1200px;
    text-align: right;
    text-decoration: none;
    color: #000;
    font-weight: normal;
}