@media screen and (min-width: 1281px) and (max-width: 1536px) {
  /* 首页 */
  .photography .film-desc::after{left: 99%;margin-left: 0;}

  .website-info p:nth-of-type(1){top: 53%;}
  .film-item .website-shadow{top: calc(100% - 18px);}

  .dynamic-list .dynamic-item{width: 292px;}

  /* 影视拍摄列表页 */
  .standards .standards-list{display: block;}
  .standards-list .standards-item{margin: 0 auto 45px;width: 945px;padding: 0 !important;}

  /* 影视拍摄详情页 */
  
  /* 商业摄影列表页 */

  /* 商业摄影详情页 */

  /* 平面设计列表页 */

  /* 平面设计详情页 */

  /* 网站设计列表页 */

  /* 网站设计详情页 */

  /* 动态列表页 */
  .dynamic .dynamic-nav{width: 1200px;}
  .dynamic-content .dynamic-list{width: 1198px;}

  /* 动态详情页 */
  .dynamic-detail .dynamic-list{width: 1198px;}

  /* 关于我们 - 公司介绍 */
  .about-us .about-us-nav{width: 1200px;}

  /* 关于我们 - 公司地址 */

}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  /* 首页 */
  .nav .nav-container{width: 100%;padding: 0 10px;box-sizing: border-box;}
  .nav-item span{margin: 0 14px;}

  .film-shooting .film-desc{font-size: 54px;}
  .film-desc .desc-en{font-size: 26px;}
  .color .tagging{width: 20px;height: 20px;border-width: 3px;}
  .tagging:nth-child(1){left: 26px;}
  .tagging:nth-child(2){left: 82px;}
  .tagging:nth-child(3){left: 140px;}
  .film-shooting .film-title a{font-size: 48px;}
  .film-title .title-en{font-size: 30px;}
  .film-nav p{font-size: 16px;line-height: 28px;}
  .film-logo p{font-size: 16px;line-height: 22px;}

  .photography .film-desc::after{left: 99%;margin-left: 0;}
  .photography .tagging:nth-child(1){left: 28px;}
  .photography .tagging:nth-child(2){left: 78px;}
  .photography-content .photography-video{position: absolute;top: 50%;transform: translateY(-50%);}

  .brand-design .tagging:nth-child(1){left: 30px;}
  .brand-design .tagging:nth-child(2){left: 80px;}
  .brand-design .tagging:nth-child(3){left: 135px;}

  .website-design .tagging:nth-child(1){left: 28px;}
  .website-design .tagging:nth-child(2){left: 80px;}
  .website-info{padding-bottom: 30px !important;}
  .website-info p{padding: 0 10px;font-size: 16px;line-height: 22px;}
  .website-info p:nth-of-type(1){top: 50%;}
  .website-info p:nth-of-type(2){top: 79%;}

  .dynamic-list .dynamic-item{width: 238px;}
  .dynamic-info .dynamic-title{font-size: 16px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .dynamic-info .dynamic-tex{font-size: 14px;line-height: 20px;}
  .dynamic-info .dynamic-time{font-size: 14px;line-height: 26px;}

  /* 影视拍摄列表页 */
  .standards .standards-list{display: block;}
  .standards-list .standards-item{margin: 0 auto 45px;width: 945px;padding: 0 !important;}

  .good-service{padding-bottom: 290px;}
  .good-service .service-list{width: 620px;margin: 70px auto 0;}
  .service-list .service-item{margin-bottom: 50px;}
  .service-list .service-item:nth-child(2n){margin-right: 0;}

  /* 影视拍摄详情页 */
  .header-info .film-desc .desc-en{font-size: 22px;}
  .color .tagging{bottom: -8px;}
  .calendar{right: calc((100% - 900px) / 2 + 952px);}

  /* 商业摄影列表页 */

  /* 商业摄影详情页 */
  .photography-detail .tagging:nth-child(1){left: 18px;}

  /* 平面设计列表页 */

  /* 平面设计详情页 */
  .brand-design-detail .tagging:nth-child(1){left: 12px;}
  .brand-design-detail .tagging:nth-child(3){left: 123px;}

  /* 网站设计列表页 */

  /* 网站设计详情页 */

  /* 动态列表页 */
  .dynamic .dynamic-nav{width: 985px;}
  .dynamic-nav .dynamic-nav-item{margin-right: 85px;}
  .dynamic-content .dynamic-list{width: 982px;}

  /* 动态详情页 */
  .dynamic-detail .dynamic-list{width: 982px;}

  /* 关于我们 - 公司介绍 */
  .about-us .about-us-nav{width: 985px;}

  /* 关于我们 - 公司地址 */

}

@media screen and (max-width: 1145px) {
  .film-detail .calendar{position: fixed !important;top: auto !important;bottom: 0;right: 10px;left: 10px;font-size: 0;text-align: center;}
  .calendar .date-item{display: inline-block;width: 60px;height: 57px;padding-top: 30px;margin-bottom: 0;font-size: 16px;background-size: 60px 57px;}

  .website-design-detail .film-detail .calendar{display: none !important;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* 首页 */
  .nav{height: 90px;line-height: 90px;}
  .nav .nav-container{width: 710px;}
  .nav-container .logo{line-height: inherit;}
  .logo a img{width: 300px;}
  .nav-container .nav-list{float: none;position: fixed;width: 100%;height: 100vh;top: 0;left: 0;padding-top: 118px;box-sizing: border-box;background-color: rgba(0,0,0,0.9);display: none;}
  .nav-list .nav-item{float: none;line-height: 56px;text-align: center;border-bottom: 1px solid #552121;width: 62%;margin: 0 auto;}
  .nav-item img{display: inline-block;width: 30px;height: 30px;margin-right: 10px;}
  .nav-item a{font-size: 18px;}
  .nav-item span{margin: 0 0 0 14px;display: none;}
  .nav-item.active::after{opacity: 0;visibility: hidden;}
  .nav-container .menu{display: block;right: 10px;}

  .film-shooting .film-desc{font-size: 42px;overflow: hidden;width: 100%;text-align: center;box-sizing: border-box;padding: 0 10px 50px;margin-bottom: 0;}
  .film-desc::after{margin-left: 0;font-size: 136px;top: -8px;}
  .film-desc .desc-en{font-size: 22px;padding: 0 0 10px 58px;text-align: center;}
  .color .tagging{width: 16px;height: 16px;border-width: 2px;bottom: -7px;}
  .tagging:nth-child(1){left: 22px;}
  .tagging:nth-child(2){left: 64px;}
  .tagging:nth-child(3){left: 108px;}
  .film-shooting .film-title a{font-size: 40px;}
  .film-title .title-en{font-size: 26px;}
  .film-shooting .film-nav{margin-top: 20px;}
  .film-nav p{font-size: 14px;line-height: 26px;}
  .film-nav p:nth-child(1) a{letter-spacing: 2.8px;}
  .film-nav p span{margin: 0 15px;}
  .film-shooting .film-list{margin-top: 26px;overflow: hidden;}
  .film-list .film-item{transition: .5s;}
  .film-logo p{top: 64%;font-size: 12px;line-height: 18px;padding: 0 10px;}
  .film-shooting .more{font-size: 22px;height: 45px;line-height: 45px;}

  .photography .color .tagging{bottom: -5px;}
  .photography .tagging:nth-child(1){left: 22px;}
  .photography .tagging:nth-child(2){left: 63px;}
  .photography-content .photography-video{height: 100%;object-fit: cover;}

  .brand-design .film-desc .desc-en{padding-left: 122px;}
  .brand-design .tagging{bottom: -9px;}
  .brand-design .tagging:nth-child(1){left: 24px;}
  .brand-design .tagging:nth-child(2){left: 66px;}
  .brand-design .tagging:nth-child(3){left: 107px;}
  .brand-design .film-nav p:nth-child(1) a:nth-of-type(2){letter-spacing: 1.1px;}
  .brand-design .brand-container{position: relative;padding-top: 26px;}
  .brand-container .brand-content{position: absolute;top: auto;bottom: 0;height: 100%;}
  .brand-content .brand-video{position: absolute;height: 100%;object-fit: cover;bottom: 0;}
  .brand-design .film-list{margin-top: 0 !important;}

  .website-design .film-desc .desc-en{padding-left: 225px;}
  .website-design .color .tagging{bottom: -5px;}
  .website-design .tagging:nth-child(1){left: 22px;}
  .website-design .tagging:nth-child(2){left: 62px;}
  .website-design .film-list{padding-top: 26px;margin-top: 0;}
  .website-design .film-item{margin-bottom: 10px !important;width: calc((100% - 2px) / 3);margin-right: 1px;}
  .website-design .film-item:hover{transform: translateY(0);}
  .website-info{padding-bottom: 20px !important;}
  .website-info p{padding: 0 10px;font-size: 12px;line-height: 18px;}
  .website-info p:nth-of-type(1){top: 50%;}
  .website-info p:nth-of-type(2) img:nth-child(1){width: 34px;}
  .website-info p:nth-of-type(2) img:nth-child(2){width: 12px;}
  .website-info p:nth-of-type(2) img:nth-child(3){width: 7px;}
  .film-item .website-shadow{top: calc(100% - 6px);opacity: 1;}

  .rest .dynamic{padding: 50px 0 35px;}
  .dynamic .dynamic-zh a{font-size: 40px;}
  .dynamic-zh .dynamic-en{font-size: 26px;}
  .dynamic .dynamic-list{width: 750px;margin: 26px auto 0;overflow: hidden;padding-bottom: 30px;text-align: left;}
  .dynamic-list .dynamic-item{margin: 0 0 15px 15px;}
  .dynamic-list .dynamic-item:nth-last-child(1),.dynamic-list .dynamic-item:nth-last-child(2){margin-bottom: 0;}
  .dynamic-item:hover{transform: translate(0,0);}
  .dynamic-item .dynamic-shadow{opacity: 1;}
  .dynamic .more{font-size: 22px;margin-top: 0;}

  .rest-content .rest-video{height: 100%;object-fit: cover;position: absolute;top: 40%;}
  .rest .attitude{margin-top: 180px;}
  .attitude .attitude-img{max-width: 750px;}
  .attitude .attitude-tex{width: 750px;font-size: 16px;line-height: 28px;}
  .attitude .attitude-tex:nth-of-type(2){padding-bottom: 50px;}

  .rest .quote{display: none;opacity: 0;}
  .quote .quote-container{width: 750px;padding-bottom: 0;}
  .quote-container .quote-container-left{width: 100%;float: none;}
  .quote-container .quote-container-right{width: 100%;float: none;padding-bottom: 332px;overflow: hidden;}
  .quote-container-right::before{bottom: 308px;left: auto;right: 155px;}
  .quote-container-right::after{bottom: 284px;left: auto;right: 155px;}
  .quote-container-right .right-content{width: 270px;float: right;}

  /* .footer{padding-bottom: 20px;} */
  .footer-link .link-item{margin-right: 40px;}
  .link-item p::after{right: -20px;}
  .footer .footer-content{width: 750px;}
  .footer-content .left{margin-right: 76px;}
  .contact-info{display: block;}

  /* 影视拍摄列表页 */
  .film-shooting{padding-top: 173px;padding-bottom: 0;background-position: -125px 110px;}

  .standards{padding: 50px 0 0;}
  .standards .standards-title{font-size: 40px;}
  .standards-title .title-en{font-size: 26px;}
  .standards .standards-list{display: block;margin-top: 26px;}
  .standards-list .standards-item{margin: 0 auto;width: 750px;height: 340px;}
  .standards-list .standards-item:nth-child(2n+1){padding-right: 0;}
  .standards-list .standards-item:nth-child(2n){padding-left: 0;}
  .standards-info p{font-size: 16px;line-height: 28px;}
  .standards-info p:nth-child(1){padding-bottom: 20px;}
  .standards-info p:nth-child(2){font-size: 18px;line-height: 34px;}
  .standards-item .standards-video{background-color: #535353;transition: .5s;}
  .standards-item:hover .standards-video{background-color: #313131;}
  .standards-video video{object-fit: contain;}

  .good-service{padding: 50px 0 80px;}
  .good-service .service-title{font-size: 40px;}
  .service-title .title-en{font-size: 26px;}
  .good-service .service-list{width: 620px;margin: 26px auto 0;}
  .service-list .service-item{margin-bottom: 10px;height: 500px;}
  .service-list .service-item:hover{transform: translateY(0);}
  .service-list .service-item:nth-child(2n){margin-right: 0;}
  .service-item::after{top: auto;bottom: 0;}
  .service-item p:nth-of-type(1){font-size: 18px;line-height: 34px;}
  .service-item p{font-size: 16px;line-height: 28px;}

  /* 影视拍摄详情页 */
  .header .header-info{padding-top: 173px;}
  .header-info .film-desc{font-size: 42px;margin-bottom: 50px;}
  .header-info .film-desc::after{left: auto;font-size: 145px;}
  .header-info .tagging:nth-child(1){left: 23px;}
  .header-info .tagging:nth-child(3){left: 109px;}
  .header-info .current-location{width: 750px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

  .header .header-content{margin-top: -347px;}
  .header-content::before{height: 347px;}
  .header-content .header-video{width: 750px;margin-top: 0;}
  .header-content .flow{width: 750px;margin-bottom: 15px;}
  .flow div{font-size: 16px;}
  .flow .share{display: none;}
  .flow .consultation-price{height: 28px;line-height: 28px;}

  .film-detail{padding-top: 42px;}
  .film-detail .film-detail-content{width: 750px;}
  .film-detail-content p{font-size: 16px;line-height: 28px;font-weight: normal;}
  .film-detail-content p.mb-60{margin-bottom: 28px;}
  .film-detail-content p.mb-18{margin-bottom: 6px;}
  .film-detail-content p.mb-15{margin-bottom: 6px;}
  .film-detail-content p.img{margin-bottom: 28px;}
  .film-detail-content p.img:last-child{margin-bottom: 0;}

  .film-detail .related-services{margin-top: 50px;}
  .related-services .related-services-title{font-size: 40px;}
  .related-services-title .title-en{font-size: 26px;}
  .related-services .related-services-list{margin-top: 26px;overflow: hidden;}
  .related-services-list .related-services-item{transition: .5s;}
  .related-services-item .item-name{position: relative;height: 45px;line-height: 45px;z-index: 50;font-size: 16px;}
  .other-page p{width: 750px;padding-left: 275px;font-size: 16px;line-height: 28px;}

  .recommend{padding-top: 50px;}
  .recommend-content .recommend-video{height: 100%;object-fit: cover;}
  .recommend .recommend-title{font-size: 40px;}
  .recommend-title .title-en{font-size: 26px;}
  .recommend .recommend-list{padding-top: 26px;}
  .recommend .more{height: 45px;line-height: 45px;font-size: 22px;}

  /* 商业摄影列表页 */
  .photography-standards .standards-item .standards-video{background-color: #f8e1bd;}
  .photography-standards .standards-item:hover .standards-video{background-color: #745627;}

  /* 商业摄影详情页 */
  .photography-detail .header-info .film-desc::after{left: 99%;}
  .photography-detail .color .tagging:nth-child(1){left: 14px;}
  .photography-detail .color .tagging:nth-child(2){left: 58px;}
  .header-video img{height: 350px;object-fit: cover;}
  .film-detail .flow{width: 750px;margin-top: 16px;font-size: 0;line-height: 28px;}
  .film-detail .flow img{display: none;}
  .film-detail .flow span{font-size: 16px;display: inline-block;}

  /* 平面设计列表页 */
  .brand-design .brand-container .film-list{margin-bottom: 0;}

  /* 平面设计详情页 */
  .brand-design-detail .color .tagging:nth-child(1){left: 10px;}
  .brand-design-detail .color .tagging:nth-child(2){left: 50px;}
  .brand-design-detail .color .tagging:nth-child(3){left: 96px;}
  .brand-design-detail + .recommend .recommend-content .recommend-video{position: absolute;top: 28%;}

  .phone-frame-2{width: 750px;}
  .phone-frame-2 .phone-frame-bg:nth-child(1){margin: 0 70px 0 60px;}
  
  /* 网站设计列表页 */
  .website-design .website-container{padding-bottom: 0;}

  /* 网站设计详情页 */
  .website-design-detail .tagging:nth-child(1){left: 16px;}
  .website-design-detail .tagging:nth-child(2){left: 56px;}

  .laptop-frame{width: 750px;height: 432px;}
  .laptop-frame > .case-frame{top: 23px;left: 90px;width: 569px;height: 355px;}
  .laptop-frame > .case-frame > .frame-wrapper{width: 569px;}
  .laptop-frame > .case-frame > .frame-wrapper > img{width: 100%;}

  .desktop-frame{width: 750px;height: 694px;}
  .desktop-frame > .case-frame{top: 31px;left: 31px;width: 691px;height: 388px;}
  .desktop-frame > .case-frame > .frame-wrapper{width: 691px;}
  .desktop-frame > .case-frame > .frame-wrapper > img{width: 100%;}

  .recommend-list .film-item{width: calc((100% - 2px) / 3);margin-right: 1px;}

  /* 动态列表页 */
  .dynamic .dynamic-nav{width: 750px;padding-top: 124px;}
  .dynamic-nav .dynamic-nav-item{margin-right: 78px;}
  .dynamic-nav-item img{width: 55px;}
  .dynamic-nav-item p{font-size: 16px;}
  .dynamic-nav-item p span{right: -45px;}
  .dynamic-content .dynamic-list{margin-bottom: 45px;}

  /* 动态详情页 */
  .dynamic .dynamic-container{width: 750px;}
  .dynamic-container .current-location{margin-bottom: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .dynamic-detail .dynamic-list{width: 750px;}
  .dynamic-container .dynamic-time{font-size: 16px;line-height: 28px;margin: 5px auto 28px;}
  .dynamic-container .dynamic-info{font-size: 16px;line-height: 28px;font-weight: normal;}
  .dynamic-info p{margin-bottom: 28px;}
  .dynamic-container .dynamic-flow{font-size: 0;line-height: 28px;margin-top: 28px;}
  .dynamic-flow img{display: none;}
  .dynamic-flow span{font-size: 16px;display: inline-block;}
  .dynamic-container .other-page{padding: 20px 0;}
  .dynamic-detail .dynamic-list{margin-bottom: 45px;}

  /* 关于我们 - 公司介绍 */
  .about-us .about-us-nav{width: 750px;padding-top: 124px;}
  .about-us-nav .about-us-nav-item{margin-right: 78px;}
  .about-us-nav-item img{width: 55px;}
  .about-us-nav-item p{font-size: 16px;}
  .about-us-nav-item p span{right: -45px;}
  .about-us .about-us-container{font-size: 16px;}
  .about-us-container .logo{margin-top: 80px;}
  .about-us-container .about-us-tex{width: 750px;}
  .about-us-container .value{padding: 40px 0;margin-bottom: 42px;}
  .value .value-desc{font-size: 42px;margin-bottom: 20px;}
  .value-desc .desc-en{font-size: 22px;padding: 0 5px 10px 0;}
  .value-desc::after{font-size: 136px;margin-left: 0;top: -8px;}
  .value p{line-height: 28px;}

  .about-us-container .about-us-info{width: 750px;line-height: 28px;margin-bottom: 28px;}
  .about-us-container .about-us-viewpoint{width: 750px;margin: 50px auto;}
  .about-us-viewpoint .viewpoint{margin-bottom: 42px;}
  .viewpoint h2{font-size: 40px;}
  .viewpoint p{font-size: 26px;}
  .viewpoint-info img{width: 360px;margin-right: 30px;}
  .viewpoint-info p{font-size: 16px;line-height: 28px;}
  .about-us-container .empower{width: 750px;line-height: 28px;}
  .about-us-container .other-link{width: 750px;margin: 28px auto 60px;}
  .other-link div p{line-height: 28px;}

  /* 关于我们 - 公司地址 */
  .about-us .contact-us{width: 750px;padding-left: 168px;font-size: 16px;margin: 50px auto 80px;}
  .contact-us p{line-height: 28px;}
  /* .contact-us p:nth-child(5),.contact-us p:nth-child(13){margin-bottom: 28px;} */
  .about-us .navigation{font-size: 16px;line-height: 28px;margin-top: 50px;}
}

@media screen and (max-width: 767px) {
  /* 首页 */
  .nav{height: 78px;line-height: 78px;}
  .nav .nav-container{width: 100%;padding: 0 10px;box-sizing: border-box;}
  .nav-container .logo{line-height: inherit;}
  .logo a img{width: 242px;}
  .nav-container .nav-list{float: none;position: fixed;width: 100%;height: 100vh;top: 0;left: 0;padding-top: 85px;box-sizing: border-box;background-color: rgba(0,0,0,0.9);display: none;}
  .nav-list .nav-item{float: none;line-height: 56px;text-align: center;border-bottom: 1px solid #552121;width: 62%;margin: 0 auto;}
  .nav-item img{display: inline-block;width: 30px;height: 30px;margin-right: 10px;}
  .nav-item a{font-size: 18px;}
  .nav-item span{margin: 0 0 0 14px;display: none;}
  .nav-item.active::after{opacity: 0;visibility: hidden;}
  .nav-container .menu{display: block;right: 10px;}

  .back-top{right: 10px;bottom: 20px;}
  .back-top img{width: 40px;}

  /* .film-shooting{background-position: -125px 50px;} */
  .film-shooting .film-desc{font-size: 20px;margin-bottom: 0;width: 100%;text-align: center;padding: 0 10px 20px;box-sizing: border-box;overflow: hidden;}
  .film-desc::after{margin-left: 0;font-size: 42px;top: -2px;}
  .film-desc .desc-en{font-size: 12px;padding: 0 0 5px 0;text-align: center;}
  .color .tagging{width: 9px;height: 9px;border-width: 1px;bottom: -5px;}
  .tagging:nth-child(1){left: 8px;}
  .tagging:nth-child(2){left: 28px;}
  .tagging:nth-child(3){left: 51px;}
  .film-shooting .film-title a{font-size: 36px;}
  .film-title .title-en{font-size: 22px;}
  .film-shooting .film-nav{width: 100%;overflow: hidden;margin-top: 10px;}

  .film-nav p{font-size: 12px;line-height: 20px;}
  .film-nav p:nth-child(1) a{letter-spacing: 0;}
  .film-nav p span{margin: 0 5px;}

  .film-shooting .film-list{margin-top: 16px;padding: 0 1px;box-sizing: border-box;overflow: hidden;}
  .film-list .film-item{width: calc((100% - 1px) / 2);transition: .5s;}
  .film-list .film-item:nth-child(3n){margin-right: 1px;}
  .film-list .film-item:nth-child(2n){transition-delay: .25s;margin-right: 0;}
  .film-list .film-item:nth-last-child(3){margin-bottom: 1px;}
  /* .film-logo img{max-height: 40px;} */
  .film-logo img{transform: translateY(10px);}
  .film-logo p{font-size: 12px;display: none;}
  .film-shooting .more{height: 36px;line-height: 36px;font-size: 16px;}

  .photography .color .tagging{bottom: -4px;}
  .photography .tagging:nth-child(1){left: 10px;}
  .photography .tagging:nth-child(2){left: 30px;}
  .photography-content .photography-video{height: 80%;object-fit: cover;}

  .brand-design .film-desc .desc-en{padding-left: 25px;}
  .brand-design .tagging:nth-child(1){left: 11px;}
  .brand-design .tagging:nth-child(2){left: 29px;}
  .brand-design .tagging:nth-child(3){left: 50px;}
  .brand-design .film-nav p:nth-child(1) a:nth-of-type(2){letter-spacing: 0;}
  .brand-design .brand-container{position: relative;padding-top: 16px;}
  .brand-container .brand-content{position: absolute;top: auto;bottom: 0;height: 100%;}
  .brand-content .brand-video{position: absolute;height: 100%;object-fit: cover;bottom: 0;}
  .brand-design .film-list{margin-top: 0 !important;}

  .website-design .film-desc .desc-en{padding-left: 85px;}
  .website-design .color .tagging{bottom: -4px;}
  .website-design .tagging:nth-child(1){left: 9px;}
  .website-design .tagging:nth-child(2){left: 29px;}
  .website-design .film-nav p:nth-child(2) a:nth-child(1){letter-spacing: 0.7px;}
  .website-design .film-list{margin-top: 0;padding-top: 16px;}
  .website-design .film-item{width: calc((100% - 1px) / 2);margin-bottom: 10px !important;margin-right: 1px;}
  .website-design .film-item:hover{transform: translateY(0);}
  .website-info{padding-bottom: 40px !important;}
  .website-info p{padding: 0 10px;font-size: 12px;line-height: 18px;}
  .website-info p:nth-of-type(1){top: 46%;}
  .website-info p:nth-of-type(2) img:nth-child(1){width: 34px;}
  .website-info p:nth-of-type(2) img:nth-child(2){width: 12px;}
  .website-info p:nth-of-type(2) img:nth-child(3){width: 7px;}
  .film-item .website-shadow{top: calc(100% - 5px);opacity: 1;}
  .website-content .website-video{height: 100%;object-fit: cover;}

  .rest-content .rest-video{height: 100%;object-fit: cover;position: absolute;left: 0;top: 50%;}
  .rest .dynamic{padding: 24px 0;}
  .dynamic .dynamic-zh a{font-size: 36px;}
  .dynamic-zh .dynamic-en{font-size: 22px;}
  .dynamic .dynamic-list{width: 100%;padding: 0 1px;box-sizing: border-box;margin-top: 16px;overflow: hidden;padding-bottom: 16px;text-align: left;}
  .dynamic-list .dynamic-item{margin: 0 0 10px;width: 50%;box-sizing: border-box;}
  .dynamic-list .dynamic-item:nth-child(2n+1){padding-right: 0.5px;}
  .dynamic-list .dynamic-item:nth-child(2n){padding-left: 0.5px;transition-delay: 0.25s;}
  .dynamic-list .dynamic-item:hover{transform: translate(0);}
  .dynamic-item:nth-last-child(1),.dynamic-item:nth-last-child(2){margin-bottom: 0;}
  .dynamic-item .dynamic-info{height: auto;}
  .dynamic-info .dynamic-title{font-size: 16px;font-weight: normal;margin-bottom: 0;}
  .dynamic-info .dynamic-tex{font-size: 12px;line-height: 20px;height: 40px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
  .dynamic-info .dynamic-time{font-size: 12px;line-height: 20px;padding-right: 7px;}
  .dynamic-item .dynamic-shadow{opacity: 1;top: calc(100% - 18px);}
  .dynamic .more{margin-top: 0;font-size: 16px;}

  .rest .attitude{padding: 0 10px;margin-top: 90px;}
  .attitude .attitude-img{max-width: 100%;}
  .attitude .attitude-tex{width: 100%;font-size: 14px;line-height: 24px;}
  .attitude .attitude-tex:nth-of-type(2){padding-bottom: 50px;}

  .rest .quote{display: none;opacity: 0;}
  .quote .quote-container{width: 100%;padding-bottom: 0;padding-left: 10px;padding-right: 10px;box-sizing: border-box;}
  .quote-container .quote-container-left{width: 100%;float: none;}
  .quote-container-left p{font-size: 14px;}
  .quote-container-left p .text-right{min-width: 110px;text-align: left;width: auto;}
  .quote-container-left p label{margin-right: 10px;}
  .quote-container-left p input[type="text"]{width: 58%;}
  .quote-container-left p .submit{margin-left: 0;}
  .quote-container .quote-container-right{width: 100%;float: none;padding-bottom: 332px;overflow: hidden;}
  .quote-container-right::before{bottom: 308px;left: auto;right: 155px;}
  .quote-container-right::after{bottom: 284px;left: auto;right: 155px;}
  .quote-container-right .right-content{width: 270px;float: right;}

  .footer{padding: 16px 10px;box-sizing: border-box;}
  .footer .footer-link{overflow: hidden;display: none;}
  .footer-link .link-item{margin-right: 40px;margin-bottom: 10px;width: 72px;float: left;}
  .link-item p::after{right: -20px;}
  .footer .footer-content{width: 100%;font-size: 0;display: none;}
  .footer-content .left{margin-right: 20px;float: none;display: inline-block;margin-bottom: 30px;}
  .footer-content div:nth-child(2){margin-right: 0;}
  .footer-content .contact-information{float: none;}
  .footer-content .contact-information p{text-align: center;}
  .contact-information p span{padding-left: 24px;}
  .footer .copy{margin-bottom: 0;font-size: 12px;line-height: 20px;}
  .copy::before{height: 0;}
  .copy span{padding: 0;}
  .copy span a{display: block;}
  .footer .logo{display: none;}
  .footer .logo img{width: 242px;}

  .contact-info{display: block;}

  /* 影视拍摄列表页 */
  .film-shooting{padding: 118px 0 0;background-position: -125px 50px;}

  .standards{padding-top: 24px;padding-bottom: 0;}
  .standards .standards-title{font-size: 36px;}
  .standards-title .title-en{font-size: 22px;}
  .standards .standards-list{display: block;margin-top: 16px;}
  .standards-list .standards-item{width: 100%;padding: 0 !important;height: auto;margin-bottom: 0;}
  .standards-item .left{float: none;}
  .standards-item .standards-info{width: 100%;height: auto;}
  .standards-info p{font-size: 14px;line-height: 24px;}
  .standards-info p:nth-child(1){padding: 29px 0 20px;}
  .standards-info p:nth-child(2){font-size: 16px;line-height: 28px;}
  .standards-info p:last-child{padding-bottom: 24px;}
  .standards-item .standards-video{width: 100%;height: auto;}
  .standards-video video{height: auto;}

  .good-service{padding: 24px 0 0;}
  .good-service .service-title{font-size: 36px;}
  .service-title .title-en{font-size: 22px;}
  .good-service .service-list{width: 100%;margin: 16px 0 0;padding: 0 1px;box-sizing: border-box;}
  .service-list .service-item{margin-bottom: 10px;margin-right: 0;height: auto;padding-bottom: 60px;width: 100%;}
  .service-list .service-item:hover{transform: translateY(0);}
  .service-list .service-item:last-child{margin-bottom: 0;}
  .service-item .icon{margin: 29px 0 20px;height: auto;}
  .service-item .icon img{width: 66px;}
  .service-item:nth-child(2) .icon img{width: 66px;}
  .service-item p{font-size: 14px;line-height: 24px;}
  .service-item p:nth-of-type(1){font-size: 16px;line-height: 28px;}
  .service-item::after{bottom: 0;top: auto;}

  /* 影视拍摄详情页 */
  .header .header-info{padding-top: 118px;padding-bottom: 16px;}
  .header-info .film-desc{font-size: 20px;margin-bottom: 20px;max-width: 100%;padding: 0 10px;box-sizing: border-box;text-align: right;}
  .header-info .film-desc .desc-en{text-align: right;}
  .header-info .tagging:nth-child(1){left: 10px;}
  .header-info .tagging:nth-child(2){left: 30px;}
  .header-info .tagging:nth-child(3){left: 52px;}
  .header-info .current-location{width: 100%;padding: 0 10px;box-sizing: border-box;font-size: 14px;overflow: hidden;}

  .header .header-content{margin-top: -213px;}
  .header-content::before{height: 213px;}
  .header-content .header-video{width: 100%;margin-top: 0;}
  .header-video video{height: auto;}
  .website-design-detail .header-video video{height: 210px;}
  .header-content .flow{width: 100%;padding: 0 10px;box-sizing: border-box;margin-bottom: 15px;}
  .flow div{font-size: 14px;}
  .flow .views{margin-right: 0;margin-top: 5px;}
  .flow .share{display: none;}

  .film-detail{padding-top: 36px;}
  .film-detail .film-detail-content{width: 100%;padding: 0 10px;box-sizing: border-box;}
  .film-detail-content p{font-size: 14px;line-height: 24px;font-weight: normal;}
  .film-detail-content p.img{margin-bottom: 24px;}
  .film-detail-content .mb-65{margin-bottom: 24px;}
  .film-detail-content .mb-60{margin-bottom: 24px;}
  .film-detail-content .mb-45{margin-bottom: 24px;}
  .film-detail-content .mb-30{margin-bottom: 24px;}

  .film-detail .related-services{margin-top: 37px;}
  .related-services .related-services-title{font-size: 26px;padding: 0 10px;}
  .related-services-title .title-en{font-size: 22px;}
  .related-services .related-services-list{margin-top: 16px;display: block;padding: 0 1px;box-sizing: border-box;}
  .related-services-list .related-services-item{width: 100%;margin-bottom: 1px;transition: .5s;}
  .related-services-item .item-name{height: 36px;line-height: 36px;font-size: 14px;z-index: 50;}
  .film-detail .other-page{padding: 16px 10px 30px;width: 100%;box-sizing: border-box;overflow: hidden;}
  .other-page p{font-size: 14px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;padding-left: 20%;box-sizing: border-box;}

  .recommend{padding-top: 37px;margin-top: 100vh;}
  .recommend .recommend-title{font-size: 26px;}
  .recommend-title .title-en{font-size: 22px;}
  .recommend .recommend-list{padding: 16px 1px 0;box-sizing: border-box;}
  .recommend-list .recommend-item{width: calc((100% - 1px) / 2);}
  .recommend-list .recommend-item:nth-child(3n){margin-right: 1px;}
  .recommend-list .recommend-item:nth-child(2n){margin-right: 0;}
  .recommend-list .recommend-item:nth-last-child(3){margin-bottom: 1px;}
  .recommend .more{height: 36px;line-height: 36px;font-size: 16px;}

  /* 商业摄影列表页 */

  /* 商业摄影详情页 */
  .header-video img{height: 210px;object-fit: cover;}

  .header-info .film-desc .desc-en{padding-right: 0;}
  .photography-detail .tagging:nth-child(1){left: 6px;}
  .photography-detail .tagging:nth-child(2){left: 28px;}
  .film-detail .flow{width: 100%;padding: 0 10px;font-size: 0;line-height: 24px;box-sizing: border-box;margin-top: 10px;}
  .film-detail .flow img{display: none;}
  .film-detail .flow span{font-size: 14px;display: inline-block;}

  /* 平面设计列表页 */
  .brand-design .film-list{margin-bottom: 0;}

  /* 平面设计详情页 */
  .brand-design-detail .color .tagging:nth-child(1){left: 4px;}
  .brand-design-detail .color .tagging:nth-child(2){left: 24px;}
  .brand-design-detail .color .tagging:nth-child(3){left: 46px;}
  .brand-design-detail .film-detail .flow span{color: #fff;}

  .recommend .recommend-container{position: relative;}
  .recommend-container .recommend-content{position: absolute;top: auto;bottom: 0;height: 100%;}
  .recommend-content .recommend-video{height: 100%;position: absolute;bottom: 0;object-fit: cover;}

  .phone-frame-2{width: 100%;height: auto;}
  .phone-frame-2 .phone-frame-bg{float: none;margin: 0 auto;}
  .phone-frame-2 .phone-frame-bg:nth-child(1){margin: 0 auto 20px;}

  /* 网站设计列表页 */
  .website-design .website-container{padding-bottom: 0;}
  .website-design .film-item:nth-child(4){display: block;}
  .website-design .film-item:nth-last-child(1),.website-design .film-item:nth-last-child(2){margin-bottom: 0;}

  /* 网站设计详情页 */
  .website-design-detail .tagging:nth-child(1){left: 8px;}
  .website-design-detail .tagging:nth-child(2){left: 26px;}
  .film-detail-content p.mb-65{margin-bottom: 24px;}

  .laptop-frame{width: 300px;height: 172px;}
  .laptop-frame > .case-frame{top: 9px;left: 36px;width: 227px;height: 142px;}
  .laptop-frame > .case-frame > .frame-wrapper{width: 227px;}
  .laptop-frame > .case-frame > .frame-wrapper > img{width: 100%;}
  .laptop-frame > .case-frame > .scroll-bar{width: 1px;height: 30px;right: 1px;background-color: rgba(98, 83, 68, 1)}

  .desktop-frame{width: 300px;height: 277px;}
  .desktop-frame > .case-frame{top: 12px;left: 12px;width: 277px;height: 156px;}
  .desktop-frame > .case-frame > .frame-wrapper{width: 277px;}
  .desktop-frame > .case-frame > .frame-wrapper > img{width: 100%;}
  .desktop-frame > .case-frame > .scroll-bar{width: 1px;height: 30px;right: 1px;background-color: rgba(98, 83, 68, 1)}

  .website-recommend .recommend-list .recommend-item{margin-bottom: 10px;margin-right: 1px;}
  .website-recommend .recommend-list .recommend-item:nth-child(2n){margin-right: 0;}

  /* 动态列表页 */
  .dynamic .dynamic-nav{width: 100%;padding-top: 112px;}
  .dynamic-nav .dynamic-nav-item{margin-right: 20px;width: 56px;}
  .dynamic-nav-item a{width: 100%;}
  .dynamic-nav-item img{max-width: 80%;}
  .dynamic-nav-item p{font-size: 14px;margin-top: 4px;}
  .dynamic-nav-item p span{right: -13px;}
  .dynamic-content .dynamic-list{margin-bottom: 0;padding-bottom: 35px;}

  /* 动态详情页 */
  .dynamic .dynamic-container{width: 100%;padding: 0 10px;box-sizing: border-box;}
  .dynamic-container .current-location{margin-bottom: 48px;font-size: 14px;margin-top: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
  .dynamic-container .dynamic-title{font-size: 30px;}
  .dynamic-container .dynamic-time{font-size: 14px;line-height: 24px;margin: 8px auto 16px;}
  .dynamic-container .dynamic-info{font-size: 14px;line-height: 24px;font-weight: normal;}
  .dynamic-info .mb-30{margin-bottom: 24px;}
  .dynamic-info .img{margin-bottom: 24px;}
  .dynamic-container .dynamic-flow{font-size: 0;line-height: 24px;margin-top: 24px;}
  .dynamic-flow img{display: none;}
  .dynamic-flow span{display: inline-block;font-size: 14px;margin: 0;}
  .dynamic-container .other-page{padding: 16px 0 0;}
  .dynamic-detail .dynamic-list{margin-bottom: 0;padding-bottom: 35px;}

  /* 关于我们 - 公司介绍 */
  .about-us .about-us-nav{width: 100%;padding-top: 112px;}
  .about-us-nav .about-us-nav-item{margin-right: 20px;width: 56px;}
  .about-us-nav-item a{width: 100%;}
  .about-us-nav-item img{max-width: 80%;}
  .about-us-nav-item p{font-size: 14px;margin-top: 4px;}
  .about-us-nav-item p span{right: -17px;}
  .about-us .about-us-container{font-size: 14px;}
  .about-us-container .logo{width: 230px;margin: 80px auto 40px;}
  .about-us-container .logo img{width: 100%;}
  .logo .disc:nth-of-type(1){bottom: 42px;}
  .logo .disc:nth-of-type(2){left: 105px;bottom: 54px;}
  .about-us-container .about-us-tex{width: 100%;line-height: 24px;padding: 0 10px;text-indent: 2em;}
  .about-us-container .value{padding: 24px 0;overflow: hidden;}
  .value .value-desc{margin-bottom: 16px;font-size: 36px;}
  .value-desc .desc-en{line-height: normal;font-size: 22px;padding: 0 5px 5px 0;}
  .value-desc::after{font-size: 60px;top: 0;margin-left: 0;}
  .value p{line-height: 24px;padding: 0 10px;}
  .value p span{display: block;}
  .about-us-container .about-us-info{width: 100%;padding: 0 10px;box-sizing: border-box;line-height: 24px;margin-bottom: 24px;}
  .about-us-container .about-us-viewpoint{width: 100%;margin: 36px auto;}
  .about-us-viewpoint .viewpoint{margin-bottom: 30px;}
  .viewpoint h2{font-size: 32px;}
  .viewpoint p{font-size: 22px;}
  .viewpoint .viewpoint-info{height: auto;padding: 24px 0;flex-direction: column;}
  .viewpoint-info img{width: 280px;margin: 0 0 10px 0;}
  .viewpoint-info p{font-size: 14px;line-height: 24px;padding: 0 10px;}
  .viewpoint:nth-child(1) .viewpoint-info p{align-self: self-start;}
  .about-us-container .empower{width: 100%;padding: 0 10px;box-sizing: border-box;line-height: 24px;}
  .about-us-container .other-link{width: 100%;padding: 0 10px;box-sizing: border-box;flex-wrap: wrap;justify-content: space-between;margin-bottom: 50px;}
  .other-link div{width: 50%;}
  .other-link div p{line-height: 24px;}

  /* 关于我们 - 公司地址 */
  .about-us .contact-us{width: 100%;padding: 0 10px;margin: 50px 0 30px;font-size: 14px;}
  .contact-us h2{font-size: 24px;}
  .contact-us p{line-height: 24px;}
  /* .contact-us p:nth-child(5),.contact-us p:nth-child(13){margin-bottom: 24px;} */
  .contact-us p:nth-child(7){margin-bottom: 36px;}
  .about-us .navigation{margin-top: 40px;}
  #dituContent{height: 50vh !important;}
}

@media screen and (min-width: 321px) and (max-width: 360px) {
  .dynamic-nav .dynamic-nav-item{margin-right: 15px;}
  .dynamic-nav-item p span{right: -10px;}
}

@media screen and (max-width: 320px) {
  .dynamic-nav .dynamic-nav-item{margin-right: 10px;}
  .dynamic-nav-item p span{right: -7px;}
}