@charset "utf-8"; html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;} blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} table,th,td{border: 1px solid black;} fieldset,img{border:0} address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;} dl,ol,ul{list-style-type:none} h1,h2,h3,h4,h5,h6{font-size:100%;} a{text-decoration:none;color: inherit;} a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;} sup{vertical-align:text-top} sub{vertical-align:text-bottom} textarea{resize:none;outline: none;font-family: Arial,Microsoft Yahei;} img{vertical-align:middle;max-width: 100%;height: auto;} button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;} input{outline: 0;} input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/} body{color: #000;font-family: Arial,Microsoft Yahei;} body *{box-sizing: border-box;line-height: 1;} #web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; box-sizing: content-box; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;} #web-ietip a{display: block; width: 65px; height: 80px; float: left;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .eps1{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .eps3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .eps4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .eps5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .v-hide{ visibility: hidden; } .h-menu{display: none;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 28px 28px;right: 0;top: 0;} .h-mask{background-color:rgba(0,0,0,.6);position:fixed;left:0;top:0;right:0;bottom:0;z-index:998;transition:all .5s;opacity:0;visibility:hidden} .h-mask.running{ opacity: 1;visibility: visible; } .h-sch{display:none;width:100%;padding:.4rem 0;position:fixed;top:0;right:0;margin-right:0;z-index:999;background-color:#fff;font-size:0;text-align:center} .teaser{opacity:0;transform:translate3d(0,73px,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);} .teaser.is-visible{opacity:1;transform:translate3d(0,0,0);} .lter{opacity:0;transform:translate3d(-73px,0,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);} .lter.is-visible{opacity:1;transform:translate3d(0,0,0);} .rter{opacity:0;transform:translate3d(73px,0,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);} .rter.is-visible{opacity:1;transform:translate3d(0,0,0);} .door{position: relative;} .door:before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 123;} .door.is-visible:before{height: 0;} .door1{position: absolute;left: 0;top: 0;z-index: 123;width: 100%;height: 100%;pointer-events: none;} .door1:before{content: "";display: block;width: 50%;height: 100%;background-color: #fff;position: absolute;left: 0;bottom: 0;z-index: 123;transition: width 2s cubic-bezier(.25,.1,.25,1);transition-delay: .8s;} .door1.is-visible:before{width: 0;} .door1:after{content: "";display: block;width: 50%;height: 100%;background-color: #fff;position: absolute;right: 0;top: 0;z-index: 123;transition: width 2s cubic-bezier(.25,.1,.25,1);transition-delay: .8s;} .door1.is-visible:after{width: 0;} .door2{position: absolute;left: 0;top: 0;z-index: 123;width: 100%;height: 100%;pointer-events: none;} .door2:before{content: "";display: block;width: 100%;height: 50%;background-color: #fff;position: absolute;left: 0;bottom: 0;z-index: 123;transition: height 2s cubic-bezier(.25,.1,.25,1);transition-delay: .8s;} .door2.is-visible:before{height: 0;} .door2:after{content: "";display: block;width: 100%;height: 50%;background-color: #fff;position: absolute;right: 0;top: 0;z-index: 123;transition: height 2s cubic-bezier(.25,.1,.25,1);transition-delay: .8s;} .door2.is-visible:after{height: 0;} .h-sch{display:none;width:100%;padding:.4rem 0;position:fixed;top:0;right:0;margin-right:0;z-index:999;background-color:#fff;font-size:0;text-align:center} header.show-sch .h-sch{display:block} .h-form{width:100%;background-color:transparent;position:relative;overflow:hidden;font-size:0} .h-text{width:3.8rem;height:.4rem;line-height:.4rem;font-size:.14rem;padding:0 .1rem 0 0.05rem;border-radius:0;border:none;border-bottom:1px solid #ccc;border-right:none;vertical-align:top;background-color:transparent;color:#595757;text-align:left;vertical-align:top} @media(max-width:750px){ .h-sch{ padding: 40px 0; } .h-text{width:220px} } .h-smt{background-image:url(../images/icon/search-black.png);background-position:center center;border-radius:0;width:.4rem;height:.4rem;background-size:.18rem .18rem;background-repeat:no-repeat;color:transparent;cursor:pointer;border:none;border-bottom:1px solid #ccc;background-color:transparent;transition:all .3s;vertical-align:top} header.show-sch .h-mask{opacity:1;visibility:visible} html{font-size: calc(100vw / 1920 * 100);} /* 自定义滚动条 */ .nc-scroll .mCSB_scrollTools{opacity: .8;height: 56%;right: .46rem;top: 22%;} @media (max-width:900px){ .nc-scroll .mCSB_scrollTools{right: 0;} .h-smt{ height: .8rem; width: .6rem; background-size: .3rem .3rem; } .h-text{ height: .8rem; font-size: .3rem; /* padding: .25rem 0; */ } } .nc-scroll .mCSB_scrollTools .mCSB_draggerRail{width: .04rem;background-color: #d1d1d1;filter: none;-ms-filter: none;} .nc-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: .04rem;background-color: #ec681a;border-radius: 0;filter: none;-ms-filter: none;} .nc-scroll .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .nc-scroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #ec681a;filter: none;-ms-filter: none;} .nc-scroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #ec681a;filter: none;-ms-filter: none;} .b-prod-intro .mCSB_scrollTools{ /* opacity: .8; height: 56%; right: .46rem; */ } .b-prod-intro .mCSB_scrollTools .mCSB_draggerRail{width: .04rem;background-color: #d1d1d1;filter: none;-ms-filter: none;} .b-prod-intro .mCSB_scrollTools .mCSB_draggerContainer{ height: 40%; top: 55%; } .b-prod-intro .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: .04rem;background-color: #ec681a;border-radius: 0;filter: none;-ms-filter: none;} .b-prod-intro .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .b-prod-intro .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ec681a;filter: none;-ms-filter: none;} .b-prod-intro .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ec681a;filter: none;-ms-filter: none;} .wmf-cont::-webkit-scrollbar {width: .04rem;height: 1px;} .wmf-cont::-webkit-scrollbar-thumb {border-radius: .05rem;box-shadow: inset 0 0 .05rem #d1d1d1;background: #ec681a;} .wmf-cont::-webkit-scrollbar-track {box-shadow: inset 0 0 .05rem #d1d1d1;border-radius: .05rem;background: #ededed;} .wmf-cont{ overflow: auto;scrollbar-color:#ec681a #d1d1d1 ;scrollbar-width: none;scrollbar-width: thin; } .wmu-text::-webkit-scrollbar {width: .04rem;height: 1px;} .wmu-text::-webkit-scrollbar-thumb {border-radius: .05rem;box-shadow: inset 0 0 .05rem #d1d1d1;background: #ec681a;} .wmu-text::-webkit-scrollbar-track {box-shadow: inset 0 0 .05rem #d1d1d1;border-radius: .05rem;background: #ededed;} .wmu-text{ overflow: auto;scrollbar-color:#ec681a #d1d1d1 ;scrollbar-width: none;scrollbar-width: thin; } .mChange-line{ /* display: none; */ } @media(max-width: 900px){ html{font-size: calc(900px / 1920 * 100);} .change-line{ display: none; } .mChange-line{ /* display: block; */ } } body{font-size: calc(16 * 100vw / 1920);} @media(max-width: 1584px){ body{font-size: 13.2px;} } .s12{font-size: calc(12 * 100vw / 1920);} @media(max-width: 1920px){ .s12{font-size: 12.0px;} } .s13{font-size: calc(13 * 100vw / 1920);} @media(max-width: 1816px){ .s13{font-size: 12.3px;} } .s14{font-size: calc(14 * 100vw / 1920);} @media(max-width: 1728px){ .s14{font-size: 12.6px;} } .s15{font-size: calc(15 * 100vw / 1920);} @media(max-width: 1651px){ .s15{font-size: 12.9px;} } .s16{font-size: calc(16 * 100vw / 1920);} @media(max-width: 1584px){ .s16{font-size: 13.2px;} } .s17{font-size: calc(17 * 100vw / 1920);} @media(max-width: 1524px){ .s17{font-size: 13.5px;} } .s18{font-size: calc(18 * 100vw / 1920);} @media(max-width: 1472px){ .s18{font-size: 13.8px;} } .s19{font-size: calc(19 * 100vw / 1920);} @media(max-width: 1424px){ .s19{font-size: 14.1px;} } .s20{font-size: calc(20 * 100vw / 1920);} @media(max-width: 1382px){ .s20{font-size: 14.4px;} } .s21{font-size: calc(21 * 100vw / 1920);} @media(max-width: 1344px){ .s21{font-size: 14.7px;} } .s22{font-size: calc(22 * 100vw / 1920);} @media(max-width: 1309px){ .s22{font-size: 15.0px;} } .s23{font-size: calc(23 * 100vw / 1920);} @media(max-width: 1277px){ .s23{font-size: 15.3px;} } .s24{font-size: calc(24 * 100vw / 1920);} @media(max-width: 1248px){ .s24{font-size: 15.6px;} } .s25{font-size: calc(25 * 100vw / 1920);} @media(max-width: 1221px){ .s25{font-size: 15.9px;} } .s26{font-size: calc(26 * 100vw / 1920);} @media(max-width: 1196px){ .s26{font-size: 16.2px;} } .s27{font-size: calc(27 * 100vw / 1920);} @media(max-width: 1173px){ .s27{font-size: 16.5px;} } .s28{font-size: calc(28 * 100vw / 1920);} @media(max-width: 1152px){ .s28{font-size: 16.8px;} } .s29{font-size: calc(29 * 100vw / 1920);} @media(max-width: 1132px){ .s29{font-size: 17.1px;} } .s30{font-size: calc(30 * 100vw / 1920);} @media(max-width: 1113px){ .s30{font-size: 17.4px;} } .s31{font-size: calc(31 * 100vw / 1920);} @media(max-width: 1096px){ .s31{font-size: 17.7px;} } .s32{font-size: calc(32 * 100vw / 1920);} @media(max-width: 1080px){ .s32{font-size: 18.0px;} } .s33{font-size: calc(33 * 100vw / 1920);} @media(max-width: 1064px){ .s33{font-size: 18.3px;} } .s34{font-size: calc(34 * 100vw / 1920);} @media(max-width: 1050px){ .s34{font-size: 18.6px;} } .s35{font-size: calc(35 * 100vw / 1920);} @media(max-width: 1036px){ .s35{font-size: 18.9px;} } .s36{font-size: calc(36 * 100vw / 1920);} @media(max-width: 1024px){ .s36{font-size: 19.2px;} } .s37{font-size: calc(37 * 100vw / 1920);} @media(max-width: 1011px){ .s37{font-size: 19.5px;} } .s38{font-size: calc(38 * 100vw / 1920);} @media(max-width: 1000px){ .s38{font-size: 19.8px;} } .s39{font-size: calc(39 * 100vw / 1920);} @media(max-width: 989px){ .s39{font-size: 20.1px;} } .s40{font-size: calc(40 * 100vw / 1920);} @media(max-width: 979px){ .s40{font-size: 20.4px;} } .s41{font-size: calc(41 * 100vw / 1920);} @media(max-width: 969px){ .s41{font-size: 20.7px;} } .s42{font-size: calc(42 * 100vw / 1920);} @media(max-width: 960px){ .s42{font-size: 21.0px;} } .s43{font-size: calc(43 * 100vw / 1920);} @media(max-width: 951px){ .s43{font-size: 21.3px;} } .s44{font-size: calc(44 * 100vw / 1920);} @media(max-width: 942px){ .s44{font-size: 21.6px;} } .s45{font-size: calc(45 * 100vw / 1920);} @media(max-width: 934px){ .s45{font-size: 21.9px;} } .s46{font-size: calc(46 * 100vw / 1920);} @media(max-width: 926px){ .s46{font-size: 22.2px;} } .s47{font-size: calc(47 * 100vw / 1920);} @media(max-width: 919px){ .s47{font-size: 22.5px;} } .s48{font-size: calc(48 * 100vw / 1920);} @media(max-width: 911px){ .s48{font-size: 22.8px;} } .s49{font-size: calc(49 * 100vw / 1920);} @media(max-width: 905px){ .s49{font-size: 23.1px;} } .s50{font-size: calc(50 * 100vw / 1920);} @media(max-width: 898px){ .s50{font-size: 23.4px;} } .s51{font-size: calc(51 * 100vw / 1920);} @media(max-width: 892px){ .s51{font-size: 23.7px;} } .s52{font-size: calc(52 * 100vw / 1920);} @media(max-width: 886px){ .s52{font-size: 24.0px;} } .s53{font-size: calc(53 * 100vw / 1920);} @media(max-width: 880px){ .s53{font-size: 24.3px;} } .s54{font-size: calc(54 * 100vw / 1920);} @media(max-width: 874px){ .s54{font-size: 24.6px;} } .s55{font-size: calc(55 * 100vw / 1920);} @media(max-width: 869px){ .s55{font-size: 24.9px;} } .s56{font-size: calc(56 * 100vw / 1920);} @media(max-width: 864px){ .s56{font-size: 25.2px;} } .s57{font-size: calc(57 * 100vw / 1920);} @media(max-width: 858px){ .s57{font-size: 25.5px;} } .s58{font-size: calc(58 * 100vw / 1920);} @media(max-width: 854px){ .s58{font-size: 25.8px;} } .s59{font-size: calc(59 * 100vw / 1920);} @media(max-width: 849px){ .s59{font-size: 26.1px;} } .s60{font-size: calc(60 * 100vw / 1920);} @media(max-width: 844px){ .s60{font-size: 26.4px;} } .s61{font-size: calc(61 * 100vw / 1920);} @media(max-width: 840px){ .s60{font-size: 26.7px;} } .s62{font-size: calc(62 * 100vw / 1920);} @media(max-width: 836px){ .s60{font-size: 27.0px;} } .s63{font-size: calc(63 * 100vw / 1920);} @media(max-width: 832px){ .s60{font-size: 27.3px;} } .s64{font-size: calc(64 * 100vw / 1920);} @media(max-width: 828px){ .s60{font-size: 27.6px;} } .s65{font-size: calc(65 * 100vw / 1920);} @media(max-width: 824px){ .s60{font-size: 27.9px;} } .s66{font-size: calc(66 * 100vw / 1920);} @media(max-width: 820px){ .s60{font-size: 28.2px;} } .s67{font-size: calc(67 * 100vw / 1920);} @media(max-width: 816px){ .s67{font-size: 28.5px;} } @media(max-width: 750px){ .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;} .z2,.z3,.z4,.z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;} .z2{width: 49% !important;} .z3{width: 32% !important;} .z4{width: 23.5% !important;} .z5{width: 18.4% !important;} .z2:nth-child(2n),.z3:nth-child(3n),.z4:nth-child(4n),.z5:nth-child(5n){margin-right: 0 !important;} .l1{padding-left: 10px !important;} .r1{padding-right: 10px !important;} .t1{padding-top: 10px !important;} .b1{padding-bottom: 10px !important;} .l2{padding-left: 20px !important;} .r2{padding-right: 20px !important;} .t2{padding-top: 20px !important;} .b2{padding-bottom: 20px !important;} .l3{padding-left: 30px !important;} .r3{padding-right: 30px !important;} .t3{padding-top: 30px !important;} .b3{padding-bottom: 30px !important;} } .paging{width: 100%;text-align: center;font-size: 0;} .paging-up{display: inline-block;vertical-align: middle;cursor: pointer; margin: .1rem 3px;width: .6rem;height: .6rem;border-radius: 50%; background-image: url('../images/wm5.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;} .paging-up:hover{background-image: url('../images/wm5-c.png');background-color: #ec6819;} .paging-next{transform: rotate(-180deg); display: inline-block;vertical-align: middle;cursor: pointer; margin: .1rem 3px;width: .6rem;height: .6rem;border-radius: 50%; background-image: url('../images/wm5-b.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;} .paging-next:hover{background-image: url('../images/wm5-c.png');background-color: #ec6819;} .paging-item{ display: inline-block;vertical-align: middle;cursor: pointer; margin: .1rem 3px;font-weight: bold;color: #666; min-width: .6rem;height: .6rem;line-height: .6rem;text-align: center; border-radius: 50%; } .paging-item:hover{background-color: #ec6819; color: #fff;} .paging-item.active{background-color: #ec6819; color: #fff;} .wma-a{width: 100%;padding-top: 1.3rem;padding-bottom: 1.7rem;background-image: url('../images/wm1.png');background-size: 5.49rem auto; background-position:left top ;background-repeat: no-repeat;} .wma-main{width: 100%;margin: 0 auto;} .wma-top{width: 100%;padding: 0 1.2rem .8rem;} .wma-titles{color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .15rem; padding-bottom: .17rem;position: relative;} .wma-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wma-intro{color: #333;line-height: 1.41;font-weight: bold;margin-bottom: .3rem;} .wma-textbox{color: #444;line-height: 1.77;} .wma-textbox *{line-height: inherit;max-width: 100%;} .wma-bottom{width: 100%;font-size: 0;padding-left: 1.2rem;} .wma-right{display: inline-block;vertical-align: middle;width: 11rem;} .wma-right img{width: 100%;} .wma-left{display: inline-block;vertical-align: middle;width: calc(100% - 11rem);} .wma-list{width: 5.9rem;font-size: 0;} .wma-item{display: inline-block;vertical-align: top;width: 50%;margin: .55rem 0;} .year-item{display: inline-block;vertical-align: top;width: 50%;margin: .55rem 0;} /* 与wma-item 一摸一样 只用为区分年份数字滚动位置 */ .wma-b{display: inline-block;min-width: 1.55rem;border-bottom: 1px solid #dcdcdc;padding-bottom: .15rem;margin-bottom: .15rem;} .wma-b{display: inline-block;min-width: 1.55rem;border-bottom: 1px solid #dcdcdc;padding-bottom: .15rem;margin-bottom: .15rem;} .wma-nub{display: inline-block;vertical-align: middle;color: #ec6819;font-weight: bold;margin-right: .05rem;} .wma-c{display: inline-block;vertical-align: middle;color: #ec6819;} .wma-d{color: #333;line-height: 1.5;} @media(max-width: 900px){ .wma-a{padding-top: .8rem;padding-bottom: .8rem;} .wma-main{max-width: 500px;padding-left: 10px;padding-right: 10px;} .wma-top{padding: 0 0 .5rem;} .wma-bottom{padding: 0 ;} .wma-left{width: 100%;} .wma-list{width: 100%;display: flex;flex-wrap: wrap;} .wma-right{width: 100%;} .wma-item{width: 33.333%;margin: 0 0 .5rem ;display: flex;flex-direction: column; align-items: center;} .year-item{width: 33.333%;margin: 0 0 .5rem ;display: flex;flex-direction: column; align-items: center;} .wma-b{text-align: center;} } .wmb-a{width: 100%;padding-top: 1.55rem;padding-bottom: .85rem; background-color: #f6f6f6;} .wmb-main{width:16.8rem;margin: 0 auto;} .wmb-top{width: 100%;position: relative;padding-top: .6rem;padding-bottom: .87rem;} .wmb-b{position: absolute;top: 0;left: 0;width: 100%;} .wmb-titles{color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .15rem; padding-bottom: .17rem;position: relative;} .wmb-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmb-intro{color: #333;line-height: 1.41;font-weight: bold;margin-bottom: .3rem;} .wmb-img{width: 100%;} .wmb-img img{width: 100%;} .wmb-bottom{width: 100%;margin-bottom: 1.54rem;} .wmb-list{width: 100%;position: relative;padding: .6rem 0 ;} .wmb-c{width: 100%;font-size: 0;} .wmb-item{display: inline-block;vertical-align: middle; width: 2.64rem;margin-right: .19rem;padding: .1rem 0;} .wmb-item:nth-child(6n){margin-right: 0;} .wmb-link{display: block;cursor: pointer;overflow: hidden; height: 1.34rem; line-height: 1.34rem;text-align: center;background-color: #fff;border: solid 1px #eee;} .wmb-link img{max-width: 80%;max-height: 80%;transform: scale(1.00);transition: all ease .5s;} .wmb-link:hover img{transform: scale(1.1);} .wmb-prev{left: -.3rem;margin-top: -.3rem; width: .6rem;height: .6rem;background-color: #fff;border-radius: 50%;border: solid 1px #999;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmb-prev:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wmb-next{transform: rotate(-180deg); right: -.3rem;margin-top: -.3rem;width: .6rem;height: .6rem;background-color: #fff;border-radius: 50%;border: solid 1px #999;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmb-next:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wmb-pagination{display: none;} @media(max-width: 900px){ .wmb-a{padding-top: .8rem;padding-bottom: .2rem;} .wmb-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmb-top{width: 100%;padding-top: 0;} .wmb-b{position: relative;} .wmb-item{width: calc(33.33% - 6.7px);margin-right: 10px;} .wmb-item:nth-child(3n){margin-right: 0;} .wmb-list{padding: .6rem .3rem;} .wmb-prev{left: 0;background-size: 5px auto;} .wmb-next{right: 0;background-size: 5px auto;} } .wmc-a{width: 100%;padding-top: 1.43rem;padding-bottom: 1.3rem;} .wmc-main{width: 16.8rem;margin: 0 auto;} .wmc-top{width: 100%;padding-bottom: 1.1rem;margin-bottom: 1.4rem; border-bottom: 1px solid #666;} .wmc-titles{color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .23rem; padding-bottom: .17rem;position: relative;} .wmc-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmc-textbox{color: #444;line-height: 1.77;margin-bottom: .35rem;} .wmc-textbox *{line-height: inherit;max-width: 100%;} .wmc-mailbox{color: #333;line-height: 1.41;} .wmc-bottom{width: 100%;} .wmc-list{width: 100%;padding-top: .25rem;font-size: 0;display: flex;justify-content: space-between;flex-wrap: wrap;} .wmc-item{display: block;cursor: pointer;padding: .82rem .3rem .35rem;margin-bottom: .45rem; position: relative;width: 8.15rem;background-color: #f6f6f6;border-radius: .26rem .1rem .1rem .1rem;overflow: hidden;} .wmc-label{position: absolute;top: 0;left: 0;color: #fff;padding: .15rem .3rem; background-color: #ec6819;border-radius: 0 0 .26rem 0;} .wmc-name{margin-bottom: .1rem; color: #222222;line-height: 1.45;font-weight: bold; overflow: hidden;white-space: normal;text-overflow: ellipsis;} .wmc-time{color: #666;margin-bottom: .1rem;} .wmc-time img{height: 1em;margin-right: .1rem;} .wmc-time span{color: #ec6819;} .wmc-more{display: block;color: #ec6819;} .wmc-more:after{content: '>';margin-left: .1rem;} .wmc-item:hover{background-color: #fff;box-shadow: 0px .06rem .13rem .04rem rgba(0, 0, 0, 0.1);} @media(max-width: 900px){ .wmc-a{padding-top: .8rem;padding-bottom: .8rem;} .wmc-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmc-top{padding-bottom: .6rem;margin-bottom: .8rem;} .wmc-item{width: 100%;} } .wmd-a{width: 100%;padding-top: 1.2rem;padding-bottom: 1.28rem; background-color: #f6f6f6;} .wmd-main{width: 16.8rem;margin: 0 auto;} .wmd-titles{color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .5rem; padding-bottom: .17rem;position: relative;} .wmd-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmd-list{width: 100%;padding-bottom: .5rem;} .wmd-item{width: 100%;cursor: pointer; display: flex; justify-content: space-between;align-items: center;flex-wrap: wrap; padding: .3rem .4rem;border-bottom: 1px solid #cccccc;} .wmd-left{flex: 1;} .wmd-name{display: block;width: 100%;line-height: 1.36; color: #222222;font-weight: bold; } .wmd-right{font-size: 0;} .wmd-time{display: inline-block;vertical-align: middle; color: #888888;line-height: .36rem;padding-right: .4rem;margin-right: .4rem;border-right: 1px solid #cccccc;} .wmd-download{display: inline-block;vertical-align: middle;color: #666;} .wmd-download img{height: 1.25em;margin-right: .08rem;} .wmd-item:hover{background-color: #fff;} .wmd-item:hover .wmd-name{color: #ec6819;} @media(max-width: 900px){ .wmd-a{padding-top: .8rem;padding-bottom: .8rem;} .wmd-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmd-item{padding: .3rem ;} .wmd-left{flex: none;width: 100%;margin-bottom: .15rem;} .wmd-right{display: block;width: 100%;} } body.invitation_for_bids footer .f-with-nav.gray{background-color: #fff !important;} .wme-a{width: 100%;padding-top: 1.55rem;padding-bottom: 2.23rem;} .wme-main{width: 16.8rem;margin: 0 auto;} .wme-top{width: 100%;} .wme-titles{color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .1rem; padding-bottom: .17rem;position: relative;} .wme-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wme-intro{color: #444;line-height: 1.45;margin-bottom: .3rem;} .wme-bottom{width: 100%;} .wme-form{width: 100%;} .wme-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;} .wme-item{display: flex;width: 100%;border-bottom: 1px solid #dddddd;margin-bottom: .4rem;width: calc(33.33% - .1867rem);margin-right: .28rem;} .wme-item:nth-child(3n){margin-right: 0;} .wme-tip{color: #666;line-height: 3;} .wme-tip span{color: #ec6819;} .wme-b{flex: 1;} .wme-c{width: 100%;border: none;background-color: transparent; height: 3em;padding: 0 .15rem;color: #444;} .wme-d{display: flex;width: 100%;border-bottom: 1px solid #dddddd;margin-bottom: .35rem;position: relative;} .wme-e{flex: 1;} .wme-f{width: 100%;border: none;background-color: transparent; height: 3em;padding: 0 .15rem;color: #444;} .wme-sun{position: absolute;bottom: calc( -1em - .15rem);right: 0; color: #666; } .wme-agree{display: block;width: 100%;font-size: 0;margin-bottom: .3rem;} .wme-ag1{display: inline;vertical-align: middle;cursor: pointer;position: relative;margin-right: .08rem;color: #999;line-height: 1.7;} .wme-ag2{display: inline-block;vertical-align: middle;width: 1em;height: 1em;border-radius: .03rem;border: 1px solid #ec6819;margin-right: .1rem;} .wme-ag3{display: inline;vertical-align: middle;cursor: pointer;color: #ec6819;line-height: 1.7;} .wme-checkbox{position:absolute;cursor:pointer;left:0;top:0;z-index:10;opacity:0;width:100%;height:100%} .wme-ag1.selected .wme-ag2{background-color: #ec6819; background-image:url(../images/wm7.png); background-size: cover;background-position: center center;background-repeat: no-repeat;} .wme-buttom{display: inline-block;position: relative;} .wme-submit{display: inline-block;cursor: pointer;border: none; padding: .18rem .48rem;color: #fff;background-color: #ec6819;border-radius: .3rem 0px .3rem 0px;} @media(min-width: 900px){ .wme-item{width: calc(33.33% - .1867rem);margin-right: .28rem;} .wme-item:nth-child(3n){margin-right: 0;} } @media(max-width: 900px){ .wme-a{padding-top: .8rem;padding-bottom: .8rem;} .wme-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wme-item{width: 100%;} .wme-d{margin-bottom: .6rem;} } .wmf-a{display: none; position: fixed;top: 0;left: 0;z-index: 100001; height: 100%; width: 100%;background-color: rgba(0,0,0,.4);} .wmf-a.show{display: block;} .wmf-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: .2rem 0 ; width: 9rem; background-color: #f6f6f6;border-radius: .2rem;} .wmf-close{position: absolute;top: .2rem;right: .2rem;cursor: pointer; width: .33rem;height: .43rem;background-image: url('../images/wm8.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} .wmf-close:hover{background-image: url('../images/wm8-b.png');} .wmf-cont{width: 100%;padding: .85rem .4rem;max-height: 90vh;overflow: auto;} .wmf-top{width: 100%;padding-bottom: .6rem;} .wmf-titles{color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .1rem; padding-bottom: .17rem;position: relative;} .wmf-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmf-intro{color: #444;line-height: 1.6;} .wmf-bottom{width: 100%;} .wmf-form{width: 100%;} .wmf-list{width: 100%;} .wmf-item{display: flex;align-items: center;width: 100%;position: relative;border-bottom: 1px solid #dddddd;margin-bottom: .4rem;} .wmf-tip{color: #666; padding: .15rem 0;} .wmf-tip span{color: #ec6819;} .wmf-b{flex: 1;} .wmf-c{display: block;width: 100%;border: none;background-color: transparent;padding: 0 .15rem;height: 3em;color: #444;} .wmf-sun{position: absolute;bottom: calc( -1em - .1rem);right: 0; color: #666; } .wmf-d{width: 100%;display: flex;align-items: flex-start;margin-bottom: .5rem;} .wmf-e{flex: 1;padding-left: .17rem;} .wmf-label{display: inline-block;cursor: pointer;margin-bottom: .1rem;} .wmf-img{width: .86rem;height: .86rem;text-align: center;line-height: .86rem;border: solid 1px #dddddd;} .wmf-img img{width: 37.2%;} .wmf-file{display: none;} .wmf-f{color: #999;line-height: 1.41;} .wmf-agree{display: block;width: 100%;font-size: 0;margin-bottom: .15rem;} .wmf-ag1{display: inline;vertical-align: middle;cursor: pointer;position: relative;margin-right: .08rem;color: #999;line-height: 1.7;} .wmf-ag2{display: inline-block;vertical-align: middle;width: 1em;height: 1em;border-radius: .03rem;border: 1px solid #ec6819;margin-right: .1rem;} .wmf-ag3{display: inline;vertical-align: middle;cursor: pointer;color: #ec6819;line-height: 1.7;} .wmf-checkbox{position:absolute;cursor:pointer;left:0;top:0;z-index:3;opacity:0;width:100%;height:100%} .wmf-ag1.selected .wmf-ag2{background-color: #ec6819; background-image:url(../images/wm7.png);background-size: cover;background-position: center center;background-repeat: no-repeat;} .wmf-buttom{display: inline-block;position: relative;} .wmf-submit{display: inline-block;cursor: pointer;border: none; padding: .18rem .48rem;color: #fff;background-color: #ec6819;border-radius: .3rem 0px .3rem 0px;} @media(max-width: 900px){ .wmf-main{width: 90%;max-width: 500px;} .wmf-cont{padding:.5rem .3rem;} } .wmg-a{width: 100%;padding: 1.5rem 0;background-image: url('../images/wm4.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;} .wmg-main{width: 16.8rem;margin: 0 auto;} .wmg-cont{width: 100%;} .wmg-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .wmg-left{float: left;width: 4.8rem;padding-top: 1.3rem;} .wmg-top{display: inline-block; position: relative;margin-bottom: 1.35rem;} .wmg-titles{color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .2rem; padding-bottom: .17rem;position: relative;} .wmg-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmg-code{color: #ec6819;line-height: 1.55;} .wmg-year{position: absolute;top: 0;right: 0;transform: translate(95%,-35%);font-weight: bold; color: #cbcbcb;opacity: 0.55;font-size: 2.5rem;} .wmg-textbox{color: #444;line-height: 1.77;} .wmg-textbox *{line-height: inherit;} .wmg-right{position: relative;z-index: 28; float: right;width: 9.6rem;} .wmg-big{width: 100%;position: relative;border-radius: .2rem;overflow: hidden;margin-bottom: .3rem;} .wmg-b{width: 100%;} .wmg-item{width: 100%;} .wmg-link{display: block;width: 100%;cursor: pointer;} .wmg-img{width: 100%;position: relative;padding-top: 66.66%;;} .wmg-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;} .wmg-text{width: 100%;position: absolute;bottom: 0;left: 0;padding: .4rem;} .wmg-name{color: #fff;line-height: 1.53; display: block;width: 100%;font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .wmg-link:hover .wmg-img img{ transform: scale(1.05);} .wmg-small{width: 100%;} .wmg-c{width: 100%;} .wmg-nav{width: calc(20% - .12rem);margin-right: .15rem;cursor: pointer; border-radius: .1rem;overflow: hidden;} .wmg-nav:last-child{margin-right: 0;} .wmg-bg{width: 100%;padding-top: 66.66%; background-size: cover;background-position: center center;background-repeat: no-repeat;} /* .wmg-nav.active {border: 1px solid #ec6819;} */ @media(max-width: 900px){ .wmg-a{padding-top: .8rem;padding-bottom: .8rem;} .wmg-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmg-left{padding-top: 0;padding-bottom: .5rem;width: 100%;} .wmg-top{margin-bottom: .5rem;} .wmg-year{font-size: 70px;} .wmg-right{width: 100%;z-index: 0;} .wmg-text{padding: .15rem;} } .wmh-a{width: 100%;padding: 1.08rem 0 1rem;overflow: hidden; background-image: url('../images/wm11.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;} .wmh-main{width: 16.8rem;margin: 0 auto;padding-left: 1.65rem;position: relative;} .wmh-en{position: absolute;top: .8rem;left: 0; width: 1.16rem;} .wmh-en img{width: 100%;} .wmh-cont{width: 100%;position: relative;} .wmh-b{width: 100%;} .wmh-item{width: 100%; padding: .5rem 0;margin-right: 2px;} .wmh-link{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap; cursor: pointer;} .wmh-left{flex: 1;padding-right: .8rem;} .wmh-name{color: #ec6819;font-weight: bold;line-height: 1.2;margin-bottom: .15rem; padding-bottom: .17rem;position: relative;} .wmh-name:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmh-position{color: #333;line-height: 1.41;margin-bottom: .25rem;} .wmh-intro{color: #333;line-height: 1.5;margin-bottom: .75rem;} .wmh-intro *{line-height: inherit;} .wmh-textbox{color: #666;line-height: 1.625;} .wmh-textbox *{line-height: inherit;} /*.wmh-textbox p:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem; width: 6px;height: 6px;border-radius: 50%;background-color: #ec6819;}*/ .wmh-right{display: inline-block;width: 5.76rem;position: relative; margin-right: .6rem;} .wmh-right:before{content: '';position: absolute;top: -.1rem;left: .1rem;width: 100%;height: 100%;border: solid 1px #626262;} .wmh-right:after{content: '';position: absolute;top: .1rem;left: -.1rem;width: 100%;height: 100%;border: solid 1px #626262;} .wmh-img{position: relative;z-index: 18; width: 100%;border-radius: .16rem;overflow: hidden;} .wmh-img img{width: 100%;} @media(max-width: 900px){ .wmh-a{padding-top: .3rem;padding-bottom: .3rem;} .wmh-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmh-en{display: none;} .wmh-cont{padding-left: 0;} /* .wmh-link{flex-direction: column-reverse;} */ .wmh-right{width: 80%;max-width: 320px; margin: 0 auto .5rem;} .wmh-left{width: 100%;flex: none;margin-bottom: .5rem;} } .wmi-a{width: 100%;padding-top: 1.5rem;} .wmi-main{width: 100%;margin: 0 auto;} .wmi-titles{display: none; margin-left: 1.2rem; color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .48rem; padding-bottom: .17rem;position: relative;} .wmi-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmi-cont{width: 100%;position: relative;} .wmi-text{position: absolute; z-index: 4;top: 50%;left: 0;z-index: 38; transform: translate(0,-50%); padding: 0 2.53rem;} .wmi-name{ color: #fff;font-weight: bold;line-height: 1.2;margin-bottom: .1rem; padding-bottom: .10rem;position: relative;} .wmi-name:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmi-intro{color: #fff;line-height: 1.45;} .wmi-bottom{width: 100%;position: relative;border-radius: 2.4rem 0px 0px 0px;overflow: hidden;} .wmi-b{width: 100%;} .wmi-item{width: 100%;} .wmi-link{width: 100%;display: block;} .wmi-img{width: 100%;position: relative;height: auto;padding-top: 44.79%;} .wmi-img img{width: 100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .wmi-prev{z-index: 88; left: 2.53rem;bottom: .75rem;top: auto; margin-top: 0; width: .6rem;height: .6rem;background-color: #fff;border-radius: 50%;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmi-prev:hover{ background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wmi-next{z-index: 88;transform: rotate(-180deg); left: 3.28rem;bottom: .75rem;top: auto;right: auto; margin-top: 0; width: .6rem;height: .6rem;background-color: #fff;border-radius: 50%;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmi-next:hover{ background-color: #ec6819; background-image: url('../images/wm3-b.png');} @media(max-width: 900px){ /* .wmi-a{padding-top: .8rem; } */ .wmi-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmi-titles{margin-left: 0;} .wmi-bottom{border-radius: .8rem 0px 0px 0px;} .wmi-text{ padding: 0 10px ;} .wmi-name{font-size: 20px;} .wmi-prev{bottom: 10px;left: 10px;background-size: 5px auto;} .wmi-next{bottom: 10px;left: calc(10px + .75rem);background-size: 5px auto;} .wmi-img{padding-top: 60%;} } .wmj-a{width: 100%; padding-top: 1.48rem;background-image: url('../images/wm27.png');background-size: cover;background-position: center bottom;background-repeat: no-repeat;} .wmj-main{width: 100%;margin: 0 auto;} .wmj-top{width: 100%;padding-bottom: 1.8rem;} .wmj-titles{margin-left: 1.2rem; color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .55rem; padding-bottom: .17rem;position: relative;} .wmj-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmj-top .wmj-titles{margin-bottom: .15rem;} .wmj-cont{width: 100%;padding:.82rem 1.2rem .9rem;font-size: 0; text-align: center;background-image: url('../images/wm12.png'); background-size: cover;background-position: top center;background-repeat: no-repeat;} .wmj-item{display: inline-block;vertical-align: top;cursor: pointer; width: 3.35rem;text-align: center;margin-bottom: .5rem;} .wmj-icon{width: 100%; margin-bottom: .15rem;width: 100%;height: 1.53rem;line-height: 1.53rem;} .wmj-icon img{max-width: 100%;max-height: 100%;} .wmj-name{color: #666;font-weight: bold;line-height: 1.33;} .wmj-item:hover .wmj-icon1{display: none;} .wmj-item:hover .wmj-icon2{display: block;} .wmj-item:hover .wmj-name{ color: #ec6819;} .wmj-bottom{ width: 16.8rem;margin: 0 auto;font-size: 0; position: relative; border-radius: 1.4rem .2rem .2rem 0px;overflow: hidden; background-color: #f6f6f6; } .wmj-img{display: inline-block;vertical-align: middle;width: 50%;} .wmj-img img{width: 100%;border-radius: 1.4rem 0 0 0;} .wmj-list{display: inline-block;vertical-align: middle;width: 50%;padding-left: 1.75rem;} .wmj-one{display: inline-block;vertical-align: top;margin-right: .75rem;text-align: center;} .wmj-tip{display: block;font-weight: bold;line-height: 1.27; color: #2d3447;margin-bottom: .18rem;} .wmj-tr{display: block;} .wmj-td{display: block;margin-bottom: .3rem; width: 100%;padding:0 .15rem;line-height: 1.6; color: #fff;font-weight: bold; background-color: #686b7a; border-radius: .8em;} .wmj-td:nth-child(2n){background-color: #ec6819;} @media(max-width: 900px){ .wmj-a{padding-top: .8rem; padding-bottom: .8rem;} .wmj-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmj-top{padding-bottom: 0;} .wmj-titles{margin-left: 0;} .wmj-cont{padding: .75rem 0;background-size: 0 0;} .wmj-item{width: 50%;} .wmj-bottom{width: 100%; border-radius: .2rem;} .wmj-img{width: 100%;} .wmj-img img{border-radius: .2rem 0 0 0;} .wmj-list{width: 100%; padding: .25rem;text-align: center;} .wmj-one{margin: .25rem .5rem; } .wmj-tip{font-size: 16px;} .wmj-td{font-size: 12px;} .wmj-td{margin-bottom: .25rem;} } .wmk-a{width: 100%;padding-top: 1.57rem;padding-bottom: 1.5rem;} .wmk-main{width: 16.8rem;margin: 0 auto;} .wmk-titles{ color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .55rem; padding-bottom: .24rem;position: relative;} .wmk-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmk-cont{width: 100%;position: relative;border-radius: 1.4rem 0px 0px 0px;overflow: hidden;} .wmk-b{width: 100%;} .wmk-item{width: 100%;} .wmk-link{display: block;cursor: pointer;position: relative;min-height: 5.6rem;background-color: #f6f6f6;} .wmk-link:after{content: '';position: absolute;top: 0;right: 0; width: 1.2rem;height: 100%; background-color: #ec6819;} .wmk-img{position: absolute;top: 0;left: 0;width: 8.42rem;height: 100%; overflow: hidden;} .wmk-img img{position: absolute;top: 0;left: 0;object-fit: cover;transform: scale(1.00);transition: all ease .5s; width: 100%;height: 100%;} .wmk-text{padding: 1.12rem 3.1rem 1.5rem 9.3rem;} .wmk-name{color: #000;line-height: 1.33;margin-bottom: .2rem; font-weight: bold;position: relative;padding-bottom: .25rem;} .wmk-name:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem; height: .04rem;background-color: #ec6819;} .wmk-intro{color: #444;line-height: 1.77;} .wmk-link:hover .wmk-img img{transform: scale(1.05);} .wmk-link:hover .wmk-name{color: #ec6819;} .wmk-prev{z-index: 88; left: 9.3rem;bottom: .7rem;top: auto; margin-top: 0; width: .6rem;height: .6rem; border-radius: 50%;border: solid 1px #999;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmk-prev:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wmk-next{transform: rotate(-180deg);right: auto; z-index: 88; left:10.05rem;bottom: .7rem;top: auto; margin-top: 0; width: .6rem;height: .6rem; border-radius: 50%;border: solid 1px #999;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmk-next:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wmk-number{position: absolute;z-index: 88; left:11.5rem;bottom: .88rem; font-size: 0;} .wmk-nub{display: inline-block;vertical-align: bottom;color: #333;font-weight: bold;} .wmk-line{display: inline-block;vertical-align: bottom;color: #cccccc; } .wmk-line:before{content: '/';margin: 0 .1rem;} .wmk-sum{display: inline-block;vertical-align: bottom;color: #333;} @media(max-width: 900px){ .wmk-a{padding-top: .8rem; padding-bottom: .8rem;} .wmk-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmk-cont{border-radius:.8rem 0px 0px 0px;background-color: #f6f6f6;} .wmk-img{position: relative;width: 100%;height: auto;padding-top: 66.74%;} .wmk-link:after{display: none;} .wmk-text{padding: .3rem .3rem 1.3rem;} .wmk-prev{left: .3rem;bottom: .3rem;background-size: 5px auto;} .wmk-next{left: 1.05rem;bottom: .3rem;background-size: 5px auto;} .wmk-number{left: 2.3rem;bottom: .35rem;} } .wml-a{width: 100%; padding-bottom: 1.58rem;} .wml-main{width: 16.8rem;margin: 0 auto;} .wml-titles{ color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .5rem; padding-bottom: .24rem;position: relative;} .wml-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wml-cont{width: 100%;position: relative; } .wml-b{width: 100%;} .wml-item{width: calc(33.33% - .334rem);margin-right: .5rem;} .wml-item:last-child{margin-right: 0;} .wml-link{display: block;cursor: pointer;width: 100%;background-color: #f6f6f6;border-radius: .1rem;overflow: hidden;} .wml-img{width: 100%;position: relative;padding-top: calc(351/527*100%);overflow: hidden;} .wml-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;} .wml-text{width: 100%;position: relative;padding: .4rem .3rem .55rem;} .wml-text:before{content: '';position: absolute;bottom: .3rem;left: .3rem;width: .13rem;height: .04rem;background-color: #ec6819;} .wml-intro {color: #222222;font-weight: bold;line-height: 1.36;height: 2.72em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .wml-link:hover .wml-img img{transform: scale(1.05);} .wml-prev{left: -.3rem;top: 1.45rem; margin-top: 0; width: .6rem;height: .6rem; border-radius: 50%;border: solid 1px #999;background-color: #f6f6f6;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wml-prev:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wml-next{transform: rotate(-180deg); right: -.3rem;top: 1.45rem; margin-top: 0; width: .6rem;height: .6rem; border-radius: 50%;border: solid 1px #999;background-color: #f6f6f6;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wml-next:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} @media(max-width: 900px){ .wml-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wml-item{width: calc(50% - 5px);margin-right: 10px;} .wml-prev{top: auto;bottom: -.8rem;left: auto; right: calc(50% + 10px);background-size: 5px auto;} .wml-next{top: auto;bottom: -.8rem;right: auto; left: calc(50% + 10px);background-size: 5px auto;} } body.human_resource footer .f-with-nav.gray{background-color: #edf3f8;} .wmm-a{width: 100%;padding-top: 1.4rem; padding-bottom: 2.48rem;background-color: #edf3f8;} .wmm-main{width: 16.6rem;margin: 0 auto;} .wmm-titles{margin-left: .1rem; color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .5rem; padding-bottom: .24rem;position: relative;} .wmm-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmm-cont{width: 100%;position: relative;} .wmm-b{width: 100%;} .wmm-item{display: inline-block;vertical-align: top; width: 33.33%;padding: .1rem;} .wmm-link{display: block;width: 100%;position: relative;cursor: pointer; border-radius: .1rem;overflow: hidden;} .wmm-img{width: 100%;height: 3.65rem;position: relative;} /* .wmm-img:before{content: '';opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;top: 0;left: 0; width: 100%;height: 100%;background-image: url('../images/wm18.png');background-size: cover;background-position: bottom center;background-repeat: no-repeat;}*/ .wmm-img:before{content: '';opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;bottom: 0;left: 0; width: 100%;height: 35%;background-image: linear-gradient(360deg, rgb(3, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);background-size: cover;background-position: bottom center;background-repeat: no-repeat;} .wmm-img img{position: absolute;top: 0;left: 0;height: 100%; width: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;} .wmm-text{opacity: 0;z-index: -1;transition: all ease .5s;position: absolute;bottom: 0;left: 0;z-index: 28; width: 100%;padding: .1rem .3rem ;} .wmm-time{color: #fff;margin-bottom: .05rem;} .wmm-name{color: #fff;line-height: 1.45;overflow: hidden;white-space: normal;text-overflow: ellipsis;} .wmm-more{color: #fff;margin-top: .1rem;} .wmm-more:after{content: '>';display: inline-block;vertical-align: middle; margin-left: .1rem;} .wmm-link:hover .wmm-img:before{z-index: 8;opacity: 1;} .wmm-link:hover .wmm-img img{transform: scale(1.05);} .wmm-link:hover .wmm-text{z-index: 18;opacity: 1;} .wmm-prev{left: -.2rem;top: 3.45rem; margin-top: 0; width: .6rem;height: .6rem; border-radius: 50%;border: solid 1px #999;background-color: #fff;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmm-prev:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wmm-next{transform: rotate(-180deg); right: -.2rem;top: 3.45rem; margin-top: 0; width: .6rem;height: .6rem; border-radius: 50%;border: solid 1px #999;background-color: #fff;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmm-next:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} @media(min-width: 900px){ .wmm-item:nth-child(4){width: 25%;} .wmm-item:nth-child(5){width: 25%;} .wmm-item:nth-child(6){width: 25%;} .wmm-item:nth-child(7){width: 25%;} .wmm-item:nth-child(4) .wmm-img{height: 2.7rem;} .wmm-item:nth-child(5) .wmm-img{height: 2.7rem;} .wmm-item:nth-child(6) .wmm-img{height: 2.7rem;} .wmm-item:nth-child(7) .wmm-img{height: 2.7rem;} } @media(max-width: 900px){ .wmm-a{padding-top: .8rem; padding-bottom: 1.6rem;} .wmm-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmm-item{width: 50%;} .wmm-item:nth-child(1){width: 100%;} .wmm-img{height: auto;padding-top: 66.54%;} .wmm-text{padding: .1rem .15rem;} .wmm-prev{top: auto;bottom: -.8rem;left: auto; right: calc(50% + 10px);background-size: 5px auto;} .wmm-next{top: auto;bottom: -.8rem;right: auto; left: calc(50% + 10px);background-size: 5px auto;} } body.brand_story footer .f-with-nav.gray{background-color: #fff;} .wmn-a{width: 100%;padding-top: 1.28rem;overflow: hidden;margin-bottom: 1rem;} .wmn-main{width: 15.6rem;margin: 0 auto;position: relative;} .wmn-titles{position: absolute;top: .2rem;left: 0; color: #000;font-weight: bold;line-height: 1.2; padding-bottom: .24rem; } .wmn-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmn-cont{width: 100%;position: relative;} .wmn-cont:before{content: ''; position: absolute;top: .4rem;left: 50%;width: 1px;height: 100%; background-color: #cccccc;} .wmn-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .wmn-item{float: left; width: 50%;position: relative; text-align: right;padding: 1.5rem 0 ;} .wmn-tip{position: absolute;top: 0;right: -.5rem;padding: .13rem;width: 1.01rem;} .wmn-tip:before{content: '';position: fixed;top: 0;left: 0;z-index: -1;opacity: 0;transition: all ease .5s; width: 100%;height: 100%; background-color: rgba(255,255,255,.9);} .wmn-tip:after{content: '';position: absolute;top: .5rem;right: .5rem;width: 7.8rem;height: 1px;background-color: #ec6819;} .wmn-item:nth-child(1) .wmn-tip:after{display: none;} .wmn-iocn{width: 100%;position: relative;z-index: 28;border-radius: 50%; cursor: pointer;animation: pulse 1.5s infinite;box-shadow: 0 0 0 rgb(236,104,25,.5);} .wmn-iocn img{width: 100%;} .wmn-text{ position: absolute;top: 1.4rem ;left: 50%;z-index: -1;opacity: 0;transition: all ease .5s; margin-left: -4rem; width: 8rem;text-align: center;} .wmn-stage{color: #333;line-height: 1.33;font-weight: bold;} .wmn-intro{color: #333;line-height: 1.35;font-weight: bold;} .wmn-time{color: #333;line-height: 1.5;margin-top: .2rem;} .wmn-b{width: 100%;} .wmn-b:before{content: '';position: fixed;top: 0;left: 0;z-index: -1;opacity: 0;transition: all ease .5s; width: 100%;height: 100%; background-color: rgba(255,255,255,.9);} .wmn-year{margin-bottom: .3rem; display: inline-block;padding: 0 .4rem .2rem;color: #333;font-weight: bold; width: 3rem;border-bottom: 1px solid #cccccc;} .wmn-textbox{width: 4.8rem;color: #666;line-height: 1.5;text-align: left;} .wmn-textbox *{line-height: inherit;max-width: 100%;} .wmn-textbox img{margin-bottom: .3rem;} .wmn-item.show .wmn-tip {z-index: 388;} .wmn-item.show .wmn-tip:before{opacity: 1;z-index: 8;} .wmn-item.show .wmn-tip:after{opacity: 0;z-index: -1;} .wmn-item.show .wmn-text{opacity: 1;z-index: 18;} @keyframes pulse { 0% { transform: scale(.9) } 70% { transform: scale(1); box-shadow: 0 0 0 2em rgba(197, 34, 39, 0) } to { transform: scale(.9); box-shadow: 0 0 0 0 rgba(197, 34, 39, 0) } } @media(min-width: 900px){ .wmn-item.right{float: right; } .wmn-item:nth-child(2){padding-top: 3rem;} .wmn-item.right .wmn-year{display: block;text-align: left; } .wmn-item.right .wmn-textbox{display: inline-block; } .wmn-item.right .wmn-tip{right: auto;left: -.5rem;} .wmn-item.right .wmn-tip:after{right: auto;left: .5rem; background-color: #ec6819;} } @media(max-width: 900px){ .wmn-a{padding-top: .8rem; overflow: hidden;} .wmn-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmn-titles{position: relative;top: 0; margin-bottom: .4rem;} .wmn-cont:before{left: .5rem;} .wmn-tip{right: auto;left: 0;} .wmn-item{display: block;width: 100%;padding-bottom: .3rem; text-align: left;padding-left: .5rem;} .wmn-year{width: 100px;padding: 0 10px .25rem;} .wmn-textbox{width: 100%;padding-left: 100px;} .wmn-tip:after{right: auto;left: .5rem; width: 600px;} .wmn-text{left: 0;margin-left: 0;width: 320px;text-align: left;} } body.marketing_layout footer .f-with-nav.gray{background-color: #fff;} .wmo-a{width: 100%;padding-top: 1.3rem;padding-bottom: 1.57rem;} .wmo-main{width: 100%;margin: 0 auto;} .wmo-cont{width: 100%;font-size: 0;} .wmo-right{display: inline-block;vertical-align: top;width: 11rem;} .wmo-right img{width: 100%;} .wmo-left{display: inline-block;vertical-align: middle;width: calc(100% - 11rem);padding-right: 2rem; padding-left: 1.2rem;padding-top: 1.2rem;} .wmo-titles{ position: relative; color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .35rem; padding-bottom: .24rem; } .wmo-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmo-textbox{color: #444;line-height: 1.77;} .wmo-textbox *{line-height: inherit;} .wmo-list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: .7rem;} .wmo-item{display: block;margin-top: .5rem;width: 25%;} .wmo-item:last-child{width: 50%;} .wmo-b{display: inline-block; font-size: 0;padding-bottom: .15rem;margin-bottom: .15rem; border-bottom: 1px solid #dcdcdc;} .wmo-nub{display: inline-block;vertical-align: middle; color: #ec6819;font-weight: bold;margin-right: .1rem;} .wmo-tip{display: inline-block;vertical-align: middle;color: #ec6819;} .wmo-intro{color: #333;line-height: 1.55;} @media(max-width: 900px){ .wmo-a{padding-top: .8rem;padding-bottom: .8rem; } .wmo-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmo-left{width: 100%;padding: 0 0 .5rem;} .wmo-list{padding-top: 0;} .wmo-right{width: 100%;} } .wmp-a{width: 100%;padding-top: 1.6rem;padding-bottom: 1.6rem; background-color: #f6f6f6;} .wmp-main{width: 16.8rem;margin: 0 auto;position: relative;} .wmp-titles{ position: absolute;top: 0;left: 0; color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .5rem; padding-bottom: .24rem; } .wmp-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmp-cont{width: 14.57rem;position: relative;margin-left: 1.12rem;} .wmp-bg{width: 100%;} .wmp-bg img{width: 100%;} .wmp-item{position: absolute;top: 0;cursor: pointer;z-index: 2;} .wmp-icon{display: block;width: .15rem;height: .16rem;background-image: url('../images/wm20.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} .wmp-name{position: absolute;top: .15rem;left: 50%;padding-top: .05rem; white-space: nowrap;transform: translate(-50%,0);color: #555555; text-shadow: 0 0 .2em #f6f6f6;} .wmp-sub{display: none; position: absolute;left: 50%;bottom: .12rem;transform: translate(-50%,0);padding: .3rem; width: 5.35rem; background-color: #fff;box-shadow: 0px .06rem .13rem .04rem rgba(0, 0, 0, 0.1);z-index: 10 ;} .wmp-b{color: #222222;position: relative;padding-bottom: .16rem;margin-bottom: .13rem;} .wmp-b:before{content: ''; position: absolute;bottom: 0;left: 0;width: .13rem;height: .04rem;background-color: #ec6819;} .wmp-address{line-height: 1.87; color: #222222;margin-bottom: .25rem;} .wmp-textbox{width: 100%;border-top: 1px solid #000;padding-top: .25rem; color: #666;line-height: 1.75;} .wmp-textbox *{line-height: inherit;} .wmp-item.show{z-index: 88;} .wmp-item.show .wmp-sub{display: block;} .wmp-item.show .wmp-icon{background-image: url('../images/wm20-b.png');} .wmp-phone{width: 100%;display: none;} .wmp-tr{width: 100%;} .wmp-td{display: none;} .wmp-td.show{display: block;} @media(max-width: 900px){ .wmp-a{padding-top: .8rem;padding-bottom: .8rem; } .wmp-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmp-titles{position: relative;} .wmp-cont{width: 100%;margin-left: 0;} .wmp-name{position: absolute;left: 10px; top: 50%;transform: translate(0,-50%); font-size: 8px;} .wmp-sub{width: 150px;padding: 10px;} /* .wmp-b{font-size: 13px;} .wmp-address{font-size: 11px;} .wmp-textbox{font-size: 11px;} */ .wmp-phone{display: block;} .wmp-sub{display: none !important;} } .wmq-a{width: 100%;padding-top: 1.6rem;padding-bottom: 2.5rem;} .wmq-form{width: 100%;} .wmq-main{width: 16.8rem;margin: 0 auto;} .wmq-titles{position: relative; color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .4rem; padding-bottom: .24rem; } .wmq-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmq-list{display: flex;justify-content: space-between;flex-wrap: wrap;} .wmq-lt{display: block;width: 5.4rem;} .wmq-item{display: flex;flex-wrap: wrap;align-items: flex-start;border-bottom: 1px solid #dddddd;margin-bottom: .4rem;} .wmq-tip{display: block;line-height: 3;color: #666;} .wmq-b{flex: 1;font-size: 0; } .wmq-c{border: none;background-color: transparent;padding: 0 .3rem; display: block;width: 100%; line-height: 3;color: #666;} .wmq-rt{display: block; width: 11.1rem;} .wmq-item .lb-label{display: inline-block;font-size: 0;position: relative;vertical-align: top;cursor: pointer;margin-left: .3rem;} .wmq-item .lb-icon{box-sizing: border-box;display: inline-block;vertical-align: middle;margin-right: .08rem;border-radius: 50%; width: 12px;height: 12px;border: 3px solid #999;background-color: #f6f6f6;} .wmq-item .lb-text{display: inline-block;vertical-align: middle; color: #999;line-height: 3;user-select:none;} .wmq-item .lb-label.selected .lb-icon{border-color: #ec6819; } .wmq-item .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;} .wmq-agree{display: block;width: 100%;font-size: 0;margin-bottom: .3rem;} .wmq-ag1{display: inline;vertical-align: middle;cursor: pointer;position: relative;margin-right: .08rem;color: #999;line-height: 1.7;} .wmq-ag2{display: inline-block;vertical-align: middle;width: 1em;height: 1em;border-radius: .03rem;border: 1px solid #ec6819;margin-right: .1rem;} .wmq-ag3{display: inline;vertical-align: middle;cursor: pointer;color: #ec6819;line-height: 1.7;} .wmq-checkbox{position:absolute;cursor:pointer; left:0;top:0;z-index:10;opacity:0;width:100%;height:100%} .wmq-ag1.selected .wmq-ag2{background-color: #ec6819;background-image:url(../images/wm7.png);background-size: cover;background-position: center center;background-repeat: no-repeat;} .wmq-buttom{display: inline-block;position: relative;} .wmq-submit{display: inline-block;cursor: pointer;border: none; padding: .18rem .48rem;color: #fff;background-color: #ec6819;border-radius: .3rem 0px .3rem 0px;} @media(max-width: 900px){ .wmq-a{padding-top: .8rem;padding-bottom: .8rem; } .wmq-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmq-lt{width: 100%;} .wmq-rt{width: 100%;} } body.innovate footer .f-with-nav.gray{background-color: #fff;} .wmr-a{width: 100%;padding-top: 1.5rem;padding-bottom: 2.05rem;} .wmr-main{width: 16.8rem;margin: 0 auto;} .wmr-titles{position: relative; color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .25rem; padding-bottom: .24rem; } .wmr-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmr-cont{width: 100%;font-size: 0;} .wmr-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .wmr-lt{float: left;width: 6rem;} .wmr-intro{color: #444;line-height: 1.77;margin-bottom: .2rem;} .wmr-textbox{color: #444;line-height: 1.77;margin-bottom: .25rem;} .wmr-textbox *{ line-height: inherit;} .wmr-textbox p:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem; width: 5px;height: 5px;border-radius: 50%;background-color: #444;} .wmr-logo{width: 2.75rem;min-width: 180px;margin-bottom: .3rem;} .wmr-logo img{width: 100%;} .wmr-b{width: 100%;position: relative;margin-bottom: .4rem;} .wmr-c{width: 100%;} .wmr-one{width: calc(33.33% - .0867rem);margin-right: .13rem;} .wmr-one:last-child{margin-right: 0;} .wmr-img{width: 100%;border-radius: .3rem 0px 0px 0px;overflow: hidden;} .wmr-img img{width: 100%;} .wmr-more{display: block;color: #ec6819;cursor: pointer;} .wmr-more:after{content: '>';margin-left: .1rem;} .wmr-prev{display: none;left: -.3rem;margin-top: -.3rem; width: .6rem;height: .6rem;background-color: #fff;border-radius: 50%;border: solid 1px #999;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmr-prev:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wmr-next{display: none;transform: rotate(-180deg); right: -.3rem;margin-top: -.3rem;width: .6rem;height: .6rem;background-color: #fff;border-radius: 50%;border: solid 1px #999;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmr-next:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wmr-pagination{display: none;} .wmr-rt{float: right;font-size: 0;width: 9.6rem;} .wmr-item{display: inline-block;vertical-align: top;position: relative; text-align: center;margin-bottom: .8rem;padding: 0 .5rem; width: calc(33.33% - .4rem);margin-right: .6rem;} .wmr-item:before{content: ''; position: absolute;top: 0;left: 0;width: .34rem;height: .53rem;background-image: url('../images/wm21.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;} .wmr-item:after{content: ''; position: absolute;top: 0;right: 0;width: .34rem;height: .53rem;background-image: url('../images/wm22.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;} .wmr-item:nth-child(3n){margin-right: 0;} .wmr-text{color: #444;line-height: 1.22;} @media(max-width: 900px){ .wmr-a{padding-top: .8rem;padding-bottom: .8rem; } .wmr-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmr-lt{width: 100%;margin-bottom: .5rem;} .wmr-one{width: calc(50% - 5px);margin-right: 10px;} .wmr-rt{width: 100%;display: flex;flex-wrap: wrap;} .wmr-item{width: calc(50% - 5px);margin-right: 10px;} .wmr-item:nth-child(3n){margin-right: 10px;} .wmr-item:nth-child(2n){margin-right: 0;} .wmr-item:before{top: auto;bottom: 0;} .wmr-item:after{top: auto;bottom: 0;} .wmr-text{font-size: 12px;} .wmr-textbox p:before{width: 3px;height: 3px;} } .wms-a{width: 100%;position: relative;padding-bottom: 2.4rem;} .wms-main{width: 16.8rem;margin: 0 auto;} .wms-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;} .wms-cont{position: relative;z-index: 3; width: 8rem;min-height: 11.63rem;padding: 1.4rem 0;} .wms-titles{position: relative; color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .3rem; padding-bottom: .24rem; } .wms-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wms-textbox{color: #444;line-height: 1.77;} .wms-textbox *{line-height: inherit;} .wms-list{width: 100%;font-size: 0;display: flex;justify-content: space-between;flex-wrap: wrap;} .wms-item{display: inline-block;vertical-align: top; min-width: 1.3rem;margin-top: .5rem;} .wms-b{width: 100%;border-bottom: 1px solid #dcdcdc;margin-bottom: .15rem;padding-bottom: .15rem;} .wms-nub{display: inline-block;vertical-align: middle;color: #ec6819;font-weight: bold;margin-right: .1rem;} .wms-c{display: inline-block;vertical-align: middle;color: #ec6819;} .wms-intro{ color: #333;line-height: 1.55;} @media(max-width: 900px){ .wms-a{padding-top: .8rem;padding-bottom: .8rem; } .wms-main{width: 100%;display: flex;flex-wrap: wrap;flex-direction: column-reverse; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wms-bg{position: relative;height: auto;padding-top: 71.66%;} .wms-cont{width: 100%;min-height: 1rem; padding: 0 0 .5rem;} .wms-intro{font-size: 12px;} } .wmt-a{width: 100%;margin-top: -2.4rem;position: relative;z-index: 18; background-color: #f6f6f6;border-radius: 2.4rem 0px 0px 0px;overflow: hidden;} .wmt-main{width: 100%;margin: 0 auto;} .wmt-cont{width: 100%;font-size: 0;} .wmt-left{display: inline-block;vertical-align: middle;width: calc(100% - 12rem); padding: .3rem 0 .15rem;padding-left: 1.2rem;} .wmt-titles{position: relative; color: #000;font-weight: bold;line-height: 1.2;margin-bottom: .15rem; padding-bottom: .24rem; } .wmt-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmt-intro{color: #444;line-height: 1.77;margin-bottom: .75rem;} .wmt-list{display: none; width: 100%;font-size: 0;padding-bottom: .2rem;} .wmt-item{display: inline-block;vertical-align: top;min-width: 1.5rem;margin-bottom: .5rem; margin-right: .54rem;} .wmt-b{border-bottom: 1px solid #dcdcdc;padding-bottom: .15rem;margin-bottom: .15rem;} .wmt-nub{display: inline-block;vertical-align: middle;color: #ec6819;font-weight: bold;margin-right: .1rem;} .wmt-tip{display: inline-block;vertical-align: middle;color: #ec6819; } .wmt-c{color: #333;line-height: 1.55;} .wmt-d{color: #999;line-height: 1.71;} .wmt-textbox{color: #444;line-height: 1.77;} .wmt-textbox *{line-height: inherit;} .wmt-right{display: inline-block;vertical-align: middle;width: 12rem;position: relative;} .wmt-d{width: 100%;} .wmt-d .swiper-wrapper{align-items: flex-start;} .wmt-one{width: 50%; } .wmt-link{display: block;cursor: pointer;text-align: center;padding: 1rem .5rem .2rem; height: 7.6rem;overflow: auto;} .wmt-e{display: block; width: 100%;max-width: 18em;color: #222222;line-height: 1.36; margin: 0 auto .22rem;} .wmt-f{display: inline-block;padding: .1rem;border: solid 1px #ec6819;border-radius: 50%;margin-bottom: .4rem;} .wmt-img{display: block;width: 2.7rem;height: 2.7rem;border-radius: 50%;background-size: cover;background-position: center center;background-repeat: no-repeat;} .wmt-name{width: 100%;position: relative;color: #ec6819;line-height: 1.33;padding-bottom: .25rem;margin-bottom: .15rem;} .wmt-name:before{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.065rem; width: .13rem;height: .04rem;background-color: #ec6819;} .wmt-introduce{color: #333;line-height: 1.71;} .wmt-introduce *{line-height: inherit;} .wmt-one:hover {background-color: #e5e5e5;} .wmt-prev{display: none;left: -.3rem;margin-top: -.3rem; width: .6rem;height: .6rem;background-color: #fff;border-radius: 50%;border: solid 1px #999;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmt-prev:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wmt-next{display: none;transform: rotate(-180deg); right: -.3rem;margin-top: -.3rem;width: .6rem;height: .6rem;background-color: #fff;border-radius: 50%;border: solid 1px #999;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmt-next:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wmt-pagination{display: none;} @media(max-width: 1200px){ .wmt-link{padding: .5rem .3rem .2rem;} } @media(max-width: 900px){ .wmt-a{padding-top: .8rem;padding-bottom: .8rem; margin-top: 0;border-radius: .5rem 0 0 0;} .wmt-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmt-left{width: 100%;margin-bottom: .5rem;padding-left: 0;padding-top: 0;} .wmt-right{width: 100%;} .wmt-one{width: 100%;} .wmt-link{padding: .5rem ;height: auto;} .wmt-list{display: none;} .wmt-intro{margin-bottom: 0;} } .wmu-a{width: 100%;padding-top: .5rem; background-image: url('../images/wm46.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;} .wmu-main{width: 16.8rem;margin: 0 auto;} .wmu-cont{width: 100%;font-size: 0;} .wmu-left{display: inline-block;vertical-align: bottom;width: 4.23rem;padding-bottom: 1.14rem;} .wmu-top{width: 100%; padding-bottom: .3rem;margin-bottom: .3rem;} .wmu-titles{position: relative; color: #fff;font-weight: bold;line-height: 1.2;margin-bottom: .18rem; padding-bottom: .24rem; } .wmu-titles:before{content: '';position: absolute;bottom: 0;left: 0;width: .4rem;height: .04rem;background-color: #ec6819;} .wmu-intro{color: #fff;line-height: 1.55;} .wmu-list{width: 100%;min-height: 2.31rem;padding-bottom: .3rem;} .wmu-item{display: none;width: 100%;} .wmu-item.show{display: block;} .wmu-name{color: #fff;font-weight: bold;line-height: 1.13;margin-bottom: .15rem;} .wmu-textbox{width: 100%; color: #fff;line-height: 1.71;} .wmu-textbox *{line-height: inherit;} .wmu-buttom{display: block;font-size: 0;} .wmu-prev{display: inline-block;vertical-align: middle;position: relative; left: 0;margin-top: 0; width: .6rem;height: .6rem;background-color: #f6f6f6;border-radius: 50%;border: solid 1px #999;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmu-prev:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wmu-next{transform: rotate(-180deg);margin-left: .4rem; display: inline-block;vertical-align: middle;position: relative; right: 0;margin-top: 0; width: .6rem;height: .6rem;background-color: #f6f6f6;border-radius: 50%;border: solid 1px #999;background-image: url('../images/wm3.png');background-size: 8px auto;background-position: center center;background-repeat: no-repeat;} .wmu-next:hover{border: solid 1px #ec6819; background-color: #ec6819; background-image: url('../images/wm3-b.png');} .wmu-right{display: inline-block;vertical-align: bottom;width: calc(100% - 4.25rem );padding-left: 1.84rem;} .wmu-b{width: 100%;} .wmu-one{width: 100%;} .wmu-link{display: block;cursor: pointer;} .wmu-img{display: inline-block;vertical-align: middle;width: 5.88rem;text-align: center;} .wmu-img img{display: inline-block;max-width: 100%;} .wmu-text{display: inline-block;vertical-align: middle;width: calc(100% - 5.9rem);padding-left: .8rem;max-height: 5rem;overflow: auto; padding-right: .1rem;} .wmu-tr{display: block;width: 100%;position: relative;padding: .25rem 0;} .wmu-tr:before{content: '';position: absolute;top: 0;left: .11rem;width: 1px;height: 100%;background-color: #fff;} .wmu-td{display: block;width: 100%;padding: .25rem 0 .25rem .45rem; position: relative; color: #fff;line-height: 1.7;} .wmu-td:before{content: '';position: absolute;top:.25rem;left: 0;width: .22rem;height: 1.7em;background-image: url('../images/wm26.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} @media(max-width: 900px){ .wmu-a{padding-top: .8rem; padding-bottom: .8rem;} .wmu-main{width: 100%; max-width: 500px;padding-left: 10px;padding-right: 10px;} .wmu-left{width: 100%;} .wmu-textbox{max-width: 80%;} .wmu-right{width: 100%;padding-left: 0;} .wmu-img{width: 100%;} .wmu-text{width: 100%;padding-left: 0;margin-top: .5rem;} .wmu-prev{ background-size: 5px auto;} .wmu-next{ background-size: 5px auto;} } .pswp{z-index:10005 !important} .dn-hide{display:none} .vis-hide{visibility:hidden} main{overflow:hidden} footer{overflow:hidden} .footer-margin{margin-bottom:2.5rem} @media (max-width:900px){ .footer-margin{margin-bottom:0} } .wmb-aaaaa{width:100%;padding-top:0.5rem;padding-bottom:0.2rem;overflow:hidden} .wmb-mmain{width:16.8rem;margin:0 auto} @media (max-width:900px){ .wmb-mmain{width:calc(1680/1920*100%)} } .wmb-ttop{width:100%;padding:0.2rem 0} .wmb-tip{display:inline-block;vertical-align:top;color:#666;line-height:1.5} .wmb-tip span{color:#ec6819} .wmb-tr{display:inline-block;vertical-align:top} .wmb-td{display:inline-block;vertical-align:middle;margin-right:0.1rem;color:#666;line-height:1.5} .wmb-td span{color:#ec6819} .wmb-cont{width:100%} .wmb-iitem{width:100%;display:block;cursor:pointer;margin-bottom:0.35rem;padding:0.3rem 0.25rem;border:solid 0.01rem #dcdcdc} .wmb-ssss{width:100%;margin-bottom:0.25rem} .wmb-name{display:inline-block;vertical-align:middle;max-width:calc(100% - 6em);padding-right:0.1rem;font-weight:bold;color:#333;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .wmb-name span{color:#ec6819} .wmb-classify{display:inline-block;vertical-align:middle;width:6em;padding:0.1rem 0;text-align:center;background-color:#ec6819;color:#fff} .wmb-iintro{color:#888888;line-height:1.7;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .wmb-iitem:hover{border:0.01rem solid #ec6819} .wmb-iitem:hover .wmb-name{color:#ec6819} .home-banner-pagi{position:absolute;bottom:.45rem !important;margin-left:1.2rem;z-index:5;display:flex;align-items:flex-end} .home-banner-pagi .swiper-pagination-bullet{width:.4rem;height:.03rem;background-color:#666;opacity:.5;margin:0 .05rem;border-radius:0} .home-banner-pagi .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.7rem;height:.07rem;background-color:#ec6819;opacity:1} .banner-pagination{position:absolute;bottom:.45rem;margin-left:1.2rem;z-index:5;display:flex;align-items:flex-end} .banner-pagination .swiper-pagination-bullet{width:.4rem;height:.03rem;background-color:#fff;opacity:.5;margin:0 .05rem;border-radius:0} .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.7rem;height:.07rem;background-color:#ec6819;opacity:1} .banner-pagination.m38{margin-top:.38rem;position:relative} .banner-pagination.home{width:100%;bottom:.4rem;margin-left:0;justify-content:center} .banner-pagination .b-pagi,.banner-pagination .b-pagi2,.banner-pagination .b-pagi3,.banner-pagination .b-pagi4{width:.4rem;height:.03rem;background-color:#fff;opacity:.5;margin:0 .05rem} .banner-pagination .b-pagi.gray,.banner-pagination .b-pagi2.gray,.banner-pagination .b-pagi3.gray,.banner-pagination .b-pagi4.gray{background-color:#666} .banner-pagination .b-pagi.active,.banner-pagination .b-pagi2.active,.banner-pagination .b-pagi3.active,.banner-pagination .b-pagi4.active{width:.7rem;height:.07rem;background-color:#ec6819;opacity:1} .know-more-link{display:inherit;color:#666;margin-top:.17rem;font-family:SourceHanSansCN-Normal;display:flex;align-items:center;cursor:pointer} .know-more-link:after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/gray-arrow.svg");width:.06rem;height:.09rem;background-size:.06rem .09rem;background-repeat:no-repeat;margin-left:.1rem} .know-more-link:hover{color:#ed7228} .know-more-link:hover::after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.06rem;height:.09rem;background-size:.06rem .09rem;background-repeat:no-repeat;margin-left:.1rem} .know-more-link.orange{color:#ed7228} .know-more-link.orange::after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.06rem;height:.09rem;background-size:.06rem .09rem;background-repeat:no-repeat;margin-left:.1rem} @media (max-width:900px){ .know-more-link:after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/gray-arrow.svg");width:.18rem;height:.27rem;background-size:cover;background-repeat:no-repeat;margin-left:.1rem} .know-more-link:hover{color:#ed7228} .know-more-link:hover::after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.18rem;height:.27rem;background-size:cover;background-repeat:no-repeat;margin-left:.1rem} } .swiper-button-prev,.swiper-button-next{z-index:1} .back-top{width:.52rem;height:.52rem;position:fixed;right:.34rem;bottom:2.85rem;z-index:50;border-radius:.52rem;display:flex;align-items:center;justify-content:center} .back-top .bt-orange{width:.38rem;height:.38rem;background-color:#ec6819;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative} .back-top .bt-orange .top-arrow{height:.08rem;width:.14rem} .back-top .border1{position:absolute;width:.52rem;height:.52rem;top:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%} .back-top .border1::after{content:'';display:block;width:100%;height:100%;border-radius:50%;border:.01rem solid #ccc;position:absolute;animation:wave 2s ease-out;animation-iteration-count:infinite} .back-top .border2{position:absolute;width:.52rem;height:.52rem;top:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%} .back-top .border2::after{content:'';display:block;width:100%;height:100%;border-radius:50%;border:.01rem solid #ccc;position:absolute;animation:wave 1s ease-out;animation-iteration-count:infinite} .back-top .border3{width:.38rem;height:.38rem;border-radius:50%;display:flex;align-items:center;justify-content:center} .back-top .border3::after{content:'';display:block;width:100%;height:100%;border-radius:50%;position:absolute;background-color:#ec6819aa;animation:borderAni 1s ease-out;animation-iteration-count:infinite} .back-top:hover{cursor:pointer} @media (max-width:900px){ .back-top{width:1rem;height:1rem;bottom:2.45rem} .back-top .bt-orange,.back-top .border3{width:.68rem;height:.68rem} .back-top .border1,.back-top .border2{height:1rem;width:1rem} } @keyframes wave{ from{width:100%;height:100%;opacity:1} to{width:200%;height:200%;opacity:0} } @keyframes borderAni{ from{width:100%;height:100%;opacity:1} to{width:150%;height:150%;opacity:0} } .no-margin{margin:0 !important} .ia-cont-deco{width:.4rem;height:.04rem;background-color:#ec6819;margin:.18rem 0 .13rem 0} .ia-cont-deco.solution-deco{margin-top:.19rem;margin-bottom:.13rem} .ia-cont-deco.ssbs1{margin-top:.18rem;margin-bottom:.26rem} .ia-cont-deco.ssbs2{margin-top:.18rem;margin-bottom:.26rem} .ia-cont-deco.ssbs3{margin:.19rem 0} .ia-cont-deco.home{margin-top:.18rem;margin-bottom:.31rem} .ia-cont-deco.kidney-deco{margin:0.19rem 0 0.29rem 0} .ia-cont-deco.kidney1-1{margin-top:.17rem;margin-bottom:.6rem} .ia-cont-deco.lifeinfo1{margin-top:.18rem;margin-bottom:.31rem} .ia-cont-deco.lifeinfo2{margin-top:.19rem;margin-bottom:.29rem} .ia-cont-deco.lifeinfo3{margin-top:.19rem;margin-bottom:0} .ia-cont-deco.blood-filter-deco{margin-top:.17rem;margin-bottom:.29rem} .ia-cont-deco.news-list-deco{margin-top:.19rem;margin-bottom:.62rem} .short-deco{width:.13rem;height:.04rem;background-color:#ec6819} .global{fill:#fff;fill-rule:evenodd} header{width:100%;height:.84rem;position:fixed;z-index:10000;transition:all .3s} header .header-cont{display:flex;align-items:center;width:calc(1680/1920*100%);margin:0 auto;height:100%;justify-content:space-between} header .header-cont .logo{width:1.16rem;height:.42rem} header .header-cont .logo1,header .header-cont .logo2{/* width:1.16rem; */height:.42rem} header .header-cont .logo1.hide,header .header-cont .logo2.hide{display:none} header .header-cont .nav-list{display:flex;color:#fff;position:relative} header .header-cont .nav-list .nav-item{margin-right:.5rem;color:#fff;display:flex;flex-direction:column;align-items:center} header .header-cont .nav-list .nav-item>a{display:inline-block;height:.5rem;line-height:.5rem} header .header-cont .nav-list .nav-item:hover{color:#ec6819} @media (max-width:1100px){ header .header-cont .nav-list .nav-item{margin-right:.4rem} } header .header-cont .nav-list .nav-item .sub-item{display:none;flex-direction:column;position:absolute;top:.4rem;background-color:#fff;overflow:hidden;color:#333;text-align:center;padding:0.1rem 0;border-radius:.05rem} header .header-cont .nav-list .nav-item .sub-item a{display:block;padding:.1rem} header .header-cont .nav-list .nav-item .sub-item .nc-item{margin:.1rem .25rem;color:#181818} @media (max-width:1000px){ header .header-cont .nav-list .nav-item .sub-item{position:relative;top:0} } header .header-cont .header-opt{display:flex;color:#fff;align-items:center} header .header-cont .header-opt .global{width:.16rem;height:.16rem;margin-right:.1rem} header .header-cont .header-opt .area{display:flex;align-items:center;position:relative;padding:0.1rem 0} header .header-cont .header-opt .area .switch-language{display:none;background-color:#fff;color:#333;text-align:center;position:absolute;width:100%;top:100%;padding:.1rem 0;border-radius:.05rem} header .header-cont .header-opt .area .switch-language a{padding:.15rem .1rem;display:block} @media (max-width:1000px){ header .header-cont .header-opt .area .switch-language{width:2rem;right:0} } header .header-cont .header-opt .search{display:flex;margin-left:.6rem} header .header-cont .header-opt .search .search-btn{width:.2rem;height:.2rem} header .header-cont .header-opt .search .search-btn .cls-1,header .header-cont .header-opt .search .search-btn .cls-2{fill:none;stroke:#fff;stroke-width:10px} header .header-cont .header-opt .search .search-btn .cls-2{fill-rule:evenodd} header .header-cont .header-opt .search svg{width:.16rem;height:.16rem} @media(max-width: 1920px){ header .header-cont .header-opt .global{width: 16px;height: 16px;} header .header-cont .header-opt .search .search-btn{width: 20px;height: 20px;} } @media (max-width:1000px){ header{height: 45px;} header .header-cont .nav-list-cont.open .nav-list{right:0 !important} header .header-cont .nav-list{width:280px;height:100%;position:fixed;right:-280px;top:0;z-index:1234;padding-top:20px;flex-wrap:wrap;background-color:#fff;overflow:auto;display:block;padding-right:0;transition:all .3s;color:#333} header .header-cont .nav-list .nav-item{padding:.5rem;position:relative;align-items:flex-start;border-bottom:.01rem solid #eee} header .header-cont .nav-list .nav-item .df-item{display:flex;flex-direction:column;align-items:flex-start} header .header-cont .nav-list .nav-item.has-nav:after{content:"+";display:inline-block;width:50px;height:50px;line-height:16px;text-align:center;position:absolute;right:0;font-size:20px;color:#333} header .header-cont .nav-list .nav-item.has-nav.show a{color:#ec6819} header .header-cont .nav-list .nav-item.has-nav.show .nc-item{color:#333} header .header-cont .nav-list .nav-item.has-nav.show:after{content:"-"} header .header-cont .nav-list .nav-item a{font-size:.3rem;color:#333} header .header-cont .header-opt{margin-left:3rem} } @media (max-width:1000px) and (max-width:900px){ header .header-cont .header-opt{margin-left:0} } @media (max-width:1000px){ header .header-cont{width: 100%;padding: 0 15px;} header .header-cont .header-opt .area span{display:none} header .header-cont .header-opt .area svg{width: .4rem;height: .4rem;margin-right:0} header .header-cont .header-opt .search{margin:0 .6rem} header .header-cont .header-opt .search .search-btn{width: .4rem;height: .4rem;} header .header-cont .h-menu{display:flex;align-items:center;justify-content:center} header .header-cont .h-menu .menu-btn{width: .4rem;height: .4rem;} header .header-cont .logo1, header .header-cont .logo2{height:26px;} } header.color{background-image:none;background-color:#fff;transition:all .3s;box-shadow: 0 0 4px rgba(0,0,0,0.1);} header.color .global{fill:#333;fill-rule:evenodd} header.color .header-cont .nav-list{color:#333} header.color .header-cont .nav-list .nav-item a{color:#333} header.color .header-cont .nav-list .nav-item a:hover{color:#ec6819} header.color .header-opt{color:#333} header.color .header-opt .search-btn{width:.2rem;height:.2rem} header.color .header-opt .search-btn .cls-1,header.color .header-opt .search-btn .cls-2{fill:none !important;stroke:#000 !important;stroke-width:10px !important} header.color .header-opt .search-btn .cls-2{fill-rule:evenodd !important} .banner-swiper{position:relative;width:100%;height:9.55rem} .banner-swiper .banner-slide{justify-content:center;display:flex;flex-direction:column;padding-left:calc(120/1920*100%)} @media (max-width:320px){ .banner-swiper .banner-slide{padding-left:calc(60/1920*100%)} } .banner-swiper .banner-slide .banner-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-3} .banner-swiper .banner-slide .boldSlogan{font-family:SourceHanSansCN-Bold;letter-spacing:.04rem;color:#fff} .banner-swiper .banner-slide .banner-deco{width:.4rem;height:.04rem;background-color:#ec6819;margin:.18rem 0 .11rem 0} .banner-swiper .banner-slide .lightSlogan{font-family:SourceHanSansCN-Normal;line-height:1.45;letter-spacing:0px;color:#fff} .banner-swiper .banner-slide .boldSlogan,.banner-swiper .banner-slide .banner-deco,.banner-swiper .banner-slide .lightSlogan{transform:translateX(50%);transition:all .3s;opacity:0} .banner-swiper .banner-slide.swiper-slide-active .boldSlogan,.banner-swiper .banner-slide.swiper-slide-active .banner-deco,.banner-swiper .banner-slide.swiper-slide-active .lightSlogan{transform:translateX(0);transition:all .3s;opacity:1} .banner-swiper .swiper-num{display:flex;flex-direction:column;color:#fff;position:absolute;right:0;top:50%;transform:translate(0,-50%);z-index:5;align-items:flex-end;margin-right:1.2rem} .banner-swiper .swiper-num .bigNum{font-weight:bold} .banner-swiper .swiper-num .sn-deco{width:.4rem;height:.01rem;background-color:#fff;opacity:0.3;margin:.15rem 0 .16rem 0} @media (max-width:1000px){ .banner-swiper .swiper-num{margin-right:.6rem} } @media (max-width:1000px) and (max-width:320px){ .banner-swiper .swiper-num{margin-right:.3rem} } .sub-nav{width:100%;position:relative;height:.86rem;display:flex;align-items:center;padding:0 calc(120/1920*100%);background-color:#f6f6f6} .sub-nav .ia-deco{position:absolute;right:0;z-index:3;top:-69px} @media (max-width:900px){ .sub-nav .ia-deco{display:none} } .sub-nav .snl-item{font-family:SourceHanSansCN-Normal;color:#333;position:relative} .sub-nav .snl-item.stuff{display:inline-block;height:0} .sub-nav .snl-item.active,.sub-nav .snl-item:hover{color:#ec6819} .sub-nav .snl-item:after{content:"";display:inline-block;width:1px;height:.16rem;background-color:#ddd;margin:0 .3rem} .sub-nav .snl-item.hr{display:inline-block} .sub-nav .snl-item.no-after:after{content:"";display:none} .sub-nav .snl-item .hr-cont{position:absolute;display:flex;flex-direction:column;align-items:center;left:-.13rem;width:fit-content;white-space:nowrap;opacity:0;transition:all .3s} .sub-nav .snl-item .hr-cont.show{opacity:1;transition:all .3s} .sub-nav .snl-item .hr-cont::before{content:'';display:block;border-width:.07rem;border-style:solid;border-color:transparent transparent #fff transparent} .sub-nav .snl-item .hr-cont .item-cont{border-radius:.1rem;background-color:#fff;display:flex;flex-direction:column;padding:.13rem .19rem;box-shadow:0px 10px 10px 0px rgba(0,0,0,0.06)} .sub-nav .snl-item .hr-cont .hr-item{color:#333;line-height:2.33} @media (max-width:900px){ .sub-nav{height: auto;padding: 10px;text-align: center;display: block;font-size: 0;} .sub-nav .snl-item{line-height: 30px;display: inline-block;vertical-aligh: top;padding:0 10px;} .sub-nav .snl-item:after{display: none;} .sub-nav .snl-item .hr-cont .hr-item{padding:.075rem 0} } .sub-nav .snl-item .hr-cont .hr-item:hover{color:#ec6819} @media (max-width:405px){ .sub-nav .sub-nav-list .snl-item.stuff{width:25%} } .normal-banner,.sell-out-banner,.middle-banner,.product-banner{width:100%;height:8.58rem;position:relative} .normal-banner .banner-img,.sell-out-banner .banner-img,.middle-banner .banner-img,.product-banner .banner-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-3} .normal-banner .slogan-cont,.sell-out-banner .slogan-cont,.middle-banner .slogan-cont,.product-banner .slogan-cont{padding:0 calc(120/1920*100%);position:absolute;bottom:2.38rem;color:#fff} .normal-banner .slogan-cont .bold-Slogan,.sell-out-banner .slogan-cont .bold-Slogan,.middle-banner .slogan-cont .bold-Slogan,.product-banner .slogan-cont .bold-Slogan{font-weight:bold;font-family:SourceHanSansCN-Bold;animation:bannerSlogan 1s} @media (max-width:320px){ .normal-banner .slogan-cont .bold-Slogan,.sell-out-banner .slogan-cont .bold-Slogan,.middle-banner .slogan-cont .bold-Slogan,.product-banner .slogan-cont .bold-Slogan{width:fit-content} } .normal-banner .slogan-cont .intro-Slogan,.sell-out-banner .slogan-cont .intro-Slogan,.middle-banner .slogan-cont .intro-Slogan,.product-banner .slogan-cont .intro-Slogan{font-family:SourceHanSansCN-Normal;line-height:1.45;animation:bannerSlogan 1s} @keyframes bannerSlogan{ from{transform:translateY(0.1rem);opacity:0} to{transform:translateY(0rem);opacity:1} } .sell-out-banner .slogan-cont{top:42%;bottom:0} @media (max-width:900px){ .sell-out-banner .slogan-cont{width:100%} } .sell-out-banner .sell-out-count{display:flex;margin-top:.63rem;align-items:center} .sell-out-banner .sell-out-count .soc-item{display:flex;align-items:center;color:#fff;margin-left:.77rem} .sell-out-banner .sell-out-count .soc-item .top{display:flex;align-items:center;margin-bottom:.04rem} .sell-out-banner .sell-out-count .soc-item .top .soc-num{font-family:ArialMT;font-weight:bold} .sell-out-banner .sell-out-count .soc-item .top .soc-unit{font-family:SourceHanSansCN-Normal;margin-left:.09rem} .sell-out-banner .sell-out-count .soc-item .soc-text{font-family:SourceHanSansCN-Normal;line-height:1.56} .sell-out-banner .sell-out-count .soc-item::after{content:'';display:block;height:.4rem;width:.01rem;background-color:#dcdcdc;margin-left:.77rem} .sell-out-banner .sell-out-count .soc-item.no77{margin-left:0} .sell-out-banner .sell-out-count .soc-item.no-after::after{content:'';display:none} @media (max-width:900px){ .sell-out-banner .sell-out-count .soc-item{margin-left:0;width:33%;justify-content:space-around} .sell-out-banner .sell-out-count .soc-item::after{margin-left:0rem} } @media (max-width:900px){ .sell-out-banner .sell-out-count{justify-content:space-between} } .middle-banner{display:flex;flex-direction:column;justify-content:center} @media (max-width:500px){ .middle-banner .banner-img{object-position:-8.7rem} .middle-banner .banner-img.kidney{object-position:-6rem} .middle-banner .banner-img.no-op{object-position:0} .middle-banner .banner-img.contact-us{object-position:-5.2rem} } .middle-banner .slogan-cont{position:relative;bottom:0} .image-mask{position:fixed;height:100vh;width:100vw;z-index:100;background-color:#00088;transition:all .3s;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0} .image-mask #close-img{position:absolute;top:10%;right:10%;font-size:.5rem;color:#fff;z-index:10} .image-mask #show-image{object-fit:cover;height:100%} .product-banner{display:flex;width:100%;align-items:center;justify-content:center} .product-banner.blood-filter{background-color:#ebebeb} @media (max-width:700px){ .product-banner.blood-filter{height:fit-content;padding-top:1rem;flex-direction:column} .product-banner.blood-filter .swiper-wrapper{justify-content:space-between} .product-banner.blood-filter .swiper-wrapper .swiper-slide img{margin:0} .product-banner.blood-filter .swiper-select{width:90%} .product-banner.blood-filter .swiper-select .selector{margin-top:.25rem} .product-banner.blood-filter .swiper-right{width:80%} } @media (max-width:700px){ .product-banner.custom-page{height:fit-content;flex-direction:column} .product-banner.custom-page .swiper-select{margin-top:1.1rem;width:calc(1680/1920*100%)} .product-banner.custom-page .selector{margin-top:1.1rem !important} .product-banner.custom-page .swiper-right{width:calc(1680/1920*100%);margin:.7rem 0} .product-banner.custom-page .swiper-right .swiper-wrapper{height:5rem} .product-banner.custom-page .swiper-right .swiper-wrapper .swiper-slide{height:100%} .product-banner.custom-page .swiper-right .swiper-wrapper .image-cont{flex-direction:column} .product-banner.custom-page .swiper-right .swiper-wrapper .image-cont:before{content:100%;display:block;height:0;width:100%} .product-banner.custom-page .swiper-right .swiper-wrapper .image-cont:after{content:100%;display:block;height:0;width:100%} } .product-banner .swiper-select{padding-left:1.2rem;width:50%;overflow:hidden} @media (max-width:500px){ .product-banner .swiper-select{padding-left:0;margin-bottom:.5rem} } .product-banner .swiper-select .b-prod-model{font-family:Arial-BoldMT;color:#666;line-height:1.41} .product-banner .swiper-select .b-prod-model.bf{color:#000;line-height:1} .product-banner .swiper-select .b-prod-name{font-family:SourceHanSansCN-Regular;line-height:1.9;color:#666;margin-bottom:.5rem} .product-banner .swiper-select .b-prod-name.with-intro{margin-bottom:.27rem} .product-banner .swiper-select .b-prod-intro{height:2.4rem;width:6.25rem;margin-bottom:.53rem} .product-banner .swiper-select .b-prod-intro .intro-item{display:flex;align-items:center;font-family:SourceHanSansCN-Regular;line-height:1.875;color:#666} .product-banner .swiper-select .b-prod-intro .intro-item::before{content:'';height:.06rem;width:.06rem;display:block;background-image:url("../images/svg/orange-point.svg");margin-right:.12rem} .product-banner .swiper-select .selector .select-img{margin-right:.4rem;width:1.3rem;height:1.3rem;object-fit:contain} .product-banner .swiper-select .selector .select-img.selected{border:0.01rem solid #ec6819} .product-banner .swiper-select .selector .swiper-slide{width:fit-content} .product-banner .swiper-select .selector .swiper-slide.selected .select-img{border:solid 2px #eb6d02} @media (max-width:500px){ .product-banner .swiper-select .selector{margin-top:2.5rem} } .product-banner .swiper-right{width:37%;position:relative} .product-banner .swiper-right .image-cont{width:100%;display:flex;align-items:center;justify-content:center;position:relative;height:5rem} .product-banner .swiper-right .image-cont img{height:80%;object-fit:contain} @media (max-width:1500px){ .product-banner .swiper-right .image-cont img{max-width:35%} } @media (max-width:900px){ .product-banner .swiper-right .image-cont img{max-width:fit-content;overflow:hidden;height:350px} } @media (max-width:900px){ .product-banner .swiper-right .image-cont.moban img{height:5rem} } .product-banner .swiper-right #swiper-left,.product-banner .swiper-right #swiper-right{z-index:3} .product-banner .swiper-right .sb{background-image:none;width:.6rem;height:.6rem} .product-banner .swiper-right .sb.disable .cls-1{fill:#f6f6f6;stroke:#999;stroke-width:1px} .product-banner .swiper-right .sb.disable .cls-2{fill:#666;fill-rule:evenodd} .product-banner .swiper-right .sb .cls-1{fill:#ec6819;stroke:transparent} .product-banner .swiper-right .sb .cls-2{fill:#fff;fill-rule:evenodd} .know-more{background-color:#ec6819;border-radius:.3rem 0 .3rem 0;width:1.60rem;height:.50rem;display:flex;align-items:center;justify-content:center;transition:all .3s} .know-more:hover{transform:translateY(0.1rem);transition:all .3s} .know-more.m94{margin-top:.94rem} .know-more .km-btm{padding:.18rem 0;color:#fff;font-family:SourceHanSansCN-Light;display:flex;align-items:center} .know-more .km-btm::after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/white-arrow.svg");width:6px;height:9px;margin-left:.1rem} .know-more-arrow{display:flex;align-items:center;white-space:nowrap} .know-more-arrow:hover{color:#ec6819;transition:all .3s} .know-more-arrow:hover::after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.06rem;height:.09rem;object-fit:cover;margin-left:.1rem} .know-more-arrow::after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/white-arrow.svg");width:.06rem;height:.09rem;object-fit:cover;margin-left:.1rem} @media (max-width:900px){ .know-more-arrow::after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/white-arrow.svg");width:.18rem;height:.27rem;background-size:cover;margin-left:.1rem} .know-more-arrow:hover{color:#ec6819;transition:all .3s} .know-more-arrow:hover::after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.18rem;height:.27rem;background-size:cover;margin-left:.1rem} } .index-about{width:100%;position:relative} .index-about .ia-deco{position:absolute;right:0;z-index:3;top:-69px} .index-about .ia-deco2{position:absolute;left:0;top:0;z-index:-5;width:7.3rem;height:auto} .index-about .ia-deco2.contact-us{width:4.79rem} .index-about .ia-cont{width:93.75%;margin-left:6.25%;height:1rem;display:flex;height:10.69rem;align-items:center;display:flex;justify-content:space-between} @media (max-width:1000px){ .index-about .ia-cont{flex-direction:column;width:100%;margin:0;height:fit-content;margin-bottom:.2rem} } .index-about .ia-cont.contact-page{height:7.5rem} @media (max-width:1000px){ .index-about .ia-cont.contact-page{height:fit-content;margin-bottom:1rem} } .index-about .ia-cont .left{width:calc(624/1920*100%);color:#000} @media (max-width:1000px){ .index-about .ia-cont .left{width:100%;padding:1rem .3rem} } @media (max-width:450px){ .index-about .ia-cont .left.contact-us{padding-bottom:0} } .index-about .ia-cont .left .ia-title{font-weight:bold} .index-about .ia-cont .left .ia-detail{color:#444;line-height:1.78;margin-bottom:.82rem} .index-about .ia-cont .left .ia-milepost-list{width:100%;display:flex;justify-content:space-between;margin-top:1.9rem} @media (max-width:900px){ .index-about .ia-cont .left .ia-milepost-list{margin-top:1rem} } .index-about .ia-cont .left .ia-milepost-list .ia-milepost{width:1.53rem;display:flex;flex-direction:column} .index-about .ia-cont .left .ia-milepost-list .ia-milepost .iam{display:flex;align-items:center} .index-about .ia-cont .left .ia-milepost-list .ia-milepost .iam .iam-num{font-family:Arial-BoldMT;color:#ec6819} .index-about .ia-cont .left .ia-milepost-list .ia-milepost .iam .year-num{font-family:Arial-BoldMT;color:#ec6819} .index-about .ia-cont .left .ia-milepost-list .ia-milepost .iam .iam-unit{font-family:SourceHanSansCN-Normal;color:#ec6819;margin-left:.11rem} .index-about .ia-cont .left .ia-milepost-list .ia-milepost .iam-deco{width:100%;height:.01rem;background-color:#dcdcdc;margin:.08rem 0 .15rem 0} .index-about .ia-cont .left .ia-milepost-list .ia-milepost .iam-intro{color:#333;font-family:SourceHanSansCN-Normal} .index-about .ia-cont .right{position:relative;width:calc(1148/1920*100%)} .index-about .ia-cont .right .play-btn{position:absolute;right:30%;bottom:43%;cursor:pointer} .index-about .ia-cont .right .play-btn .play-border1,.index-about .ia-cont .right .play-btn .play-boder2{width:1.06rem;height:1.06rem;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative} .index-about .ia-cont .right .play-btn .play-border1::after{content:'';position:absolute;width:1.06rem;height:1.06rem;border-radius:50%;border:solid .01rem #fff;animation:wave 2s ease-out;animation-iteration-count:infinite} .index-about .ia-cont .right .play-btn .play-border2::after{content:'';position:absolute;top:50%;left:50%;width:1.06rem;height:1.06rem;border-radius:50%;border:solid .01rem #fff;animation:wave 2.5s ease-out;animation-iteration-count:infinite} .index-about .ia-cont .right .play-btn .play-border3{position:relative;width:.8rem;height:.8rem;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center} .index-about .ia-cont .right .play-btn .play-border3::after{content:'';position:absolute;z-index:0;width:.8rem;height:.8rem;border-radius:50%;background-color:#fff;animation:borderAni 1.5s ease-out;animation-iteration-count:infinite} .index-about .ia-cont .right .play-btn .play-border3 .play-icon{width:0;height:0;border-width:.11rem 0 .11rem .19rem;border-color:transparent transparent transparent #ec6819;border-style:solid;z-index:2} @media (max-width:1000px){ .index-about .ia-cont .right{margin-top:.5rem;width:100%;padding-bottom:1rem} } @media (max-width:620px){ .index-about .ia-deco{display:none} } .index-about .video-cont{width:100%;height:100vh;position:absolute;z-index:10001;top:0;left:0;display:flex;align-items:center;justify-content:center;transform:scale(0);background-color:#000bb;transition:all .3s;background-color: rgba(0,0,0,0.6);} .index-about .video-cont.playing{transform:scale(1);transition:all .3s;position:fixed} .index-about .video-cont .close-video{position:absolute;top:5%;right:5%;color:#fff;user-select:none;z-index:11} .index-about .video-cont video{width:80%;height:auto} .index-about .contact{margin-top:.47rem} .index-about .contact .locate,.index-about .contact .tel{display:flex;align-items:center} .index-about .contact .locate .contact-icon,.index-about .contact .tel .contact-icon{width:.22rem;object-fit:cover;margin-right:.2rem} .index-about .contact .locate .contact-text,.index-about .contact .tel .contact-text{font-family:SourceHanSansCN-Normal;line-height:1.56;color:#222222} .index-about .contact .locate{margin-bottom:.18rem} .product-center{border-radius:2.4rem 0 0 0;background-image:url("../images/machine-line.jpg");background-repeat:no-repeat;background-size:cover;width:100%;height:9.2rem;display:flex;flex-direction:column} @media (max-width:1000px){ .product-center{height:fit-content;padding-bottom:.5rem} } .product-center .top{width:calc(1680/1920*100%);margin:1.4rem auto .6rem auto} .product-center .top .pc-title{color:#fff;font-weight:bold;font-family:SourceHanSansCN-Bold} .product-center .top .pc-intro{color:#fff;display:flex;width:100%;justify-content:space-between;align-items:center} .product-center .top .pc-intro .intro{font-family:SourceHanSansCN-Normal;line-height:1.45} .product-center .top .pc-intro .km{display:flex;align-items:center} .product-center .top .pc-intro .km .km-arrow{width:.06rem;height:.09rem;margin-left:.1rem} .product-center .btm{display:flex;width:calc(1680/1920*100%);margin:0 auto;position:relative;justify-content:space-between} @media (max-width:900px){ .product-center .btm{flex-direction:column} } .product-center .btm .pc-column{width:calc(320/1680*100%);border-radius:.2rem;height:5rem;position:relative;transition:all .3s;border-radius:.2rem;display:flex} .product-center .btm .pc-column .pcc-bg{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0;border-radius:.2rem} .product-center .btm .pc-column .sb-descri{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;transition:all .3s;width:100%;height:100%;color:#fff;background-color:#03000052} .product-center .btm .pc-column .sb-descri .sb-title{margin-bottom:.06rem;font-family:SourceHanSansCN-Medium} .product-center .btm .pc-column .sb-descri .sb-intro{font-family:SourceHanSansCN-Normal} .product-center .btm .pc-column.open{width:calc(1000/1680*100%);transition:all .3s} .product-center .btm .pc-column.open .sb-descri{opacity:0;transition:all .3s} .product-center .btm .pc-column.open .column-descri{display:flex;flex-direction:column;color:#fff;height:1.8rem;bottom:0;z-index:1;position:absolute;justify-content:center;width:100%;padding:0 .425rem;background-image:linear-gradient(360deg,#030000 0%,rgba(255,255,255,0) 100%);border-radius:0 0 0.2rem 0.2rem} @media (max-width:1000px){ .product-center .btm .pc-column.open .column-descri{height:auto} } .product-center .btm .pc-column.open .column-descri .up{font-family:SourceHanSansCN-Medium;display:flex;justify-content:space-between;margin-bottom:.13rem} .product-center .btm .pc-column.open .column-descri .down{font-family:SourceHanSansCN-Light;line-height:1.625;color:#fff} @media (max-width:900px){ .product-center .btm .pc-column{width:100%;margin:.2rem 0} .product-center .btm .pc-column.open{width:100%} } .product-center .btm .pc-img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:.2rem;z-index:0} .news-center{display:flex;flex-direction:column;align-items:center;background-image:url("../images/global-layout-bg.png");background-repeat:no-repeat;background-position-y:bottom;background-size:100%;padding-bottom:1rem} .news-center .nc-cont{width:calc(1680/1920*100%)} .news-center .nc-cont .nc-top{width:100%;margin-top:1.54rem;margin-bottom:.6rem;display:flex;justify-content:space-between} .news-center .nc-cont .nc-top .left{height:100%} .news-center .nc-cont .nc-top .left .nc-intro{line-height:1} .news-center .nc-cont .nc-top .right{display:flex;flex-direction:column;justify-content:flex-end;z-index:3} .news-center .nc-cont .nc-top .bold-title{font-family:SourceHanSansCN-Bold;color:#000;font-weight:bold} .news-center .nc-cont .nc-top .nc-detail{color:#444;display:flex;align-items:flex-end;justify-content:space-between;font-family:SourceHanSansCN-Normal} .news-center .nc-cont .nc-btm{display:flex;justify-content:space-between} @media (max-width:1000px){ .news-center .nc-cont .nc-btm{flex-direction:column} } .news-center .nc-cont .nc-btm .nc-scroll{width:7rem;height:5.73rem;overflow-y:auto} @media (max-width:1000px){ .news-center .nc-cont .nc-btm .nc-scroll{width:100%;margin-bottom:.5rem} } .news-center .nc-cont .nc-btm .nc-scroll .nc-list{height:auto;width:97%;margin:0 auto} .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item{height:1.2rem;width:100%;background-color:#eee;display:flex;flex-direction:column;justify-content:center;padding:0 .3rem;border-radius:.1rem;margin:.2rem 0} @media (max-width:1200px){ .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item{height:fit-content;padding:.3rem} } .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item .ncs-info{display:flex;color:#333;margin-bottom:.06rem;line-height:1.5;transition:all .5s} .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item .ncs-info .ncsi-date{font-family:ArialMT;white-space:nowrap} .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item .ncs-info .ncsi-form{font-family:SourceHanSansCN-Normal} .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item .ncs-info .ncs-divi{width:.01rem;margin:0 .07rem;background-color:#999} .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item .ncsi-title{line-height:1.4;font-family:SourceHanSansCN-Medium} .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item .know-more-link{display:none} .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item:hover{background-color:#fff;box-shadow:0px 6px 13px 4px rgba(0,0,0,0.1);transition:all .5s} .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item:hover .ncsi-title{font-family:SourceHanSansCN-Bold} .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item:hover .know-more-link{display:inherit;color:#ed7228;margin-top:.17rem;font-family:SourceHanSansCN-Normal;display:flex;align-items:center} .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item:hover .know-more-link:after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:6px;height:9px;margin-left:.1rem} @media (max-width:900px){ .news-center .nc-cont .nc-btm .nc-scroll .nc-list .ncs-item{padding:.3rem} } .news-center .nc-cont .nc-btm .nc-swiper{width:9.45rem;height:5.73rem;border-radius:.2rem} @media (max-width:1000px){ .news-center .nc-cont .nc-btm .nc-swiper{width:100%} } .news-center .nc-cont .nc-btm .nc-swiper .swiper-wrapper .swiper-slide{position:relative;transform:scale(1);transition:all .3s} .news-center .nc-cont .nc-btm .nc-swiper .swiper-wrapper .swiper-slide:hover .ncswiper-item{transform:scale(1.1);transition:all .3s} .news-center .nc-cont .nc-btm .nc-swiper .swiper-wrapper .swiper-slide .ncswiper-item{position:absolute;width:100%;height:100%;object-fit:cover} .news-center .nc-cont .nc-btm .nc-swiper .swiper-wrapper .swiper-slide .nc-cont{position:absolute;bottom:0;display:flex;flex-direction:column;background-image: linear-gradient(360deg, rgb(3 0 0 / 65%) 0%, rgba(255, 255, 255, 0) 100%);padding: 0.2rem 0.3rem;width: 100%;} .news-center .nc-cont .nc-btm .nc-swiper .swiper-wrapper .swiper-slide .nc-info{font-family:SourceHanSansCN-Normal;color:#fff;display:flex;line-height:1.33} .news-center .nc-cont .nc-btm .nc-swiper .swiper-wrapper .swiper-slide .nc-info .nc-divi{margin:0 .1rem} .news-center .nc-cont .nc-btm .nc-swiper .swiper-wrapper .swiper-slide .nc-title{color:#fff;font-family:SourceHanSansCN-Medium;line-height:1.27;margin-top:.03rem;margin-bottom:.11rem} .news-center .nc-cont .nc-btm .nc-swiper .swiper-wrapper .swiper-slide .know-more-link{color:#fff;display:flex;align-items:center} .news-center .nc-cont .nc-btm .nc-swiper .swiper-wrapper .swiper-slide .know-more-link:hover{color:#ec6819} .news-center .nc-cont .nc-btm .nc-swiper .swiper-wrapper .swiper-slide .know-more-link .km-arrow{height:9px;width:6px;margin-left:.1rem} .news-center .global-layout{position:relative} @media (max-width:900px){ .news-center .global-layout{padding-bottom:.5rem} } .news-center .global-layout .global-map{position:relative;top:-2rem;width:100%;margin-bottom:-2rem} @media (max-width:1000px){ .news-center .global-layout .global-map{top:0;position:relative;margin-bottom:0} } .news-center .global-layout .global-list{position:absolute;bottom:100px;display:flex;align-items:baseline} @media (max-width:1000px){ .news-center .global-layout .global-list{bottom:0;position:relative;margin-bottom:0;justify-content:space-between} } @media (max-width:1000px) and (max-width:320px){ .news-center .global-layout .global-list{width:95.5vw;left:-16px} } .news-center .global-layout .global-list .global-item{width:1.63rem;display:flex;flex-direction:column} .news-center .global-layout .global-list .global-item .global-num{font-family:ArialMT;color:#ec6819} .news-center .global-layout .global-list .global-item .global-title{font-family:SourceHanSansCN-Normal;line-height:1.33;margin-top:.14rem;color:#444} .news-center .global-layout .global-list .global-deco{width:.01rem;height:.4rem;background-color:#dcdcdc;margin:0 .5rem} @media (max-width:1000px){ .news-center .global-layout .global-list .global-deco{display:none} } footer{box-sizing:border-box;width:100%;margin-top:-1rem;position:relative} footer .mb{display:none} @media (max-width:1000px){ footer{margin-top:0} footer .pc-footer{display:none} footer .mb{display:block !important;bottom:0 !important} } footer .pc-footer.gray{background-color:#f6f6f6} footer .pc-footer.swanblue{background-color:#edf3f8} footer .mb-footer{display:none;background-color:#181818} @media (max-width:1000px){ footer .mb-footer{display:inherit} } footer .mb-footer .nav-list-cont.open .nav-list{right:0 !important} footer .mb-footer .nav-list{width:100%;height:100%;top:0;z-index:1;flex-wrap:wrap;display:block;padding-right:0;transition:all .3s;color:#fff;background-color:#181818} footer .mb-footer .nav-list .nav-item{padding:.25rem;position:relative;align-items:flex-start;border-bottom:.01rem solid #303030;width:calc(1680/1920*100%);margin:0 auto} footer .mb-footer .nav-list .nav-item .df-item{display:flex;flex-direction:column;align-items:flex-start} footer .mb-footer .nav-list .nav-item.has-nav:after{content:"+";display:inline-block;width:50px;height:50px;line-height:16px;text-align:center;position:absolute;right:0;font-size:10px;color:#aaa;top:11px} footer .mb-footer .nav-list .nav-item.has-nav.show a{color:#ec6819} footer .mb-footer .nav-list .nav-item.has-nav.show .nc-item{color:#fff} footer .mb-footer .nav-list .nav-item.has-nav.show:after{content:"-"} footer .mb-footer .nav-list .nav-item a{font-size:.3rem;color:#fff} footer .mb-footer .sub-item{display:none;flex-direction:column;position:absolute;background-color:181818;overflow:hidden;color:#333;text-align:center;padding:0.1rem 0;transform:translateY(0.2rem)} footer .mb-footer .sub-item a{display:block;padding:.1rem} footer .mb-footer .sub-item .nc-item{margin:.1rem .25rem;color:#181818} @media (max-width:1000px){ footer .mb-footer .sub-item{position:relative} } footer .mb-footer .qr-group{padding:.5rem 0;width:calc(1680/1920*100%);margin:0 auto;background-color:#181818;display:flex;justify-content:space-between} footer .mb-footer .qr-group .qr-item{display:flex;flex-direction:column;align-items:center} footer .mb-footer .qr-group .qr-item .qr-code{min-width:90px;width:1rem} footer .mb-footer .qr-group .qr-item .qr-title{margin-top:.15rem;text-align:center;line-height:1.5;color:#fff} @media (max-width:750px){ footer .mb-footer .qr-group{padding:.5rem .1rem;width:100%;} footer .mb-footer .qr-group .qr-item .qr-code {min-width: 66px;width: 1rem;} footer .mb-footer .qr-group .qr-item {width: 25%;} } foo @media (max-width:900px){ footer .footer-deco{display:none !important} } footer .f-with-nav{height:fit-content;position:relative;bottom:-6px} footer .f-with-nav.gray{background-color:#f6f6f6} @media (max-width:900px){ footer .f-with-nav.gray .home-nav{width:calc(1680/1920*100%);margin:0 auto;padding:0.5rem 0} } footer .f-with-nav.swanblue{background-color:#edf3f8} @media (max-width:900px){ footer .f-with-nav.swanblue .home-nav{width:calc(1680/1920*100%);margin:0 auto;padding:0.5rem 0} } footer .f-with-nav .social-de{background-color:#eef2fb} @media (max-width:900px){ footer .f-with-nav .social-de .home-nav{width:calc(1680/1920*100%);margin:0 auto;padding:0.5rem 0} } @media (max-width:900px){ footer .f-with-nav .home-nav{width:calc(1680/1920*100%);margin:0 auto;padding:0.5rem 0} } footer .f-with-nav.mb{display:none} footer .f-with-nav.mb .home-nav{position:relative;padding:.5rem 0} footer .home-nav{position:absolute;left:1.2rem;top:35%;display:flex;align-items:center;color:#999} @media (max-width:900px){ footer .home-nav{position:relative;left:0;top:0;width:calc(1680/1920*100%);margin:0 auto .5rem auto} } footer .home-nav .home-link{display:flex;align-items:center} footer .home-nav .home-icon{width:.22rem;height:.23rem;object-fit:cover;margin-right:.1rem} footer .home-nav .arrow{margin:0 .15rem} footer .footer-deco{width:100%;background-color:transparent;position:relative} footer .tel{width:100%;background-color:#181818;height:.8rem;position:relative;bottom:-4px} @media (max-width:900px){ footer .tel{height:auto} } footer .tel .mid-cont{height:.78rem;margin:0 auto;position:relative;border-bottom:#303030 solid 1px;width:calc(1680/1920*100%);display:flex;justify-content:flex-end} @media (max-width:900px){ footer .tel .mid-cont{height:fit-content} } footer .tel .mid-cont .tel-detail{display:flex;align-items:center;position:relative;top:-.4rem} @media (max-width:1000px){ footer .tel .mid-cont .tel-detail{top:0;margin:.15rem 0} } footer .tel .mid-cont .tel-icon{width:.29rem;height:.28rem} footer .tel .mid-cont .tel-deco{height:.57rem;width:.01rem;margin:0 .18rem;background-color:#fff;opacity:.2} footer .tel .mid-cont .tel-title{font-family:SourceHanSansCN-Normal;color:#fff} footer .tel .mid-cont .tel-num{font-family:ArialMT;color:#e9e9e9;margin-top:.05rem} footer .footer-nav{width:100%;padding-top:.6rem;background-color:#181818;padding-bottom:1.4rem;position:relative;bottom:-2px} @media (max-width:900px){ footer .footer-nav{padding-bottom:.5rem} } footer .footer-nav .fn-cont{width:calc(1680/1920*100%);margin:0 auto;display:flex;justify-content:space-between} @media (max-width:1000px){ footer .footer-nav .fn-cont{flex-direction:column} footer .footer-nav .fn-cont .nav-list{width:100%;flex-wrap:wrap} footer .footer-nav .fn-cont .nav-list .nav{width:26%} } footer .footer-nav .nav-list{display:flex;width:9.84rem;justify-content:space-between} footer .footer-nav .nav-list .nav{display:flex;flex-direction:column;align-items:flex-start;color:#fff} footer .footer-nav .nav-list .nav .nav-head{font-family:SourceHanSansCN-Normal;margin-bottom:.22rem} footer .footer-nav .nav-list .nav .nav-head:hover{color:#ec6819} @media (max-width:1000px){ footer .footer-nav .nav-list .nav .nav-head{line-height:1.5;white-space:nowrap} } footer .footer-nav .nav-list .nav .nav-item{font-family:SourceHanSansCN-Normal;opacity:0.4;line-height:2.14} footer .footer-nav .nav-list .nav .nav-item:hover{color:#ec6819} @media (max-width:1000px){ footer .footer-nav .nav-list .nav .nav-item{display:none} } footer .footer-nav .qr-group{display:flex;justify-content:space-between;width:5.4rem} @media (max-width:1500px){ footer .footer-nav .qr-group{width:fit-content} } @media (max-width:1000px){ footer .footer-nav .qr-group{width:100%} } @media (max-width:340px){ footer .footer-nav .qr-group{position:relative;left:-8%} } @media (max-width:310px){ footer .footer-nav .qr-group{flex-wrap:wrap} } footer .footer-nav .qr-group .qr-item{display:flex;flex-direction:column;align-items:center} @media (max-width:1500px){ footer .footer-nav .qr-group .qr-item{margin:0 .2rem} } footer .footer-nav .qr-group .qr-item .qr-code{height:1.2rem;width:1.2rem;object-fit:cover} @media (max-width:1000px){ footer .footer-nav .qr-group .qr-item .qr-code{height:1.8rem;width:1.8rem;min-width:90px} } footer .footer-nav .qr-group .qr-item .qr-title{font-family:SourceHanSansCN-Normal;color:#fff;opacity:0.4;margin-top:.2rem;text-align:center;white-space:nowrap;line-height:1.5} footer .footer-nav .qr-group .qr-item .qr-title .mChange-line{height:3.5px} @media (max-width:1000px){ footer .footer-nav .qr-group .qr-item .qr-title{margin-top:.1rem;line-height:1.5} } footer .copyright{width:100%;background-color:#181818} footer .copyright .cr-cont{width:calc(1680/1920*100%);display:flex;justify-content:space-between;color:#fff;opacity:.4;font-family:SourceHanSansCN-Normal;padding-bottom:.6rem;margin:0 auto} footer .copyright .cr-cont .crby{line-height:1.2} @media (max-width:1000px){ footer .copyright .cr-cont{flex-direction:column;align-items:center;padding:.3rem 0} footer .copyright .cr-cont .crby{line-height:2;text-align:center} footer .copyright .cr-cont .prod-by{margin-top:7px} } .white-deco{width:100%;position:relative;height:.01rem} @media (max-width:900px){ .white-deco{display:none} } .white-deco .ia-deco{position:absolute;right:0;z-index:3;top:-69px} @media (max-width:900px){ .white-deco .ia-deco{display:none} } .only-line{width:100%;height:auto;object-fit:cover;padding-top:1rem} .solution1-cont{width:100%;padding:.85rem 0 2.58rem 0} .solution1{width:calc(1680/1920*100%);min-height:5rem;height:fit-content;margin:0 auto;display:flex;margin-top:.8rem} @media (max-width:900px){ .solution1{flex-direction:column} .solution1.r{flex-direction:column !important} } .solution1 .left{border-radius:1.4rem 0 0 0;position:relative;width:10rem;min-height:5rem;overflow:hidden} @media (max-width:900px){ .solution1 .left{width:100%} } .solution1 .left .prod-img{border-radius:1.4rem 0 0 0;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .3s} .solution1 .right{width:6.8rem;display:flex;align-items:center;justify-content:center;background-color:#f6f6f6;flex-direction:column;height:fit-content;padding:1rem 0 .77rem 0} @media (max-width:900px){ .solution1 .right{width:100%} } .solution1 .right .prod-cont{display:flex;flex-direction:column;height:fit-content;width:5.44rem} @media (max-width:900px){ .solution1 .right .prod-cont{width:90%} } .solution1 .right .prod-title{font-family:SourceHanSansCN-Bold;color:#000} .solution1 .right .prod-intro{font-family:SourceHanSansCN-Light;line-height:2;color:#444;min-height:.96rem;margin-bottom:.95rem} @media (max-width:900px){ .solution1 .right .prod-intro{margin-bottom:.5rem} } .solution1.r{flex-direction:row-reverse} .solution1.r .left{border-radius:0 1.4rem 0 0} .solution1.r .left .prod-img{border-radius:0 1.4rem 0 0} .solution1:hover .prod-img{transform:scale(1.1);transition:all .3s} .product-show{width:calc(1680/1920*100%);padding:1.3rem 0 2.3rem;margin:0 auto} @media (max-width:900px){ .product-show{padding:.5rem 0;padding-top:.15rem} } .product-filter{width:100%;margin-bottom:.4rem} .product-filter .product-list{width:100%;border-bottom:0.01rem solid #ddd;padding:.19rem .22rem;display:flex;flex-wrap:wrap} .product-filter .product-list .product-select{line-height:2;color:#200;font-family:SourceHanSansCN-Light;margin-right:.5rem} .product-filter .product-list .product-select.select{color:#ec6819;font-family:SourceHanSansCN-Bold} @media (max-width:960px){ .product-filter .product-list .product-select{width:20%} } @media (max-width:720px){ .product-filter .product-list .product-select{width:29%} } @media (max-width:650px){ .product-filter .product-list .product-select{width:28%} } @media (max-width:500px){ .product-filter .product-list .product-select{width:44%} } @media (max-width:470px){ .product-filter .product-list .product-select{width:41%} } @media (max-width:350px){ .product-filter .product-list .product-select{width:100%} } .recommend-goods{width:100%;position:relative;background-color:#f6f6f6} .recommend-goods.news{background-color:#fff} .recommend-goods .reco-swiper{margin-top:.6rem;width:calc(1680/1920*100%);margin-bottom:0} @media (max-width:900px){ .recommend-goods .reco-swiper{margin-bottom:0} } .show-list-title{width:calc(1680/1920*100%);font-family:SourceHanSansCN-Bold;margin:0 auto;padding-top:1.5rem;z-index:2} .show-list-title .sl-title,.show-list-title .ia-cont-deco{z-index:2} .show-list{width:100%;display:flex;overflow:hidden;justify-content:flex-start} @media (max-width:550px){ .show-list{justify-content:space-between} .show-list.no-parent-ele{justify-content:space-between;width:calc(1680/1920*100%);margin:0 auto} } .show-list.pb16{padding-bottom:2.6rem} .show-list.life-info{flex-wrap:wrap} .show-list.life-info .product-item{display:flex;flex-direction:column;align-items:center;margin-top:.6rem;width:30%;margin-left:3.33%} .show-list.life-info .product-item .know-more-link{color:#666} .show-list.life-info .product-item:hover .know-more-link{color:#ed7228} .show-list.life-info .product-item:hover .know-more-link:after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.06rem;height:.09rem;background-size:0.06rem 0.09rem;margin-left:.1rem} @media (max-width:900px){ .show-list.life-info .product-item:hover .know-more-link:after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.18rem;height:.27rem;background-size:cover;margin-left:.1rem} } .show-list.life-info .product-item .product-image{width:5rem;height:5rem;border-radius:.8rem 0 0 0;background-color:#f6f6f6;display:flex;align-items:center;justify-content:center} .show-list.life-info .product-item .product-image.white{background-color:#fff} .show-list.life-info .product-item .product-image img{height:56%;height:56%;transition:all .3s} .show-list.life-info .product-item .product-image:hover img{transform:scale(1.1);transition:all .3s} .show-list.life-info .product-item .product-title{font-family:Arial-BoldMT;font-weight:bold;color:#333;margin-top:.26rem;margin-bottom:.08rem} .show-list.life-info .product-item .product-intro{font-family:SourceHanSansCN-Regular;line-height:1.78;color:#666} .show-list.life-info .product-item .product-intro p{font-family:SourceHanSansCN-Regular;line-height:1.78;color:#666} .show-list.life-info .product-item .pi-divi{width:100%;height:.01rem;margin:.23rem 0 .19rem 0;background-color:#d0d0d0} @media (max-width:820px){ .show-list.life-info .product-item{width:32%;margin-left:1.33%} .show-list.life-info .product-item .product-image{width:100%;height:4rem} } @media (max-width:550px){ .show-list.life-info .product-item{width:49%;margin-left:0} .show-list.life-info .product-item .product-image{width:100%;height:4rem} } .show-list .product-item{display:flex;flex-direction:column;align-items:center;margin-top:.6rem;width:100%;margin:0 auto;margin-left:3.33%} .show-list .product-item.stuff{height:0;visibility:hidden;margin:0;padding:0;border:none} .show-list .product-item .know-more-link{color:#666} .show-list .product-item:hover .know-more-link{color:#ed7228} .show-list .product-item:hover .know-more-link:after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.06rem;height:.09rem;background-size:.06rem .09rem;margin-left:.1rem} @media (max-width:900px){ .show-list .product-item:hover .know-more-link:after{width:.18rem;height:.27rem;background-size:cover} } .show-list .product-item .product-image{width:5rem;height:5rem;border-radius:.8rem 0 0 0;background-color:#f6f6f6;display:flex;align-items:center;justify-content:center} .show-list .product-item .product-image.white{background-color:#fff} .show-list .product-item .product-image img{height:2.8rem;width:auto;object-fit:contain;transition:all .3s} .show-list .product-item .product-image:hover img{transform:scale(1.1);transition:all .3s} .show-list .product-item .product-title{font-family:Arial-BoldMT;font-weight:bold;color:#333;margin-top:.26rem;margin-bottom:.08rem} .show-list .product-item .product-intro{font-family:SourceHanSansCN-Regular;line-height:1.78;color:#666} .show-list .product-item .product-intro p{font-family:SourceHanSansCN-Regular;line-height:1.78;color:#666} .show-list .product-item .pi-divi{width:100%;height:.01rem;margin:.23rem 0 .19rem 0;background-color:#d0d0d0} @media (max-width:820px){ .show-list .product-item .product-image{width:100%;height:4rem} .show-list .product-item .product-image img{max-width:80%;width:auto;height:75%} } @media (max-width:550px){ .show-list .product-item{margin:0} .show-list .product-item .product-image{width:100%;height:4rem} .show-list .product-item .product-image img{max-width:80%;width:auto;height:75%} } .home-cate{width:calc(1520/1920*100%);margin:0 auto;display:flex;flex-wrap:wrap;min-height:4.6rem;align-content:center;text-align:center} @media (max-width:900px){ .home-cate{width:calc(1880/1920*100%);height:fit-content;padding:.8rem 0} .home-cate::after{content:'';height:0;display:block;width:33%} } .home-cate .cate-item{width:20%;padding:.2rem .1rem} @media (max-width:900px){ .home-cate .cate-item{width:33%;margin-top:.5rem} .home-cate .cate-item::after{content:'';height:0;display:block;width:33rem} .home-cate .cate-item.stuff{height:0;visibility:hidden;padding:0;margin:0;display:block} } @media (max-width:450px){ .home-cate .cate-item{margin:.2rem 0} } .home-cate .cate-item .cate-icon{height:.82rem;width:auto;margin-bottom:.28rem;transition:all .3s} .home-cate .cate-item .cate-title{font-family:SourceHanSansCN-Normal;line-height:1.2;color:#444} .home-cate .cate-item:hover .cate-icon{transform:scale(1.1);transition:all .3s} .home-cate .cate-item.stuff{height:0;visibility:hidden;padding:0;margin:0;display:none} .home-cate.life-info{height:3.43rem;align-content:space-between;margin:1.6rem auto} .home-cate.life-info .cate-item{width:25%;height:1.5rem;margin-bottom:.42rem} @media (max-width:900px){ .home-cate.life-info{padding:0} } @media (max-width:500px){ .home-cate.life-info{height:fit-content} .home-cate.life-info .cate-item{width:33.33%;height:fit-content} } .home-cate.bf .cate-item{width:33.33%} .img-cont{width:100%;height:auto;overflow:hidden;position:relative} .news-row{width:calc(1680/1920*100%);display:flex;justify-content:space-between;margin:0 auto} .news-row .big-news-item{width:calc(1107/1680*100%);height:5.8rem;position:relative} .news-row .big-news-item .bni-image{width:100%;height:100%;object-fit:cover;transition:all .3s} .news-row .big-news-item .img-cont{width:100%;height:100%;overflow:hidden;position:relative} .news-row .big-news-item .bni-title{position:absolute;bottom:0;height:.8rem;width:100%;background-color:#00066;color:#fff;padding:0 .4rem;display:flex;align-items:center;background-image: linear-gradient(360deg, rgb(3 0 0 / 65%) 0%, rgba(255, 255, 255, 0) 100%);} .news-row .big-news-item .bni-title span{line-height:1.36} @media (max-width:900px){ .news-row .big-news-item .bni-title span{-webkit-line-clamp:2} } .news-row .big-news-item:hover .bni-image{transform:scale(1.1);transition:all .3s} .news-row .news-item{width:calc(534/1680*100%);height:5.8rem} .news-row .news-item .ni-image{width:100%;height:49.67%;object-fit:cover;transition:all .3s} .news-row .news-item .ni-title-cont{height:50.33%;background-color:#f6f6f6;display:flex;flex-direction:column;justify-content:space-between;padding:.27rem;box-sizing:border-box} .news-row .news-item .ni-title-cont .ni-title{line-height:1.5;color:#222;font-family:SourceHanSansCN-Normal;display: block;} @media (max-width:900px){ .news-row .news-item .ni-title-cont .short-deco{margin:.5rem 0} } .news-row .news-item:hover .ni-image{transform:scale(1.1);transition:all .3s} .news-row.social-support .news-item .know-more-link{transition:all .3s} .news-row.social-support .news-item:hover .know-more-link{opacity:1;transition:all .3s;color:#ec6819} .news-row.social-support .news-item:hover .know-more-link:after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.06rem;height:.09rem;background-size:cover;margin-left:.1rem} @media (max-width:900px){ .news-row.social-support .news-item:hover .know-more-link:after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.18rem;height:.27rem;background-size:cover;margin-left:.1rem} } @media (max-width:900px){ .news-row{flex-direction:column} .news-row .big-news-item{width:100%;height:fit-content} .news-row .big-news-item .bni-image{width:100%;height:auto;aspect-ratio:1.8967;transition:all .3s} .news-row .big-news-item .bni-title{height:1.8rem} .news-row .big-news-item .bni-title .title{-webkit-line-clamp:2;line-height:1.36} .news-row .news-item{width:100%;margin-top:.2rem;height:fit-content} .news-row .news-item .ni-image{aspect-ratio:1.78;height:auto;transition:all .3s} .news-row .news-item .ni-title-cont{height: auto;} } .mn-info{line-height:1.75;color:#666;font-family:SourceHanSansCN-Normal;display:flex;position:relative} .mn-info .mn-divi{height:auto;width:1px;background-color:#666;margin:0 .14rem;display:block} .news-list-row{position:relative;width:calc(1680/1920*100%);display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto} .news-list-row:after{content:'';width:calc(534/1680*100%)} .news-list-row .item{width:calc(534/1680*100%);background-color:#f6f6f6;margin-top:.4rem} .news-list-row .item .img-cont{width:100%;overflow:hidden;padding-top: 65%;position: relative;} .news-list-row .item:hover .news-image{transform:scale(1.1);transition:all .3s} .news-list-row .item-head{position:relative;height:.97rem;padding:0 .32rem .24rem .32rem;display:flex;flex-direction:column;justify-content:flex-end} .news-list-row .item-head .news-divi{width:100%;height:.01rem;background-color:#000;margin-top:.11rem} .news-list-row .news-image{width:100%;height: 100%;object-fit:cover;transition:all .3s;position: absolute;left: 0;top: 0;} .news-list-row .item-title-cont{display:flex;flex-direction:column;align-items:center;justify-content:center;height:1.58rem} .news-list-row .item-title-cont .cont{width:calc(465/534*100%)} .news-list-row .item-title-cont .item-title{font-family:SourceHanSansCN-Normal;line-height:1.5;color:#222222;display: block;} .news-list-row .item-title-cont .short-deco{margin-top:.3rem} @media (max-width:900px){ .news-list-row .item-title-cont .short-deco{margin-bottom: 15px;} } .news-list-row.social-support .item-title-cont{height:1.78rem} @media (max-width:900px){ .news-list-row.social-support .item-title-cont{height:fit-content} } .news-list-row.social-support .item:hover .news-image{transform:scale(1.1);transition:all .3s} .news-list-row.social-support .item:hover .know-more-link{opacity:1;transition:all .3s;color:#ec6819} .news-list-row.social-support .item:hover .know-more-link:after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.06rem;height:.09rem;background-size:cover;margin-left:.1rem} @media (max-width:900px){ .news-list-row.social-support .item:hover .know-more-link:after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.18rem;height:.27rem;background-size:cover;margin-left:.1rem} } @media (max-width:900px){ .news-list-row .item{width:49%} .news-list-row .item .item-title{margin-top: 0;padding-top: 10px;display: block;} .news-list-row .item .know-more-link{margin-bottom:.2rem} .news-list-row .item .know-more-link::after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/gray-arrow.svg");background-size:cover;width:.18rem;height:.27rem;margin-left:.1rem} .news-list-row .item-title-cont{display: block;padding:0 10px;height: auto;} .news-list-row .item-title-cont .cont{margin-right: 0;width: 100%;} } .news-pagi{margin-top:.5rem;margin-bottom:1.56rem} .homekit-row{width:100%;display:flex;height:7.2rem} .homekit-row.r{flex-direction:row-reverse} .homekit-row.last-row{margin-bottom:2.6rem} @media (max-width:900px){ .homekit-row.last-row{margin-bottom:0.6rem} } @media (max-width:650px){ .homekit-row{flex-direction:column;height:auto} .homekit-row.r{flex-direction:column} } .homekit-row .left{width:50%;display:flex;align-items:center;justify-content:center} .homekit-row .left.br{border-radius:2.4rem 0 0 0} .homekit-row .left .text-cont{display:flex;flex-direction:column;padding:.5rem 1.4rem} .homekit-row .left .text-cont.template{padding:.5rem 1rem} @media (max-width:900px){ .homekit-row .left .text-cont.template{padding:1rem} } .homekit-row .left .text-cont .hk-title{font-family:SourceHanSansCN-Bold} .homekit-row .left .text-cont .hk-name{font-family:SourceHanSansCN-Normal;color:#444;margin-bottom:.19rem} .homekit-row .left .text-cont .hk-intro{font-family:SourceHanSansCN-Normal;line-height:1.8;color:#444} .homekit-row .left .text-cont .hk-intro p{font-family:SourceHanSansCN-Normal;line-height:1.8;color:#444} @media (max-width:650px){ .homekit-row .left .text-cont{padding:1rem} } @media (max-width:650px){ .homekit-row .left{width:100%;height:fit-content;justify-content:flex-start} } .homekit-row .right{width:50%;position:relative;height:100%} .homekit-row .right .swiper-container,.homekit-row .right .swiper-wrapper,.homekit-row .right .swiper-slide{height:100%;width:100%} .homekit-row .right .homeSwiper{height:100%;width:100%;object-fit:cover} @media (max-width:650px){ .homekit-row .right{width:100%} } .homekit-row:first-child{border-radius:2.4rem 0 0 0;background-color:red} .hk-list .homekit-row:first-child{border-radius:2.4rem 0 0 0;background-color:#f6f6f6} .hk-list .homekit-row:nth-child(2n){background-color:#fff} .hk-list .homekit-row:nth-child(2n+1){background-color:#f6f6f6} .kidney1{position:relative;width:100%;height:9.29rem;display:flex;align-items:center;margin-top:-1.4rem} .kidney1 .k1-bg{position:relative;width:100%;z-index:2;object-fit:cover} .kidney1 .k1-text{width:calc(1680/1920*100%);margin-left:1.2rem;z-index:3;position:absolute;color:#000} @media (max-width:900px){ .kidney1 .k1-text{margin-left:5%} } .kidney1 .k1-text .product-model{font-family:Arial-BoldMT;margin-bottom:.04rem} .kidney1 .k1-text .product-name{font-family:SourceHanSansCN-Normal} .kidney1 .k1-text .product-title{font-family:SourceHanSansCN-Normal;line-height:1.2;color:#444;margin-bottom:.29rem} .kidney1 .k1-text .sp-intro{color:#444;line-height:1.625;font-family:SourceHanSansCN-Normal;min-height:1.47rem} .kidney1 .k1-text .sp-intro div{color:#444;line-height:1.625;font-family:SourceHanSansCN-Normal} .kidney1 .k1-text .sp-intro p{color:#444;line-height:1.625;font-family:SourceHanSansCN-Normal} @media (max-width:900px){ .kidney1 .k1-text .sp-intro{height:fit-content;margin-bottom:.5rem} } .kidney1 .k1-text .product-intro{font-family:SourceHanSansCN-Normal;line-height:1.625;color:#3e3a39;height:1.47rem} .kidney1 .k1-text .product-intro p{font-family:SourceHanSansCN-Normal;line-height:1.625;color:#3e3a39;height:1.47rem} @media (max-width:900px){ .kidney1 .k1-text .product-intro{height:fit-content;margin-bottom:.5rem} } @media (max-width:900px){ .kidney1{margin-top:-1.5rem} } @media (max-width:840px){ .kidney1 .k1-bg{height:100%;width:auto} } .gray-bg{width:100%;background-color:#f6f6f6} .product-feature{width:calc(1680/1920*100%);margin:0 auto;padding:1.6rem 0} .product-feature .pf-title{font-family:SourceHanSansCN-Bold;color:#000} .product-feature .pf-cont{display:flex;justify-content:space-between} .product-feature .pf-cont .pf-list{width:48.57%} .product-feature .pf-cont .pf-list .pf-item{width:100%;position:relative;height:7.2rem;border-radius:.2rem;margin-bottom:.5rem;overflow:hidden} .product-feature .pf-cont .pf-list .pf-item.sm{height:4.6rem} @media (max-width:650px){ .product-feature .pf-cont .pf-list .pf-item{margin-bottom:.25rem;aspect-ratio:1.1333;height:auto} .product-feature .pf-cont .pf-list .pf-item.sm{height:auto;aspect-ratio:1.778} } .product-feature .pf-cont .pf-list .pf-item .pf-bg{border-radius:.2rem;height:100%;width:100%;object-fit:cover;transition:all .3s} .product-feature .pf-cont .pf-list .pf-item .pf-bg.right{object-position:100% 50%} .product-feature .pf-cont .pf-list .pf-item .pf-bg:hover{transform:scale(1.1);transition:all .3s} .product-feature .pf-cont .pf-list .pf-item .pf-text{position:absolute;left:.4rem;bottom:.3rem;font-family:SourceHanSansCN-Medium;color:#000} @media (max-width:900px){ .product-feature .pf-cont .pf-list .pf-item .pf-text{left:.15rem} } .prod-row{width:calc(1680/1920*100%);margin:0 auto;margin-top:1.6rem;margin-bottom:1.55rem} @media (max-width:900px){ .prod-row{margin-top:.6rem;margin-bottom:.6rem} } .prod-row img{object-fit:cover} .prod-row.num1{display:flex} .prod-row.num1 .left-img{width:50%;overflow:hidden;position:relative;border-radius:.15rem} .prod-row.num1 .left-img .img-p{width:100%;border-radius:.15rem} .prod-row.num1 .left-img .img-p .img-cont{padding-top:56.30%;position:relative;height:0} .prod-row.num1 .left-img .img-p .img-cont img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;transition:all .3s} .prod-row.num1 .left-img .img-p .img-cont img:hover{transform:scale(1.1);transition:all .3s} .prod-row.num1 .right-text{width:50%;padding-left:.92rem;display:flex;flex-direction:column;justify-content:center} .prod-row.num1 .right-text .item-material{font-family:SourceHanSansCN-Bold;color:#000} .prod-row.num1 .right-text .item-name{font-family:SourceHanSansCN-Normal;color:#444;margin-bottom:.23rem} .prod-row.num1 .right-text .item-feature{font-family:SourceHanSansCN-Normal;color:#333;line-height:1.72} .prod-row.num1 .right-text .item-feature p{line-height:1.72} @media (max-width:600px){ .prod-row.num1{flex-direction:column} .prod-row.num1 .left-img{width:100%;height:100%} .prod-row.num1 .right-text{width:100%;padding:0;margin-top:.2rem} } .prod-row.num1.long1 .left-img{width:58.33%} .prod-row.num1.long1 .left-img .img-p{width:100%;border-radius:.15rem} .prod-row.num1.long1 .left-img .img-p .img-cont{padding-top:56.32%;position:relative;height:0} .prod-row.num1.long1 .left-img .img-p .img-cont img{position:absolute;top:0;left:0;right:0;bottom:0} .prod-row.num1.long1 .right-text{width:41.67%} @media (max-width:600px){ .prod-row.num1.long1{flex-direction:column} .prod-row.num1.long1 .left-img{width:100%} .prod-row.num1.long1 .right-text{width:100%;padding:0;margin-top:.2rem} } .prod-row.num2{display:flex;justify-content:space-between} .prod-row.num2 .item{display:flex;flex-direction:column;align-items:flex-start;width:calc(810/1680*100%)} .prod-row.num2 .item.center{align-items:center} .prod-row.num2 .item .img-p{width:100%;border-radius:.15rem} .prod-row.num2 .item .img-p .img-cont{padding-top:56.29%;position:relative;height:0;border-radius:.15rem} .prod-row.num2 .item .img-p .img-cont img{position:absolute;top:0;left:0;right:0;bottom:0;transition:all .3s;border-radius:.15rem} .prod-row.num2 .item .img-p .img-cont img:hover{transform:scale(1.1);transition:all .3s} .prod-row.num2 .item .img-title{margin-top:.265rem;line-height:1.72;font-family:SourceHanSansCN-Normal;color:#333} .prod-row.num2 .item .img-title *{line-height:inherit} .prod-row.superBig{height:auto} .prod-row.superBig .img-cont{width:100%;height:auto;border-radius:.15rem} .prod-row.superBig img{width:100%;transition:all .3s;border-radius:.15rem} .prod-row.superBig img:hover{transform:scale(1.1);transition:all .3s} .prod-row.num3{display:flex;font-size:0} .prod-row.num3 img{object-fit:cover;width:100%;height:100%;transition:all .3s} .prod-row.num3 img:hover{transform:scale(1.1);transition:all .3s} .prod-row.num3 .item{display:flex;flex-direction:column;width:29.76%;margin-right:5.35%} .prod-row.num3 .item:nth-child(3n){margin-right:0} .prod-row.num3 .item .img-cont{width:100%;overflow:hidden;border-radius:.15rem} .prod-row.num3 .item.square .img-p{width:100%;margin-bottom:.25rem} .prod-row.num3 .item.square .img-p .img-cont{padding-top:100%;position:relative;height:0} .prod-row.num3 .item.square .img-p .img-cont img{position:absolute;top:0;left:0;right:0;bottom:0} .prod-row.num3 .item.tallSquare .img-p{width:100%;margin-bottom:.25rem} .prod-row.num3 .item.tallSquare .img-p .img-cont{padding-top:124.5%;position:relative;height:0} .prod-row.num3 .item.tallSquare .img-p .img-cont img{position:absolute;top:0;left:0;right:0;bottom:0} .prod-row.num3 .item.longSquare .img-p{width:100%;margin-bottom:.25rem} .prod-row.num3 .item.longSquare .img-p .img-cont{padding-top:66%;position:relative;height:0} .prod-row.num3 .item.longSquare .img-p .img-cont img{position:absolute;top:0;left:0;right:0;bottom:0} @media (max-width:600px){ .prod-row.num3{flex-direction:column} .prod-row.num3 .item{flex-direction:row;width:100%;margin-top:.2rem;margin-right:0} .prod-row.num3 .item .text-cont{align-items:flex-start;justify-content:center;padding-left:.2rem} .prod-row.num3 .item .text-cont .n3-intro{text-align:start} .prod-row.num3 .item.longSquare img{aspect-ratio:1.5} } .prod-row .text-cont{display:flex;flex-direction:column;align-items:center;width:100%} .prod-row .text-cont .n3-material{font-family:SourceHanSansCN-Bold;line-height:1.23;color:#333;margin-top:.36rem} @media (max-width:900px){ .prod-row .text-cont .n3-material{margin-top:0} } .prod-row .text-cont .n3-intro{font-family:SourceHanSansCN-Normal;line-height:1.78;color:#333;text-align:center} .prod-row .text-cont .n3-intro p{font-family:SourceHanSansCN-Normal;line-height:1.78;color:#333;text-align:center} .star-product{width:calc(1680/1920*100%);display:flex;margin:0 auto;justify-content:space-between;height:7.5rem;align-items:center;border-bottom:solid #666 .01rem} .star-product .left{width:calc(640/1680*100%)} .star-product .left .sp-title{font-family:Arial-BoldMT;color:#000} .star-product .left .sp-name{font-family:SourceHanSansCN-Normal;line-height:1.2;color:#444;margin-bottom:.3rem} .star-product .left .sp-intro{font-family:SourceHanSansCN-Light;color:#3e3a39;line-height:1.625;margin-bottom:.89rem} .star-product .left .sp-intro p{font-family:SourceHanSansCN-Light;color:#3e3a39;line-height:1.625;margin-bottom:.89rem} .star-product .right{width:50%} .star-product .right .si-cont{display:flex;justify-content:center;height:4rem} .star-product .right .si-cont img{object-fit:contain} @media (max-width:900px){ .star-product{margin:.5rem auto;height:fit-content} .star-product .know-more{margin-bottom:.5rem} .star-product .right{width:55%} .star-product .right .swiper-slide img{width:70%} } @media (max-width:460px){ .star-product{flex-direction:column-reverse} .star-product .left{width:100%;margin-top:.5rem} .star-product .right{width:100%} } .sb{background-image:none;width:.6rem;height:.6rem;z-index:5} .sb.disable .cls-1{fill:#f6f6f6;stroke:#999;stroke-width:1px} .sb.disable .cls-2{fill:#666;fill-rule:evenodd} .sb .cls-1{fill:#ec6819;stroke:transparent} .sb .cls-2{fill:#fff;fill-rule:evenodd} .body-scan{width:100%;position:relative} @media (max-width:900px){ .body-scan{padding-top:2rem;background-color:#111} } @media (max-width:900px){ .body-scan.template{padding-top:2rem;background-color:#000} } .body-scan .body-info{width:100%;height:auto;object-fit:cover;z-index:-3} @media (max-width:800px){ .body-scan .body-info{height:8rem} } @media (max-width:400px){ .body-scan .body-info{height:7rem} } .body-scan .bs-title{position:absolute;color:#fff;z-index:2;top:1.85rem;margin-left:calc(120/1920*100%)} @media (max-width:900px){ .body-scan .bs-title{top:.85rem} } @media (max-width:400px){ .body-scan .bs-title{top:.47rem;margin-top:0.5rem} } .body-scan .bs-title .title{font-family:SourceHanSansCN-Bold} .body-scan .bs-title .bs-intro{line-height:1.2;font-family:SourceHanSansCN-Normal} .news-body{width:calc(1200/1920*100%);margin:0 auto;margin-top:1.52rem;position:relative;display:flex;flex-direction:column;align-items:center} .news-body .news-title{font-family:SourceHanSansCN-Medium;line-height:1.444;color:#333;margin-bottom:.23rem} .news-body .news-sub-title{font-family:SourceHanSansCN-Bold;margin-top:.04rem;font-weight:normal;font-stretch:normal;line-height:1.667;letter-spacing:0px;color:#333} .news-body .news-line{height:.01rem;width:100%;background-color:#666;margin-bottom:.42rem} .news-body .news-line.end{width:calc(1000/1200*100%);margin-top:.29rem;margin-bottom:.44rem} @media (max-width:900px){ .news-body .news-line.end{width:100%} } .news-body .news-info{color:#666;line-height:1.3333} .news-body .news-info .news-date{margin-right:.25rem} .news-body .news-segment{line-height:1.875;width:calc(949/1200*100%);font-family:SourceHanSansCN-Normal;margin:.29rem 0;color:#555555} .news-body .news-segment p{line-height:2} .news-body .news-segment video{width: 100%;height: auto;} .news-body .news-segment img{margin-bottom:.2rem} @media (max-width:900px){ .news-body .news-segment{width:calc(1150/1200*100%)} } .news-body .news-i-cont{width:calc(949/1200*100%);display:flex;flex-direction:column;align-items:center;margin:0 auto} .news-body .news-i-cont .news-image{width:100%;height:auto;object-fit:cover;margin-top:.1rem} .news-body .news-i-cont .news-image.sm{width:calc(631/949*100%)} .news-body .news-i-cont .image-title{font-family:SourceHanSansCN-Bold;margin-top:.14rem;margin-bottom:.24rem;line-height:1.667;color:#333} .news-body .end-nav{display:flex;width:calc(940/1200*100%);margin:0 auto;justify-content:space-between;align-items:center;font-family:SourceHanSansCN-Light} @media (max-width:900px){ .news-body .end-nav{width:100%} } .news-body .end-nav .links-group{width:90%;color:#555555} .news-body .end-nav .links-group .news-link{display:inline-block;line-height:1.875;color:#555555} .news-body .end-nav .links-group .news-link a:hover{color:#ec6819} @media (max-width:900px){ .news-body .end-nav .links-group{width:100%} } .news-body .end-nav .back-btn{color:#000;display:flex;align-items:center} .news-body .end-nav .back-btn:before{content:'';display:block;height:.12rem;width:.08rem;background-image:url("../images/svg/black-arrow.svg");background-repeat:no-repeat;transform:rotate(180deg);margin-right:.09rem;background-size:.08rem .12rem} @media (max-width:900px){ .news-body .end-nav .back-btn{display:none} } @media (max-width:1200px){ .news-body{width:90%;margin-top:.5rem} } @media (max-width:900px){ .news-body{width:90%;margin-top:.5rem} } .more-news{display:flex;justify-content:space-between;width:calc(1680/1920*100%);margin:1.08rem auto 2.56rem auto} .more-news .mn-item{width:100%;display:flex;flex-direction:column} .more-news .mn-item .mn-cover{height:3rem;width:100%;object-fit:cover;margin-bottom:.25rem;aspect-ratio:1.723} .more-news .mn-item .mn-title{line-height:1.875;width:100%;font-family:SourceHanSansCN-Normal;color:#222222} .more-news .mn-item .mn{margin-top:.28rem;margin-bottom:.2rem} .more-news .mn-item .mn-info{line-height:1.75;color:#666;font-family:SourceHanSansCN-Normal;display:flex} .more-news .mn-item .mn-info .mn-divi{height:100%;width:.01rem;background-color:#666;margin:0 .14rem} @media (max-width:900px){ .more-news{width:90%;flex-direction:column;margin-bottom:0} .more-news .mn-item{margin-bottom:.5rem;width:100%} .more-news .mn-item .mn-cover{height:auto} } .company-culture{width:100%;display:flex;height:6.4rem;align-items:center;margin-top:.8rem} .company-culture:last-child{margin-bottom:2.78rem} .company-culture .left{width:calc(780/1920*100%);height:5.24rem;background-image:url("../images/comculture-bg.jpg");background-repeat:no-repeat;background-size:100% 100%;display:flex;flex-direction:column;justify-content:center;padding-left:1.2rem} .company-culture .left .column-title{font-family:SourceHanSansCN-Bold;color:#000} .company-culture .left .column-intro{font-family:SourceHanSansCN-Normal;line-height:1.5;color:#444;width:3.36rem} .company-culture .left .column-intro p{font-family:SourceHanSansCN-Normal;line-height:1.5;color:#444;width:3.36rem} @media (max-width:900px){ .company-culture .left .column-intro{width:80%} } .company-culture .left .cc-deco{margin-top:.19rem;margin-bottom:.3rem} .company-culture .right{width:calc(1140/1920*100%);border-radius:1.4rem 0 0 0;position:relative;overflow:hidden;transform:translate(0,0)} .company-culture .right .right-img{width:100%;height:100%;object-fit:cover;transition:all .3s} .company-culture .right:hover .right-img{transform:scale(1.03);transition:all .3s} .company-culture.r{flex-direction:row-reverse} .company-culture.r .left{background-repeat:no-repeat;background-image:url("../images/comculture-bg2.jpg")} .company-culture.r .right{border-radius:0 1.4rem 0 0;transform:translate(0,0)} .company-culture.no1{margin-top:1.8rem} .company-culture.lastone{margin-bottom:2.78rem} @media (max-width:900px){ .company-culture{flex-direction:column-reverse;height:fit-content} .company-culture .left{width:100%} .company-culture .right{width:100%} .company-culture.r{flex-direction:column-reverse} .company-culture.r .left{width:100%;height:5rem} .company-culture.r .right{width:100%} } .news-swiper{width:100%} .news-swiper .swiper-slide{display:flex;justify-content:space-between} @media (max-width:900px){ .news-swiper{flex-direction:column} } .nav-btn-cont{position:relative} .nav-btn-cont .swiper-arrow{width:calc(1680/1920*100%);margin:0 auto;position:absolute;top:57%;left:0;z-index:5} .nav-btn-cont .swiper-arrow #swiper-left{position:relative;z-index:5 !important} .nav-btn-cont .swiper-arrow #swiper-right{position:relative;z-index:5 !important} .global-swiper{width:calc(1680/1920*100%)} .global-swiper .swiper-slide{display:flex;flex-wrap:wrap;justify-content:space-between} .global-swiper .swiper-slide .global-item{width:8.15rem;display:flex;align-items:center;margin-bottom:.42rem} .global-swiper .swiper-slide .global-item .gi-image{border-radius:.1rem;position:absolute;z-index:2;height:2rem;width:3rem;max-height:2rem;object-fit:cover} .global-swiper .swiper-slide .global-item .gi-detail{margin-left:1rem;height:2.44rem;max-width:7.18rem;border-radius:.1rem;background-color:#f6f6f6;position:relative;display:flex;justify-content:center;flex-direction:column} .global-swiper .swiper-slide .global-item .gi-detail .gi-text{width:4.22rem;position:relative;margin-left:2.4rem;margin-right:.4rem} .global-swiper .swiper-slide .global-item .gi-detail .gi-text .mn-divi{height:auto} .global-swiper .swiper-slide .global-item .gi-detail .gi-text .gi-title{font-family:SourceHanSansCN-Bold;line-height:1.364;color:#222222;margin-top:.11rem;margin-bottom:.07rem} .global-swiper .swiper-slide .global-item .gi-detail .gi-text .gi-intro{font-family:SourceHanSansCN-Light;line-height:1.714;color:#666;margin-top:.11rem} .global-swiper .swiper-slide .global-item .gi-detail .know-more-link{margin-left:2.4rem;opacity:0;transition:all .3s;margin-top:.2rem} .global-swiper .swiper-slide .global-item:hover .know-more-link{opacity:1;transition:all .3s;color:#ec6819} .global-swiper .swiper-slide .global-item:hover .know-more-link::after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:6px;margin-left:.1rem} @media (max-width:900px){ .global-swiper .swiper-slide .global-item:hover .know-more-link::after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/svg/orange-arrow.svg");width:.18rem;height:.27rem;background-size:cover;margin-left:.1rem} } @media (max-width:1700px){ .global-swiper .swiper-slide .global-item{background-color:#f6f6f6;border-radius:.1rem;justify-content:space-between;width:49%;height:fit-content} .global-swiper .swiper-slide .global-item .gi-image{position:relative;width:20%;object-fit:cover;aspect-ratio:1.5;margin-left:.2rem;height:auto} .global-swiper .swiper-slide .global-item .gi-detail{height:fit-content;width:74%;background:none;margin:0;padding-right:.2rem;padding-top:.2rem} .global-swiper .swiper-slide .global-item .gi-detail .gi-text{margin:0;width:100%} .global-swiper .swiper-slide .global-item .gi-detail .know-more-link{padding-bottom:.2rem;margin:0} } @media (max-width:1700px) and (max-width:1700px){ .global-swiper .swiper-slide .global-item .gi-detail .know-more-link{margin:.15rem 0 0 0} } @media (max-width:1700px) and (max-width:900px){ .global-swiper .swiper-slide .global-item .gi-detail .know-more-link{margin:.2rem 0 0 0} } @media (max-width:900px){ .global-swiper .swiper-slide .global-item{width:100%} .global-swiper .swiper-slide .global-item .gi-detail{max-width:100%} } .social-reco{position:relative;width:100%;min-height:10.64rem;background-color:#eef2fb} .social-reco .pic-wrapper{width:100%;height:10.64rem;position:relative} @media (max-width:500px){ .social-reco .pic-wrapper{height:6rem} } @media (max-width:360px){ .social-reco .pic-wrapper{height:5rem} } .social-reco .sr-bg{position:absolute;top:0;left:0;width:100%;height:80%;object-fit:cover;z-index:0} @media (max-width:450px){ .social-reco .sr-bg{height:100%} } .social-reco .show-list-title .ia-cont-deco{margin-bottom:0} @media (max-width:500px){ .social-reco{padding-bottom:1rem;min-height:fit-content} } .swiper-wrapper.media-center{flex-wrap:wrap} .company-honor{width:100%;background-image:url("../images/company-honor-bg.png");background-size:cover} .company-honor .ch-cont{width:calc(1680/1920*100%);margin:0 auto;padding-top:1.53rem} .company-honor .ch-cont .honor-list{width:100%;display:flex;flex-wrap:wrap;margin-bottom:.52rem} .company-honor .ch-cont .honor-list .hl-item{width:25%;/* height:4.35rem; */padding-top: .55rem;padding-bottom: .4rem;padding-left: .1rem;padding-right: .1rem;/* display:flex; */text-align: center;/* flex-direction:column; *//* align-items:center; *//* justify-content:center; */border-bottom:#ccc .01rem solid;border-right:#ccc .01rem solid} .company-honor .ch-cont .honor-list .hl-item .honor-img{height:2.3rem;width:auto;object-fit: contain;transition:all .3s;max-width: 100%;} .company-honor .ch-cont .honor-list .hl-item .honor-img:hover{transform:scale(1.1);transition:all .3s} .company-honor .ch-cont .honor-list .hl-item .img-title{font-family:SourceHanSansCN-Light;color:#333;line-height:1.7;min-height: 3.4em;margin-top:.62rem;/* max-width:2.74rem; */text-align:center;display: block;width: 100%;} .company-honor .ch-cont .honor-list .hl-item.no-right-border{border-right:none} .company-honor .ch-cont .honor-list .hl-item.no-btm-border{border-bottom:none} .company-honor .ch-cont .paging{/* padding-bottom:1.39rem; */} .company-honor .ch-cont .hs-cont{position:relative;padding-bottom:1.41rem} @media (max-width:900px){ .company-honor .ch-cont .hs-cont{display:flex;flex-direction:column-reverse} } .company-honor .ch-cont .hs-cont .swiper-arrow{width:calc(1700/1920*100%);display:flex;justify-content:center;margin:.5rem auto 0 auto} .company-honor .ch-cont .hs-cont .swiper-arrow .sb.swiper-button-disabled .cls-1{fill:#f6f6f6;stroke:#999;stroke-width:1px} .company-honor .ch-cont .hs-cont .swiper-arrow .sb.swiper-button-disabled .cls-2{fill:#666;fill-rule:evenodd} .company-honor .ch-cont .hs-cont .swiper-arrow #swiper-left{left:-2em;position:absolute;top:25%} .company-honor .ch-cont .hs-cont .swiper-arrow #swiper-right{top:25%;right:-2em} @media (max-width:900px){ .company-honor .ch-cont .hs-cont .swiper-arrow #swiper-left,.company-honor .ch-cont .hs-cont .swiper-arrow #swiper-right{position:relative;margin-top:0} .company-honor .ch-cont .hs-cont .swiper-arrow #swiper-left{left:0;margin-right:20px} .company-honor .ch-cont .hs-cont .swiper-arrow #swiper-right{right:0} } .company-honor .ch-cont .hs-cont .honor-swiper .swiper-slide{display:flex;justify-content:space-between;width:100% !important} .company-honor .ch-cont .hs-cont .honor-swiper .swiper-slide .hs-item{display:flex;flex-direction:column;align-items:center;position:relative;width:25%} .company-honor .ch-cont .hs-cont .honor-swiper .swiper-slide .hs-item .hs-img{height:2.7rem;width:auto;object-fit: contain;margin-bottom:.9rem;transition:all .3s;max-width: 100%;} @media (max-width:450px){ .company-honor .ch-cont .hs-cont .honor-swiper .swiper-slide .hs-item .hs-img{height:2.3rem;width:auto} } .company-honor .ch-cont .hs-cont .honor-swiper .swiper-slide .hs-item .hs-img:hover{transform:scale(1.1) translateY(0.2rem);transition:all .3s} .company-honor .ch-cont .hs-cont .honor-swiper .swiper-slide .hs-item .hs-title{font-family:SourceHanSansCN-Light;line-height:1.7;width: 100%;text-align:center;display: block;} @media (max-width:900px){ .company-honor .ch-cont .hs-cont .honor-swiper .swiper-slide{flex-wrap:wrap} .company-honor .ch-cont .hs-cont .honor-swiper .swiper-slide .hs-item{width:48%;margin-top:.5rem;padding-left: 10px;padding-right: 10px;} .company-honor .ch-cont .hs-cont .honor-swiper .swiper-slide .hs-item .hs-img{margin-bottom:.5rem} } .company-honor .ch-cont .quality-verify{display:flex;width:100%;height:fit-content;padding-bottom:1.2rem;align-items:center} .company-honor .ch-cont .quality-verify .left-cup{width:calc(334/1680*100%);margin-right:.88rem;height:6.67rem} .company-honor .ch-cont .quality-verify .qv-info{display:flex;flex-direction:column} .company-honor .ch-cont .quality-verify .qv-info .qv-title{font-family:SourceHanSansCN-Bold;font-weight:normal;font-stretch:normal;letter-spacing:0px;color:#000} .company-honor .ch-cont .quality-verify .qv-info .ia-cont-deco{margin-top:.18rem;margin-bottom:.16rem} .company-honor .ch-cont .quality-verify .qv-info .qv-sub-title{font-family:SourceHanSansCN-Medium;line-height:1.333;color:#333;margin-bottom:.25rem} .company-honor .ch-cont .quality-verify .qv-info .qv-intro{font-family:SourceHanSansCN-Normal;line-height:1.78;color:#444} .company-honor .ch-cont .quality-verify .qv-info .qv-list{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between} .company-honor .ch-cont .quality-verify .qv-info .qv-list .qv-item{width:21%;display:flex;flex-direction:column;align-items:center;margin-top:.5rem} @media (max-width:550px){ .company-honor .ch-cont .quality-verify .qv-info .qv-list .qv-item{width:45%} } .company-honor .ch-cont .quality-verify .qv-info .qv-list .qv-item .qv-image-cont{margin-bottom:.24rem;display:flex;align-items:center;justify-content:space-between;width:2.25rem} .company-honor .ch-cont .quality-verify .qv-info .qv-list .qv-item .qv-image-cont .qv-oliver{width:.4rem;height:.6rem} .company-honor .ch-cont .quality-verify .qv-info .qv-list .qv-item .qv-image-cont .qv-oliver.r{transform:rotateY(180deg);margin-right:0} .company-honor .ch-cont .quality-verify .qv-info .qv-list .qv-item .qv-image-cont .qvi-image{height:.42rem;width:auto;position:relative} .company-honor .ch-cont .quality-verify .qv-info .qv-list .qv-item .qvi-text{font-family:SourceHanSansCN-Normal;line-height:1.71;color:#333;text-align:center} @media (max-width:900px){ .company-honor .ch-cont .quality-verify .left-cup{display:none} } @media (max-width:900px){ .company-honor .ch-cont .honor-list .hl-item{width:50%;border:none;padding-top: 20px;padding-left: 10px;padding-right: 10px;padding-bottom: 0;} .company-honor .ch-cont .honor-list .hl-item .img-title{margin-top: 10px;} } .contact-info{width:calc(1680/1920*100%);display:flex;justify-content:space-between;margin:0 auto;border-right:.01rem solid #ccc;margin-bottom:2rem} @media (max-width:900px){ .contact-info{flex-wrap:wrap;margin-bottom:1rem} } .contact-info .ci-item{width:calc(320/1680*100%);min-height:5.15rem;border-left:.01rem solid #ccc;margin-right:1rem} @media (max-width:900px){ .contact-info .ci-item{width:40%;margin-bottom:.5rem} } @media (max-width:900px) and (max-width:540px){ .contact-info .ci-item{width:50%;margin-right:0} } .contact-info .ci-item .top{width:100%;position:relative;height:1.96rem;border-bottom:#ccc solid 0.01rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-left:.5rem;padding-bottom:.21rem} .contact-info .ci-item .top .item-icon{height:.55rem;width:auto;margin-bottom:.28rem} .contact-info .ci-item .top .item-title{font-family:SourceHanSansCN-Bold;color:#333;white-space:nowrap} .contact-info .ci-item .btm{width:100%;padding-top:.42rem;padding-left:.5rem;box-sizing:border-box} .contact-info .ci-item .btm .info-item{display:flex;flex-direction:column;margin-bottom:.22rem} .contact-info .ci-item .btm .info-item .ii-title{font-family:SourceHanSansCN-Normal;line-height:1.71;color:#999} .contact-info .ci-item .btm .info-item .ii-detail{font-family:ArialMT;line-height:1.4;color:#666} .contact-info .ci-item .btm .long-item{height:2.47rem;display:flex;flex-direction:column;justify-content:space-between} @media (max-width:900px){ .contact-info .ci-item .btm .long-item{height:fit-content} } .after-sell1{width:calc(1680/1920*100%);margin:0 auto;display:flex;justify-content:space-between;height:8.43rem;align-items:center} .after-sell1 .left{width:calc(540/1680*100%)} .after-sell1 .left .af-intro{font-family:SourceHanSansCN-Normal;line-height:1.78;color:#444} .after-sell1 .left .af-intro p{font-family:SourceHanSansCN-Normal;line-height:1.78;color:#444} .after-sell1 .left .ia-cont-deco{margin-top:.1rem;margin-bottom:.76rem} .after-sell1 .left .af-contact .ci-item{display:flex;align-items:center;margin-bottom:.07rem} .after-sell1 .left .af-contact .ci-item .ci-icon{width:.18rem;object-fit:cover;margin-right:.11rem} @media (max-width:900px){ .after-sell1 .left .af-contact .ci-item .ci-icon{width:.28rem} } .after-sell1 .left .af-contact .ci-item .ci-info{font-family:SourceHanSansCN-Normal;line-height:1.56;color:#222222} .after-sell1 .right{width:calc(960/1680*100%);height:5.4rem;border-radius:1.4rem 0 0 0;position:relative;overflow:hidden} .after-sell1 .right .right-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:1.4rem 0 0 0;transition:all .3s} .after-sell1 .right .right-bg:hover{transform:scale(1.05);transition:all .3s} @media (max-width:900px){ .after-sell1{flex-direction:column;height:fit-content;width:100%} .after-sell1 .left{width:calc(1680/1920*100%);padding:1rem 0} .after-sell1 .right{width:100%} } .multi-service{width:100%;background-color:#f6f6f6;padding-top:1.5rem} .multi-service .ms-cont{width:calc(1680/1920*100%);margin:0 auto;padding-bottom:.6rem} @media (max-width:500px){ .multi-service .ms-cont{padding-bottom:0} } .multi-service .ms-cont .four-column{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:.6rem} .multi-service .ms-cont .four-column .fc-item{position:relative;width:calc(816/1680*100%);height:4.6rem;border-radius:.2rem;margin-bottom:.5rem} .multi-service .ms-cont .four-column .fc-item .fci-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:.2rem} .multi-service .ms-cont .four-column .fc-item .hover-detail{position:relative;width:100%;height:100%;opacity:0;transition:all .3s;color:transparent;display:flex;flex-direction:column;align-items:center;padding-top:.9rem} .multi-service .ms-cont .four-column .fc-item .hover-detail .hd-title{font-family:SourceHanSansCN-Bold;margin-bottom:.32rem} .multi-service .ms-cont .four-column .fc-item .hover-detail .hd-intro{font-family:SourceHanSansCN-Regular;line-height:1.67;margin:0 1rem} .multi-service .ms-cont .four-column .fc-item .only-title{position:absolute;bottom:.3rem;left:.4rem;font-family:SourceHanSansCN-Medium;color:#fff;opacity:1;transition:all .3s;visibility:inherit} .multi-service .ms-cont .four-column .fc-item:hover .only-title{opacity:0;transition:all .3s;visibility:hidden} .multi-service .ms-cont .four-column .fc-item:hover .hover-detail{opacity:1;background-color:#00077;transition:all .3s;border-radius:.2rem;color:#fff} @media (max-width:900px){ .multi-service .ms-cont{margin:0 auto} .multi-service .four-column{width:100%} .multi-service .four-column .fc-item{width:100% !important} .multi-service .four-column .fc-item .hover-detail{padding:0 .5rem} .multi-service .ms-cont .four-column .fc-item .hover-detail{padding: 10px;justify-content: center;} .multi-service .ms-cont .four-column .fc-item .hover-detail .hd-intro{margin: 0;} } @media(max-width: 500px){ .multi-service .ms-cont .four-column .fc-item .hover-detail .hd-title{font-size: 18px;} .multi-service .ms-cont .four-column .fc-item .hover-detail .hd-intro{font-size: 13px;} } .pure-image-swiper{position:relative;width:100%;background-color:#f6f6f6} @media (max-width:900px){ .pure-image-swiper{display:flex;flex-direction:column-reverse} } .pure-image-swiper.white{background-color:#fff} .pure-image-swiper .swiper-arrow{display:flex;align-items:center;position:absolute;width:100%;height:100%} .pure-image-swiper .swiper-arrow.so-nav #swiper-left{top:52%} .pure-image-swiper .swiper-arrow.so-nav #swiper-right{top:52%} @media (max-width:900px){ .pure-image-swiper .swiper-arrow{margin-top:0;justify-content:center;position:relative;padding-bottom:20px} } .pure-image-swiper #swiper-left{top:49%;left:calc(90/1920*100%)} @media (max-width:900px){ .pure-image-swiper #swiper-left{position:relative;top:0;left:0;margin-top:0;margin-right:20px} } .pure-image-swiper #swiper-right{right:calc(90/1920*100%);top:49%} @media (max-width:900px){ .pure-image-swiper #swiper-right{position:relative;top:0;right:0;margin-top:0} } .pure-image-swiper .pis{width:calc(1680/1920*100%);margin:0 auto;margin-bottom:1.6rem} @media (max-width:900px){ .pure-image-swiper .pis{margin-bottom:0} } .pure-image-swiper .pis .swiper-slide{display:flex;justify-content:space-between} @media (max-width:900px){ .pure-image-swiper .pis .swiper-slide{flex-wrap:wrap} } .pure-image-swiper .pis .pis-wrapper{overflow:hidden;width:calc(397/1680*100%);height:2.23rem;position:relative;border-radius:.2rem} .pure-image-swiper .pis .pis-wrapper .pis-image{width:100%;height:100%;border-radius:.2rem;position:relative;transition:all .3s} .pure-image-swiper .pis .pis-wrapper .pis-image:hover{transform:scale(1.1);background-color:#000;box-shadow:0 0 0.57rem 0 rgba(0,0,0,0.28);border-radius:.2rem;z-index:3;transition:all .3s} @media (max-width:900px){ .pure-image-swiper .pis .pis-wrapper{height:auto;width:48%;margin-bottom:.5rem} } .pure-image-swiper .sell-out{width:100%;display:flex;justify-content:space-between;padding:1rem 0;margin-bottom:0} @media (max-width:500px){ .pure-image-swiper .sell-out{padding:.2rem 0} } .pure-image-swiper .sell-out .swiper-slide{position:relative;padding:0 1.2rem} @media (max-width:500px){ .pure-image-swiper .sell-out .swiper-slide{padding:0 .4rem} } .pure-image-swiper .sell-out .pis-image{width:3.98rem;height:2.5rem;object-fit:cover;border-radius:.2rem;position:relative;transition:all .3s} @media (max-width:880px){ .pure-image-swiper .sell-out .pis-image{width:44%;margin:.3rem} } @media (max-width:500px){ .pure-image-swiper .sell-out .pis-image{width:45%;margin:.15rem;height:2.5rem} } .pure-image-swiper .sell-out .pis-image:hover{transform:scale(1.1);background-color:#000;box-shadow:0 0 0.37rem 0 rgba(0,0,0,0.28);border-radius:.2rem;z-index:3;transition:all .3s} .pure-image-swiper .sell-out .swiper-wrapper{box-sizing:border-box} @media (max-width:880px){ .pure-image-swiper .sell-out .swiper-wrapper .swiper-slide{flex-wrap:wrap} } .insert-img{width:100%;height:auto} .insert-img .ii-bg{width:100%;height:auto;object-fit:cover} @media (max-width:900px){ .company-culture.no1{margin-top:.8rem} .company-culture.lastone{margin-bottom:.8rem} .company-culture .left .column-intro p{width:100%} } .top-arrow{height:0.42rem} .right.hide .banner-pagination{display:none;opacity:0} .know-more-link.hide{opacity:0 !important;position:relative;z-index:-1;display: none;} .wmm-more.hide{opacity:0 !important;position:relative;z-index:-1;display: none;} .wmc-more.hide{opacity:0 !important;position:relative;z-index:-1} .list-paddingleft-2{padding-left: 15px;} /* 2023-11-6加 */ .xma-a{width: 100%;padding-top: 1.4rem;padding-bottom: .7rem;} .xma-main{width: 16.8rem;margin: auto;} .xma-titles{width: 100%;position: relative;padding-bottom: .2rem;margin-bottom: 1.05rem;font-weight: bold; color: #000000;line-height: 1.2;} .xma-titles:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: .04rem;background-color: #ec6819;} .xma-cont{width: 100%;font-size: 0;} .xma-item{display: inline-block;vertical-align: top;cursor: pointer;width: 31.746%; margin-right: 2.38%;margin-bottom: .55rem;} .xma-item:nth-child(3n){margin-right: 0;} .xma-top{width: 100%;position: relative;} .xma-img{width: 100%;position: relative;padding-top: calc(292/533*100%); overflow: hidden; border-radius: .2rem;} .xma-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all ease .5s;transform: scale(1.00);} .xma-play{transition: all ease .5s;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: rgba(236,104,25,.7);width: .6rem;height:.6rem; border-radius: 50%;background-image: url('../images/xm1.png');background-size: 60% auto; background-position: center center;background-repeat: no-repeat;} .xma-text{width: 100%;padding-top: .25rem;text-align: center;} .xma-name{width: 100%;color: #222222;line-height: 1.45;} .xma-item:hover .xma-img img{transform: scale(1.05);} .xma-item:hover .xma-play{background-color: rgba(236,104,25,1);} .xma-item:hover .xma-name{color: #ec6819;} @media (max-width:900px){ .xma-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} .xma-item{width: 100%;margin-right: 0;} .xma-play{width: 1rem;height: 1rem;} } /*视频容器样式*/ .xv-a {position: fixed;left: 0;top: 120%;z-index: 100001; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;} .xv-a.show {top: 0;} .xv-a.show .xv-e {visibility: visible;} .xv-a.show .xv-f {display: block;} .xv-main{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 800px;max-width: 94%;} .xv-b {width: 100%;} .xv-c {display: block;width: 40px;height: 40px;border-radius: 50%;background-color: #ec6819;position: absolute;right: -20px;top: -20px;cursor: pointer;z-index: 10000;;} .xv-d {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;} .xv-e{width: 100%;height: 60vh;} .xv-f{width: 100%;height: auto;max-height: 90vh;} @media(max-width:1200px) { .xv-c{right: 0; top: -45px;} }