@charset "utf-8";
/******************************************************

 功能：主样式表
 
 ******************************************************/

/* 全局背景、字体、字号、颜色、行高、页边距等 */
html { -webkit-text-size-adjust: none; }
* { margin:0px; padding:0px; }
body { margin:0px; padding:0px; font-size:12px; color:#000; font-family:"gotham-Book";background:#f2f2f2;overflow-x:hidden;}
/* CSS3盒子模型 */
ul, li, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, p { list-style-type:none; margin:0; padding:0; display:block; }
em, i { font-style:normal; }
em { display:inline-block; vertical-align:middle; }
fieldset { border:none; margin:0; padding:0; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
/* 公共匹配样式 */
* { outline:none; }
a, img { border:none; }
img { border:none; vertical-align:middle; }
/* 链接 */
a { text-decoration:none; color:#000; }
a:hover { color:#000; text-decoration:none; }
a:visited { text-decoration:none; color:#000; }
a:active { text-decoration:none; color:#000; }
input[type=button], input[type=reset], input[type=submit] { cursor:pointer; -webkit-appearance: none; }
input:focus {
    outline-offset: 4px
}
input:focus{
    outline-width: 2px;
    outline-style: solid
}
.clear:after{clear:both;display:table;height:0;content:"";}
.left{float:left;}
.right{float:right;}
.box{ max-width:900px; margin-left:auto; margin-right:auto;padding-left:3vw;padding-right: 3vw}
@font-face {
  font-family: 'gotham-Book';
  src:url('../fonts/Gotham-Book.ttf')  format('truetype'),
	  url('../fonts/Gotham-Book.otf')  format('opentype'),
	  url('../fonts/Gotham-Book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'Gotham Medium';
  src: url('../fonts/Gotham Medium.otf')  format('opentype'),
       url('../fonts/Gotham Medium.woff') format('woff'), 
       url('../fonts/Gotham Medium.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*header*/
.header{padding:3vw;position:absolute;top:0;left:0;z-index:99999;width:calc(100% - 6vw)}
.header .logo{position: relative;}
.header .logo img{height: 50px;}
.header .nav{height: 50px;}
.header .nav a{display: block;float:left; color:#BEBEBE;font-size: 16px;margin-left: 30px;border-bottom:1px solid rgba(226, 228, 229, 0);padding-bottom:5px;padding-top:12px;}
.header .nav a:last-child{padding-bottom:0;height:46px;line-height:46px;border:2px solid #BEBEBE;padding: 0 20px;}
.header .nav a:last-child:hover{background:#fff;color:#000}
.header .nav .on{border-bottom:1px solid #BEBEBE;}
.header .shou_nav{display:none;}
/*banner*/
.jq22-container{position:relative;z-index: 9999;display:block;}
.sj_banner{display:none;position: relative;z-index:10000}
.video-back{display:block;height:100vh;}
.banner_text{position:absolute;bottom:3vw;left: 3vw; color:#fff;font-size:46px;line-height:1.4em;font-family:"Gotham Medium"}
/**/
.dingyi{width:75%;}
.dingyi .nr{font-size:32px;padding:170px 3vw;line-height:1.4em;font-family:"Gotham Medium"}
/*案例研究*/
.case{padding-left:3vw;padding-right: 3vw;font-family:"Gotham Medium"}
.case .top{font-size:32px;padding-bottom: 35px;padding-top:40px;}
.case .nr{}
.case .nr ul li{width:75%;padding-top: 250px;}
.case .nr ul li:nth-child(2n){margin-left:25%;}
.case .nr ul li:nth-child(1){padding-top:0;}
.case .nr ul li .img img{width:100%}
.case .nr ul li .name{padding-top: 40px;}
.case .nr ul li .name .zuo{font-size:32px;width:42%;line-height:1.4em}
.case .nr ul li .name .you{font-size:16px;width:58%;line-height:1.8em;font-family:"gotham-Book"}
/*视频*/
.shipin{padding-left:3vw;padding-right: 3vw;padding-top: 250px;}
.shipin .nr{width:75%;margin-left: auto;margin-right: auto;position:relative;}
.shipin .nr iframe{width:100% !important;height:80vh !important;}
.shipin .nr video{width:100% !important;}
.shipin .nr span{display: block;width:100%;height:100%;position:absolute;top:0;left:0}
.shipin .nr i{display: block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/play-button.png) no-repeat center;z-index: 9;cursor: pointer;}
.shipin .more a{font-size:17px;width:220px;height:68px;line-height: 68px;text-align: center;border:2px solid #000;margin-left: auto;margin-right: auto;display: block;font-weight: bold;margin-top:100px;}
.shipin .more a:hover{background:#000;color:#fff;}
/*版权*/
.banquan{margin-left:2vw;margin-right:2vw;border-top:1px solid #000;margin-top:200px;padding-top: 40px;padding-bottom:80px;}
.banquan .zuo{font-size:16px;line-height:1.4em;}
.banquan .zuo dl{float:left;max-width:300px;margin-right:30px;}
.banquan .zuo dl dt{padding-bottom:16px;}
.banquan .you img{width:118px;}
.banquan .copy{ text-align: right;font-size:14px;padding-top: 35px;}
.fanhui{width:50px;height:50px;position:fixed;bottom:20px;right:20px;z-index:999;display: none}
.fanhui a{display: block;cursor: pointer;width:50px;height:50px;text-align: center;font-size:14px;}
.fanhui a i{font-size: 26px;color:#666}
.fanhui a p{}
.fanhui1{display:none;}
.fanhui2{display:block !important;}
/*留言*/
.liuyan{padding-top: 3.3vmax;}
.liuyan .top{font-size:24px;line-height:1.8em;}
.liuyan .nr{color:#444;padding-top: 30px;}
.liuyan .nr li{padding-bottom: 24px;}
.liuyan .nr li p{line-height:40px;font-size:16px;}
.liuyan .nr li span{display:block;width:48%;}
.liuyan .nr li i{display:block;line-height:30px;font-size:14px;}
.liuyan .nr li .contact_lx1{display:block;width:calc(100% - 26px);padding:0 12px; height:40px;border: 1px solid #ccc;background: #fafafa;font-size:14px;}
.liuyan .nr li .contact_lx2{display:block;width:calc(100% - 26px);padding:0 12px; height:40px;border: 1px solid #ccc;background: #fafafa;font-size:14px;}
.liuyan .nr li .contact_lx3{display:block;width:calc(100% - 26px);padding:12px; height:90px;border: 1px solid #ccc;background: #fafafa;font-size:14px;}
.liuyan .nr li .contact_lx4{display:block;width:120px;height: 66px;border:2px solid #000;font-size:16px;margin-left: auto;margin-right: auto;background: #f2f2f2;    font-family: "gotham-Book";font-weight: bold;border-radius: 0 !important;}
.liuyan .nr li .contact_lx4:hover{background:#000;color:#fff;}
/*联系我们*/
.contact_lb{padding-top: 200px;}
.contact_lb .zuo{}
.contact_lb .you{}
.contact_lb ul li{font-size:16px;line-height:1.8em;padding-bottom: 20px;}
.contact_lb ul li .name{font-family:"Gotham Medium";}
.contact_lb .img{padding-top: 100px;}
.contact_lb .img img{width:100%;}
/*关于我们*/
.about_banner{width:100%;height:100vh;display:block}
.about_sj_banner{display:none}
.about_banner1{width:100%;min-height: 66vh;}
.about_banner3{min-height: 66vh;}
.about{padding-right: 3vw;padding-left: 3vw;padding-top:120px;padding-bottom:160px;}
.about_box{width:75%;font-size:23px;line-height:1.8em;}
.about_box .top{padding-bottom:30px;font-family:"Gotham Medium";line-height:1.4em;}
.about_box .name{font-size:34px;padding-bottom:30px;font-family:"Gotham Medium";line-height:1.4em;}
.about1{}
.about1 ul li{width:calc(50% - 5px);float:left;margin-bottom:10px;}
.about1 ul li:nth-child(2n){float:right}
.about1 ul li p{width:100%;position:relative;padding-top:67%;}
.about1 ul li p img{width:100%;height:100%;position:absolute;top:0;left:0;}
.about_nr{}
.about_nr .zuo{width:33%;font-size:24px;font-family:"Gotham Medium";line-height:1.4em;}
.about_nr .you{width:66%;}
.about_nr .you .top{width:75%;line-height:1.8em;font-size:22px;}
.about_nr .you .intro{padding-top: 80px;}
.about_nr .you .intro dl{width:50%;float:left;}
.about_nr .you .intro dl dt{font-size:22px;padding-bottom:30px;font-family:"Gotham Medium";line-height:1.4em;}
.about_nr .you .intro dl dd{font-size:16px;line-height:1.8em;}
.about_nr .you .intro dl:nth-child(1){width:37%;}
.about_nr1{width:50%;margin-left: auto;margin-right: auto;text-align: center;}
.about_nr1 .nr{font-size:22px;line-height:1.8em;}
.about_nr1 .more a{display:block;width:152px;height:68px;line-height: 68px;border:2px solid #000;margin-left: auto;margin-right: auto;font-size:17px;font-weight: bold;color:#000;margin-top:80px;}
.about_nr1 .more a:hover{background:#000;color:#fff;}
/*作品列表页*/
.work_banner{width:100%;height:100vh;display:block;}
.work_sj_banner{display:none;}
.work_lb{max-width:1800px;margin-left: auto;margin-right: auto;}
.work_lb ul{padding:3.3vw 3vw 0 3vw;}
.work_lb ul li{float:left;width:48.2%;margin-bottom:85px;}
.work_lb ul li:nth-child(2n){float:right;}
.work_lb ul li .img{width:100%;padding-top:66.7%;position:relative;overflow: hidden;}
.work_lb ul li .img img{width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.6s;}
.work_lb ul li .img i{width:100%;height:100%;position:absolute;top:0;left:0;z-index: 99;background:#000;color:#fff;font-size:24px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center;opacity:0;transition:all 0.6s;}
.work_lb ul li:hover img{transform: scale(1.1)}
.work_lb ul li:last-child:hover i{opacity:1}
.work_lb ul li .name{line-height:70px;font-size:24px;font-family:"Gotham Medium";}
/*作品1*/
.work{padding:0 3vw;}
.work1_nr1{width:50%;margin-left: auto;margin-right: auto;padding-bottom: 140px;}
.work1_nr1 .name{font-size:44px;padding-top: 120px;font-family:"Gotham Medium";}
.work1_nr1 .funame{font-size:32px;padding:35px 0;font-family:"Gotham Medium";}
.work1_nr1 .intro{font-size:22px;line-height:34px;}
.work1_nr1 .intro p{padding-bottom: 20px;}
.work1_nr1 ul{padding-top: 50px;}
.work1_nr1 ul li{padding-bottom: 20px;}
.work1_nr1 ul li a{color:#000;font-size:22px;text-decoration: underline;}
.work1_nr1 ul li a:hover{opacity:0.7}
.work1_nr2{background:#fff;}
.work1_nr2 .img{max-width:1350px;margin-left: auto;margin-right: auto;padding-top:130px;padding-bottom: 200px;}
.work1_nr2 .img img{width:100%;}
.work1_nr3{}
.work1_nr3 ul li{padding-bottom:10px;}
.work1_nr3 ul li img{width:100%;}
.work1_nr4{width:75%;margin-left: auto;margin-right: auto;padding-top: 120px;padding-bottom:140px;}
.work1_nr4 .name{font-size:28px;font-family:"Gotham Medium";}
.work1_nr4 .intro{font-size:40px;line-height:140%; padding-top:35px;}
.work1_nr4 .intro1{font-size:32px;line-height:140%; padding-top:35px;}
.work1_nr5{}
.work1_nr5 ul li{width:calc(50% - 5px);float:left;}
.work1_nr5 ul li:nth-child(2n){float:right}
.work1_nr5 ul li .img{width:100%;padding-top:56.2%;position:relative;}
.work1_nr5 ul li .img img{width:100%;height:100%;position:absolute;top:0;left:0;}
.work1_nr6{width:75%;margin-left: auto;margin-right: auto;padding-top: 120px;padding-bottom:140px;font-size:40px;line-height:140%;}
.work1_nr7{}
.work1_nr7 .swiper-slide img{width:100%;}
.work1_nr7 .swiper-button-prev{width:38px;height:38px;background:#fff;opacity:0.85;margin-top:-24px;left:20px;transition:all 0.6s;border-radius:3px;}
.work1_nr7 .swiper-button-prev:after{font-size: 22px;color: #000;}
.work1_nr7 .swiper-button-prev:hover{opacity:1;}
.work1_nr7 .swiper-button-next{width:38px;height:38px;background:#fff;opacity:0.85;margin-top:-24px;right:20px;transition:all 0.6s;border-radius:3px;}
.work1_nr7 .swiper-button-next:after{font-size: 22px;color: #000;}
.work1_nr7 .swiper-button-next:hover{opacity:1;}
.work1_nr8{}
.work1_nr8 ul li{width:calc(33.33% - 10px);margin-right: 10px; float:left;}
.work1_nr8 ul li:last-child{width:calc(33.33% - 10px);margin-right:0;}
.work1_nr8 ul li .img{width:100%;padding-top:56.2%;position:relative;}
.work1_nr8 ul li .img img{width:100%;height:100%;position:absolute;top:0;left:0;}
/*分页*/
.work_fy{margin:3vw 3vw 0 3vw;height:28px;line-height: 28px;}
.work_fy .zuo a{color:#000;font-size:32px;font-weight: bold;display: inline-block;}
.work_fy .zuo a i{display:inline-block;padding-right: 30px;font-size: 42px;line-height: 28px;position: relative;top: 3px;}
.work_fy .zuo1 a{color:#fff;font-size:32px;font-weight: bold;display: inline-block;}
.work_fy .zuo1 a i{display:inline-block;padding-right: 30px;font-size: 42px;line-height: 28px;position: relative;top: 3px;}
.work_fy .you a{color:#000;font-size:32px;font-weight: bold;display: inline-block;}
.work_fy .you a i{display:inline-block;padding-left: 30px;font-size: 42px;line-height: 28px;position: relative;top: 3px;}
/*作品2*/
.work2_nr1{width:75%;margin-left: auto;margin-right: auto;padding-top: 120px;padding-bottom:140px;}
.work2_nr1 .name{font-size:36px;font-family:"Gotham Medium";}
.work2_nr1 .intro{font-size:23px;line-height: 34px; padding-top:35px;}
.work2_nr2{width:75%;padding-top: 120px;padding-bottom:140px;margin-left: auto;margin-right: auto;}
.work2_nr2 .name{font-size:24px;font-family:"Gotham Medium";}
.work2_nr2 .intro{font-size:32px;line-height:42px; padding-top:35px;}
.work2_nr2_img{width:75%;margin-left: auto;margin-right: auto;padding-bottom: 120px;}
.work2_nr2_img li{float:left;width:48%;}
.work2_nr2_img li:nth-child(2){float:right;}
.work2_nr2_img li .img{width:100%;padding-top:56.2%;position:relative;}
.work2_nr2_img li .img img{width:100%;height:100%;position:absolute;top:0;left:0;}
.work2_nr2_img1 img{width:100%;}
.work2_nr3{max-width:1480px;margin-left: auto;margin-right: auto;padding:120px 0;}
.work2_nr3 ul li{float:left;width:49%;}
.work2_nr3 ul li:nth-child(2n){float:right;margin-top: 130px;}
.work2_nr3 ul li .img{width:100%;padding-top:56.2%;position:relative;}
.work2_nr3 ul li .img img{width:100%;height:100%;position:absolute;top:0;left:0;}
.work2_nr4 li{padding-bottom: 10px;}
.work2_nr4 li img{width:100%;}
/*作品3*/
.work3_nr1{width:75%;margin-left: auto;margin-right: auto; padding-top: 120px;padding-bottom:140px;}
.work3_nr1 .name{font-size:24px;font-family:"Gotham Medium";}
.work3_nr1 .intro{font-size:32px;line-height:42px; padding-top:35px;}
.work3_nr1_img{background:#fff;padding-top: 120px;padding-bottom:140px;}
.work3_nr1_img li{float:left;width:49%;}
.work3_nr1_img li:nth-child(2){float:right;}
.work3_nr1_img li .img{width:100%;padding-top:56.2%;position:relative;}
.work3_nr1_img li .img img{width:100%;height:100%;position:absolute;top:0;left:0;}
.work3_nr2_img{}
.work3_nr2_img li{float:left;width:calc(50% - 5px);}
.work3_nr2_img li:nth-child(2){float:right;}
.work3_nr2_img li .img{width:100%;padding-top:75%;position:relative;}
.work3_nr2_img li .img img{width:100%;height:100%;position:absolute;top:0;left:0;}
/*作品4*/
.work4_nr1{background:#fff;padding-top: 6.6vmax;padding-bottom: 6.6vmax;}
.work4_nr1 .nr{max-width:1200px;margin-left: auto;margin-right: auto;}
.work4_nr1 .nr .zuo{width:35%;}
.work4_nr1 .nr .zuo img{width:100%;}
.work4_nr1 .nr .you{width:49%;padding-top: 100px;}
.work4_nr1 .nr .you img{width:100%;}
.work4_nr1 .nr .you p{font-size:16px;line-height: 28px;padding-top: 40px;}
.work4_nr2{width:75%;margin-left: auto;margin-right: auto;padding:150px 0;font-size:32px;line-height: 140%;}
.work4_nr2 p{padding-top:30px;}
.work4_nr3{}
.work4_nr3 .img img{width:100%;}
.work4_nr4{max-width:1500px;margin-left: auto;margin-right: auto;padding-bottom: 140px;}
.work4_nr4 ul li{width:48%;float:left;}
.work4_nr4 ul li:nth-child(2){float:right;padding-top: 130px;}
.work4_nr4 ul li img{width:100%;}
/*作品5*/
.work5{background:#000;padding-bottom:60px;}
.work5_nr1{color:#fff;padding-top: 300px;text-align: center;padding-bottom: 200px;}
.work5_nr1 .name{font-size:38px;}
.work5_nr1 .intro{max-width:900px;margin-left: auto;margin-right: auto; font-size:16px;line-height:28px; padding-top: 40px;}
.work5_nr2{padding-top: 180px;}
.work5_nr2 ul li{color:#fff;margin-bottom: 240px;display: flex;-ms-justify-content: space-between; justify-content: space-between;flex-direction: row-reverse;}
.work5_nr2 ul li .text{width:45%;margin-left: 5%;display: flex;-ms-flex-align:flex-start;align-items:flex-start;-ms-justify-content: center;justify-content: center;flex-flow: column;}
.work5_nr2 ul li .text .name{font-size:38px;}
.work5_nr2 ul li .text .intro{font-size:16px;line-height:28px; padding-top: 40px;}
.work5_nr2 ul li .text .more a{display:block;color:#fff;width:124px;height:64px;line-height: 64px;text-align: center;border:2px solid #fff;font-size:16px;font-weight: bold;margin-top:45px;}
.work5_nr2 ul li .text .more a:hover{background:#fff;color:#000;}
.work5_nr2 ul li .img{width:45%;margin-left: 5%;}
.work5_nr2 ul li .img img{width:100%;}
.work5_nr2 ul li:nth-child(2n){flex-direction:inherit;}
.work5_nr2 ul li:nth-child(2n) .img{margin-left:0;margin-right: 5%;}
/*作品6*/
.work6_nr1{width: 50%;margin-left: auto;margin-right: auto;padding-bottom:85px}
.work6_nr1 .name{padding-top:80px;font-size: 1rem;text-align: center;}
.work6_nr1 .funame{padding-top:135px;font-size:calc((2.2 - 1) * 1vw + 1rem);font-weight:500;line-height: 150%;padding-bottom:35px;}
.work6_nr1 .intro{font-size: 1rem;line-height: 1.8;}
.work6_nr1 .intro p{padding-bottom:1rem}
.work6_img img{width:100%;}
.work6_nr2{padding-top:50px;width: 50%;margin-left: auto;margin-right: auto;}
.work6_nr2 .img{text-align: center}
.work6_nr2 .img img{max-width:100%}
.work6_nr2 .intro{font-size: 1rem;line-height: 1.8;}
.work6_nr3{}
.work6_nr3 ul li{padding-bottom:8px;}
.work6_nr3 ul li:last-child{padding-bottom:0;}
.work6_nr3 ul li img{width:100%;}
.work6_nr4{width:75%;margin-left: auto;margin-right: auto;}
.work6_nr4 ul li{padding-top: 3.3vmax;padding-bottom: 3.3vmax;text-align: center}
.work6_nr4 ul li img{max-width:100%}
.work6_nr5{width: 50%;margin-left: auto;margin-right: auto;font-size: 1rem;line-height: 1.8;padding-top:120px;padding-bottom:120px;}
.work6_nr5 p{padding-bottom:1rem}
.work6_nr5 p:last-child{padding-bottom:0;}
.work6_nr6{padding: 3vw;padding-right:calc(3vw - 10px)}
.work6_nr6 ul li{width:calc(25% - 10px);float:left;margin-right:10px;}
.work6_nr6 ul li:nth-child(1){width:calc(50% - 10px);}
.work6_nr6 ul li .img{width:100%;padding-top:123%;position:relative}
.work6_nr6 ul li .img img{width:100%;height:100%;position:absolute;top:0;left:0}
.work6_nr6 ul li:nth-child(1) .img{padding-top:60.8%;}
.work6_nr7{padding: 3vw;}
.work6_nr7 ul{grid-template-columns: repeat(2, 1fr);grid-column-gap: 0.5vw;grid-row-gap: 0.5vw;display: grid;}
.work6_nr7 ul li{}
.work6_nr7 ul li img{width:100%;}
.work6_nr8{width: 50%;margin-left: auto;margin-right: auto;padding-top:7.8vmax;padding-bottom:7.8vmax;}
.work6_nr8 img{width:100%;}
/*作品7*/
.work7_nr1{width: 50%;margin-left: auto;margin-right: auto;padding-bottom:80px}
.work7_nr1 .name{padding-top:80px;font-size: 1rem;text-align: center;}
.work7_nr1 .funame{padding-top:135px;font-size:calc((2.2 - 1) * 1vw + 1rem);font-weight:500;line-height: 150%;padding-bottom:35px;}
.work7_nr1 .intro{font-size: 1rem;line-height: 1.8;}
.work7_nr1 .intro p{padding-bottom:1rem}
.work7_nr1 .img{text-align: center;padding-top:35px;}
.work7_nr1 .img img{max-width:100%;}
.work7_img img{width:100%;}
.work7_nr3 ul li{padding-bottom:8px;}
.work7_nr3 ul li:last-child{padding-bottom:0;}
.work7_nr3 ul li img{width:100%;}
.work7_nr4{width:75%;margin-left: auto;margin-right: auto;}
.work7_nr4 img{max-width:100%}
.work7_nr4 .img1{text-align: center;padding:150px 0;text-align: center;}
.work7_nr4 .intro{font-size: calc((1.5 - 1) * 1.2vw + 1rem);line-height: 1.8;}
.work7_nr4 .img2{padding-top:100px;padding-bottom:100px;grid-template-columns: repeat(2, 1fr);grid-column-gap: 0.5vw;grid-row-gap: 0.5vw;display: grid;}
.work7_nr4 .img3{padding-top:150px;padding-bottom:50px}
.work7_nr5{width: 75%;margin-left: auto;margin-right: auto;font-size:calc((1.5 - 1) * 1.2vw + 1rem);line-height: 1.8;padding-top:160px;padding-bottom:160px;}
.work7_nr6{grid-template-columns: repeat(2, 1fr);grid-column-gap: 0.5vw;grid-row-gap: 0.5vw;display: grid;margin-bottom:8px;margin-top:8px}
.work7_nr6 img{width:100%}	
.work7_nr7{background:#000;padding-top:45px;padding-bottom:70px;margin-top:8px}
.work7_nr7_1{width:75%;margin-left: auto;margin-right: auto;}
.work7_nr7_2 .swiper-slide img{width:100%;}
.work7_nr7_2 .swiper-slide .name{line-height: 1.8em;font-size:14px;color:#fff;max-width:675px;margin-left: auto;margin-right: auto;margin-top:28px;text-align: center;}
.work7_nr7_2 .swiper-button-prev:after{color:#fff;font-size:18px;}
.work7_nr7_2 .swiper-button-next:after{color:#fff;font-size:18px;}
.work7_nr8{width:75%;margin-left: auto;margin-right: auto;}
.work7_nr8 .img{text-align: center;padding-top:80px;}
.work7_nr8 .img img{max-width:100%;}
.work7_nr8 .intro{font-size:calc((1.5 - 1) * 1.2vw + 1rem);line-height: 1.8;padding-top:20px;padding-bottom:100px;text-align: center;}	
.work7_nr9{width:75%;margin-left: auto;margin-right: auto;text-align: center;padding-top:50px;padding-bottom:70px;}
.work7_nr9 img{max-width:100%;}
/*作品8*/
.work8_nr1{width:70%;margin-left: auto;margin-right: auto;padding-bottom:6%;font-family:gotham-Book}
.work8_nr1 .name{padding-top:135px;font-size: 1rem;text-align: center;}
.work8_nr1 .funame{padding-top:150px;font-size:calc((2.2 - 1) * 1vw + 1rem);font-weight:600;line-height: 150%;padding-bottom:35px;font-family:Gotham Medium;}
.work8_nr1 .intro{font-size: 1rem;line-height: 1.8;}
.work8_nr1 .intro p{padding-bottom:1rem}
.work8_img img{width:100%;}
.work8_nr2{padding-top:60px;width:58%;margin-left: auto;margin-right: auto;font-family:gotham-Book}
.work8_nr2 .img{text-align: center}
.work8_nr2 .img img{max-width:100%}
.work8_nr21{width:100%}
.work8_nr21 img{max-width:100%}
.work8_nr2 .intro{font-size: 1rem;line-height: 1.8;padding-top:50px;padding-bottom:200px;font-family:gotham-Book}
.work8_nr2 .intro p{padding-bottom:1rem}
.work8_nr3{font-family:gotham-Book}
.work8_nr3 ul li{padding-bottom:8px;}
.work8_nr3 ul li:last-child{padding-bottom:0;}
.work8_nr3 ul li img{width:100%;}
.work8_nr4{width:78.2%;margin-left: auto;margin-right: auto;font-family:gotham-Book}
.work8_nr4 ul li{padding-top:8.3vmax;}
.work8_nr4 ul li img{width: 100%;padding-left: 20%;box-sizing: border-box;}
.work8_nr4 ul li:nth-child(2n) img{padding-left:0;padding-right:20%;}
.work8_nr51{width:78.2%;margin-left: auto;margin-right: auto;padding-top:8.3vmax;font-family:gotham-Book}
.work8_nr51 img{width:100%;}
.work8_nr5{width: 54%;margin-left: auto;margin-right: auto;font-size: 1rem;line-height: 1.8;padding-top: 10%;padding-bottom: 12%;font-family:gotham-Book}
.work8_nr6{max-width:720px;margin-left: auto;margin-right: auto;padding-top:14.75%;font-family:gotham-Book}
.work8_nr6 img{width:100%;}
.work8_nr6 p{color: #8E8E8E;text-align: center;font-family:gotham-Book;font-weight: 300;font-style: italic;font-size: calc((1 - 1) * 1.2vw + 1rem);padding-top:10%;padding-bottom:18%;}
.work8_nr7{width: 70.5%;margin-left: auto;margin-right: auto;font-family:gotham-Book;padding-bottom: 14.75%;}
.work8_nr7 ul li{padding-bottom:10%}
.work8_nr7 ul li:last-child{padding-bottom:0}
.work8_nr7 ul li img{width:100%;}
.work8_nr8{width:74.8%;margin-left: auto;margin-right: auto;padding:12.6% 0;font-family:gotham-Book}
.work8_nr81{padding-bottom: 7%;}
.work8_nr8 img{width:100%;}
.work8_nr8 p{color: #8E8E8E;text-align: center;font-family:gotham-Book;font-weight: 300;font-style: italic;font-size: calc((1 - 1) * 1.2vw + 1rem);padding-top:6.2%;}
.work8_nr8_dn{display:block}
.work8_nr8_sj{display:none}
.work8_nr9{width:74.8%;margin-left: auto;margin-right: auto;padding-bottom:12.6%;font-family:gotham-Book}
.work8_nr9 img{width:100%;}	
.work8_nr10{max-width:867px;margin-left: auto;margin-right: auto;padding-top:8.8%;padding-bottom:8.8%;font-family:gotham-Book}
.work8_nr10 img{width:100%;}
/*动态媒体*/
/* 居中自适应视频容器 */
.cixed-video-container {
  max-width: 800px; /* 最大宽度 */
  width: 100%; /* 宽度自适应 */
  margin: 50px auto; /* 上下间距50px，左右自动居中 */
  position: relative;
}

/* 视频包装元素 - 保持比例 */
.video-ratio-keeper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9比例 (9/16=0.5625) */
  height: 0;
}

/* 视频元素样式 */
.cixed-video-container video,
.embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  background: #000;
}

/* 视频说明样式 */
.video-caption {
  text-align: center;
  margin-top: 15px;
  color: #777;
  font-size: 0.9rem;
  font-family: gotham-Book;
}

/* 响应式调整 */
@media (max-width: 850px) {
  .centered-responsive-video {
    max-width: 90%; /* 在小屏幕上缩小最大宽度 */
    margin: 30px auto; /* 减小上下间距 */
  }
}

@media (max-width: 750px) {
  .cixed-video-container {
    max-width: 100%; /* 在移动端占满宽度 */
    padding: 0 15px; /* 添加左右内边距 */
  }
  
  .video-caption {
    font-size: 0.8rem;
  }
}
.dual-gif-container {
    display: flex;
    justify-content: space-between;
    gap: 40px; /* 默认间距 */
    margin: 40px 0;
    width: 100%;
}

.gif-item {
    flex: 1;
    background: #0d1b2a;
    overflow: hidden;
    transition: all 0.4s ease;
    position: relative;
    /* 保持宽高比 */
    aspect-ratio: 16/9;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .gif-item::before {
        content: "";
        display: block;
        padding-top: 56.25%; /* 16:9 宽高比 */
    }

    .gif-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        transition: transform 0.4s ease;
    }