html,body{ width: 100%; overflow-x: hidden; } /* @media (min-width:1024px) { html{ font-size: 12px; } } */ /* @media (min-width:1360px) { */ html{ font-size: 16px; } /* } */ @media (min-width:1680px) { html { font-size: 18.5px; } .application-container .content-right{ margin-right: -245px!important; } } @media (min-width:1920px) { html{ font-size: 21.71px; } .application-container .content-right{ margin-right: -7.5rem!important; }} /* @media (min-width:2560px) { html{ font-size: 28.5px; } } */ body,html { background-color:#F8F8F8; font-family:"Source Han Sans CN"; } .maker-nav { margin-top:3.75rem !important; } .wrap { width:81.25rem; margin:0 auto; } .header { height:3.75rem; width:100%; background:#ffffff; position:fixed; top:0; left:0; z-index:1000; /*border-bottom:solid 0.0625rem #D8D8D8; */ } .headerShadow::after{ content: ''; position: absolute; height: 3.75rem; width: 100%; left: 0; top: 0; box-shadow: .3125rem .3125rem 1.25rem .125rem rgba(26,39,59,0.06); z-index: -1; } .fixed { height:3.75rem; position:fixed; top:0; left:0; z-index:1000; width:100%; background:#ffffff; box-shadow: .3125rem .3125rem 1.25rem rgba(26, 39, 59, 0.06); } .logo { margin-top:0.9375rem; width:7.5rem; height:1.875rem; line-height:0; background:url('../../static/img/handlogo.svg') no-repeat; background-size:7.5rem 1.875rem; } .logo-new { background:url('../../static/img/hand-logo.svg') no-repeat; background-size:7.5rem 1.875rem; } /*.lang ul li { */ /* padding-left:0.3125rem; */ /* float:left; */ /* color:#424242; */ /* line-height:3.5rem; */ /* cursor:pointer; */ /* } */ .lang img { width:1.5rem; height:1.5rem; cursor:pointer; } .lang ul { margin-left:1.375rem; margin-top:0.875rem; display:none; width:1.5rem; padding:0.5rem; background:rgba(255,255,255,1); box-shadow:0rem 0.25rem 0.875rem 0rem rgba(12,37,91,0.1); } .lang ul li { margin-bottom:0.375rem; } .lang ul li:last-child { margin-bottom:0; } .search-logo { background:url("../../static/img/search1.svg") no-repeat; background-size: 1.5rem 1.5rem; height:1.875rem; width:8.75rem; background-position:0.25rem; padding:0 0.625rem 0 2rem; background-color:transparent; border:none; outline:none; font-size:0.875rem; transform:translateX(9.375rem); transition:all .3s; cursor:pointer; line-height:1.875rem; -webkit-transform:translateX(9.375rem); -moz-transform:translateX(9.375rem); -ms-transform:translateX(9.375rem); -o-transform:translateX(9.375rem); } .search-logo-new { background:url("../../static/img/search.svg") no-repeat; background-size: 1.5rem 1.5rem; background-position:0.25rem; } .search-box { height:2.6875rem; width:11.375rem; padding-top:1.0625rem; overflow:hidden; } .moveOut { transform:translateX(0rem); transition:all .3s; } .search { width:1.5rem; height:3.5rem; line-height:3.5rem; position:relative; margin-right:0.625rem; } .search i { position:absolute; left:0; top:0.9375rem; width:1.75rem; height:1.75rem; background:url("../img/search.png") no-repeat center center; background-size:1.125rem 1.125rem; cursor:pointer; } .search input { padding-left:1.75rem; width:13.125rem; height:1.75rem; border:none; outline:none; border:solid 1px #D8D8D8; border-radius:0.3125rem; } .nav a { color:#090F21; display:block; } .nav .nav-wrap { position:relative; } .nav-wrap > ul > li { margin:0 1.5625rem; float:left; line-height:3.625rem; font-size:0.875rem; font-weight: 400; /* border-bottom:solid 0.25rem #fff; */ } .nav-wrap > ul > li > a { /* padding:0 1.25rem; */ width: 3.5rem; display:inline-block; } .nav-wrap > ul > li > a:hover { /* color:#4DB7DD; */ color: #090F21; } .nav-wrap > ul > li:hover { height: 3.25rem; /* border-bottom:solid 0.125rem #090F21; */ } .nav-wrap > ul > li:hover .sub-nav { display:block; -webkit-transition:all 800ms ease-out; transition:all 800ms ease-out; -webkit-transition-delay:.8s; transition-delay:.8s; } .banner-product,.hd-banner{ margin-top: 0!important; } .nav-shuzi-icon{ position: absolute; bottom: 1.875rem; right: 4.375rem; width: 7.5rem; height: 3.0625rem; } .active { border-bottom:solid 0.25rem #001D3E; } .nav .sub-nav { width:68.75rem; position:absolute; background-color:#FFFFFF; top:3.75rem; left:-13.75rem; z-index:9999; padding:1.25rem 3.125rem; line-height:100%; display:none; box-shadow:0rem 0.25rem 0.875rem 0rem rgba(12,37,91,0.1); border:1px solid rgba(235,240,252,1); -webkit-transition:all 800ms ease-out; transition:all 800ms ease-out; -webkit-transition-delay:.8s; transition-delay:.8s; } .nav .hd-nav { position:absolute; /* background-color:#FFFFFF; */ left:-13.625rem; top:3.75rem; z-index:-2; /* overflow: hidden; */ /* padding-left:3.75rem; */ /* padding-bottom:2.5rem; */ line-height:100%; display:none; /* border:1px solid rgba(235,240,252,1); */ box-sizing:border-box; flex-wrap:wrap; flex-direction:column; } .hd-nav::before{ background-color: #fff; content: ''; position: absolute; height: calc(100% - 20px); width: 100%; left: 0; top: 20px; box-shadow: .3125rem .3125rem 1.25rem rgba(26,39,59,0.2);; z-index: -45; } .hd-nav .hd-nav-child { width: 75rem; margin: 0 auto; font-size:1rem; font-weight:500; color:rgba(9,15,33,1); /* line-height:1.375rem; */ padding-top:3.125rem; /* padding-right:3.75rem; */ } .nav-one-title{ font-size: 1.25rem; font-weight: 500; /* line-height: 34px; */ color: #090F21; } .nav-one-txt{ font-weight: 500; margin-left: .75rem; } .nav-sub-tilte{ font-size: 1rem; font-weight: 500; line-height: 1rem; color: #090F21; } .header ul li:nth-child(2) .nav-sub-tilte, .header ul li:nth-child(3) .nav-sub-tilte{ color: rgba(9, 15, 33, 0.7); } .header ul li:nth-child(2) .hd-nav-child:nth-child(3) .nav-sub-tilte{ color: #090F21; } .nav-para-txt{ margin-top: .875rem; font-size: .75rem; font-weight: 400; /* line-height: 20px; */ color: rgba(9, 15, 33, 0.5); } /* 绠ごicon */ .header ul li:nth-child(2) .nav-one-title .nav-title-icon::after, .header ul li:nth-child(3) .nav-one-title .nav-title-icon::after, .header ul li:nth-child(4) .nav-one-title .nav-title-icon::after{ content: ''; width: 1.125rem; height: 1.125rem; display: inline-block; background: url('../img/index-page/nav-title-icon.svg'); background-size: 100% 100%; margin-left: .625rem; } /* .header ul li:nth-child(4) .nav-one-title::after{ margin-left: -12px; } */ /* 绠ごicon 闅愯棌 */ .header ul li:nth-child(2) .hd-nav-child:nth-child(5) .nav-one-title .nav-title-icon::after, .header ul li:nth-child(3) .hd-nav-child:nth-child(2) .nav-one-title .nav-title-icon::after{ display: none; } /* 鏈嶅姟鑼冨洿 */ .header ul li:nth-child(2) .nav-one-title,.header ul li:nth-child(3) .nav-one-title { font-size: 1.125rem; } .header ul li:nth-child(2) .nav-para-txt, .header ul li:nth-child(3) .nav-para-txt{ display: block; margin-left: 0; margin-top: .75rem; padding-bottom: 1.0625rem; border-bottom: 1px solid #E9EAEF; } .header ul li:nth-child(2) .hd-nav .hd-nav-child .hd-nav-child-three, .header ul li:nth-child(3) .hd-nav .hd-nav-child .hd-nav-child-three{ margin-top: 1.5rem; } .header ul li:nth-child(2) .hd-nav-child-three .hd-nav-item, .header ul li:nth-child(3) .hd-nav-child-three .hd-nav-item{ margin-bottom: 1.5rem; } .header ul li:nth-child(2) .nav-sub-tilte, .header ul li:nth-child(3) .nav-sub-tilte{ font-size: .875rem!important; font-weight: 400; } .header ul li:nth-child(2) .hd-nav .hd-nav-child:nth-child(2), .header ul li:nth-child(3) .hd-nav .hd-nav-child:nth-child(2){ padding-top: 1.5rem; } /* 娉汦RP */ .header ul li:nth-child(2) .hd-nav-child:nth-child(3) .hd-nav-child-three { display: flex; } .header ul li:nth-child(2) .hd-nav-child:nth-child(3) .nav-sub-tilte{ font-size: 1rem!important; } .header ul li:nth-child(2) .hd-nav-child:nth-child(3) .hd-nav-child-three .nav-para-txt{ font-size: .875rem; font-weight: 400; line-height: .875rem; color: rgba(9, 15, 33, 0.7); border: none; padding-bottom: 0; margin-top: 1.5rem; } .hd-nav-item .nav-sub-tilte span:hover,.hd-nav-child-three a:hover,.nav-one-title a:hover{ color: #28ABC3!important; } /* 鏁板瓧鍖栧钩鍙 */ .header ul li:nth-child(4) .nav-one-title .nav-para-txt{ display: none; } .header ul li:nth-child(4) .hd-nav .hd-nav-child .hd-nav-child-three{ margin-top:1.625rem; } .header ul li:nth-child(4) .hd-nav-child-three .hd-nav-item{ margin-bottom: 4.1875rem; } .header ul li:nth-child(4) .nav-sub-tilte{ position: relative; margin-left: 3.625rem; font-size: 1.125rem; } .header ul li:nth-child(4) .nav-para-txt{ font-size: .875rem; color: rgba(9, 15, 33, 0.7); } .header ul li:nth-child(4) .nav-sub-tilte span{ position: absolute; top: 1.5625rem; } /* 琛屼笟鏂规 */ .header ul li:nth-child(5) .nav-sub-tilte{ font-weight: 400; } .digital-icon-box{ width: 2rem; height: 2rem; padding: .5rem; background: #F2F7FD; border-radius: .625rem; position: absolute; top: 0; left: -3.625rem; } .digital-icon{ width: 100%; height: 100%; } .hd-nav .hd-nav-child .hd-nav-child-three { /* border-top:0.0625rem solid #DFE2E4; */ margin-top: 2.625rem; font-size:0.875rem; font-weight:400; color:rgba(51,51,51,1); /* line-height:1.25rem; */ } .hd-nav-child-three.vertical { display:flex; flex-wrap:wrap; } .hd-nav-child-three .hd-nav-item { display:block; margin-bottom: 3.5rem; /* padding:1.25rem 0rem 0 0; */ } .hd-nav-child-three.vertical .hd-nav-item { width:18.75rem; } .hd-nav-child-three span.hd-nav-item { color:rgba(51,51,51,.5); } .hd-nav-child-three a.hd-nav-item:hover { color:rgba(51,51,51,.5); } .hd-nav-content{ background-color:#FFFFFF; display:flex; flex-wrap:wrap; flex-direction:column; } .nav-li-active{ margin:-.3125rem auto 0; width: 0rem; height: 0.125rem; background: #090F21; transition: all 0.3s; } .sub-nav .m-s { padding:1.25rem 0; border-bottom:0.0625rem solid #D8D8D8; } .sub-nav .m-s:last-child { border-bottom:0; } .sub-nav .m-s-item { height:2.625rem; font-size:1rem; font-weight:500; color:rgba(9,15,33,1); line-height:2.625rem; border-bottom:solid 0.0625rem #DFE2E4; } .sub-nav .m-s-s ul li a:hover { color:#4A90E2; } .sub-nav .m-s-s.vertical { position:relative; float:left; min-width:12.5rem; /*height:14.5rem; */ } .sub-nav .m-s-s.vertical ul { float:left; width:12.5rem; margin-top:0; } .sub-nav .m-s-s.vertical ul li { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .sub-nav .m-s-s.vertical ul li a { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .sub-nav .m-s-s-item { margin-top:1.25rem; font-size:1rem; font-weight:500; color:rgba(9,15,33,1); line-height:2.625rem; height:2.625rem; border-bottom:solid 0.0625rem #DFE2E4; width:6.25rem; } .sub-nav .m-s-s-s { color:#666; font-size:0.875rem; margin-top:1.25rem; line-height:1.5625rem; } .sub-nav .m-s-s-s li { margin-top:1.25rem; color:#999; } .sub-nav .m-s-s.horizontal .m-s-s-s li { display:inline-block; width:8.5rem; margin-top:0rem; margin-right:1.0625rem; vertical-align:top; font-size:0.875rem; } .sub-nav .m-s-s-s.in-line li:last-child { margin-right:0; } .sub-nav .m-s-s .more { text-align:right; } .sub-nav .m-s-s .more a { font-size:0.75rem; color:#EC2629; padding-right:1.25rem; } .m-s .more { position:absolute; right:3.125rem; bottom:0.625rem; text-align:right; } .m-s .more a { font-size:0.75rem; color:#EC2629; } .sub-nav .m-s-s.vertical .more { position:absolute; width:12.5rem; } .foot { margin:0 !important; padding:0 !important; height:auto !important; background:#0C1B2F; color:#FFFFFF; position:relative; } .foot-top { padding-top:3.75rem; height:22.0625rem; background:#0C1B2F; } .foot-top-wrap { margin-top:0.75rem; display:flex; justify-content:space-between; } .foot-list { display:flex; } .foot-top-wrap .foot-list >ul { margin-left:8.375rem; } .foot-list> ul li { height:1.25rem; font-size:0.875rem; font-weight:300; line-height:1.25rem; color:#FFFFFF; margin-bottom:1.25rem; } .foot-list>ul>li:first-child { height:1.875rem; font-size:1.375rem; font-weight:400; line-height:1.875rem; color:#FFFFFF; opacity:1; margin-bottom:2rem; } .foot-top-wrap a { color:#FFFFFF; opacity:0.8; } .foot-top-wrap .fankui-btn { opacity:1; position:absolute; top:1.25rem; left:0; } .foot-line { width:75rem; height:0.0625rem; margin:-3.75rem auto 3.75rem; } .zixun-title { font-size:1.875rem; font-weight:500; line-height:2.625rem; color:#FFFFFF; margin-right:3.3125rem; } .follow .follow-title { font-size:1.375rem; font-weight:500; line-height:1.875rem; color:#FFFFFF; opacity:1; margin-bottom:2rem; } .follow .codeInfo { margin-top:5.4375rem; width:23.875rem; display:flex; padding:0.9375rem; background:rgba(255,255,255,0.06); border-radius:0.625rem; } .follow .codeInfo .infoTxt { display:flex; flex-direction:column; justify-content:center; } .follow .codeInfo .infoTxt>ul { display:flex; } .follow .codeInfo .infoTxt > ul> li { float:left; list-style:none; margin-right:1.25rem; font-size:0.875rem; font-weight:400; line-height:1.25rem; color:#FFFFFF; opacity:0.8; } .follow .codeInfo .codeimg { width:6.25rem; height:6.25rem; border:1px solid #707070; opacity:1; border-radius:0.4375rem; margin-right:1rem; } .foot-bottom { /*height:2.8125rem; */ line-height:3.75rem; color:#73777A; /*background-color:#292F38; */ background-color:#090F21 } .foot-bottom-wrap { /*background-color:#292F38; */ background:rgba(248,249,250,1); } .foot-bottom-content { width:75rem; margin:0 auto; display:flex; /* font-family:"Microsoft Yahei"; */ font-size:0.75rem; background-color:#090F21 } .foot-left { text-align:left; } .foot-content { /* margin-left:5.3125rem; */ text-align:right; } .foot-right { text-align:left; } .foot-bottom-content .foot-right ul { text-align:left; margin-left:2.375rem; } .foot-bottom-content .foot-right >ul >li { text-align:left; margin-left:3.6875rem; } .foot-bottom-content ul { text-align:right; } .foot-bottom-content ul li { display:inline-block; margin-left:3.0625rem; } .foot-bottom-content ul li img { width:1.25rem; display:inline-block; vertical-align:middle; } .foot-bottom-content ul li a { color:#73777A; } .statement ul li { float:left; padding-left:1.875rem; } .statement ul li a { color:#73777A; } /* .foot-top-left ul li a:hover { opacity:1; } */ .foot-list ul li a:hover,.codeInfo ul li a:hover { opacity:1; } .lang_en ul { width:8.75rem; } .show-pic { position:absolute; margin-top:-9.375rem; margin-left:8.75rem; } .show-pic>img { width:8.75rem; height:auto; } /*寮圭獥*/ .pop-home { position:fixed; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.20); z-index:88; } .pop-home-inner { position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; width:46.875rem; max-height:52.875rem; overflow-y:auto; background:#ffffff; box-shadow: .375rem .375rem 2.5rem rgba(3, 23, 64, 0.6); border-radius: 1rem; z-index:99; } .pop-home-inner > form { padding:3.125rem 1.875rem 3.8125rem 3.4375rem; background:#fff; } .pop-home-inner h1 { font-size: 2.25rem; font-weight: 500; /* line-height: 3.13rem; */ color: #090F21; margin-bottom: .6875rem; } .concat-form-icon{ position: absolute; top: 3.375rem; right: 1.875rem; width: 3.75rem; height: 9.13rem; } .pop-home-inner h2 { font-size:0.875rem; font-weight:400; color:rgba(29,35,37,.5); /* /* line-height:1.25rem; margin-top:0.625rem; */ margin-bottom:.875rem; } .pop-home-title { font-size:0.875rem; color:#333333; } .pop-tips { width: 7.125rem; position: absolute; top: 4.125rem; font-size: 0.6875rem; color: #ff0000; } .pop-home-common { display:flex; align-items:center; justify-content:space-between; } /* .pop-home-common::after { content:'*'; display:block; width:0.5rem; height:1.25rem; font-size:0.875rem; font-weight:400; color:rgba(255,30,30,1); line-height:2.5rem; position:relative; } */ #pop-home-amount::after,#pop-btn::after { display:none; } .captcha-text { position:absolute; top:0.8125rem; left:8.6875rem; opacity:1; } .pop-home-common > textarea { font-size:0.875rem; font-weight: 400; line-height: 1.5rem; color: rgba(9, 15, 33, 0.4); -webkit-text-fill-color: rgba(9, 15, 33, 0.4); width:38.125rem; height:6.875rem; border-radius:.625rem; border:1px solid rgba(230,231,234,1); padding:.5625rem .9375rem 0; background: #F5F7FA; margin-top:0.75rem; } .pop-home-common > input { width: 25.25rem; padding-left:1rem; height:3rem; line-height:3.125rem; background: #F5F7FA; border:1px solid #E6E7EA; font-size:0.875rem; font-weight: 400; color: #090F21; /* color: rgba(9, 15, 33, 0.4)!important; -webkit-text-fill-color: rgba(9, 15, 33, 0.4); */ border-radius:.625rem; /* margin-right:0.6875rem; */ margin-top:.875rem; } input:-internal-autofill-selected{ background: #F5F7FA; } input::-webkit-input-placeholder { /* WebKit browsers 閫傞厤璋锋瓕 */ color: rgba(9, 15, 33, 0.4); } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 閫傞厤鐏嫄 */ color: rgba(9, 15, 33, 0.4); } input::-moz-placeholder { /* Mozilla Firefox 19+ 閫傞厤鐏嫄 */ color: rgba(9, 15, 33, 0.4); } input:-ms-input-placeholder { /* Internet Explorer 10+ 閫傞厤ie*/ color: rgba(9, 15, 33, 0.4); } .pop-home-common > textarea.selected,.pop-home-common > input.selected { border:1px solid red; } .pop-home-common > input:focus { border:1px solid rgba(77,183,221,1); } .pop-home-common img { width:12.5rem; height:3.125rem; margin-left:1.25rem; margin-top:0.75rem; /* opacity: 0.11; */ border-radius: .625rem; } .pop-btn { outline:0; font-size: 1.125rem; font-weight: 400; color:#FFFFFF; cursor:pointer; width:24.875rem; height:3rem; background:#28ABC3; border:1px solid #28ABC3; border-radius: .625rem; margin: 0 auto; margin-top: 2.0625rem; } .pop-inp { width:30.3125rem; } .dn { display:none; } .pop-home-select p { width:55%; display:inline-block; font-size:0.875rem; color:#333; } #amount { width:30%; display:inline-block; font-size:0.875rem; color:#333; } .foot-top-left { display:flex; margin-bottom:1.6875rem; } .foot-phone-img { margin-top:0.625rem; padding-right:1.875rem; } .foot-top-left > ul > li:first-child { font-size:1.75rem; font-weight:400; line-height:2.5rem; color:#FFFFFF; opacity:1!important; } .li-email { font-size:1.125rem; font-weight:300; line-height:1.5625rem; opacity:1!important; margin-top:0.25rem; } .foot-top-left-img { width:2.625rem; height:2.625rem; margin-top:1.25rem; } .foot-top-left-img img { width:2.625rem; height:2.625rem; } .email-err-tips,.err-tips,.name-err,.company-err,.wcompany-err { width: 10.5625rem; height: 4.375rem; font-size: 1.125rem; color: red; margin-left: .625rem; line-height: 5.3125rem; } #formInp select { width:19.375rem; font-size:0.875rem; border:1px solid rgba(230,231,234,1); outline:none; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url("../img/index-page/arrow.svg") no-repeat scroll 17.1875rem center #F5F7FA; background-size:.9631rem .5756rem; padding:0 0.9375rem; font-weight: 400; line-height: 3.125rem; color: rgba(9, 15, 33,0.4); /* -webkit-text-fill-color: rgba(9, 15, 33, 0.4); */ box-shadow:none; margin-top:.875rem; border-radius: .625rem; } .tips-content { position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; width:16.25rem; height:2.8125rem; line-height:2.8125rem; text-align:center; background:#edf2fc; border:1px solid #ebeef5; border-radius:0.3125rem; font-style:italic; } .tips-message { position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; width:19.75rem; height:6.25rem; font-size:1rem; color:#333; border-radius:0.3125rem; z-index:100; } .bg-col { background:#fff; } .bg-sucess { background:#60d2f4; } .tips-message > div { float:left; height:100%; } .tips-message > div:nth-child(1) { width:8.125rem; text-align:right; line-height:6.75rem; } .tips-message > div:nth-child(2) { padding-left:1.25rem; text-align:left; line-height:6.25rem; } .goTop { display:block; position:fixed; width:3.125rem; height:1.8125rem; bottom:50%; margin-bottom:-8.4375rem; right:0.625rem; background:#ffffff; border-radius:0.25rem; box-shadow:-0.3125rem 0.3125rem 1.875rem rgba(26,39,59,0.2); z-index:999; cursor:pointer; } .goTop:hover { background:#4DB7DD; } .goTop span { width:1.125rem; height:0.625rem; margin:0.625rem auto; display:block; background:url('../../static/img/index-page/goTop.svg'); background-size: 100% 100%; } .goTop:hover span { background:url("../../static/img/index-page/goTop_hover.svg"); background-size: 100% 100%; } .online-feedback { width:2.6875rem; height:9.625rem; position:fixed; bottom:50%; margin-bottom:-6.25rem; right:0.5625rem; cursor:pointer; text-align:center; z-index:999; background:url('../../static/img/index-page/lianxi_bg.png'); background-size:100% 100%; filter:drop-shadow( -0.3125rem 0.3125rem 1.875rem rgba(26,39,59,0.2)); -webkit-filter:drop-shadow( -0.3125rem 0.3125rem 1.875rem rgba(26,39,59,0.2)); } .online-feedback-img{ /* display: none; */ padding: 0 .9375rem; width:1.25rem; height:12.625rem; position:fixed; bottom:50%; margin-bottom:-6.25rem; right:.625rem; cursor:pointer; text-align:center; z-index:999; background:url('../../static/img/index-page/hover-lianxi_bg.svg'); background-size:100% 100%; filter:drop-shadow( -0.3125rem 0.3125rem 1.875rem rgba(26,39,59,0.2)); -webkit-filter:drop-shadow( -0.3125rem 0.3125rem 1.875rem rgba(26,39,59,0.2)); transition: all 0.5s; } .online-feedback-img img{ margin-top: 1.5rem; width: 1.25rem; height: 1.25rem; } .dialog-txt{ display: none; position: absolute; font-size: 1rem; font-weight: 500; line-height: 1rem; color: #090F21; background: rgba(255, 255, 255); box-shadow: .3125rem .3125rem 1.25rem rgba(26, 39, 59, 0.1); border-radius: .625rem; } .dialog-gray{ margin-top: .3125rem; font-size: .875rem; font-weight: 400; /* line-height: 24px; */ color: rgba(9, 15, 33, 0.5); } .dialog-txt::after{ content:''; display:inline-block; width:.5rem; height:.875rem; background:url('../img/index-page/dialog-icon.svg'); background-size: 100% 100%; position: absolute; } .service-dialog{ font-size: .875rem; right: 4rem; top: 3.0625rem; padding-top: 1rem; /* padding: 1rem 1.4375rem 1.125rem; */ width: 11rem; height: 10.9375rem; } .service-dialog::after{ right: -.5rem; top: 1.4375rem } .service-dialog img{ margin:.8125rem 1.4375rem 1.125rem; width: 8.125rem; height:8.125rem } .phone-dialog{ text-align: left; right: 4rem; top: 6.0625rem; padding: .8125rem 1.25rem .75rem; width: 9.375rem; height: 2.1875rem; } .phone-dialog::after{ right: -.5rem; top: 1.4375rem } .form-dialog{ text-align: left; right: 4rem; top: 8.875rem; padding: .8125rem 1.25rem .75rem; width: 14.5rem; height: 2.1875rem; } .form-dialog::after{ position: absolute; right: -.5rem; top: 1.4375rem } .online-feedback-txt { width:1rem; height:4.75rem; margin-top:4.25rem; display:inline-block; font-size:1rem; font-weight:500; line-height:1.125rem; opacity:1; color:rgba(29,35,37,1); } .online-feedback:hover .online-feedback-txt { color:#28ABC3; } /* 鍦ㄧ嚎鍙嶉鎸夐挳 鐧借壊鍙橀粦鑹?/ .more-white-see { position:absolute; top:27.6875rem; left:16rem; overflow:hidden; display:flex; align-items:center; justify-content:space-between; padding:0.5625rem 1.4375rem 0.5625rem 1.5rem; width:9.625rem; height:2.5rem; border:1px solid #FFFFFF; box-sizing:border-box; } .more-white-see>div { background:url("../img/index-page/white-arrow.svg") no-repeat; background-size:100% 100%; width:2.0625rem; height:0.3125rem; transition:all 0.3s; position:relative; z-index:99; } .more-see-white-txt { font-size:1rem; font-weight:400; line-height:1.375rem; color:#FFFFFF; transition:all 0.3s; position:relative; z-index:99; } .more-see-white-bg { position:absolute; display:block; width:0; height:0; border-radius:50%; background-color:rgba(255,255,255,1); transition:width 0.3s ease-in-out,height 0.3s ease-in-out; transform:translate(-50%,-50%); } .more-white-see:hover .more-see-white-bg { width:225%; height:36.875rem; } .more-white-see:hover .more-see-white-txt { color:rgba(9,15,33,1); } .more-white-see:hover>div { background:url("../../static/img/index-page/black-arrow.svg") no-repeat; background-size:100% 100%; } .home-tip-img img{ width: 2.625rem; height: 2.625rem; }