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;
}
/* 泛ERP */
.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;
}