@import ; @import ; @import ; /*》》》》》》》》》》字体引用《《《《《《《《《《*/ @font-face{ font-family:'archivoblack';src:; } @font-face{ font-family:'artisual';src:; } @font-face{ font-family:'anton';src:; } @font-face{ font-family:'bluu';src:; } .wow{visibility:hidden;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>字间距<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .zh{letter-spacing:0.075em;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>加载页<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .guide{position:fixed;left:0;top:0;width:100vw;height:100vh;align-items:center;justify-content:center;z-index:1500;} .guide_bg{width:100%;height:100%;background-color:#cc3020;position:absolute;left:0;right:0;width:100%;height:100%;} .guide .guidetxt{color:#b3230f;font-size:0;display:none;} .guide .guidetxt .txt_z{display:inline-block;padding-right:9vw;overflow:hidden;width:45px;height:45px;} .guide .guidetxt .txt_z span{padding:3px;} .guide .guidetxt .txt_z span,.guide .guidetxt .txt_z div{height:100%;} .guide .guidetxt .txt_z span img{height:100%;margin:0 auto;} .guide .guidetxt .txt_z .changecr{justify-content:center;z-index:2;} .guide .guidetxt .txt_z .changecr img:first-child{opacity:0;-webkit-opacity:0;} .guide .guidetxt .txt_z .changecr img:last-child{position:absolute;top:0;z-index:-1;} .guide .guidetxt .txt_z:last-child{padding-right:0;} .guide .guidetxt .cs_txt{margin-left:5px;} /*》》》》》》》》》》menu《《《《《《《《《《*/ .menunav{display:none;margin-left:20px;} .menunav>a{align-items:center;outline:none;} .menunav .menunavbtn{width:28px;height:28px;} .menunav .menunavbtn span{background-color:#cc3020;position:absolute;width:100%;height:2px;left:0; border-radius:2px;-webkit-border-radius:2px;-webkit-transition:all 0.35s;transition:all 0.35s;} .menunav .menunavbtn span:nth-child(1){top:4px;} .menunav .menunavbtn span:nth-child(2){top:50%;transform:translatey(-50%);-webkit-transform:translatey(-50%);} .menunav .menunavbtn span:nth-child(3){bottom:4px;} .header.mobilenav .menunav .menunavbtn span:nth-child(1){top:13px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .header.mobilenav .menunav .menunavbtn span:nth-child(2){opacity:0;-webkit-opacity:0;visibility:hidden;} .header.mobilenav .menunav .menunavbtn span:nth-child(3){bottom:13px;transform:rotate(45deg);-webkit-transform:rotate(45deg);} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>按钮波纹<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .rippleria-ink {position:absolute;background:rgba(255, 255, 255, 0.2);border-radius:100%;-webkit-border-radius:100%; transform: scale(0);-webkit-transform: scale(0);z-index:99;} @keyframes rippleria { 100% {opacity:0;-webkit-opacity:0;transform:scale(2.5);-webkit-transform: scale(2.5);} } @-webkit-keyframes rippleria { 100% {opacity:0;-webkit-opacity:0;transform:scale(2.5);-webkit-transform: scale(2.5);} } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>头部<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .header{line-height:80px;height:80px;width:100%;position:fixed;top:0;left:0;z-index:999;padding:0 2.6vw;} .header:after{content:'';width:100%;height:1px;background-color:#e7e7e7;top:80px;left:0;position:absolute;z-index:-1; opacity:0;-webkit-opacity:0;visibility:hidden;-webkit-transition:all 0.35s;transition:all 0.35s;} .header.onwhite:after{opacity:1;-webkit-opacity:1;visibility:visible;} .header>div{height:80px;} .header .other{align-items:center;} .header .other .other_item:first-child{margin-right:1.5vw;} .header .other .other_item>a>i{font-size:24px;display:block;} .header .other .other_item .other_ce_ul{position:absolute;top:100%;width:60px;left:50%;transform:translatex(-50%);-webkit-transform:translatex(-50%);} .header .other .other_item .other_ce_ul .other_ce_item {overflow:hidden;} .header .other .other_item .other_ce_ul .other_ce_item a{line-height:30px;font-size:16px;} .header .other .other_item .other_ce_ul .other_ce_item:first-child a:after{content:'';position:absolute; bottom:0;left:0;width:100%;height:1px;background-color:#eee;} .header .other .other_item .other_ce_ul .other_ce_item:first-child{-moz-border-top-left-radius:5px;border-top-left-radius: 5px; -moz-border-top-right-radius:5px;border-top-right-radius: 5px;} .header .other .other_item .other_ce_ul .other_ce_item:last-child{-moz-border-bottom-left-radius:5px;border-bottom-left-radius: 5px; -moz-border-bottom-right-radius:5px;border-bottom-right-radius: 5px;} .header .other .other_item .other_ce_ul:after{content:'';position:absolute;top:-4px;left:50%;width:0;height:0px;margin-left:-4px; border-style:solid;border-width:4px;border-color:#fff #fff transparent transparent;transform:rotate(-45deg);-webkit-transform:rotate(-45deg); box-shadow:2px -2px 2px rgba(153,153,153,.1);-webkit-box-shadow:2px -2px 2px rgba(153,153,153,.1);} .header .other .other_item.on .other_ce_ul{top:80%;opacity:1;-webkit-opacity:1;visibility:visible;} .header .other .other_item .other_searc_in{position:absolute;right:0;top:50%;height:40px;align-items:center;width:40px; background-color:#bababa;line-height:40px;transform:translatey(-50%);-webkit-transform:translatey(-50%);overflow:hidden; -moz-border-radius:40px;border-radius:40px;-webkit-transition:all 0.5s;transition:all 0.5s;} .header .other .other_item .other_searc_in .other_searc_line{height:100%;padding-right:10px;} .header .other .other_item .other_searc_in .other_searc_line input{width:100%;height:100%;border:none;background:none;} .header .other .other_item .other_searc_in .other_searc_line input::-webkit-input-placeholder{color:rgba(255,255,255,.6);} .header .other .other_item .other_searc_in .other_searc_line input:-ms-input-placeholder{color:rgba(255,255,255,.6);} .header .other .other_item .other_searc_in .other_searc_line input::placeholder{color:rgba(255,255,255,.6);} .header .other .other_item .other_searc_in .other_searc_close{width:40px;height:40px;} .header .other .other_item .other_searc_in .other_searc_close a{background-color:#a7a7a7;align-items:center;justify-content:center;} .header .other .other_item .other_searc_in .other_searc_close a>i{font-size:18px;} .header .other .other_item .other_searc_in .other_searc_icon{width:60px;height:40px;align-items:center;justify-content:center;} .header .other .other_item .other_searc_in .other_searc_icon>i{font-size:22px;} .header .other .other_item.on .other_searc_in .other_searc_close>a{transform:rotate(270deg);-webkit-transform:rotate(270deg); -webkit-transition:all 0.75s;transition:all 0.75s;} .header .other .other_item.on .other_searc_in{width:260px;opacity:1;-webkit-opacity:1;visibility:visible;z-index:150;} .header .menu>a{align-items:center;outline:none;} .header .menu .menu_btn{width:30px;height:30px;margin-right:.8vw;} .header .menu .menu_btn>span{font-size:16px;} .header .menu .menu_btn:after{display:none;} .header .menu .menu_btn span{background:#fff;position:absolute;width:100%;height:2px;left:0;} .header .menu .menu_btn span:nth-child(1){top:4px;} .header .menu .menu_btn span:nth-child(2){top:50%;margin-top:-1px;} .header .menu .menu_btn span:nth-child(3){bottom:4px;} .header_logo{height:44px;transform:translatey(-50%);-webkit-transform:translatey(-50%);position:absolute;top:50%;} .header_logo>a{height:100%;} .header_logo>a img{height:100%;} .header.onwhite{background-color:#fff;-webkit-box-shadow:0 5px 5px -3px rgba(0, 0, 0, .1);box-shadow:0 5px 5px -3px rgba(0, 0, 0, .1);} .header.onwhite .menu .menu_btn span{background-color:#666;} .header.onwhite .other .other_item>a{color:#666;} .header.onshow .menu .menu_btn span:nth-child(1){top:14px;transform:rotate(45deg);-webkit-transform:rotate(45deg);} .header.onshow .menu .menu_btn span:nth-child(2){opacity:0;-webkit-opacity:0;visibility:hidden;} .header.onshow .menu .menu_btn span:nth-child(3){bottom:14px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>菜单栏<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #float_circle{height:3px;position:absolute;bottom:0;display:inline-block;z-index:10; -webkit-transition:all 0.35s;transition:all 0.35s;opacity:0;-webkit-opacity:0;} #float_circle.float_exhibit{opacity:1;-webkit-opacity:1;} #float_circle:after{content:'';position:absolute;width:100%;height:100%;bottom:0;left:50%;background-color:#fff; transform:translatex(-50%);-webkit-transform:translatex(-50%); -webkit-transition:all 0.35s;transition:all 0.35s;} .header.onwhite #float_circle:after{background-color:#cc3020;} .nava_item:nth-child(5) .navb .navb_item{float:none;} .nava_item{z-index:20;} .nava_item>a{color:#fff;padding:0 2vw;position:relative;font-size:16px;} .nava_item>a:before{content:'';width:3px;height:3px;border-radius:50%;-webkit-border-radius:50%; background-color:rgba(255,255,255,.8);position:absolute;top:50%;left:0;transform:translatey(-50%);-webkit-transform:translatey(-50%); -webkit-transition:all 0.35s;transition:all 0.35s;} .nava_item:first-child>a:before{display:none;} .navb{position:absolute;top:100%;left:2vw;padding:1vw 0;line-height:38px;flex-wrap:wrap;text-align:justify;width:max-content;max-width:400px; opacity:0;-webkit-opacity:0;visibility:hidden;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;} .navb .navb_item{float:left;} .navb .navb_item>a{min-width:200px;white-space:nowrap;} .header.onwhite .nava_item>a{color:#333;} .header.onwhite .nava_item>a:before{background-color:#666;} .navb[type="34"] .navb_item:nth-child(even){float:none;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>banner<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .index_banner{transform:scale(1.2);-webkit-transform:scale(1.2);opacity:0;-webkit-opacity:0;} #public_banner{width:100%;height:100vh;} .banner{width:100vw;height:100vh;overflow:hidden;} .banner .banner_bg{width:100%;height:100%;background-size:cover;-webkit-transition:all 0.35s;transition:all 0.35s; background-repeat:no-repeat;background-position:center center;position:absolute;top:0;left:0;} .banner .banner_title{position:absolute;bottom:3vw;right:7%;font-size:18px;z-index:20;} .businessdel_video{position:absolute;top:0;left:0;width:100vw;height:100vh;} .hmouse{position:absolute;bottom:4vw;left:0;z-index:50;font-size:16px;} .hmouse>span{top:150%;left:50%;transform:translatex(-50%);-webkit-transform:translatex(-50%);width:2px;height:2.5vw;overflow:hidden; background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));display:inline-block;position:absolute;} .hmouse>span:before{content:'';position:absolute;width:100%;height:25%;background-color:#cc3020;left:0;top:0; transform:translatey(-100%);-webkit-transform:translatey(-100%); -webkit-animation: mouseof 1.5s linear infinite;animation: mouseof 1.5s linear infinite;} @keyframes mouseof{ 0%{opacity:1;-webkit-opacity:1;top:0;} 100%{opacity:.5;-webkit-opacity:.5;top:100%;} } @-webkit-keyframes mouseof{ 0%{opacity:1;-webkit-opacity:1;top:0;} 100%{opacity:.5;-webkit-opacity:.5;top:100%;} } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>设计未来<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .opaque{z-index:10;padding:4vw 0;} .opaque_txt{display:inline-block;will-change:transform;} .opaque_txt>h1{font-weight:bold;font-family:'archivoblack';font-size:6vw;line-height:1;will-change:transform;} .opaque_txt>.h_01{background-image: url(/uploads/image/epimage/txtbg.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% 0; -webkit-background-clip: text;-webkit-text-fill-color:transparent;position:relative;z-index:2;} .opaque_txt>.h_02{position:absolute;top:0;left:0;opacity:0;background-image: url(/uploads/image/epimage/txtbg2.jpg);background-repeat:no-repeat;background-position:center top; background-size:cover;-webkit-background-clip: text;-webkit-text-fill-color:transparent;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>home_master_t<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .section_index{padding-top:3vw;padding-bottom:1vw;} .master_t{align-items:center;} .master_title{line-height:1;} .master_title .master_letter{text-transform:uppercase;font-size:24px;color:#e6e6e6;} .master_title .master_name{font-size:44px;font-weight:bold;margin-bottom:8px;} .master_title .master_letter>span,.master_title .master_name>span{display:inline-block;} .master_more{margin-left:auto;} .master_more a{color:#202020;} .master_more a>span{font-size:16px;margin-right:3px;} .master_more a>i{font-size:14px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>videobg<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .videobg{width:100%;height:100%;object-fit:cover;} .videobg::-webkit-media-controls-enclosure{display:none;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>洲宇简介<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .introduce_modular{padding:2vw 0;} .indexline_p{font-size:16px;margin-top:1.5vw;line-height:26px;display:inline-block;} .introduce_video .introduce_video_box{z-index:-1;margin-top:-7vw;width:100vw;height:100vh;} .introduce_video .video_poster{width:100%;height:100%;} /*.introduce_video .play_btn{position:absolute;top:60%;left:50%;width:76px;height:76px;margin-top:-38px;margin-right:-38px;} .introduce_video .play_btn>img{width:100%;}*/ .introduce_video.stretch_fully .introduce_height{width:100%;height:20vw;} .introduce_video.stretch_fully .introduce_video_box{position:sticky;top:0;z-index:2;} /*.introduce_video.stretch_fully .play_btn{top:50%;opacity:1;-webkit-opacity:1;visibility:visible;}*/ .introduce_video .section-border{position:absolute;z-index:5;} .introduce_video .border-top{height:12vw;left:0;right:0;top:0;} .introduce_video .border-bottom{height:12vw;left:0;right:0;bottom:0;} .introduce_video .border-left{width:12vw;left:0;bottom:0;top:0;} .introduce_video .border-right{width:12vw;right:0;bottom:0;top:0;} .introduce_video.stretch_fully .border-top,.introduce_video.stretch_fully .border-bottom{height:0;} .introduce_video.stretch_fully .border-left,.introduce_video.stretch_fully .border-right{width:0;} .habout{margin-top:5vw;padding-bottom:1vw;} .habout_txt .habout_info{font-size:1.7708333333333335vw;line-height:1.8;text-align:justify;word-break: break-all;} .habout_txt .habout_info{background: linear-gradient(to right, #333 50%, #cc3020 50%); background-clip:text;-webkit-background-clip: text;-webkit-text-fill-color:transparent; background-size: 200% 100%;background-position:100%;text-decoration:none;-webkit-transition:all 4s;transition:all 4s;} .habout_txt .habout_info.animated{background-position:0 100%;} .habout_img{align-items:center;justify-content:center;} .habout_img .habout_img_info{max-height:100%;max-width:90%;} .habout_img .habout_img_info>img{width:100%;height:100%;object-fit:cover;} .habout_num{margin-top:2.5vw;} .data_item{margin-right:15%;} .data_item:last-child{margin-right:0;} .data_item .data_number{color:#444;} .data_item .data_number>span{font-size:4.0625vw;line-height:1;margin-bottom:.6vw;font-family:'anton';} .data_item .data_number>em{font-size:1.666666vw;margin-left:5px;font-weight:bold;line-height:1;} .data_item .data_p{font-size:22px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#898989;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>最新作品<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .works_modular{padding-top:3vw;padding-bottom:2vw;} .works{padding-top:3vw;} .works .works_box{margin:-.5vw;} .works .works_l{width:66.666666%;} .works_item{width:100%;} .works_item>div{padding:.5vw;height:100%;} .works_item .works_img{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;} .works_item .works_img img{width:100%;height:100%;object-fit:cover;} .works_item a:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:30%;background-image:linear-gradient(transparent,#222);z-index:1;} .works_item .works_content{position:absolute;bottom:0;left:0;padding:1vw 1.5vw;z-index:2;align-items:flex-end;} .works_item .works_content .works_title{padding-right:5px;} .works_item .works_content .works_title>h5{font-size: 24px;text-align:justify; margin-bottom:8px;overflow: hidden;text-overflow: ellipsis;word-break: break-all; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .works_item .works_content .works_title>p{font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;} .works_item .works_details{margin-left:auto;width:20px;overflow:hidden;line-height:20px;} .works_item .works_arrow{transform:translatex(-20px);-webkit-transform:translatex(-20px);} .works_item .works_arrow>i{font-size:20px;vertical-align:sub;} .works .works_l .works_item a{width:100%;height:0;padding-bottom:60%;} .works .works_l .works_item:nth-child(1){width:100%;} .works .works_l .works_item:nth-child(2){width:50%;} .works .works_l .works_item:nth-child(3){width:50%;} .works .works_r{width:33.333333%;flex-wrap:wrap;} .works .works_r .works_item a{width:100%;height:100%;} .works .works_r .works_item:first-child{height:40%;} .works .works_r .works_item:last-child{height:60%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>业务版块<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #plate{width:100%;padding-bottom:2vw;} #plate .swiper-scrollbar{left:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);height:1px;} #plate .swiper-scrollbar-drag{background-color:#cc3020;} .plate_modular{padding-top:2vw;padding-bottom:3vw;} .plate{margin-top:3vw;overflow:hidden;} .plate #plate_box{margin:-.5vw;} .plate_item{padding:.5vw;} .plate_item>a{width:100%;height:0;padding-bottom:100%;} .plate_item .plate_img{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;} .plate_item .plate_img img{width:110%;height:110%;object-fit:cover; position:absolute;left:-5%;top:-10%;} .plate_item .plate_content{position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;z-index:20;padding:0 2vw;} .plate_item .plate_content:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:rgba(204,48,32,0); -webkit-transition:all 0.75s;transition:all 0.75s;} .plate_item .plate_title{padding-bottom:1.35vw;transform:translatey(100%);-webkit-transform:translatey(100%);margin-bottom:1.8vw;} .plate_item .plate_title h4{font-size:30px;font-weight:bold;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .plate_item .plate_title:after{content:'';position:absolute;bottom:0;width:2vw;height:3px;background-color:#fff;left:50%;margin-left:-1vw;} .plate_item .plate_p{transform:translatey(100%);-webkit-transform:translatey(100%);} .plate_item .plate_p p{margin-top:1.5vw;font-size:16px;line-height:26px;color:rgba(255,255,255,.8);margin-bottom:2vw; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:78px;} .plate_item .plate_btn{color:#fff;width:2.2vw;height:2.2vw;align-items:center;justify-content:center; transform:translatey(100%);-webkit-transform:translatey(100%);} .plate_item .plate_btn>i{font-size:1.3vw;} .plate_item .plate_btn:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%; border:1px solid #fff;border-radius:50%;-webkit-border-radius:50%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>动态<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .new_modular{padding:4vw 0;} .new_modular{background-color:#f2f2f2;} .new_modular .master_title .master_letter{color:#fff;} .new{padding-top:3vw;} .new .new_box{margin:-1vw;} .new_item{padding:1vw;} .new_item:nth-child(4){display:none;} .new_item .new_img{height:0;width:100%;padding-bottom:60%;overflow:hidden;} .new_item .new_img img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;} .new_item .new_content{padding-top:2vw;} .new_item .nes_title{margin-bottom:.8vw;} .new_item .nes_title h6{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical;} .new_item .nes_p p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;height:52px;font-size:16px;line-height:26px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>页尾<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .footer{background-color:#252525;z-index:2;} .footer_top{padding-top:3vw;padding-bottom:4vw;} .footer_top .footer_contact{width:66.666666%;color:rgba(255,255,255,.2);} .footer_top .footer_contact .hqs{width:33.333333%;} /*.footer_top .footer_contact .hqs:last-child{padding-right:0;}*/ .footer_top .hqs_title>h5{font-size:1.25vw;margin-bottom:1vw;} .footer_top .hqs_txt{line-height:28px;} .footer_top .search_box{width:100%;padding-left:8vw;} .footer_top .search_box>p{color:rgba(255,255,255,.2);font-size:18px;line-height:28px;} .footer_top .search{width:33.333333%;justify-content:flex-end;} .footer_top .search .search_form{margin-top:7px;} .footer_top .search .search_form input{background:#fff;height:40px;border:none;padding:0 10px;font-size:16px;} .footer_top .search .search_form input::-webkit-input-placeholder{color:#999;} .footer_top .search .search_form input:-ms-input-placeholder{color:#999;} .footer_top .search .search_form input::placeholder{color:#999;} .footer_top .search .search_form button{background-color:#8a8d94;border:none;width:40px;height:40px;} .footer_top .search .search_form button>i{font-size:20px;} .footer_bottom{padding-top:2vw;padding-bottom:1vw;} .footer_bottom .footer_href{margin-bottom:1vw;} .footer_bottom .footer_href a{color:rgba(255,255,255,.2);margin-right:1vw;} .footer_bottom .footer_href a>i{font-size:24px;} .footer_bottom:after{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background-color:rgba(255,255,255,.1);} .footer_bottom .footer_prepare span,.footer_bottom .footer_prepare a{color:rgba(255,255,255,.2);font-size:16px;} #ckline{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;} .footer_tel{font-size:1.25vw;color:rgba(255,255,255,.2);margin-bottom:1vw;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>page_banner<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .page_banner{height:100%;position:absolute;top:0;left:50%;transform:translatex(-50%);-webkit-transform:translatex(-50%);z-index:50;} .page_banner>div{width:100%;height:100%;} .page_banner_title{position:absolute;right:0;bottom:3vw;font-size:18px;} .banner:after{content:'';background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55));position:absolute; width:100%;height:100%;z-index:10;top:0;left:0;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>master_screen<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .master_screen{margin-left:auto;margin-right:-5px;} .master_screen .screen_item>div{margin:0 5px;min-width:160px;} .master_screen .screen_item>div>a{border:1px solid #d2d6dc;padding:0 15px;width:100%; border-radius:3px;-webkit-border-radius:3px;height:38px;align-items:center;color:#898989;} .master_screen .screen_item>div>a>i{margin-left:auto;display:inline-block;} .master_screen .screen_item.select_btn>div>a>i{font-size:14px;} .master_screen .screen_item.query_btn>div>a>i{font-size:18px;} .master_screen .screen_item>div>ul{position:absolute;top:150%;left:0;width:100%;padding:10px 0;border:1px solid #eee;z-index:50; max-height:320px;overflow-y:auto;} .master_screen .screen_item>div>ul::-webkit-scrollbar{width:3px;} .master_screen .screen_item>div>ul a{color:#898989;line-height:34px;padding:0 15px;} .master_screen .screen_item>div>ul a:hover{background-color:#f5f5f5;} .master_screen .screen_item>div>a>input{width:102px;height:100%;border:none;padding-right:10px;color:#666;} .master_screen .screen_item>div>a>input::-webkit-input-placeholder{color:#898989;} .master_screen .screen_item>div>a>input:-ms-input-placeholder{color:#898989;} .master_screen .screen_item>div>a>input::placeholder{color:#898989;} .master_screen .screen_item.select_btn>div.on>ul{opacity:1;-webkit-opacity:1;visibility:visible;top:110%;} .master_screen .screen_item.select_btn>div.on>a>i{-webkit-transform:rotate(180deg);transform:rotate(180deg);} .master_screen .screen_item.query_btn>div.on>a>input{width:220px;} .master_screen .screen_item.query_btn>div>a>i:hover{color:#cc3020;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>pull_screen<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .pull_screen{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1500;} .pull_screen>div{position:absolute;width:100%;height:100%;position:absolute;top:0;} .pull_screen .pull_screen_white{left:0;background-color:#ccc;transition:left 1s linear;-moz-transition:left 1s linear;} .pull_screen .pull_screen_red{left:100%;background-color:#cc3020;transition:left 1s ease-in;-moz-transition:left 1s ease-in;} .pull_screen.animated>div{left:-100%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>page作品<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .works_bannertxt{position:absolute;bottom:2vw;left:0;} .works_bannertxt .works_bannertxt_m{font-size:24px;font-weight: bold;} .works_bannertxt .works_bannertxt_c{font-size:3.125vw;line-height:1;text-transform:uppercase; font-weight:bold;font-family:'archivoblack';padding-bottom:2vw;margin-bottom:1.6vw;margin-top:.8vw;} .works_bannertxt .works_bannertxt_c:after{content:'';position:absolute;left:0;bottom:0;width:3vw;height:2px;background-color:#cc3020;} .works_bannertxt .works_bannertxt_loc{font-size:14px;} .pworks{padding-top:3vw;} .pworks_hd>div{align-items:flex-end;padding-bottom:25px;} .pworks_hd:after{content:'';height:1px;width:100%;background-color:#eee;bottom:0;left:0;position:absolute;} .pworks_hd .master_title{align-items:flex-end;} .pworks_hd .master_title .master_name{margin-bottom:0;overflow:initial;} .pworks_hd .master_letter{margin-left:.5vw;line-height:1;} .pworks_title{font-weight:bold;} .pworks_title .pworks_ch{font-size:24px;margin-bottom:.5vw;} .pworks_title .pworks_eg{font-size:3.125vw;line-height:1;font-family:'archivoblack';text-transform:uppercase;} .pworks_loc{margin-left:auto;} .works_boxs{padding-bottom:4.5vw;padding-top:25px;} .works_t{align-items:center;} .works_t .works_lick{font-size:18px;} .works_t .works_lick>a{margin-right:2vw;} .works_t .works_lick>a:last-child{margin-right:0;} .works_t .works_lick>a:after{content:'';position:absolute;width:100%;height:2px;background-color:#cc3020; transform-origin:100%;-webkit-transform-origin:100%;-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition: transform .5s cubic-bezier(.215,.61,.355,1);transform:scalex(0);-webkit-transform: scalex(0); left:0;bottom:0;} .works_t .works_lick>a.on{color:#cc3020;} .works_t .works_lick>a.on:after{transform:scalex(1);-webkit-transform:scalex(1);transform-origin:0;-webkit-transform-origin:0;} .works_list{margin-top:25px;} .works_list>ul{margin:-5px;} .works_li{padding:5px;} .works_li img{width:100%;} .works_li>a{overflow:hidden;} .works_li>a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1; background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1)); opacity:0.8;-webkit-opacity:0.8;-webkit-transition:all 0.5s;transition:all 0.5s;} .works_li .works_txt{position:absolute;bottom:0;left:0;width:100%;padding:1vw 1.5vw;z-index:2;} .works_li .works_txt>div{background-image:url(/uploads/image/epimage/arrow_right.png);background-repeat:no-repeat;background-position:right 90%;background-size:19px;padding-right:25px;} .works_li .works_txt h5{font-size:24px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .works_li .works_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;} .rollmore{margin-top:3vw;} .rollmore>a{width:230px;height:56px;line-height:56px;background-color:#f3f3f3;font-size:16px;position:relative;} .rollmore>a.more_animation{pointer-events:none;background:none;color:#a5a5a5;} .rollmore>a.more_animation img{height:30%;transform:translatex(-50%) translatey(-50%); -webkit-transform:translatex(-50%) translatey(-50%);position:absolute;top:50%;left:50%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>page作品详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .worksdel_bannertxt{position:absolute;bottom:3vw;left:0;max-width:100%;} .worksdel_bannertxt .letter_big>h1{font-size:3.125vw;line-height:1.1;font-family:'archivoblack';} .worksdel_bannertxt .letter_name{align-items:center;margin-top:1vw;} .worksdel_bannertxt .letter_name span{font-size:24px;margin-right:1vw;} .worksdel_bannertxt .letter_name em{font-size:16px;} .otn{position:absolute;right:0;bottom:3vw;margin:-10px 0;} .otn .otn_btn{width:40px;height:40px;line-height:40px;margin:10px 0;z-index:2;} .otn .otn_btn>i{font-size:18px;} .otn .otn_btn:before{content:''; position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.7); -webkit-transition:all 0.35s;transition:all 0.35s;-webkit-border-radius:50%;border-radius:50%;z-index:-2;} .otn .otn_btn:after{content:''; position:absolute;width:0;height:0;left:50%;top:50%;background-color:rgba(204,48,32,.7); -webkit-transition:all 0.35s;transition:all 0.35s;z-index:-1;-webkit-border-radius:50%;border-radius:50%;} .worksdel_box{padding-top:5vw;padding-bottom:4vw;} .worksdel_box .worksdel_title{font-size:1.77vw;line-height:1;margin-bottom:3vw;color:#333;} .worksdel_box .worksdel_line{color:#898989;font-size:16px;line-height:26px;} .worksdel_line .worksdel_attr{max-width:420px;width:30%;position:sticky;top:120px;padding-right:4vw;} .worksdel_line .worksdel_attr p{margin-bottom:.8vw;} .worksdel_line .worksdel_attr p:last-child{margin-bottom:0;} .worksdel_line .worksdel_attr span{font-weight:bold;} .worksdel_line .worksdel_txt{width:70%;} .worksdel_line .worksdel_txt .worksdel_not{max-width:1024px;width:100%;text-align:justify;} .worksdel_line .worksdel_txt p{margin-bottom:1vw;} .worksdel_line .worksdel_txt img{max-width:100%;display:inline-block;} .worksdel_line .worksdel_txt p,.worksdel_line .worksdel_txt span,.worksdel_line .worksdel_txt em, .worksdel_line .worksdel_txt s,.worksdel_line .worksdel_txt i, .worksdel_line .worksdel_attr p,.worksdel_line .worksdel_attr span,.worksdel_line .worksdel_attr em, .worksdel_line .worksdel_attr s,.worksdel_line .worksdel_attr i{word-wrap:break-word !important;white-space:normal !important;} .related{margin-top:6vw;} .related .related_title{margin-bottom:3.4vw;font-size:2.29vw;line-height:1;} .related_list .related_li>a .related_name p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .related_list ul{margin:-5px;} .related_list .related_li{padding:5px;} .related_list .related_li>a{height:0;padding-bottom:62%;overflow:hidden;} .related_list .related_li>a>img{width:100%;height:100%;left:0;top:0;position:absolute;object-fit:cover;} .related_list .related_li>a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.6), #000); opacity:0.6;-webkit-opacity:0.6;-webkit-transition:all 0.5s;transition:all 0.5s;} .related_list .related_li>a .related_name{position:absolute;bottom:0;left:0;padding:1.2vw 1.5vw;font-size:24px;z-index:2;width:100%;} .related_list .related_li>a .related_name:after{content:'';position:absolute;left:0;top:50%;height:1px;background-color:#fff;width:0; -webkit-transition:all 0.5s;transition:all 0.5s;} .gallery{position:fixed;z-index:1200;left:0;top:0;width:100%;height:100%;} .gallery.on{opacity:1;-webkit-opacity:1;visibility:visible;} .gallery .gallery_big{height:calc(100% - 10vw);height:-webkit-calc(100% - 10vw);} .gallery .big_img{width:100%;height:100%;align-items:center;justify-content:center;} .gallery .big_img img{max-height:100%;max-width:100%;object-fit:cover;} .gallery .small_img{width:100%;height:100%;cursor:pointer;} .gallery .small_img img{height:100%;width:100%;object-fit:cover;} .gallery .gallery_small{height:10vw;height:10vw;padding-bottom:2vw;} #swiper_small,#swiper_big{height:100%;} #swiper_small .swiper-slide.swiper-slide-thumb-active .small_img{opacity:1;-webkit-opacity:1;} #swiper_small .swiper-slide .small_img{opacity:.4;-webkit-opacity:.4;} #gallery_close{position:absolute;left:2.6vw;top:1.5vw;z-index:20;} #gallery_close i{font-size:20px;font-weight:bold;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>page业务列表<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #business{height:calc(100vh - 80px);height:-webkit-calc(100vh - 80px);} .business_item,.business_item>a{height:100%;overflow:hidden;} .business_item .business_img{width:110%;height:110%;object-fit:cover;position:absolute;left:-5%;top:-5%;} .business_item .business_txt{position:absolute;left:0;bottom:8vw;z-index:5;padding:0 4vw;} .business_item .business_num{color:#d6d6d6;margin-bottom:2vw;font-size:38px;} .business_item .business_name{font-size:34px;margin-bottom:2vw;font-weight:bold;} .business_item .business_p{color:#898989;font-size:16px;margin-bottom:4vw;line-height:26px;} .business_item .business_del{width:48px;height:48px;align-items:center;justify-content:center;} .business_item .business_del:after{content:'';position:absolute;left:0;top:-;width:100%;height:100%; border:1px solid #9b9b9b;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all 0.35s;transition:all 0.35s;} .business_item .business_del i{font-size:28px;} .business_item>a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%; background-color:rgba(255,255,255,.9);-webkit-transition:all 0.5s;transition:all 0.5s;} #business .business_btn{bottom:1.5vw;top:initial;color:#4b4848;width:auto;height:auto;} #business .business_btn i{font-size:24px;} #business .business_btn:after{display:none;} #business .business_btn.swiper-button-prev{left:1.5vw;} #business .business_btn.swiper-button-next{right:1.5vw;} .guide__mouse{position:absolute;bottom:15px;left:0;width:100%;z-index:50;display:none;} @keyframes movedownspot1 { from {opacity:1;-webkit-opacity:1;} to {opacity: 0;-webkit-opacity:0;transform:translatex(-20px);-webkit-transform:translatex(-20px);} } .guide__mouse img{width:140px;margin:0 auto;animation:movedownspot1 linear 1s infinite;-webkit-animation:movedownspot1 linear 1s infinite;} .guide__mouse p{color:rgba(255,255,255,.6);text-align:center;margin-top:10px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>page业务详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .businessdel{position:absolute;left:0;bottom:6vw;background-color:rgba(0,0,0,.8);width:370px;padding:2vw 1.4vw 2vw 2vw;} .businessdel .businessdel_title{font-size:30px;line-height:30px;font-weight:bold;margin-bottom:1.8vw;} .businessdel .businessdel_line{color:rgba(255,255,255,.6);font-size:16px;line-height:26px; overflow-y:auto;max-height:280px;padding-right:1.4vw;} .businessdel .businessdel_line::-webkit-scrollbar{width:2px;height:2px;} .businessdel .businessdel_href{margin-top:2vw;} .businessdel .businessdel_href>a{text-decoration:underline;font-size:16px;} .businessdel_otn.otn{bottom:6vw;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>page资讯<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .news_bannertxt{position:absolute;bottom:2.5vw;left:0;} .news_bannertxt .news_tip{font-size:2.29vw;line-height:1;margin-bottom:1.2vw;font-weight:bold;} .news_bannertxt .news_time{font-size:24px;} .news_bannertxt .news_back{margin-left:auto;} .news_bannertxt .news_back>a{width:130px;height:40px;line-height:40px;border-radius:40px;-webkit-border-radius:40px;align-items:center;justify-content:center;} .news_bannertxt .news_back>a i{margin-right:8px;font-size:20px;} .news_box{padding-top:5.5vw;padding-bottom:4.5vw;} .news_list{margin-bottom:3.5vw;} .news_list>ul{margin:-5px;} .news_item{padding:5px;} .news_item>a{height:0;padding-bottom:62%;overflow:hidden;} .news_item>a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.8), #000); opacity:0.6;-webkit-opacity:0.6;-webkit-transition:all 0.5s;transition:all 0.5s;} .news_item>a>img{width:100%;height:100%;left:0;top:0;position:absolute;object-fit:cover;} .news_item .news_title{position:absolute;padding:1.2vw 1.5vw;z-index:2;bottom:0;left:0;} .news_item .news_title p{font-size:18px;line-height:28px;overflow:hidden;text-overflow:ellipsis;text-align:justify; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:56px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>page分页器<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .pagelist{font-size:0;margin:-.5vw;text-align:center;} .pagelist li{display:inline-block;padding:.5vw;} .pagelist li a{font-size:16px;border:1px solid #666;width:42px;height:42px;line-height:42px;color:#000;display:block; -webkit-border-radius: 50%;border-radius:50%;-webkit-transition:all 0.35s;transition:all 0.35s;} .pagelist li a i{font-size:18px;} .pagelist li a.selected{background-color:#cc3020;border-color:#cc3020;color:#fff;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>page资讯详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .newsdel_box{padding:5vw 0;} .newsdel_cnt{width:70%;} .newsdel_cnt>div{max-width:1024px;width:100%;text-align:justify;} .newsdel_cnt p,.newsdel_cnt span,.newsdel_cnt em, .newsdel_cnt s,.newsdel_cnt i{word-wrap:break-word !important;white-space:normal !important;} .newsdel_cnt{font-size:16px;line-height:26px;color:#898989;} .newsdel_cnt img{max-width:100%;display:inline-block;} .newsdel_cnt p{line-height:26px;color:#898989;} .newsdel_rmd{width:30%;padding-left:5vw;position:sticky;top:30px;} .newsdel_notes{font-size:18px;margin-bottom:3vw;} .newsdel_rmd_list li{padding-bottom:1.5vw;} .newsdel_rmd_list a{font-size:16px;border-bottom:1px dashed #c3c3c3;padding-bottom:1.5vw;} .newsdel_rmd_list .newsdel_rmd_time{color:#d5d5d5;margin-bottom:.5vw;font-family:'archivoblack';} .newsdel_rmd_list .newsdel_rmd_name{overflow:hidden;text-overflow:ellipis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .newsdel_rmd_pn{margin-top:1.5vw;} .newsdel_rmd_pn a{align-items:center;} .newsdel_rmd_pn a:first-child{margin-bottom:1vw;} .newsdel_rmd_pn i{width:22px;height:22px;border:1px solid #333;align-items:center; justify-content:center;margin-right:.5vw;font-size:14px; -webkit-transition:all 0.35s;transition:all 0.35s;} .newsdel_rmd_pn span{font-size:16px;overflow:hidden;text-overflow:ellipis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .newsdel_rmd_list a:hover .newsdel_rmd_name{padding-left:8px;color:#cc3020;} .newsdel_rmd_pn a:hover{color:#cc3020;} .newsdel_rmd_pn a:hover i{border-color:#cc3020;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>page联系我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .contact_box{padding-top:4vw;padding-bottom:6vw;} .contact_tps h3{font-size:1.99vw;line-height:1;margin-bottom:1vw;} .contact_tps p{font-size:24px;color:#898989;} .contact_type{padding-top:6vw;width:400px;} .contact_tab>li>a{background-color:#eee;height:60px;line-height:60px;font-size:20px;overflow:hidden;z-index:2;} .contact_tab>li>a:after{content:'';position:absolute;bottom:0;left:0;width:100%;background-color:#cc3020;height:100%;top:100%; -webkit-transition:all 0.35s;transition:all 0.35s;z-index:-1;} .contact_tab>li>a.on{color:#fff;} .contact_tab>li>a.on:after{top:0;} .contact_list{margin-top:40px;overflow:hidden;} .contact_list .contact_li{overflow-y:auto;max-height:30vw;position:absolute;top:30px;left:0;padding-right:10px;margin:-5px;} .contact_list .contact_li::-webkit-scrollbar{width:2px;height:2px;} .contact_list .contact_li.on{position:relative;opacity:1;-webkit-opacity:1;visibility:visible;top:0; -webkit-transition:all 0.5s;transition:all 0.5s;} .contact_list_txt{cursor:pointer;} .contact_item{padding:5px;} .contact_list_txt .contact_list_name{font-size:18px;background-color:#cbcbcf;height:48px;line-height:48px;padding:0 15px;color:#fff; -webkit-transition:all 0.35s;transition:all 0.35s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /*.contact_item>div{padding:0 1.5vw;margin-bottom:3vw;}*/ .contact_item:last-child>div{margin-bottom:0;} .contact_list_txt.on .contact_list_name{background-color:#656565;} .contact_item .contact_list_href{display:inline-block;} .contact_item .contact_list_href>a{color:#debd7f;align-items:center;} .contact_item .contact_list_href>a i{font-size:24px;margin-right:5px;} .contact_item .contact_list_href>a span{font-size:16px;} .contact_map{padding-left:4vw;margin-left:auto;margin-top:30px;} .contact_map .contact_map_cnt img{width:100%;} .contact_map .contact_map_cnt{z-index:500;} .contact_map_txt{position:absolute;left:0;top:0;width:100%;height:100%;} .contact_map_txt .spot_psn{position:absolute;color:#666;} .contact_map_txt .spot_psn.on{z-index:10;} .contact_map_txt .spot_psn.on .contact_plate{opacity:1;-webkit-opacity:1;visibility:visible; -webkit-transition:all 0.5s;transition:all 0.5s;transform:translatex(-50%) scale(1);-webkit-transform:translatex(-50%) scale(1);} .contact_map_txt .spot_psn .spot_psn_btn{line-height:1.5;cursor:pointer;} .contact_map_txt .spot_psn.on .spot_psn_btn{font-weight:bold;} .contact_map_txt .spot_psn span,.contact_map_txt .spot_psn span:after{width:8px;height:8px;background-color:#888; -webkit-border-radius:50%;border-radius:50%;position:absolute;bottom:-50%;left:50%; transform:translatex(-50%);-webkit-transform:translatex(-50%);z-index:2;} .contact_map_txt .spot_psn.on span{background-color:#cc3020;} .contact_map_txt .spot_psn.on span:after{content:'';width:100%;height:100%;background-color:rgba(204,48,32,.3); transform:scale(3);-webkit-transform:scale(3);left:0;top:0;z-index:-1;animation:soak 3s infinite;-webkit-animation:soak 3s infinite;} @keyframes soak{ 0%{transform:scale(1);-webkit-transform:scale(1);} 50%{transform:scale(3);-webkit-transform:scale(3);} 100%{transform:scale(1);-webkit-transform:scale(1);} } @-webkit-keyframes soak{ 0%{transform:scale(1);-webkit-transform:scale(1);} 50%{transform:scale(3);-webkit-transform:scale(3);} 100%{transform:scale(1);-webkit-transform:scale(1);} } .contact_map_txt .contact_plate{position:absolute;bottom:100%;width:320px;left:50%; transform:translatex(-50%) scale(.9);-webkit-transform:translatex(-50%) scale(.9);padding:1.5vw;font-size:16px;} .contact_plate .contact_plate_img{width:100%;height:0;padding-bottom:60%;margin-bottom:1vw;} .contact_plate .contact_plate_img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;} .contact_plate .contact_plate_name{font-weight:bold;margin-bottom:.6vw;padding-bottom:.6vw;display:inline-block;} .contact_plate .contact_plate_name:after{content:'';position:absolute;width:100%;left:0;bottom:0;height:2px;background-color:#cc3020;} .contact_plate .contact_plate_line{line-height:26px;} .loc_list{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:800;opacity:0;-webkit-opacity:0;visibility:hidden;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>master_title02<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .culture{padding-top:6vw;padding-bottom:5vw;} .master_title02{overflow:hidden;} .master_title02 .master_letter02{text-transform:capitalize;color:rgba(130,130,130,.1);text-transform:uppercase; font-family:'archivoblack';font-size:0;} .master_title02 .master_letter02>span{display:inline-block;font-size:5.2vw;line-height:1;} .master_title02 .master_name02{position:absolute;bottom:.5vw;left:0;right:0;font-size:2.08vw;line-height:1;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>page关于我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .explain{padding-top:8vw;padding-bottom:2vw;} .explain_title{font-size:4.2vw;line-height:1;font-family:'artisual';color:#000;text-transform:uppercase;padding-bottom:1.6vw;} .explain_info{max-width:38.5vw;width:100%;} .explain_info .leexplain_me{font-size:2vw;line-height:1.6;font-weight:100;color:#000;font-weight:500;text-align:center; font-family:'bluu';color:#333;} /*.explain_title .leexplain_letter span:after{content:'';width:28%;height:16%;background-color:#cc3020;position:absolute;top:50%;left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}*/ .explain_info .explain_line{font-size:16px;line-height:2.5;color:#898989;margin-top:2.2vw;text-align:justify;} .culture_list{padding-top:5vw;} .culture_list.on #cultureshow{display:none;} .culture_list.on .culture_line:nth-child(3), .culture_list.on .culture_line:nth-child(4){display:block;} .culture_list .culture_li{margin:-2.5vw 0;} .culture_item{padding:2.5vw 0;} #cultureshow{display:none;border-top:1px solid #ddd;line-height:28px;margin-top:24px;margin-bottom:20px;padding-top:10px;} .culture_m{display:none;} .culture_line{justify-content:center;} .culture_line:first-child{justify-content:flex-start;} .culture_line:last-child{justify-content:flex-end;} .culture_item .culture_listname{font-size:24px;margin-bottom:1.8vw;} .culture_item .culture_listline{font-size:16px;color:#898989;line-height:28px;height:56px;} .culture_bg{height:38vw;overflow:hidden;width:100%;} .culture_bg .culture_bg_img{width:100%;height:140%;position:absolute;left:0;top:-20%; background-repeat:no-repeat;background-position:bottom center;background-size:cover;background-attachment:fixed;} .culture_bg .culture_bg_name{position:absolute;bottom:2.5vw;left:8vw;color:rgba(255,255,255,.6);font-size:16px;} .honor{background-color:#f5f5f5;padding-top:6vw;padding-bottom:5vw;} .honor_table{margin-top:5vw;margin-bottom:4vw;} .honor_table tr{border-bottom:1px solid #ddd;} .honor_table th{height:100px;font-size:22px;font-weight:normal;} .honor_table td{height:100px;font-size:16px;color:#595757;} .honor_table th,.honor_table td{padding-right:2vw;} .honor_table th:first-child,.honor_table td:first-child{padding-left:5vw;} .honor_table th:last-child,.honor_table td:first-child{padding-right:5vw;} .honor_more a{display:inline-block;text-transform:uppercase;color:#898989;font-size:20px;} .honor_more a:hover{color:#cc3020;} .honor_list .honor_table{margin:0;} .honor_list{padding-top:6vw;padding-bottom:5vw;} .partner{padding-top:6vw;padding-bottom:8vw;} .partnerline_p{font-size:18px;line-height:28px;margin-top:1.5vw;margin-bottom:5vw;color:#898989;} .partnerloge {margin:-1vw;} .partnerloge .partnerloge_item{padding:1vw 0;} .partnerloge .partnerloge_item a{align-items:center;justify-content:center;height:104px;} .partnerloge .partnerloge_item img{max-width:100%;max-height:100%;object-fit:contain; -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%); -o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;} .partnerloge .partnerloge_item a:hover img{-webkit-filter:none; -moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:initial;} .about_video_logo{-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;-webkit-mask-position:center center;position:sticky;top:0;width:100vw;height:100vh;z-index:10;} /*.about_video_logo .about_video_circular{position:absolute;width:10%;z-index:2;top:50%;left:50%;transform: translate(-42%,-50%); -webkit-transform: translate(-42%,-50%);} .about_video_logo .about_video_circular>div{width:100%;height:0;padding-bottom:100%;}*/ .about_video_ht{width:100%;height:150vh;} .fwork{padding-top:5vw;padding-bottom:6vw;} .fwork_box{padding-top:5vw;max-width:1280px;margin:0 auto;} .fwork_box img{width:100%;} .fwork_box .fwork_m{display:none;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>page无banner作品<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .works02_boxs{padding:3.5vw 0;} .works02_list{padding-top:2.5vw;margin:-5px;} .works02_item{width:100%;} .works02_item>div{padding:5px;height:100%;} .works02_item>div>a{overflow:hidden;} .works02_item a>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;} .works02_list .works02_high .works02_item a{height:0;padding-bottom:150%;} .works02_list .works02_wide .works02_item{height:50%;} .works02_list .works02_wide .works02_item a{height:100%;width:100%;} .works02_item .works02_txt{position:absolute;bottom:0;left:0;width:100%;padding:1.5vw;z-index:2;} .works02_item .works02_txt>div{background-image:url(/uploads/image/epimage/arrow_right.png);background-repeat:no-repeat;background-position:right 90%;background-size:19px;padding-right:25px;} .works02_item a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1; background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .6)); opacity:0.6;-webkit-opacity:0.6;-webkit-transition:all 0.5s;transition:all 0.5s;} .works02_item .works02_txt h4{font-size:36px;margin-bottom:.5vw;line-height:1; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;} .works02_item .works02_txt p{font-size:20px;word-break:break-all; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;} .works02_line>.works02_item a{height:0;padding-bottom:60%;} .works02_item a:hover>img{transform:scale(1.1);-webkit-transform:scale(1.1);} .works02_item a:hover:after{opacity:0.8;-webkit-opacity:0.8;} .works02_name{font-size:24px;} .works02_name span{padding:0 5px;color:#898989;} .works02_name a{color:#898989;} /*电端加上鼠标效果 */ @media screen and (min-width:992px){ .footer_bottom .footer_href a:hover{color:#fff;} .footer_bottom .footer_prepare a:hover{color:#fff;} .footer_top .search .search_form button:hover{background-color:#cc3020;} .works_item a:hover .works_arrow{transform:none;-webkit-transform:none;} .works_item a:hover .works_arrow>i:first-child{opacity:1;-webkit-opacity:1;visibility:visible;} .works_item a:hover .works_arrow>i:last-child{opacity:0;-webkit-opacity:0;visibility:hidden;} .works_item a:hover .works_img img{transform:scale(1.1);-webkit-transform:scale(1.1);} .plate_item>a:hover .plate_content:after{background-color:rgba(204,48,32,.9);} .plate_item>a:hover .plate_p{-webkit-transition-delay:0.1s;transition-delay:0.1s;} .plate_item>a:hover .plate_btn{-webkit-transition-delay:0.2s;transition-delay:0.2s;} .plate_item>a:hover .plate_title,.plate_item>a:hover .plate_p, .plate_item>a:hover .plate_btn{opacity:1;-webkit-opacity:1;visibility:visible;transform:none;-webkit-transform:none;} .plate_item>a:hover .plate_img img{top:0;} .nava_item.on>a{font-weight:bold;} .nava_item:hover .navb{opacity:1;-webkit-opacity:1;visibility:visible;z-index:2;} .navb .navb_item>a:hover{color:#cc3020;} .new_item>a:hover .nes_title h6{color:#cc3020;} .new_item>a:hover .new_img img{transform:scale(1.1);-webkit-transform:scale(1.1);} .introduce_video_box:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;z-index:1; -webkit-transition:ease 1.5s;transition:ease 1.5s;background-color:#fff;} .introduce_video_box.animated:after{transform:translatex(100%);-webkit-transform:translatex(100%);} .master_title .master_name:hover{color:#cc3020;} .works_t .works_lick>a:hover{color:#cc3020;} .works_t .works_lick>a:hover:after{transform:scalex(1);-webkit-transform:scalex(1);transform-origin:0;-webkit-transform-origin:0;} .works_li>a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);} .works_li>a:hover:after{opacity:1;-webkit-opacity:1;} .rollmore>a:hover{background:#cc3020;color:#fff;} .otn .otn_btn:hover:before{width:0;height:0;left:50%;top:50%;} .otn .otn_btn:hover:after{width:100%;height:100%;left:0;top:0;} .related_list .related_li>a:hover .related_name:after{width:3vw;-webkit-transition-delay:0.2s;transition-delay:0.2s;} .related_list .related_li>a:hover .related_name{padding-left:4.2vw;} .related_list .related_li>a:hover>img{transform:scale(1.1);-webkit-transform:scale(1.1);} .related_list .related_li>a:hover:after{opacity:0.8;-webkit-opacity:0.8;} .news_item>a:hover:after{opacity:.8;-webkit-opacity:.8;} .news_item>a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);} .pagelist li a:hover{background-color:#cc3020;border-color:#cc3020;color:#fff;} .header .menu>a:hover .menu_btn span{background-color:#cc3020;} .header .menu>a:hover,.header .other .other_item>a:hover{color:#cc3020;} .works02_name a:hover{color:#cc3020;} .contact_tab>li>a:hover:after{top:0;} .contact_tab>li>a:hover{color:#fff;} .contact_map_txt .spot_psn .spot_close:hover{display:inline-block;transform:rotate(270deg);-webkit-transform:rotate(270deg);background-color:#cc3020;} #gallery_close:hover{transform:rotate(270deg);-webkit-transform:rotate(270deg);color:#cc3020;} .header .other .other_item .other_ce_ul .other_ce_item a:hover{background-color:#eee;} .header .other .other_item .other_searc_in .other_searc_close a:hover{background-color:#cc3020;} .pworks_loc>a:hover{color:#cc3020;text-decoration:underline;} .business_item>a:hover .business_img{top:0;} .business_item>a:hover .business_num,.business_item>a:hover .business_name, .business_item>a:hover .business_p,.business_item>a:hover .business_del>i{color:#fff;} .business_item>a:hover .business_del:after{border-color:#fff;} .business_item>a:hover .business_del{-webkit-transform:rotate(270deg);transform:rotate(270deg);} .business_item>a:hover:after{background-color:rgba(0,0,0,.6);} .contact_list_txt .contact_list_name:hover{background-color:#656565;} } @media screen and (max-width:1400px){ .master_title .master_name{font-size:36px;} .master_title .master_letter{font-size:22px;} .plate_item .plate_title h4{font-size:28px;} .plate_item{width:33.333333%;} .plate_item .plate_btn{width:38px;height:38px;} .plate_item .plate_btn>i{font-size:22px;} .business_item .business_name{font-size:26px;} .habout_txt .habout_info{font-size:26px;} .data_item .data_number>span{font-size:52px;} .data_item .data_p{font-size:20px;} .data_item .data_number>em{font-size:22px;} .explain_title{font-size:58px;} .explain_info .leexplain_me{font-size:28px;} .explain_info{max-width:540px;} .works_item .works_content .works_title>h5{font-size:22px;} } @media screen and (max-width:1200px){ .master_title .master_name{font-size:30px;} .master_title .master_letter{font-size:20px;} .plate_item .plate_title h4{font-size:24px;} .contact_type{width:280px;} .contact_tab>li>a{height:44px;line-height:44px;font-size:16px;} .contact_list_txt .contact_list_name{font-size:15px;line-height:38px;height:38px;} .contact_map_txt .spot_psn .spot_psn_btn{font-size:14px;} .contact_map_txt .spot_psn span, .contact_map_txt .spot_psn span:after{width:7px;height:7px;} .contact_plate{font-size:14px;width:240px;} .contact_plate .contact_plate_line{line-height:24px;} .habout_txt .habout_info{font-size:24px;} .data_item .data_number>span{font-size:48px;} .data_item .data_p{font-size:18px;} .data_item .data_number>em{font-size:20px;} .explain_title{font-size:54px;} .explain_info .leexplain_me{font-size:25px;} .explain_info{max-width:530px;} .explain_info .explain_line{line-height:2.2;} .nava_item:nth-child(5) .navb{width:180px;} .navb .navb_item>a{min-width:180px;} .works_item .works_content .works_title>h5{margin-bottom:1px;font-size:20px;} .works_t .works_lick{font-size:16px;} } @media screen and (max-width:992px){ .header>div{height:100%;} .header{overflow:initial;} .header:after{display:none;} .header .other .other_item:first-child{margin-right:15px;} .header .other .other_item>a>i{font-size:20px;} .header.onwhite{height:60px;line-height:60px;padding:0 28px;} .header_logo{height:34px;} .nav{position:absolute;} /*移动端通用导航_s*/ .header .hsearch{padding-left:0;margin-left:auto;padding-right:15px;} .header .hsearch>a{height:24px;line-height:24px;padding:0 10px;font-size:12px;} .header.onwhite .logo>a{height:44px;} .menunav{display:block;} .header .nav{position:fixed;top:0;right:0;overflow:hidden;width:100vw;height:100vh;z-index:-2;padding-top:80px;padding-bottom:30px;right:-100%; background-color:#fff;transition: right 0.78s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition: right 0.78s cubic-bezier(0.77, 0, 0.175, 1);} .header.mobilenav .nav{right:0;} .header .nav .nava{width:100%;opacity:0;-webkit-opacity:0;transition:all 0.45s; -webkit-transition:all 0.45s;height:100%;overflow-y:auto;padding:0 10px;display:block;} .nava_item>a:before{display:none;} .nava_item>a{padding:0;padding-left:18px;pointer-events:none;font-size:15px;font-weight:bold;} .header.mobilenav .nav .nava{opacity:1;-webkit-opacity:1;transition-delay:0.5s;-webkit-transition-delay:0.5s;} .navb{position:static;opacity:1;-webkit-opacity:1;visibility:visible;display:block;padding:15px 0;line-height:26px;width:100%;} .header .nav .nava .nava_item{height:50px;overflow:hidden;-webkit-transition:all 0.35s;transition:all 0.35s;border-bottom:1px solid #e7e7e7;} .navb .navb_item{float:none;} .navb .navb_item>a{min-width:100%;padding-left:18px;margin-bottom:10px;-webkit-transition:all 0s;transition:all 0s;} .navb .navb_item:last-child>a{margin-bottom:0;} .nava_item>a:after{content:'';position:absolute;left:0;top:0;background-image:linear-gradient(to right,#cc3020,#e1786d); opacity:0;-webkit-opacity:0;width:100%;height:100%;z-index:-2;-webkit-transition:all 0.35s;transition:all 0.35s;} .nava_item.on>a:after{opacity:1;-webkit-opacity:1;} .header.onwhite .nava_item.on>a{color:#fff;pointer-events:auto;line-height:50px;} .header.onwhite .nava_item.on{-webkit-box-shadow:0 0 10px rgba(204, 48, 32, .2); -moz-box-shadow:0 0 10px rgba(204, 48, 32, .2);box-shadow:0 0 10px rgba(204, 48, 32, .2);} /*移动端通用导航_s*/ .master_title{letter-spacing:0.075em;} .master_title .master_name{font-size:23px;margin-bottom: 0;} .master_title .master_letter{display:none;} .new_modular .master_title .master_letter{color:#dadada} .indexline_p{font-size:14px;margin-top:25px;line-height:24px;text-align:justify;padding:0 18px;} .master_more a>span{font-size:14px;text-transform:lowercase;margin-right:5px;} .master_more a>i{font-size:12px;} .introduce_video{margin-top:30px !important;} .works_modular,.introduce_modular{padding-top:50px;padding-bottom:10px;} .works{padding-top:30px;} .works .works_box{margin:-5px;flex-wrap:wrap;} .works_item>div{padding:5px;} .works .works_l{width:100%;} .works .works_r{width:100%;} .works .works_r .works_item:first-child,.works .works_r .works_item:last-child{height:auto;} .works .works_r .works_item a{height:0;padding-bottom:60%;} .works .works_r .works_item{width:50%;} .works .works_r .works_item:nth-child(2)>a{padding-bottom:60%;} .works_item .works_content{padding:18px;} .works_item .works_details{display:none;} .plate{margin-top:30px;} .plate #plate_box{margin:-2px;} .plate_item{padding:2px;width:50%;} .plate_modular{padding:50px 0;} .new_modular{padding:50px 0;} .new_item{padding:5px;width:50%;} .new_item:nth-child(4){display: block;} .new .new_box{margin:-5px;} .new{padding-top:30px;} .new_item .new_content{padding:12px 18px;} .new_item .nes_title{margin-bottom:0;} .new_item .nes_title h6{font-size:16px;} .new_item .nes_p{display:none;} /*.new_item .nes_p p{height:44px;font-size:13px;line-height:22px;}*/ .footer_top .search{display:none;} .footer_top .footer_contact{width:100%;float:none;} .footer_top .hqs_title>h5{font-size:15px;margin-bottom:10px;} .footer_top .hqs_txt{font-size:13px;line-height:24px;} .footer_bottom{padding-top:20px;padding-bottom:10px;margin: 0 18px;} .footer_bottom .footer_href{margin-bottom:10px;text-align:center;} .footer_bottom .footer_href a{margin-right:10px;} .footer_bottom .footer_href a>i{font-size:22px;} .footer_prepare{line-height:26px;} .footer_prepare>div{width:100%;float:none;text-align:center;} .footer_bottom .footer_prepare span,.footer_bottom .footer_prepare a{font-size:13px;} .footer_top{margin-right:-30px;padding:30px 18px;} /* .footer_top .footer_contact .hqs{padding-right:30px;}*/ .plate_item>a .plate_content:after{background-color:rgba(0,0,0,.65);} .plate_item>a .plate_p{-webkit-transition-delay:0.1s;transition-delay:0.1s;} .plate_item>a .plate_btn{-webkit-transition-delay:0.2s;transition-delay:0.2s;} .plate_item>a .plate_title,.plate_item>a .plate_p, .plate_item>a .plate_btn,.plate_item>a .plate_img img{opacity:1;-webkit-opacity:1;visibility:visible;transform:none;-webkit-transform:none;} .plate_item .plate_title h4{font-size:16px;} .plate_item .plate_title:after{width:30px;margin-left:-15px;height:2px;} .plate_item .plate_title{padding-bottom:12px;margin-bottom:16px;} .plate_item .plate_btn{width:30px;height:30px;} .plate_item .plate_btn>i{font-size:18px;} .plate_item .plate_p p{font-size:14px;line-height:24px;max-height:72px;margin-top:15px;margin-bottom:20px;color:rgba(255,255,255,.6);} .plate_item .plate_content{padding:0 15px;} .works_list>ul{-moz-column-count:2;-webkit-column-count:2;column-count:2;} .opaque_txt>h1{font-size:38px;line-height:1.2;} /*.index_banner{height:calc(100% - 50px) !important;height:-webkit-calc(100% - 50px) !important;}*/ .index_banner#public_banner{height:100vh;} .index_banner#public_banner .banner{height:100%;width:100%;} .introduce_video .introduce_video_box{height:28vh;margin-top:0 !important;} .introduce_video.stretch_fully .introduce_height{height:0;} .guide .guidetxt .txt_z{width:25px;height:25px;padding-right:0;} #businessdel_banner{height:calc(100% - 60px);height:-webkit-calc(100% - 60px);} #public_banner,.banner{height:38vh;} .about_video_logo{height:38vh;} .about_video_ht{height:0;} .works_bannertxt .works_bannertxt_m{font-size:23px;} .works_bannertxt .works_bannertxt_c{display:none;} .explain_title .leexplain_letter{font-size:36px;line-height:42px;} .explain_title .leexplain_me{font-size:20px;line-height:28px;margin-top:10px;} .explain_title .leexplain_me p{margin-bottom:5px;} .explain{padding:40px 28px 0px 28px;} .explain_title{padding-bottom:20px;} .explain_line{font-size:14px;line-height:2;margin-top:20px;} .master_title02 .master_letter02>span{font-size:36px;} .master_title02 .master_name02{font-size:20px;font-weight:bold;} .culture_m{display: block;margin: -12px -8px;padding:0 18px;} .culture_m>div{flex-wrap:wrap;} .culture_li{display:none;} .culture_item{width:50%;padding:12px 8px;} .culture_item .culture_listname{font-size:16px;margin-bottom:10px;} .culture_item .culture_listline{font-size:13px;line-height:24px;height:48px;} .honor_box{padding:0 18px;margin:-8px 0;} .culture_list{padding-top:30px;} .culture{padding-top:40px;padding-bottom:30px;} .culture_bg{height:32vh;} .culture_bg .culture_bg_img{display:none;} .culture_bg:before{content:'';position: fixed;z-index:-1;top:0;left:0;right:0;bottom:0; background: url(/uploads/image/epimage/aboutbg.jpg) no-repeat bottom center;background-size: cover;} .culture_bg .culture_bg_name{left:18px;bottom:20px;font-size:14px;} .honor_table thead{display:none;} .honor_table tbody tr{display:block;padding:8px 0;} .honor_table tbody tr:nth-child(3), .honor_table tbody tr:nth-child(4){display:none;} .honor_table td{display:block;height:auto;line-height:22px;position:relative;padding:5px 0 5px 60px !important;font-size:14px;} .honor_table td:before{color:#999;position:absolute;left:0;top:5px;} .honor_table td:nth-child(1):before{content:'类型';} .honor_table td:nth-child(2):before{content:'奖项';} .honor_table td:nth-child(3):before{content:'项目';} .honor_table td:nth-child(4):before{content:'年份';} .honor{padding-top:40px;padding-bottom:30px;} .honor_table{margin-top:25px;margin-bottom:20px;} .honor_more a{font-size:16px;} .partner{padding:40px 0;} .partnerloge .partnerloge_item{width:33.333333%;} .partnerline_p{font-size:14px;margin:15px 0;text-align:justify;} .partnerloge .partnerloge_item{padding:5px 0;} .partnerloge{margin:-5px 0;} .honor_list{padding-top:25px;padding-bottom:20px;} .honor_list .honor_table{margin:-5px 0;} .rollmore{margin-top:25px;} .rollmore>a{width:160px;height:42px;line-height:42px;font-size:14px;} .works_li{width:50%;} .works_boxs{padding:20px 0;} .works_list{margin-top:20px;} .works_bannertxt{bottom:18px;left:18px;} .works_li .works_txt h5{font-size:16px;margin-bottom:0;text-align:justify;} .works_li .works_txt>div{background-size:16px;padding:0;background:none;} .works_li .works_txt p{font-size:13px;text-align:justify;opacity:.75;-webkit-opacity:.75;} .works_li .works_txt{padding:15px 18px;} .worksdel_box .worksdel_line .worksdel_attr{position:static;padding-right:0;} .worksdel_box .worksdel_line .worksdel_attr,.worksdel_box .worksdel_line .worksdel_txt{float:none;width:100%;} .worksdel_box .worksdel_line{font-size:14px;line-height:24px;padding:0 18px;} .worksdel_line .worksdel_attr p{margin-bottom:5px;} .worksdel_txt{margin-top:15px;} .worksdel_box .worksdel_title{font-size:18px;margin-bottom:20px;} .worksdel_box{padding-top:30px;padding-bottom:25px;} .related .related_title{font-size:20px;margin-bottom:25px;padding:0 18px;} .related_list .related_li>a .related_name{font-size:16px;padding:15px 18px;} .related_list .related_li{width:50%;} .related{margin-top:30px;} .gallery .gallery_small{height:110px;padding-bottom:15px;} .gallery .gallery_big{height:calc(100% - 110px);height:-webkit-calc(100% - 110px);} #gallery_close{top:15px;left:15px;} .worksdel_bannertxt .letter_big>h1{font-size:23px;} .worksdel_bannertxt .letter_name span{font-size:18px;} .worksdel_bannertxt .letter_name em{font-size:14px;} .otn{margin:-5px 0;right:18px;} .otn .otn_btn{width:36px;height:36px;line-height:36px;margin:5px 0;} .otn .otn_btn>i{font-size:16px;} .worksdel_bannertxt{bottom:15px;word-break:break-all;padding:0 18px;} .worksdel_bannertxt .letter_name{margin-top:0;flex-wrap:wrap;text-align:center;min-height:46px;font-weight:bold;} .worksdel_bannertxt .letter_name span{margin-right:10px;} #business{height:calc(100% - 60px);height:-webkit-calc(100% - 60px);} .business_item .business_txt{bottom:120px;padding:0 28px;} .business_item .business_del{width:36px;height:36px;} .business_item .business_p{font-size:14px;} .business_item .business_name{font-size:22px;margin-bottom:15px;} .business_item .business_num{font-size:26px;margin-bottom:15px;} .business_item .business_del i{font-size:22px;} .business_item .business_p{margin-bottom:25px;} #business .business_btn.swiper-button-next{right:28px;} #business .business_btn.swiper-button-prev{left:28px;} #business .business_btn{bottom:15px;} #business .business_btn i{font-size:22px;} .businessdel .businessdel_title{font-size:20px;} .businessdel .businessdel_line{max-height:45vh;font-size:14px;line-height:24px;} .businessdel_otn.otn,.businessdel{bottom:50%;transform:translatey(50%);-webkit-transform:translatey(50%);} .businessdel .businessdel_title{margin-bottom:15px;} .businessdel .businessdel_href{margin-top:15px;} .businessdel .businessdel_href>a{font-size:14px;} .businessdel{padding:10px;} .businessdel .businessdel_line{padding-right:10px;} .news_item{width:50%;padding:5px;} .news_item .news_title{padding:15px 18px;} .news_item .news_title p{font-size:15px;line-height:24px;max-height:48px;} .news_box{padding-top:10px;padding-bottom:30px;} .news_bannertxt{bottom:20px;flex-wrap:wrap;left:18px;right:18px;width:calc(100% - 36px);width:-webkit-calc(100% - 36px); text-align: justify;} .news_bannertxt .news_t{width:100%;} .news_bannertxt .news_tip{font-size:20px;margin-bottom:0;line-height:26px;} .news_bannertxt .news_time{display:none;} .pagelist li a{width:34px;height:34px;line-height:34px;font-size:14px;} .pagelist li{padding:4px;} .pagelist{margin:-4px;} .news_list{margin-bottom:25px;} .newsdel_rmd{display:none;} .newsdel_cnt{width:100%;padding: 0 18px;} .news_bannertxt .news_back{display:none;} /*.news_bannertxt .news_back{margin-left:0;margin-top:15px;} .news_bannertxt .news_back>a{width:110px;height:32px;line-height:32px;} .news_bannertxt .news_back>a i{margin-right:5px;font-size:18px;}*/ .newsdel_box{padding:25px 0;} .newsdel_cnt p{font-size:14px;line-height:24px;} .otn{bottom:20px;} .contact_loc{flex-wrap:wrap;} .contact_map{width:100%;order:-1;padding-left:0;flex:auto;} .contact_list .contact_li{max-height:none;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap; padding-right:0;} .contact_list_txt .contact_list_name{font-size:15px;height:40px;line-height:40px;} .contact_tab>li>a{height:42px;line-height:42px;font-size:15px;} .contact_tab{width:360px;} .contact_tps h3{font-size:20px;margin-bottom:10px;} .contact_tps p{font-size:16px;} .contact_type{width:100%;padding:25px 18px 0 18px;} .contact_box{padding:30px 0;} .contact_item{width:50%;} .contact_list{margin-top:25px;} .header .other .other_item.on .other_searc_in{width:240px;} .header .other .other_item .other_searc_in{height:36px;border-radius:36px;-webkit-border-radius:36px;line-height:36px;} .header .other .other_item .other_searc_in .other_searc_icon{width:50px;height:36px;} .header .other .other_item .other_searc_in .other_searc_icon>i{font-size:20px;} .header .other .other_item .other_searc_in .other_searc_close{width:36px;height:36px;} .header .other .other_item .other_searc_in .other_searc_close a>i{font-size:16px;} .works02_item .works02_txt h4{font-size:24px;margin-bottom:5px;text-align:justify;} .works02_item .works02_txt p{font-size:18px;text-align:justify;} .works02_item .works02_txt{padding:15px 18px;} .works02_list{padding-top:20px;margin:-2px;} .works02_boxs{padding:30px 0;} .works02_item .works02_txt>div{background-size:16px;padding-right:0;background:none;} .works02_name{font-size:18px;} .banner .banner_title{font-size:14px;} .page_banner_title{font-size:14px;right:18px;bottom:20px;} .hmouse{display:none;} .banner .banner_title{bottom:20px;right:28px;} .introduce_modular{z-index:20;} .introduce_video .section-border{display:none;} .data_item .data_number>span{font-size:42px;} .data_item .data_p{font-size:16px;text-align:center;} .habout{flex-wrap:wrap;margin-top:35px;padding-bottom:0;} .habout_txt{width:100%;margin-bottom:20px;padding: 0 20px;} .habout_txt .habout_info{background:none;-webkit-text-fill-color:#333;line-height:1.6;font-size:20px;text-align:center;} .habout_img{width:100%;} .habout_num{margin-top:30px;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; justify-content:space-between;} .data_item .data_number{justify-content:center;} .habout_num.clearfix:before, .habout_num.clearfix:after{display:none;} .data_item{margin-right:0;} .data_item .data_number>span{margin-bottom:5px;} .data_item .data_number>em{font-size:18px;margin-left:3px;} .habout_img .habout_img_info{max-width:100%;} .explain_title{font-size:48px;} .explain_info .leexplain_me{font-size:22px;} .explain_info{max-width:485px;} .explain_info .explain_line{line-height:2;font-size:15px;margin-top:15px;} .works_item .works_content .works_title>h5{font-size:16px;} .works_item .works_content .works_title>p{font-size:13px;text-align:justify;opacity:.75;-webkit-opacity:.75;} .pworks_hd>div{flex-wrap:wrap;padding-bottom:20px;} .pworks_hd .master_title{width:100%;margin-bottom:5px;} .pworks_hd .pworks_loc{width:100%;} .works_t{display:block;padding:0 18px;} .works_t .works_lick{padding-bottom:20px;font-size:14px;margin:-3px -5px;} .works_t .master_screen{margin-left:-5px;} .works_t .works_lick>a{padding:3px 5px;margin-right:0;width:33.333333%;} .screen_item{width:33.333333%;} .pworks{padding-top:30px;} .works_t .works_lick>a:after{width:30px;left:5px;} .pworks_hd .master_letter{margin-left:5px;} .business_item>a:after{background-color:rgba(0,0,0,.6);} .business_item>a .business_num,.business_item>a .business_name, .business_item>a .business_p,.business_item>a .business_del>i, #business .business_btn{color:#fff;} .business_item>a .business_del:after{border-color:#fff;} .works_li{padding:5px;} .works_item .works_content .works_title{padding-right:0;width:100%;} .works_item a:after{height:50%;} .partnerloge .partnerloge_item a{height:50px;} .works02_item>div{padding:2px;} .introduce_modular{z-index:-1;} .news_list>ul{margin:-5px;} .works_list>ul{margin:-5px;} .contact_map_txt .spot_psn .spot_psn_btn{font-size:12px;line-height:1.2;transform:scale(.8);-webkit-transform:scale(.8);} .contact_map_txt .spot_psn span, .contact_map_txt .spot_psn span:after{width:3px;height:3px;} /*.contact_plate{position:fixed;bottom:50%;left:50%;transform:translate(-50%,-50%) scale(.8);-webkit-transform:translate(-50%,-50%) scale(.8);} .contact_map_txt .spot_psn.on .contact_plate{transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);}*/ .loc_list.on{opacity:1;-webkit-opacity:1;visibility:visible;} .loc_list .contact_plate{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.75); -webkit-transform:translate(-50%,-50%) scale(.75);padding:6px 8px;width:calc(100% - 56px);width:-webkit-calc(100% - 56px); -webkit-transition:all 0.35s;transition:all 0.35s;} .loc_list .contact_plate[cid='550'] .contact_plate_name, .loc_list .contact_plate[cid='551'] .contact_plate_name, .loc_list .contact_plate[cid='552'] .contact_plate_name{color:#cc3020;} .contact_plate .contact_plate_name{margin-bottom:10px;padding-bottom:5px;font-size:15px;} .loc_list.on .contact_plate.on{transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1); opacity:1;-webkit-opacity:1;visibility:visible;} .fwork_box .fwork_pc{display:none;} .fwork_box .fwork_m{display:block;} .fwork_box{padding:25px 18px 0px 18px;} .fwork{padding-top:35px;padding-bottom:30px;} .videobg{display:none;} .master_more{line-height:1;font-weight:bold;} .master_t{align-items: flex-end;padding:0 18px;} #plate_box .swiper-slide{display:none;} #plate_box .swiper-slide:nth-child(1){display:block;} .opaque_txt>h1{padding:0 18px;} .letter_big{display:none;} .pworks_hd{margin:0 18px;} .contact_tps{padding:0 18px;} .guide__mouse{display:block;} .guide .guidetxt .txt_z span{padding:1.5px;} .news_banner{display:none;} .master_back{display:none;} } @media screen and (max-width:768px){ .footer_top{margin-right:0;} .footer_top .footer_contact .hqs{float:none;width:100%;padding-right:0;margin-bottom:20px;} .footer_top .footer_contact .hqs:last-child{margin-bottom:0;} .culture_list{padding-left:0;} .culture_item .culture_listline{height:auto;} .culture_item .culture_listname{margin-bottom:5px;} .master_screen{flex-wrap:wrap;} .master_screen .select_btn{width:50%;} .master_screen .screen_item>div{width:100%;margin:0;} .master_screen .query_btn{width:100%;margin-top:10px;} .master_screen .screen_item:first-child>div>a{border-right:0;} .master_screen .screen_item>div>a{border-radius:0;-webkit-border-radius:0;} .works_t{flex-wrap:wrap;} .businessdel{width:calc(100% - 86px);width:-webkit-calc(100% - 86px);left:18px;} .businessdel_otn.otn li:nth-child(1){order:2;} .businessdel_otn.otn li:nth-child(2){order:-1;} .contact_item{width:100%;float:none;} .contact_tab{width:100%;} .works02_item .works02_txt h4{font-size:16px;margin-bottom:2px;} .works02_item .works02_txt p{font-size:13px;} .contact_list_txt .contact_list_name{font-size:14px;} .habout_txt .habout_info{font-size:16px;-webkit-text-fill-color:#000;font-weight:500;} .data_item .data_number>span{font-size:28px;} .data_item .data_p{font-size:14px;text-align:center;} .explain_title{font-size:34px;padding-bottom:15px;} .explain_info .leexplain_me{font-size:16px;text-align:center;} .explain_info{max-width:100%;margin:0;} .explain_info .explain_line{font-size:14px;} .works_t .works_lick>a{width: 50%;} .works_t .master_screen{margin:0;} .pworks_hd .master_title{display: block;} .pworks_hd .master_title .master_name{margin-bottom:5px;} .pworks_hd .master_letter{margin-left:0;} .partnerloge{margin:0;} .partnerloge .partnerloge_item{padding:0;} .opaque_txt>h1{font-size:36px;} .opaque{padding-top:50px;padding-bottom:0;} .banner .banner_bg{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important; -o-transition:none !important;transition:none !important;} .partnerline_p{padding:0 18px;} .honor_table tbody{padding:0 18px;} .news_item{width:100%;float: none;} .works_li{width:100%;} .works_li>a{height:0;padding-bottom:68%;} .works_li img{position: absolute;top:0;left:0;height:100%;object-fit: cover;} .pagelist{margin:0;} .pagelist li{display:none;padding:0;} .pagelist li>a{position: relative;font-size:0;border:none;background-color:#e5e5e5; width:120px;border-radius:0;-webkit-border-radius:0;} .pagelist ul{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} .pagelist .page_pre,.pagelist .page_next{display: block;} .pagelist .page_next{margin-left:auto;} .pagelist .page_pre>a:after, .pagelist .page_next>a:after{position:absolute;width:100%;height:100%;font-size:14px;top:0;left:0;color:#222;} .pagelist .page_pre>a:after{content:'上一页';} .pagelist .page_next>a:after{content:'下一页';} } @media screen and (max-width:425px){ .works_list>ul{-moz-column-count:1;-webkit-column-count:1;column-count:1;} .related_list .related_li{width:100%;float:none;} .gallery .gallery_small{height:90px;} .gallery .gallery_big{height:calc(100% - 90px);height:-webkit-calc(100% - 90px);} .works .works_l .works_item:nth-child(1), .works .works_l .works_item:nth-child(2), .works .works_l .works_item:nth-child(3), .works .works_l .works_item:nth-child(4), .works .works_r .works_item{width:100%;float:none;} .new_item{width:100%;float:none;} .new_item>a{background-color:#fff;} .plate #plate_box{margin:-5px;} .plate_item{width:100%;float:none;padding: 5px;} #plate_box .swiper-slide:nth-child(1) .plate_item:nth-child(4){display:none;} .plate_item .plate_title h4{letter-spacing: 0.075em;font-size:18px;} .new_item:nth-child(4){display:none;} .plate_item>a{padding-bottom:68%;} .works .works_l .works_item a{padding-bottom:68%;} .works .works_r .works_item a{padding-bottom:68%;} }