@import ; @import ; @import ; /*》》》》》》》》》》字体引用〚〚〚〚〚〚〚〚〚〚*/ @font-face{ font-family:'tt0140m';src:; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>home关亞我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .homeabout{padding-top:8vw;} .homeabout .mastertitle01{height:5.26vw;} .homeabout .homeabout_title{font-size:2.08vw;line-height:2.08vw;font-weight:bold;position:absolute;bottom:0;left:0;} .homeabout .homeabout_info{font-size:24px;margin-top:.8vw;} .homeabout .homeabout_line{color:#555;margin-top:2vw;line-height:30px;font-size:16px;} .homeabout_data{padding:2vw 0;} .homeabout_data .data_line{padding:2vw 0;} .homeabout_data .data_item:first-child{width:100%;padding-right:1vw;} .data_item .data_number{align-items:center;line-height:2.7vw;margin-bottom:.5vw;color:#3e3e3e;} .data_item .data_number>span{font-size:2.7vw;font-family:'tt0140m';} .data_item .data_number>em{font-size:1.666666vw;} .data_item .data_p{font-size:16px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .homeabout .homeabout_earth{ padding-left:2vw; /*align-items:center;*/ justify-content:center; } .fullpage-section .vm{ /* width: 100%; padding: 0 10vw;*/ } /*.index .vmbox { width: 50%; float: left; }*/ .index-about-contain{ position: relative; height: 440px; padding-right: 0; width: auto; } .subpage-wrap { position: relative; z-index: 3; background-color: #fff; padding:0rem 0; } @media screen and (min-width: 1441px) { .sstrength .wod { width: 80vw; } } .sstrength .wod { -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; } @media screen and (min-width: 1025px) { .sstrength .wod { width: 1200px; } } @media screen and (min-width: 1601px) { .sstrength .wod { width: 1360px; } } @media screen and (max-width: 1024px) { .sstrength .wod { width: auto !important; width: calc(100% - 30px) !important; margin-left: auto !important; margin-right: auto !important; max-width: 720px !important; } } .sstrength-list { margin-top: 3rem; } .sstrength-list > .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }.anido, .hovani, .actani { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease; animation-timing-function: ease; } .anidoing, .done { opacity: 1; -webkit-transition: .3s !important; transition: .3s !important; } .anido { opacity: 0; -webkit-transition: 0s !important; transition: 0s !important; } .anido { position: relative; } .sstrength-list > .item .picarea { position: relative; overflow: hidden; z-index: 1; padding: 1.2rem; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .anido, .hovani, .actani { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease; animation-timing-function: ease; } .anidoing, .done { opacity: 1; -webkit-transition: .3s !important; transition: .3s !important; } .sstrength-list > .item .txtarea { width: 50%; padding: 5vw; -webkit-box-sizing: border-box; box-sizing: border-box; } .sstrength-switch { position: relative; z-index: 2; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 0; padding-bottom: 56.25%; } .sstrength-switch .shade { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }.shade { display: block; width: 100%; height: 100%; } .oh, .shade { position: relative; overflow: hidden; } .shadow, .wh100, .mask, .shade > .box, .shade > .ysqmovebox, .shade > .ysqjsbox, .videobg { z-index: 2; position: absolute !important; left: 0; top: 0; max-width: none !important; width: 100%; height: 100%; } .sstrength-switch .item { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: #fff; } li { list-style: none; } .ysqmovebox:after, .ysqjsbox:after, .box:after, .cle:after, .list:after, .taplist:after, .container:after, .row:after, .wod:after, .imax:after, .w-p:after, .w-m:after { height: 0; content: ' '; display: block; clear: both; visibility: hidden; font-size: 0; } .sstrength-switch .item .pic { width: 100%; height: 100%; } .img, .pic, .vm { position: relative; overflow: hidden; display: block; font-size: 0; } .pic img { position: absolute; left: 0; top: 0; z-index: 1; border-radius: inherit; width: 100% !important; height: 100% !important; } .sstrength-switch .pagination-strength { position: absolute; top: 100%; margin-top: 0.4rem; left: 0; width: 100%; text-align: center; } .pagination.pagination-partner, .pagination.pagination-strength { line-height: 0; font-size: 0; z-index: 3; white-space: nowrap; } .pagination { display: none; } .sstrength-list > .item .picarea:after { content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background-color: #f5f5f5; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .sstrength-list > .item .txtarea .dt .cn { color: #9c8058; } .fz28, .subpage-head .cn, .subpage-flaunt .contain, .sbrand-intro .contain .p1, .sbrand-intro .contain .p2, .sstrength-list > .item .txtarea .dt .cn, .sproduct-relative .dt, .shr-idea .piclink .txt .p1 { font-size: 28px; } .sstrength-list > .item .txtarea .dt .en { margin-top: 0.2rem; font-family: arial, sans-serif, microsoft yahei, '微软雅黑'; font-weight: bold; color: rgba(0, 0, 0, 0.2); } .sstrength-list > .item .txtarea .dt:after { content: " "; display: block; margin-top: 0.3rem; width: 30px; height: 3px; background-color: #9c8058; } .sstrength-list > .item .txtarea .dd { margin-top: 0.7rem; line-height: 1.5; } .sstrength-list > .item .txtarea .df { margin-top: 0.8rem; } .sstrength-list > .item .txtarea .df .btn-pdts { margin-left: 0; border: #d1be9d solid 1px; } .btn.btn-pdts { display: block; margin-left: auto; margin-right: auto; width: 132px; border-top: currentcolor solid 1px; border-bottom: currentcolor solid 1px; text-align: center; font-size: 14px; color: #b49973; height: 32px; line-height: 32px; } .ysqueo .abtnlr { position: relative; overflow: hidden; z-index: 1; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); } .btn, .more, .button, .link, .ctr, label, [data-fancybox] { cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.03); } .sstrength-list > .item:nth-of-type(2n 2) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sstrength-list > .item:nth-of-type(1n 2) { margin-top: 1.2rem; } #homebanner .homebanner_cnt{ position: absolute; top: 0; align-items: center; justify-content: center; z-index: 2; height: 100%; } #homebanner .homebanner_h.tbg { background: no-repeat center center; background-size: auto 72%; } #homebanner .homebanner_h { font-size: 2.5vw; line-height: 2.5vw; font-weight: bold; letter-spacing: .6vw; text-shadow: rgb(0 0 0 / 40%) 8px 10px 12px; -webkit-text-shadow: rgba(0,0,0,.5) 8px 10px 12px; } #homebanner .homebanner_p { font-size: 18px; text-transform: uppercase; margin-top: 1.4vw; margin-bottom: 1vw; letter-spacing: .2vw; } #homebanner .homebanner_h { font-size: 2.5vw; line-height: 2.5vw; font-weight: bold; letter-spacing: .6vw; text-shadow: rgb(0 0 0 / 40%) 8px 10px 12px; -webkit-text-shadow: rgba(0,0,0,.5) 8px 10px 12px; } .scontact-map { position: relative; z-index: 2; height: auto; } .scontact-map .float-info { position: absolute; left: 3vw; top: 50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); -webkit-box-shadow: 0px 4px 14.4px 0.6px rgb(0 0 0 / 15%); box-shadow: 0px 4px 14.4px 0.6px rgb(0 0 0 / 15%); background-color: #fff; border-top: #006636 solid 4px; z-index: 4; padding: 2.60416667vw 3.125vw 3.125vw 2.08333333vw; overflow: hidden; } .scontact-map .float-info:before { right: 0.2rem; bottom: -0.4rem; width: 1.32rem; height: 1.32rem; } .scontact-map .float-info:before, .scontact-map .float-info:after { content: " "; position: absolute; z-index: -1; pointer-events: none; background-color: rgba(180, 153, 115, 0.2); border-radius: 50%; } .scontact-map .float-info .line { line-height: 22px; padding: .25em 0; padding-left: 32px; position: relative; } .scontact-map .float-info .line .icoimg { float: left; margin-left: -32px; width: 22px; height: 22px; } .icoimg { -o-object-fit: contain; object-fit: contain; }