:root{ --Color:#00ffff; } [e36]{background: #e6e6e6;} [bgfff]{background: #ffffff;} @font-face{ font-family: 'Gilroy_Medium'; src: url(./Gilroy_Medium.ttf) format("truetype"); } @font-face{ font-family: 'Gilroy_Bold'; src: url(./Gilroy_Bold.ttf) format("truetype"); } @font-face{ font-family: 'JosefinSans_Regular'; src: url(./JosefinSans_Regular.ttf) format("truetype"); } @font-face{ font-family: 'Gilroy_Regular'; src: url(./Gilroy_Regular.otf); } .text-line,[text-line]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .text-line.line3,[text-line][line3]{-webkit-line-clamp:3;} .text-line.line4,[text-line][line4]{-webkit-line-clamp:4;} .text-line.line5,[text-line][line5]{-webkit-line-clamp:5;} #header{padding-top: 24px;top: 0;left: 0;right: 0;margin: auto;width: 100%;z-index: 1000;transition: 0.5s all;} #header.h2{background: rgba(0,0,0,.5);} #header.h3{background: rgba(0,0,0,1);} #header .search{margin-top: 17px;width: 22px;height: 33px;background: url(/static/images/icon1.png) no-repeat center center;} #header .nav .child{/*margin-right: 60px;*/margin-right: 45px;padding-bottom: 27px;padding-top: 22px;} #header .nav .w_w{height: 33px;} #header .nav .w_w div{top: 0;left: 0;right: 0;margin: auto;} #header .nav .w_w .t{color: #fff;white-space: nowrap;} #header .nav .w1 .t{color: #ffffff;font-size: 18px;font-family: 'Gilroy_Medium';text-transform: uppercase;} #header .nav .w2 .t{color: #fff;font-size: 16px;font-weight: bold;padding-bottom: 10px;border-bottom: 2px solid transparent;} #header .nav .w2{opacity: 0;z-index: 0;} #header .nav .child.cur .w1, #header .nav .child:hover .w1{opacity: 0;z-index: 0;} #header .nav .child.cur .w2, #header .nav .child:hover .w2{opacity: 1;z-index: 1;} #header .nav .child.cur .w2 .t{border-color: var(--Color);} #header .nav .two{top: 71px;left: -18px;width: 180px;height: 0;overflow: hidden;} /*#header .nav .child:nth-child(5) .two{left: 4px;}*/ #header .nav .child:nth-child(4) .two{left: 6px;} #header .nav .child:nth-child(5) .two{left: 18px;} #header .nav .two .h{background: rgba(26,26,26,.85);margin-top: 11px;} #header .nav .two .h:after{content: "";position: absolute;left: 35px;top: -11px;width: 21px;height: 11px;background: url(/static/images/icon2.png) no-repeat center center;opacity: .85;} #header .nav .two .t2{margin-top: 8px;width: 100%;padding: 10px 22px;color: #fff;font-size: 16px;} #header .nav .two .t2:hover{color: var(--Color);} /*定位*/ .thop{top: -106px;} @media (max-width: 1400px){ #header .nav .child{margin-right: 40px;} #header .search{margin-left: 20px;} } @media (max-width: 1280px){ #header .nav .w1 .t{font-size: 16px;} #header .nav .child{margin-right: 30px;} } @media (max-width: 1024px){ #header{padding-bottom: 24px;} #header .search{height: 54px;margin-right: 50px;margin-top: 0;margin-left: 0;} #header .nav{display: none;} #header .menu{height: 54px;width: 40px;background: url(/static/images/menu.png) no-repeat center center;} } .web-blank{width: 100%;height: 100%;display: none;z-index: 1001;top: 0;left: 0;bottom: 0;margin: auto;} #menu{width: 0;overflow: hidden;height: 100%;bottom: 0;margin: auto;top: 0;right: 0;z-index: 1002;background: #222;overflow-y: auto;} #menu.open{width: 50%;} #menu .close{height: 80px;width: 80px;background: url(/static/images/close.png) no-repeat 80% center/26px auto;margin-right: 5%;} #menu .nav{width: 90%;margin: 0 auto;} #menu .nav .child{border-top: 1px solid #ccc;padding: 24px 0;} #menu .nav .child:last-child{border-bottom: 1px solid #ccc;} #menu .nav .child .w_w{font-size: 20px;color: #fff;} #menu .nav .child.ct .w_w{background: url(/static/images/icon41.png) no-repeat 96% center/8px auto;} #menu .nav .child.in .w_w{background: url(/static/images/icon40.png) no-repeat 96% center/16px auto;} #menu .nav .child .two{height: 0;overflow: hidden;} #menu .nav .child .two .t2{font-size: 18px;margin-bottom: 20px;color: #ccc;width: 92%;margin-left: 3.6%;} #menu .nav .child .two .t2:first-child{margin-top: 20px;} #menu .nav .child .two .t2:hover{color: #fff;} @media (max-width: 750px){ #menu.open{width: 75%;} #menu .nav .child{padding: 30px 0;} #menu .nav .child .w_w{font-size: 26px;} #menu .nav .child.ct .w_w{-webkit-background-size: 11px auto;background-size: 11px auto;} #menu .nav .child.in .w_w{-webkit-background-size: 20px auto;background-size: 20px auto;} #menu .nav .child .two .t2:first-child{margin-top: 25px;} #menu .nav .child .two .t2{font-size: 24px;margin-bottom: 25px;} } /*搜索框*/ .search_outer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%;opacity: 0; pointer-events: none; z-index: 100; transform: scale(1.5);} .search_outer .boxs{width: 100%; height: 100%; } .search_outer .black{width: 100%; height: 100%; background: rgba(0, 0, 0, .9); top: 0;left: 0;} .search_outer.show{ opacity: 1; pointer-events: visible; transform: scale(1);} .search_outer .search_in{ z-index: 2;display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 650px; height: 100%;} .search_outer .search_in .search_form{ width: 100%; border-bottom: 1px solid #e4e4e4;} .search_outer .search_in .search_form input[name=Keyword]{ padding-right: 60px; width: 100%; height: 96px; line-height: 96px; font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]::-webkit-input-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]::-moz-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]:-moz-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]:-ms-input-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form .submit{ right: 0; top: 50%; width: 24px; height: 24px; background: url(/static/images/icon1.png) no-repeat center center;cursor: pointer; transform: translateY(-50%);} @media (max-width: 756px){ .search_outer .search_in{width: 80%;} .search_outer .search_in .search_form input[name=Keyword]{padding-right: 20%;} .search_outer .search_in .search_form .submit{width: 18%;height: 60px;} } /*底部*/ #footer{background: #1a1a1a;padding: 80px 0 65px;} #footer .nav{padding-bottom: 65px;margin-bottom: 50px;border-bottom: 1px solid #313131;} #footer .nav .chil{width: 15%;padding-right: 3%;} #footer .nav .chil.follow{width: auto;padding-right: 0;} #footer .nav .chil.follow .code{margin-top: 30px;} #footer .nav .chil.follow .code:first-child{margin-top: 0;} #footer .nav .chil.follow .code img{max-width: 130px;} #footer .nav .chil .t1{color: #f8f8f8;font-size: 18px;font-weight: bold;margin-bottom: 30px;} #footer .nav .chil .t1:hover{color: #fff;} #footer .nav .chil .t2{color: #808080;font-size: 16px;margin-bottom: 20px;} #footer .nav .chil .t2:hover{color: #fff;} #footer .nav .follow .t{margin-top: 20px;color: #808080;font-size: 16px;} #footer .foot .msg{width: 70%;} #footer .foot .msg .log{max-width: 16.33%;margin-right: 6.12%;} #footer .foot .msg .msg2{max-width: 77.55%} #footer .foot .msg .msg2 .con{margin-bottom: 15px;} #footer .foot .msg .msg2 *{color: #808080;font-size: 16px;line-height: 18px;} #footer .foot .msg .msg2 a:hover{color: #fff;} #footer .foot .msg .msg2 .copyr{padding-right: 16px;margin-right: 16px;height: 20px;border-right: 2px solid #808080;} #footer .foot .share{margin-top: 30px;} #footer .foot .share .s{margin-left: 25px;background-repeat: no-repeat;background-position: center center;background-color: #333333;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;width: 40px;height: 40px;} #footer .foot .share .s:hover{background-color: rgba(51,51,51,.5);} #footer .foot .share .wx{margin-left: 0;background-image: url(/static/images/icon4.png);} #footer .foot .share .wx:hover{margin-left: 0;background-image: url(/static/images/icon4_2.png);} #footer .foot .share .qq{background-image: url(/static/images/icon5.png);} #footer .foot .share .qq:hover{background-image: url(/static/images/icon5_2.png);} #footer .foot .share .sina{background-image: url(/static/images/icon6.png);} #footer .foot .share .sina:hover{background-image: url(/static/images/icon6_2.png);} #footer .foot .sup{color: #808080;font-size: 16px;margin-top: 20px;} #footer .foot .sup a:hover{color: #fff;} @media (max-width: 1480px){ #footer .nav .chil{width: 14.2%;} } @media (max-width: 1400px){ #footer .foot .msg{width: 80%;} } @media (max-width: 1070px){ #footer, #footer .nav{padding-bottom: 50px;} #footer .nav .chil{padding: 0 2%;text-align: center;width: 16.6%;} #footer .nav .chil.follow{padding-left: 0;padding-top: 50px;margin-top: 30px;width: 100%;border-top: 1px solid #313131;display: block;} #footer .nav .follow .t{text-align: center;} #footer .nav .chil.follow .t1{display: none;} #footer .nav .chil:nth-child(6){margin-right: 0;} #footer .foot .msg{width: 100%;float: none;} #footer .foot .share{float: none;text-align: center;} #footer .foot .msg .log{max-width: 18.33%;} #footer .foot .msg .msg2{max-width: 73%;} } @media (max-width: 981px){ #footer{padding-top: 20px;} #footer .nav .chil{border-bottom: 1px solid #313131;display: block;width: 100%;padding: 25px 0;text-align: left;} #footer .nav .chil .t1{cursor: pointer;margin-bottom: 0;background: url(/static/images/info_add.png) no-repeat 98% center;} #footer .nav .chil.in .t1{background-image: url(/static/images/info_jess.png);} #footer .nav .chil .two{height: 0;overflow: hidden;} #footer .nav .chil .t2:first-child{margin-top: 20px;} #footer .nav .chil.follow{margin-top: 0;border-bottom: none;border-top: none;padding-bottom: 0;} #footer .foot .msg .log{display: none;} #footer .foot .msg .msg2{max-width: 100%;width: 100%;text-align: center;} } @media (max-width: 750px){ #footer .nav .chil{padding: 32px 0;} #footer .nav .chil .t1{font-size: 26px;} #footer .nav .chil .t2{font-size: 24px;margin-bottom: 25px;} #footer .nav .chil .t2:first-child{margin-top: 25px;} #footer .foot .msg .msg2 .con, #footer .foot .msg .msg2 *, #footer .foot .sup, #footer .nav .follow .t{font-size: 24px;line-height: 36px;} #footer .foot .msg .msg2 .copyr{height: auto;border-right: none;padding-right: 0;} #footer .foot .share .s{width: 60px;height: 60px;} } #float{width: 53px;bottom: 30%;right: 0;z-index: 1000;background: #fff;box-shadow: 0 0 20px 1px rgba(0,0,0,.1);} #float .btn{height: 55px;width: 100%;background-repeat: no-repeat;background-position: center center;} #float .n1{background-image: url(/static/images/icon35.png);} #float .wx{background-image: url(/static/images/icon36.png);} #float .code{width: 0px;height: 180px;top: 0;right: 50px;overflow: hidden;} #float .code .m-pic{width: 160px;height: 160px;margin: 0px 20px 10px 0;z-index: 2;position: relative;background: #f3f3f3;} #float .wx:hover .code{width: 180px;} #float .tel{background-image: url(/static/images/icon37.png);} #float .tel2{display: none;} /*#float .tel .td{width: 0;height: 55px;overflow: hidden;text-align: center;right: 50px;top: 0px;line-height: 30px;font-weight: bold;}*/ #float .tel .td{width: 0;height: 85px;overflow: hidden;text-align: center;right: 50px;top: 0px;line-height: 30px;font-weight: bold;} /*#float .tel .td .t{width: 170px;margin: 5px 20px 2px 5px;background: #f3f3f3;padding: 10px 10px 5px;color: #666;font-size: 14px;z-index: 2;position: relative;}*/ #float .tel .td .t{width: 275px;margin: 5px 20px 2px 5px;background: #f3f3f3;padding: 10px 10px 5px;color: #666;font-size: 14px;z-index: 2;position: relative;} #float .wx .code:after, #float .tel .td:after{content: "";position: absolute;top: 0;bottom: 0;margin: auto;right: 11px;width: 9px;height: 21px;background: url(/static/images/icon39.png) no-repeat center center;} #float .wx .code:after{top: 17px;bottom: auto;} #float .tel .td:hover .t{color: #333;} #float .tel:hover .td{width: 300px;} #float .top{background-image: url(/static/images/icon38.png);} #float .n1:hover{background-image: url(/static/images/icon35_2.png);} #float .wx:hover{background-image: url(/static/images/icon36_2.png);} #float .tel:hover{background-image: url(/static/images/icon37_2.png);} #float .top:hover{background-image: url(/static/images/icon38_2.png);} @media (max-width: 750px){ #float{display: none;} #float .tel{display: none;} #float .tel.t2{display: block;height: 55px;width: 100%;} } /*首页-广告图*/ #index-swiper {z-index: 2;} #index-swiper .pc .m-pic:after{padding-top: 47.92%;} #index-swiper .pc .video .absolute{width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 2;} #index-swiper .pc .video video{max-width: 100%;height: 100%;object-fit: fill;} #index-swiper .mobile .m-pic:after{padding-top: 96%;} #index-swiper .swiper-pagination{bottom: 45px;} #index-swiper .swiper-pagination span{width: 20px;height: 20px;margin: 0 4px;position: relative;display: inline-block;vertical-align: top;background: transparent;opacity: 1;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} #index-swiper .swiper-pagination span svg{z-index: 0;opacity: 0;} #index-swiper .swiper-pagination span:before{display: none;} #index-swiper .swiper-pagination span:after{content:"";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 10px;height: 10px;background: rgba(255,255,255,.5);border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} #index-swiper .swiper-pagination span.swiper-pagination-bullet-active{border-color: rgba(255,255,255,.3);} #index-swiper .swiper-pagination span.swiper-pagination-bullet-active svg{z-index: 1;opacity: 1;} #index-swiper .swiper-pagination span.swiper-pagination-bullet-active:after{background: var(--Color);} /*内页-广告图*/ #inner-swiper .pic{font-size: 0;} #inner-swiper .pic .bg2, #inner-swiper .pic .bg1{width: 100%;height: 100%;top: 0;left: 0;right: 0;margin: auto;bottom: 0;background-attachment: fixed;} #inner-swiper .pic .bg2{display: none;} #inner-swiper .pic:after{content: "";width: 100%;display: inline-block;position: relative;padding-top: 37.86%;background: rgba(0,0,0,.4);} #inner-swiper.pic-exhibition .pic:after, #inner-swiper.pic-digital .pic:after, #inner-swiper.pic-about .pic:after{background: rgba(0,0,0,.3);} #inner-swiper .con{top: 39.58%;z-index: 2;left: 0;right: 0;margin: auto;transform: inherit;} #inner-swiper .tit{color: #ffffff;font-size: 48px;font-weight: lighter;margin-bottom: 20px;} #inner-swiper .tit-en{color: #ffffff;font-size: 36px;font-family: 'Gilroy_Regular';} #inner-swiper .cate2{bottom: 0;left: 0;right: 0;z-index: 10;} #inner-swiper .cate2 .cw1400{background: rgba(26,26,26,.85);} #inner-swiper .cate2 .cate{margin: 0 0.857%;color: #ffffff;font-size: 16px;line-height: 61px;overflow: hidden;padding: 0 3% 4px 3%;} #inner-swiper .cate2 .cate:after{content: "";position: absolute;bottom: -4px;left: 0;right: 0;margin: auto;width: 100%;height: 4px;background: var(--Color);transition: 0.5s all;} #inner-swiper .cate2 .cate:hover::after, #inner-swiper .cate2 .cate.cur:after{bottom: 0;} @media (max-width: 1400px){ #inner-swiper .con{top: 42%;} #inner-swiper .tit{font-size: 36px;} #inner-swiper .tit-en{font-size: 28px;} } @media (max-width: 1200px){ #inner-swiper .cate2 .cate{padding: 0 3% 4px;} #inner-swiper .con{top: 44%;} #header .nav .two .t2{margin-top: 10px;font-size: 14px;} #inner-swiper .tit{font-size: 30px;margin-bottom: 10px;} #inner-swiper .tit-en{font-size: 22px;} } @media (max-width: 1024px){ #inner-swiper .cate2{display: none;} } @media (max-width: 750px){ #index-swiper .pc{display: none;} #index-swiper .mobile{display: block;} #inner-swiper .pic .bg1{display: none;} #inner-swiper .pic .bg2{display: block;background-attachment: inherit;background-repeat: no-repeat;background-position: center center;} #inner-swiper .pic:after{padding-top: 80%;} #inner-swiper .tit{font-size: 32px;} #inner-swiper .tit-en{font-size: 26px;} } /*首页*/ /*公共*/ #index .pub-en{color: #333333;font-size: 80px;font-family: 'JosefinSans_Regular';} #index .pub-tit{color: #333333;font-size: 30px;} #index .pub-desc{margin-top: 50px;color: #333333;font-size: 16px;line-height: 36px;} #index .more{width: 32px;height: 32px;border: 1px solid #393939;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background: url(/static/images/icon22.png) no-repeat center center;} #index .more:hover{transform: rotate(180deg);} #index .ind1{padding: 110px 0 160px;} #index .ind1 .left{width: 28.75%;margin-top: 40px;} #index .ind1 .right{width: 65.625%;} #index .ind1 .right .li{width: 28.57%;margin-right: 7.145%;} #index .ind1 .right .li .m-pic:after{padding-top: 87.33%;} #index .ind1 .right .li .m-pic, #index .ind1 .right .li .m-pic img{border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} #index .ind1 .right .li .m-pic img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} #index .ind1 .right .li:hover .m-pic img{-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;filter: none;} #index .ind1 .right .li .t1{margin-top: 40px;margin-bottom: 10px;color: #333333;font-size: 20px;font-family: 'Gilroy_Regular';} #index .ind1 .right .li .t2 .t{color: #333333;font-size: 20px;font-weight: bold;z-index: 2;padding-bottom: 5px;} #index .ind1 .right .li .t2:after{content: "";position: absolute;right: 0;bottom: 3px;width: 0;height: 8px;background: var(--Color);transition: 0.5s all;} #index .ind1 .right .li:nth-child(3){margin-right: 0;} #index .ind1 .right .li:hover .t2:after{width: 100%;left: 0;right: auto;} #index .ind2{padding: 120px 0;} #index .ind2 .list{padding-bottom: 100px;margin-bottom: 100px;border-bottom: 1px solid #e6e6e6;} #index .ind2 .list:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;} #index .ind2 .left{width: 200px;margin-top: 1.6%;} #index .ind2 .title-en{color: #333333;font-size: 60px;/*font-family: 'JosefinSans_Regular';*/line-height: 60px;margin-bottom: 15px;} #index .ind2 .title-1{color: #333333;font-size: 24px;font-weight: bold;margin-bottom: 50px;} #index .ind2 .right{width: 72.2%;} #index .ind2 .case{width: 20.78%;margin-right: 18.83%;margin-bottom: 20px;} #index .ind2 .case .m-pic, #index .ind2 .case .m-pic img{border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} #index .ind2 .case .m-pic .i2{opacity: 0;z-index: 0;} #index .ind2 .case .m-pic:after{padding-top: 100%;} #index .ind2 .case .t-en{margin-top: 20px;color: #333333;font-size: 20px;height: 46px;line-height: 23px;font-family: 'Gilroy_Regular';margin-bottom: 10px;} #index .ind2 .case .t-cn{max-width: 100%;padding-bottom: 1px;} #index .ind2 .case .t-cn .t{color: #333333;font-size: 18px;z-index: 2;} #index .ind2 .case .t-cn:after{content: "";position: absolute;right: 0;bottom: 0;width: 0;overflow: hidden;height: 8px;background: var(--Color);transition: 0.5s all;} #index .ind2 .case:nth-child(3n){margin-right: 0;} #index .ind2 .case:hover .t-cn:after{width: 100%;} #index .ind2 .case:hover .t-cn:after{width: 100%;right: auto;left: 0;} #index .ind2 .case:hover .m-pic .i1{opacity: 0;z-index: 0;} #index .ind2 .case:hover .m-pic .i2{opacity: 1;z-index: 1;} #index .ind3{padding: 120px 0 108px;} #index .ind3 .left{width: auto;} #index .ind3 .content{width: 50%;margin-right: 1%;} #index .ind3 .big1{color: #333333;font-size: 48px;line-height: 56px;font-family: 'Gilroy_Regular';} #index .ind3 .dd{margin: 10px 0 40px;} #index .ind3 .dd span{color: #333333;font-size: 40px;font-weight: bold;z-index: 2;line-height: 58px;} #index .ind3 .dd .td:after{content: "";position: absolute;bottom: -1px;left: 0;right: 0;margin: auto;width: 100%;height: 12px;background: var(--Color);} #index .ind3 .brief{color: #333333;font-size: 16px;line-height: 30px;} #index .ind3 .more{margin-top: 45px;} #index .ds{background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;} #index .ds.top{width: 100%;top: 106px;left: 0;right: 0;margin: auto;} #index .ds .inbox{padding-top: 50%;} #index .ds .en{width: 116.61%;padding-top: 10.1%;left: 8.33%;bottom: 0;background: url(/static/images/img5.png) no-repeat center center/100% auto;} #index .ind4 .ds .bg{opacity: 0;z-index: 0;pointer-events: none;} #index .ind4 .ds .inbox{padding-top: 25%;background: rgba(0,0,0,.7);} #index .ind5{padding: 130px 0 120px;} #index .ind5 .partner-list{margin-top: 65px;} #index .ind5 .pn{width: 10%;margin-right: 5%;} #index .ind5 .pn:nth-child(7n){margin-right: 0;} #index .ind5 .pn .m-pic{width: 90%;margin: 0 auto;} #index .ind5 .pn .m-pic:after{padding-top: 100px;} #index .ind5 .pn .b-pic:hover img{transform: scale(1.02);} #index .ind6{padding: 140px 0 75px;} #index .ind6 .list{width: 64.375%;} #index .ind6 .list .info{padding-bottom: 55px;margin-bottom: 60px;border-bottom: 1px solid #cccccc;} #index .ind6 .list .info .m-pic{width: 31.07%;} #index .ind6 .list .info .m-pic:after{padding-top: 56.25%;} #index .ind6 .list .info .con{width: 63.689%;} #index .ind6 .list .info .date{margin-bottom: 8.5%;color: #333333;font-size: 18px;font-family: 'Gilroy_Regular';} #index .ind6 .list .info .title{margin-bottom: 15px;max-width: 100%;padding-bottom: 3px;} #index .ind6 .list .info .title .t{z-index: 2;color: #333333;font-size: 24px;font-weight: bold;} #index .ind6 .list .info .title:after{content: "";position: absolute;left: 0;bottom: 0px;width: 0;height: 10px;overflow: hidden;background: var(--Color);transition: 0.5s all;} #index .ind6 .list .info .desc{color: #333333;font-size: 16px;line-height: 30px;height: 60px;} #index .ind6 .list .info:hover .title:after{width: 100%;} #index .ind6 .list .w{width: 63.689%;} /*#index .ind6 .list .more{margin: 0 auto;}*/ #index .foot{z-index: 2;} @media (max-width: 1820px){ #index .ds .inbox{padding-top: 65%;} } @media (max-width: 1680px){ #index .pub-en{font-size: 72px;} #index .ind2 .right{width: 70%;} #index .ind2 .case{width: 22.58%;margin-right: 16%;} } @media (max-width: 1460px){ #index .ind1{padding: 100px 0 120px;} #index .ind1 .right{margin-top: 5%;} #index .ind3 .content{width: 60%;} #index .ind5{padding: 100px 0;} #index .ind5 .partner-list{margin-top: 35px;} #index .ind6{padding: 100px 0 75px;} #index .ind6 .list .info .date{margin-bottom: 3%;} } @media (max-width: 1280px){ #index .ind1{padding: 80px 0px;} #index .ind1 .left{margin-top: 0;} #index .ind1 .right, #index .ind1 .left{width: 100%;float: none;} #index .ind1 .left{text-align: center;} #index .ind1 .right{margin-top: 8%;} #index .ind2 .title-en{font-size: 42px;} #index .ind3 .big1{font-size: 32px;line-height: 48px;} #index .ind3 .dd span{font-size: 30px;line-height: 42px;} #index .ind3 .brief{font-size: 18px;line-height: 38px;} #index .ind3 .more{margin: 60px auto 0;} #index .ind3{padding: 100px 0;} #index .ind3 .left, #index .ind3 .content{float: none;width: 100%;} #index .ind3 .left{margin-bottom: 60px;text-align: center;} #index .ind3 .content{text-align: center;} #index .ds .inbox{padding-top: 80%;} #index .ind5{padding: 80px 0;} #index .ind5 .pn:nth-child(7n), #index .ind5 .pn{width: 16.8%;margin-right: 4%;} #index .ind5 .pn:nth-child(5n){margin-right: 0;} #index .ind6 .list .info .title .t{font-size: 20px;} } @media (max-width: 1200px){ #index .ind6 .left, #index .ind6 .list{width: 100%;float: none;} #index .ind6 .left{text-align: center;margin-bottom: 80px;} #index .ind6 .list .w{width: 100%;} #index .ind6 .list .w .more{margin: 0 auto;} #index .ind5{text-align: center;} #index .ind5 .partner-list{text-align: left;} } @media (max-width: 1024px){ #index .pub-en{font-size: 56px;} #index .ind6{padding: 80px 0;} #index .ind2 .right, #index .ind2 .left{width: 100%;float: none;} #index .ind2 .left{text-align: center;margin-bottom: 40px;} #index .ind2{padding: 90px 0;} #index .ind2 .list{padding-bottom: 80px;margin-bottom: 60px;} #index .more{margin-left: auto;margin-right: auto;} #index .ind2 .title-1{margin-bottom: 30px;} #index .ind2 .title-en{margin-bottom: 10px;} #index .ind4 .ds .inbox{padding-top: 80%;} #index .ind4 .ds .bg{opacity: 1;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;} #index .ind4 .ds .inbox{z-index: 2;} #index .ds.top{display: none;} } @media (max-width: 981px){ #index .ind5 .pn:nth-child(5n), #index .ind5 .pn:nth-child(7n), #index .ind5 .pn{width: 33%;padding: 2%;margin: 0;} #index .ind2 .case{width: 26%;margin-right: 11%;} } @media (max-width: 750px){ #index .pub-desc{font-size: 26px;line-height: 38px;} #index .ind1 .right .li .t2 .t, #index .ind6 .list .info .desc, #index .ind3 .brief, #index .ind1 .right .li .t1{font-size: 24px;line-height: 36px;} #index .ind3 .brief{line-height: 38px;} #index .ind3 .big1{font-size: 30px;} #index .ind3 .dd span{font-size: 26px;line-height: 38px;} #index .ind6 .list .info .desc{height: 72px;} #index .ind6 .list .info .m-pic{width: 42%;} #index .ind6 .list .info .con{width: 52%;} #index .ind6 .list .info .date{font-size: 24px;} #index .ind6 .list .info .title .t{font-size: 26px;} #index .ind2 .case .t-cn .t, #index .ind2 .case .t-en{font-size: 22px;} #index .ind2 .case{width: 29%;margin-right: 6%;} #index .ind5 .pn:nth-child(5n), #index .ind5 .pn:nth-child(7n), #index .ind5 .pn{width: 50%;padding: 2%;margin: 0;} #index .ind2{padding: 80px 0;} #index .more{width: 40px;height: 40px;} } /*联系我们*/ #contact .public .t1{font-family: 'JosefinSans_Regular';font-size: 80px;margin-bottom: 5px;} #contact .public .t2{font-size: 30px;} #contact .process{padding: 90px 0 120px;background: #fff url(/static/images/img1.png) no-repeat center bottom;} #contact .process .public{margin-bottom: 90px;} #contact .process .con1{width: 70%;} #contact .process .list:after, #contact .process .list:before{content: "";position: absolute;top: 18px;width: 13.54%;height: 1px;background: #585858;} #contact .process .list:before{left: 0;} #contact .process .list:after{right: 0;} #contact .process .slide{width: 120px;background: url(/static/images/icon3.png) no-repeat right 14px;} #contact .process .slide:last-child{background: none;} #contact .process .slide .m-pic{width: 45px;height: 45px;margin: 0 auto 25px;} #contact .process .slide .con{padding: 0 41px;} #contact .process .slide .t{color: #333;font-size: 16px;width: 16px;margin: 0 auto;} #contact .process .t1, #contact .process .t2{color: #333;} #contact #way{top: -105px;} #contact .way{padding: 90px 0 147px;} #contact .way .t1, #contact .way .t2{color: #333333;} #contact .way .desc{font-size: 16px;color: #333333;margin: 20px 0 60px;} #contact .way .list{margin-bottom: 48px;} #contact .way .list .con{width: 25%;padding: 0 2.5%;} #contact .way .list .i{width: 70px;height: 70px;margin: 0 auto;border: 1px solid #333333;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background-repeat: no-repeat;background-position: center center;} #contact .way .list .tit{margin: 20px 0;color: #333333;font-size: 16px;font-weight: bold;} #contact .way .list .t{color: #333333;font-size: 16px;line-height: 26px;} #contact .way .list .t:nth-child(4){margin-top: 5px;} #contact .way .tel .i{background-image: url(/static/images/icon18.jpg);} #contact .way .fax .i{background-image: url(/static/images/icon19.jpg);} #contact .way .email .i{background-image: url(/static/images/icon20.jpg);} #contact .way .add .i{background-image: url(/static/images/icon21.jpg);} #container{height: 600px;} @media (max-width: 1866px){ #contact .process .con1{width: 1210px;} #contact .process .slide{width: 110px;} #contact .process .slide .con{padding: 0 20px;} } @media (max-width: 1680px){ #contact .process .list:after, #contact .process .list:before{width: 10%;} } @media (max-width: 1500px){ #contact .public .t1{font-size: 56px;} #contact .public .t2{font-size: 26px;} #contact .process .list:after, #contact .process .list:before{width: 14%;} #contact .process .con1{width: 990px;} #contact .process .slide{width: 90px;} #contact .process .slide .con{padding: 0 15px;} } @media (max-width: 1350px){ #contact .process .list:after, #contact .process .list:before{width: 13%;} #contact .process .slide .t{font-size: 14px;} #contact .process .con1{width: 880px;} #contact .process .slide{width: 80px;} #contact .process .slide .con{padding: 0 10px;} } @media (max-width: 1200px){ #contact .process{padding: 80px 0 100px;} #contact .way{padding: 80px 0 120px;} #contact .process .public{margin-bottom: 70px;} #contact .process .list:after, #contact .process .list:before{width: 9.6%;} #contact .way .list .i{width: 60px;height: 60px;-webkit-background-size: 22px auto;background-size: 22px auto;} } @media (max-width: 1070px){ #contact .process .con1{width: 76%;} #contact .process .slide{width: 16%;margin-bottom: 5%;} } @media (max-width: 1024px){ #contact .process{padding: 70px 0 90px;} #contact .way{padding: 70px 0 100px;} #contact .public .t1{font-size: 48px;} } @media (max-width: 850px){ #contact .way .list{margin-bottom: 20px;} #contact .way .list .con{width: 48%;margin-right: 4%;margin-bottom: 6%;} #contact .way .list .tit{margin: 12px 0;} #contact .way .list .con:nth-child(2n){margin-right: 0;} } @media (max-width: 756px){ #contact .process .slide{width: 25%;text-align: center;margin-bottom: 8%;} #contact .process .slide .t{width: auto;} #contact .process .slide .t{font-size: 20px;} #contact .public .t2{font-size: 28px;} #contact .way .desc{font-size: 24px;width: 90%;margin-left: auto;margin-right: auto;line-height: 36px;} #contact .way .list .i{width: 80px;height: 80px;-webkit-background-size: auto;background-size: auto;} #contact .way .list .con{padding: 0;margin-bottom: 8%;} #contact .way .list .tit{margin: 22px 0;font-size: 26px;} #contact .way .list .t{font-size: 24px;line-height: 36px;} } /*新闻*/ #news{padding: 78px 0 60px;} #news .list .info .cw1400{padding: 40px 0;border-bottom: 1px solid #e6e6e6;} #news .list .info:hover{background: #f5f5f5;} #news .list .date .day{color: #333333;font-size: 54px;font-family: 'Gilroy_Bold';} #news .list .date .d2{font-size: 16px;} #news .list .msg{width: 68.71%;}/*962*/ #news .list .msg .m-pic{width: 33.26%;} #news .list .msg .m-pic:after{padding-top: 56.25%;} #news .list .msg .con{width: 60.08%;margin-right: 1.35%;margin-left: 5.31%;} #news .list .msg .title{max-width: 100%;margin-bottom: 13px;padding-bottom: 4px;} #news .list .msg .title:after{content: "";position: absolute;right: 0;bottom: 0;background: var(--Color);height: 10px;width: 0;overflow: hidden;transition: 0.5s all;} #news .list .msg .title .tt{color: #333333;font-size: 24px;font-weight: bold;z-index: 2;} #news .list .msg .desc{color: #333333;font-size: 16px;line-height: 30px;max-height: 60px;} #news .list .msg .more{margin-top: 6.8%;width: 32px;height: 32px;border: 1px solid #393939;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background: url(/static/images/icon22.png) no-repeat center center;} #news .list .msg .more:hover{transform: rotate(180deg);} #news .list .info:hover .msg .title:after{width: 100%;right: auto;left: 0;} /*详细页*/ #news-detail {padding-bottom: 50px;} #news-detail .top{padding: 80px 0 60px;} #news-detail .top .title{margin-bottom: 40px;color: #1a1a1a;font-size: 45px;font-weight: bold;} #news-detail .top .msg .t2{color: #333333;font-size: 16px;line-height: 36px;} #news-detail .top .msg .view{margin-left: 50px;} #news-detail .top .share .t{line-height: 36px;color: #333333;font-size: 16px;} #news-detail .top .share .s{width: 36px;height: 36px;background-repeat: no-repeat;background-position: center center;background-color: #666666;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;margin-left: 8px;} #news-detail .top .share .s1{background-image: url(/static/images/icon23.png);} #news-detail .top .share .s1:hover{background-color: #22ac38;} #news-detail .top .share .s2{background-image: url(/static/images/icon24.png);} #news-detail .top .share .s2:hover{background-color: #de0a0e;} #news-detail .top .share .s3{background-image: url(/static/images/icon25.png);} #news-detail .top .share .s3:hover{background-color: #12b7f5;} #news-detail .top .share .s4{background-image: url(/static/images/icon26.png);} #news-detail .top .share .s4:hover{background-color: #125cc2;} #news-detail .content{margin: 70px 0 40px;padding-bottom: 50px;border-bottom: 1px solid #e6e6e6;} #news-detail .links{max-width: 70%;} #news-detail .links .li{max-width: 100%;z-index: 2;color: #999999;font-size: 16px;} #news-detail .links .l2{margin-top: 15px;} #news-detail .links .li:hover{color: #333;} #news-detail .back{width: 200px;height: 55px;line-height: 55px;color: #ffffff;font-size: 16px;background: #333333;} #news-detail .back:hover{opacity: .6;} @media (max-width: 1460px){ #news .list .msg{width: 72%;} #news .list .msg .m-pic{width: 35%;} #news .list .msg .more{margin-top: 5%;} #news .list .msg .con{width: 58%;} } @media (max-width: 1280px){ #news .list .msg{width: 80%;} #news-detail .top{padding-top: 100px;} #news-detail .top .title{font-size: 32px;margin-bottom: 40px;} } @media (max-width: 1024px){ #news-detail .links{max-width: 100%;width: 100%;float: none;} #news-detail .back{float: none;margin: 60px auto 0;} } @media (max-width: 981px){ #news .list .date{display: none;} #news .list .msg{width: 100%;float: none;} #news .list .msg .date1{display: block;color: #666;font-size: 16px;margin-top: 20px;} #news .list .msg .title .tt{font-size: 20px;} #news .list .msg .con{margin-left: 0;width: 56%;} #news .list .msg .m-pic{width: 38%;} #news .list .msg .desc{line-height: 28px;height: 56px;} #news .list .msg .date1{margin-top: 10px;} #news-detail .top{padding-top: 80px;} #news-detail .top .title{font-size: 28px;} } @media (max-width: 850px){ #news-detail .top{text-align: center;} #news-detail .top .share, #news-detail .top .msg{float: none;} #news-detail .top .share{margin-top: 20px;} } @media (max-width: 750px){ #news-detail{padding-bottom: 80px;} #news .list .msg .title .tt{font-size: 26px;} #news .list .msg .desc{font-size: 24px;line-height: 36px;max-height: 72px;height: auto;} #news-detail .top .msg .t2, #news-detail .top .share .t, #news-detail .links .li, #news-detail .back, #news .list .msg .date1{font-size: 24px;} #news-detail .links .l2{margin-top: 20px;} #news-detail .top .title{font-size: 30px;margin-bottom: 45px;} } /*展馆*/ #exhibition{padding: 120px 0 80px;} #exhibition .museum{padding: 70px 0 55px;border-bottom: 1px solid #e6e6e6;} #exhibition .museum:first-child{padding-top: 0;} #exhibition .museum .tit-en{color: #333333;font-size: 48px;font-family: 'Gilroy_Regular';} #exhibition .museum .tit-cn{color: #333333;font-size: 30px;font-weight: bold;margin: 10px 0 25px;} #exhibition .museum .tit-dc{color: #333333;font-size: 16px;line-height: 30px;} /*工程、案例公用*/ .about-list .title{padding-bottom: 10px;color: #333333;font-size: 24px;font-weight: bold;} .pub-list .list .mus{margin-top: 45px;width: 15.71%;margin-right: 12.38%;overflow: visible;} .pub-list .list .mus:nth-child(4n){margin-right: 0;} .pub-list .list .mus .m-pic{width: 100%;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;overflow: hidden;margin-bottom: 35px;} .pub-list .list .mus .m-pic:after{padding-top: 100%;} .pub-list .list .mus .m-pic img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .pub-list .list .mus .t-en{/*text-transform: uppercase;*/margin: 30px 0 6px;color: #333333;font-size: 16px;line-height: 22px;max-height: 44px;font-family: 'Gilroy_Regular';} .pub-list .list .mus .t-cn{margin: 0 auto;max-width: 90%;} .pub-list .list .mus .t-cn:after{content: "";position: absolute;right: 0;bottom: -1px;width: 0;background: var(--Color);height: 8px;transition: 0.5s all;} .pub-list .list .mus .t-cn .t{line-height: 26px;z-index: 2;color: #333333;font-size: 18px;font-weight: bold;} .pub-list .list .mus:hover .t-cn:after{width: 100%;right: auto;left: 0;} .pub-list .list .mus:hover img{-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;filter: none;} .pub-more{margin-top: 40px;width: 48px;height: 48px;border: 2px solid #333333;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background: url(/static/images/icon27.png) no-repeat center center;} /*详细页与主题街区公用*/ #exhibition.in-detail{padding-bottom: 0;} #exhibition.in-detail .msg{width: 45.71%;} #exhibition.in-detail .msg .tit-en{color: #333333;font-size: 48px;font-family: 'Gilroy_Regular';} #exhibition.in-detail .msg .tit-cn{margin-bottom: 45px;color: #333333;font-size: 32px;font-weight: bold;} #exhibition.theme2{padding: 0;} #exhibition.theme3{padding: 120px 0 0px;} #exhibition.theme2 .top1{padding: 120px 0 140px;background: #e6e6e6 url(/static/images/tit1.png) no-repeat center bottom/100% auto;} #exhibition.theme2 .msg .tit-en{font-size: 48px;font-family: 'JosefinSans_Regular';text-transform: inherit;} #exhibition.theme2 .msg .tit-cn{font-size: 30px;margin: 10px 0;color: #333;} #exhibition.in-detail .msg .dd{max-width: 30%;} #exhibition.in-detail .msg .dt{padding-left: 4.7%;margin-left: 4.7%;border-left: 1px solid #666666;} #exhibition.in-detail .msg .dd .t1{color: #333333;font-size: 18px;font-family: 'Gilroy_Regular';} #exhibition.in-detail .msg .dd .t1.tt{font-family: '微软雅黑';} #exhibition.in-detail .msg .dd .t1:nth-child(2){margin-top: 15px;} #exhibition.in-detail .desc{width: 50%;} #exhibition.in-detail .desc .ds{color: #333333;font-size: 16px;line-height: 30px;} /*主题*/ #exhibition.theme1 .pic1{margin: 80px 0px;} #exhibition.theme1 .pic1 .key2{top: -106px;} #exhibition.theme1 .pic1 .cate{padding-bottom: 60px;margin-bottom: 60px;border-bottom: 1px solid #e6e6e6;} #exhibition.theme1 .pic1 .cate:last-child{padding-bottom: 0px;margin-bottom: 0px;border-bottom: none;} #exhibition.theme1 .pic1 .mobile{display: none;} #exhibition.theme1 .pic1 .mobile .m-pic:after{padding-top: 80%;} #exhibition.theme1 .pic1 .swiper-pagination{position: static;margin-top: 10px;} #exhibition.theme1 .pic1 .swiper-pagination span{width: 10px;height: 10px;margin: 0 8px;} #exhibition.theme1 .pic1 .swiper-pagination .swiper-pagination-bullet-active{background: var(--Color);} #exhibition.theme1 .pic1 .tit-en{color: #333333;font-size: 48px;font-family: 'Gilroy_Regular';} #exhibition.theme1 .pic1 .tit-cn{color: #333333;font-size: 30px;font-weight: bold;margin: 10px 0 25px;} #exhibition.theme1 .pic1 .tit-dc{color: #333333;font-size: 16px;line-height: 30px;} #exhibition.theme1 .pic1 .container{margin-top: 60px;} #exhibition.theme1 .desc{width: 58.21%;} #exhibition.theme1 .msg{width: 36%;} #exhibition.theme2 .desc .tit2{color: #333333;font-size: 24px;font-weight: bold;margin-bottom: 12px;} #exhibition.in-detail .picture{margin: 95px 0 70px;} #exhibition.in-detail .picture .pic{margin-bottom: 10px;} #exhibition.in-detail .picture .pic:last-child{margin-bottom: 0px;} #exhibition.theme2 .picture{margin-bottom: 40px;} #exhibition.theme2 .intro{margin-bottom: 70px;} #exhibition .video:after{padding-top: 50%;} #exhibition .video .absolute{width: 100%;height: 100%;top: 0;left: 0;right: 0;margin: auto;bottom: 0;z-index: 2;} #exhibition .video video{max-width: 100%;max-height: 100%;} #exhibition.in-detail .bottom{margin-bottom: 78px;padding: 34px 0;border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;} #exhibition.in-detail .bottom .back{width: 200px;height: 55px;line-height: 55px;color: #ffffff;font-size: 16px;background: #333333;} #exhibition.in-detail .bottom .back:hover{opacity: .6;} #exhibition.in-detail .bottom .share{margin-top: 10px;} #exhibition.in-detail .bottom .share .t{line-height: 36px;color: #333333;font-size: 16px;} #exhibition.in-detail .bottom .share .s{width: 36px;height: 36px;background-repeat: no-repeat;background-position: center center;background-color: #666666;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;margin-left: 8px;} #exhibition.in-detail .bottom .share .s1{background-image: url(/static/images/icon23.png);} #exhibition.in-detail .bottom .share .s1:hover{background-color: #22ac38;} #exhibition.in-detail .bottom .share .s2{background-image: url(/static/images/icon24.png);} #exhibition.in-detail .bottom .share .s2:hover{background-color: #de0a0e;} #exhibition.in-detail .bottom .share .s3{background-image: url(/static/images/icon25.png);} #exhibition.in-detail .bottom .share .s3:hover{background-color: #12b7f5;} #exhibition.in-detail .bottom .share .s4{background-image: url(/static/images/icon26.png);} #exhibition.in-detail .bottom .share .s4:hover{background-color: #125cc2;} #exhibition.in-detail .about-list{padding: 85px 0 70px;} #exhibition.in-detail .in-cate{padding-top: 0;padding-bottom: 90px; } #exhibition.theme1 .about-list{background: #e6e6e6;padding: 80px 0 100px;} #exhibition.theme1 .pub-more{margin-top: 65px;} /*数字艺术*/ #digital .msg{padding: 120px 0 60px;} #digital .msg .tit-en{color: #333333;font-size: 48px;font-family: 'JosefinSans_Regular';} #digital .msg .tit-cn{margin-bottom: 25px;color: #333333;font-size: 32px;font-weight: bold;} #digital .msg .desc{color: #333333;font-size: 16px;line-height: 30px;} #digital .art-list .li .df{width: 100%;display: flex;align-items: center;} #digital .art-list .li .con, #digital .art-list .li .img{width: 50%;} #digital .art-list .li .img .m-pic{width: 100%;background: #1a1a1a;} #digital .art-list .li .img .m-pic:after{padding-top: 56.25%;} #digital .art-list .li .img .vid{width: 100%;height: 100%;top: 0;left: 0;right: 0;margin: auto;z-index: 10;} #digital .art-list .li .img .vid video{max-width: 100%;height: 100%;object-fit: fill;} #digital .art-list .li .img .swiper-pagination{bottom: 30px;} #digital .art-list .li .img .swiper-pagination span{width: 10px;height: 10px;background: #f5f5f5;margin: 0 6px;opacity: 1;} #digital .art-list .li .img .swiper-pagination .swiper-pagination-bullet-active{width: 24px;border-radius: 25px;background: var(--Color);} #digital .art-list .li .ww{width: 63.85%;} #digital .art-list .li .tit-en{font-size: 36px;font-family: 'Gilroy_Regular';color: #333333;} #digital .art-list .li .tit{margin: 10px 0 30px;font-size: 30px;color: #333333;} #digital .art-list .li .dd{color: #333333;font-size: 16px;line-height: 30px;} #digital .art-list .li.one .ww{margin-left: 9.375%;} #digital .art-list .li.two .ww{margin-left: 28.5625%;} #digital .art-list .li.one .con{order: 2;} #digital .about-list{padding: 70px 0 90px;} @media (max-width: 1460px){ #digital .art-list .li .ww{width: 76%;} #digital .art-list .li.two .ww{margin-left: 14.56%;} #digital .art-list .li .tit-en{font-size: 32px;} #digital .art-list .li .tit{font-size: 28px;} } @media (max-width: 1200px){ #exhibition.theme3, #digital .msg{padding-top: 90px;} #digital .art-list .li .ww{width: 80%;} #digital .art-list .li.two .ww{margin-left: 9.56%;} #digital .art-list .li .tit-en{font-size: 28px;} #digital .art-list .li .tit{font-size: 24px;margin-bottom: 15px;} #digital .art-list .li .dd{font-size: 15px;line-height: 28px;} #exhibition.in-detail .top1{padding: 100px 0 110px;} } @media (max-width: 960px){ #digital .pic1{margin-bottom: 90px;} #digital .art-list .li{margin-bottom: 60px;} #digital .art-list .li:last-child{margin-bottom: 0;} #digital .art-list .li.two .ww, #digital .art-list .li.one .ww{width: 86%;margin: 0 auto 40px;} #digital .art-list .li .df{display: block;align-items: inherit;} #digital .art-list .li .con, #digital .art-list .li .img{width: 100%;} } @media(max-width: 750px){ #digital .art-list .li .tit-en{font-size: 32px;} #digital .art-list .li .tit{font-size: 28px;margin-bottom: 25px;} #digital .msg .desc, #digital .art-list .li .dd{font-size: 26px;line-height: 38px;} #exhibition.theme1 .pic1 .pc{display: none;} #exhibition.theme1 .pic1 .mobile{display: block;} } /*关于我们*/ #about .pub-en{color: #333333;font-size: 80px;font-family: 'JosefinSans_Regular';} #about .pub-cn{color: #333333;font-size: 30px;margin-top: 10px;} #about .sox1{padding: 120px 0 140px;background: #e6e6e6 url(/static/images/img2.png) no-repeat center bottom/100% auto;} #about .sox1 .left{width: 36.79%;} #about .sox1 .content{width: 60%;} #about .sox1 .big1{color: #333333;font-size: 48px;line-height: 56px;font-family: 'Gilroy_Regular';} #about .sox1 .dd{margin: 10px 0 40px;} #about .sox1 .dd span{color: #333333;font-size: 40px;font-weight: bold;z-index: 2;line-height: 58px;} #about .sox1 .dd .td:after{content: "";position: absolute;bottom: -1px;left: 0;right: 0;margin: auto;width: 100%;height: 12px;background: var(--Color);} #about .sox1 .brief{color: #333333;font-size: 16px;line-height: 30px;} #about .sox2{padding: 85px 0 100px;} #about .history .his{padding: 50px 0;border-bottom: 1px solid #e5e5e5;} #about .history .his:first-child{padding-top: 85px;} #about .history .his:last-child{padding-bottom: 0;border-bottom: none;} #about .history .his .left{width: 22.857%;} #about .history .his .left .t1{color: #333333;font-size: 24px;font-family: 'Gilroy_Regular';} #about .history .his .left .t2{color: #333333;font-size: 20px;font-weight: bold;margin-top: 10px;} #about .history .his .right{width: 72.857%;} #about .history .his .year{width: 19.12%;color: #333333;font-size: 20px;font-family: 'Gilroy_Bold';line-height: 30px;} #about .history .his .con{width: 74.51%;margin-left: 6.37%;} #about .history .his .th{margin-top: 20px;color: #333333;font-size: 16px;line-height: 30px;} #about .history .his .th:first-child{margin-top: 0;} #about .sox3{background: #e6e6e6;padding: 115px 0 130px;} #about .honor .right{width: 50%;} #about .honor .right .pic{width: 31.71%;margin-right: 2.28%;margin-top: 2.57%;} #about .honor .right .pic.hide{display: none;} #about .honor .right .pic:hover img{transform: scale(1.06);box-shadow: 0 0 15px 3px #d6d6d6;} #about .honor .right .pic .m-pic:after{padding-top: 135%;} #about .honor .right .pic:first-child{margin-top: 0;} #about .honor .right .pic:nth-child(5){margin-right: 0;} #about .honor .right .hor2{width: 66%;margin: 0;} #about .honor .right .hor2 .m-pic:after{padding-top: 64.94%;} #about .honor .right .hor2:hover img{transform: scale(1.04);} #about .honor .left{width: 47%;} #about .honor .left .desc{margin: 6.5% 0 10%;height: 252px;overflow-y: auto;} #about .honor .left .desc::-webkit-scrollbar {width: 8px;height: 8px;border-radius: 25px;} #about .honor .left .desc::-webkit-scrollbar-track{border-radius: 25px;background: #fff;} #about .honor .left .desc::-webkit-scrollbar-thumb{border-radius: 25px;background: #333;} #about .honor .left .desc .hr{width: 48%;margin-bottom: 12px;margin-right: 4%;color: #333333;font-size: 18px;line-height: 30px;} #about .honor .left .desc .hr:nth-child(2n){margin-right: 0px;} #about .honor .left .num{width: 31%;margin-right: 3%;} #about .honor .left .num:nth-child(3){margin-right: 0;} #about .honor .left .num .n{color: #333333;font-size: 72px;font-family: 'Gilroy_Bold';margin-bottom: 10px;} #about .honor .left .num .siz{color: #333333;font-size: 18px;font-weight: bold;margin: 50px 0 0 10px;} #about .honor .left .num .tit{color: #333333;font-size: 20px;font-weight: bold;} #about .sox4{padding: 100px 0 160px;} #about .sox4 .tab1{margin-top: 80px;} #about .sox4 .tab1 .adv{padding: 50px 0;background-color: rgba(26,26,26,.85);background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;} #about .sox4 .tab1 .li{width: 20%;margin: 0 2.5%;} #about .sox4 .tab1 .con1{color: #ffffff;font-size: 72px;font-family: 'Gilroy_Bold';} #about .sox4 .tab1 .con1 .siz{color: #ffffff;font-size: 24px;font-weight: bold;margin-top: 47px;} #about .sox4 .tab1 .con2{color: #ffffff;font-size: 20px;font-weight: bold;} #about .sox4 .tab2{margin-top: 85px;} #about .sox4 .tab2 .td{position: relative;width: 20%;margin-right: 6.65%;padding-bottom: 25px;border-bottom: 3px solid #333333;} #about .sox4 .line1{bottom: 0px;left: 0;width: 20%;overflow: hidden;height: 6px;background: var(--Color);z-index: 2;} #about .sox4 .tab2 .td:after{content: "";position: absolute;bottom: -3px;left: 0;width: 0;overflow: hidden;height: 6px;background: var(--Color);transition: 0.3s all;} #about .sox4 .tab2 .td .t1{color: #333333;font-size: 18px;font-family: 'Gilroy_Bold';} #about .sox4 .tab2 .td .t2{color: #333333;font-size: 18px;margin-top: 10px;} #about .sox4 .tab2 .td:nth-child(4n){margin-right: 0;} #about .sox4 .tab2 .td.cur .t2, #about .sox4 .tab2 .td:hover .t2{font-weight: bold;} #about .sox5{padding: 75px 0 110px;background: url(/static/images/img4.jpg) no-repeat center center/cover;} #about .sox5 .container{margin-top: 74px;} #about .sox5 .swiper-pagination{display: none;} #about .sox5 .container .slide{} #about .sox5 .container .slide .con{width: 100%;padding: 10px 0;} #about .sox5 .container .slide .h{width: 100%;padding: 115px 13.91%;height: 100%;/*background: url(/static/images/icon29.jpg) no-repeat center center/cover;*/} #about .sox5 .container .slide .h:after{content: "";position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;background: rgba(26,26,26,.85);} #about .sox5 .container .slide .h2{z-index: 10;} #about .sox5 .container .slide .icon{width: 72px;height: 72px;} #about .sox5 .container .slide .icon .i2{display: none;} #about .sox5 .container .slide .name{} #about .sox5 .container .slide .name .n{margin-bottom: 30px;padding-bottom: 32px;margin-top: 45px;color: #fff;font-size: 24px;font-weight: bold;} #about .sox5 .container .slide .name .n:after{content: "";position: absolute;left: 0;bottom: 0;width: 30px;height: 3px;background: #fff;} #about .sox5 .container .slide .desc{color: #fff;font-size: 16px;line-height: 30px;} #about .sox5 .container .slide:hover .con{padding: 0;} #about .sox5 .container .slide:hover .h{padding-top: 125px;padding-bottom: 125px;} #about .sox5 .container .slide:hover .icon .i1{display: none;} #about .sox5 .container .slide:hover .icon .i2{display: inline-block;} #about .sox5 .container .slide:hover .name{color: var(--Color);} #about .sox5 .container .slide:hover .name:after{background: var(--Color);} #about .sox5 .container .slide:hover .h{margin-top: 0;} @media (max-width: 1680px){ #about .honor .left .desc{margin: 6% 0 9%;} #about .honor .left .num .n{font-size: 68px;} #about .honor .left .num .siz{margin-top: 46px;} } @media (max-width: 1460px){ #about .pub-en{font-size: 60px;} #about .sox1{padding: 100px 0 120px;} #about .sox1 .big1{font-size: 36px;} #about .sox1 .dd span{font-size: 32px;} #about .sox3{padding: 100px 0 120px;} #about .honor .left .desc{margin: 4% 0 7%;} #about .honor .left .num .n{font-size: 56px;margin-bottom: 5px;} #about .honor .left .num .siz{margin-top: 36px;} #about .sox4 .tab1 .con1{font-size: 52px;} #about .sox4 .tab1 .con1 .siz{margin-top: 24px;margin-left: 5px;} /*#about .sox5 .container .slide .name{padding-bottom: 20px;margin-bottom: 20px;margin-top: 30px;}*/ } @media (max-width: 1380px){ #about .sox4 .tab1 .con1{font-size: 40px;} #about .sox4 .tab1 .con1 .siz{margin-top: 24px;margin-left: 5px;font-size: 18px;} #about .sox4 .tab1 .con2{font-size: 16px;} } @media (max-width: 1280px){ #about .sox5 .container .slide .h{padding-top: 90px;padding-bottom: 90px;} #about .sox5 .container .slide:hover .h{padding-top: 100px;padding-bottom: 100px;} } @media (max-width: 1200px){ #about .sox1 .content, #about .sox1 .left{width: 100%;float: none;text-align: center;} #about .sox1{padding: 80px 0 100px;} #about .sox1 .left{margin-bottom: 60px;} #about .sox1 .big1{font-size: 30px;line-height: 44px;} #about .sox1 .dd span{font-size: 24px;line-height: 36px;} #about .sox1 .dd .mt{margin-top: 12px;} #about .sox1 .brief{font-size: 17px;line-height: 30px;} #about .honor .left .num .n{font-size: 46px;} #about .honor .left .num .tit{font-size: 18px;} #about .honor .left .num .siz{margin-top: 25px;} #about .honor .left .desc .hr{font-size: 16px;line-height: 26px;} #about .sox5 .swiper-pagination{display: block;position: static;margin-top: 50px;} #about .sox5 .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;} #about .sox5 .swiper-pagination .swiper-pagination-bullet-active{background: var(--Color);} } @media (max-width: 1100px){ #about .honor .right{width: 56%;} #about .honor .left{width: 40%;} #about .honor .left .desc{margin-top: 6%;line-height: 28px;} #about .honor .left .num .tit{font-size: 16px;} } @media (max-width: 1024px){ #about .history .his:first-child{padding-top: 60px;} #about .history .his .left, #about .history .his .right{float: none;width: 100%;} #about .history .his .left{margin-bottom: 30px;text-align: center;} #about .history .his .left .t2{display: inline-block;position: relative;padding-bottom: 10px;} #about .history .his .left .t2:after{content: "";position: absolute;left: 0;width: 100%;height: 3px;background: #333;bottom: 0;right: 0;margin: auto;} #about .history .his .year{width: auto;text-align: left;color: #555;} #about .sox4 .tab1 .li{width: 46%;margin: 0 2%;margin-bottom: 4%;} } @media (max-width: 981px){ #about .pub-en{font-size: 52px;} #about .sox1 .big1{font-size: 28px;} #about .sox3{padding: 80px 0 100px;} #about .honor .left .num .n{font-size: 32px;} #about .honor .left .num .siz{font-size: 16px;margin-top: 14px;margin-left: 5px;} #about .sox4 .tab1 .li{margin-bottom: 5%;} #about .sox4 .tab2 .td{width: 48%;margin-right: 4%;margin-bottom: 6%;} #about .sox4 .tab2 .td:nth-child(2n){margin-right: 0%;} #about .sox4 .line1{display: none;} #about .sox4 .tab2 .td.cur::after{width: 100%;} } @media (max-width: 830px){ #about .honor .right, #about .honor .left{width: 100%;float: none;} #about .honor .left .desc{height: auto;} #about .honor .left{margin-bottom: 60px;text-align: center;} #about .honor .left .desc .hr{width: 100%;margin-right: 0;} } @media (max-width: 750px){ #about .history .his .left .t1{font-size: 28px;} #about .history .his .left .t2{font-size: 24px;} #about .history .his .year{font-size: 26px;} #about .history .his .th{font-size: 24px;line-height: 36px;} #about .sox4 .tab1 .con1 .siz{font-size: 24px;} #about .sox4 .tab2 .td .t2, #about .honor .left .desc .hr, #about .honor .left .num .siz, #about .honor .left .num .tit, #about .sox1 .brief, #about .sox4 .tab1 .con2{font-size: 24px;} #about .honor .left .num .siz{margin-top: 10px;} #about .honor .left .num .n{font-size: 36px;} #about .sox1 .brief, #about .honor .left .desc .hr{line-height: 36px;} #about .sox1 .big1{font-size: 32px;} #about .sox1 .dd span{font-size: 28px;} #about .sox4 .tab1 .con2{margin-top: 6px;} #about .sox4 .tab2 .td .t1{font-size: 24px;} #about .sox4 .tab1 .con1 .siz{margin-top: 11px;} #about .sox5 .container .slide .h{padding-left: 8%;padding-right: 8%;} #about .sox5 .container .slide .name{font-size: 26px;padding-bottom: 30px;margin-bottom: 30px;} #about .sox5 .container .slide .desc{font-size: 24px;line-height: 36px;} } /*全站搜索*/ #global-search{width:100%; padding-bottom:40px;padding-top: 110px;} #global-search .form{margin-bottom:22px;margin-top: 20px;} #global-search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #global-search .form .submit{height: 49px;width: 59px;border:1px solid #ddd;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #333 url(/static/images/search.png) no-repeat center center;color: #fff;font-size: 16px;} #global-search .list{width:100%; margin-bottom:50px;} #global-search .list .info .cate{padding-left:15px;} #global-search .list .new .cate{} #global-search .list .know .cate{} #global-search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #global-search .list .info li:first-child{border-top:1px solid #dddddd;} #global-search .list .info .title{margin-right:16px; line-height:22px; color:#333; font-size:16px; font-weight:bold;} #global-search .list .info .day,#global-search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #global-search .list .info .day{margin:0;} #global-search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #global-search .list .info .title:hover:after{width: 100%;right: auto;left: 0;} #global-search .list .info .title:after{content: "";position: absolute;right: 0;bottom: 0;width: 0;overflow: hidden;height: 8px;background: var(--Color);transition: 0.5s all;} #global-search .list .info .title span.relative{z-index: 2;} @media (max-width: 1024px){ /*全站搜索*/ #global-search .form .text{font-size: 26px;} #global-search .form .submit{width: 75px;font-size: 26px;} #global-search .list .info .title{font-size: 28px;line-height: 1.6;} #global-search .list .info .day, #global-search .list .info .cate{font-size: 28px;line-height: 1.6;} #global-search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;} } /*重写*/ .paging[type='default'] .a{display: inline-block!important;width: 50px!important;height: 50px!important;line-height: 50px!important;text-align: center!important;border-radius: 3px!important;font-size: 16px!important;border: unset!important;background-color: #f7f7f7!important;margin-bottom: 20px!important;} .paging[type='default'] .a.cur, .paging[type='default'] .a:hover{background-color: #333!important;color: #fff!important;} .paging[type='default'] .a:first-child, .paging[type='default'] .a:last-child{width: unset!important;padding: 0 25px!important;} .paging[type='default'] .a:first-child:before{content: url("/static/images/page-l.png")!important;display: inline-block!important;margin-right: 10px!important;vertical-align: middle!important;margin-top: -5px;} .paging[type='default'] .a:last-child:after{content: url("/static/images/page-r.png")!important;display: inline-block!important;transform: rotate(0deg)!important;margin-left: 10px!important;vertical-align: middle!important;margin-top: -5px;} .paging[type='default'] .a:first-child:hover:before{content: url("/static/images/page-l1.png")!important;transform: rotate(0deg)!important;} .paging[type='default'] .a:last-child:hover:after{content: url("/static/images/page-r1.png")!important;} @media (max-width: 1024px){ .paging[type="default"] .a{font-size: 26px !important;} }