article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block} *,:before,:after{box-sizing:border-box;} blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} img{border:0; width:auto; max-width:100%;} ul,dl,li,dt,dd{list-style:none;} body,html{min-height:100%;} body{ font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff;} pre{ white-space:pre-wrap;word-wrap: break-word;} a{font-size:16px;text-decoration:none;transition:ease .65s; color:#333333; outline:none;} .clearfix:after{content:""; display:block; clear:both;} h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;} input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family: "NotoSansHans";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; transition:ease .45s;} input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;} input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;} input::-webkit-input-placeholder {color: #888888;} input:-moz-placeholder {　color: #888888;} input::-moz-placeholder {color: #888888;} input:-ms-input-placeholder {color: #888888;} textarea{resize:none; overflow:hidden;} textarea::-webkit-input-placeholder {color: #888888;} textarea:-moz-placeholder {　color: #888888;} textarea::-moz-placeholder {color: #888888;} textarea:-ms-input-placeholder {color: #888888;} select::-ms-expand { display: none; } i,em{font-style:normal;} .fl,.fl_warp{float:left;} .fr,.fr_warp{float:right;} .z-container {width:1400px;height:auto;clear: both;margin: 0 auto;} .z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;} .z-container3 {width:87.5%;height:auto;clear: both;margin: 0 auto;} .z-row {width: 100%;height: auto;clear: both;margin: 0 auto;} .ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;} .ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;} .ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;} .ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;} .ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;} .imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;} .z_flex{ display: flex; align-items: center;} .z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;} .clear{ clear: both;} *:before, *:after { z-index: -1; } .z_public_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-size: cover; background-attachment: fixed; pointer-events: none;} .flwarp{ float: left;} .frwarp{ float: right;} .imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;} .imgbgs{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } /*分享*/ #bsWXBox{box-sizing:initial;} #bsBox{box-sizing:initial;} /*浏览器滚动条*/ ::-webkit-scrollbar{width:5px;height:5px;} ::-webkit-scrollbar-button:vertical{display:none} ::-webkit-scrollbar-track:vertical{background-color:black} ::-webkit-scrollbar-track-piece{background:#E3E3E3} ::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px} ::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B} ::-webkit-scrollbar-corner:vertical{background-color:#535353} ::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00} .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform} .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-fade .swiper-slide{ pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity} .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;} .swiper-container-fade .swiper-slide{opacity:0!important;} .swiper-container-fade .swiper-slide-active{opacity:1!important;} .swiper-container-vertical>.swiper-wrapper {flex-direction: column;} .z_header{ width: 100%; transition: ease 2s; position: fixed; left: 0; top: 0; z-index: 9; padding: 0 2.6vw; box-sizing: border-box; height:5.2vw; line-height: 5.2vw;} .z_header.on{ background: #004cac;} .z_other_header{background: #004cac!important;} .z_header .z_logo{ display: block; float: left;height: 1.66666vw; margin-top:1.77083vw;} .z_header .z_logo img{ display: block; height: 100%; } .z_header_nav{ float: right;} .z_header_nav li{ display: inline-block; margin-left: 45px; position: relative;} .z_header_nav li a{ color: #fff; font-size: 16px;} .z_banner{ height: 100vh; position: relative;} .z_banner .bd,.z_banner .bd li,.z_banner .bd li .img,.z_banner .bd li .show{width:100%; overflow: hidden; height:100%; position:relative;} .z_banner .bd li .img{ background-position: bottom center; background-repeat:no-repeat; background-size:cover;} .z_banner .bd li .show{transform:scale(1.05); transition:ease 3s; opacity:.8;} .z_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;} .z_swiper_hd li{ display: inline-block;margin:0 5px; width: 10px; height: 10px; border-radius: 50%; background: #fff;} .z_banner_hd{ position: absolute; z-index: 2; right: 2.6vw; display: inline-block; top: 50%; transform: translateY(-50%);} .z_banner_hd li{ display: block;width: 12px;height: 12px; transition: ease 1s;border: 2px solid #FFFFFF;border-radius: 50%; box-sizing: border-box; cursor: pointer; outline: none; margin: 15px 0;} .z_banner_hd li.on{ background: #fff;} .z_banner_text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; text-align: center; z-index: 2;} .z_banner_text h3{font-size: 3.75vw;font-family: Arial;font-weight: bold;} .z_banner_text h4{ font-size: 1.5625vw;} .z_menu_mask{ width: 68.5%; transition: ease 1.5s; opacity: 0; transform: translateX(-100%); visibility: hidden; padding: 4.16vw 5.2vw;box-sizing: border-box; position: fixed; left: 0; top: 0;height: 100%; z-index: 10; background-size: auto 100%;} .z_menu_mask.on{ transform: translateX(0); visibility: visible; opacity: 1;} .z_menu_mask::before{content: ""; display: block; width: 50%; background: #fff; height: 100%; position: absolute; left: 0; top: 0;} .z_menu_logo img{ display: block; height: 2.5vw;} .z_menu_nav { display: flex; justify-content: space-between; width: 100%; position: absolute; left: 0;top: 19vw; padding-left: 5.2vw; box-sizing: border-box; padding-right: 8vw; } .z_menu_nav dl{ display: inline-block; vertical-align: top;} .z_menu_nav dl a{ display: block;} .z_menu_nav dl dt a{font-size: 18px; font-weight: bold; line-height: 48px;} .z_menu_nav dl dd a{ line-height: 32px; color: #777777; font-size: 16px;} .z_menu_nav dl a:hover{ color: #004CAC;} .z_menu_nav dl dd a:hover{ transform: translateX(8px); } .z_menu_btm{ position: absolute;left: 0; width: 100%; bottom: 4.16vw; padding-left: 5.2vw; padding-right: 7.8125vw; box-sizing: border-box; display: flex; align-items: center;} .z_menu_tel{ padding-left: 55px;color: #777777; float: left;} .z_menu_tel span{ display: block; font-family: "Arial-BoldMT"; font-size: 30px; line-height: 28px; color: #004CAC;} .z_menu_search{ float: right; margin-left: auto; width: 329px;height: 50px;background: #F2F2F2;border-radius: 25px; padding: 0 20px; box-sizing: border-box; display: flex; align-items: center;} .z_menu_search .text{ display: block; flex: 1; height: 50px;} .z_menu_search .icon-sousuo{ flex-shrink: 0; margin-left: 10px; color: #004CAC; font-weight: bold;} .z_menu_close{ position: absolute; right: 0; top: 50%; cursor: pointer; transform: translateY(-50%);} .z_menu_close .close{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: ease 1s;} .z_menu_close:hover .close{ transform:translateY(-50%) rotate(360deg);} .z_open_close{ position: fixed; left: 0; top: 50%; transform: translateY(-50%); transition: ease 1s; z-index: 10; cursor: pointer; transition: ease 1s;} .z_open_close img{ display: block;} .z_open_close.on{transform: translate(-100%,-50%);} .z_wave{ position: absolute; left: 0%; top:100%; transform: translate(-50%,-120%); z-index: -1; transition: ease 2s;} .z_banner_more { z-index: 2; text-align: center; cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%);bottom: 4vw;} .z_banner_more .warp{background: #004cac;height: 5.2vw;width: 5.2vw;border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-family: Arial; font-weight: bold; line-height: 16px;} .z_banner_more::before{content: '';display: block;width: 100%;height: 100%;background: rgba(0,76,172,.3);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 1s infinite} @keyframes consult{ 0%,100%{transform:scale(1);} 50%{transform:scale(1.4);} } @keyframes zoombig { 0%{transform: scale(1.2,1.2);} 100%{transform: scale(1,1);} } @keyframes rotate { 50% { border-radius: 38%; transform: rotate(180deg); } 100% { border-radius: 45%; transform: rotate(360deg); } } @keyframes rotate1 { 50% { border-radius: 38%; transform: translate(-30%, 8%) rotate(180deg); }100% { border-radius: 45%; transform: translate(-20%, 0%) rotate(360deg); } } @keyframes rotate2 { 50% { transform: translate(30%, 8%) rotate(180deg); }100% { transform: translate(20%, 0%) rotate(360deg); } } .z_about_culture{ width: 100%; min-height: 52vw; padding: 6.77083vw 5.2vw; box-sizing: border-box; position: relative;} .z_index_tit .en{font-size:3.125vw;font-family: Arial;font-weight: bold;color: #004CAC;line-height: 3.125vw;} .z_index_tit h3{font-size: 1.875vw;font-family: NotoSansHans;font-weight:bold;color: #333333; line-height: 2.5vw;} .z_index_tit2 .en,.z_index_tit2 h3{ color: #fff;} .z_culture_con{ width: 21.875vw; height: 21.875vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;} .culture_bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-size: 100% 100%; border-radius: 50%;} /* .culture_bg::before{content: '';display: block;width: 100%; height: 100%; background: rgba(0,76,172,.4);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult1 linear 3s infinite} */ @keyframes consult1{ 0%,100%{transform:scale(1);} 50%{transform:scale(1.2);} } .z_culture_child{ width: 100%; height: 100%; padding: 0 4vw; box-sizing: border-box; transition: ease 1s; opacity: 0; visibility: hidden; color: #fff; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center;} .z_culture_child.on{ opacity: 1; visibility: visible;} .z_culture_child .num{ color: #fff; position: absolute; left: -50px; top: 0;font-size: 6.2vw;font-family: ft4;color: #FFFFFF;} .z_culture_child h3{font-size: 3.125vw; line-height: 2.5vw; font-family: Arial;font-weight: bold;} .z_culture_child h4{ font-size: 24px;} .z_culture_child .desc{ margin-top: 15px; font-size: 18px;} .z_about_culture .more{width:4.79166vw;height: 4.79166vw;background: #5AAECD;border-radius: 50%; position: absolute; right: 0; bottom: 20px; text-align: center; line-height:4.79166vw; color: #fff; display: block;} .z_about_culture .more .iconfont{font-size: 24px;} .z_about_culture .more::before{content: '';display: block;width: 100%; height: 100%; background: rgba(90,174,205,.6);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 3s infinite} .z_culture_cir{ position: absolute; left: 50%; top: 0%; transform: translate(-50%,0%); display: flex; align-items: center; justify-content: center;} .z_culture_cir img{ display: block;max-height: 100%;} .z_culture_li li { text-align: center;transform: matrix(1, 0, 0, 1, 0, 0); cursor: pointer;} .z_culture_li li h3{font-size: 20px;} .z_culture_li li .img{width: 5.2vw; height: 5.2vw; border-radius: 50%; overflow: hidden; position: relative;animation: spin-reverse2 50s infinite linear; } .z_culture_li li .img::before{ content: ""; display: block; opacity: 0; transition: ease 1s; z-index: 1; width: 100%; transform: scale(0,0); height: 100%; background-size: 100% 100%; position: absolute; left: 0; top: 0;} .z_culture_li li.on .img::before{ opacity: 1; transform: scale(1,1);} .z_culture_li li.on .img .imgbg{ opacity: 0;} .z_culture_li li.on h3{ color: #004CAC;} .z_culture_li li.one1{ position: absolute; left: 18.22916vw; top: 20vw; transform: rotate(-50deg);} .z_culture_li li.one2{ position: absolute; top: 6vw; right: 23vw;} .z_culture_li li.one3{ position: absolute; bottom: 6.3vw; right: 35.9375vw;} .z_culture_li li.one4{ position: absolute; left: 7.29166vw; bottom: 8vw;} .z_culture_li li.one4 .img::before ,.z_culture_li li.one5 .img::before{ display: none;} .z_culture_li li.one4 .img{ width: 7.29166vw; height: 7.29166vw;} .z_culture_li li.one5 .img{width:9.63541vw; height: 9.63541vw;} .z_culture_li li.one5 { border-radius: 50%; position: absolute; right: 5.72916vw; top: 19.79166vw;} .z_culture_li li.one4:hover .imgbg,.z_culture_li li.one4:hover .imgbg{ opacity: 1;} @keyframes td{ 0%{ transform: translate(0px,0px) rotate(0deg);} 25%{transform: translate(-10px,10px) rotate(15deg);} 50%{transform: translate(10px,-10px) rotate(-15deg);} 100%{transform: translate(0px,0px) rotate(0deg);} } @keyframes spin{ to{transform: rotate(1turn);} } @keyframes spin2{ to{transform: rotate(-1turn);} } @keyframes spin-reverse{ from{ transform:rotate(1turn); } } @keyframes spin-reverse2{ from{ transform:rotate(-1turn); } } .z_index_honor{ position: relative; } .z_index_honor .bg{min-height: 56.25vw;} .z_index_honor .bg{ display: block; width: 100%;} .z_index_honor .infobox{ position: absolute; left: 5.2vw; top:6.77083vw ;} .z_index_honor .desc{ width: 16.30208vw; color: #666666; line-height: 24px; margin-top: 20px;} .z_zs_warp{ position: absolute; left: 0; width: 100%; bottom: 3.64583vw; padding: 0 5.2vw; box-sizing: border-box;} .z_zs_list{ width: 100%; text-align: center; overflow: hidden;} .z_zs_list li{ border-right: 1px solid #C8C8C8;padding: 0 10px; box-sizing: border-box;} .z_zs_list li:first-child{ border-left: 1px solid #C8C8C8;} .z_zs_list li .img{ height: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px;} .z_zs_list li .img img{ max-height: 100%; margin: 0 auto; display: block;} .z_sleep_warp{ min-height: 50vw; background: #eaeaea; position: relative;} .z_sleep_box{ width: 57.15625vw; height: 34.5vw; background-size: 100% auto; margin: 0 auto; position: absolute; left: 50%; transform: translateX(-50%); bottom: 2.6vw;} .z_sleep_box .imgbox{ width: 34.5vw;opacity: 0; visibility:hidden; transition: ease 2s; background: #fff; height: 34.5vw; border-radius: 50%; overflow: hidden; margin: 0 auto;} .z_sleep_child{ position: absolute; left: 0;bottom: 5.5vw; width: 100%;} .z_sleep_child.active .infobox{ transform: translateY(0); visibility: visible; opacity: 1;} .z_sleep_child.active .imgbox{opacity: 1; visibility: visible;} .z_sleep_child.active .imgbox .imgbg{ transform: scale(1,1);} .z_sleep_child.active .more{ opacity:1; visibility: visible;} .z_sleep_child .infobox{ position: absolute; left: 46.5vw; top: 24vw; width: 24.375vw;transition: ease 1s; transition-delay: .5s; opacity: 0; visibility: hidden; transform: translateY(50%);} .z_sleep_child .infobox h3{ font-size: 1.562vw; font-weight: bold;} .z_sleep_child .infobox h4{ font-size: 1.25vw;} .z_sleep_box .more{width: 4.79166vw; z-index: 2; visibility: hidden; transition: ease 1s; opacity: 0; cursor: pointer; display: block; text-align:center; line-height:4.79166vw ;height: 4.79166vw;background: #004CAC;border-radius: 50%; color: #fff; background: #004cac; position: absolute; left: 40.22916vw;top: 22.5vw;} .z_sleep_box .more .iconfont{ font-weight: bold; font-size: 24px;} .z_sleep_box .more::before{content: '';display: block;width: 100%;height: 100%;background: rgba(0,76,172,.5);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 2s infinite} .z_sleep_info{ position: absolute; left: 5.2vw; top: 5.2vw; width: 20.625vw;} .z_sleep_info .tit{font-size:3.125vw;font-weight: 500;color: #333333;line-height: 3.43750vw; margin-bottom: 1.5vw;} .z_sleep_info .desc{font-size: 18px;font-weight: 400;color: #666666;line-height: 30px;} .z_sleep_tab{ position: absolute; top: 5.2vw; right: 2.6vw;} .z_sleep_tab li{ display: flex; align-items: center; cursor: pointer; margin-bottom: 15px;} .z_sleep_tab li .icon{ width: 64px; height: 64px; position: relative; z-index: 1; border-radius: 50%; background: #fff; position: relative; overflow: hidden;} .z_sleep_tab li .icon::before{ content: ""; display: block; width: 100%; height: 0; position: absolute; left: 0; bottom: 0;background: #004CAC; transition: ease 1s; } .z_sleep_tab li .b{ position: absolute; left: 0; top: 0; opacity: 0;} .z_sleep_tab li img{ display: block; width: 100%; height: 100%; transition: ease 1s;} .z_sleep_tab li span{ text-align: right; font-size: 16px; font-weight: bold; margin-right: 10px; transition: ease 1s; transform: translateX(100%); opacity: 0;visibility: hidden;} .z_sleep_tab li.active .icon::before{ height: 100%;} .z_sleep_tab li.active .b{ opacity: 1;} .z_sleep_tab li.active span{ opacity: 1; transform: translate(0); visibility: visible; } .z_mask{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; z-index: 11; transition: ease 1s; opacity: 0; visibility: hidden;} .z_mask.on{ visibility: visible; opacity: 1;} .z_sleep_pop{ width:38.4375vw; position: fixed; overflow: hidden; left: 50%; top: 50%; transition: ease 1s; transform: translate(-50%,-50%) scale(.6,.6); opacity: 0; visibility: hidden; z-index: 12; background: #fff;border-radius: 20px;} .z_sleep_pop.on{ transform: translate(-50%,-50%) scale(1,1); opacity: 1; visibility: visible;} .z_sleep_img{ width: 100%; height:20.15625vw;} .z_pop_info{ padding: 2vw; box-sizing: border-box;} .z_pop_info .titbar{border-bottom: 1px solid #4b4b4b; padding-bottom: 1.2vw; margin-bottom: 1.2vw;} .z_pop_info .titbar h3{font-size: 1.875vw} .z_pop_info .titbar h4{ font-size: 18px;} .z_pop_info .desc{ color: #666666; line-height: 24px; height: 120px; overflow-y: auto;} .z_sleep_close{ width: 30px; height: 30px; background-size: 100% 100%; position: absolute; right: 10px; top: 10px; cursor: pointer;} .z_pro_series{ background: #cadae6; position: relative;} .z_pro_series .swiper-slide{ width: 60.15625vw; min-height: 52vw; transition: ease 2s; position: relative;background: #cadae6; } .z_pro_series .swiper-slide-active{z-index: 1; } .z_pro_series .swiper-slide-active::after{ content: ""; display: block; width: 2.86458vw; height: 14.58333vw; z-index: 2; background-size: 100% 100%; position: absolute;right: -2.7vw; top: 50%; transform: translateY(-50%);} .z_pro_series .swiper-slide::before{ content: ""; display: block; width: 100%; opacity: 0; height: 100%; background-size: cover; position: absolute; left: 0; top:0; transition: ease 1s;} .z_pro_series .swiper-slide-active::before{ opacity: 1;} .z_pro_series .z_series_img{ position: absolute;width: 100%; left:0; bottom: 0vw; padding: 0 5.2vw; box-sizing: border-box;} .z_pro_series .z_series_img img{ display: block; margin: 0 auto; max-width:80%; max-height: 25vw;} .z_pro_series .z_series_info{ position: absolute; left: 0; top: 6vw; padding: 0 5.2vw; box-sizing:border-box;} .z_series_li{ margin-top: 2vw; width: 210px;} .dn{display:none;} .z_series_li p{ color: #fff; display: flex; border-bottom: 1px solid #fff; line-height: 40px; height: 40px;} .z_series_li a{ color: #fff; display: flex; border-bottom: 1px solid #fff; line-height: 40px; height: 40px;} .z_series_li span{ display: inline-block; width: 70%;} .z_series_li li .iconfont{ float: right; margin-left: auto; opacity: 0; transition: ease 1s; transform: translateX(-100%);} .z_series_li li:first-child a{ border-top: 1px solid #fff; } .z_series_li li:hover .iconfont{ transform: translateX(0); opacity: 1;} .z_series_next{ position: absolute; left:60.15625vw ; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer;} .z_index_series{ overflow: hidden;} .z_mobile_hd{ display: none;} .z_index_gj{ width: 100%; height: 45.3125vw; position: relative; box-sizing: border-box; margin-bottom: 20vw;} .z_index_gj .z_index_tit{ position: absolute;left: 5.2vw; top:7.8125vw ;} .z_index_gj .imgbg{ width: 100%; height: 100%;} .z_index_gj::before{ content: ""; display: block; width: 100%; height:20vw; position: absolute ; bottom: -20vw; left: 0; background: #004499;} .z_gj_list{ padding-left: 5.2vw; overflow: hidden; box-sizing: border-box; position: absolute; left: 0; bottom: -17.1875vw; width: 100%;} .z_gj_list li{ width: 25%; height: 27.60416vw; overflow: hidden; z-index: 1; float: left; position: relative;} .z_gj_list li::before{ content: ""; display: block; width: 100%; height: 100%; background-size: cover; position: absolute; left: 0; top: 0; opacity: 0; transition: ease 1s;z-index: 1; pointer-events: none;} .z_gj_list li a{ display: block; width: 100%; height: 100%;} .z_gj_list li:hover::before{ opacity: .9;} .z_gj_list li .infobox{ position: absolute; width: 100%; left: 0; bottom: 3vw; z-index: 2; color: #fff; padding: 0 2.6vw; box-sizing: border-box;} .z_gj_list li h3{ font-size: 1.25vw; font-weight: bold; margin-bottom: 6px;} .z_gj_list li h4{ font-size: 16px;} .z_gj_list li:hover .imgbg{ transform: scale(1.1,1.1);} .z_footer{ width: 100%; padding: 0 5.2vw; overflow: hidden; color: #fff; box-sizing: border-box; background: #004499;} .z_footer_top{ padding: 5vw 0; border-bottom: 1px solid rgba(255,255,255,.5);} .z_footer_nav{ float: left;} .z_footer_nav dl{ display: inline-block; vertical-align: top; margin-right: 4vw;} .z_footer_nav dl a{ display: block; color: #fff; line-height: 30px;} .z_footer_nav dt{ margin-bottom: 5px;} .z_footer_nav dt a{ font-size: 16px;} .z_footer_nav dd a{ line-height: 30px; color: rgba(255,255,255,.5);} .z_footer_nav dd a:hover{ color: #fff;} .z_footer_code{ float: right;} .z_footer_code li{ text-align:center ; float: left;} .z_footer_code li .img{ width: 6.66666vw; height: 6.66666vw; display: block;} .z_footer_code li h3{ margin-top: 5px; color: rgba(255,255,255,.5);} .z_footer_btm{ padding: 5.2vw 0; display: flex; align-items: flex-end;} .z_footer_shop{ margin-bottom: 20px;} .z_footer_shop a{ display: inline-block; color: #fff;font-size: 14px;color: rgba(255,255,255,.5); margin-right: 40px;} .z_footer_shop a img{ vertical-align: middle; margin-right: 10px;} .z_footer_addre{line-height: 24px; color: rgba(255,255,255,.5);} .z_footer_copy{ text-align: right;color: rgba(255,255,255,.5); margin-left: auto;} .z_footer_copy a{ display: block;color: rgba(255,255,255,.5);} .z_brand_warp{ min-height: 50vw; padding: 5.2vw; box-sizing: border-box;} .z_brand_con{ width: 34.58333vw; float: right;color: #666666;line-height: 24px; max-height: 480px; overflow-y: auto; margin-right: 8.02083vw;} .z_brand_warp .z_index_tit{ float: left; max-width: 38vw;} .z_about_story{ width: 100%; min-height: 52vw; position: relative; padding: 5.2vw; padding-right: 0; box-sizing: border-box; background-attachment: fixed;} .z_about_story .z_index_tit h3{ color: #fff;} .z_about_story .desc{ width: 370px; color: #fff;line-height: 24px; margin-top: 2vw;} .z_story_warp{ width: 100%; height: 25vw; margin-top: -10vw; position: relative; background-size: 100% auto;} .z_story_warp li{ color: #fff; display: flex; cursor: pointer; text-align: center; position: absolute; justify-content: center;} .z_story_warp li .circle_box{ width: 12px;height: 12px; background: #fff; position: relative; background: #FFFFFF;border-radius: 50%; margin: 0 auto;} .z_story_warp li:nth-child(1){ position: absolute; left: 0; bottom: 0.1vw;} .z_story_warp li h3{ margin-bottom: 8px; font-size: 18px; font-weight: bold; opacity: 1;} .z_story_warp li .circle_box .con{ width: 6.77083vw; height: 6.77083vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0); transition: ease 1s; border: 2px solid #004CAC; box-sizing: border-box; border-radius: 50%; overflow: hidden;} .z_story_warp li .circle_box .icon-jiahao{ display: block;width:2.8125vw;height:2.8125vw; text-align: center; line-height: 2.8125vw; color: #fff; font-size: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0);background: #004CAC;border-radius: 50%; opacity: 0; transition: ease 1s; transition-delay: .5s;} .z_story_warp li.on .circle_box .con{ transform: translate(-50%,-50%) scale(1,1);} .z_story_warp li.on .circle_box .con .imgbg{ background-size: 100% auto;} .z_story_warp li.on .circle_box .icon-jiahao{ opacity: 1;transform: translate(-50%,-50%) scale(1,1);} .z_story_warp li.on h3{ opacity: 0;} .z_story_warp li:nth-child(2){ left: 12.97916vw; bottom: -0.2vw;} .z_story_warp li:nth-child(3){ left: 26.4375vw; bottom: 1.2vw;} .z_story_warp li:nth-child(4){ left:41vw; bottom: 5vw;} .z_story_warp li:nth-child(5){ left:55vw; bottom: 9.6vw;} .z_story_warp li:nth-child(6){ left:69vw; bottom: 12.8vw;} .z_story_warp li:nth-child(7){ left:84vw; bottom:12.7vw;} .z_story_con{ width: 470px; position: absolute; right: 5.2vw; bottom: 7.29166vw; color: #fff; overflow: hidden;} .z_story_child{ position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: ease 1.5s; } .z_story_child:first-child{ position: relative;} .z_story_child h3{ font-size: 1.25vw; margin-bottom: 10px;} .z_story_child .content{ line-height: 24px; max-height: 120px; overflow-y: auto;} .z_story_child.on{ opacity: 1; visibility: visible;} .z_story_btn{ margin-top: 2.5vw;} .z_story_btn span{ display: inline-block;width:2.8125vw; margin-right: 15px; transition: ease 1s; height:2.8125vw; cursor: pointer; background: rgba(113, 151, 48, 0); text-align: center;line-height: 2.8125vw; border: 1px solid #FFFFFF; border-radius: 50%;} .z_story_btn span:hover{ background: #004CAC; border-color: #004CAC;} .z_story_pop{ width: 100%; transition: ease 1s; opacity: 0; visibility: hidden; height: 100vh; position: fixed; left: 0; top: 0%; transform: scale(.6,.6); z-index: 11; background: #fff;} .z_story_pop.on{ opacity: 1; visibility: visible; transform: scale(1,1);} .z_story_pop::before{ content:""; display: block; height: 100%; width: 50%; background-size: auto 100%; position: absolute; left: 0; top: 0; z-index: 1;} .z_story_close{ position: absolute; right: 20px; top: 20px; cursor: pointer; font-size: 20px!important; width: 50px; height: 50px; border-radius: 50%; background: #004CAC; line-height: 45px; text-align: center;} .z_story_close .iconfont{ color: #fff; font-weight: bold;} .z_story_pop .imgbox{ width: 50%; height: 100%; float: left;} .z_story_pop .infobox{ display: flex; width: 50%; text-align: center; float: right; height: 100%; justify-content: center; align-items: center;} .z_story_pop .infobox .warp{ width: 50%; margin: 0 auto;} .z_story_pop .infobox .img{ width: 100%; height: 22vw; display: flex; align-items: center; justify-content: center; margin-bottom: 3vw;} .z_story_pop .infobox .img img{ display: block; margin: 0 auto; max-height: 100%; max-width: 100%;} .z_story_pop .infobox .tit{ font-size: 1.5625vw; margin-bottom: 1.5vw;} .z_story_pop .infobox .desc{ font-size: 16px; color: #666666; line-height: 24px; max-height: 120px; overflow-y: auto;} .z_about_video{ min-height: 50vw; position: relative;} .z_video_text{ position: absolute; left: 0; top: 50%; cursor: pointer; width: 100%; color: #fff; transform: translateY(-50%); color: fff; text-align: center;} .z_video_text .tit{font-size: 2.5vw; margin-bottom: 2vw;} .z_video_text h3{margin-bottom: 10px; font-size: 0.9375vw;} .z_video_text .icon img{ display: block; margin: 0 auto; height: 4.27083vw;} .close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; z-index: 100; cursor: pointer;} #video,#zvideo{width:100%; max-height: 100%;} .video_pop .warp,.z_video_pop .warp{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; overflow: hidden;} .z_video_pop{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; visibility: hidden; opacity: 0; transition: ease 1s;} .z_video_pop.on{ visibility: visible; opacity: 1;} .z_video_pop .close_btn{ display: block!important;} .z_about_news_warp{ padding: 6vw 5.2vw; box-sizing: border-box;} .z_about_news_warp .z_index_tit{ position: relative; margin-bottom: 3vw;} .z_about_news_warp .z_index_more{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);width: 3.75vw; text-align: center; line-height: 3.75vw; color: #fff; height:3.75vw; background: #004CAC; border-radius: 50%;} .z_common_btn::before{content: '';display: block;width: 100%;height: 100%;background: rgba(0,76,172,.3);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 1s infinite} .z_about_news_warp .z_index_more .iconfont{ font-size: 20px;} .z_about_news_warp .z_index_more::before{content: '';display: block;width: 100%;height: 100%;background: rgba(0,76,172,.3);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 1s infinite} .z_about_news ul{ margin-left: -1%;} .z_about_news li{ width: 24%; margin-left:1% ;float: left; position: relative; height: 27.50000vw; overflow: hidden; background: #fff;border-radius: 10px;} .z_about_news li a{ display: block; width: 100%; height: 100%; padding: 2vw; box-sizing: border-box;} .z_about_news .first{ width: 49%; float: left; height: 27.50000vw;border-radius: 10px; position: relative; overflow: hidden;} .z_about_news .first:hover .imgbg{ transform: scale(1.05,1.05);} .z_about_news .first a{ display: block; width: 100%; height: 100%; padding: 0;} .z_about_news .first::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.46); position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none;} .z_about_news .first .infobox{ width: 100%; position: absolute; z-index: 2; top: 0; left: 0; padding: 2vw; box-sizing: border-box; color: #fff;} .z_about_news .first .tit{font-size: 1.25vw;font-weight: 500;line-height:1.875vw; width:50%; float: left;} .z_about_news .first .timebox{ float: right;width: 64px;height: 74px;background: rgba(75, 75, 75, 0);border: 1px solid #FFFFFF;border-radius: 10px; text-align: center; color: #fff; padding-top: 5px;} .z_about_news .first .timebox em{ display: block; font-size: 24px;} .z_about_news .first .z_common_btn{width: 3.125vw; text-align: center; line-height: 3.125vw; height: 3.125vw; color: #fff; display: block; position: absolute; left: 2vw; z-index: 2; bottom: 2vw; background: #004CAC;border-radius: 50%; display: block;} .z_about_news li span{color: #474747;} .z_about_news li h3{font-size:1.25vw;font-weight: 500;color: #474747;line-height: 1.875vw; height: 3.75vw; margin: 1.5vw 0;} .z_about_news li .btmbox{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 2vw; box-sizing: border-box;} .z_about_news li .imgbox{ width: 100%; height: 10.9375vw; border-radius: 10px; overflow: hidden;} .z_about_news li .morebar{ color: #666; margin-top: 2vw;} .z_about_news li .morebar .iconfont{ float:right} .z_about_news li:hover h3{ color: #004CAC;} .z_about_news li:hover .imgbg{ transform: scale(1.05,1.05);} .z_about_news li::after{ content: ""; display: block; z-index: 1; height: 3px; width: 0; background: #004CAC; position: absolute; left: 50%; bottom: 0; transition: ease 1s;} .z_about_news li:hover::after{ width: 100%; left: 0;} .z_about_news .first::after{ display: none;} .z_about_news li:hover .morebar{ color: #004CAC;} .z_5g_warp{ position: relative;} .z_5g_swiper{ width: 100%; height: 52vw; position: relative;} .z_5g_swiper li{ width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0;top: 0; z-index: -1; } .z_5g_swiper li .imgbg{ transform: scale(1.1,1.1); opacity: 0; transition: ease 2s;} .z_5g_swiper li.on .imgbg{ transform: scale(1,1);opacity: 1;} .z_5g_swiper::before{ content:""; z-index: 1; pointer-events: none; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;} .z_5g_warp .titbox,.z_8g_warp .titbox{ position: absolute; left: 5.2vw; z-index: 2; top: 6vw; color: #fff; width: 560px;} .z_5g_warp .titbox .tit,.z_8g_warp .titbox .tit{ font-size: 3.125vw;} .z_5g_warp .titbox .desc,.z_8g_warp .titbox .desc{ line-height: 24px; margin-top: 1vw; font-size: 18px; line-height: 30px;} .z_5g_warp .z_swiper_btn{ position: absolute; left: 5.2vw; bottom: 5.2vw; z-index: 2;} .z_swiper_btn span{ display: inline-block;width: 54px; outline: none; position: relative; z-index: 1;height: 54px;background: #FFFFFF; cursor: pointer;border-radius: 50%; text-align: center; margin-right: 15px; line-height: 54px; overflow: hidden;} .z_swiper_btn span::after{content: ""; display: block; width: 100%; height: 0; background: #004CAC; position: absolute; left: 0; bottom: 0; transition: ease 1s;} .z_swiper_btn span:hover{ color: #fff;} .z_swiper_btn span:hover::after{ height: 100%;} .z_5g_wz{position: absolute; right: 5.2vw; width: 38.5%; bottom: 5.2vw; z-index: 2;} .z_5gtab_li{ width: 100%;} .z_5gtab_li ul{ margin-left: -1%;} .z_5gtab_li li{ float: left; width: 19%; transition: ease 1s; margin-left: 1%; background: #fff; cursor: pointer; border-radius: 10px; padding:1.04vw 0; text-align: center;} .z_5gtab_li li .icon{ width: 3.125vw; height: 3.125vw; position: relative; margin: 0 auto;margin-bottom: 15px;} .z_5gtab_li li .icon img{ display: block; transition: ease 1s; } .z_5gtab_li li .icon .b{ position: absolute;left: 0; top: 0; z-index: 1; opacity: 0;} .z_5gtab_li li.on{ background: #004CAC; color: #fff;} .z_5gtab_li li.on .a{ opacity: 0;} .z_5gtab_li li.on .b{ opacity: 1;} .z_5gtab_con{ color: #fff; margin-bottom: 2vw; overflow: hidden;} .z_5gtab_con h3{font-size: 1.5625vw; margin-bottom: 10px;} .z_5gtab_con .con{line-height: 30px; min-height: 150px;} .z_8g_warp{ position: relative;} .z_8g_img{ width: 100%; height: 66.66666vw; position: relative;} .z_8g_img li{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: ease 1s;} .z_8g_img li.on{ opacity: 1;} .z_clock{width: 28.125vw; height: 28.125vw; z-index: 2; position: absolute; left: 50%; top: 10vw; transform: translateX(-50%); background-size: 100% 100%; } .z_clock .shi { position: absolute; left: 0; right: 0; margin: auto; top: 45%; transform-origin: 50% 12.5%; height: 40%; width: 5px; background-color: rgba(255, 255, 255, 0.3); border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; transition: all 1.6s ease-in-out; transform: rotate(180deg); } .z_clock .fen { position: absolute; left: 0; right: 0; margin: auto; top: 15%; transform-origin: 50% 88%; height: 40%; width: 5px; background-color: rgba(255, 255, 255, 0.3); border-top-left-radius: 50px; border-top-right-radius: 50px; animation-duration: 1.6s; animation-timing-function: cubic-bezier(0.59, 0, 0.42, 0.99); } @keyframes gorotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .z_clock_li li .icon{ width: 3.75vw; height:3.75vw; transition: ease 1s; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #b9bbbe;} .z_clock_li li{z-index: 2;} .z_clock_li li h3{ position: absolute; opacity: 0; left: 0;top: 0;} .z_clock_li li:nth-child(2){ position: absolute; left:-1%;top: 6.125vw;} .z_clock_li li:nth-child(3){ position: absolute;right: -1%;top: 6.125vw;} .z_clock_li li:nth-child(1){ position: absolute;left: 50%; transform: translateX(-50%); bottom: -1.8vw;} .z_clock_li li.on .icon{ background: #004CAC; } .z_clock_li li img{ max-width: 80%;} .z_8g_list{ width: 100%; padding: 0 5.2vw; box-sizing: border-box; position: absolute;left: 0; bottom: 5.2vw;} .z_8g_list ul{ margin-left: -1.8%; display: none;} .z_8g_list ul.on{ display: block;} .z_8g_list li{ width: 23.2%; cursor: pointer; float: left; margin-left: 1.8%; height: 13.22916vw; border-radius: 10px; overflow:hidden; position: relative;} .z_8g_list li::before{ content: ""; pointer-events: none; display: block; width: 100%; transition: ease 1s; height: 100%; background: rgba(0,0,0,.6); position: absolute; left: 0; top: 0;z-index: 1;} .z_8g_list li .infobox{ width: 100%; color: #fff; padding: 0 5px; box-sizing: border-box; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; z-index: 2;} .z_8g_list li h3{ font-size: 1.25vw;} .z_8g_list li .more{ display: inline-block; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-top: 1.8vw;} .z_8g_list li .more .iconfont{ font-size: 12px; margin-left: 10px;} .z_8g_list li:hover .imgbg{ transform: scale(1.1,1.1);} .z_8g_list li:hover::before{ background: rgba(0,0,0,.3);} .z_about_honor{ min-height: 50vw; padding:7.8125vw; box-sizing: border-box ; background-size: cover; position: relative; } .z_honor_swiper,.z_cjsmall_swiper{ height: 550px; overflow: hidden; } .z_honor_swiper li,.z_cjsmall_swiper li{ width: 100%; padding: 15px; position: relative; background: #fff; cursor: pointer; height: 130px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; box-sizing: border-box; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .z_honor_swiper li::before,.z_cjsmall_swiper li::before{ content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; border: 3px solid #004cac; position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; opacity: 0; transition: ease 1s;} .z_honor_swiper li img,.z_cjsmall_swiper li img{ max-width: 100%; max-height: 100%;} .z_honor_swiper li.active::before,.z_cjsmall_swiper li.active::before{ opacity: 1;} .z_honorswiper_warp .btn,.z_cjsmall_warp .btn{width: 52px;height: 52px; transition: ease 1s; cursor: pointer; outline: none; z-index: 2; display: block; line-height: 52px; background: #D2D2D2;border-radius: 50%; text-align: center; color: #fff; position: absolute; left: 50%; transform: translateX(-50%);} .z_honorswiper_warp .prev,.z_cjsmall_warp .prev{ top: -50px;} .z_honorswiper_warp .next,.z_cjsmall_warp .next{ bottom: -50px;} .z_honorswiper_warp,.z_cjsmall_warp{width: 130px;position: relative; padding: 20px 0;} .z_honorswiper_warp .btn:hover,.z_cjsmall_warp .btn:hover{ background: #004cac;} .z_honor_imgbox{ width: 40vw; height:40vw; border-radius: 50%; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .z_honor_imgbox li{ width: 100%; height: 100%; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; transition: ease 1s; transform: scale(.6,.6); opacity: 0; visibility: hidden; transition-delay: .5s;} .z_honor_imgbox li.active{ visibility: visible; opacity: 1; transform: scale(1,1);} .z_honor_imgbox li img{ display: block; max-height: 70%; box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.21);} .z_honor_descbox{ position: absolute; width: 20vw; position: absolute; right: 5.2vw; top: 50%; transform: translateY(-50%);} .z_honor_descbox .tit{ font-size: 3.125vw; position: relative; padding-bottom: 15px; margin-bottom: 1.5vw;} .z_honor_descbox .tit::before{ content: ""; display: block;width: 79px; height: 4px; background: #004CAC; position: absolute; left: 0; bottom: 0;} .z_honor_descbox .icon img{ height: 3.95833vw; display: block;} .z_honor_descbox li .year{ display:inline-block;font-size: 2.08vw;font-family: RheemSansB;font-weight: bold;color: #242424; padding-bottom: 1.5vw; margin-bottom: 1.5vw; border-bottom: 2px solid #d92130;} .z_honor_descbox li .desc{ font-size: 1.25vw; color:#242424} .z_honor_descbox li.active{ display: block;} .z_honor_descbox li{ display: none;} .z_sub_nav{ height: 80px; line-height: 80px;} .z_sub_nav ul{ display: flex;} .z_sub_nav ul li{ flex: 1; position: relative;} .z_sub_nav ul li::before{ content: ""; z-index: 1; display: block; width: 0; height: 3px; background: #004CAC; position: absolute; left: 50%; bottom: 0; transition: ease 1s;} .z_sub_nav ul li a{ display: flex; align-items: center; justify-content: center; width: 100%; text-align: center;font-size: 18px;color: #333333;} .z_sub_nav ul li .icon{ vertical-align: middle; max-height: 24px; margin-right: 5px;} .z_sub_nav ul li.active::before,.z_sub_nav ul li:hover::before{ width: 100%; left: 0;} .z_service_nl{ min-height: 40.625vw; display: flex; align-items: center; padding: 2.6vw 8.22916vw; box-sizing: border-box; position: relative; z-index: 1;} .z_service_nl::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;} .z_service_nl .infobox{ width: 23.17708vw; text-align: center; color: #fff;} .z_service_nl .infobox h3{ font-size: 1.875vw; margin-bottom: 1vw;} .z_service_nl .infobox h4{font-size: 1.5625vw;} .z_service_about{ padding-top: 10.4vw; overflow: hidden; text-align: center; color: #fff; position: relative; z-index: 1;} .z_service_about::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; left: 0; top: 0;} .z_service_about .titbar{font-size: 1.875vw; margin-bottom: 7.29166vw;} .z_service_list{ border-top: 1px solid rgba(255,255,255,.4);} .z_service_list li{ width: 33.3%; float: left; border-right: 1px solid rgba(255,255,255,.4); padding:7.29166vw 2.6vw; box-sizing: border-box ;} .z_service_list li:last-child{ border-right: none;} .z_service_list li h3{ font-size: 1.25vw; margin-bottom: 2.6vw;} .z_service_list li .desc{font-size: 16px; line-height: 30px;} .z_ques_warp{ background:#f5f6fa; padding: 6.77083vw 5.2vw; box-sizing: border-box;} .z_ques_warp ul{ margin-left: -1.7%;} .z_ques_warp li{ width: 31.6%; float: left; margin-bottom: 2vw; margin-left: 1.7%; background: #fff; padding: 2vw; box-sizing: border-box;} .z_ques_warp li .wen,.z_ques_warp li .da{ padding-left: 40px; box-sizing: border-box; position: relative;} .z_ques_warp li .icon{ width: 30px; position: absolute; left: 0; top: 0; text-transform: uppercase; height: 30px; line-height: 30px; text-align: center; color: #fff; border-radius: 50%; background: #bebebe;} .z_ques_warp li .wen .icon{ background: #004cac;} .z_ques_warp li .wen{ line-height: 30px; font-size: 18px; margin-bottom: 1.8vw;} .z_ques_warp li .da{ line-height: 24px; color: #888888;} .z_suggest_warp{ width: 100%; background-color: #f5f6fa; padding: 5.3vw 10.4vw; box-sizing: border-box; padding-bottom: 17.70833vw; } .z_suggest_warp .flwarp{ width: 35%; float: left;} .z_suggest_warp .flwarp .tit{ font-size: 1.875vw;} .z_suggest_warp .flwarp .desc{ line-height: 24px; color: #666666; font-size: 16px; margin: 2vw 0;} .z_lx_bar p{ line-height: 30px; display: flex; align-items: center;font-size: 16px;} .z_lx_bar p img{ max-width: 16px; margin-right: 10px; } .z_suggest_warp .frwarp{ width: 45.3125vw; float: right;} .z_suggest_warp .frwarp .tit{ font-size: 18px; padding-bottom: 10px; color: #004cac;border-bottom: 1px solid #e6dddb; margin-bottom: 2vw;} .z_suggest_form li{ border-bottom: 1px solid #e6dddb; margin-bottom: 2vw;} .z_suggest_form li label{ display: block; font-size: 16px; margin-bottom: 10px;} .z_suggest_form li .input_text{ display: block; width: 100%;height: 40px;} .z_suggest_form .z_sub_btn{width: 154px;height: 48px;background: #004CAC;border-radius:0 10px 0 10px; text-align: center; line-height: 48px; color: #fff; font-size: 16px;} .z_suggest_form .z_sub_btn .iconfont{ margin-left: 10px; cursor: pointer;} .l_service4 {width: 100vw;height: 56.09375vw;} .l_service4 .fl {width: 73.95833vw;height: 100%;} .l_service4 .fl img {width: 100%;height: 100%;} .l_service4 .fr {width: 26.04166vw;height: 100%;} .l_service4Nav {background-color: #004cac;width: 100%;height: 3.80208vw;line-height: 3.80208vw;padding-left: 1.857vw;} .l_service4Nav a {color: #FFF;font-size: 16px;font-family: "Scan";margin-right: 2.86458vw;vertical-align: middle;} .l_service4Nav .se {font-size: 20px;} .l_service4 .fr .content {background-color: #FFF;padding: 1.30208vw 1.5625vw 0;} .l_service4 .fr .regionSe div {display: inline-block;width: 10.9375vw;position: relative;margin-left: 0.67708vw;} .l_service4 .fr .regionSe div:first-child {margin-left: unset;} .l_service4 .fr .regionSe select {width: 100%;height: 2.34375vw;border-radius: 1.04166vw;cursor: pointer;padding-left: 1vw;background: #f1f1f1;} .l_service4 .fr .regionSe div::after {content: "";width: 10px;height: 7px;display: block;position: absolute;top: 50%;transform: translateY(-50%) ;right: 1.30208vw;z-index: 99;transition: 0.3s;} .l_service4 .fr .search {margin-top: 1.04166vw; display: flex;background: #f1f1f1; border-radius: 1.04166vw;} .l_service4 .fr .search div {width: 19.27083vw;height: 2.34375vw; display: inline-block;vertical-align: middle;position: relative;} .l_service4 .fr .search select {width: 19.27083vw;display: inline-block;height: 2.34375vw;border-radius: 1.04166vw;border: 1px solid #dcdcdc;cursor: pointer;padding-left: 1.5625vw;} .l_service4 .fr .search .text{ width: 100%; padding: 0 1vw; box-sizing: border-box;} .l_service4 .fr .search div::after {content: "";width: 6px;height: 10px;display: block;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;top: 50%;transform: translateY(-50%) rotate(90deg);right: 1.30208vw;z-index: 99;transition: 0.3s;} .l_service4 .fr .search a {display: inline-block;width: 2.34375vw;text-align: center;line-height: 2.34375vw;border-radius: 50%;transition: 0.3s;margin-left: 1.04166vw;height: 2.34375vw; flex-shrink: 0; font-weight: bold; margin-right: 10px;} .l_service4 .fr .search a:hover {color: #d92130;background-color: #FFF;} .l_service4 .fr .itemBox{max-height: 44vw;overflow-y: auto;padding: 0vw 1.5625vw 0px;} .l_service4 .fr .item {padding: 2vw 0 2vw 0;border-bottom: 1px solid #e5e5e5;} .l_service4 .fr .item .iconfont{ color: #004CAC;} .l_service4 .fr .item a {display: block;width: 100%;height: 100%;} .l_service4 .fr .item .title {font-size: 1.25vw;color: #2d2d2d;font-family: "Scan";font-weight: bold;margin-bottom: 1vw;} .l_service4 .fr .item .phone i {display: inline-block;width: 13px;height: 17px;vertical-align: middle;background-position: center;background-size: cover;background-repeat: no-repeat;margin-right: 0.41666vw;} .l_service4 .fr .item .phone span {font-size: 16px;color: #666666;vertical-align: middle;margin-right: 0.52083vw;} .l_service4 .fr .item .phone b {font-weight: unset;font-size: 16px;vertical-align: middle;color: #666666;font-family: "RheemScan";} .l_service4 .fr .item .address {margin-top: 0.78125vw;} .l_service4 .fr .item .address i {display: inline-block;width: 14px;height: 18px;vertical-align: middle;background-position: center;background-size: cover;background-repeat: no-repeat;margin-right: 0.41666vw;} .l_service4 .fr .item .address span {font-size: 14px;color: #6f6f6f;vertical-align: middle;margin-right: 0.52083vw;} .l_service4 .fr .item .address b {vertical-align: middle;font-weight: unset;font-size: 16px;color:#666666;font-family: "Scan";} .l_service4 .fr .loadMore {font-size: 16px;color: #6f6f6f;font-family: "Scan";text-align: center;height: 3.48958vw;line-height: 3.48958vw;} .l_service4 .fr .item .iconfont{ display: inline-block; width: 26px;} .l_service4 .fr .item p{ line-height: 30px;} .z_hotel_warp .itembox{ width: 50%; height: 50vw; float: left;overflow: hidden; position: relative; z-index: 1;} .z_hotel_warp .itembox::before{ content: ""; display: block; z-index: 1; pointer-events: none; width: 100%; height: 100%;background: rgba(0,0,0,.2); position: absolute; left: 0; top: 0;} .z_hotel_warp .itembox .infobox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; color: #fff; text-align: center; padding: 8.33333vw 2.6vw; box-sizing: border-box;} .z_hotel_warp .itembox h3{ font-size: 1.875vw; margin-bottom: 2vw;} .z_hotel_warp .itembox .desc{ line-height: 24px; font-size: 16px;} .z_hotel_warp .itembox:hover .imgbg{ transform: scale(1.1,1.1);} .zp_tit span{ display: block; width: 25%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left;} .rc_box .tit{ background: #fff; color: #444444; line-height: 80px; cursor: pointer; position: relative;} .zp_tit,.rc_box .tit{ padding: 0 10.4vw; cursor: pointer; box-sizing: border-box; transition: all .6s; z-index: 1;} .rc_box .tit span{display: block; font-size: 16px; width: 20%; float: left;} .rc_box .rc_con{ width: 100%; box-sizing: border-box; padding: 2.6vw 10.4vw; box-sizing: border-box; background: #ececec; display: none; border-top: none;} .rc_box .tit.on{ } .rc_box .rc_con h4{ font-weight: bold;font-size: 18px; margin-bottom: 40px; color: #000;} .rc_box .rc_con .box{ width: 50%; float: left; padding:0 20px; box-sizing: border-box; color: #7f7f7f;} .rc_box .rc_con .box p{ margin-bottom: 10px;} .aply_btn{ width: 154px;height: 48px; background: #0553A2; margin-top: 2vw; margin-left: 20px; font-size: 16px; line-height: 48px; border-radius:0 10px 0 10px; color: #fff; text-align: center; cursor: pointer;} .rc_box{ border-bottom:2px solid #f5f6fa ;} .aply_pop{ width: 560px; height: 280px; background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 7px 0 46px rgba(0,0,0,.2); text-align: center; padding: 10px;box-sizing: border-box; display: none;z-index:999;} .aply_pop h3{ height: 66px; line-height: 66px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px; font-size: 24px;} .aply_pop .uploadbtn{ display: inline-block; width: 100px; height: 33x; text-align: center;line-height: 33px; color: #333; color: #fff; border-radius: 4px; background:#0553A2; position: relative;overflow: hidden;} .aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;} .aply_pop p{ color: #7f7f7f; margin-top:10px; margin-bottom: 40px;} .aply_pop .btn_group span{ display: inline-block; cursor: pointer; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px;line-height:33px;} .aply_pop .btn_group .surebtn{ background:#0553A2;} .aply_pop .closebtn{ width: 27px; height: 27px; background-size: 100% 100%; position: absolute; right: 15px; top: 15px; cursor: pointer;} .zp_warp{ border-top:2px solid #f5f6fa ;} .load_more{ text-align: center; color: #0553a2; line-height: 5.2vw; font-size: 18px; } .load_more .iconfont{ color: #d82b23;} .z_jmadv_awrp{ width: 100%; padding: 6vw 6.25vw; box-sizing: border-box;} .z_jiameng_tit{ text-align: center;font-size: 1.875vw;font-weight: bold;} .z_jmadv_awrp .z_jiameng_tit{ margin-bottom: 3.4vw;} .z_adv_list ul{ margin-left: -0.8%;} .z_adv_list li{ width: 19.1%; float: left; margin-bottom: 12px; margin-left: 0.8%; min-height: 13.75000vw; background: #fff; padding: 2vw 1.5vw; box-sizing: border-box; border-radius: 10px;} .z_adv_list li .icon{ height: 40px; display: flex; align-items: flex-end; margin-bottom: 30px;} .z_adv_list li .icon img{ max-height: 100%; display: block;} .z_adv_list li h3{ font-size: 18px; font-weight: bold; margin-bottom: 15px;} .z_adv_list li .desc{ color: #666666; line-height: 24px;} .z_tjian_warp{ width: 100%; position: relative; z-index: 1;} .z_tjian_warp::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; left: 0; top: 0;} .z_tjian_box{ width: 40.625vw; display: flex; align-items: center; min-height: 41.66666vw; background: rgba(255,255,255,.85); padding: 2.6vw 5.2vw; box-sizing: border-box;} .z_tjian_warp .z_jiameng_tit{ text-align: left; margin-bottom: 1.5vw;} .z_tjian_item{ border-bottom: 1px solid #BCBCBC; padding: 1.5vw 0;} .z_tjian_item:first-child{border-top: 1px solid #BCBCBC;} .z_tjian_desc{ line-height: 24px; color: #666;} .z_tjian_desc li{ position: relative; padding-left: 10px; font-size: 20px; line-height: 36px;} .z_tjian_desc li::before{ content: ""; z-index: 1; display: block; width: 3px; height: 3px; border-radius: 50%; background: #004CAC; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .z_tjian_item .tit{ font-size: 16px; font-weight: bold; margin-bottom: 10px;} .z_tjian_item ul:last-child{ margin-top: 20px;} .z_tjian_desc p strong{ font-size: 20px;} .z_jmlc_warp{ width: 100%; padding: 6vw 6.2vw 10vw 6.2vw; color: #fff; text-align: center; background-color: #004499;} .z_jmlc_warp .z_jiameng_tit{ margin-bottom: 4vw;} .z_lc_list ul{ display: flex; justify-content: space-between; position: relative; z-index: 1;} .z_lc_list ul::before{ content: ""; display: block; width: 81vw; height: 1px;background:#ccd7e8; z-index: -1; position: absolute; left: 2%; top: 26px;} .z_lc_list li .num{width: 54px;height:54px;background:#ccd7e8;border-radius: 50%; text-align: center; line-height: 54px; margin: 0 auto; position: relative; font-size:36px;font-family: EklekticPlain;color: #004CAC; position: relative;z-index: 2; margin-bottom: 2vw;} .z_lc_list li .num::before{content: '';display: block;width: 100%;height: 100%;background: rgba(255,255,255,.4);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 1s infinite} .z_lc_list li{ max-width: 12.5%;} .z_suggest_warp2{ color: #fff; padding-bottom: 5.2vw;} .z_suggest_warp2 .flwarp .desc,.z_suggest_warp2 .frwarp .tit{ color: #fff;} .z_suggest_warp2 .input_text::-webkit-input-placeholder { /* WebKit browsers */ color: rgba(255,255,255,.5); } .z_suggest_warp2 .input_text::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255,255,255,.5); } .z_suggest_warp2 .input_text:-ms-input-placeholder { /* Internet Explorer 10+ */ color: rgba(255,255,255,.5); } .z_suggest_warp2 .input_text::-webkit-input-placeholder { /* WebKit browsers */ color: rgba(255,255,255,.5); } .z_suggest_warp2 .input_text::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255,255,255,.5); } .z_suggest_warp2 .input_text:-ms-input-placeholder { /* Internet Explorer 10+ */ color: rgba(255,255,255,.5); } .z_suggest_warp2 .z_suggest_form li{ border-color: rgba(255,255,255,.5);} .z_news_page{ background: #f4f4f4;} .z_news_list li{margin-bottom: 2vw;} .z_news_page .z_loadmore{ margin-top: 3vw;} .z_loadmore{ text-align: center; color: #666666;} .z_loadmore .icon{ width: 54px; height: 54px; border-radius: 50%; text-align: center; line-height: 54px; background: #004cac; color: #fff; margin: 0 auto; z-index: 1; position: relative; margin-bottom: 15px;} .z_newsxq_page .z-container{ width: 52vw; margin-top: 100px; padding: 5.6vw 0;} .z_artic_tit{ font-size: 2.4vw; margin-bottom: 2vw;} .z_artic_bar{ display: flex; padding:10px 0;} .z_artic_bar .fl{ color: #666;} .z_artic_bar .fl span{ display: inline-block; margin-right: 20px;} .bshare-custom{ margin-left: auto;} .bshare-custom a{ background: none!important; width: auto!important; height: auto!important; padding: 0!important; color: #7f7f7f!important; margin-left: 20px!important; font-size: 20px!important;} .z_artic_bar .bshare-custom .bshare-more-icon{ padding-left: 0!important;} .bshare-custom a:hover{ color: #004CAC!important;} .z_artic_content{ padding: 2.5vw 0; line-height: 28px; font-size: 16px;border-bottom: 2px solid #333;border-top: 2px solid #333; margin-bottom: 3vw;} .z_artic_content img{ max-width: 100%!important; height: auto!important;} .z_topbtm_bar{ position: relative;} .z_topbtm_bar a{ display: block; width: 70%; line-height: 38px; height: 38px; font-size: 16px;} .z_topbtm_bar a:hover{ color: #004CAC;} .z_topbtm_bar .z_back{ width: 80px; line-height: normal; height: 80px; border-radius: 50%; background: #004cac; text-align: center; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .z_topbtm_bar .z_back .iconfont{ display: block;} .z_topbtm_bar .z_back:hover{ color: #fff;} .z_pro_page{ width:1240px;padding: 3.125vw 0 0; box-sizing: border-box;margin:0 auto} .z_pro_fillter{ margin-bottom: 2.6vw;} .z_pro_fillter dl{ display: flex; padding: 20px 0; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb;} .z_pro_fillter dl:first-child{border-top: 1px solid #dbdbdb;} .z_pro_fillter dt{ flex-shrink: 0; line-height: 36px; min-width: 100px; font-size: 16px; font-weight: bold;} .z_pro_fillter dd{ width: 100%;} .z_pro_nav{ width: 100%;} .z_pro_nav li{ display: inline-block; line-height: 36px; margin-right: 10px;} .z_pro_nav li a{ display: inline-block; padding: 0 20px; height: 36px; margin-bottom: 10px; font-size: 16px; color: #666; border-radius: 18px;} .z_pro_nav li.cur a,.z_pro_nav li:hover a{ background: #004CAC; color: #fff;} .z_pro_serach{ width: 216px; height: 36px; float: left; background: #f3f3f3; padding: 0 15px; border-radius: 18px; display: flex; align-items: center;} .z_pro_serach .iconfont{ flex-shrink: 0; margin-right: 10px;} .z_pro_serach .input_text{ width: 100%; height: 36px;} .z_serach_answer a{ display: inline-block; height: 36px; margin-bottom: 10px; line-height: 36px; padding: 0 15px; border-radius: 18px;background: #f3f3f3; margin-left: 10px;} .z_serach_answer .iconfont{ font-size: 14px; margin-left: 10px;} .z_serach_answer a:hover .iconfont{ color: red;} .z_pro_list ul{ margin-left: -0.9%;} .z_pro_list li{ width: calc(33.33% - 1.8%); margin-bottom: 35px; float: left; transition: ease 1s; position: relative; margin-right:2.7%; background: #f4f4f4; height: 450px; border-radius: 10px; overflow: hidden;} .z_pro_list li:nth-child(3n){ margin-right:0} .z_pro_list li:nth-last-of-type(1),.z_pro_list li:nth-last-of-type(2),.z_pro_list li:nth-last-of-type(3){ margin-bottom: 0} .z_pro_list li a{ display: flex; width: 100%; height: 100%; position: relative; align-items: center; justify-content: center;} .z_pro_list li .infobox{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 0 1.6vw 20px; box-sizing: border-box;} .z_pro_list li h3{font-size: 18px; height: 24px; line-height: 24px; margin-bottom: 4px;} .z_pro_list li p{ color: #666666;height: 20px; line-height: 20px;font-size:13px} .z_pro_list li .imgbox img{ max-width: 80%; max-height: 80%; display: block; transition: ease 1s; margin: 0 auto;} .z_pro_list li::before{ content: ""; display: block; width: 140px; height: 40px; position: absolute; left: 1vw; top: 1vw; background-size: 100% auto; z-index: 2;} .z_pro_list li:hover{ background:#004CAC; } .z_pro_list li:hover img{ transform: scale(1.1,1.1);} .z_pro_list li:hover::before{ } .z_pro_list li:hover h3,.z_pro_list li:hover p{ color: #fff;} .z_pro_head{ padding: 10.4vw 5.2vw 6.25vw 10.4vw; position: relative;} .z_pro_head::before{ content: ""; display: block;} .z_pro_head .infobox{ float: left;width: 20vw;} .z_pro_head .titbar{ color: #666; font-size: 1.25vw;} .z_pro_head .titbar h3{font-size: 3.125vw; color: #333;} .z_pro_head .csbar{ margin: 4vw 0;} .z_pro_head .csbar p:first-child{ border-top: 1px solid #4b4b4b;} .z_pro_head .csbar p{ line-height: 2.66vw; border-bottom: 1px solid #4b4b4b; font-size: 16px;} .z_pro_head .shopbar a{ display: inline-block; margin-right: 20px; padding-top: 10px; transition: ease 1s; width: 86px;height: 86px;background: #F5F6FA;border-radius: 50%; text-align: center; position: relative;} .z_pro_head .shopbar .z_tel{ position: absolute; white-space: nowrap; left: 96px; top: 50%; opacity: 0; transition: ease 1s; font-size: 20px; color: #004499;} .z_pro_head .shopbar a:hover .z_tel{ opacity: 1;transform: translateY(-50%);} .z_pro_head .shopbar .icon{ width: 30px; height: 30px; overflow: hidden; margin: 0 auto; margin-bottom: 5px;} .z_pro_head .shopbar .icon img{ display: block; transition: ease 1s;} .z_pro_head .shopbar a:hover .icon img{ transform: translateY(-30px);} .z_pro_head .shopbar a:hover{ background: #004CAC;} .z_pro_head .shopbar a:hover h3{ color: #fff;} .z_pro_head .proswiper{ width: 55.20833vw; overflow: hidden; float: right; position: relative;} .z_pro_head .proswiper li{ height: 32.29166vw; display: flex; align-items: center; justify-content: center;} .z_pro_head .proswiper li img{ max-height: 100%; transition: ease 1.5s; transform: scale(.4,.4); display: block; max-width:80%;} .z_pro_head .proswiper li.swiper-slide-active img{ transform: scale(1,1);} .z_pro_head .proswiper .prohd{ position: absolute; right: 0; bottom: 0; z-index: 2;} .proswiper .prohd span{ display: inline-block; transition: ease 1s; margin-left:8px; cursor: pointer; width: 12px;height: 12px;background: #FFFFFF;border-radius: 50%; transition: ease 1s;} .proswiper .prohd span.swiper-pagination-bullet-active{ background: #004CAC;} .z_proxq_nav{ padding: 30px 10.4vw 15px 10.4vw; border-bottom: 1px solid #dadada;} .z_proxq_nav a{ display: inline-block; height: 42px; line-height: 42px; font-size: 16px; border-radius: 21px; padding: 0 20px; margin-right: 10px;} .z_proxq_nav a.active{ background: #004CAC; color: #fff;} .z_proxq_pag{ background: #f5f6fa;} .z_proxq_padd{ padding:0 10.4vw; box-sizing: border-box;} .z_proxq_child{ margin-top: 3.2vw; } .z_proxq_child.active{ display: block;} .z_proxq_child .z_proxq_tit{font-size: 18px; font-weight: bold; border-left: 4px solid #004cac; height: 18px; line-height: 18px; padding-left:8px; margin-bottom: 35px;} .z_prodesc_box h3{ text-align: center; font-size: 2.5vw; } .z_prodesc_box .desc{ width: 658px;font-size: 14px; font-weight: 400;color: #666666;line-height: 24px; margin: 0 auto; text-align: center;margin-top: 2.2vw;} .z_prodesc_box .conbox{margin-top: 3.2vw;color: #666666;line-height: 24px; } .z_prodesc_box .conbox img{ display: block; margin: 0 auto; max-width: 100%;} .z_canshu_box .imgbox{ width: 50%; height:32.60416vw; float: left;} .z_canshu_box .imgbox .imgbg{ background-size: 100% auto;} .z_canshu_box .infobox{ width: 50%; background: #fff; min-height: 32.60416vw; float: left; padding: 3.125vw 4.6875vw; box-sizing: border-box;} .z_canshu_box .infobox h3{ font-size: 1.5625vw; margin-bottom: 3.125vw;} .z_canshu_box .infobox .csbar{ width: 18.75vw;} .z_canshu_box .infobox .csbar p{ border-bottom: 1px solid #d5d5d5; line-height: 2.6vw;font-size: 16px;} .z_canshu_box .infobox .csbar p:first-child{border-top: 1px solid #d5d5d5; } .proxqcon{color: #4B4B4B;line-height: 36px;} .z_xg_pro{ margin-top: 6.25vw; border-top: 1px solid #4B4B4B; padding-top: 4vw; padding-bottom: 6vw;} .z_xg_pro .title{ font-size: 1.875vw; position: relative; margin-bottom: 2vw;} .z_xg_pro .title .more{width: 48px;height: 48px;background: #004CAC;border-radius: 50%; text-align: center; line-height: 48px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #fff;} .z_pro_list2 li{ background: #fff;} #clock .time-box .time-el { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #clock .time-box .time-el>img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9; } #clock .time-box .time-el .fen { position: absolute; left: 0; right: 0; margin: auto; top: 12%; transform-origin: 50% 76%; height: 50%; width: 6px; background-color: rgba(255, 255, 255, 0.3); border-top-left-radius: 50px; border-top-right-radius: 50px; animation-duration: 1.6s; animation-timing-function: cubic-bezier(0.59, 0, 0.42, 0.99); } #clock .time-box .time-el .fen.on { animation-name: gorotate; } #clock .time-box .time-el .shi { position: absolute; left: 0; right: 0; margin: auto; top: 45%; transform-origin: 50% 12.5%; height: 40%; width: 8px; background-color: rgba(255, 255, 255, 0.3); border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; transition: all 2.6s ease-in-out; } #clock .time-box .time-el .shi.on { transition-duration: 1s; } #clock .time-move { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; pointer-events:none; transform: translateY(-2px); } #clock .time-box > ul.time-cir { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #clock .time-box > ul.time-cir > li > i { width: 10px; height: 10px; border-radius: 50%; line-height: 10px; text-align: center; background-color: #fff; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; opacity: 0.8; cursor: pointer; pointer-events: auto; } #clock .time-box > ul.time-cir > li > i > span { position: absolute; background-color: #d92130; width: 10px; height: 10px; border-radius: 50%; line-height: 10px; font-size: 20px; opacity: 0; left: -10px; top: -10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; display: flex; align-items: center; justify-content: center; } #clock .time-box > ul.time-cir > li .time-thumb-img { position: absolute; top: -32px; width: 88px; height: 88px; background: #fff; border-radius: 50%; margin-left: -44px; box-sizing: border-box; border: 7px solid #fff; transition: all 0.3s ease-out; overflow: hidden; visibility: visible; opacity: 0; } #clock .time-box > ul.time-cir > li:hover .time-thumb-img { visibility: inherit; opacity: 1; } #clock .time-box > ul.time-cir > li .time-thumb-img>i { display: block; width: 100%; height: 100%; opacity: 1; background-position: center; background-repeat: no-repeat; background-size: cover; } #clock .time-box > ul.time-num { transform: scale(1.2); bottom: 55%; left: 50%; height: 50%; } #clock .time-box > ul.time-num > li > i { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } #clock .time-box > ul.time-num > li.on > i { opacity: 1; } #clock { position: absolute; top: 13vw; left: 0; right: 0; margin: auto; z-index: 30; width: 27vw; height: 27vw; z-index: 5; } #clock > img { height: 100%; position: absolute; pointer-events: auto; } #clock .time-box { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; } #clock .time-box > ul { width: 0; position: absolute; } /* #clock .time-box > ul > li { position: absolute; top: 0; left: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } */ .time-cir li{ width: 3.75vw;height: 3.75vw; cursor: pointer;} .time-cir li:nth-child(1){ position: absolute; left: 50%; transform: translateX(-50%); bottom: -1.8vw; pointer-events: auto;} .time-cir li:nth-child(2) {position: absolute;left: 0%;bottom: 4.9vw;pointer-events: auto;} .time-cir li:nth-child(3) {position: absolute;left: 0%;top: 4.9vw;pointer-events: auto;} .time-cir li:nth-child(4) {position: absolute;left: 50%; transform: translateX(-50%); top: -1.8vw;pointer-events: auto;} .time-cir li:nth-child(5) {position: absolute;right: 0%;top: 4.9vw;pointer-events: auto;} .time-cir li:nth-child(6) {position: absolute;right: 0%;bottom: 4.9vw;pointer-events: auto;} .time-cir li.on .icon{ background: #004CAC;} .time-cir li h3{ color: #fff; opacity: 0; white-space: nowrap!important;} .time-cir li:nth-child(2) h3{ position: absolute;left: 50%; transform: translateX(-50%); bottom: -30px; font-size: 16px;} .time-cir li:nth-child(4) h3{ position: absolute;left: 50%; transform: translateX(-50%); top: -30px; font-size: 16px;} .time-cir li:nth-child(6) h3{ position: absolute;left: 50%; transform: translateX(-50%); bottom: -30px; font-size: 16px;} .time-cir li.on h3{ opacity: 1;} .time-cir li .icon img{ max-width: 80%;} #clock .time-move canvas { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); pointer-events: none; } .time-cir .icon{ width: 3.75vw; height:3.75vw; transition: ease 1s; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #b9bbbe;} @media screen and (max-width:1440px){ .z_5g_wz{ width: 47.5%;} } @media screen and (max-width:1366px){ .z_menu_mask{ width: 85%;} .z_culture_child .desc{ font-size: 14px;} .z_about_culture{ height: 55vw;} .z_culture_li li.one3{ bottom: 3vw;} .z_pro_series .z_series_img{ bottom: 0;} .z_pro_series .z_series_img img{ max-width: 90%;} .z_brand_con{ width: 42vw; margin-right: 2vw;} .z_story_warp li h3{font-size: 16px;} .z_5g_warp .titbox{ left: 3vw; top: 3vw;} .z_5g_warp .z_swiper_btn{ left: 3vw; bottom: 3vw;} .z_5g_wz{ bottom: 3vw; right: 3vw;} .z_service_list li .desc{ font-size: 14px;} .z_newsxq_page .z-container{ width: 70vw;} .z_story_con{bottom: 3vw;} } @media screen and (max-width:980px){ .z_header{ width: 100%; height: 48px; background: #004cac; line-height: 48px; display: flex; align-items: center; padding: 0 10px;} .z_header .z_logo{ margin: 0; height: 22px;} .z_header_nav{ width: 100%; display: flex; align-items: center; transition: ease 1s; transform: translateY(100%); visibility: hidden; justify-content: center; height: calc(100vh - 48px); background: #fff; position: fixed; left: 0; top: 48px; z-index: 9;} .z_header_nav.on{ transform: translateY(0); visibility: visible;} .z_header_nav li{ display: block; text-align: center; margin: 0 ;} .z_header_nav li a{ color: #333;} .z_header_nav li.active a{ color:#004cac ;} .z_menu_btn{ overflow: hidden; position: relative;margin-left: auto; z-index: 1; height: 48px; float: right; display: flex; align-items: center; justify-content: center; cursor: pointer; } .z_menu_btn::before{ content: ""; display: block; width: 0; height: 0; position: absolute; top: 50%; left: 50%; border-radius: 50%;background: #6e7bbd; transition: ease .4s;} .z_menu_btn span{ display: block; transition: ease .6s; width: 24px; height:2px; background: #fff;} .z_menu_btn .line2{ margin:4px 0;} .z_menu_btn.on .line1{ transform:translateY(6px) rotate(45deg);} .z_menu_btn.on .line3{ transform:translateY(-6px) rotate(-45deg);} .z_menu_btn.on .line2{ opacity: 0;} .z_banner{ height: 60vw; margin-top: 48px;} .z_banner_hd li{ width: 8px; height: 8px; border-width: 1px; margin: 5px 0;} .z_about_culture{ min-height: 120vw;} .z_culture_con{ width: 60vw; height: 60vw;} .z_culture_child h4,.z_culture_child h3{ font-size: 16px; line-height: normal;} .z_culture_child{ padding: 0 10vw;} .z_culture_child .desc{ margin-top: 5px;} .z_culture_child .num{ font-size: 40px; left: 4vw; top: 4vw;} .z_culture_li li h3{ font-size: 14px;} .z_culture_li li{ animation: none!important;} .z_culture_li li .img{ width: 70px; height: 70px;} .z_open_close{ display: none;} .z_culture_li li.one1{ top: 20px; right: 20px; transform: rotate(0); bottom: auto; left: auto;} .z_culture_li li.one2{ bottom: 20px; left: 20px; top: auto; right: auto;} .z_culture_li li.one3{ bottom: 20px; right: 20px;} .z_culture_li li.one4,.z_culture_li li.one5{ display: none;} .z_about_culture .more{ width: 40px; height: 40px; text-align: center; line-height: 40px;} .z_about_culture{padding: 20px;} .z_index_tit .en{ font-size: 20px; line-height: 20px; margin-bottom: 4px;} .z_index_tit h3{ font-size: 20px; line-height: 26px;} .z_banner_more{ display: none;} .z_zs_warp{ position: relative; bottom: auto; padding: 10px 0;} .z_index_honor .desc{ width: 100%; text-align: center;} .z_zs_list li{ border: none;} .z_zs_list li h3{ font-size: 12px;} .z_zs_list li .img{ height: 40px; margin-bottom: 10px;} .z_index_honor .infobox{ left: 0; top: 0; position: relative;} .z_index_honor .z_index_tit{ text-align: center;} .z_index_honor .imgbg{ height: auto; padding: 30px 14px; box-sizing: border-box; position: relative; z-index: 1;} .z_index_honor .imgbg::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; left: 0;top: 0;} .z_index_honor .desc,.z_index_honor .z_index_tit h3{ color: #fff;} .z_sleep_warp{ min-height: auto; padding: 25px 14px; padding-bottom: 60px;} .z_sleep_info{ position: relative; width: 100%; left: 0; top: 0;} .z_sleep_info .tit{ font-size: 18px; line-height: 24px;} .z_sleep_info .desc{ font-size: 14px; line-height: 24px;} .z_sleep_box{ position: relative; transform: translateX(0); left: auto; bottom: auto; width: 100%; margin-top: 30vw;} .z_sleep_box .imgbox{ width: 55vw; height:55vw;} .z_sleep_box .more{ width: 40px; height: 40px; line-height: 40px;} .z_sleep_box .more .iconfont{ font-size: 18px;} .z_sleep_tab{ position: relative; top: auto; right: auto; width: 100%; margin-top: 20px; } .z_sleep_tab ul{display: flex;} .z_sleep_tab li{ display: block; flex: 1;} .z_sleep_tab li .icon{ width: 40px; height: 40px; margin: 0 auto;} .z_sleep_tab li span{ display: block; font-size: 14px; display: none;} .z_sleep_box .more{ left: 68vw;} .z_sleep_child .infobox{ position: absolute; top: 100%; width: 100%; left: 0; text-align: center;} .z_sleep_child .infobox h3{ font-size: 16px; margin-top: 10px;} .z_sleep_child .infobox h4{ font-size: 14px;} .z_sleep_pop{ width: 80%;} .z_sleep_img{ height: 40vw;} .z_pop_info .titbar h3{ font-size: 18px;} .z_pop_info .titbar h4{ font-size: 16px;} .z_pop_info .titbar{ padding-bottom: 10px; margin-bottom: 10px;} .z_pop_info{ padding: 10px;} .z_pro_series .swiper-slide{ min-height: 80vh;} .z_pro_series .z_series_img{ width: 100%; bottom: auto; margin-top: 20px; bottom:30px; position: relative;} .z_pro_series .z_series_info{ position: relative; top: auto; padding:30px 20px;} .z_pro_series .z_series_img img{ max-width: 100%;} .z_pro_series .z_series_img img{ max-height: none;} .z_pro_series .swiper-slide-active::after{ display: none;} .z_series_li{ margin-top: 20px; width: 100%;} .z_series_li a{ height: 36px; line-height: 36px;} .z_mobile_hd{ position: absolute; z-index: 2; left: 0; display: block;bottom: 10px; width: 100%; text-align: center;} .z_mobile_hd span{ display: inline-block; width: 8px; border-radius: 50%; outline: none; height: 8px; background: rgba(255,255,255,.5); margin: 0 4px; } .z_mobile_hd span.swiper-pagination-bullet-active{ background: #fff;} .z_series_next{ display: none;} .z_index_gj{ height: auto} .z_index_gj .bvg{ height: 60vw; background-attachment: inherit!important;} .z_gj_list{ position: relative; bottom: auto; padding: 0;} .z_index_gj .z_index_tit{ left: 20px; top: 30px;} .z_gj_list li{ width: 50%; height: 60vw;} .z_gj_list li h4{ font-size: 14px;} .z_gj_list li h3{ font-size: 16px;} .z_index_gj::before{ display: none;} .z_index_gj{ margin-bottom: 0;} .z_footer_nav{ display: none;} .z_footer_code{ width: 100%;} .z_footer_code ul{ display: flex; justify-content: center;} .z_footer_code li .img{ width: 80px; height: 80px;} .z_footer_code li{ margin: 0 10px;} .z_footer{ padding: 0 14px;} .z_footer_top{ padding: 20px 0; padding-top: 30px;} .flwarp{ width: 100%;} .z_footer_btm{ padding: 20px 0; display: block; text-align: center; font-size: 12px;} .z_footer_copy,.z_footer_copy a{ text-align: center; font-size: 12px;} .z_footer_shop a{ margin: 0 10px;} .z_brand_warp .z_index_tit{ max-width: none; width: 100%; text-align: center; margin-bottom: 20px;} .z_brand_warp{ padding: 30px 14px;} .z_brand_con{ width: 100%; max-height: none; margin-right: 0;} .z_about_story{ padding: 30px 0;} .z_story_warp{ margin-top: auto;} .z_about_story .z_index_tit{ padding: 0 14px; box-sizing: border-box; text-align: center;} .z_about_story .z_index_tit .en{ color: #fff;} .z_story_con{ display: none;} .z_about_story .desc{ width: 100%; margin-top: 20px;} .z_story_warp li h3{ font-size: 12px;} .z_story_warp li .circle_box{ width: 6px; height: 6px;} .z_video_text .tit{ font-size: 18px;} .z_about_video{ background-attachment: inherit!important; height: 60vw;} .z_video_text h3{ font-size: 16px;} .z_video_text .icon img{ height: 50px;} .z_about_news_warp{ padding: 20px 14px;} .z_about_news_warp .z_index_more{ width: 40px; height: 40px; line-height: 40px;} .z_about_news_warp .z_index_tit{ margin-bottom:20px;} .z_about_news ul{ margin-left: 0; } .z_about_news .first{ width: 100%;height: 60vw;} .z_about_news .first .tit{ font-size: 16px; line-height: 28px; height: 56px;} .z_about_news .first .timebox em{ font-size: 18px;} .z_about_news .first .timebox{ height: 54px; width: 54px; padding-top: 0px; font-size: 12px;} .z_about_news .first .z_common_btn{ width: 40px; height: 40px; line-height: 40px; left: 15px; bottom: 15px;} .z_about_news .first .infobox{ padding: 15px; } .z_about_news .first .infobox .tit{width: 65%;} .z_about_news li{ width: 100%; margin: 0;margin-top: 12px; height: auto;} .z_about_news li .btmbox{ position: relative; padding: 0;} .z_about_news li a{ padding: 15px;} .z_about_news li h3{ font-size: 14px; line-height: 24px; max-height: 48px; height: auto;} .z_about_news li .imgbox{ border-radius: 5px; height: 40vw; margin: 10px 0;} .z_banner_text h3{ font-size: 18px;} .z_banner_text h4{ font-size: 20px;} .z_story_pop .imgbox{ width: 100%; height: 50vh;} .z_story_pop::before{ display: none;} .z_story_close{ width: 40px; height: 40px; line-height: 35px; right: 15px; top: 15px; z-index: 2;} .z_story_pop .infobox{ width: 100%; height: 50vh; overflow-y: auto; padding: 15px; display: block;} .z_story_pop .infobox .desc{ max-height: none; font-size: 12px; line-height: 20px;} .z_story_pop .infobox .warp{ width: 100%;} .z_story_pop .infobox .img{ height: 20vh;} .z_story_pop .infobox .tit{ font-size: 16px; margin: 15px 0;} .z_story_warp{ width: 100%; height: 100vw; background-size: 100% 100%;} .z_story_warp li:nth-child(1){ bottom: auto; top: 11vw;} .z_story_warp li .circle_box .con{ width: 50px; height: 50px;} .z_story_warp li .circle_box .icon-jiahao{ width:20px; height: 20px; font-size: 10px!important; line-height: 20px;} .z_story_warp li:nth-child(2) {left: 15.97916vw;top: 21vw;} .z_story_warp li:nth-child(3) {left: 29vw;top: 32vw} .z_story_warp li:nth-child(4) {left: 32.5vw;top: 48vw;} .z_story_warp li:nth-child(7) {left: 77vw;bottom: 4.65vw;} .z_story_warp li:nth-child(6) {left: 62vw;bottom: 17vw;} .z_story_warp li:nth-child(5) {left: 43vw;bottom: 27.5vw;} .z_5g_warp { box-sizing: border-box; } .z_5g_swiper{ height: auto;} .z_5g_swiper{ position: absolute; width: 100%; height: 100%; } .z_5g_warp .titbox{ width: 100%; left: auto; top: auto; position: relative; padding: 30px 20px; text-align: center;} .z_5g_warp .titbox .tit,.z_8g_warp .titbox .tit{ font-size: 16px; margin-bottom: 10px;} .z_5g_warp .titbox .desc,.z_8g_warp .titbox .desc{ font-size: 14px; line-height: 24px;} .z_5g_wz{ position: relative; width: 100%; color: #333; bottom: auto; right: auto;} .z_5gtab_con li{ padding: 15px 12px; box-sizing: border-box;} .z_5gtab_con h3{ font-size: 16px;} .z_5gtab_con .con{ font-size: 12px; line-height: 20px;} .z_5g_warp .z_swiper_btn{ display: none;} .z_5gtab_li ul{ margin-left: 0;} .z_5gtab_li li{ padding: 8px 5px; border-radius: 0; margin-left: 0; width: 20%;} .z_5gtab_li li h3{font-size: 12px;} .z_5gtab_li li .icon{ width: 40px; height: 40px; margin-bottom: 4px;} .z_8g_list{ padding:10px; padding-bottom: 0; position: relative; bottom: auto;} .z_8g_list li{ width: 48.2%; height: 30vw; margin-bottom:6px; border-radius: 5px;} .z_about_honor{ padding: 20px 10px;} .z_honorswiper_warp{ width: 100%; height: auto; padding: 0;} .z_honor_swiper{ height: auto;} .z_honor_swiper li{ width: 90px; height: 90px; padding-top: 15px;} .z_honorswiper_warp .btn{ top: 50%; width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin-top: -15px; transform: translateX(0); bottom: auto; left: auto; } .z_honorswiper_warp .prev{ left: -10px; transform:translateX(0) rotate(-90deg) ;} .z_honorswiper_warp .next{ right: -10px; transform:translateX(0) rotate(-90deg) ;} .z_honor_swiper li::before{ border-width: 2px;} .z_honor_imgbox,.z_honor_descbox{ position: relative; top: auto; transform: translateY(0); left: auto; right: auto;} .z_honor_imgbox{ width: 300px; height: 300px; margin: 20px auto; display: none;} .z_honor_descbox{ margin-top: 20px;} .z_honor_imgbox li img{ max-height: 80%;} .z_honor_descbox{ width: 100%;} .z_honor_descbox .icon img{ height: 30px;} .z_honor_descbox .tit{ font-size: 18px;margin: 10px 0;} .z_honor_descbox li .year{font-size: 20px;} .z_honor_descbox li .desc{ font-size: 14px; line-height: 24px;} .z_sub_nav{ height: 50px; line-height: 50px;} .z_sub_nav ul li a{ font-size: 14px;} .z_sub_nav ul li .icon{ max-height: 16px;} .z_service_nl{ background-attachment: inherit!important; min-height: 60vw; padding: 30px 14px;} .z_service_nl .infobox{ width: 100%;} .z_service_nl .infobox h3{ font-size: 18px; margin-bottom: 15px;} .z_service_nl .infobox h4{ font-size: 16px;} .z_service_about{ padding: 30px 0px; box-sizing: border-box; padding-bottom: 0;} .z_service_about .titbar{ font-size: 18px;} .z_service_list li{ width: 100%; border-right: none ; border-bottom: 1px solid rgba(255,255,255,.4); padding: 20px 12px;} .z_service_list li h3{ font-size: 16px; margin-bottom: 10px;} .z_service_list li .desc{ font-size: 13px;} .z_ques_warp{ padding: 20px 12px;} .z_ques_warp ul{ margin-left: 0;} .z_ques_warp li{ width: 100%; margin-left: 0; margin-bottom: 10px; padding: 15px;} .z_ques_warp li .wen{ font-size: 16px; margin-bottom: 15px;} .z_suggest_warp{ padding: 30px 14px;} .z_suggest_warp .flwarp{ width: 100%;} .z_suggest_warp .flwarp .desc{ margin: 20px 0;font-size: 14px;} .z_suggest_warp .frwarp{ margin-top: 30px; width: 100%;} .z_suggest_warp .flwarp .tit,.z_suggest_warp .frwarp .tit{ text-align: center;font-size: 18px;} .z_suggest_warp .frwarp .tit{ margin-bottom: 20px;} .z_suggest_form li{ margin-bottom: 20px;} .z_suggest_form .z_sub_btn{ width: 130px; height: 40px; line-height: 40px;} .l_service4 .fl{ display: none;} .l_service4 .fr{ width: 100%;} .l_service4Nav{ height: 40px; line-height: 40px; padding: 0 15px; box-sizing: border-box;} .l_service4 .fr .regionSe select{ height: 40px; border-radius: 20px; padding: 0 15px;} .l_service4 .fr .regionSe div::after{ right: 15px;} .l_service4 .fr .regionSe div{ width: 48%;} .l_service4 .fr .regionSe{ display: flex; justify-content: space-between;} .l_service4 .fr .content{padding: 15px;} .l_service4 .fr .search{ margin-top: 10px;} .l_service4 .fr .search .text{ height: 40px;} .l_service4 .fr .search{ border-radius: 20px; display: flex; align-items: center; padding: 0 15px;} .l_service4 .fr .itemBox{ height: auto; max-height: none; padding: 0 15px;} .l_service4{ height: auto;} .l_service4 .fr .item{ padding: 15px 0;} .l_service4 .fr .item .title{ font-size: 16px; margin-bottom: 10px;} .z_hotel_warp .itembox{ width: 100%; height: 100vw;} .z_hotel_warp .itembox .infobox{ height: auto; top: 50%; transform: translateY(-50%);} .z_hotel_warp .itembox h3{ font-size: 18px; margin-bottom: 15px;} .z_hotel_warp .itembox .desc{ font-size: 14px;} .sideMenu_tit span{ font-size: 14px;} .sideMenu_tit span:nth-child(2),.rc_box .tit span:nth-child(2),.sideMenu_tit span:nth-child(3),.rc_box .tit span:nth-child(3),.rc_box .tit span:nth-child(4){ display: none;} .sideMenu_tit span:nth-child(1),.rc_box .tit span:nth-child(1){ width: 75%; font-size: 15px;} .rc_box .tit span{ font-size: 12px;} .rc_box .tit,.sideMenu_tit span{ line-height: 40px;} .sideMenu{ margin-bottom: 20px;} .rc_box .rc_con{ padding: 10px;} .rc_box .rc_con .box{ width: 100%; padding: 0;} .rc_box .rc_con h4{ font-size: 14px; margin-bottom: 10px;} .aply_btn{ margin: 10px; height: 30px; line-height: 30px; width: 90px;} .aply_pop{ width: 90%; height: 228px;} .aply_pop h3{ height: 40px; line-height: 40px; font-size: 18px;} .aply_pop p{ margin-bottom: 20px;} .zp_tit, .rc_box .tit{ padding: 0 10px; background-size: 20px;} .sideMenu{ margin-bottom: 0;} .load_more{ font-size: 15px; height: 50px; line-height: 50px;} .aply_btn{ font-size: 12px;} .z_jmadv_awrp{ width: 100%; padding: 30px 10px;} .z_jiameng_tit{ font-size: 18px; margin-bottom: 20px;} .z_adv_list ul{ margin-left: -2%;} .z_adv_list li{ width: 48%; margin-left: 2%; padding: 15px; margin-bottom: 8px;} .z_adv_list li .icon{ height: 30px; margin-bottom: 15px;} .z_adv_list li h3{ font-size: 16px; margin-bottom: 10px;} .z_tjian_warp { background-attachment: inherit!important;} .z_tjian_warp .z_jiameng_tit{ margin-bottom: 15px;} .z_tjian_warp .war{ width: 100%;} .z_tjian_box{ min-height: auto; padding: 30px 14px; width: 100%;} .z_tjian_item{ padding: 15px 0;} .z_jmlc_warp{ padding: 30px 14px;} .z_jmlc_warp .z_jiameng_tit{ margin-bottom: 25px;} .z_lc_list ul::before{ display: none;} .z_lc_list ul li{ max-width:50%; width: 50%; padding: 0 5px; box-sizing: border-box; float: left; margin-bottom: 20px;} .z_lc_list ul li .num{ width: 40px; height: 40px; line-height: 40px; font-size: 28px; margin-bottom: 10px;} .z_suggest_warp2{ background-position: left center;} .z_suggest_form li label{ font-size: 15px;} .z_news_page .z_loadmore{ display: none;} .z_newsxq_page .z-container{ margin-top: 48px; padding: 30px 14px; width: 100%;} .z_artic_tit{ font-size: 18px; margin-bottom: 20px;} .bshare-custom{ display: none;} .z_artic_content{ padding: 20px 0; line-height: 24px; font-size: 14px;} .z_topbtm_bar .z_back{ font-size: 12px; width: 60px; height: 60px;} .z_topbtm_bar a{ height: 30px; line-height: 30px; font-size: 14px;} .z_pro_page{ padding: 20px 12px;} .z_pro_fillter dl{padding: 10px 0;} .z_pro_fillter dt{ min-width: 80px; font-size: 14px; line-height: 30px;} .z_pro_nav{ overflow: hidden;} .z_pro_nav li{ float: left; margin-right: 0;} .z_pro_nav li a{ height:28px; line-height: 28px; font-size: 14px; padding: 0 13px; display: block; border-radius: 14px; margin-bottom: 0;} .z_pro_nav {position:relative;width: 100%; overflow: hidden;margin:0 auto;height: 28px;} .z_pro_nav .scroller {position:absolute; } .z_serach_answer{ display: none;} .z_pro_list ul{ margin-left: -1.9%;} .z_pro_list li{ width: 48.1%; margin-left: 1.9%; height: 65vw;margin-bottom: 8px;} .z_pro_list li h3{ font-size: 16px;margin-bottom: 0;} .z_pro_list li::before{ height: 10px; left: 10px; top: 10px;} .z_pro_list li .infobox{ padding: 10px;} .z_pro_head{ padding: 0px 0px; margin-top: 48px; background-position: left center;} .z_pro_head .proswiper{ width: 100%;} .z_pro_head .proswiper li{ width: 100%; height: 80vw; padding: 0 20px; box-sizing: border-box;} .z_pro_head .proswiper .prohd{ width: 100%; text-align: center;} .z_pro_head .proswiper .prohd span{ width: 8px; height: 8px; margin: 0 4px;} .z_pro_head .infobox{ width: 100%; max-width: none; padding: 20px 14px; box-sizing: border-box;} .z_pro_head .titbar{ font-size: 14px;} .z_pro_head .titbar h3{ font-size: 18px;} .z_pro_head .csbar{ margin: 20px 0;} .z_pro_head .csbar p{ line-height: 36px; height: auto; font-size: 14px;} .z_pro_head .shopbar{ text-align: center;} .z_pro_head .shopbar a{ margin: 0; width: 66px; height: 66px; padding-top: 5px; margin: 0 10px;} .z_pro_head .shopbar h3{ font-size: 12px;} .z_pro_head .shopbar a .icon{ margin-bottom: 0;} .z_proxq_nav{ padding: 15px; display: flex; justify-content: space-between;} .z_proxq_nav a{ margin: 0; height: 36px; line-height: 36px; padding: 0 15px;} .z_proxq_padd{ padding: 20px 12px;} .z_prodesc_box h3{ font-size: 16px;} .z_prodesc_box .desc{ width: 100%; margin: 20px 0;} .z_prodesc_box .conbox{ margin-top:30px;} .z_xg_pro{ margin-top: 30px;} .z_xg_pro .title{ font-size: 16px;} .z_xg_pro{ padding: 20px 0;} .z_xg_pro .title .more{ width: 30px; height: 30px; line-height: 30px;} .z_xg_pro .title{ margin-bottom: 20px;} .z_pro_list li h4{font-size: 12px;} .z_pro_list li h3{ font-size: 14px; margin-bottom: 0;} .z_canshu_box .imgbox{ width: 100%; height: 50vw;} .z_canshu_box .infobox{ width: 100%; padding: 15px;} .z_canshu_box .infobox h3{ font-size: 16px!important;} .z_canshu_box .infobox p{ line-height: 40px!important; font-size: 14px!important;} .z_canshu_box .infobox .csbar{ width: 100%;} .z_canshu_box .infobox .csbar p{ line-height: 40px; font-size: 14px;} .proxqcon{ line-height: 24px;} .z_proxq_child .z_proxq_tit{ margin-bottom: 25px;} #clock{ width: 72vw; height: 72vw; top:50vw ;} .z_8g_img{ height: 130vw;} .time-cir .icon{ width: 50px; height: 50px;} .time-cir li{width: 50px; height: 50px;} .time-cir li:nth-child(4){ top: -25px;} .time-cir li h3{ font-size: 12px!important; white-space: nowrap;} .time-cir li:nth-child(6){ bottom: 11vw;} .time-cir li:nth-child(2){ bottom: 11vw;} .time-cir li:nth-child(4) h3{top: -20px;} .time-cir li:nth-child(2) h3,.time-cir li:nth-child(6) h3{ bottom: -20px;} .z_pro_head .shopbar .z_tel{display: none;} .z_tjian_desc li{ font-size: 14px; line-height: 24px;} .z_tjian_desc p strong{ font-size: 16px;} .z_footer_copy{ width: 100%;} .z_5g_warp .titbox, .z_8g_warp .titbox{ width: 100%; left: 0; padding: 0 20px; box-sizing: border-box;} .z_5g_warp .titbox{padding-top: 25px;} .dn{ display: block;} .z_5gtab_con{ margin-top: 30px;} .z_5gtab_con .con{ min-height: 90px;} } /* 解决方案 */ #c-solution2 { padding: 150px 0; } #c-solution2 .c-list { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -20px; } #c-solution2 .c-list li { margin-bottom: 40px; padding: 0 20px; width: 33.333333%; } #c-solution2 .c-list .c-wrap { display: block; padding: 30px; border-radius: 10px; text-align: center; background: #f5f6f7; } #c-solution2 .c-list .c-wrap .c-title { font-size: 24px; line-height: 38px; color: #000c1f; transition: .5s; } #c-solution2 .c-list .c-wrap:hover .c-title { color: #0054a6; } #c-solution2 .c-list .c-wrap .c-text { margin: 5px 0 5px; height: 10px; line-height: 26px; color: #565e6a; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } #c-solution2 .c-list .c-wrap .c-jt { margin-bottom: 40px; height: 48px; transition: .5s; } #c-solution2 .c-list .c-wrap:hover .c-jt { -webkit-transform: translateY(10px); transform: translateY(10px); } #c-solution2 .c-list .c-wrap .c-img-box { position: relative; border-radius: 10px; overflow: hidden; } #c-solution2 .c-list .c-wrap .c-img-box img { width: 100%; height: 100%; object-fit: cover; } #c-solution2 .c-list .c-wrap .c-img-box .c-mask { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 24px; letter-spacing: 10px; color: #fff; background: rgba(0, 0, 0, .65); transition: .5s; } #c-solution2 .c-list .c-wrap:hover .c-img-box .c-mask { opacity: 1; } #c-solution2 .c-more-btn { display: flex; align-items: center; justify-content: center; height: 84px; color: #0066ff; background: #f7f8fa; cursor: pointer; transition: .5s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #c-solution2 .c-more-btn div { position: relative; display: flex; align-items: center; } #c-solution2 .c-more-btn div::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #fff; transition: .5s; } #c-solution2 .c-more-btn:hover div::before { width: 100%; } #c-solution2 .c-more-btn i { margin-left: 10px; display: inline-block; width: 10px; height: 10px; } #c-solution2 .c-more-btn:hover { color: #fff; background: #0066ff; } #c-solution2 .c-more-btn:hover i { } #c-solution2.c-dt { padding: 100px 0 0; } #c-solution2.c-dt .c-main-title { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #d9dbde; font-size: 24px; line-height: 1; } #c-solution2.c-dt .c-list .c-wrap { padding: 30px; } #c-solution2.c-dt .c-list .c-wrap .c-text { font-size: 14px; line-height: 24px; } #c-solution2.c-dt .c-list .c-wrap .c-text { margin: 10px 0 20px; line-height: 26px; color: #565e6a; } #c-solution2.c-dt .c-list .c-wrap .c-jt { margin-bottom: 20px; height: 30px; transition: .5s; } #c-solution2.c-dt .c-list .c-wrap .c-img-box { height: 1.5rem; } #c-solution2.c-dt .c-list { margin: 0 -15px; } #c-solution2.c-dt .c-list li { margin-bottom: 0; padding: 0 15px; } #c-solution2 .c-list .c-wrap.c-dt { position: relative; display: flex; align-items: center; justify-content: center; transition: .5s; overflow: hidden; } #c-solution2 .c-list .c-wrap.c-dt>img { opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; transition: .5s; } #c-solution2 .c-list .c-wrap.c-dt:hover>img { opacity: 1; background: #0054a6; } #c-solution2 .c-list .c-wrap.c-dt>div { position: relative; z-index: 2; } #c-solution2 .c-list .c-wrap.c-dt:hover { color: #fff; } #c-solution2 .c-list .c-wrap.c-dt .c-title2 { font-weight: bold; font-size: 28px; line-height: 38px; color: #000c1f; transition: .5s; } #c-solution2 .c-list .c-wrap.c-dt .c-text2 { padding: 10px 0 30px; line-height: 26px; color: #565e6a; transition: .5s; } #c-solution2 .c-list .c-wrap.c-dt:hover .c-text2, #c-solution2 .c-list .c-wrap.c-dt:hover .c-title2 { color: #fff; } #c-solution2 .c-list .c-wrap.c-dt .c-btn { margin: 0 auto; width: 198px; line-height: 52px; text-align: center; border: 2px solid #0054a6; border-radius: 8px; color: #0054a6; transition: .5s; } #c-solution2 .c-list .c-wrap.c-dt:hover .c-btn { background: #fff; } .c-container { position: relative; margin: 0 auto; width: 65%; } @media (min-width: 1px) and (max-width: 990px){ .z_pro_page{ width: 100%; } .z_pro_list ul{ width: 100%; } .z_pro_list li{ margin-right: 0px; } .in_ban_txt h2{ font-size: 22px !important; } .in_ban_txt p{ font-size: 12px !important; } *, :before, :after{ box-sizing:unset; } input[type="text"], input[type="password"], input[type="search"], textarea, select{ width: 90%; } .clearfix{ width: 600px; /* overflow-x: auto; */ } .scroller{ width: 100%; overflow-x: auto; } } @media screen and (max-width: 767px) { .c-banner1 video { display: none; } #c-footer .c-top-box { padding: 60px 0 0; border: 0; } #c-footer .c-center-box { padding: 30px 0; border: 0; } #c-footer .c-list-box { width: 100%; } #c-footer .c-list-box .c-title { padding: 10px 0; border-bottom: 1px solid #666; } #c-footer .c-list-box .c-title i { display: inline-block; } #c-footer .c-list-box.active .c-title i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #c-footer .c-list-box .c-list { padding-top: 10px; display: none; } #c-footer .c-list-box .c-list li { padding-bottom: 5px; } #c-footer .c-text-box { line-height: 24px; } #c-footer .c-code { margin-top: 40px; width: 162px; } #c-footer .c-bottom-box { padding: 0 0 30px; } #c-prevNext { margin: -5px 0; } #c-prevNext a { margin: 5px 0; } #c-prevNext .prev i { margin-right: 10px; } #c-prevNext .next i { margin-left: 10px; } .c-banner1 .c-box1 .c-title { margin-bottom: 20px; font-size: 34px; line-height: 44px; } .c-banner1 .c-mouse { display: none; bottom: 40px; } .c-videoBox video { width: 90%; } #c-business .c-title { margin-bottom: 20px; padding-bottom: 20px; font-size: 24px; line-height: 34px; } #c-business { padding: 60px 0; } #c-business .c-list li, #c-business .c-list li:first-child { width: 100%; } #c-business .c-list .c-wrap { padding: 0 20px; } #c-business .c-list .c-wrap, #c-business .c-list li:first-child .c-wrap { height: 54px; } #c-digitization { padding-top: 60px; } #c-common-box, #c-news2, #c-solution2, #c-case2, #c-common-box2, #c-case4, #c-digitization2, #c-digitization3, #c-digitization4, #c-digitization5, #c-contact, #c-joi, #c-model, #c-service, #c-service2, #c-about, #c-target, #c-events, #c-honor, #c-join, #c-contact2, #c-strategy { padding: 60px 0; } #c-gg { padding: 80px 0; } #c-solution, #c-news { padding: 60px 0 150px; background-position: bottom 60px center; } .c-common-title .c-title { font-size: 24px; } .c-common-title .c-more-box { padding: 20px 0; } .c-common-title .c-more-box .c-more { line-height: 36px; } #c-solution .c-list { margin-bottom: -20px; padding-top: 20px; } #c-solution .c-list li { margin-bottom: 20px; width: 100%; } #c-solution .c-list .c-wrap { height: 14rem; } #c-case { padding-top: 60px; } .c-banner2-top { margin-top: -106px; } .c-banner2-top .c-wrap { top: 130px; } .c-banner2-top .c-wrap .c-text-box { width: 100%; } .c-banner2-top .c-wrap .c-text-box .c-title { font-size: 20px; line-height: 30px; } .c-banner2-bottom .c-text-box, .c-banner4-bottom .c-text-box { height: 78px; } .c-banner2-bottom .c-text, .c-banner4-bottom .c-text { height: 52px; font-size: 16px; line-height: 26px; } .c-banner2-bottom .swiper-slide, .c-banner4-bottom .swiper-slide { padding: 20px; } .c-banner2-bottom-wrap { margin-top: -100px; } .c-banner2-top img { height: 500px; } #c-news .c-headlines { padding: 20px 0; } #c-news .c-list { padding: 20px 0 0; } #c-news .c-headlines .c-wrap .c-img-box, #c-news .c-headlines .c-wrap .c-text-box { width: 100%; } #c-news .c-headlines .c-wrap .c-text-box .c-time { padding-top: 10px; } #c-news .c-headlines .c-wrap .c-text-box .c-line { margin: 15px 0; } #c-news .c-list li { width: 100%; } #c-gg .c-title { font-size: 24px; line-height: 34px; } #c-footer .c-center-box .c-list1, #c-footer .c-center-box .c-list2 { width: 100%; justify-content: center; } #c-footer .c-center-box .c-list1 li { padding-right: 10px; margin-right: 0; } #c-footer .c-bottom-box .c-copyright, #c-footer .c-bottom-box .c-fullow { width: 100%; } #c-top-site .c-box { padding: 30px 0; } #c-top-site .c-box .c-return { display: none; } #c-common-box .c-left .c-title-box { margin-bottom: 20px; padding: 30px 0 20px; } #c-common-box .c-left .c-main-text { padding: 0 20px 30px; } #c-common-box .c-left .c-title-box .c-title { font-size: 24px; line-height: 34px; } #c-common-box .c-right .c-title { padding-bottom: 20px; } #c-common-box .c-right .c-list li { padding: 20px 0; } #c-top-banner img { height: 16rem; } #c-top-banner .c-box .c-title { font-size: 30px; line-height: 40px; } #c-top-banner .c-menu .c-list a { border-bottom: 2px solid transparent; } #c-top-banner .c-menu .c-list li.on a { font-size: 20px; } #c-news2 .c-list li { margin-bottom: 30px; width: 100%; } #c-news2 .c-list .c-wrap .c-img-box { height: 12rem; } #c-news2 .c-list .c-wrap .c-time { padding-top: 15px; } #c-news2 .c-list .c-wrap .c-text { height: 68px; margin: 15px 0; padding-top: 15px; } #c-news2 .c-btn { line-height: 50px; } #c-top-banner.c-dt .c-box { bottom: 30px; } #c-solution2 .c-list li { width: 100%; } #c-solution2 .c-list .c-wrap { padding: 30px; } #c-solution2 .c-list .c-wrap .c-text, #c-solution2 .c-list .c-wrap .c-jt { margin-bottom: 20px; } #c-solution2 .c-list .c-wrap .c-img-box { height: 12rem; } #c-solution2 .c-list li { margin-bottom: 20px; } #c-case2 .c-list li { width: 100%; } #c-case2 .c-list .c-wrap { height: 10rem; } #c-case2 .c-list li { margin-bottom: 20px; } #c-case2 .c-more-btn, #c-news2 .c-more-btn, #c-solution2 .c-more-btn { height: 50px; } #c-top-banner .c-box2 .c-title { font-size: 30px; line-height: 40px; } #c-top-banner .c-site p { padding: 20px 0; } #c-common-box2 .c-box .c-title, #c-case4 .c-title-box .c-title { font-size: 24px; line-height: 34px; margin-bottom: 20px; } #c-common-box2 .c-box .c-text-box { padding: 30px 20px; } #c-common-box2 .c-box:nth-child(2) { margin-top: 60px; } .c-common-title2 { margin-bottom: 20px; } .c-common-title2 .c-title { font-size: 23px; line-height: 33px; } #c-digitization .c-text-wrap { padding: 20px; } #c-digitization2 .c-list { margin-bottom: -20px; } #c-digitization2 .c-list li { margin-bottom: 20px; width: 100%; } #c-digitization2 .c-list .c-wrap .c-title { padding: 30px 0 20px; font-size: 20px; line-height: 30px; } .c-banner3-top .c-title { font-size: 14px; line-height: 18px; } .c-banner3-top { margin-bottom: 20px; } .c-banner3-bottom .swiper-slide { border-radius: 10px; padding: 20px; } .c-banner3-bottom .swiper-slide .c-text-box .c-title { font-size: 20px; line-height: 30px; } .c-banner3-bottom .swiper-slide .c-text-box .c-text { padding: 20px 0; min-height: auto; } .c-banner3-bottom .swiper-slide .c-list { padding: 20px 0 0; } .c-banner3-bottom .swiper-slide .c-img-box { display: none; height: 10rem; } #c-digitization5 .c-list li { width: 50%; } #c-digitization5 .c-list .c-wrap .c-text-box { padding: 15px 0; } #c-digitization5 .c-list .c-wrap { position: relative; height: 6rem; min-height: auto; border-radius: 5px; overflow: hidden; } #c-case5 { padding-top: 60px; } .c-banner4-top { margin-top: -114px; } .c-banner4-top .c-wrap { top: 126px; } .c-banner4-top .c-wrap .c-text-box { padding: 20px; } .c-banner4-top .c-wrap .c-text-box .c-title a { width: 100%; } .c-banner4-top .c-wrap .c-text-box .c-title { font-size: 18px; line-height: 28px; } .c-banner4-top .c-wrap .c-text-box .c-text { width: 100%; } .c-banner4-bottom-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .c-banner4-top .c-wrap .c-text-box .c-text { height: 104px; width: 100%; line-height: 26px; -webkit-line-clamp: 4; } .c-banner4-top img { height: 515px; } .c-banner4-bottom-wrap { margin-top: -210px; } #c-contact .c-box-wrap .c-text-box { padding: 20px; } #c-contact .c-box-wrap .c-text-box .c-title { font-size: 24px; line-height: 34px; } #c-contact .c-box-wrap .c-text-box .c-bottom { padding-top: 20px; } #c-contact .c-box-wrap .c-text-box .c-code { margin-right: 20px; } #c-join .c-list li { width: 100%; } #c-sitemap .c-box { padding: 0 20px; } #c-sitemap .c-list>li { padding: 20px 0; } #c-sitemap .c-list2>li { width: 50%; } #c-sitemap .c-list .c-title-box { font-size: 20px; line-height: 30px; } #c-digitization .c-text-box .c-text-wrap { padding: 30px; } #c-digitization .c-text-box .c-text-wrap { min-height: auto; } #c-model .c-list li { padding: 0 20px 10px; } #c-model .c-list { margin-bottom: 20px; } #c-model .c-list2 { margin-bottom: -20px; } #c-model .c-list2 li .c-item { margin-bottom: 20px; width: 100%; } #c-model .c-list2 li .c-top .c-left .c-title { font-size: 18px; line-height: 28px; } #c-service .c-list li { margin-bottom: 20px; width: 100%; } #c-service .c-list .c-wrap .c-img-box { height: 6rem; } #c-service2 .c-list-box .c-list1 li, #c-service2 .c-list-box .c-list2 .c-title { font-size: 20px; line-height: 30px; } #c-service2 .c-list-box .c-list3 { height: 300px; } #c-service2 .c-list-box .c-list2 .c-btn { width: 120px; height: 50px; } #c-service2 .c-list-box .c-list2 .c-btn .c-img-box { margin-right: 10px; } #c-service .c-list { margin-bottom: -20px; } #c-about .c-text-box .c-title, #c-events .c-top .c-title { font-size: 24px; line-height: 34px; } #c-about .c-text-box .c-title { margin-bottom: 20px; padding-bottom: 20px; } #c-about .c-text-box { margin-bottom: 20px; } .c-common-title2 .c-text2 { margin-top: 20px; } #c-target .c-list { margin-bottom: -20px; } #c-target .c-list li { width: 100%; margin-bottom: 20px; } #c-target .c-list .c-wrap { height: 12rem; } #c-target .c-list .c-wrap .c-text { font-size: 16px; line-height: 26px; } #c-events .c-top-box { padding-bottom: 30px; } .c-banner6 .c-dot { margin: 0 0 30px 30px; } .c-banner6 .c-box { padding: 20px; } .c-banner6 .c-box .c-num { margin-bottom: 10px; } #c-join .c-list { margin: 0 -10px -20px; } #c-join .c-list .c-mask .c-box { padding: 20px; } #c-join .c-list .c-mask .c-box .c-title { padding-right: 50px; font-size: 20px; line-height: 30px; } #c-join .c-list .c-mask .c-box .c-close { top: 20px; right: 20px; width: 30px; height: 30px; background-size: 16px; } #c-join .c-list .c-mask .c-box .c-text-box { top: 70px; left: 20px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); height: -webkit-calc(100% - 100px); height: calc(100% - 100px); font-size: 14px; line-height: 24px; } #c-pop .c-title { font-size: 24px; line-height: 60px; } #c-pop .c-list { padding: 30px; } #c-pop .c-list li:last-child { margin-top: 0; } #c-pop .c-close { top: 16px; } #c-pop .c-list .c-text { width: 80px; font-size: 14px; line-height: 24px; } #c-pop .c-list input, #c-pop .c-list select { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); font-size: 14px; } #c-pop .c-list button { font-size: 14px; } #c-pop .c-list select { background-size: 14px auto; } .c-common-title .c-title i { margin-left: 10px; font-size: 18px; } .c-common-title .c-more { padding: 0 15px; } #c-footer .c-top-box .c-wrap { justify-content: center; } .c-banner5 .swiper-pagination-bullet { width: 30px; } .c-banner5 { padding-bottom: 40px; } #c-common-box2 .c-return-box .c-return { margin-top: 30px; } #c-solution2.c-dt { padding-top: 60px; } #c-solution2.c-dt .c-list .c-wrap .c-img-box { height: 7rem; } #c-solution2.c-dt .c-list li { margin-bottom: 20px; } #c-solution2.c-dt .c-list li:last-child { margin-bottom: 0; } #c-common-box .c-pnbox { padding-top: 20px; } #c-common-box .c-pnbox>div { width: 100%; margin-top: 10px; } #c-footer .c-center-box .c-list1 li::before { display: none; } #c-business .c-list li { margin-bottom: 10px; } #c-news2 .c-list2 .c-wrap .c-right, #c-news2 .c-list2 .c-wrap .c-left { width: 100%; } #c-news2 .c-list2 .c-wrap .c-left .c-num2 { margin-bottom: 10px; } #c-news2 .c-list2 .c-wrap .c-right .c-title { font-size: 20px; } #c-news2 .c-list2 .c-wrap .c-left .c-num2 { font-size: 24px; line-height: 34px; } #c-footer .c-center-box .c-list2 { flex-wrap: wrap; } .c-banner3-bottom .swiper-slide .c-list li { padding: 0 15px; } #c-footer .c-center-box .c-list1 li, #c-footer .c-center-box .c-list2 li { padding: 0; margin: 0; width: 100%; } #c-footer .c-center-box .c-list1 li a, #c-footer .c-center-box .c-list2 li a { display: flex; align-items: center; justify-content: space-between; line-height: 50px; border-bottom: 1px solid #404957; } #c-footer .c-center-box .c-list1 a i { display: inline-block; transition: .5s; } #c-footer .c-center-box .c-list2 a { color: #fff; line-height: 50px; } #c-footer .c-center-box .c-list1 ul a { padding-left: 20px; } #c-footer .c-center-box .c-list1 li.on>a>i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #c-strategy .c-list1 { display: flex; align-items: center; width: 100%; margin-bottom: 20px; overflow: auto; } #c-strategy .c-list1 li { flex: none; } #c-strategy .c-list1 li { font-size: 14px; line-height: 30px; } #c-strategy .c-list2 { margin-bottom: -20px; width: 100%; } #c-strategy .c-list2 li { margin: 0 -10px; } #c-strategy .c-list2 .c-wrap { padding: 20px; } #c-strategy .c-list2 .c-item { margin-bottom: 20px; padding: 0 10px; width: 100%; } #c-strategy .c-list2 .c-wrap .c-title { font-size: 20px; line-height: 30px; } #c-strategy .c-list2 .c-wrap .c-text { padding: 10px 0; } #c-strategy .c-list2 .c-wrap .c-btn { width: 120px; font-size: 14px; line-height: 40px; } #c-strategy .c-list2 .c-wrap .c-btn img { margin-right: 10px; height: 16px; } #c-solution2 .c-list .c-wrap.c-dt .c-text2 { padding: 20px 0 30px; font-size: 16px; line-height: 26px; } #c-strategy .c-list1 li i { display: none; } #c-strategy .c-list1 li { padding: 5px 13px; } #c-pop .c-list input, #c-pop .c-list select { height: 42px; line-height: 40px; } #c-pop .c-list li .c-img { height: 42px; } #c-pop .c-list li { margin-bottom: 10px; } #c-digitization .c-box-wrap { padding: 30px; } #c-digitization .c-box-wrap .c-img-box { width: 100%; } #c-digitization .c-box-wrap .c-text-box { width: 100%; padding: 20px 0 0 0; } #c-digitization .c-box-wrap .c-text-box .c-title { margin-bottom: 10px; font-size: 24px; line-height: 34px; } #c-digitization .c-bg { height: 250px; } .c-container{ width: 90%; } }