/* 影视拍摄列表页 */
/* 导航 */
.nav-item.active::after{border-color: transparent transparent #000;}

/* 影视拍摄案例列表 */
.film-shooting{width: 100%;padding: 180px 0 76px;background: url(../images/index/video-background.jpg) no-repeat center top fixed;text-align: center;position: relative;z-index: 5;background-color: #000;background-size: cover;}
.film-shooting .film-desc{width: max-content;margin: 0 auto 74px;font-family: 'coolLooseStyle';font-size: 74px;font-weight: 400;color: #d1d1d1;position: relative;line-height: 1.1487;}
.film-desc .desc-en{font-family: 'KaufmannBT';font-size: 30px;text-align: right;padding: 0 15px 22px 0;}
.film-desc::after{position: absolute;content: "”";font-family: 'FounderBigBlack';font-size: 200px;font-weight: 400;top: -10px;margin-left: 5px;}
.film-desc .color{color: #745627;font-family: 'coolLooseStyle';position: relative;}
.color .tagging{position: absolute;width: 25px;height: 25px;border: 4px solid #7d0000;border-radius: 50%;bottom: -8px;z-index: 5;}
.tagging:nth-child(1){left: 42px;}
.tagging:nth-child(2){left: 112px;}
.tagging:nth-child(3){left: 192px;}
.film-shooting .film-title a{font-size: 58px;font-weight: lighter;color: #d1d1d1;line-height: 1.1724;}
.film-title .title-en{font-size: 36px;}
.film-shooting .film-nav{margin-top: 35px;}
.film-nav p{line-height: 30px;font-size: 18px;font-weight: lighter;}
.film-nav p:nth-child(1) a{letter-spacing: 3.5px;}
.film-nav p a{color: #d1d1d1;cursor: auto;}
.film-nav p span{color: #d1d1d1;margin: 0 22px 0 24px;}
.film-shooting .film-list{width: 100%;max-width: 1920px;margin: 70px auto 0;display: flex;flex-wrap: wrap;}
.film-list .film-item{position: relative;width: calc((100% - 2px) / 3);margin-bottom: 1px;margin-right: 1px;}
.film-list .film-item:nth-last-child(1),.film-list .film-item:nth-last-child(2),.film-list .film-item:nth-last-child(3){margin-bottom: 0;}
.film-list .film-item:nth-child(3n){margin-right: 0;}
.film-item a{display: block;width: 100%;overflow: hidden;}
.film-item a .film-mask{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 5;}
.film-item a .film-logo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: opacity .5s;z-index: 15;}
.film-logo img{width: 100%;}
.film-logo p{position: absolute;width: 100%;left: 0;top: 70%;font-size: 18px;line-height: 28px;color: #fff;padding: 0 20px;box-sizing: border-box;}
.film-item a .film-img{position: relative;width: 100%;height: auto;opacity: 0.1;transition: .5s;z-index: 10;mix-blend-mode: luminosity;}
.film-item a .hover-video{position: absolute;width: 100%;top: 0;left: 0;outline: none;display: none;z-index: 20;}
.film-item a:hover .film-logo{opacity: 0;}
.film-item a:hover .film-img{opacity: 0.9;mix-blend-mode: normal;}

/* 我们的标准 */
.standards{width: 100%;background-color: #434343;padding: 180px 0 54px;text-align: center;position: relative;z-index: 5;}
.standards .standards-title{font-size: 58px;font-weight: lighter;color: #d1d1d1;line-height: 1.1724;}
.standards-title .title-en{font-size: 36px;}
.standards .standards-list{width: 100%;max-width: 1920px;margin: 70px auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;overflow: hidden;}
.standards-list .standards-item{width: 50%;margin-bottom: 45px;box-sizing: border-box;height: 387px;}
.standards-list .standards-item:nth-child(2n+1){padding-right: 15px;}
.standards-list .standards-item:nth-child(2n){padding-left: 15px;}
.standards-item .standards-info{width: 305px;height: 100%;background-color: #535353;text-align: center;transition: .5s;}
.standards-item:hover .standards-info{background-color: #313131;}
.standards-info p{font-size: 18px;color: #d1d1d1;line-height: 36px;font-weight: lighter;transition: .5s;text-align: center;}
.standards-info p:nth-child(1){padding: 30px 0 13px;}
.standards-info p:nth-child(1) img{transition: .5s;}
.standards-info p:nth-child(1) img:nth-child(2){display: none;}
.standards-info p:nth-child(2){font-size: 24px;color: #fff;font-weight: bold;line-height: 40px;}
.standards-item:hover .standards-info p:nth-child(1) img:nth-child(1){display: none;}
.standards-item:hover .standards-info p:nth-child(1) img:nth-child(2){display: inline-block;}
.standards-item .standards-video{width: calc(100% - 305px);height: 100%;position: relative;}
.standards-video video{display: block;width: 100%;height: 100%;object-fit: cover;}

/* 可以打动你的服务 */
.good-service{width: 100%;background: url(../images/filmShooting/service-background.jpg) no-repeat center top;padding: 180px 0 177px;text-align: center;background-size: cover;background-attachment: fixed;margin-bottom: -100vh;position: relative;z-index: 5;}
.good-service .service-title{font-size: 58px;font-weight: lighter;color: #d1d1d1;line-height: 1.1724;}
.service-title .title-en{font-size: 36px;}

.good-service .service-list{margin-top: 100px;font-size: 0;}
.service-list .service-item{position: relative;display: inline-block;width: 305px;height: 546px;background-color: #1b1b1b;margin-right: 10px;vertical-align: top;cursor: pointer;transition: .5s;}
.service-item::after{content: '';position: absolute;width: 100%;height: 0;background-color: #ffb400;top: 100%;left: 0;transition: .5s;}
.service-item:hover::after{height: 32px;}
.service-list .service-item:last-child{margin-right: 0;}
.service-item .icon{height: 118px;margin: 55px 0 45px;display: flex;align-items: center;justify-content: center;}
.service-item .icon img{transition: .5s;}
.service-item .icon img:nth-child(2){display: none;}
.service-item:hover .icon img:nth-child(1){display: none;}
.service-item:hover .icon img:nth-child(2){display: inline-block;}
.service-item p{font-size: 18px;color: #d1d1d1;line-height: 36px;font-weight: lighter;}
.service-item p:nth-of-type(1){font-size: 24px;color: #fff;font-weight: bold;line-height: 40px;}
.service-list .service-item:hover{background-color: #313131;transform: translateY(-32px);}