@charset "UTF-8"; .animated { animation-duration: 1s; animation-fill-mode: both; } @charset "UTF-8"; .container,.head_main,.wrap,.index-container,.foot-main{padding-right: 0px;padding-left: 0px;margin:0 auto;} @media (min-width: 768px) { .wrap,.container{ width: 750px;} } @media (min-width: 992px) { .wrap,.container,.head_main,.index-container,.foot-main{width: 970px;} } @media (min-width: 1260px) { .wrap,.container,.head_main,.index-container,.foot-main{ width: 1200px;} } @media (min-width: 1460px) { .container,.head_main,.index-container{ width: 1200px;} .head_main{width: 1400px;} } @media (min-width: 1680px) { .container,.index-container,.foot-main{ width: 1400px;} .head_main{width: 1600px;} } .header {z-index: 1000;border-bottom: solid 1px rgba(255,255,255,0.15);position: fixed;width: 100%;top: 0;left: 0;} /*===============下拉==============*/ .header_in{background: rgba(0,0,0,0.6);position: relative;} .header_in.fixed {position: fixed;left: 0;right: 0;top: 0;box-shadow: 0 0 10px rgba(0, 0, 0, .2);} .header_in.c_000{background: #000;} .header_in.c_fff{background: #fff;} .header .logo{display: inline-block;line-height: 98px;height: 100px;} .header .logo img{display: inline-block;vertical-align: middle;width: 100%;} .navbar *{-webkit-box-sizing: border-box;box-sizing: border-box;} .navbar{} .category-item{float: left;margin-right: 40px;position: relative;} .category-item-single{position: relative;} .category-item:last-child{margin-right: 0;} .category-a{display: block;font-size: 18px;color: #fff;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;position: relative;padding: 0 10px 0 0;} .category-a.on,.category-a:hover{color: #c42a2e;} .category-a::after{content: '';width:0;height: 3px;background: #c42a2e;position: absolute;bottom: 0;left: 0;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;display: block;} .category-item.active .category-a::after,.category-item:hover .category-a::after{width: 100%;} .category-item.active .category-a,.category-item:hover .category-a{color:#c42a2e; } .dropdown-menu.single { position: absolute;top: 100%;left: 50%; -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);z-index: 1100;background: rgba(255,255,255,1); margin-top: 0; max-height: 0;opacity: 0;overflow: hidden;-webkit-transition: max-height .8s;-o-transition: max-height .8s;transition: max-height .8s; border: none; color: #303233; box-shadow: 0 0 10px rgba(0,0,0,0.15);height: auto;padding: 0; display: block;} .dropdown-menu.single ul{padding: 0px 0;} .dropdown-menu.single li{ display: block;width: 100%;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: relative;} .dropdown-menu.single li:last-child{border-bottom: 0;} .dropdown-menu.single li>a{padding: 0 60px; display: block; font-size: 16px;color: #666;line-height: 59px;border-top: solid 1px #efefef;text-align: center; white-space: nowrap; width: 100%; height: auto; background: 0 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .dropdown-menu.single li:hover a{color:#c42a2e;} .category-item:hover .dropdown-menu.single{max-height: 450px;opacity: 1;} .icon-down{color: #fff;position: absolute;right: 0;top: 50%;transform:translateY(-50%);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} /*app-头部*/ .header-app{background: #000; display: none;position: fixed;top: 0;left: 0;width: 100%;height: 60px;z-index: 500; -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);-o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);} .header-app.open-menu{height: 100%; background: #000;-webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);-o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);} .navbar-app{ position: relative; -webkit-box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);box-shadow: 3px 0 7px 0 rgba(0,0,0,.1); height: 60px;text-align: center; } .header-app .logo{ float: left; height: 60px; vertical-align: middle;padding: 10px 15px;box-sizing: border-box;} .header-app .logo img{ height:100%;} .navbar-togger {float: right; background: transparent;border: none;padding: 22px 15px; display: inline-block;visibility: visible;transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96),opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1),-webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);} .navbar-togger .icon_bar { width: 24px; height: 2px; background-color: #c42a2e;opacity: 1;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .navbar-togger .icon_bar:nth-of-type(2) { margin:5px 0;} .open-menu .navbar-togger .icon_bar:nth-of-type(2) { opacity: 0;} .open-menu .navbar-togger .icon_bar:first-child { -webkit-transform: translate(0,7px) rotate(45deg);-ms-transform: translate(0,7px) rotate(45deg); transform: translate(0,7px) rotate(45deg);} .open-menu .navbar-togger .icon_bar:last-child {-webkit-transform: translate(0,-7px) rotate(-45deg);-ms-transform: translate(0,-7px) rotate(-45deg);transform: translate(0,-7px) rotate(-45deg);} .nav-menu{position: absolute;top: 60px;left: 0;bottom: 0;right: 0; width: 100%;z-index: 620;padding:20px 15px; overflow-x: hidden;overflow-y: auto;visibility: hidden;-webkit-transition: visibility 0s linear 1s;-o-transition: visibility 0s linear 1s;transition: visibility 0s linear 1s;} .header-app.open-menu .nav-menu{visibility: visible;-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;} .nav-list li{border-bottom: 1px solid #424242;opacity: 0; pointer-events: none;} /* .nav-list li.open{border-bottom: none;} */ .header-app.open-menu .nav-list li{ opacity: 1;pointer-events: auto;-webkit-transform: none;-ms-transform: none;transform: none;} .cate-item{position: relative;} .cate-item a{font-size: 14px;line-height: 48px; margin-right: 60px; display: block; color: rgba(255,255,255,0.8);} .nav-list li.active .cate-item a,.nav-list li.open .cate-item a{color: #c42a2e} .category-cont a:last-child{border:none;} .category-cont a.active{color:#0060e7;} .category-tig{font-size: 14px; color: #888;text-align: right;line-height: 48px;width: 50px; height: 48px; position: absolute; right: 0;top: 0;z-index: 2;} .category-tig::before,.category-tig::after{ content: '';background: #888; position: absolute; top:50%; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .category-tig::before{ width:16px; height: 2px; right:0; margin-top:-1px;} .category-tig::after{ width:2px;height: 16px;margin-top: -8px;right:7px;} .nav-list li.open .category-tig::after{ opacity: 0;} .nav-list li.open .category-tig::before{background: #c42a2e;} .category-cont{display: none;} .nav-list li.open .category-cont{display: block;border-top:solid 1px #424242;border-bottom:solid 1px #424242;} .category-pad{ padding: 0 15px;} .category-cont a {line-height:40px;border-bottom: 1px solid #424242; display: block; color: rgba(255,255,255,0.8);} .category-pad a.on{color: #c42a2e;} .index-container{position: relative;} .header_in { position: relative; overflow: visible; height: auto; } .header_in.affix { position: fixed; width: 100%; z-index: 100; top: 0; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.08); box-shadow: 0 0 15px 0 rgba(0,0,0,0.08); } .scroll-down .header_in.affix { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .head-rt{padding: 38px 0;} .head-rrt{margin-left: 94px;} .head-tel{display: inline-block;vertical-align: middle;font-size: 24px;color: #fff;font-family: DINM;margin-left: 30px;} .search-btn {display: inline-block;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;color: #fff;vertical-align: middle;} .search-btn:hover {opacity: 0.6;} .search-wrap {position: absolute;right: 20%;top: 0;width: 60%;height: 100px;background: #fff;z-index: -1;opacity: 0;} .searchopen .search-wrap {z-index: 10;opacity: 1;} .search-frame {position: relative;height: 46px;margin-top: 28px;} @-webkit-keyframes searchform-fade { 0% { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1) } 100% { opacity: 1 } } @keyframes searchform-fade { 0% { opacity: 0; -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1); animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1) } 100% { opacity: 1 } } @-webkit-keyframes searchform-slide { 0% { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1) } 100% { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes searchform-slide { 0% { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1); animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1) } 100% { -webkit-transform: translateZ(0); transform: translateZ(0) } } @-webkit-keyframes item-searchshow { 0% { opacity: 1; -webkit-transform: none; transform: none; -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) } 40% { opacity: 1 } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3) } } @keyframes item-searchshow { 0% { opacity: 1; -webkit-transform: none; transform: none; -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1); animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1) } 40% { opacity: 1 } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3) } } .searchopen .search-frame { -webkit-animation: searchform-fade 400ms both; animation: searchform-fade 400ms both; } .searchopen .search-frame form { -webkit-animation: searchform-slide 1s both; animation: searchform-slide 1s both; } .search-input { border: 1px solid #999; margin-right: 60px; height: 46px; position: relative; padding-right: 60px; } .search-input input { width: 100%; padding: 0 15px; font-size: 16px; line-height: 46px; } .searchtext-btn { position: absolute; right: 0; top: 0; width: 44px; height: 44px; z-index: 2; cursor: pointer; text-align: center; line-height: 44px; } .searchtext-btn img{vertical-align: middle;} .search-close { display: block; width: 46px; height: 46px; font-size: 26px; color: #c42a2e; line-height: 46px; text-align: center; cursor: pointer; position: absolute; top: 0; right: 0; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .searchopen .search-close { opacity: 1; -webkit-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; } /*.searchshow .navbar-nav li{ -webkit-animation: item-searchshow .4s both; animation: item-searchshow .4s both; }*/ .searchopen .navbar-nav li { -webkit-animation: item-searchshow .4s both; animation: item-searchshow .4s both; } .searchopen .navbar-nav li { visibility: hidden; } .searchopen .search-btn { visibility: hidden; } /* banner */ .banner{overflow: hidden;position: relative;/* margin-top: 136px; */} .banner-slide img{display: block;width: 100%;height: 100%;} .banner-slide .banner-pc{display: block;} .banner-slide .banner-app{display: none;} .banner .swiper-pagination-bullet{border-radius: 0;} .banner .swiper-pagination{bottom: 62px;} .swiper-slide-active .banner-font h3,.swiper-slide-active .banner-font li,.swiper-slide-active .banner-font a{opacity: 1;transform:translateY(0);} .swiper-pagination{width: 100%;} .swiper-pagination-bullet{opacity: 0.5; width: 12px;height: 12px;border: 2px solid rgba(255,255,255,0.5);margin: 0px 10px !important;background: transparent;} .banner .swiper-pagination-bullet{border-color: #fff;} .banner .swiper-pagination-bullet-active{border-color: #c42a2e;opacity: 1;} /* .banner .swiper-slide-active img { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite; animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite; } */ .banner video{width: 100%;display: block;} .banner .swiper-slide{overflow: hidden;} .ban-info{position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);} .ban-info-desc h3{width: 68.5%;padding-bottom: 30px;position: relative;margin-bottom: 27px;} .ban-info-desc h3:after{content: '';width: 100%;height: 4px;background: url(/images/img2.png) no-repeat center;background-size: contain;position: absolute;bottom: 0;left: 0;} .ban-info-desc h3 img{display: block;width: 100%;} .ban-info-desc h4{font-size: 33px;color: #fff;letter-spacing: 18px;font-weight: lighter;} .more-btn{display: inline-block;width: 180px;height: 50px;background: #c93e42;font-size: 20px;color: #fff;line-height: 50px;text-align: center;} .ban-info .more-btn{margin-top: 68px;} /* 底部弹窗 */ .pop_bottom{position:fixed;bottom:0;width:100%;left:0;z-index:80;background:rgba(0,0,0,.85);} .pop_content{margin:0 auto;overflow: hidden;position: relative;} .pop_cfont{float: left;margin-top: 25px;} .form_pop{float: left;overflow: hidden;margin-left: 20px;margin-top: 22px;} .form_pop input[type="text"]{color:#666;line-height:50px;background:#fff;height: 40px; padding:0 15px;width:260px;float: left;margin-right:10px;box-sizing: border-box;position: relative;font-weight: lighter;line-height: 40px;} .sub_sure{width:100px;text-align:center;line-height:40px;color:#fff;font-size: 14px; border:none;border-radius:25px;background:#c93e42;cursor:pointer;margin-left:25px;font-size: 16px;font-weight: lighter;} .erwei{overflow: hidden;float: right;} .erwei>img{display:block;width:80px;float: left;margin-right:18px;} .close_pop2{width:59px;background:url(/images/close.png) no-repeat top right;float: left; height:34px;cursor:pointer;transition:.5s;position: relative;z-index: 2;} .close_pop2:hover{background-image:url(/images/close.png)} .sys{font-size:14px;color:#fff;line-height:28px;opacity: 0.8;filter: alpha(opacity=80);} .gzwx{line-height:22px;color:#fff;font-size: 14px;opacity: 0.8;filter: alpha(opacity=60);} .pop_font1{overflow: hidden;padding:35px 0px;box-sizing: border-box;} .pop_cfont p{font-size: 24px;color: #fff;display: inline-block;} .fixleft{width:248px;height:112px;background:#2c2624;position:fixed;left:0;bottom:60px; background:url(/images/popbgleft.png) no-repeat center;z-index:80;text-align:left; padding-left:40px;box-sizing:border-box;padding-top:21px;display:none;background-size: contain;} .mfsl_pop{font-size:24px;color:#c93e42;line-height:40px;font-weight: bold;} .hshq{font-size:24px;line-height:30px;font-weight: lighter;color:#fff;} .click_pop_show{position: absolute;width:30px;height:30px;cursor:pointer;transition:.5s; background:url(/images/popshow.png) no-repeat center;top:50%;transform: translateY(-50%);right:20px;background-size: cover;} .VideoContent { width: 100%; height: auto; overflow: hidden; margin: 0 auto; } .video-back { display: block; height: auto; text-align: center; min-width: 1200px; width: 100%; } .video-back video{ width: 100%; } #videohead { text-align: center; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } #videohead img{ margin: 0 auto; } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1); transform: scale(1); } to { opacity: 1; -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1); transform: scale(1); } to { opacity: 1; -webkit-transform: scale(1.3); transform: scale(1.3); } } /**/ .foot{background: url(/images/img54.jpg) no-repeat top center;background-size: cover;padding-top: 64px;} .foot a{transition: all 0.3s;} .foot-top{padding-bottom: 60px;position: relative;text-align: center;} .foot-top dl{display: inline-block;} .foot-top dl dt{font-size: 20px;color: #fff;margin-bottom: 38px;} .foot-top dl.dl-left{text-align: left;} .foot-top dl.dl-left a{display: inline-block;font-size: 14px;color: rgba(255,255,255,0.6);padding-left: 20px;background: url(/images/img55.png) no-repeat left center;width: 160px;margin-bottom: 10px;} .foot-top dl.dl-mid{position: absolute;left: 50%;transform:translateX(-50%);top: 0;} .foot-top dl.dl-mid .d-pic img{display: block;} .foot-top dl.dl-mid p{font-size: 16px;color: rgba(255,255,255,0.7);margin-top: 14px;} .foot-top dl.dl-right{text-align: right;} .foot-top dl dd{display: block;font-size: 14px;color: rgba(255,255,255,0.6);line-height: 28px;} .foot-mid{padding: 25px 0;} .foot-mid span,.foot-mid a{display: inline-block;font-size: 14px;color:rgba(255,255,255,0.6);} .foot-mid a{margin-right: 28px;} .foot-bot{padding: 20px 0;border-top: 1px solid rgba(255,255,255,0.1);} .foot-bot p,.foot-bot p a{font-size: 14px;color:rgba(255,255,255,0.6);line-height: 24px;} .foot-bot p{display: inline-block;} .foot-bot p.p2{float: right;} .foot a:hover{color: #fff!important;} /*app-底部*/ .foot-app{width:100%;display: none;background: #080808;padding: 20px 0 40px;} .footer-menu{padding: 0 15px;} .footer-link{padding:15px 0;color: #777;font-size: 14px} .footer-link a{font-size: 14px;color: #777;line-height: 24px;} .footer-tit{position: relative;border-bottom:1px solid #333;} .footer-tit.on>a{color: #c42a2e;} .footer-tit a{ font-size:14px;color: #777;line-height:48px;margin-right: 48px;display: block;transition:all 0.4s;} .footer-tig {font-size: 14px; color: #777; text-align: right; line-height: 48px; width: 20px;height: 48px;position: absolute;right: 0px;top: 0;z-index: 2;} .footer-tig::before,.footer-tig::after {content: '';background: rgba(255,255,255,0.6);position: absolute;top:50%;transition: all .3s;left: 50%;} .footer-tig::before {width: 16px;height: 2px;margin-left: -7px;} .footer-tig::after {width: 2px;height: 16px;margin-top: -7px;} .footer-tit.on .footer-tig::after{opacity:0;} .footer-tit.on .footer-tig::before{background: #c42a2e;} .footer-cont{display: none;padding: 0 15px 15px;} .footer-cont a{font-size: 14px;line-height: 24px;} .footer-tit.on .footer-cont a.on{color: #0060e7;} .footer-bot{padding:20px 15px; } .footer-bot p a{margin-right: 20px;} .footer-bot p.p2{margin-top: 10px;} .footer-bot p,.footer-bot p a{color: #777;font-size: 14px;} .footer-bot dd{color: #777;font-size: 14px;line-height: 24px;padding-left: 22px;} .footer-bot dd.dd-add{background: url(/images/add.png) no-repeat left 3px;} /*pc-客服*/ .kf {z-index:600;background-color: #fff;position: fixed;bottom: 100px;right: 20px;width: 62px;border-radius: 5px;-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;} .kf span {z-index:602;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;cursor: pointer;position: relative;display: block;width: 62px;height: 62px;border-bottom: 1px solid #e3e3e3;background:url(/images/kefu_j.png) no-repeat center #fff;} .kf span:hover{background-color:#c42a2e;} .kf .zx {border-radius: 5px 5px 0 0;background-position: 0 0;} .kf .zx:hover {background-position: 0 -62px;} .kf .freetel {background-position:-62px 0;} .kf .freetel:hover {background-position:-62px -62px;} .kf .act {background-position:-186px 0;} .kf .act:hover{background-position:-186px -62px;} .kf .zxlya {background-position:-124px 0;} .kf .zxlya:hover{background-position:-124px -62px;} .kf .back_top {border-radius: 0 0 5px 5px;border: none;background-position:-248px 0;} .kf .back_top:hover {background-position:-248px -62px;} .kf span div {display: none;background-color: #fff;border-radius: 5px;position: absolute;right: 75px;padding: 20px;font-size: 14px;color: #f4474c;bottom:2px;text-align: center;} .kf span div input {text-indent: .5em;display: block;margin: 15px 0;line-height: 28px;color: #696969;font-size: 12px;width: 140px;border: 1px solid #d1d1d1;border-radius: 2px;height: 28px;} .kf span div a {-o-transition: .5s;transition: .5s;-webkit-transition: .5s;display: block;background: #f4474c;border-radius: 2px;color: #fff;line-height: 26px;font-size: 12px;text-align: center;width: 79px;height: 26px;} .kf span div a:hover {background: #f4474c;} .kfimgr{position: absolute;bottom:23px;right: -9px;} .kf span div i {display: block;position: absolute;width: 15px;height: 200px;right: -15px;top: 0;} .kf .zx div, .kf .freetel div, .kf .zxlya div, .kf span:nth-child(4) div {text-align: center;min-width: 148px;font-size: 14px;color: #666;} .kf span:nth-child(4) div {white-space: nowrap;} .kf a{display:block;height: 100%;position:absolute;top:0;right:0;width: 100%;} .kf span div, .kf {-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);} .nav_center div, .index_nav_center div, .shou, .zhan {-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);} .shou {z-index:601;cursor: pointer;width: 30px;height: 40px;top: 50%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 62px;background: url("/images/kefu_j.png") no-repeat -310px 0 #fff;position: absolute;} .shou.on {background-position: -310px -40px;} /*app-客服*/ .kefu {display: none; position: fixed; width:240px;overflow: hidden;z-index:400;background: rgba(0, 0, 0, 0.5);left: 50%;margin-left: -120px; bottom: 15px;padding:8px 0;transition:all .5s;} .kefu li { width: 60px;float: left;border-left: 1px solid #fff;} .kefu li:first-child{border-left: none;} .kefu li a {font-size: 20px; display: block;margin: 0 auto;width: 100%;height:30px;text-align: center;line-height: 30px;color: white;} /* banner */ @media (max-width: 1680px) { .category-item{margin-right: 30px;} .head-rrt{margin-left: 50px;} .head-tel{margin-left: 22px;} .form_pop input[type="text"]{width: 215px;} } @media (max-width: 1459px) { .header .logo{width: 20%;} .head-rrt{margin-left: 24px;} .category-item{margin-right: 15px;} .head-tel{margin-left: 15px;font-size: 22px;} .ban-info-desc h4{font-size: 28px;letter-spacing: 13px;} .more-btn{font-size: 18px;} .ban-info .more-btn{margin-top: 40px;} .pop_cfont p{font-size: 22px;} .sub_sure{font-size: 14px;} .fixleft{width: 188px;height: 92px;padding-top: 18px;} .hshq,.mfsl_pop{font-size: 18px;line-height: 30px;} } @media (max-width: 1259px) { .head-tel{display: none;} .foot-tbotrt{width: 48%;} .foot-nav a{font-size: 15px;padding: 0 24px;} .single-rt p{font-size: 22px;} .single-rt{padding-top: 30px;} .index-back-box,.index-waper-box{height: 86px;} .single-box p.p1{padding: 15px 0 13px;} .single-box p.p2{margin-top: 10px;} .foot-toplf dl{margin-right: 46px;} .pop_cfont p{font-size: 18px;} .form_pop{margin-left: 10px;} .form_pop input[type="text"]{width:160px;} .sub_sure{margin-left: 15px;} } @media (max-width: 991px) { .header,.foot,.kf{display: none !important;} .header-app,.foot-app,.kefu{display: block;} .banner{margin-top: 60px;} .banner-slide .banner-app{display: block;} .banner-slide .banner-pc{display: none;} .swiper-pagination-bullet{width: 10px;height: 10px;} .swiper-pagination-bullet{margin:0px 5px !important;} .swiper-pagination{bottom: 20px!important;width:100%;text-align: center;} .ban-info{width: 100%;} .ban-info-desc h3{width: 100%;padding-bottom: 20px;margin-bottom: 15px;} .ban-info-desc h4{font-size: 20px;line-height: 26px;letter-spacing: 8px;} .more-btn{font-size: 14px;width: 140px;height: 40px;line-height: 40px;} .ban-info .more-btn{margin-top: 20px;} .ban-info{top: 50%;} .search-btn { display: none; width: 25px; text-align: center; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .search-wrap{opacity: 1;position: static;width: 100%;height: auto;} .search-btn img { width: 22px; vertical-align: middle; } .search-close { display: none; } .search-frame { margin-top: 25px; } .search-input { border: 1px solid #e5e5e5; height: 46px; position: relative; margin-right: 0; } .search-input input { width: 100%; padding: 0 15px; font-size: 14px; line-height: 46px; } .searchtext-btn { position: absolute; right: 0; top: 0; width: 44px; height: 44px; z-index: 2; cursor: pointer; text-align: center; line-height: 44px; } .searchtext-btn img { width: 20px; vertical-align: middle; } .pop_font1{padding: 30px 0 60px;float: none;} .pop_cfont{margin-top: 0;float: none;} .pop_cfont p{font-size: 16px;} .form_pop{margin-left: 0;margin-top: 10px;float: none;} .form_pop input[type="text"]{width: 100%;margin-bottom: 10px;} .sub_sure{margin-left: 0;width: 100%;} .erwei>img,.sys,.gzwx{display: none;} .close_pop2{position: absolute;right: 15px;top: 15px;} .hshq, .mfsl_pop{display: none;} .fixleft{width: 70px;padding-left: 0;padding-top: 0;left: -15px;bottom: auto;} .click_pop_show{width: 20px;height: 20px;} } @media (max-width: 767px) { } /* contain */ /* 首页 */ /* 分页 */ .page{text-align: center;margin-top: 100px;font-size:0;} .page a{display: inline-block;width: 46px;height: 46px;line-height: 50px;text-align: center;color: #333;font-size: 18px;background: transparent;vertical-align: middle;margin: 0 2.5px;font-family: AK;color: #fff;background: #333;} .page a.page-prev,.page a.page-next{font-size: 14px;background: transparent;color: #999;} .page a.page-prev{margin-right: 5px;} .page a.page-next{margin-left: 5px;} .page a:hover,.page a.on{color: #fff;background: #c42a2e;border-color: transparent;} .page a:hover i,.page a.on i{color: #fff;} /*图片放大*/ #darkbox { position: fixed; z-index: 9999; background: rgba(0,0,0,0.8) no-repeat none 50%; background-size: contain; -webkit-box-shadow: 0 0 0 3000px rgba(0,0,0,0.8); box-shadow: 0 0 0 3000px rgba(0,0,0,0.8); opacity: 0; visibility: hidden; } #darkbox.on { opacity: 1; visibility: visible; height: 90% !important; width: 90% !important; left: 5% !important; top: 5% !important; } .dark-close i{color:#fff;} #darkbox_prev, #darkbox_next { cursor: pointer; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; position: absolute; top: 50%; margin-top: -15px; height: 30px; width: 30px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #darkbox_prev { left: -2px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } #darkbox_next { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: -2px; } #darkbox_prev:hover,#darkbox_next:hover{border-color: #c42a2e;} #darkbox-description { position: absolute; width: 100%; color: #fff; font-size: 18px; bottom: 5px; text-align: right; text-shadow: 0 1px 1px #000; } #darkbox .dark-close{ position: absolute; right: 0; top: 0; font-size: 2em; color: #fff; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #darkbox .dark-close:hover{color:#c42a2e;} /* 关于我们 */ .nei_anchor { text-align: center; display: none; position: fixed; left: 0; top: 0; width: 100%; z-index: 1001; background: #111; border-top: 1px solid rgba(255,255,255,0.2); } .nei_anchor.fixed{top: 0;} .nei_anchor .wrap{font-size: 0;} .nei_anchor span { display: inline-block; *display: inline; *zoom: 1; } .nei_anchor span a { font-size: 16px; color: #fff; line-height: 50px; padding: 0 40px; display: inline-block; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; position: relative; } .nei_anchor span a:after{ content: ''; width: 1px; height: 17px; background: #dadada; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .nei_anchor span.on a:after,.nei_anchor span a:hover:after{ display: none; } .nei_anchor span:hover a, .nei_anchor span.on a { color: #fff; background: #c93e42; } .ab_poti { position: relative; } .abposi_ab { position: absolute; height: 1px; top: -100px; } .inner-banner>img{display: block;width: 100%;} .inner-banner .banner-pc{display: block;} .inner-banner .banner-app{display: none;} /*搜索页*/ .sec-search{padding: 150px 0 110px;background: #f0f4f7;width: 100%;overflow: hidden;} .psearch-left{float: left; width: 72.5%;} .psearch-left .pagination {margin-top: 100px;} .psearch-box{padding-right: 78px;margin-bottom: 35px;border: 1px solid #dcdcdc;background: #fff;position: relative;} .psearch-box input{width: 100%;padding:0 34px;font-size: 18px;line-height: 68px;border: none;color: #333;} .psearch-box button{ color:#c42a2e;background-size: 38% auto;position: absolute;right: 0;top: 0;z-index: 2;width: 68px;height: 68px;font-size: 30px;right: 10px;outline: medium;border: none;} .psearch-tip{font-size: 24px;padding-left: 35px;margin-bottom: 27px;} .psearch-right{float: right;width: 25%; margin-top: 0;} .psearch-right .m-tit{font-size: 20px;padding: 20px 34px;border-bottom: 5px solid #f0f4f7;} .psearch-ru a{font-size: 18px;padding: 20px 34px;border-bottom: 4px solid #f0f4f7;} .news-item {display: block;background: #fff;padding: 25px 52px 25px 32px;margin-bottom: 30px;} .news-item .m-cont {padding: 15px 4%;float: left;width: 80%;} .news-item .m-tit {font-size: 18px;color: #444;-o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .news-item .m-time {font-size: 16px;margin: 4px 0 10px;color: #777;} .news-item .m-img {float: left;width: 20%;overflow: hidden;} .news-item .m-img img {width: 100%;-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;} .psearch-right .m-tit {font-size: 20px;padding: 20px 34px;border-bottom: 5px solid #f0f4f7;background: #c42a2e;text-align: center;color: #fff;} .psearch-ru a {font-size: 18px;padding: 20px 34px;border-bottom: 4px solid #f0f4f7;display: block;background: #fff;color: #444;} /*index*/ .in-search{background:#202020} .insear-left span,.insear-left a{display: inline-block;vertical-align: middle;font-size: 18px;color: #999;} .insear-left span{padding-left: 13px;position: relative;margin-right: 15px;} .insear-left span:before{content: '';width: 3px;height: 20px;background: #b4292d;position: absolute;left: 0;top: 50%;margin-top: -10px;} .insear-left a{margin-right: 35px;} .insear-left a:last-child{margin-right: 0;} .insear-left a:hover,.insear-left a.on{color: #c42a2e;} .insear-left{width: 60.7%;padding: 38px 0;} .insear-right{width: 39.3%;padding: 30px 28px;background: #c93e42;} .insear-right-input{width: 100%;border:1px solid rgba(255,255,255,0.4);height: 40px;line-height: 40px;padding: 0 10px;} .insear-right-input input{width: 90%;display: inline-block;height: 100%;color: #fff;padding: 0 10px;float: left;} .insear-right-input button{text-align: right;color: #fff;font-size: 22px;width: 10%;height: 100%;} .in-one{padding: 85px 0 100px;background: url(/images/img3.jpg) no-repeat center;background-size: 100% 100%;} .tit{text-align: center;margin-bottom: 60px;} .tit h3{font-size: 40px;color: #fff;padding-bottom: 25px;position: relative;letter-spacing: 3px;} .tit h3:after{content: '';width: 51px;height: 2px;background: #b3282b;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);} .tit h3 span{font-size: 50px;color: #c93e42;} .tit{margin-bottom: 52px;} .in1-list li span{display: inline-block;width: 34px;height: 34px;background: url(/images/img8.png) no-repeat center;margin-top: 25px;transition: all 0.4s;opacity: 0;} .in1-list li{width: 23.85%;float: left;margin-right: 1.4%;background: rgba(51,51,51,0.5);text-align: center;padding: 65px 28px 50px;transition: all 0.4s;} .in1-list li:nth-child(4n){margin-right: 0;} .in1-list li h3{font-size: 30px;color: #fff;margin-bottom: 30px;} .in1-list li p{color: rgba(255,255,255,0.5);font-size: 16px;line-height: 26px;height: 104px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;transition: all 0.4s;} .in1-list li .in1-pic{height: 44px;margin-bottom: 30px;} .in1-list li:hover span{opacity: 1;} .in1-list li:hover p{color: rgba(255,255,255,0.8);} .in1-list li:hover{background: rgba(201,62,66,0.8);} .in-two{padding: 85px 0 100px;background: url(/images/img9.jpg) no-repeat center;background-size: 100% 100%;} .tit p{font-size: 22px;color: rgba(255, 255, 255, 0.6);letter-spacing: 3px;margin-top: 22px;} .in-two .tit{margin-bottom: 75px;} .in2-list li{width: 20%;text-align: center;float: left;} .in2-pic{width: 135px;height: 151px;margin:0 auto;background-size: contain;background-repeat: no-repeat;background-position: center;transition: all 0.4s;} .in2-pic1{background-image: url(/images/img10.png);} .in2-pic2{background-image: url(/images/img11.png);} .in2-pic3{background-image: url(/images/img12.png);} .in2-pic4{background-image: url(/images/img13.png);} .in2-pic5{background-image: url(/images/img14.png);} .in2-list li p{color: rgba(255,255,255,0.8);font-size: 24px;margin-top: 22px;} .in2-list{text-align: center;} .in2-list .more-btn{width: 240px;height: 60px;line-height: 60px;margin-top: 65px;} .in2-list li:hover .in2-pic1{background-image: url(/images/img10h.png);} .in2-list li:hover .in2-pic2{background-image: url(/images/img11h.png);} .in2-list li:hover .in2-pic3{background-image: url(/images/img12h.png);} .in2-list li:hover .in2-pic4{background-image: url(/images/img13h.png);} .in2-list li:hover .in2-pic5{background-image: url(/images/img14h.png);} .in-three{padding: 170px 0;background: url(/images/img15.jpg) no-repeat center;background-size: 100% 100%;} .in3-list{text-align: center;} .in3-list li{display: inline-block;vertical-align: top;width: 31%;padding: 0 1.5%;transition: all 0.4s;} .in3-list li h3{font-size: 40px;color: #fff;margin-bottom: 36px;} .in3-list li p{font-size: 18px;color: #fff;line-height: 26px;} .in3-list li:hover{transform: translateY(-15px);} .in-four{padding: 80px 0 70px;background: url(/images/img20.jpg) no-repeat center;background-size: 100% 100%;} .in4-list {text-align: center;} .in4-list li{text-align: center;width: 25%;float: left;padding: 0 2.5%;} .in4-list li span{display: inline-block;font-size: 40px;color: rgba(255,255,255,0.3);font-family: DINM;margin-bottom: 15px;} .in4-list li h3{font-size: 30px;color: #d63f43;margin-bottom: 50px;} .in4-list li p{font-size: 16px;color: #aeaeae;line-height: 26px;} .in4-pic{margin-bottom: 40px;transition: all 0.4s;} .in4-pic img{display: block;height: 100%;margin:0 auto;} .in4-con .more-btn{margin-top: 56px;width: 200px;height: 60px;line-height: 60px;} .in4-con .more-btn i{width: 24px;height: 25px;background: url(/images/img21.png) no-repeat center;display: inline-block;vertical-align: sub;margin-right: 11px;background-size: contain;} .in4-list li:hover .in4-pic{transform:translateY(-15px);} .in-five{padding-top: 30px;background: #212d39;overflow: hidden;} .in-five .tit{margin-bottom: 20px;} .gallery-top{height: 650px;} .gallery-top .main{position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%);z-index: 10;display: block;} .in5-swiper .swiper-slide{background-position: center;background-repeat: no-repeat;background-size: cover;transition: all 0.4s;} .video-bann{height: 100%;display: none;} /* .explore-video{background: url(/images/img22.jpg) no-repeat center;background-size: cover;} */ .explore-video .video{width: 100%;height: 100%;} .gallery-thumbs{padding: 40px 0 70px;background: #202020;} .gallery-thumbs .swiper-slide p{font-size: 14px;color: rgba(255,255,255,0.8);padding: 0 10px;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background:#333;transition: all 0.4s;} .in5-bot-pic{position: relative;} .in5-bot-pic img{display: block;width: 100%;} .in5-swiper .swiper-slide-thumb-active .in5-bot-pic:before{content: '';width: 20px;height: 24px;background: url(/images/play2.png) no-repeat center;background-size: contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;} .gallery-thumbs .swiper-container-free-mode>.swiper-wrapper {     -webkit-transition-timing-function: linear; /*之前是ease-out*/     -moz-transition-timing-function: linear;     -ms-transition-timing-function: linear;     -o-transition-timing-function: linear;     transition-timing-function: linear;     margin: 0 auto; } .gallery-thumbs .swiper-slide:hover p{color: #c42a2e;} .in-six{padding: 94px 0 80px;background: url(/images/img31.jpg) no-repeat center;background-size: 100% 100%;} .in6-item{display: none;} .in6-item.on1{display: block;} .in6-nav{margin-bottom: 60px;} .in6-nav ul{font-size: 0;text-align: center;} .in6-nav li{display: inline-block;width: 180px;height: 50px;line-height: 50px;color: rgba(255,255,255,0.8);text-align: center;border:1px solid rgba(255,255,255,0.3);font-size: 16px;} .in6-nav li.on{border-color: transparent;color: #fff;background: #c93e42;} .in6-itembox{width: 80%;margin:0 auto;} .in6-item-in{position: relative;} .in6-itemlf{width: 50%;} .in6-itemlf img{display: block;width: 100%;} .in6-itemrt{width: 50%;position: absolute;right: 0;background: #fff;height: 100%;top: 0;} .in6-itemrt li{font-size: 20px;color: #666;margin-bottom: 17px;} .in6-itemrt li:last-child{margin-bottom: 0;} .in6-itemrt li span{display: inline-block;width: 34px;height: 34px;line-height: 34px;text-align: center;color: #fff;background: #c93e42;font-family: DINM;font-size: 20px;margin-right: 17px;} .in6-itemrt ul{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);} .in6-btn{text-align: center;} .in-seven{padding: 116px 0 90px;background: url(/images/img33.jpg) no-repeat center;background-size: 100% 100%;margin-top: -1px;} .in7-list li p{font-size: 22px;color: rgba(255,255,255,0.9);} .in7-list li{display: inline-block;vertical-align: top;margin:0 48px;} .in7-list{text-align: center;} .in7-list .in7-pic{height: 38px;margin-bottom: 28px;transition: all 0.4s;} .in7-list .in7-pic img{display: block;height: 100%;margin:0 auto;} .in7-btn{margin-top: 64px;} .in7-list li:hover .in7-pic{transform:translateY(-15px);} .in-seven .tit p{padding: 30px 35px;line-height: 34px;} .in-seven .tit p span{font-size: 22px;color: #c93e42;} .in-eight{padding: 55px 0;background: url(/images/img38.jpg) no-repeat center;background-size: 100% 100%;} .in8-list li p{font-size: 18px;color: #fff;text-align: center;} .in8-list li p span{display: inline-block;font-family: DINM;font-size: 60px;vertical-align: middle;color: #fff;} .in8-list li{width: 29.6%;display: inline-block;border-right: 1px solid rgba(255,255,255,0.3);} .in8-list li:last-child{border-right: 0;} .in8-list{text-align: center;} .in-nine{padding: 90px 0 45px;background: url(/images/img43.jpg) no-repeat center;background-size: 100% 100%} .in9-swiper{overflow: hidden;position: relative;padding-bottom: 70px;} .in9-pic{width: 240px;height: 200px;overflow: hidden;float: left;} .in9-pic img{display: block;width: 100%;transition: all 0.4s;} .in9-desc{float: right;width: 450px;height: 200px;background: #fff;padding: 30px;} .in9-item{margin-bottom: 20px;} .in9-desc h3{font-size: 18px;color: #444;margin-bottom: 10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.4s;} .in9-desc h4{font-size: 14px;color: #999;font-family: AK;margin-bottom: 16px;} .in9-desc p{font-size: 14px;color: #777;line-height: 22px;height: 44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .in9-desc span{display: block;margin-top: 18px;} .in9-desc span img{display: block;height: 100%;} .swiper-pagination-bullet{opacity: 1;} .in9-swiper .swiper-pagination-bullet-active{border-color: #c42a2e;} .in9-swiper .swiper-pagination{bottom: 0;} .in9-item:hover .in9-desc h3{color: #c42a2e;} .in9-item:hover .in9-pic img{transform: scale(1.1);} .in-ten{padding: 70px 0 54px;background: #202020;} .in10-swiper{overflow: hidden;position: relative;padding-bottom: 70px;} /* .in10-swiper .swiper-container:hover{} .in10-swiper .swiper-container > .in10-pic { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; } .in10-swiper .swiper-container:hover > .in10-pic { opacity: 0.5; transform: scale(0.9); } .in10-swiper .swiper-container > .in10-pic:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; } */ .in10-swiper .swiper-slide .in10-pic{overflow: hidden;} .in10-swiper .swiper-slide .in10-pic img{display: block;width: 100%;transition: all 0.4s;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition: all 1s; filter: gray;} .in10-swiper .swiper-slide:hover .in10-pic img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;} .in10-swiper .swiper-pagination{bottom: 0;} .in10-swiper .swiper-pagination-bullet-active{border-color: #c42a2e;} /* 包年服务 */ .bread {position: absolute;bottom: 0;left: 0;width: 100%;height: 60px;background: rgba(0,0,0,0.6);} .bread a{display: inline-block;font-size: 16px;color: rgba(255,255,255,0.8);line-height: 60px;} .bread a.home{padding-left: 52px;background: url(/images/home.png) no-repeat 8px center;} .bread i{display: inline-block;width: 8px;height: 14px;background: url(/images/right2.png) no-repeat center;margin:0 5px 0 8px;} .bread a:hover,.bread a:last-child{color: rgba(201,62,66,0.8);} .year-con{padding: 70px 0 0;background: #111;background-size: cover;} .year-box .abo-tit h3{font-size: 36px;line-height: 52px;} .year-box .abo-tit{margin-bottom: 68px;} .year-tit{text-align: center;} .year-list li{width: 100%;text-align: center;padding: 90px 0;transition: all 0.4s;background: #111;} .year-list li:nth-child(even){background: url(/images/img103.jpg) no-repeat center;background-size: cover;} .year-tit h4{font-size: 20px;color: rgba(255,255,255,0.8);margin-bottom: 26px;} .year-list li p{font-size: 22px;color: rgba(255,255,255,0.8);line-height:42px;} .year-list li.li1 .year-btn{font-size: 16px;} .year-list li.li1{padding: 125px 0;} .year-listbox{position: relative;} .year-left{text-align: left;width: 35%;width: 250px;position: absolute;left:0;top: 50%;transform: translateY(-50%);text-align: center;} .year-right{text-align: left;padding-left: 15.3%;border-left: 1px solid rgba(85,85,85,0.4);width: 65%;transition: all 0.4s;} .year-list li .year-btn .font_din{font-family: DINM;font-size: 40px;letter-spacing:2px;color: #fff;line-height: 56px;vertical-align: middle;} .year-list li .more-btn{width: 220px;height: 60px;line-height: 60px;border:2px solid transparent;margin-top: 35px;transition: all 0.4s;} .year-list li .year-tit h3{color: #c93e42;font-size: 30px;margin-bottom: 10px;transition: all 0.4s;} .year-list li:hover .year-tit h3{color: #fff;} .year-list li:hover{background: #b73a3d;background-size: 100% 100%;} .year-list li:hover .more-btn,.year-list li:hover .more-btn .font_din{background: #fff;color: #c93e42;} .year-list li:hover .year-right{border-color: rgba(255,255,255,0.3);} /* 案例 */ .case-con{padding: 80px 0;background: #111;} .case-list li{width: 49.1%;float: left;margin-right: 1.8%;overflow:hidden;position:relative;margin-bottom: 1.8%;height: 359px;} .case-list li:nth-child(2n){margin-right: 0;} .case-list .case-pic img{display: block;width: 100%;} .case-list .case-pic{overflow: hidden;} .case-list .case-desc{padding: 20px 40px;background: rgba(201,62,66,0.9);position:absolute;bottom: -90px;transition: all 0.4s;width: 100%;} .case-list .case-desc p{font-size: 20px;color: #fff;width: 80%;display: inline-block;float: left;line-height: 42px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .case-list .case-desc span{width: 42px;height: 42px;display: inline-block;float: right;} .case-list .case-desc span img{display: block;width: 100%;float: right;} .case-list li:hover .case-desc{bottom: 0;} .load-more{text-align: center;margin-top: 80px;cursor: pointer;} .load-more img{display: block;margin:10px auto 0;} .load-more span{font-size: 16px;color: rgba(255,255,255,0.5);display: block;} /* 宣传片拍摄 */ .video-list li{padding: 75px 0 100px;background: #111;} .video-list li:nth-child(even){background: url(/images/img69.jpg) no-repeat center;background-size: cover;} .video-wrap>div{width: 50%;} .video-wrap{position:relative;} .video-right img{display: block;margin:0 auto;} .video-left h3{font-size: 36px;color: #fff;padding-bottom: 28px;position:relative;margin-bottom: 26px;} .video-left h3:after{content: '';width: 46px;height: 2px;background: #c93f43;position:absolute;left: 0;bottom: 0;} .video-left p{color: rgba(255,255,255,0.6);font-size: 16px;line-height: 28px;} .video-left span{display: block;color: #c93e42;font-size: 16px;margin-top: 35px;} .video-left span i{display: inline-block;width: 19px;height: 12px;background: url(/images/right.png) no-repeat center;background-size: contain;margin-left: 10px;transition: all 0.4s;} .video-left.left{padding-left: 45px;left: 0;} .video-left.right{padding-right: 45px;right: 0;} .video-left{position:absolute;top: 50%;transform: translateY(-50%);} .video-left span:hover i{transform: translateX(10px);} /* 影视推广 */ .ext-con{background: #111;} .ny-nav{border-bottom: 1px solid rgba(218,218,218,0.1);background: #111;} .ny-nav .ny-nav-list ul{font-size: 0;} .ny-nav .ny-nav-list li{display: inline-block;padding: 0 50px;transition: all 0.4s;} .ny-nav .ny-nav-list a{display: inline-block;line-height: 70px;text-align: center;font-size: 18px;color: #999;transition: all 0.4s;} .ny-nav .ny-nav-list li:hover,.ny-nav .ny-nav-list li.on{background: #c93e42;} .ny-nav .ny-nav-list li:hover a,.ny-nav .ny-nav-list li.on a{color: #fff;} .ext-box{padding: 90px 0 100px;} .ext-list li{position:relative;margin-bottom: 30px;} .ext-list li:last-child{margin-bottom: 0;} .ext-list li:hover .ext-pic img{transform: scale(1.1);} .ext-list li:hover .ext-desc h3{color: #c93e42;} .ext-desc{background: #333;width: 960px;padding: 30px 65px;} .ext-desc h3{color: #fff;font-size: 20px;} /* 关于我们 */ .msg-box-bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; /* background: #F3F3F3; */ display: none; z-index: 1001; } .msg-box { width: 860px; height: 524px; padding: 50px; background-color: #F3F3F3; position: absolute; left: 50%; top: 47%; transform: translate(-50%,-50%); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); } .msg-box .close-box { width: 30px; height: 30px; background: url("/images/btn-close-modal.png") no-repeat center; cursor: pointer; position: absolute; right: 10px; top: 10px; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; } .msg-box .close-box:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .abo_video { width: 100%; height: 100%; cursor: pointer; overflow: hidden; position: relative; } .abo_video:after{content: '';width: 36px;height: 44px;background: url(/images/play3.png) no-repeat center;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .abo-one{padding: 100px 0 120px;background: #111;} .abo1-left{width: 50%;padding: 0 15px;} .abo1-right{width: 50%;padding-left: 7.5%;} .abo1-left h3{font-size: 40px;color: #fff;padding-bottom: 18px;position:relative;margin-bottom: 18px;} .abo1-left h3:after{content: '';width: 46px;height: 2px;background: #c93f43;position:absolute;bottom: 0;left: 0;} .abo1-left h4{font-size: 22px;color: #999;margin-bottom: 20px;} .abo1-left p{font-size: 16px;color: #777;line-height: 28px;max-height: 170px;overflow-y: auto;padding-right: 15px;} .abo1-right img{display: block;width: 100%;} .abo-two{padding: 80px 0 60px;background: url(/images/img83.jpg) no-repeat center;background-size: cover;} .abo-tit h3{font-size: 40px;color: #fff;text-align: center;} .abo-tit{margin-bottom: 42px;} .abo2-nav ul{font-size: 0;text-align: center;} .abo2-nav li{width: 180px;height: 50px;border:2px solid rgba(204,204,204,0.5);line-height: 46px;text-align: center;display: inline-block;margin:0 10px;} .abo2-nav li.on{background: #c93e42;} .abo2-nav li a{display: block;font-size: 20px;color: #fff;} .abo2-nav{margin-bottom: 55px;} .abo2-item{display: none;} .abo2-item.on1{display: block;} .abo2-swiper{position:relative;padding-bottom: 70px;} .abo-box .swiper-pagination{bottom: 0;} .abo-box .swiper-button-next,.abo-box .swiper-button-prev{font-size: 32px;background: none;color: #8b8c8c;transition: all 0.4s;top: 42%;} .abo-box .swiper-container{overflow: hidden;} .abo-box .swiper-button-next:hover,.abo-box .swiper-button-prev:hover{color: #c93e42;} .abo-box .swiper-button-next{right: -70px;} .abo-box .swiper-button-prev{left: -70px;} .abo-box .swiper-pagination-bullet-active{border-color: #c42a2e;background: #c42a2e;} .abo2-swiper .swiper-slide img{display: block;width: 100%;} .abo-sm{padding: 133px 0;background: url(/images/img87.jpg) no-repeat center;background-size: cover;} .abo-smlist li h3{font-size: 46px;color: #fff;margin-bottom: 38px;position:relative;display: inline-block;} .abo-smlist li h3:after{content:'';width: 100%;height: 4px;background: rgba(255,255,255,0.5);position:absolute;bottom: -4px;left: 50%;transform:translateX(-50%);} .abo-smlist li p{font-size: 20px;color: rgba(255,255,255,0.8);line-height: 30px;} .abo-smlist li{display: inline-block;vertical-align: top;width: 27%;} .abo-smlist ul{font-size: 0;text-align: center;} .abo-smlist .abo-tit{margin-bottom: 100px;} .abo-three{padding: 80px 0;background: #111;} .abo3-swiper .swiper-slide img{display: block;width: 100%;} .abo3-swiper {position:relative;padding-bottom: 60px;} .abo3-swiper .swiper-container{overflow: hidden;} .abo3-swiper .honor-tit{font-size: 20px;color: rgba(255,255,255,0.6);text-align: center;margin-top: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .abo-four{padding: 80px 0;background: url(/images/img91.jpg) no-repeat center;background-size: cover;} .abo-four .abo4-swiper{overflow: inherit;} .abo-box .abo-four .swiper-pagination-bullet-active{background: #fff;border-color: #fff;} .abo-five{padding: 80px 0 0;background: #111;} .abo5-list li span{display: inline-block;width: 35px;height: 35px;margin-bottom: 12px;} .abo5-list li{width: 24%;float: left;margin-right: 1.3%;background: #fff;padding: 35px 45px 20px;height: 182px;text-align: center;} .abo5-list li:nth-child(4n){margin-right: 0;} .abo5-list li h3{font-size: 20px;color: #333;margin-bottom: 8px;} .abo5-list li p{font-size: 16px;color: #333;line-height: 20px;} .abo5-list li span.span1{background: url(/images/tel.png) no-repeat center;background: cover;} .abo5-list li span.span2{background: url(/images/qq.png) no-repeat center;background: cover;} .abo5-list li span.span3{background: url(/images/mail.png) no-repeat center;background: cover;} .abo5-list li span.span4{background: url(/images/add.png) no-repeat center;background: cover;} .abo5-map{overflow: hidden;margin-top: 75px;} .abo5-map img{display: block;width: 100%;} .abo-six{padding: 80px 0;background: #111;} .join_tit{padding: 36px 36px;background: #fff;overflow: hidden;transition: all 0.4s;border:1px solid #e1e1e1;} .join_tit-con{position: relative;} .join2-list li.on .join_tit{background: #c42a2e;border-color: transparent;} .join_font{display: none;padding: 60px 145px;background: #fff;} .join2-list li{margin-bottom: 30px;} .join2-list li:last-child{margin-bottom: 0;} .join_tit-con h3 .p1{font-size: 20px;color: #444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 12px;} .join_tit-con h3 .p2 span{color: #666;font-size: 16px;position:relative;padding-right: 15px;margin-right: 15px;} .join_tit-con h3 .p2 span:after{content: '';width: 1px;height: 13px;background: #c5c5c5;position:absolute;right: 0;top: 50%;margin-top: -6.5px;} .join_tit-con h3 .p2 span:last-child:after{display: none;} .join2-list li.on .join_tit-con h3 p,.join2-list li.on .join_tit-con h3 p span{color: #fff;} .join2-list li.on .join_tit .join-down{background: url(/images/jian.png) no-repeat center;background-size: cover;} .join_tit .join-down{width: 46px;height: 46px;background: url(/images/jia.png) no-repeat center;background-size: cover;position: absolute;right: 0; top: 50%;transform: translateY(-50%);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .join_det-item span{font-size: 18px;color: #c8050d;padding: 0 30px;line-height: 34px;border:1px solid #c8050d;display: inline-block;margin-bottom: 25px;} .join_det-item p{color: #666;font-size: 18px;} .join_det-item{margin-bottom: 40px;} .join-more{text-align: center;margin-top: 60px;} .join-more a{display: inline-block;font-size: 16px;color: #999;padding: 0 5px 10px;position:relative;transition: all 0.4s;} .join-more a:after{content: '';width: 100%;height: 2px;background: #ccc;position:absolute;bottom: 0;left: 0;transition: all 0.4s;} .join-more a:hover{color: #c42a2e;} .join-more a:hover:after{background:#c42a2e;} /* 宣传片拍摄详情 */ .video-one{background: #111;padding-top: 88px;} .video-one .abo-tit h3{text-align: left;margin-bottom: 15px;} .video-one .abo-tit p{font-size: 20px;color: #999;} .video-one .abo-tit p span{color: #c93e42;font-size: 24px;} .video-one .abo-tit{margin-bottom: 30px;} .vid1-box{background: #c93e42;padding: 25px 34px;position:relative;overflow: hidden;} .vid1-box p{font-size: 26px;color: #fff;line-height: 43px;} .vid1-box p span{font-size: 36px;color: #fff;} .vid1-right{position:absolute;right: 34px;bottom: -20px;} .video-two{padding: 65px 0 75px;background: #111;} .vid-tit h3{font-size: 80px;color: rgba(204,204,204,0.1);font-family: DINM;} .vid-tit h4{font-size: 30px;color: #f1f1f1;margin-top: -32px;} .vid-tit p{font-size: 16px;color: #999;line-height: 26px;margin-top: 25px;} .vid2-box{padding: 36px;background: #1a1a1a;margin-top: 35px;} .vid2-box .vid-tit h4{margin-top: 0;color: #c93e42;text-align: center;} .vid2-list{font-size: 0;text-align: center;padding-top: 18px;position: relative;margin-top: 28px;} .vid2-list:after{content: '';width: 876px;height: 1px;background: #484848;position: absolute;top: 0;left: 50%;margin-left: -438px;} .vid2-list li{width: 108px;height: 108px;border-radius: 50%;background: #484848;line-height: 108px;text-align: center;font-size: 18px;color: #fff;display: inline-block;margin-right: 38px;position:relative;} .vid2-list li:after{content: '';width:1px;height: 19px;background: #484848;position:absolute;top: -18px;left: 50%;margin-left: -0.5px;} .vid2-list li:last-child{margin-right: 0;} .video-three{padding: 0 0 84px;background: #111;} .video-three .vid-tit{border-top: 3px solid #c93e42;padding-top: 24px;margin-bottom: 52px;} .vid3-list li span{font-size: 26px;color: #fff;width: 40px;height: 40px;line-height: 40px;text-align: center;background: #c93e42;display: inline-block;vertical-align: middle;margin-right: 18px;} .vid3-list .vid3-item h3{font-size: 18px;color: #fff;margin-bottom: 8px;} .vid3-list .vid3-item h4{font-size: 16px;color: #999;} .vid3-list .vid3-item{display: inline-block;vertical-align: middle;} .vid3-list li{margin-bottom: 38px;} .vid3-list li:last-child{margin-bottom: 0;} .vid4-list li h3{font-size: 24px;margin-bottom: 30px;} .vid4-list .in4-pic{height: 74px;margin-bottom: 34px;} .vid4-list li p{font-size: 14px;color: #999;} .vid4-list li{padding: 0 1.4%;} .video-five{background: #111;} .vid5-box img{display:block;width: 100%;} /* 影视推广详情 */ .ext_xq-banner{height: 177px;} .ext_xq-banner>img{height: 100%;} .ext_xq-banner .bread{height: 77px;background: #222;} .ext_xq-banner .bread a{line-height: 77px;} .newsxq-left{background: #fff;width: 74.8%;padding: 60px 35px;} .newsxq-right{background: #fff;width: 23.5%;padding: 60px 25px;} .newsxq-box{padding: 70px 0px;} .newsxq-tit{padding-bottom: 40px;border-bottom: 1px solid #e2e2e2;} .newsxq-tit h3{font-size: 30px;color: #333;margin-bottom:40px;} .share span{color: #666;font-size: 16px;display: inline-block;vertical-align: middle;} .share span.share-span{padding-right: 30px;background: url(/images/share.png) no-repeat right center;margin-right: 6px;} .share span.xq-time{color: #999;margin-right: 84px;padding-left: 92px;background: url(/images/img106.png) no-repeat left center;background-size: contain;} .share .bdsharebuttonbox{display: inline-block;vertical-align: middle;} .share .bdsharebuttonbox a{ width:32px; height: 32px; border-radius: 50%; background-color: transparent; background-position: center; background-repeat: no-repeat; margin: 0 0 0 8px; padding: 0; transition: all .3s; -webkit-transition: all .3s; } .share .bdsharebuttonbox .bds_sqq { background-image: url(/images/qq-h.png); background-color: #5690e7; } .share .bdsharebuttonbox .bds_tsina{ background-image: url(/images/weibo-h.png); background-color: #c74943; } .share .bdsharebuttonbox .bds_weixin{ background-image: url(/images/weixin-h.png); background-color: #5db752; } .share .bdsharebuttonbox .bds_linkedin{ background-image: url(/images/inlink-h.png); background-color: #2d497c; } .newsxq-inner{padding: 40px 0 75px;} .newsxq-inner p{color: #666;} .newsxq-box .xq-menu{margin-bottom: 0;} .newsxq-box .xq-menu a{color: #666;font-size: 16px;display: inline-block;padding: 16px 30px;border:2px solid #dadada;margin:0 2px;transition: all 0.4s;} .newsxq-box .xq-menu{text-align: center;} .newsxq-box a i{font-size: 14px;} .newsxq-box a.xqmenu-return{margin-top: 45px;background: #c93e42;border-color: #c93e42;color: #fff;} .newsxq-box a.xqmenu-return i{color: #fff;} .newsxq-pic{margin-bottom: 18px;overflow: hidden;} .newsxq-pic img{display: block;width: 100%;transition: all 0.4s;} .newsxq-rtit{font-size: 26px;color: #333;margin-bottom: 25px;} .newsxq-desc h3{font-size: 16px;color: #444;line-height: 22px;margin-bottom: 5px;transition: all 0.4s;height: 44px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .newsxq-desc p{font-size: 14px;color: #999;} .newsxq-list li{margin-bottom: 22px;} .newsxq-list li:hover .newsxq-pic img{transform: scale(1.1);} .newsxq-list li:hover .newsxq-desc h3{color: #c93e42;} .newsxq-box .xq-menu a:hover{color: #c93e42;} .newsxq-box a.xqmenu-return:hover{color: #fff;} .nyban-info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;} .nyban-info h3{font-size: 40px;color: #fff;font-weight: bold;text-align: center;line-height:50px;letter-spacing: 8px;} @media (max-width: 1680px) { .in1-list li h3{font-size: 26px;} .gallery-top{height: 400px;} .in9-desc{width: 350px;} .ext-desc{width: 960px;} } @media (max-width: 1459px) { .nyban-info h3{font-size: 36px;} .tit h3{font-size: 36px;} .tit h3 span{font-size: 40px;} .in1-list li h3{font-size: 22px;} .in1-list li{padding: 30px 20px;} .tit p{font-size: 20px;} .in2-list li p{font-size: 22px;} .in3-list li h3{font-size: 36px;} .in4-list li span{font-size: 36px;} .in4-list li h3{font-size: 26px;} .in7-list li p{font-size: 20px;} .in8-list li p span{font-size: 48px;} .year-box .abo-tit h3{font-size: 32px;} .year-list li .year-tit h3{font-size: 26px;} .year-list li .year-tit h4{font-size: 16px;} .year-list li p{font-size: 18px;} .year-list li .more-btn{font-size: 16px;} .year-list li .year-btn .font_din{font-size: 36px;} .video-left h3{font-size: 32px;} .ny-nav .ny-nav-list a{font-size: 16px;} .abo1-left h3{font-size: 36px;} .abo1-left h4{font-size: 20px;} .abo-tit h3{font-size: 36px;} .abo2-nav li a{font-size: 18px;} .abo-box .swiper-button-next{right: 0;} .abo-box .swiper-button-prev{left: 0;} .abo-smlist li h3{font-size: 36px;} .abo-smlist li p{font-size: 16px;} .abo3-swiper .honor-tit{font-size: 18px;} .abo5-list li h3{font-size: 18px;} .abo5-list li p{font-size: 14px;} .vid-tit h3{font-size: 60px;} .vid-tit h4{font-size: 24px;} .in4-list li h3{font-size: 22px;} .newsxq-tit h3{font-size: 26px;} .newsxq-rtit{font-size: 24px;} .newsxq-box .xq-menu a{display: block;margin-top: 20px;} } @media (max-width: 1259px) { .insear-left span, .insear-left a{font-size: 16px;} .insear-left a{margin-right: 22px;} .insear-left span{margin-right: 10px;} .in6-itemrt li,.in6-itemrt li span{font-size: 18px;} .in6-itembox{width: 100%;} .in9-desc{width:730px;} .ny-nav .ny-nav-list li{padding: 0 40px;} .case-list li{height: 290px;} .vid2-list li{margin-right: 23px;} } @media (max-width: 991px) { /* search */ .psearch-left{width: 100%;float: none;} .psearch-right{width: 100%;float: none;margin-top: 20px;} .psearch-right .m-tit{font-size: 16px;padding: 15px 20px;} .psearch-ru a{font-size: 16px;padding: 15px 20px;} .psearch-box input{font-size: 16px;} .psearch-box button{font-size: 24px;} .psearch-tip{font-size: 18px;} .sec-search{padding: 40px 0;} .news-item .m-tit{font-size: 16px;} .news-item .m-time{font-size: 14px;} .container,.head_main,.wrap,.index-container,.foot-main{padding-right: 15px;padding-left: 15px;margin:0 auto;} .header-app .logo{padding: 10px 15px;} .inner-banner .banner-app{display: block;} .inner-banner .banner-pc{display: none;} .ban-info{display: none;} .insear-left{width: 100%;} .insear-right{width: 100%;} .insear-left{padding: 15px 0;} .insear-left span, .insear-left a{font-size: 14px;} .insear-right{padding: 15px 20px;} .in-search{padding: 15px 0;} .nyban-info{top: 40%;} .nyban-info h3{font-size: 22px;line-height: 32px;letter-spacing: 0px;} .tit h3{font-size: 22px;line-height: 32px;padding-bottom: 15px;} .tit h3 span{font-size: 22px;} .tit p{font-size: 14px;margin-top: 12px;} .in-one{padding: 40px 0;} .in1-list li{width: 48%;margin-bottom: 4%;margin-right: 4%;padding: 15px 10px;} .in1-list li:nth-child(2n){margin-right: 0;} .in1-list li h3{font-size: 16px;margin-bottom: 15px;} .in1-list li p{font-size: 14px;line-height: 24px;height: 96px;} .in1-list li .in1-pic{margin-bottom: 15px;} .in1-list li span{margin-top: 20px;opacity: 1;} .tit{margin-bottom: 25px;} .in-two{padding: 40px 0;} .in-two .tit{margin-bottom: 25px;} .in2-list li p{font-size: 18px;margin-top: 15px;} .in2-list li{display: inline-block;float: none;width: 31%;margin-bottom: 10px;} .in2-pic{width: auto;height: 88px;} .in2-list .more-btn{width: 150px;height: 40px;line-height: 40px;margin-top: 25px;} .in-three{padding: 40px 0;} .in3-list li h3{font-size: 24px;margin-bottom: 18px;} .in3-list li p{font-size: 16px;} .in-four{padding: 40px 0;} .in4-list li h3{font-size: 20px;} .in4-list li span{font-size: 24px;} .in4-pic{height: 80px;} .in4-list li p{font-size: 14px;line-height: 24px;} .in4-list li{padding: 0 1%;} .in4-con .more-btn{width: 150px;height: 40px;line-height: 40px;font-size: 14px;margin-top: 30px;} .in4-con .more-btn i{width: 18px;height: 19px;margin-right: 8px;} .gallery-top{height: 250px;} .gallery-thumbs{padding: 20px 0 30px;} .in-six{padding: 40px 0;} .in6-nav li{font-size: 14px;} .in6-itemrt li,.in6-itemrt li span{font-size: 16px;} .in6-nav{margin-bottom: 25px;} .in6-itemrt li{margin-bottom: 8px;} .in6-itemrt ul{width: 55%;} .in-seven{padding: 40px 0;} .in7-list li{margin:0 20px;} .in7-list li p{font-size: 16px;} .in7-btn{margin-top: 30px;} .in7-list .in7-pic{margin-bottom: 15px;} .in-eight{padding: 40px 0;} .in-nine{padding: 40px 0;} .in9-desc{width: 480px;} .in9-desc h3{font-size: 16px;} .in9-swiper{padding-bottom: 35px;} .in-ten{padding: 40px 0;} .in10-swiper{padding-bottom: 35px;} .page a {width: 35px;height: 35px;line-height: 35px;font-size: 14px;} .page{margin-top: 30px;} .news-item{padding: 15px 10px;margin-bottom: 15px;} .psearch-tip{padding-left: 0;} .news-item .m-cont{padding: 0 4%;} /* 包年服务 */ .year-con{padding: 40px 0 0;} .bread a.home{padding-left: 30px;background: url(/images/home.png) no-repeat left center;background-size: 20px 15px;} .bread a{font-size: 14px;line-height: 40px;} .bread{height: 40px;} .bread i{width: 5px;height: 10px;background-size: cover;} .year-box .abo-tit h3{font-size: 20px;line-height: 30px;} .year-box .abo-tit{margin-bottom: 30px;} .year-list li .year-tit h3{font-size: 22px;} .year-list li .year-tit h4{font-size: 14px;} .year-list li p{font-size: 14px;line-height: 26px;} .year-list li .more-btn{width: 140px;height: 40px;line-height: 40px;font-size: 14px;margin-top: 0;} .year-list li .year-btn .font_din{line-height: 36px;font-size: 26px;} .year-list li{padding: 30px 0 20px;} .year-list li.li1{padding: 30px 0;} .year-left,.year-right{float: none;width: 100%;} .year-left{margin-bottom: 30px;position: static;transform:none;} .year-right{padding-left: 0;border:none;} /* 案例 */ .case-con{padding: 40px 0;} .case-list .case-desc p{font-size: 14px;line-height: 30px;} .case-list .case-desc span{width: 30px;height: 30px;} .case-list .case-desc{padding: 10px 20px;} .load-more{margin-top: 20px;} .load-more span{font-size: 14px;} .case-list li{height: 210px;} /* 宣传片拍摄 */ .video-left h3{font-size: 22px;} .video-left p{font-size: 14px;line-height: 24px;} .video-left span{font-size: 14px;margin-top: 20px;} .video-list li{padding: 30px 0 40px;} /* 影视推广 */ .ext-box{padding: 40px 0;} .ny-nav .ny-nav-list a{font-size: 14px;line-height: 40px;} .ny-nav .ny-nav-list li{padding: 0 30px;} .ext-list li{margin-bottom: 20px;} .ny-nav .ny-nav-list ul{overflow-x: auto;white-space: nowrap;} /* 关于我们 */ .abo-one{padding: 40px 0 50px;} .abo1-right{padding-left: 3%;} .abo1-left h3{font-size: 24px;} .abo1-left h4{font-size:16px;} .abo1-left p{font-size: 14px;line-height: 24px;max-height: 117px;} .nei_anchor{display: none!important;} .msg-box{width: 95%;height: 400px;padding: 30px;} .msg-box .close-box{width: 15px;height: 15px;} .abo-tit h3{font-size: 24px;} .abo-two{padding: 33px 0;} .abo-box .swiper-button-next, .abo-box .swiper-button-prev{display: none;} .abo2-nav li a{font-size: 14px;} .abo2-nav li{width: 150px;height: 40px;line-height: 36px;margin:0 4px;} .abo-tit{margin-bottom: 20px;} .abo2-nav{margin-bottom: 20px;} .abo2-swiper{padding-bottom: 40px;} .abo-sm{padding: 40px 0;} .abo-smlist li h3{font-size: 26px;margin-bottom: 15px;} .abo-smlist .abo-tit{margin-bottom: 20px;} .abo-smlist li p{font-size: 14px;line-height: 24px;} .abo-three{padding: 40px 0;} .abo3-swiper .honor-tit{font-size: 14px;margin-top: 10px;} .abo3-swiper{padding-bottom: 40px;} .abo-four{padding: 40px 0;} .abo-five{padding: 40px 0 0;} .abo5-list li h3{font-size: 16px;} .abo5-list li{width: 49%;margin-right: 2%;margin-bottom: 2%;height: auto;} .abo5-list li:nth-child(2n){margin-right: 0;} .abo5-map{margin-top: 20px;} .abo-six{padding: 40px 0;} .join_tit{padding: 20px;} .join_tit-con h3 .p1{font-size: 16px;} .join_tit-con h3 .p2 span{font-size: 14px;} .join_tit .join-down{width: 31px;height: 31px;} .join2-list li{margin-bottom: 15px;} .join_font{padding: 30px 15px;} .join_det-item span{font-size: 16px;} .join_det-item p{font-size: 14px;} .join-more{margin-top: 20px;} .join-more a{font-size: 14px;} /* 宣传片拍摄详情 */ .video-one{padding-top: 40px;} .video-one .abo-tit p span{font-size: 16px;} .video-one .abo-tit p{font-size: 14px;} .vid1-box p{font-size: 16px;} .vid1-box p span{font-size: 20px;} .vid1-box{padding: 20px 15px;} .vid-tit p{margin-top: 15px;font-size: 14px;line-height: 24px;} .vid-tit h4{font-size: 22px;} .video-two{padding: 40px 0;} .vid2-list li{font-size: 14px;} .vid2-list:after{display: none;} .vid2-list li:after{display: none;} .vid2-list{margin-top: 10px;} .video-three{padding: 0 0 40px;} .vid3-list .vid3-item{display: block;margin-top: 15px;} .vid3-list .vid3-item h3{font-size: 16px;line-height: 20px;} .vid3-list .vid3-item h4{font-size: 14px;} .vid3-list li span{font-size: 20px;} .video-three .vid-tit{margin-bottom: 25px;} .vid3-list li{margin-bottom: 20px;} .vid4-list .in4-pic{height:55px;} .ext_xq-banner .bread{display: none;} .ext_xq-banner{height: 0;} .newsxq-box{padding: 40px 0;} .newsxq-left{width: 100%;float: none;padding: 30px 20px;} .newsxq-right{width: 100%;float: none;margin-top: 30px;padding: 30px 20px;} .newsxq-tit h3{font-size: 22px;line-height: 26px;margin-bottom: 20px;} .share span.share-span{font-size: 14px;} .share span.xq-time{font-size: 14px;} .newsxq-tit{padding-bottom: 20px;} .newsxq-inner{padding: 20px 0 30px;} .newsxq-box .xq-menu a{font-size: 14px;} .newsxq-rtit{font-size: 20px;margin-bottom: 15px;} .banner-slide{height: auto;} .banner-slide img{height: auto;} /* .in-seven .tit p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;transition: all 0.4s;height: 84px;} */ .in-seven .tit p{font-size: 14px;line-height: 24px;padding: 20px 15px;} .in-seven .tit p span{font-size: 14px;} } @media (max-width: 767px) { .in2-list li p{font-size: 16px;} .in3-list li{width: 100%;margin-bottom: 25px;padding: 0;} .in3-list li:last-child{margin-bottom: 0;} .in3-list li h3{margin-bottom: 10px;font-size: 22px;} .in3-list li p{font-size: 14px;line-height: 24px;} .in4-list li h3{margin-bottom: 20px;font-size: 18px;} .in4-pic{height: 50px;} .in4-pic{margin-bottom: 20px;} .in4-list li{width: 50%;padding: 0 2%;margin-bottom: 30px;} .in4-list li span{margin-bottom: 5px;} .in4-list li:last-child,.in4-list li:nth-last-child(2){margin-bottom: 0;} .in6-itemlf,.in6-itemrt{width: 100%;} .in6-itemrt{position: static;padding: 20px 10px;} .in6-itemrt ul{position: static;width: 100%;transform:none;} .in6-nav li{width: 110px;} .in7-list li{width: 50%;float: left;margin:0;margin-bottom: 20px;} .in7-list li:last-child,.in7-list li:nth-last-child(2){margin-bottom: 0;} .in8-list li{width: 100%;border-right: none;margin-bottom: 20px;} .in8-list li:last-child{margin-bottom: 0;} .in8-list li p{font-size: 14px;} .in8-list li p span{font-size: 30px;} .in9-item{position: relative;} .in9-desc{width: 70%;height:100%;position: absolute;right: 0;top: 0;padding: 20px;} .in9-pic{width: 30%;height: auto;} .in9-desc h4{margin-bottom: 8px;} .in9-desc h3{margin-bottom: 5px;} .in9-desc span{margin-top: 8px;height: 8px;} .case-list li{width: 100%;margin-right: 0;margin-bottom:20px;height: auto;} .video-wrap>div{width: 100%;float: none;position:static;transform: none;} .video-left.left{padding-left: 0;} .video-left.right{padding-right: 0;} .abo1-right,.abo1-left{width: 100%;float: none;} .abo1-right{padding-left: 0;margin-top: 20px;} .abo1-left{padding: 0;} .msg-box{height: auto;} .abo2-nav li{margin-bottom: 5px;} .abo-smlist li{width: 100%;margin-bottom: 20px;} .abo-smlist li:last-child{margin-bottom: 0;} .abo5-list li{width: 100%;margin-right: 0;} .vid2-list{text-align: left;} .vid2-list li{margin:0 10px 15px;} } @media (max-width: 700px) { } @media (max-width: 580px) { .in9-desc{padding: 10px;} .in9-desc h4{margin-bottom: 0px;} .in9-desc h3{margin-bottom: 5px;} .in9-desc span{margin-top: 5px;} .in9-desc p{height: 20px;line-height: 20px;-webkit-line-clamp:1;} } @media (max-width: 414px) { } /* 2020.3.3 */ .abo3-pic img { display: block; width: 100%; } .abo3-pic .abo3-appimg { display: none; } @media (max-width: 991px) { .abo3-pic .abo3-appimg { display: block; } .abo3-pic .abo3-pcimg { display: none; } } /* FILE ARCHIVED ON 21:17:57 Dec 09, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 23:39:30 Apr 04, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.546 exclusion.robots: 0.025 exclusion.robots.policy: 0.016 esindex: 0.011 cdx.remote: 92.28 LoadShardBlock: 259.399 (3) PetaboxLoader3.datanode: 104.977 (4) PetaboxLoader3.resolve: 184.084 (2) load_resource: 88.071 */