#preloader{display: none;}

/* 导航 */
.nav{display: none;}

/* banner视频 */
.header{width: 100%;height: 100vh;position: relative;z-index: 10;}
.header .header-video{display: block;width: 100%;height: 100%;object-fit: cover;}

/* 影视拍摄 */
/* .film-shooting:nth-child(1){margin-bottom: -100vh;} */
.film-shooting{width: 100%;padding: 180px 0 0;background: #000 url(../images/index/video-background.jpg) no-repeat center top;background-size: cover;background-attachment: fixed;text-align: center;margin-bottom: -100vh;position: relative;z-index: 5;}
.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;position: relative;z-index: 5;}
.film-desc .desc-en{font-family: 'KaufmannBT';font-size: 30px;text-align: right;padding: 0 15px 22px 0;position: relative;z-index: 5;}
.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{display: inline-block;font-size: 58px;font-weight: lighter;color: #d1d1d1;line-height: 1.1724;position: relative;z-index: 5;}
.film-title .title-en{font-size: 36px;}
.film-shooting .film-nav{margin-top: 35px;position: relative;z-index: 5;}
.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;position: relative;z-index: 5;}
.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;}
.film-shooting .more{position: relative;display: block;font-size: 36px;font-weight: lighter;color: #d1d1d1;width: 100%;max-width: 1920px;height: 65px;line-height: 58px;background-color: #7d0000;margin: 0 auto;z-index: 5;}

/* 商业摄影 */
.film-shooting.photography{background-image: none;margin-bottom: 0;background-color: #745627;z-index: 4;}
.photography .film-desc,.photography .film-desc::after,.photography .film-title a,.photography .film-nav p a,.photography .film-nav p span{color: #000;}
.photography .tagging{bottom: -5px;}
.photography .tagging:nth-child(1){left: 38px;}
.photography .tagging:nth-child(2){left: 113px;}
.photography .color{color: #b8b8b8;}
.photography .film-nav p:nth-child(1) a{letter-spacing: 0;}
.photography a:hover .film-img{transform: scale(1.05);}
.photography .photography-container{width: 100%;}
.photography-container .photography-content{position: sticky;position: -webkit-sticky;width: 100%;height: 100vh;top: 0;overflow: hidden;}
.photography-content .photography-video{display: block;margin: 0 auto;width: 100%;}
.photography .film-list{z-index: 4;}

/* 品牌设计 */
.film-shooting.brand-design{background-color: #000;background-image: none;}
.brand-design .tagging{bottom: -13px;}
.brand-design .tagging:nth-child(1){left: 44px;}
.brand-design .tagging:nth-child(2){left: 116px;}
.brand-design .tagging:nth-child(3){left: 190px;}
.brand-design .film-desc,.brand-design .film-desc::after,.brand-design .film-title a,.brand-design .film-nav p a,.brand-design .film-nav p span{color: #b8b8b8;}
.brand-design .film-nav p:nth-child(1) a{letter-spacing: 0;}
.brand-design .film-nav p:nth-child(1) a:nth-of-type(2){letter-spacing: 1.5px;}
.brand-design a:hover .film-img{transform: scale(1.05);}
.brand-design .brand-container{width: 100%;}
.brand-container .brand-content{position: sticky;position: -webkit-sticky;width: 100%;height: 100vh;top: 0;overflow: hidden;}
.brand-content .brand-video{display: block;margin: 0 auto;width: 100%;}
/* .brand-design .brand-container .film-list{margin-top: -300px;} */

/* 网站设计 */
.film-shooting.website-design{background-image: none;background-color: #fff;z-index: 3;}
.website-design .tagging{bottom: -7px;}
.website-design .tagging:nth-child(1){left: 40px;}
.website-design .film-desc,.website-design .film-desc::after,.website-design .film-title a,.website-design .film-nav p a,.website-design .film-nav p span{color: #000;}
.website-design .film-nav p:nth-child(1) a{letter-spacing: 0;}
.website-design .film-nav p:nth-child(2) a:nth-child(1){letter-spacing: 1.1px;}
.website-design .website-container{width: 100%;}
.website-container .website-content{position: sticky;position: -webkit-sticky;width: 100%;height: 100vh;top: 0;overflow: hidden;}
.website-content .website-video{display: block;margin: 0 auto;width: 100%;}
.website-design .film-list{z-index: 3;overflow: hidden;margin-top: 0;padding-top: 70px;}
.website-design .film-item{width: calc((100% - 40px) / 3);margin-bottom: 33px !important;border: 1px solid #5f3f16;box-sizing: border-box;transition: .5s;margin-right: 20px;}
.website-design .film-item:hover{transform: translateY(-20px);}
.website-design .film-item:nth-child(4){display: none;}
.website-design .film-item .website-info{position: absolute;width: 100%;bottom: 0;left: 0;background-color: rgba(0,0,0,0.9);z-index: 15;display: none;padding-bottom: 10px;}
.website-info img:nth-child(1){max-width: 100%;}
.website-info h2.customer-name{display: none;}
.website-info p{width: 100%;font-size: 18px;color: #fefefe;font-weight: lighter;line-height: 28px;padding: 0 20px;box-sizing: border-box;text-align: center;}
.website-info p:nth-of-type(1){position: absolute;top: 57%;left: 0;}
.website-info p:nth-of-type(2){position: absolute;top: 81%;left: 0;}
.website-info p:nth-of-type(2) img{margin-right: 6px;vertical-align: bottom;}
.website-design .film-item a .film-img{opacity: 1;mix-blend-mode: normal;}
/* .website-design a:hover .website-info{bottom: 0;opacity: 1;visibility: visible;} */
.film-item .website-shadow{position: absolute;width: 100%;top: calc(100% - 22px);left: 0;z-index: 8;opacity: 0;transition: .5s;}
.film-item:hover .website-shadow{opacity: 1;}
.website-design .more{color: #fff;}