.pbulicPageBanner p { white-space: pre-line; } .technologies { padding-bottom: 30px; } .technologies .pbulicPageTitle { margin-bottom: 70px; } .technologies ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .technologies li { width: 30%; height: 300px; overflow: hidden; background: #fff; box-shadow: 0px 0px 20px rgba(0, 96, 172, 0.08); margin-bottom: 40px; } .technologies li>img { display: block; width: 100%; height: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .technologies .titleBox { width: 100%; position: relative; text-align: center; margin-bottom: 20px; } .technologies .titleBox img { position: absolute; display: block; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .technologies li h3 { position: relative; z-index: 2; padding: 30px 0px; color: #333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .technologies li p { width: 100%; line-height: 1.7; padding: 0px 24px; color: #8695B1; text-align: justify; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media (min-width: 768px) { .technologies li:hover>img { margin-top: -220px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .technologies li:hover .titleBox img, .technologies li:hover p { opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .technologies li:hover h3 { font-weight: 600; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } } /* 行业解决方案 */ .publicModule6 a { display: block; } .publicModule6 .swiper-slide-active::before { display: none; } .case { padding-bottom: 60px; } .case .pbulicPageTitle { margin-bottom: 60px; } /* 产品优势 */ .application { padding-bottom: 70px; } .application .pbulicPageTitle { margin-bottom: 100px; } .publicModule2 { justify-content: center; } .publicModule2 { flex-wrap: wrap; } .publicModule2 li { width: 30%; height: 230px; margin-right: 5%; padding: 0px 25px; } .publicModule2 li:nth-child(3n) { margin-right: 0px; } .publicModule2 li:nth-child(1), .publicModule2 li:nth-child(2), .publicModule2 li:nth-child(3) { margin-bottom: 80px; } .publicModule2 img { margin-top: 42px; } /* 体验 */ .experience { background: url(../images/pttybg.png)no-repeat center center; background-size: 100% 100%; padding-bottom: 65px; } .experience .publicModule9 { margin: 50px auto; } .formBox, .formBox label { text-align: center; } .formBox>div { width: 1100px; display: inline-block; padding: 45px 115px 35px 115px; background: #fff; box-shadow: 6px 6px 20px rgba(0, 66, 118, 0.08); margin: 0px auto; } .formBox label, .formBox .labelUl { width: 100%; margin-bottom: 0px; } .formBox .labelUl { display: flex; flex-wrap: wrap; text-align: left; } .formBox .labelUl>li { width: 46%; color: #8695B1; padding-bottom: 8px; margin-bottom: 30px; opacity: 0.65; } .formBox .labelUl>li.on { opacity: 1; } .formBox .labelUl>li:nth-child(odd) { margin-right: 8%; } .formBox .labelUl>li:last-child { width: 100%; margin-right: 0px; margin-bottom: 0px; } /* =============== */ .formBox input[type=text], .formBox .inputBox { width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #A1ADC3; color: #8695B1; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /*WebKit browsers*/ color: #8695B1; } input::-moz-input-placeholder, textarea::-moz-input-placeholder { /*Mozilla Firefox*/ color: #8695B1; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { /*Internet Explorer*/ color: #8695B1; } .formBox li p { font-weight: 400; margin-bottom: 10px; } .formBox .inputBox { cursor: pointer; font-weight: 400; padding: 0px; position: relative; } .formBox .selectInput { width: 100%; height: 100%; position: relative; } .formBox .selectInput::after { content: ""; display: block; width: 8px; height: 8px; background: url(../images/inputico.png)no-repeat center center; background-size: 100% 100%; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); } .formBox .inputBox .selectBox { position: absolute; width: 100%; height: auto; max-height: 240px; overflow-y: auto; background: #fff; top: 105%; left: 0px; z-index: 10; display: none; box-shadow: 0px 6px 20px rgba(189, 206, 240, 0.3); } .formBox .selectBox li { padding: 6px 16px; text-align: center; color: #8695B1; } .formBox .selectBox li:hover { background: #f7fafea6; color: #1E95E8; } .formBox textarea { width: 100%; background: #F7FAFE; padding: 14px 16px; height: 100px; color: #8695B1; border-radius: 4px; resize: none; } /* 提交按钮 */ .formBox .submitBtn { margin-top: 30px; padding: 12px 82px; background: #fff; color: #1E95E8; border: 1px solid #1E95E8; border-radius: 4px; cursor: pointer; } .formBox .submitBtn:hover { background: #1E95E8; color: #fff; border: 1px solid #1E95E8; } /* 新增法律条款部分 */ .platformTerms { width: 100%; background: url(../images/lawbg.png)no-repeat center center; background-size: 100% 100%; padding-bottom: 70px; } .platformTerms .pbulicPageTitle { margin-bottom: 90px; } .platformTerms ul { display: flex; justify-content: space-around; } .platformTerms li { width: 31%; background: #fff; box-shadow: 6px 6px 20px rgba(0, 66, 118, 0.08); border-radius: 6px; position: relative; } .platformTerms li img { position: absolute; right: 0px; top: 0px; height: 100%; width: auto; } .platformTerms a { display: block; padding: 36px 30px; position: relative; z-index: 2; } .platformTerms li h3 { color: #333; margin-bottom: 32px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .platformTerms li p { display: inline-block; color: #8695B1; padding-right: 18px; background: url(../images/platformTermsjt1.png)no-repeat center right; background-size: 13px 4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .platformTerms li:hover h3 { color: #1E95E8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .platformTerms li:hover p { padding-right: 28px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /* 移动端 */ @media (max-width: 767px) { .technologies .pbulicPageTitle { margin-bottom: 40px; } .technologies li { width: 100%; height: auto; padding-bottom: 20px; } .technologies li:last-child { margin-bottom: 0px; } .technologies li h3 { text-align: left; padding: 20px 16px; } .technologies .titleBox { margin-bottom: 0px; } .technologies li p { opacity: 1; padding: 0px 16px; } .technologies { padding-bottom: 40px; } .case .pbulicPageTitle { margin-bottom: 20px; } .case { padding-bottom: 14px; } .application .pbulicPageTitle { margin-bottom: 60px; } .publicModule2 { justify-content: space-between; } .publicModule2 li:nth-child(1), .publicModule2 li:nth-child(2), .publicModule2 li:nth-child(3) { margin-bottom: 55px; } .publicModule2 li { width: 48%; margin-right: 0px; margin-bottom: 55px; padding: 0px 16px; } .application { padding-bottom: 0px; } .experience .publicModule9 { margin: 30px 0px; } .publicModule9 p { white-space: unset; } .formBox>div { width: 100%; padding: 30px 16px; } .formBox .labelUl>li { width: 100%; margin-bottom: 18px; } .formBox .labelUl>li:nth-child(odd) { margin-right: 0px; } .experience { background: url(../images/pttybg.png)no-repeat center center; background-size: auto 100%; object-fit: cover; } /* 新增法律条款部分 */ .platformTerms { padding-bottom: 40px; } .platformTerms .pbulicPageTitle { margin-bottom: 50px; } .platformTerms ul { flex-direction: column; } .platformTerms li { width: 100%; margin-bottom: 18px; } .platformTerms a { padding: 22px 20px; } .platformTerms li h3 { margin-bottom: 18px; } }