@import url("https://at.alicdn.com/t/font_2830497_z9lgv22cxyd.css"); @import url("master.css"); @import url("wow.css"); /*》》》》》》》》》》字体引用《《《《《《《《《《*/ @font-face{ font-family:'TT0140M';src:url('../font/TT0140M_.TTF'); } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>返回顶部<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #back_top{position:fixed;right:3vw;bottom:0;z-index:999;opacity:0;-webkit-opacity:0;visibility:hidden;} #back_top.onshow{opacity:1;-webkit-opacity:1;visibility:visible;bottom:6vw;} #back_top img{width:35px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>页头<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .header{position:fixed;width:100%;left:0;top:0;z-index:999;padding:0 4vw;background-image: linear-gradient(rgba(0,0,0,.8),transparent);} .header .logo{display:inline-block;padding:.8vw 0;} .header .logo img{height:55px;} .header .nav{margin-right:6vw;} .header .nav>li{margin-right:4vw;} .header .nav>li>a{font-size:16px;position:relative;line-height:55px;padding:.8vw 0;} .header .nav>li>a:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#fff; -webkit-transition:all 0.35s;transition:all 0.35s;opacity:0;-webkit-opacity:0;} .header .nav>li>a.on:after{width:100%;left:0;opacity:1;-webkit-opacity:1;} .header.onshow .nav>li>a:after{background-color:#225e82;} .header .nav>li:last-child{margin-right:0;} .header .phone{padding:.8vw 0;} .header .phone .phone_line{height:55px;align-items:center;justify-content:center;} .header .phone .phone_line .phoneIcon{height:18px;margin-right:.6vw;} .header .phone .phone_line .phoneIcon img{height:100%;} .header .phone .phone_line .phonetxt{font-size:20px;font-family:'TT0140M';font-weight:bold;line-height:27.5px;} .header:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(255,255,255,.1);} .header.onshow{background:#fff;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);box-shadow:0 0 10px rgba(0, 0, 0, .1);} .header.onshow .nav>li>a{color:#333;} .header.onshow .phone .phone_line .phonetxt{color:#225e82;} .header.onshow .nav>li>a.on{color:#225e82;font-weight:bold;} .header.onshow .nav>li>a.on:after{background-color:#225e82;} .header .menu{position:absolute;right:0;top:0;} .header .menu .menu_btn{width:50px;height:50px;line-height:50px;display:none;} .header .menu .menu_btn:after{display:none;} .header .menu .menu_btn span{background:#fff;position:absolute;width:18px;height:2px;left:50%;margin-left:-9px;} .header .menu .menu_btn span:nth-child(1){top:18px;} .header .menu .menu_btn span:nth-child(2){top:50%;margin-top:-1px;} .header .menu .menu_btn span:nth-child(3){bottom:18px;} .header.mobile_side .menu .menu_btn span:nth-child(1){top:24px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .header.mobile_side .menu .menu_btn span:nth-child(2){opacity:0;-webkit-opacity:0;visibility:hidden;} .header.mobile_side .menu .menu_btn span:nth-child(3){bottom:24px;transform:rotate(45deg);-webkit-transform:rotate(45deg);} .nav_two{position:absolute;top:110%;left:50%;padding:.5vw 0;width:110px;margin-left:-55px; border-radius:3px;-webkit-border-radius:3px;opacity:0;-webkit-opacity:0;visibility:hidden;} .nav_two:before{content:'';position:absolute;top:-6px;left:50%;width:0;height:0px;margin-left:-6px; border-style:solid;border-width:6px;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);} .nav_two>li>a{white-space:nowrap;line-height:38px;} .nav_two>li.on>a{color:#225e82;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>banner<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #homeBanner{width:100%;height:100vh;overflow:hidden;z-index:2;} #homeBanner .homeBanner_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;} #homeBanner .homeBanner_bg>img{width:100%;height:100%;object-fit:cover;} #homeBanner .homeBanner_cnt{position:absolute;top:0;align-items:center;justify-content:center;z-index:2;height:100%;} #homeBanner .homeBanner_h{font-size:2.5vw;line-height:2.5vw;font-weight:bold;letter-spacing:.6vw; text-shadow:rgba(0,0,0,.4) 8px 10px 12px;-webkit-text-shadow:rgba(0,0,0,.5) 8px 10px 12px;} #homeBanner .homeBanner_p{font-size:18px;text-transform:uppercase;margin-top:1.4vw;margin-bottom:1vw;letter-spacing:.2vw;} #homeBanner .homeBanner_h.tbg{background:url(../image/tbg.png) no-repeat center center;background-size:auto 72%;} #homeBanner .mouse-of{position:absolute;left:50%;bottom:4vw;width:24px;height:40px;border-radius:40px;-webkit-border-radius:40px; border:2px solid rgba(255,255,255,.8);margin-left:-20px;z-index:50;overflow:hidden;} #homeBanner .mouse-of>i{position:absolute;width:3px;height:9px;left:50%;margin-left:-1.5px;top:2px; -webkit-animation: mouseof 1.5s ease-out infinite;animation: mouseof 1.5s ease-out infinite;} @keyframes mouseof{ 0%{top:-9px;opacity:1;-webkit-opacity:1;} 100%{top:100%;opacity:0;-webkit-opacity:0;} } @-webkit-keyframes mouseof{ 0%{top:-9px;opacity:1;-webkit-opacity:1;} 100%{top:100%;opacity:0;-webkit-opacity:0;} } #homeBanner .banner_bubble{width:6vw;height:6vw;position:absolute;left:50%;bottom:3vw;margin-left:-3vw;z-index:15;} #homeBanner .swiper-slide{overflow:hidden;} #homeBanner #video_open{width:100%;height:100%;} #homeBanner .homeBanner_switch{background:rgba(0,0,0,.7);width:90px;height:90px;line-height:90px;} #homeBanner .homeBanner_switch i{font-size:24px;margin:20px;} #homeBanner .homeBanner_switch.swiper-button-prev{left:-30px;} #homeBanner .homeBanner_switch.swiper-button-next{right:-30px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>二级导航<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .secondNav>div{align-items:center;} .secondNav_list{margin:0 -2vw;} .secondNav_list li{padding:0 2vw;position:relative;} .secondNav_list li:after{content:'';position:absolute;width:1px;height:20px;top:50%;right:0;margin-top:-10px;background-color:#e8eff3;} .secondNav_list li:last-child:after{display:none;} .secondNav_list li>a{line-height:72px;position:relative;} .secondNav_list li>a:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#225e82; -webkit-transition:all 0.35s;transition:all 0.35s;opacity:0;-webkit-opacity:0;} .secondNav_list li>a.on{color:#225e82;font-weight:bold;} .secondNav_list li>a.on:after{width:100%;left:0;opacity:1;-webkit-opacity:1;} .secondNav_loc{margin-left:auto;line-height:72px;} .secondNav_loc i{font-size:24px;vertical-align:sub;margin-right:5px;} .secondNav_loc span,.secondNav_loc a{color:#666;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>气泡<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .bubble{width:100%;height:100%;position:absolute;left:0;top:0;} .bubble span,.back_bubble span{display:block;width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;z-index:-1; transition: ease 1s;-webkit-transition: ease 1s;position:absolute;left:50%; bottom:0px;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity:0;-webkit-opacity:0;} .bubble span:nth-child(1){animation:pao 4s linear infinite;-webkit-animation:pao 4s linear infinite;background: rgba(255,255,255,.6);} .bubble span:nth-child(2){animation:pao3 6s linear infinite;-webkit-animation:pao3 6s linear infinite; -webkit-transition-delay:0.3s;transition-delay:0.3s;background: rgba(255,255,255,.8);} .bubble span:nth-child(3){animation:pao2 3s linear infinite;-webkit-animation:pao2 3s linear infinite; -webkit-transition-delay:0.8s;transition-delay:0.8s;background: rgba(255,255,255,1);} .bubble span:nth-child(4){animation:pao4 9s linear infinite;-webkit-animation:pao4 9s linear infinite; background: rgba(255,255,255,.3);} .bubble span:nth-child(5){animation:pao5 7s linear infinite;-webkit-animation:pao5 7s linear infinite; background: rgba(255,255,255,.5);} @keyframes pao{ 0% { transform: translate(200%,-30px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(200%,-30px) rotate(360deg) scale(.4,.4); opacity:1;-webkit-opacity:1; } 50% { transform: translate(0%,-70px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(0%,-70px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-200%,-100px) rotate(360deg) scale(1,1); -webkit-transform: translate(-200%,-100px) rotate(360deg) scale(1,1); opacity:0;-webkit-opacity:0; } } @keyframes pao2 { 0% { transform:translate(-200%,0px) rotate(360deg) scale(1,1); -webkit-transform:translate(-200%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(250%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(250%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(100%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(100%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao3 { 0% { transform: translate(0%,0px) rotate(360deg) scale(1,1); -webkit-transform: translate(0%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(-250%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform:translate(-250%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-300%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform:translate(-300%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao4 { 0% { transform: translate(400%,0px) rotate(360deg) scale(1,1); -webkit-transform: translate(400%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(400%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(400%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao5 { 0% { transform: translate(-400%,0px) rotate(360deg) scale(.1,.1); -webkit-transform:translate(-400%,0px) rotate(360deg) scale(.1,.1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6); -webkit-transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(0%,-100px) rotate(360deg) scale(1,1); -webkit-transform: translate(0%,-100px) rotate(360deg) scale(1,1); opacity:0;-webkit-opacity:0; } } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>masterTitle01<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .masterTitle01{z-index:2;align-items:flex-end;} .masterTitle01 .masterTitle01_initials{height:100%;} .masterTitle01 .masterTitle01_initials>img{height:100%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>home关于我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .homeAbout{padding-top:8vw;} .homeAbout .masterTitle01{height:5.26vw;} .homeAbout .homeAbout_title{font-size:2.08vw;line-height:2.08vw;font-weight:bold;position:absolute;bottom:0;left:0;} .homeAbout .homeAbout_info{font-size:24px;margin-top:.8vw;} .homeAbout .homeAbout_line{color:#555;margin-top:2vw;line-height:30px;font-size:16px;} .homeAbout_data{padding:2vw 0;} .homeAbout_data .data_line{padding:2vw 0;} .homeAbout_data .data_item:first-child{width:60%;padding-right:1vw;} .data_item .data_number{align-items:center;line-height:2.7vw;margin-bottom:.5vw;color:#3e3e3e;} .data_item .data_number>span{font-size:2.7vw;font-family:'TT0140M';} .data_item .data_number>em{font-size:1.666666vw;} .data_item .data_p{font-size:16px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .homeAbout .homeAbout_earth{padding-left:2vw;align-items:center;justify-content:center;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>home材料<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .homeStufft{background:url(../image/stuffbg.jpg) no-repeat bottom center;background-size:cover;padding-top:6vw;} .homeStufft_t{align-items:center;} .homeStufft_t .homeStufft_title{padding-right:8vw;} .homeStufft_t .homeStufft_title h3{font-size:1.875vw;line-height:1.875vw;margin-bottom:1.5vw;} .homeStufft_t .homeStufft_title p{font-size:16px;line-height:32px;} .homeStufft_box{margin-top:6vw;} .homeStufftTab{width:25%;} .homeStufftTab li>a{padding:4vw 0 4vw 10vw;background-color:#e6eff5;align-items:center;z-index:2;} .homeStufftTab li>a:after{content:'';position:absolute;width:100%;height:0;top:50%;left:0;background-color:#bfd2de;z-index:-1; -webkit-transition:all 0.35s;transition:all 0.35s;} .homeStufftTab li>a.on:after{height:100%;top:0;} .homeStufftTab li>a.on .homeStufftTab_icon>div{transform:translateY(-100%);-webkit-transform:translateY(-100%);} .homeStufftTab .homeStufftTab_txt{padding-left:1.2vw;font-size:20px;} .homeStufftTab .homeStufftTab_icon{width:46px;height:46px;overflow:hidden;} .homeStufftTab .homeStufftTab_icon>div{width:100%;height:100%;} .homeStufftTab .homeStufftTab_icon>div>p{align-items:center;justify-content:center;width:100%;height:100%;} .homeStufftTab .homeStufftTab_icon>div>p img{max-width:100%;max-height:100%;} .homeStufftList{padding-left:6vw;padding-top:3vw;width:75%;} .homeStufftList .homeStufft_item>a{width:100%;height:0;padding-bottom:75%;overflow:hidden;} .homeStufftList .homeStufft_item>a:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(34,94,130,.5); opacity:0;-webkit-opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s;} .homeStufftList .homeStufft_item>a>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;} .homeStufftList .homeStufft_see{position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center; transform:scale(2);-webkit-transform:scale(2);z-index:2;} .homeStufftList .homeStufft_see>img{width:48px;} .homeStufftList .homeStufft_txt{position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;z-index:2; transform:scale(.5);-webkit-transform:scale(.5);} .homeStufftList .homeStufft_txt .homeStufft_name{font-size:24px;margin-bottom:2vw;} .homeStufftList .homeStufft_txt .homeStufft_icon>img{width:36px;} .homeStufftList .homeStufft_names{position:absolute;bottom:0;left:0;width:100%;height:50%;padding-bottom:1vw; background-image:linear-gradient(transparent,rgba(0,0,0,.5));align-items:flex-end;justify-content:center;font-size:24px;} .homeStufftList .datalist{margin:-2vw -5px;} .homeStufftList .datalist .datalist_item{padding:2vw 5px;min-width:25%;} .homeStufftList .datalist .datalist_number{font-family:'TT0140M';} .homeStufftList .datalist .datalist_number span{font-size:32px;} .homeStufftList .datalist .datalist_number em{font-size:16px;} .homeStufftList .datalist .datalist_name{font-size:16px;margin-top:5px;} .homeStufft_obj{width:100%;} .homeStufft_obj .homeStufft_li{position:absolute;top:0;left:0;width:100%;opacity:0;-webkit-opacity:0;overflow:hidden;} .homeStufft_obj .homeStufft_li.on{position:relative;opacity:1;-webkit-opacity:1;z-index:50;} .homeStufft_nav{height:48px;line-height:48px;padding-right:10vw;margin-top:2.5vw;} .homeStufft_btn>a{width:48px;height:48px;color:#c9dae4;} .homeStufft_btn>a>i{font-size:18px;} .homeStufft_btn>a:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;-webkit-border-radius:50%; border:1px solid #c9dae4;-webkit-border:1px solid #c9dae4;-webkit-transition:all 0.35s;transition:all 0.35s;} .homeStufft_btn>a:first-child{margin-right:1.6vw;} .homeStufft_line{height:100%;width:100%;} .homeStufft_line:after{content:'';position:absolute;width:96%;height:1px;top:50%;left:2%;background-color:#dce7ef;} .homeStufft_number{font-family: 'TT0140M';} .homeStufft_number span{font-size:23px;padding-right:5px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>homeMaster_more<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .homeMaster_more a{background-color:#225e82;width:160px;height:44px;line-height:44px;border-radius:3px;-webkit-border-radius:3px;} .homeMaster_more a span{margin-right:10px;font-size:16px;} .homeMaster_more a i{vertical-align:-1px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>相关案例<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .relevant{padding:2vw 0;} .relevant_box .relevant_title{font-size:18px;white-space:nowrap;} .relevant_list{margin:-.5vw 0;padding-right:1.5vw;} .relevant_list li{padding:.5vw 0;} .relevant_list li a{font-size:18px;padding:0 1.2vw;} .relevant_more{position:absolute;top:0;right:0;height:100%;} .relevant_more a>i{font-size:18px;vertical-align:middle;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>工业降噪<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .homeIndustry{padding-top:6vw;padding-bottom:10.5vw;} .homeIndustry .homeIndustry_txt{width:55%;overflow:hidden;padding-right:2.5vw;} .homeIndustry .masterTitle01{height:5.78vw;} .homeIndustry .homeIndustry_title{font-size:1.875vw;line-height:1.875vw;position:absolute;bottom:0;left:0;} .homeIndustry .homeIndustry_line{margin-top:1.5vw;font-size:16px;line-height:32px;} .homeIndustry_type .homeIndustry_icon{width:36px;height:36px;overflow:hidden;} .homeIndustry_type .homeIndustry_icon>div{width:100%;height:100%;} .homeIndustry_type .homeIndustry_icon>div>p{align-items:center;justify-content:center;width:100%;height:100%;} .homeIndustry_type .homeIndustry_icon>div>p img{max-width:100%;} .homeIndustry_type{margin-top:3vw;margin-bottom:2vw;} .homeIndustry_type li>a{display:block;} .homeIndustry_type .homeIndustry_typename{margin-top:.5vw;font-size:16px;} .homeIndustry_relevant{margin-top:5vw;} .homeIndustry_relevant .homeIndustry_relevant_title{font-size:18px;margin-bottom:1vw;} .homeIndustry_relevant .homeIndustry_relevant_ul{margin:.5vw -1.5vw;} .homeIndustry_relevant .homeIndustry_relevant_ul li{padding:.5vw 0;} .homeIndustry_relevant .homeIndustry_relevant_ul li a{font-size:16px;padding:0 1.5vw;} .matching{padding-left:2.5vw;width:45%;} .matching .matching_item{height:100%;} .matching .matching_item:first-child{padding-right:.5vw;} .matching .matching_item:last-child{padding-left:.5vw;transform:translateY(4vw);-webkit-transform:translateY(4vw);} .matching .matching_item a{height:100%;width:100%;overflow:hidden;} .matching .matching_item a img{height:105%;width:105%;object-fit:cover;transform:translateX(-2.5%) translateY(-5%);-webkit-transform:translateX(-2.5%) translateY(-5%);} .matching .matching_more{position:absolute;top:2vw;right:1.5vw;bottom:2vw;writing-mode:tb-rl;letter-spacing:1px;} .matching .matching_more span:first-child{font-size:24px;} .matching .matching_more span:last-child{font-size:16px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>交通降噪<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .homeTraffic{padding-top:9vw;background:url(../image/homeTrafficbg.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;z-index:2;} .homeTraffic:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(34,94,130,.8);z-index:-1;} .homeTraffic .homeTraffic_title h3{font-size:1.875vw;line-height:1.875vw;margin-bottom:1vw;} .homeTraffic .homeTraffic_title p{font-size:16px;line-height:32px;} .homeTraffic .homeTraffic_title{padding-bottom:1.5vw;} .homeTraffic .homeTraffic_title:after{content:'';position:absolute;bottom:0;left:0;width:80%;height:1px;background-color:rgba(255,255,255,.2);} .homeTraffic .homeTraffic_relevant{margin-top:1.5vw;} .homeTraffic .homeTraffic_relevant_title{font-size:16px;white-space:nowrap;} .homeTraffic .traffic_list{margin:-.5vw 0;} .homeTraffic .traffic_list li{padding:.5vw 0;} .homeTraffic .traffic_list li a{padding:0 1.2vw;font-size:16px;} .homeTraffic .traffic_more{margin-left:1.2vw;} .homeTraffic .traffic_more a>i{vertical-align:middle;} .homeTraffic .homeTraffic_b{align-items:flex-end;margin-top:12vw;} .homeTraffic_b li a{border-top-left-radius:10px;-webkit-border-top-left-radius:10px; border-top-right-radius:10px;-webkit-border-top-right-radius:10px;padding:2vw 3vw;} .homeTraffic_b .homeTraffic_name{align-items:center;font-size:20px;text-transform:uppercase;justify-content:center;} .homeTraffic_b .homeTraffic_name img{margin-right:1vw;height:32px;} .homeTraffic_b .homeTraffic_p{color:rgba(255,255,255,.8);font-size:16px;line-height:32px;height:0;overflow:hidden;} .homeTraffic_b .homeTraffic_p>div{padding-top:1vw;} .homeTraffic_b .homeTraffic_p p{overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .homeTraffic_b li:nth-child(1) a{background-color:#225e82;} .homeTraffic_b li:nth-child(2) a{background-color:#84c326;} .homeTraffic_b li:nth-child(3) a{background-color:#f8c400;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>masterTitle02<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .masterTitle02{background:url(../image/tbg01.png) no-repeat center center;background-size:auto 56%;} .masterTitle02 h2{font-size:2.29vw;line-height:2.29vw;margin-bottom:.5vw;} .masterTitle02 p{font-size:24px;text-transform:uppercase;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>重点案例<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .homeCase{padding-top:7vw;} .homeCasec_list{padding-top:3vw;margin:-.5vw;padding-bottom:3.5vw;} .homeCasec_list .homeCasec_item>div{width:100%;height:0;padding-bottom:75%;} .homeCasec_list .homeCasec_item a{position:absolute;left:.5vw;right:.5vw;top:.5vw;bottom:.5vw;overflow:hidden;} .homeCasec_list .homeCasec_item a img{width:100%;height:100%;object-fit:cover;} .homeCasec_list .homeCasec_title{position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:2; background-image:linear-gradient(transparent,rgba(0,0,0,.8));align-items:flex-end;justify-content:center;} .homeCasec_txt{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(34,94,130,.9); align-items:center;justify-content:center;z-index:5;} .homeCasec_txt .homeCasec_line{position:absolute;} .homeCasec_txt .homeCasec_line:after,.homeCasec_txt .homeCasec_line:before{content:'';position:absolute; transition:all 0.75s;transition:all 0.75s;} .homeCasec_txt .homeCasec_line:after{border-left:1px solid #fff;border-right:1px solid #fff;width:100%;height:0;top:50%;left:0;} .homeCasec_txt .homeCasec_line:before{border-top:1px solid #fff;border-bottom:1px solid #fff;width:0;height:100%;left:50%;top:0;} .homeCasec_txt .homeCasec_name{margin-bottom:8%;padding-bottom:6%; transform:translateY(-2vw);-webkit-transform:translateY(-2vw);} .homeCasec_txt .homeCasec_name span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .homeCasec_txt .homeCasec_name:after{content:'';position:absolute;bottom:0;left:50%;margin-left:-7%;width:14%;height:1px;background-color:#fff;} .homeCasec_txt .homeCasec_p{color:rgba(255,255,255,.6);margin-bottom:10%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;transform:translateY(2vw);-webkit-transform:translateY(2vw);} .homeCasec_txt .homeCasec_btn{transform:translateY(2vw);-webkit-transform:translateY(2vw);} .homeCasec_txt .homeCasec_btn:after{content:'';position:absolute;width:100%;height:100%;border:1px solid #fff;top:0;left:0; -webkit-border-radius:50%;border-radius:50%;} .homeCasec_list>.homeCasec_item .homeCasec_txt .homeCasec_cnt{width:50%;} .homeCasec_list>.homeCasec_item .homeCasec_name{font-size:24px;} .homeCasec_list>.homeCasec_item .homeCasec_btn{width:48px;height:48px;line-height:48px;} .homeCasec_list>.homeCasec_item .homeCasec_p{font-size:16px;line-height:32px;} .homeCasec_list>.homeCasec_item .homeCasec_txt .homeCasec_line{top:1.2vw;left:1.2vw;right:1.2vw;bottom:1.2vw;} .homeCasec_list>.homeCasec_item .homeCasec_title{padding-bottom:1.5vw;font-size:24px;} .homeCasec_ul .homeCasec_txt .homeCasec_cnt{width:65%;} .homeCasec_ul .homeCasec_name{font-size:18px;} .homeCasec_ul .homeCasec_btn{width:38px;height:38px;line-height:38px;} .homeCasec_ul .homeCasec_item .homeCasec_p{font-size:14px;line-height:26px;} .homeCasec_ul .homeCasec_txt .homeCasec_btn>i{font-size:14px;} .homeCasec_ul .homeCasec_item .homeCasec_txt .homeCasec_line{top:1vw;left:1vw;right:1vw;bottom:1vw;} .homeCasec_ul .homeCasec_item .homeCasec_title{padding-bottom:1vw;font-size:18px;} .homeCasec_ul .homeCasec_item .homeCasec_title span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>homeMaster_more01<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .homeMaster_more01{width:190px;height:50px;line-height:40px;} .homeMaster_more01>a{width:100%;height:100%;padding:5px;} .homeMaster_more01>a:after{position:absolute;content:'';border:1px solid #84c326;border-radius:50px;-webkit-border-radius:50px; top:0;left:0;width:100%;height:100%;} .homeMaster_more01>a span{font-size:18px;color:#84c326;} .homeMaster_more01>a i{width:40px;height:40px;background-color:#84c326;display:inline-block;margin-left:auto;font-size:18px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>服务流程<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .homeorder{padding-top:7vw;} .homeorder_cnt{margin-top:4vw;} .homeorder_cnt img{width:100%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>媒体新闻<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .homeNews{padding:7vw 0;} .homeNews_list{padding-top:3vw;padding-bottom:3.5vw;} .homeNews_list .homeNews_l{width:60%;margin:-1vw;} .homeNews_list .homeNews_r{width:40%;padding-left:3vw;} .homeNews_l .homeNews_img{height:0;padding-bottom:65%;overflow:hidden;} .homeNews_l .homeNews_img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;} .homeNews_list .homeNews_title{font-size:18px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .homeNews_list .homeNews_p{font-size:16px;line-height:32px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .homeNews_l .homeNews_txt{padding-top:1.2vw;} .homeNews_l .homeNews_title{margin-bottom:.6vw;} .homeNews_l .homeNews_title:after{content:'';width:0;height:1px;background-color:#84c326;position:absolute;bottom:0;left:0; -webkit-transition:all 1s;transition:all 1s;} .homeNews_l .homeNews_item{padding:1vw;} .homeNews_l .homeNews_time{font-size:20px;position:absolute;bottom:0;left:0;background-color:#84c326;padding:.4vw 1.2vw;} .homeNews_r .homeNews_times{ flex-direction:column;justify-content:center;align-items:center;padding-right:3vw;} .homeNews_r .homeNews_times span{font-size:2.5vw;line-height:2.5vw;margin-bottom:2px;font-family:'TT0140M';} .homeNews_r .homeNews_item{height:50%;} .homeNews_r .homeNews_item>a{align-items:center;height:100%;border-bottom:1px dashed #e0e0e0;-webkit-border-bottom:1px dashed #e0e0e0;} .homeNews_r .homeNews_item:first-child>a{border-top:1px dashed #e0e0e0;-webkit-border-top:1px dashed #e0e0e0;} .homeNews_r .homeNews_title{margin-bottom:.8vw;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>页尾<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .footer{padding-top:2.5vw;padding-bottom:4vw;background-color:#323638;} .footer_box{padding:0 4vw;} .footer_box .footer_t{align-items:center;padding-bottom:2vw;} .footer_box .footer_t:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(150,150,150,.1);} .footer_box .footer_logo img{height:62px;} .footer_box .footer_nav{margin-left:auto;} .footer_box .footer_nav li{padding-left:3.4vw;} .footer_box .footer_nav li:first-child{padding-left:0;} .footer_box .footer_nav li a{font-size:16px;color:rgba(255,255,255,.2);} .footer_box .footer_b{padding-top:3vw;} .footer_box .footer_b_title{color:rgba(255,255,255,.4);margin-bottom:1.5vw;} .footer_box .footer_b_title h5{font-size:24px;margin-bottom:5px;} .footer_box .footer_b_title p{font-size:16px;} .footer_box .footer_b_line{line-height:32px;font-size:16px;color:rgba(255,255,255,.2);word-break:break-all;} .footer_box .footer_b_line a{color:rgba(255,255,255,.2);} .footer_code>div{background-color:rgba(150,150,150,.1);padding:10px;} .footer_code .footer_code_img{width:112px;margin-bottom:5px;} .footer_code .footer_code_img img{width:100%;} .footer_code p{font-size:16px;} .footer_box .footer_b .flex_item{padding:0 2vw;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>解决方案-交通降噪<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .trafficbaner_txt .trafficbaner_title h1{font-size:2.91vw;line-height:2.91vw;font-weight:bold;margin-bottom:1vw;} .trafficbaner_txt .trafficbaner_title p{font-size:20px;} .trafficbaner_txt .trafficbaner_title{margin-bottom:2vw;} .trafficbaner_txt .trafficbaner_line{line-height:38px;font-size:18px;color:#444;} .trafficbaner_href{padding-top:4vw;width:700px;margin:-.5vw;} .trafficbaner_href li{padding:.5vw;} .trafficbaner_href li a{height:0;padding-bottom:100%;} .trafficbaner_href li a>div{position:absolute;width:100%;height:100%;left:0;top:0; align-items:center;justify-content:center;border:1px solid #e0e0e0;-webkit-border:1px solid #e0e0e0;z-index:2;} .trafficbaner_href li a>div>div{width:100%;} .trafficbaner_href li a>div:after{content:'';position:absolute;width:100%;height:100%;z-index:-1;background-color:#225e82; -webkit-transform:rotate(-135deg);transform:rotate(-135deg);opacity:0;-webkit-opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s;} .trafficbaner_href .trafficbaner_href_name{color:#444;font-size:16px;margin-top:.5vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;} .trafficbaner_href .trafficbaner_icon{width:30px;height:30px;overflow:hidden;} .trafficbaner_href .trafficbaner_icon>div{width:100%;height:100%;} .trafficbaner_href .trafficbaner_icon>div>p{align-items:center;justify-content:center;width:100%;height:100%;} .trafficbaner_href .trafficbaner_icon>div>p img{max-width:100%;max-height:100%;} .product{padding-top:6vw;} .product_box{padding-top:2vw;margin:0 -1vw;} .product_box li{padding:0 1vw;} .product_box li a{border:1px solid #e0e0e0;-webkit-border:1px solid #e0e0e0;} .product_box .product_img{width:100%;padding-bottom:60%;overflow:hidden;} .product_box .product_img img{position:absolute;left:0;top:0;width:100%;height:100%;} .product_box .product_title{font-size:22px;padding:1.5vw 0;} .pageCases{padding-top:6vw;} .pageCases .pageCases_box{padding-top:2vw;padding-bottom:10vw;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>master_title<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .master_title h3{font-size:2.08vw;line-height:2.08vw;margin-bottom:5px;} .master_title p{font-size:18px;text-transform:uppercase;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>解决方案<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .solution{padding-top:6vw;padding-bottom:8vw;} .solution_tab{justify-content:center;padding-top:2vw;} .solution_tab li{padding:0 1vw;} .solution_tab li a{line-height:40px;padding:0 1.3vw;font-size:18px;position:relative;} .solution_tab li a:before,.solution_tab li a:after{content:'';position:absolute;height:1px;background-color:#225e82;top:50%;width:0; -webkit-transition:all 0.5s;transition:all 0.5s;} .solution_tab li a:before{left:0;} .solution_tab li a:after{right:0;} .solution_tab li a.on{color:#225e82;} .solution_tab li a.on:before,.solution_tab li a.on:after{width:1vw;} .solution_list{margin-top:3.5vw;} .solution_item>a{width:100%;height:0;padding-bottom:65%;} .solution_item .solution_img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;} .solution_item .solution_img img{width:100%;height:100%;object-fit:cover;} .solution_list .solution_line>a{width:44px;height:44px;line-height:44px;position:absolute;top:50%;margin-top:-47px;z-index:10;} .solution_list .solution_line>a:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;-webkit-border-radius:50%; border:1px solid #225e82;-webkit-border:1px solid #225e82;-webkit-transition:all 0.35s;transition:all 0.35s;} .solution_list .solution_prev{left:4vw;} .solution_list .solution_next{right:4vw;} .solution_list .solution_line>a>i{font-size:18px;} .solution_item .solution_txt{position:absolute;width:100%;height:30%;left:0;bottom:0;align-items:center;justify-content:center;z-index:5;} .solution_item .solution_txt h5{font-size:20px;margin-bottom:2px;} .solution_item .solution_txt p{color:rgba(255,255,255,.5);text-transform:uppercase;} .solution_item>a:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:2;background-image:linear-gradient(transparent,rgba(0,0,0,.8));} .solution_item>a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(34,94,130,.9); z-index:3;opacity:0;-webkit-opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s;} .solution_item .solution_more{width:48px;height:48px;line-height:48px;background-color:#f8c400; position:absolute;bottom:-24px;left:50%;margin-left:-24px;z-index:5;transform:rotate(-360deg) scale(.5); -webkit-transform:rotate(-360deg) scale(.5);opacity:0;-webkit-opacity:0;} .solution_item .solution_more i{font-size:20px;} .solution_item .solution_more:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0; transform:scale(1.4);-webkit-transform:scale(1.4);background-color:rgba(248,196,0,.2);border-radius:50%;-webkit-border-radius:50%;} .solution .solution_line{position:absolute;top:0;left:0;width:100%;opacity:0;-webkit-opacity:0;} .solution .solution_line.on{position:relative;opacity:1;-webkit-opacity:1;z-index:50; -webkit-transition:all 0.5s;transition:all 0.5s;} .solution .solution_line .swiper-container{padding-bottom:50px;} .science_txt{align-items:center;position:relative;z-index:10;} .science_txt .science_title{width:25vw;height:25vw;background:url(../image/science01.png) no-repeat center center;background-size:cover; align-items:center;justify-content:center;} .science_txt .science_title h3{font-size:2.29vw;line-height:2.29vw;} .science_txt .science_title h3:first-child{font-weight:bold;margin-bottom:1vw;} .science_txt .science_title h3:last-child{font-weight:100;} .science_txt .science_line{padding-left:8vw;} .science_line .science_p{padding-bottom:4vw;} .science_line .science_p:last-child{padding-bottom:0;} .science_line .science_p h5{font-size:20px;font-weight:bold;margin-bottom:.5vw;} .science_line .science_p p{font-size:16px;line-height:32px;color:#222;} .science{padding:10vw 0;} .science_bg{position:absolute;width:70%;align-items:center;left:-15%;z-index:-1;} .science_bg img{width:100%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>pagebanner<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #h-banner{z-index:2;align-items:center;} .pagebanner{background-size:cover;background-position:center center;animation:narrowimg linear 2s forwards; -webkit-animation:narrowimg linear 2s forwards;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;align-items:center;} @-webkit-keyframes narrowimg{ 0%{transform:scale(1.2)} 100%{transform:scale(1);} } @keyframes narrowimg{ 0%{transform:scale(1.2)} 100%{transform:scale(1);} } .pagebanner.imgshow{position:relative;} .pagebanner.imgshow>img{width:100%;} .pagetitle h3{font-size:2.5vw;line-height:2.5vw;margin-bottom:.8vw;} .pagetitle p{font-size:1.875vw;line-height:1.875vw;text-transform:uppercase;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>案例列表<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .case{padding:7vw 0;} .case_box{overflow:hidden;padding-bottom:2.2vw;} .case_list{margin:-1.8vw -.7vw;} .case_list .case_item{padding:1.8vw .7vw;} .case_list .case_item .case_img{width:100%;height:0;padding-bottom:65%;overflow:hidden;} .case_list .case_item .case_img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;} .case_list .case_item .case_title{align-items:center;padding:1vw;} .case_list .case_item .case_title span{font-size:18px;} .case_list .case_item .case_title i{font-size:26px;margin-left:auto;} .case_list .case_item .case_title:after{content:'';position:absolute;width:100%;height:1px;background-color:#eee;bottom:0;left:0;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>分页器<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .paging{justify-content:center;} .paging li{padding:0 .5vw;} .paging li a{border:1px solid #e0e0e0;width:44px;height:44px;line-height:44px;border-radius:5px;-webkit-border-radius:5px;} .paging li a i{font-size:16px;} .paging li a.on{background:#225e82;color:#fff;border-color:#225e82;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>案例详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .casedtl{padding-top:8vw;padding-bottom:7vw;background-size:cover;background-position:center center;} .casedtl_box .casedtl_title{padding:0 4vw;} .casedtl_box .casedtl_title h3{font-size:1.875vw;line-height:1.875vw;margin-bottom:1.5vw;} .casedtl_box .casedtl_title p{font-size:16px;line-height:32px;} #casedtl_list{margin-top:3vw;margin-bottom:5.5vw;} #casedtl_list .swiper-slide{width:60%;} #casedtl_list .casedtl_item{width:100%;padding-bottom:65%;height:0;border:1vw solid #fff;} #casedtl_list .casedtl_item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;} #casedtl_list>a{width:44px;height:44px;line-height:44px;position:absolute;top:50%;margin-top:-22px;z-index:20;} #casedtl_list>a:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;-webkit-border-radius:50%; border:1px solid #225e82;-webkit-border:1px solid #225e82;-webkit-transition:all 0.35s;transition:all 0.35s;} #casedtl_list .casedtl_prev{left:4vw;} #casedtl_list .casedtl_next{right:4vw;} .casedtl_box .casedtl_switch{width:600px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>dtl_switch<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .dtl_switch li a{display:inline-block;height:36px;border-radius:36px;line-height:36px; -webkit-border-radius:36px;padding:0 15px;letter-spacing:2px;align-items:center;} .dtl_switch li a span{font-size:16px;} .dtl_switch li a i{font-size:20px;width:36px;height:36px;vertical-align: bottom;margin-right:10px;display:inline-block;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>永利官网党建<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .party{padding:6vw 0;} .party_box{margin-bottom:4vw;border-top:1px solid #eaeaea;} .party_item a{align-items:center;padding:2.5vw 2vw;border-bottom:1px solid #eaeaea;} .party_item a:after{content:'';position:absolute;top:0;left:10%;width:80%;height:100%; background-color:#d10d1d;z-index:-1;opacity:0;-webkit-opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s;} .party_txt>div{align-items:center;} .party_txt .party_time{display:list-item;font-family:'TT0140M';padding-right:3vw;} .party_txt .party_time span{font-size:2.5vw;line-height:2.5vw;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #e0e0e0;} .party_txt .party_time em{font-size:16px;} .party_info h5{font-size:24px;margin-bottom:1vw;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .party_info p{font-size:16px;line-height:35px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>新闻详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .new{padding:7vw 0;background-color:#f6f6f6;} .new_box{overflow:hidden;padding-bottom:3vw;} .new_list{margin:-2vw -1vw;} .new_item{padding:2vw 1vw;} .new_item .new_img{width:100%;height:0;padding-bottom:65%;overflow:hidden;} .new_item .new_img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;} .new_item .new_info{padding:1.5vw 1vw;} .new_item .new_info:after{content:'';position:absolute;bottom:0;left:0;width:0;height:4px;background-color:#225e82; -webkit-transition:all 1s;transition:all 1s;} .new_item .new_title{font-size:20px;margin-bottom:.8vw;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .new_item .new_p{font-size:16px;line-height:32px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:64px;} .new_item .new_time{font-size:16px;margin-top:1.5vw;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>新闻详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .newdtl{padding-top:4vw;padding-bottom:8vw;background-color:#f6f6f6;} .newdtl .newdtl_info{width:70%;padding-right:1.5vw;} .newdtl .newdtl_info>div{padding:4vw;} .newdtl_info .newdtl_record{font-family:'TT0140M';font-size:16px;} .newdtl_info .newdtl_record span{margin-right:2vw;display:inline-block;} .newdtl_info .newdtl_record span:last-child{margin-right:0;} .newdtl_info .newdtl_title{padding-bottom:.8vw;} .newdtl_info .newdtl_title h4{font-size:24px;margin-bottom:2vw;} .newdtl_info .newdtl_title:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#eee;} .newdtl_info .newdtl_content{font-size:16px;line-height:32px;padding:3vw 0;} .newdtl_info .newdtl_content img{max-width:100%;display:inline-block;margin:0 auto;} .newdtl_info .newdtl_switch{width:75%;} .newdtl .newdtl_Hot{width:30%;padding:1.5vw 0;} .newdtl_Hot .Hot_box{padding:1.5vw;} .newdtl_Hot .Hot_title{align-items:center;padding:0 1.5vw;} .newdtl_Hot .Hot_title:after{content:'';position:absolute;width:5px;height:100%;background-color:#225e82;left:0;top:0;} .newdtl_Hot .Hot_title span{font-size:1.5625vw;font-weight:bold;} .newdtl_Hot .Hot_title a{font-size:16px;margin-left:auto;font-family:'TT0140M';} .Hot_box .new_item{padding:0;} .Hot_box .new_item .new_info{padding-bottom:2.5vw;} .Hot_box .new_item .new_info:after{display:none;} .Hot_box .new_item .new_info:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e6eaec;} .newdtl_Hot .Hot_list{padding-top:1.5vw;} .Hot_list li a{position:relative;padding:.8vw 0 .8vw 1.5vw;} .Hot_list li a p{overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .Hot_list li a:before{content:'';position:absolute;left:0;top:50%;margin-top:-3px;width:6px;height:6px;background-color:#333; border-radius:50%;-webkit-border-radius:50%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>产品展示<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .sbn .sbn_line{width:100%;} .sbn .sbn_line img{width:100%;} .sbnCase{padding-top:7vw;padding-bottom:8vw;} .sbnCase .sbnCase_title h3{font-size:2.91vw;font-weight:bold;} .sbnCase .homeCasec_list{padding-bottom:0;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>声屏障<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .barrier_title{width:40%;} .barrier_title h1{font-size:2.91vw;line-height:2.91vw;font-weight:bold;margin-bottom:2vw;} .barrier_title p{line-height:40px;font-size:22px;color:#222;} .mpc{padding-top:14vw;overflow:hidden;} .mpc .mpc_info{width:75%;background-color:#f7f7f7;padding:6vw 6vw 6vw 10vw;} .mpc .mpc_cnt{width:60%;} .wrapper{position:relative;} .wrapper .scroller{position:absolute;} #mpc_tab{overflow:hidden;width:100%;height:60px;line-height:60px;} #mpc_tab li a{font-size:18px;padding:0 25px;position:relative;} #mpc_tab li a:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;border:1px solid #225e82;border-right:none;} #mpc_tab li:last-child a:after{border-right:1px solid #225e82;} #mpc_tab li.cur a{background-color:#225e82;color:#fff;} .mpc_cnt .mpc_line{margin-top:4vw;} .mpc_cnt .mpc_line>div{display:none;} .mpc_cnt .mpc_line>div.on{display:block;} .mpc_cnt .mpc_line h4{font-size:30px;line-height:30px;margin-bottom:1vw;font-weight:bold;} .mpc_cnt .mpc_line .mpc_line_txt{font-size:16px;line-height:32px;height:192px;overflow-y:auto;} .mpc_cnt .mpc_switch{margin-bottom:3vw;font-size:0;margin-top:2vw;} .mpc_cnt .mpc_switch>a{width:42px;height:42px;line-height:42px;display:inline-block;} .mpc_cnt .mpc_switch>a:first-child{margin-right:1vw;} .mpc_cnt .mpc_switch>a:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0; border:1px solid #225e82;-webkit-border:1px solid #225e82;-webkit-transition:all 0.35s;transition:all 0.35s;} .mpc_cnt .mpc_switch>a>i{font-size:18px;} #mpc_img{width:57%;top:-6vw;right:-12vw;height:100%;position:absolute;} #mpc_img .mpc_img_item{width:100%;height:100%;z-index:3;} #mpc_img .mpc_img_item:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:1;background-image:linear-gradient(transparent,rgba(0,0,0,.8));} #mpc_img .mpc_img_item img{width:100%;height:100%;object-fit:cover;} #mpc_img .mpc_img_txt{position:absolute;bottom:0;left:0;padding:2vw;z-index:2;} #mpc_img .mpc_img_txt h5{font-size:24px;margin-bottom:5px;} #mpc_img .mpc_img_txt p{font-size:16px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>master_title02<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .master_title02 h4{font-size:1.5625vw;line-height:1.5625vw;padding-bottom:1.5vw;} .master_title02 h4:after{content:'';position:absolute;width:2.2vw;height:1px;bottom:0;left:0;background-color:#333;} .master_title02 p{font-size:16px;line-height:31px;margin-top:1vw;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>联系我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .contact{width:100%;} .contact .contact_txt{padding-left:10vw;background-color:#eef3f7;} .contact .contact_txt>div{padding:8vw 10vw 8vw 0;} .contact_txt .contact_info{align-items:center;margin-top:4vw;} .contact_txt .contact_line{padding-bottom:1vw;line-height:30px;font-size:16px;} .contact_txt .contact_line:last-child{padding-bottom:0;} .contact_txt .contact_line .contact_icon{width:30px;height:30px;align-items:center;justify-content:center;margin-right:10px;} .contact_txt .contact_line .contact_icon img{max-width:100%;max-height:100%;} .contact_txt .contact_code{margin-top:3vw;display:inline-block;} .contact_txt .contact_code .contact_code_img{width:112px;margin-bottom:5px;} .contact_txt .contact_code .contact_code_img img{width:100%;} .contact_txt .contact_line span{word-break:break-all;} .contact_map #container_map{width:100%;height:100%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>在新留言<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .comment{padding-top:3vw;} .comment .comment_box{padding-top:5vw;padding-bottom:8vw;width:100%;background-position:center center;background-size:cover;} .comment_txt{padding-right:8vw;} .comment_txt .comment_phone{margin-top:5vw;} .comment_txt .comment_phone p{font-size:16px;margin-bottom:.5vw;} .comment_txt .comment_phone h4{font-size:1.458vw;line-height:1.458vw;font-family:'TT0140M';} .comment_form .comment_form_line{padding:.5vw 0;margin-bottom:1vw;} .comment_form .comment_form_line:last-child{margin-bottom:0;} .comment_form .comment_form_line:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#d1dee7;} .comment_form .comment_form_name{font-size:16px;} .comment_form .comment_form_in{font-size:14px;border:none;height:40px;width:100%;background:none;} .comment_form .comment_form_in:-ms-input-placeholder{color:#999;} .comment_form .comment_form_in::-webkit-input-placeholder{color:#999;} .comment_form .comment_form_in::-moz-placeholder{color:#999;} .comment_form .comment_form_in:-moz-placeholder{color:#999;} .comment_form .comment_submit{margin-top:2.5vw;} .comment_form .comment_submit>button{border:none;width:150px;height:46px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>关于永利官网<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .about_info{width:960px;} .about_info h4{font-size:28px;font-weight:bold;padding-bottom:1.5vw;} .about_info .about_info_p{text-indent:2em;margin-bottom:1vw;line-height:35px;} .about_info .about_info_p:last-child{margin-bottom:0;} .about_info .about_info_p span{font-size:16px;} .about_info .about_info_p s{font-weight:bold;font-size:18px;text-decoration:none;} .about_info>div{overflow-y:auto;max-height:40vh;padding-right:2vw;margin-top:1vw;} .about_info>div::-webkit-scrollbar{width:2px;height:2px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>master_title03<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .master_title03 h2{font-size:2.29vw;line-height:2.29vw;margin-bottom:5px;} .master_title03 p{font-size:16px;text-transform:uppercase;letter-spacing:1px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>独特优势<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .avg{padding:7vw 0;} .avg_box .avg_l{width:60%;padding-right:4vw;} .avg_box .avg_r{width:40%;padding-left:4vw;} .avg_box .avg_txt{padding-top:3vw;} .avg_box .avg_line{margin-bottom:3vw;background:url(../image/about_icon01.png) no-repeat left top;padding-top:25px;background-size:17px;} .avg_box .avg_line h4{color:#84c326;font-size:1.5625vw;line-height:1.5625vw;margin-bottom:1.2vw;} .avg_box .avg_line p{font-size:16px;line-height:28px;} .avg_box .avg_img{height:100%;} .avg_box .avg_img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;} .avg .avg_eg{position:absolute;z-index:-1;top:3.5vw;left:0;font-size:8.3vw;color:#f6f6f6;width:200vw; text-transform:uppercase;font-family:'TT0140M';font-weight:bold;letter-spacing:2vw;animation:letters linear 12s infinite; -webkit-animation:letters linear 12s infinite;} .avg .avg_eg span{display:inline-block;width:100vw;} @-webkit-keyframes letters{ 0%{transform:none;-webkit-transform:none;} 100%{ransform:translateX(-100vw);-webkit-transform:translateX(-100vw);} } @keyframes letters{ 0%{transform:none;-webkit-transform:none;} 100%{ransform:translateX(-100vw);-webkit-transform:translateX(-100vw);} } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>生产能力<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .tgb{padding:6vw 0;background:url(../image/about03.jpg) no-repeat center center;background-size:cover;} .tgb_box{width:1100px;} .tgb_box .tgb_p{font-size:16px;line-height:35px;margin-top:2vw;} .tgb_box .tgbDatas{justify-content:center;margin-top:3.5vw;font-family:'TT0140M';margin-bottom:3vw;} .tgb_box .tgbDatas_item{padding:0 4vw;} .tgb_box .tgbDatas_item p{font-size:16px;} .tgb_box .tgbDatas_item .tgbDatas_num{margin-top:.8vw;} .tgb_box .tgbDatas_item .tgbDatas_num span{font-size:2.7vw;margin-right:5px;line-height:2.7vw;} .tgb_box .tgbDatas_item .tgbDatas_num em{font-size:20px;} .tgb_img{width:950px;} .tgb_img .tgb_img_box{width:100%;} .tgb_img .tgb_img_box>img{width:100%;} .tgb_img .tgb_btn{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;} .tgb_img .tgb_btn .tgb_see{display:inline-block;height:44px;line-height:44px;position:absolute;} .tgb_img .tgb_btn .tgb_see .tgb_see_i{display:block;height:44px;width:44px;z-index:2;} .tgb_img .tgb_btn .tgb_see .tgb_see_i i{color:#fff;-webkit-transition:all 0.5s;transition:all 0.5s;display:inline-block;} .tgb_img .tgb_btn .tgb_see .tgb_see_i:after{content:'';position:absolute;width:60%;height:60%;left:20%;top:20%;background-color:#f8c400;z-index:-1; -webkit-border-radius: 50%;border-radius: 50%;-webkit-transition:all 0.5s;transition:all 0.5s;} .tgb_img .tgb_btn .tgb_see .tgb_see_i:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(248,196,0,.5);z-index:-2; -webkit-border-radius: 50%;border-radius: 50%;-webkit-transition:all 0.5s;transition:all 0.5s;} .tgb_img .tgb_btn .tgb_see .tgb_see_t{font-size:18px;display:inline-block;padding-right:20px;padding-left:55px;position:absolute;top:0;left:0; background-color:#f8c400;white-space:nowrap;-webkit-border-radius:44px;border-radius:44px;transform:translateX(44px);-webkit-transform:translateX(44px); opacity:0;-webkit-opacity:0;visibility:hidden;} .tgb_img .tgb_btn .tgb_see.mk1{top:56%;left:36%;} .tgb_img .tgb_btn .tgb_see.mk2{top:37%;left:14%;transform:scale(.8);-webkit-transform:scale(.8);} .tgb_img .tgb_btn .tgb_see.mk3{top:30%;left:25.5%;transform:scale(.8);-webkit-transform:scale(.8);} .tgb_img .tgb_btn .tgb_see.mk4{top:47%;left:37%;transform:scale(.7);-webkit-transform:scale(.7);} .tgb_img .tgb_btn .tgb_see.mk5{top:44%;left:42%;transform:scale(.7);-webkit-transform:scale(.7);} .tgb_img .tgb_btn .tgb_see.mk6{top:38%;left:45%;transform:scale(.8);-webkit-transform:scale(.8);} .tgb_img .tgb_btn .tgb_see.mk7{top:19%;left:28%;transform:scale(.8);-webkit-transform:scale(.8);} .tgb_img .tgb_btn .tgb_see.mk8{top:13%;left:34%;transform:scale(.8);-webkit-transform:scale(.8);} .tgb_img .tgb_btn .tgb_see.mk9{top:30%;left:55%;transform:scale(.8);-webkit-transform:scale(.8);} .tgb_img .tgb_btn .tgb_see.mk10{top:3%;left:39%;transform:scale(.7);-webkit-transform:scale(.7);} .tgb_img .tgb_btn .tgb_see.mk11{top:11%;left:44%;transform:scale(.8);-webkit-transform:scale(.8);} .tgb_img .tgb_btn .tgb_see.mk12{top:36%;left:73%;} .tgb_img .tgb_btn .tgb_see.mk13{top:57%;left:90%;} .tgb_img .tgb_btn .tgb_see:hover{transform:none;-webkit-transform:none;z-index:2;} .tgb_img .tgb_btn .tgb_see:hover .tgb_see_i i{color:#f8c400;transform:rotate(270deg);-webkit-transform:rotate(270deg);} .tgb_img .tgb_btn .tgb_see:hover .tgb_see_i:after{background-color:#fff;} .tgb_img .tgb_btn .tgb_see:hover .tgb_see_i:before{background-color:#fce280;} .tgb_img .tgb_btn .tgb_see:hover .tgb_see_t{transform:none;-webkit-transform:none;opacity:1;-webkit-opacity:1;visibility:visible;} .guide_mouse{position:absolute;bottom:20px;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:#666;text-align:center;margin-top:10px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>ivt_title<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .ivt_title h4{font-size:30px;font-weight:bold;margin-bottom:1vw;} .ivt_title .ivt_s span{display:inline-block;width:2vw;height:3px;margin-right:2px;} .ivt_title .ivt_s span:last-child{margin-right:0;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>创新能力<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .ivt{padding:7vw 0;background:url(../image/about04.jpg) no-repeat center center;background-size:cover;} .ivt_line{margin-top:4vw;margin-bottom:3vw;align-items:center;} .ivt_datas .ivt_datas_item{justify-content:flex-end;} .ivt_datas .ivt_datas_num{margin-bottom:5px;} .ivt_datas .ivt_datas_num span{font-size:2.7vw;margin-right:5px;line-height:2.7vw;} .ivt_datas .ivt_datas_num em{font-size:16px;} .ivt_datas .ivt_datas_item p{font-size:16px;} .ivt_img{margin:0 -.8vw;} .ivt_img .ivt_img_item{padding:0 .8vw;} .ivt_img .ivt_img_item>div{height:0;padding-bottom:150%;} .ivt_img .ivt_img_item .ivt_img_v{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;background-color:#eee;} .ivt_img .ivt_img_item>div img{width:100%;height:100%;object-fit:contain;} .ept .ept_img{width:55%;} .ept .ept_img .ept_img_box img{width:100%;} .ept .ept_btn{position:absolute;left:0;top:0;width:100%;height:100%;} .ept .ept_see{position:absolute;} .ept .ept_see_clr{width:8px;height:0;display:inline-block;} .ept .ept_see_clr:before{content:'';position:absolute;width:1px;height:100%;border-left:2px dashed #225e82;left:50%;bottom:0;z-index:3; transform:translateX(-50%);-webkit-transform:translateX(-50%);} .ept .ept_see_clr>i{display:inline-block;width:8px;height:8px;position:absolute;bottom:0;left:0;z-index:2;} .ept .ept_see_clr>i:after,.ept .ept_see_clr>i:before{content:'';width:100%;height:100%;left:0;bottom:0;-webkit-border-radius:50%;border-radius:50%;position:absolute;} .ept .ept_see_clr>i:after{background-color:rgba(34,94,130,.6);transform:scale(2.5);-webkit-ransform:scale(2.5);} .ept .ept_see_clr>i:before{background-color:#225e82;} .ept .ept_see_txt{position:absolute;top:-36px;display:inline-block;line-height:36px;font-size:16px; white-space:nowrap;transform:translateX(-50%);-webkit-transform:translateX(-50%);left:50%;z-index:5;} .ept .ept_see_clr:hover{height:10vw;} .ept .ept_see_clr:hover ~ .ept_see_txt{opacity:1;-webkit-opacity:1;visibility:visible;} .ept .ept_see.vk01{left:33%;bottom:37%;} .ept .ept_see.vk02{left:38%;bottom:48%;} .ept .ept_see.vk03{left:41%;bottom:47%;} .ept .ept_see.vk04{left:43%;bottom:52%;} .ept .ept_see.vk05{left:47%;bottom:56%;} .ept .ept_see.vk06{left:52%;bottom:63%;} .ept .ept_see.vk07{left:61%;bottom:55%;} .ept .ept_see.vk08{left:66%;bottom:52%;} .ept .ept_see.vk09{left:71%;bottom:48%;} .ept .ept_see.vk10{left:81%;bottom:42%;} .ept .ept_see.vk11{left:60%;bottom:49%;} .ept .ept_see.vk12{left:66%;bottom:45%;} .ept .ept_see.vk13{left:72%;bottom:40%;} .ept{padding:7vw 0;} .ept .ept_t{padding-bottom:2vw;} .ept .ept_t p{margin-top:2vw;} .ept .ept_box{padding-left:10vw;} .ept .ept_txt{padding-right:8vw;width:45%;} .ept .ept_txt .ivt_title h4{font-weight:500;} .ept .ept_txt p{font-size:16px;line-height:32px;} .ept .ept_line{margin-bottom:2.5vw;} .ept .ept_line h5{font-size:24px;display:inline-block;padding-right:4vw;margin-bottom:1vw;} .ept .ept_line h5:after{content:'';position:absolute;width:3vw;height:1px;background-color:#d2dfe7;top:50%;right:0;} .ept .ept_avt{margin:0 -1.2vw;} .ept .ept_avt .ept_avt_img{padding:0 1.2vw;} .ept .ept_avt .ept_avt_img>div{height:0;padding-bottom:150%;} .ept .ept_avt .ept_avt_img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>企业资质<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .acs{padding:7vw 0;} .acs_line{margin-top:5vw;} .acs_line .acs_list{width:25%;} .acs_line .acs_list .acs_ul{padding-right:5vw;overflow-y:auto;height:100%;position:absolute;top:0;left:0;width:100%;} .acs_line .acs_list .acs_ul::-webkit-scrollbar{width:2px;height:2px;} .acs_line .acs_list .acs_ul::-webkit-scrollbar-thumb:vertical{background-color:#c5d1d9;} .acs_line .acs_list .acs_ul::-webkit-scrollbar-track-piece{background:#eee;} .acs_line .acs_fold{width:75%;padding-left:5vw;} .acs_line .acs_fold_list{width:100%;} .acs_line .acs_fold .acs_fold_item{width:100%;opacity:0;-webkit-opacity:0;visibility:hidden;position:absolute;top:0;left:0; transform:scale(.5);-webkit-transform:scale(.5);} .acs_line .acs_fold .acs_fold_item.on{opacity:1;-webkit-opacity:1;visibility:visible;position:relative; -webkit-transition:all 1s;transition:all 1s;transform:none;-webkit-transform:none;} .acs_line .acs_fold .acs_fold_item img{width:100%;} .acs_list li a{line-height:48px;font-size:16px;position:relative; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .acs_list li a:after{position:absolute;content:'';bottom:0;left:0;width:100%;height:1px;background-color:#eee;} .acs_list li a:before{position:absolute;content:'';bottom:0;left:0;width:10px;height:1px;background-color:#225e82;z-index:2; -webkit-transition:all 0.5s;transition:all 0.5s;} .acs_list li a.on{color:#225e82;} .acs_list li a.on:before{width:100%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>企业文化<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .ctr_list{background:url(../image/about09.jpg) no-repeat center center;background-size:cover;} .ctr_list ul{margin-right:-1px;margin-bottom:-1px;} .ctr_item .ctr_line{height:0;padding-bottom:150%;cursor:pointer;} .ctr_item .ctr_line_v{position:absolute;top:0;left:0;width:100%;height:100%;align-items:center; border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);z-index:2;overflow:hidden;} .ctr_item .ctr_line_v:after{content:'';position:absolute;width:100%;height:100%;left:0;top:-100%;z-index:-1; -webkit-transition:all .5s;transition:all .5s;} .ctr_item .ctr_line_v>div{transform:translateY(20%);-webkit-transform:translateY(20%);} .ctr_item .ctr_icon{width:60px;height:60px;overflow:hidden;margin-bottom:1vw;} .ctr_item .ctr_icon>div{width:100%;height:100%;} .ctr_item .ctr_icon>div>p{align-items:center;justify-content:center;width:100%;height:100%;} .ctr_item .ctr_icon>div>p>img{max-width:100%;max-height:100%;} .ctr_item .ctr_name{font-size:30px;} .ctr_item .ctr_i{height:2vw;width:100%;margin:1vw 0;} .ctr_item .ctr_i:after{content:'';width:1px;position:absolute;left:50%;height:100%;background-color:#fff; -webkit-transition:all .75s;transition:all .75s;} .ctr_item .ctr_info{font-size:24px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>预加载页<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .czloading.on{opacity:0;-webkit-opacity:0;visibility:hidden;} .czloading{position:fixed;width:100vw;height:100vh;align-items:center;justify-content:center;z-index:2000;} .czloading_logo{height:55px;margin-right:1vw;} .czloading_logo img{height:100%;} .loader{--size:32px;--duration:800ms;width:96px;height:64px;;transform-style: preserve-3d;transform-origin: 50% 50%; transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);position:relative;} .loader .loader_box{width:32px;height:32px;transform-style:preserve-3d;position:absolute;top:0;left:0;} .loader .loader_box:nth-child(1){transform:translate(100%, 0);animation:box1 800ms linear infinite;} .loader .loader_box:nth-child(2){transform:translate(0, 100%);animation:box2 800ms linear infinite;} .loader .loader_box:nth-child(3){transform:translate(100%, 100%);animation:box3 800ms linear infinite;} .loader .loader_box:nth-child(4){transform:translate(200%, 0);animation:box4 800ms linear infinite;} .loader .loader_box > div{--translateZ: calc(var(--size) / 2);--rotateY: 0deg;--rotateX: 0deg;width:100%;height:100%;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ)); position:absolute;top:auto;right:auto;bottom:auto;left:auto;} .loader .loader_box > div:nth-child(1){background:#347398;top:0;left:0;} .loader .loader_box > div:nth-child(2){background:#225e82;right:0;--rotateY: 90deg;} .loader .loader_box > div:nth-child(3){background:#4386ad;--rotateX:-90deg;} .loader .loader_box > div:nth-child(4){background:#eee;top:0;left:0;--translateZ: calc(var(--size) * 3 * -1);} @keyframes box1{ 0%, 50%{ transform: translate(100%, 0); } 100%{ transform: translate(200%, 0); } } @keyframes box2{ 0%{ transform: translate(0, 100%); } 50%{ transform: translate(0, 0); } 100%{ transform: translate(100%, 0); } } @keyframes box3{ 0%, 50%{ transform: translate(100%, 100%); } 100%{ transform: translate(0, 100%); } } @keyframes box4{ 0%{ transform: translate(200%, 0); } 50%{ transform: translate(200%, 100%); } 100%{ transform: translate(100%, 100%); } } /*电端加上鼠标效果 */ @media screen and (min-width:992px){ .header .nav>li>a:hover:after{width:100%;left:0;opacity:1;-webkit-opacity:1;} .header.onshow .nav>li>a:hover{color:#216086;font-weight:bold;} .homeStufft_btn>a:hover{color:#225e82;} .homeStufft_btn>a:hover:after{border-color:#225e82;-webkit-border-color:#225e82;} .homeStufftTab li>a:hover:after{height:100%;top:0;} .homeStufftTab li>a:hover .homeStufftTab_icon>div{transform:translateY(-100%);-webkit-transform:translateY(-100%);} .homeStufftTab li>a:hover .homeStufftTab_txt{color:#225e82;} .relevant_list li a:hover{color:#f8c400;} .relevant_more a:hover{color:#f8c400;} .homeStufftList .homeStufft_item>a:hover:after{opacity:1;-webkit-opacity:1;visibility:visible;} .homeStufftList .homeStufft_item>a:hover .homeStufft_txt{opacity:1;-webkit-opacity:1;visibility:visible;transform:none;-webkit-transform:none;} .homeStufftList .homeStufft_item>a:hover .homeStufft_see{opacity:1;-webkit-opacity:1;visibility:visible;transform:none;-webkit-transform:none;} .homeStufftList .homeStufft_item>a:hover>img{transform:scale(1.15);-webkit-transform:scale(1.15);} .homeStufftList .homeStufft_item>a:hover .homeStufft_names{bottom:-50%;} .homeIndustry_type li>a:hover .homeIndustry_icon>div{transform:translateY(-100%);-webkit-transform:translateY(-100%);} .homeIndustry_type li>a:hover .homeIndustry_typename{color:#225e82;} .homeIndustry_relevant .homeIndustry_relevant_ul li a:hover{color:#84c326;} .matching .matching_item a:hover img{transform:translateX(-2.5%) translateY(0);-webkit-transform:translateX(-2.5%) translateY(0);} .homeTraffic .traffic_list li a:hover{color:#f8c400;} .homeCasec_item a:hover img{transform:scale(1.15);-webkit-transform:scale(1.15);} .homeCasec_item a:hover .homeCasec_txt{opacity:1;-webkit-opacity:1;visibility:visible;} .homeCasec_item a:hover .homeCasec_name,.homeCasec_item a:hover .homeCasec_p,.homeCasec_item a:hover .homeCasec_btn{transform:none;-webkit-transform:none;} .homeCasec_item a:hover .homeCasec_txt .homeCasec_line:after,.homeCasec_item a:hover .homeCasec_txt .homeCasec_line:before{width:100%;height:100%;top:0;left:0;} .homeCasec_item a:hover .homeCasec_title{opacity:0;-webkit-opacity:0;} .footer_box .footer_nav li a:hover{color:#fff;} .footer_box .footer_b_line a:hover{color:#fff;} .secondNav_list li>a:hover{color:#225e82;font-weight:bold;} .secondNav_list li>a:hover:after{width:100%;left:0;opacity:1;-webkit-opacity:1;} .secondNav_loc a:hover{color:#225e82;} .trafficbaner{padding:8vw 0;} .trafficbaner_href li a:hover .trafficbaner_icon>div{transform:translateY(-100%);-webkit-transform:translateY(-100%);} .trafficbaner_href li a:hover>div:after{transform:none;-webkit-transform:none;opacity:1;-webkit-opacity:1;} .trafficbaner_href li a:hover .trafficbaner_href_name{color:#fff;} .product_box li a:hover .product_img img{transform:scale(1.15);-webkit-transform:scale(1.15);} .solution_list .solution_line>a:hover{background-color:#225e82;color:#fff;} .party_item a:hover:after{opacity:1;-webkit-opacity:1;width:100%;left:0;} .party_item a:hover .party_info h5{color:#fff;} .party_item a:hover .party_time{color:#fff;} .party_item a:hover .party_info p{color:rgba(255,255,255,.8);} .party_item a:hover .party_time span{border-color:#fff;} .solution_tab li a:hover{color:#225e82;} .solution_tab li a:hover:before,.solution_tab li a:hover:after{width:1vw;} .solution_item>a:hover .solution_txt{height:100%;} .solution_item>a:hover:after{opacity:1;-webkit-opacity:1;} .solution_item>a:hover .solution_img img{transform:scale(1.15);-webkit-transform:scale(1.15);} .solution_item>a:hover .solution_more{opacity:1;-webkit-opacity:1;transform:none;-webkit-transform:none;} .case_list .case_item>a:hover .case_title span,.case_list .case_item>a:hover .case_title i{color:#225e82;} .case_list .case_item>a:hover .case_img img{transform:scale(1.15);-webkit-transform:scale(1.15);} .paging li a:hover{background:#225e82;color:#fff;border-color:#225e82;} #casedtl_list>a:hover{background-color:#225e82;color:#fff;} .new_item a:hover .new_title{color:#225e82;} .new_item a:hover .new_img img{transform:scale(1.15);-webkit-transform:scale(1.15);} .new_item a:hover .new_info:after{width:100%;} .Hot_list li a:hover{color:#225e82;} .Hot_list li a:hover:before{background-color:#225e82;} .mpc_cnt .mpc_switch>a:hover{background-color:#225e82;color:#fff;} .homeNews_l .homeNews_item>a:hover .homeNews_img img{transform:scale(1.15);-webkit-transform:scale(1.15);} .homeNews_l .homeNews_item>a:hover .homeNews_title{color:#84c326;} .homeNews_l .homeNews_item>a:hover .homeNews_title:after{width:100%;} .homeNews_r .homeNews_item>a:hover .homeNews_title{color:#225e82;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>开屏效果<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .open_effect{width:100%;height:100%;position:absolute;left:0;top:0;z-index:999;transition:all 1s;-webkit-transition:all 1s;} .wow.animated .open_effect.openL{transform:translateX(-100%);-webkit-transform:translateX(-100%);} .wow.animated .open_effect.openR{transform:translateX(100%);-webkit-transform:translateX(100%);} .wow.animated .open_effect.openT{transform:translateY(100%);-webkit-transform:translateY(100%);} .wow.animated .open_effect.openB{transform:translateY(-100%);-webkit-transform:translateY(-100%);} .acs_list li a:hover{color:#225e82;} .acs_list li a:hover:before{width:100%;} .ctr_item .ctr_line_v:hover .ctr_icon>div{transform:translateY(-100%);-webkit-transform:translateY(-100%);} .ctr_item .ctr_line_v:hover>div{transform:none;-webkit-transform:none;color:#225e82;} .ctr_item .ctr_line_v:hover:after{top:0;background-color:rgba(255,255,255,.8);} .ctr_item .ctr_line_v:hover .ctr_i:after{background-color:#225e82;} #homeBanner .homeBanner_switch:hover{background:rgba(298,196,0,.7);} .nav_two>li>a:hover{background:#f5f5f5;color:#225e82;} .header .nav>li:hover .nav_two{top:100%;opacity:1;-webkit-opacity:1;visibility:visible;} } @media screen and (max-width:1600px){ .header .nav>li{margin-right:3vw;} .header .nav{margin-right:4.6vw;} .homeAbout_data .data_item:first-child{width:50%;} .homeTraffic_b li a{padding:1.5vw;} #mpc_tab{line-height:50px;height:50px;} #mpc_tab li a{font-size:16px;padding:0 22px;} .mpc_cnt .mpc_line h4{font-size:28px;line-height:28px;} .mpc_cnt .mpc_switch>a{width:40px;height:40px;line-height:40px;} #mpc_img .mpc_img_txt h5{font-size:22px;} .ctr_item .ctr_name{font-size:26px;} #homeBanner .homeBanner_switch{background:rgba(0,0,0,.7);width:85px;height:85px;line-height:85px;} #homeBanner .homeBanner_switch.swiper-button-prev{left:-28px;} #homeBanner .homeBanner_switch.swiper-button-next{right:-28px;} #homeBanner .homeBanner_switch i{margin:18px;} } @media screen and (max-width:1400px){ .header{padding:0 15px;} .header .phone{display:none;} .header .nav{margin-right:0;} .homeStufftTab li>a{padding:4vw 0 4vw 15px;} .matching .matching_more span:first-child{font-size:18px;} .homeStufftTab .homeStufftTab_icon{width:36px;height:36px;} .homeStufftTab .homeStufftTab_txt{font-size:18px;} .homeStufftList .homeStufft_txt .homeStufft_name,.homeStufftList .homeStufft_names{font-size:20px;} .solution_list .solution_line>a{background-color:#225e82;color:#fff;} .mpc_cnt .mpc_line h4{font-size:26px;line-height:26px;} #mpc_img .mpc_img_txt h5{font-size:20px;} .new_item .new_title{font-size:18px;} .new_item .new_p{font-size:14px;line-height:26px;height:52px;} .master_title02 h4{font-size:24px;line-height:24px;} .comment_txt .comment_phone h4{font-size:24px;line-height:24px;} .comment_txt .comment_phone p{margin-bottom:5px;} .homeStufftList .datalist .datalist_number span{font-size:28px;} .about_info h4{font-size:26px;} .ivt_title h4{font-size:24px;} .ept .ept_line h5{font-size:20px;} .ctr_item .ctr_name{font-size:24px;} .ctr_item .ctr_info{font-size:20px;} .ctr_item .ctr_icon{width:50px;height:50px;} #homeBanner .homeBanner_switch{background:rgba(0,0,0,.7);width:75px;height:75px;line-height:75px;} #homeBanner .homeBanner_switch.swiper-button-prev{left:-24px;} #homeBanner .homeBanner_switch.swiper-button-next{right:-24px;} #homeBanner .homeBanner_switch i{font-size:22px;margin:16px;} } @media screen and (max-width:1200px){ .header .nav>li>a{font-size:15px;line-height:58px;} .homeAbout .homeAbout_info{font-size:20px;} .footer_box .footer_nav li{padding-left:2vw;} .homeStufftList .homeStufft_see>img{width:40px;} .homeStufftList .homeStufft_txt .homeStufft_icon>img{width:30px;} .homeTraffic_b .homeTraffic_name{font-size:18px;} .homeTraffic_b .homeTraffic_name img{height:30px;} .homeCasec_list>.homeCasec_item{display:none;} .homeCasec_ul{width:100%;} .masterTitle02 p{font-size:20px;} .mpc_cnt .mpc_line h4{font-size:24px;line-height:24px;} #mpc_img .mpc_img_txt h5{font-size:18px;} .mpc_cnt .mpc_line .mpc_line_txt{height:160px;} #mpc_tab{height:46px;line-height:46px;} #mpc_tab li a{font-size:15px;padding:0 20px;} .party_info h5{font-size:22px;} .comment_txt .comment_phone h4{font-size:22px;line-height:22px;} .homeStufftList .datalist .datalist_number span{font-size:24px;} .homeStufftList .datalist .datalist_name{font-size:14px;} .homeStufftList .datalist .datalist_number em{font-size:14px;} .about_info h4{font-size:24px;} .master_title03 h2{font-size:28px;line-height:28px;} .avg_box .avg_line h4{font-size:22px;line-height:22px;} .tgb_box{width:100%;} .ivt_title h4{font-size:22px;} .ept .ept_line h5{font-size:18px;} .ctr_item .ctr_name{font-size:22px;} .ctr_item .ctr_info{font-size:18px;} #homeBanner .homeBanner_switch{background:rgba(0,0,0,.7);width:70px;height:70px;line-height:70px;} #homeBanner .homeBanner_switch i{font-size:20px;margin:14px;} .ept .ept_box{flex-wrap:wrap;padding:0 15px;} .ept .ept_txt{width:100%;padding-right:0;} .ept .ept_img{width:100%;margin-top:20px;} .ept .ept_avt .ept_avt_img{width:25%;} } @media screen and (max-width:992px){ .header .logo{padding:6px 0;} .header .logo img{height:38px;} .header .menu .menu_btn{display:block;} .container.m_scale{transform:translateY(-50vh);-webkit-transform:translateY(-50vh);padding-bottom:50vh;} .header:after{display:none;} .header>.right{position:fixed;width:100vw;height:calc(100vh - 50px);height:-webkit-calc(100vh - 50px);left:0;top:100%;float:none; display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;justify-content:center;align-items:center;background-color:#225e82;} .header .nav{float:none;width:100%;text-align:center;} .header .nav>li{float:none;margin-right:0;} .header .nav>li>a{padding:0;line-height:46px;} .header .phone{display:block;float:none;position:absolute;bottom:10px;left:0;width:100%;padding:0;} .header .phone .phone_line{line-height:46px;padding:0;} .header.onshow .nav>li>a.on{color:#fff;} .header.onshow .nav>li>a.on:after{background-color:#fff;width:70px;left:50%;margin-left:-35px;} .header.onshow .nav>li>a, .header.onshow .phone .phone_line .phonetxt{color:#fff;} .header .phone .phone_line .phoneIcon{margin-right:8px;} .header .phone .phone_line .phonetxt{font-size:18px;line-height:23px;} .header.mobile_side>.right{top:50px;} #homeBanner{height:32vh;} #homeBanner .homeBanner_h{font-size:24px;line-height:24px;} #homeBanner .homeBanner_p{margin-top:15px;margin-bottom:10px;letter-spacing:1px;font-size:16px;} #homeBanner .mouse-of{display:none;} #homeBanner .banner_bubble{width:50px;height:50px;bottom:15px;margin-left:-25px;} .homeAbout{padding-top:40px;} .homeAbout_box{flex-wrap:wrap;} .homeAbout .masterTitle01{height:50px;} .homeAbout .homeAbout_title{font-size:23px;line-height:23px;} .homeAbout .homeAbout_info{font-size:18px;margin-top:5px;} .homeAbout .homeAbout_txt{width:100%;} .homeAbout .homeAbout_earth{width:100%;padding-left:0;} .homeAbout .homeAbout_line{margin-top:20px;line-height:26px;font-size:14px;} .homeAbout_data{padding:20px 0;} .homeAbout_data .data_item{width:50%;} .data_item .data_number>span{font-size:28px;} .data_item .data_number{line-height:28px;margin-bottom:5px;} .data_item .data_number>em{font-size:12px;} .homeAbout_data .data_line{padding:10px 0;} .data_item .data_p{font-size:12px;} .homeAbout_data .data_item:first-child{padding-right:10px;} .homeStufft{padding-top:40px;} .homeStufft_t{flex-wrap:wrap;} .homeStufft_t .homeStufft_title{width:100%;padding-right:0;} .homeStufft_t .homeMaster_more{width:100%;margin-top:20px;} .homeMaster_more a{width:130px;height:38px;line-height:38px;} .homeMaster_more a span{font-size:14px;margin-right:5px;} .homeMaster_more a i{font-size:14px;} .homeStufft_t .homeStufft_title h3{font-size:22px;line-height:22px;margin-bottom:15px;} .homeStufft_t .homeStufft_title p{font-size:14px;line-height:26px;} .homeStufft_box{margin-top:40px;} .homeStufftTab{width:100%;overflow:hidden;} .homeStufftList{width:100%;padding:20px 15px;} .homeStufftTab li{float:left;width:33.333333%;} .homeStufftTab .homeStufftTab_icon{width:24px;height:24px;} .homeStufftTab .homeStufftTab_txt{font-size:14px;padding-left:8px;} .homeStufftTab li>a{padding:0;height:56px;justify-content:center;} .homeStufftList .homeStufft_names{padding-bottom:10px;font-size:18px;} .homeStufft_btn>a{width:38px;height:38px;line-height:38px;} .homeStufft_btn>a>i{font-size:16px;} .homeStufft_nav{height:38px;line-height:38px;padding-right:0;margin-top:20px;} .homeStufft_number span{font-size:20px;} .homeStufft_number em{font-size:12px;} .homeStufft_btn>a:first-child{margin-right:10px;} .footer{padding:25px 0;} .footer_box{padding:0 15px;} .footer_box .footer_t{flex-wrap:wrap;justify-content:center;align-items:stretch;padding-bottom:15px;} .footer_box .footer_nav{margin-left:0;margin-top:15px;width:100%;text-align:center;} .footer_box .footer_logo img{height:44px;} .footer_box .footer_nav li{padding:5px 0;width:25%;} .footer_box .footer_nav li a{font-size:14px;} .footer_box .footer_b_title{display:none;} .footer_box .footer_b{flex-direction:column;text-align:center;padding-top:15px;} .footer_box .footer_b .flex_item{width:100%;padding:0;} .footer_box .footer_b .flex_item:first-child{order:2;} .footer_code{display:none;} .footer_box .footer_b_line{font-size:14px;line-height:26px;} .footer_box .footer_b_line p:nth-child(3),.footer_box .footer_b_line p:nth-child(4){display:none;} .relevant_box{flex-wrap:wrap;} .relevant_box .relevant_title{font-size:16px;} .relevant_list li{padding:5px 0;} .relevant_list li a{font-size:14px;padding:0 8px;} .relevant_list{width:100%;margin:-5px -8px;padding-top:15px;padding-right:0;} .relevant{padding:25px 0;} .relevant_more a>i{font-size:16px;} .homeIndustry .homeIndustry_title{font-size:22px;line-height:22px;} .homeIndustry_relevant .homeIndustry_relevant_ul li{width:auto;} .homeIndustry_box{flex-wrap:wrap;} .homeIndustry{padding-top:40px;padding-bottom:70px;} .homeIndustry .homeIndustry_txt{width:100%;padding-right:0;} .matching{width:65%;padding-left:0;margin-top:30px;} .homeIndustry .masterTitle01{height:54px;} .homeIndustry .homeIndustry_line{font-size:14px;line-height:26px;margin-top:15px;} .homeIndustry_type{margin:10px 0;} .homeIndustry_type li{width:25%;} .homeIndustry_type li a{padding:10px 0;} .homeIndustry_type .homeIndustry_icon{width:32px;height:32px;} .homeIndustry_type .homeIndustry_typename{font-size:12px;margin-top:5px;} .homeIndustry_relevant .homeIndustry_relevant_title{margin-bottom:15px;font-size:16px;} .homeIndustry_relevant .homeIndustry_relevant_ul{margin:-5px -8px;} .homeIndustry_relevant .homeIndustry_relevant_ul li{padding:5px 0;} .homeIndustry_relevant{margin-top:25px;} .homeIndustry_relevant .homeIndustry_relevant_ul li a{padding:0 8px;font-size:14px;} .matching .matching_more span:first-child{font-size:16px;} .matching .matching_more span:last-child{font-size:14px;} .matching .matching_more{right:10px;bottom:20px;top:20px;} .matching .matching_item:first-child{padding-right:5px;} .matching .matching_item:last-child{padding-left:5px;transform:translateY(30px);-webkit-transform:translateY(30px);} .homeTraffic{padding-top:40px;} .homeTraffic .homeTraffic_title h3{font-size:22px;line-height:22px;margin-bottom:10px;} .homeTraffic .homeTraffic_title p{font-size:14px;line-height:26px;} .homeTraffic .homeTraffic_title{padding-bottom:15px;} .homeTraffic .homeTraffic_relevant{margin-top:15px;flex-wrap:wrap;} .homeTraffic .traffic_list{margin:-5px -8px;padding-top:15px;width:100%;} .homeTraffic .traffic_list li{padding:5px 0;} .homeTraffic .traffic_list li a{font-size:14px;padding:0 8px;} .homeTraffic .homeTraffic_title:after{width:100%;} .homeTraffic .traffic_more{position:absolute;right:0;top:0;height:100%;margin-left:0;} .homeTraffic .homeTraffic_b{flex-wrap:wrap;align-items:stretch;margin-top:50px;} .homeTraffic .homeTraffic_b li{width:100%;padding-bottom:10px;} .homeTraffic .homeTraffic_b li:last-child{padding-bottom:20px;} .homeTraffic .homeTraffic_b li a{-webkit-border-radius:10px;border-radius:10px;} .homeTraffic_b .homeTraffic_p{height:auto;font-size:14px;line-height:26px;} .homeTraffic_b .homeTraffic_p>div{padding-top:10px;} .homeTraffic_b .homeTraffic_name img{height:26px;margin-right:10px;} .homeTraffic_b .homeTraffic_name{font-size:16px;} .homeTraffic_b li a{padding:15px;} .homeCasec_list .homeCasec_item a{left:5px;right:5px;top:5px;bottom:5px;} .homeCasec_ul .homeCasec_item .homeCasec_title{padding-bottom:10px;} .masterTitle02 h2{font-size:24px;line-height:24px;margin-bottom:5px;} .masterTitle02 p{font-size:16px;} .homeCase{padding-top:40px;} .homeCasec_list{padding-top:20px;padding-bottom:25px;margin:-5px;} .homeMaster_more01{width:150px;height:40px;line-height:34px;} .homeMaster_more01>a{padding:3px;} .homeMaster_more01>a i{width:34px;height:34px;font-size:16px;} .homeMaster_more01>a span{font-size:16px;} .homeorder{padding-top:50px;} .homeorder_cnt{margin-top:20px;} .homeNews{padding:40px 0;} .homeNews_list{flex-wrap:wrap;padding-top:20px;padding-bottom:25px;} .homeNews_list .homeNews_l{width:100%;} .homeNews_list .homeNews_r{width:100%;padding-left:0;margin-top:20px;} .homeNews_r .homeNews_item{height:auto;} .homeNews_r .homeNews_item>a{padding:15px 0;} .homeNews_list .homeNews_title{font-size:16px;margin-bottom:6px;} .homeNews_list .homeNews_p{font-size:14px;line-height:24px;} .homeNews_l .homeNews_time{font-size:17px;padding:5px 10px;} .homeNews_l .homeNews_txt{padding-top:12px;} .homeNews_r .homeNews_times span{font-size:25px;line-height:25px;} .homeNews_r .homeNews_times em{font-size:12px;} .homeNews_r .homeNews_times{padding-right:15px;} .master_title h3{font-size:22px;line-height:22px;} .master_title p{font-size:14px;} .solution_tab{flex-wrap:wrap;padding:15px 15px 0 15px;margin:-5px 0;} .solution_tab li{width:25%;padding:5px 0;} .solution_tab li a.on:before, .solution_tab li a.on:after{width:10px;} .solution_tab li a{padding:0 15px;font-size:15px;line-height:26px;} .solution_item .solution_txt h5{font-size:18px;} .solution_item .solution_txt p{font-size:12px;} .solution .solution_line .swiper-container{padding-bottom:0;} .solution_list .solution_line>a{width:38px;height:38px;line-height:38px;margin-top:-19px;} .solution_list{margin-top:20px;} .solution{padding:40px 0;} #h-banner{min-height:46vw;} .secondNav_loc{display:none;} .secondNav_list li{padding:0 10px;} .secondNav_list li>a,.secondNav_loc{line-height:46px;} .trafficbaner_txt .trafficbaner_title{margin-bottom:15px;} .trafficbaner_txt .trafficbaner_title h1{font-size:24px;line-height:24px;margin-bottom:10px;} .trafficbaner_txt .trafficbaner_title p{font-size:16px;line-height:26px;} .trafficbaner_txt .trafficbaner_line{line-height:28px;font-size:14px;} .trafficbaner_href{padding-top:25px;width:600px;margin:-10px;} .trafficbaner_href li{padding:5px;} .trafficbaner_txt{padding:40px 0;} .trafficbaner_href .trafficbaner_icon{height:26px;} .trafficbaner_href .trafficbaner_href_name{font-size:14px;margin-top:5px;} .product{padding-top:40px;} .product_box{padding-top:25px;margin:0 -8px;} .product_box li{padding:0 8px;} .product_box .product_title{font-size:18px;padding:12px 0;} .pageCases{padding-top:40px;} .pageCases .pageCases_box{padding-top:25px;padding-bottom:40px;} .pagetitle h3{font-size:23px;line-height:23px;margin-bottom:8px;} .pagetitle p{font-size:18px;line-height:18px;} .mpc_cnt .mpc_line{margin-top:20px;} .mpc_cnt .mpc_line h4{font-size:22px;line-height:22px;margin-bottom:10px;} #mpc_img .mpc_img_txt h5{font-size:16px;} #mpc_img{position:static;width:100%;order:-1;padding:15px;} .mpc_box{flex-wrap:wrap;} .mpc .mpc_info{width:100%;padding:15px;} .mpc .mpc_cnt{width:100%;} #mpc_tab{line-height:40px;height:40px;} #mpc_tab li a{font-size:14px;padding:0 15px;} #mpc_img .mpc_img_txt p{font-size:14px;} #mpc_img .mpc_img_txt{padding:15px;} .mpc_cnt .mpc_switch{margin-bottom:25px;margin-top:20px;} .mpc_cnt .mpc_line .mpc_line_txt{font-size:14px;line-height:24px;height:auto;} #mpc_img .mpc_img_item{height:0;padding-bottom:150%;} #mpc_img .mpc_img_item img{position:absolute;top:0;left:0;} .mpc{padding-top:40px;} .mpc_cnt .mpc_switch>a{width:38px;height:38px;line-height:38px;} .mpc_cnt .mpc_switch>a:first-child{margin-right:10px;} .sbnCase .sbnCase_title h3{font-size:24px;} .sbnCase{padding:40px 0;} .case_list{margin:-14px -6px;} .case_list .case_item{width:50%;padding:14px 6px;} .case_list .case_item .case_title{padding:10px;} .case_list .case_item .case_title span{font-size:16px;} .case_list .case_item .case_title i{font-size:22px;} .paging li a{width:38px;height:38px;line-height:38px;} .paging li{padding:0 5px;} .case_box{padding-bottom:30px;} .case{padding:40px 0;} .casedtl_box .casedtl_title h3{font-size:22px;line-height:22px;margin-bottom:15px;} .casedtl_box .casedtl_title p{font-size:14px;line-height:26px;} #casedtl_list .casedtl_item{border-width:8px;} #casedtl_list>a{width:38px;height:38px;line-height:38px;} #casedtl_list{margin-top:25px;margin-bottom:40px;} .casedtl{padding:40px 0;} .casedtl_box .casedtl_switch{width:100%;} .dtl_switch li a i{font-size:18px;width:32px;height:32px;line-height:32px;} .dtl_switch li a span{font-size:14px;} .dtl_switch li a{height:32px;line-height:32px;} .party_info h5{font-size:18px;margin-bottom:10px;} .party_info p{font-size:14px;line-height:26px;} .party_txt .party_time span{font-size:26px;line-height:26px;} .party_txt .party_time em{font-size:14px;} .party_txt{padding-right:0} .party_txt .party_time{padding-right:20px;} .party_item{padding-top:20px;} .party_item a{padding-bottom:20px;} .party_box{margin-bottom:30px;} .party{padding:40px 0;} .newdtl .newdtl_Hot{display:none;} .newdtl .newdtl_info{width:100%;padding-right:0;} .newdtl{padding:40px 0;} .newdtl_info .newdtl_title{padding-bottom:10px;} .newdtl_info .newdtl_title h4{font-size:20px;margin-bottom:15px;} .newdtl_info .newdtl_record{font-size:14px;} .newdtl_info .newdtl_content{font-size:14px;line-height:26px;padding:20px 0;} .newdtl_info .newdtl_record span{margin-right:15px;} .newdtl .newdtl_info>div{padding:15px} .new_item{width:50%;padding:15px 8px;} .new_list{margin:-15px -8px;} .new{padding:40px 0;} .new_item .new_info{padding:15px 10px;} .new_item .new_title{margin-bottom:8px;} .new_item .new_time{font-size:14px;margin-top:15px;} .new_box{padding-bottom:30px;} .master_title02 h4{font-size:22px;line-height:22px;padding-bottom:15px;} .master_title02 h4:after{width:40px;} .master_title02 p{font-size:14px;line-height:26px;margin-top:10px;} .contact .contact_box{flex-wrap:wrap;} .contact .contact_txt{order:2;width:100%;padding:35px 15px;} .contact_map{width:100%;height:50vh;} .contact_txt .contact_line{padding-bottom:10px;line-height:26px;font-size:14px;} .contact_txt .contact_line .contact_icon{width:26px;height:26px;} .contact_txt .contact_info{margin-top:25px;} .contact_txt .contact_code{margin-top:20px;} .contact .contact_txt>div{padding:0;} .comment_txt .comment_phone h4{font-size:20px;line-height:20px;} .comment .comment_box>div{flex-wrap:wrap;} .comment_txt{width:100%;padding-right:0;} .comment_txt .comment_phone{margin-top:30px;} .comment_form{width:100%;margin-top:50px;} .comment{padding-top:15px;} .comment .comment_box{padding-top:25px;padding-bottom:40px;} .comment_form .comment_form_line{padding:5px 0;margin-bottom:10px;} .comment_form .comment_submit{margin-top:25px;} .comment_form .comment_submit>button{width:130px;height:38px;} .homeStufftList .datalist .datalist_item{padding:15px 5px;} .homeStufftList .datalist{margin:-15px -5px;} .homeStufftList .datalist .datalist_number span{font-size:22px;} .about_info h4{font-size:20px;padding-bottom:10px;} .about_info .about_info_p{line-height:28px;} .about_info .about_info_p span{font-size:14px;} .about_info .about_info_p s{font-size:15px;} .about_info{width:100%;padding:40px 15px;} .about_info>div{margin-top:10px;padding-right:15px;} .about_info .about_info_p{margin-top:10px;} .avg_box{flex-wrap:wrap;} .avg_box .avg_l{width:100%;padding-right:0;} .avg_box .avg_r{width:100%;padding-left:0;} .avg_box .avg_txt{padding-top:25px;} .avg .avg_eg{top:20px;} .master_title03 h2{font-size:24px;line-height:24px;} .master_title03 p{font-size:14px;} .avg_box .avg_line{background-size:12px;padding-top:18px;margin-bottom:20px;} .avg_box .avg_line h4{margin-bottom:10px;font-size:20px;line-height:20px;} .avg_box .avg_line p{font-size:14px;line-height:26px;} .avg_box .avg_img{height:0;padding-bottom:130%;} .avg{padding:40px 0;} .tgb_box .tgb_p{font-size:14px;line-height:26px;margin-top:20px;} .tgb_box .tgbDatas{margin-top:25px;margin-bottom:20px;} .tgb_box .tgbDatas_item .tgbDatas_num{margin-top:5px;} .tgb_box .tgbDatas_item p{font-size:14px;} .tgb_box .tgbDatas_item .tgbDatas_num span{font-size:28px;line-height:28px;} .tgb{padding:40px 0;} .ivt{padding:40px 0;} .ivt_line{flex-wrap:wrap;margin-top:25px;margin-bottom:20px;} .ivt_line .ivt_title{width:100%;} .ivt_line .ivt_datas{width:100%;margin-top:10px;flex-wrap: wrap;} .ivt_datas .ivt_datas_item{justify-content:flex-start;} .ivt_title h4{font-size:20px;margin-bottom:0;} .ivt_title .ivt_s span{width:15px;} .ivt_img .ivt_img_item{width:33.333333%;padding:5px;} .ivt_img{margin:-8px} .ivt_datas .ivt_datas_item{width:33.333333%;padding:10px 0;} .ivt_datas .ivt_datas_item:last-child{width:auto;} .ivt_datas .ivt_datas_item p{font-size:12px;} .ivt_datas .ivt_datas_num span{font-size:26px;line-height:26px;} .ivt_datas .ivt_datas_num em{font-size:14px;} .ept{padding:40px 0;} .ept .ept_line h5{font-size:16px;} .ept .ept_txt p{font-size:14px;line-height:26px;} .ept .ept_t p{margin-top:15px;} .ept .ept_t{padding-bottom:15px;} .ept .ept_line{margin-bottom:20px;} .ept .ept_line h5{padding-right:30px;margin-bottom:10px;} .ept .ept_line h5:after{width:25px;} .ept .ept_avt{margin:0 -5px;} .ept .ept_avt .ept_avt_img{padding:0 5px;} .acs_line{flex-wrap:wrap;} .acs{padding:40px 0;} .acs_line{margin-top:30px;} .acs_line .acs_list{width:100%;padding-right:0;max-height:38vh;margin-top:25px;} .acs_line .acs_fold{width:100%;padding-left:0;order:-1;} .acs_line .acs_list .acs_ul{position:static;} .acs_list li a{font-size:14px;line-height:38px;} .ctr_item .ctr_name{font-size:20px;} .ctr_item .ctr_info{font-size:16px;} .ctr_item{width:50%;} .ctr_item .ctr_icon{width:40px;height:40px;} .ctr_item .ctr_icon{margin-bottom:10px;} .ctr_item .ctr_i{margin:10px 0;height:15px;} .loader{--size:24px;width:72px;height:48px;} .loader .loader_box{height:24px;width:24px;} .czloading_logo{height:48px;margin-right:10px;} #homeBanner .homeBanner_switch{display:none;} .tgb_img{overflow-x:auto;width:100%;} .tgb_img .tgb_img_box{width:900px;margin:0 auto;} .guide_mouse{display:block;} .tgb_img .tgb_btn .tgb_see{width:38px;line-height:38px;} .tgb_img .tgb_btn .tgb_see .tgb_see_i{width:38px;height:38px;} .tgb_img .tgb_btn .tgb_see .tgb_see_t{padding-left:48px;font-size:14px;padding-right:15px;} .ept .ept_img{overflow-x:auto;} .ept .ept_img_box{width:900px;margin:0 auto;} .ept .ept_see_txt{font-size:14px;line-height:32px;} .ept .ept_see_clr:hover{height:70px;} } @media screen and (max-width:768px){ .matching{width:100%;} .trafficbaner_href{width:100%;} .product_box{margin:-8px;} .product_box li{width:100%;float:none;padding:8px;} } @media screen and (max-width:425px){ .homeAbout .masterTitle01{width:100%;height:auto;} .masterTitle01 .masterTitle01_initials{height:auto;width:100%;} .masterTitle01 .masterTitle01_initials>img{height:auto;width:100%;} .homeIndustry .masterTitle01{width:100%;height:auto;} .homeIndustry .masterTitle01_initials{height:auto;width:100%;} .homeIndustry .masterTitle01_initials>img{height:auto;width:100%;} .homeCasec_ul .homeCasec_item{width:100%;float:none;padding:8px 0;} .homeCasec_list .homeCasec_item a{left:0;top:0;right:0;bottom:0;} .homeCasec_list{margin:-8px 0;} .homeNews_list .homeNews_l{margin:-8px 0;} .homeNews_l .homeNews_item{width:100%;float:none;padding:8px 0;} .trafficbaner_href{margin:-5px;} .trafficbaner_href li{width:25%;} .trafficbaner_href .trafficbaner_href_name{font-size:12px;} .case_list .case_item{width:100%;float:none;padding:10px 0;} .case_list{margin:-10px 0;} .dtl_switch li a i{margin-right:0;} .dtl_switch li:nth-child(2) a span{display:none;} .new_list{margin:-8px 0;} .new_item{width:100%;float:none;padding:8px 0;} .ivt_img .ivt_img_item{width:50%;} .ept .ept_avt .ept_avt_img{width:50%;} .ctr_item .ctr_name{font-size:18px;} .ctr_item .ctr_info{font-size:14px;} .ctr_item .ctr_icon{width:30px;height:30px;} }