/* 网站设计列表页 */
  /* 网站设计案例列表 */
.film-shooting{width: 100%;padding: 180px 0 0;background-color: #fff;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: #626161;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: -7px;z-index: 5;}
.website-design .tagging:nth-child(1){left: 40px;}
.website-design .tagging:nth-child(2){left: 112px;}
.film-shooting .film-title a{font-size: 58px;font-weight: lighter;color: #626161;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 a{color: #626161;cursor: auto;}
.website-design .film-nav p:nth-child(2) a:nth-child(1){letter-spacing: 1.1px;}
.film-nav p span{color: #626161;margin: 0 22px 0 24px;}

.film-shooting .film-list{width: 100%;max-width: 1920px;margin: 0 auto;display: flex;flex-wrap: wrap;position: relative;z-index: 6;overflow: hidden;padding-top: 70px;}
.film-list .film-item{position: relative;width: calc((100% - 40px) / 3);margin-bottom: 49px;border: 1px solid #5f3f16;box-sizing: border-box;transition: .5s;margin-right: 20px;}
.film-list .film-item:nth-child(3n){margin-right: 0;}
.film-item a{display: block;width: 100%;overflow: hidden;}
.website-design .film-item:hover{transform: translateY(-20px);}
.website-design .film-item .website-info{position: absolute;width: 100%;bottom: 0;left: 0;background-color: #000;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{position: relative;width: 100%;height: auto;transition: .5s;z-index: 10;}
/* .website-design .film-item a:hover .website-info{display: block;} */ 
.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 .website-container{width: 100%;position: relative;padding-bottom: 33px;}
.website-container .website-video{position: absolute;width: 100%;left: 0;bottom: 0;}