html {
overflow-x: hidden;
}
body {
font-size: 16px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-weight: 700;
color: #222;
}
h1,
.h1 {
font-size: 2.5rem;
}
h2,
.h2 {
font-size: 44px;
}
h3,
.h3 {
font-size: 1.5rem;
}
h4,
.h4 {
font-size: 1.3rem;
line-height: 30px;
}
h5,
.h5 {
font-size: 1.25rem;
}
h6,
.h6 {
font-size: 1rem;
}
p {
line-height: 30px;
}
.navbar-toggle .icon-bar {
background: #223a66;
}
input[type=email],
input[type=password],
input[type=text],
input[type=tel] {
box-shadow: none;
height: 45px;
outline: none;
font-size: 14px;
}
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=tel]:focus {
box-shadow: none;
border: 1px solid #223a66;
}
.form-control {
box-shadow: none;
border-radius: 0;
}
.form-control:focus {
box-shadow: none;
border: 1px solid #223a66;
}
.py-7 {
padding: 7rem 0px;
}
.btn {
display: inline-block;
font-size: 14px;
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.5px;
padding: 0.75rem 2rem;
font-family: "Exo", sans-serif;
text-transform: uppercase;
border-radius: 5px;
border: 2px solid transparent;
transition: all 0.35s ease;
}
.btn.btn-icon i {
border-left: 1px solid rgba(255, 255, 255, 0.09);
padding-left: 15px;
}
.btn:focus {
outline: 0px;
box-shadow: none;
}
.btn-main {
font-size: 16px;
padding: 10px 40px;
background: #006ee9;
color: #fff;
border-color: #006ee9;
}
.btn-main:hover {
background: #0180ff;
border-color: #0180ff;
color: #fff;
}
.btn-main-2 {
background: #e12454;
color: #fff;
border-color: #e12454;
}
.btn-main-2:hover {
background: #223a66;
color: #fff;
border-color: #223a66;
}
.btn-solid-border {
border: 2px solid #223a66;
background: transparent;
color: #223a66;
}
.btn-solid-border:hover {
border: 2px solid #223a66;
color: #fff;
background: #223a66;
}
.btn-solid-border:hover.btn-icon i {
border-left: 1px solid rgba(255, 255, 255, 0.09);
}
.btn-solid-border.btn-icon i {
border-left: 1px solid rgba(0, 0, 0, 0.09);
}
.btn-transparent {
background: transparent;
color: #222;
border-color: #6F8BA4;
}
.btn-transparent:hover {
background: #6F8BA4;
color: #fff;
}
.btn-white {
background: #fff;
border-color: #fff;
color: #222;
}
.btn-white:hover {
background: #223a66;
color: #fff;
border-color: #223a66;
}
.btn-solid-white {
border-color: #fff;
color: #fff;
}
.btn-solid-white:hover {
background: #fff;
color: #222;
}
.btn-round {
border-radius: 4px;
}
.btn-round-normal {
border-radius: 10px;
}
.btn-round-full {
border-radius: 50px;
}
.btn.active:focus,
.btn:active:focus,
.btn:focus {
outline: 0;
}
.contact-btn {
border-radius: 0%;
width: 200px;
font-size: 20px;
border-color: #000;
}
.contact-btn:hover {
background: #000205;
border-color: #000408;
color: #fff;
}
.bg-gray {
background: #eff0f3;
}
.bg-primary {
background: #223a66;
}
.bg-primary-dark {
background: #152440;
}
.bg-primary-darker {
background: #090f1a;
}
.bg-dark {
background: #222;
}
.bg-gradient {
background-image: linear-gradient(145deg, rgba(19, 177, 205, 0.95) 0%, rgba(152, 119, 234, 0.95) 100%);
background-repeat: repeat-x;
}
.section {
padding: 100px 0 50px 0;
}
.section-sm {
padding: 70px 0;
}
.section-bottom {
padding-bottom: 100px;
}
.subtitle {
color: #223a66;
font-size: 14px;
letter-spacing: 1px;
}
.overlay:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0.3;
/*background: #223a66;*/
background: #000000;
}
.overly-2 {
position: relative;
}
.overly-2:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
}
.text-xs {
font-size: 14px;
}
/** 24 **/
.text-sm {
font-size: 1.5rem;
}
.text-sm-line-height {
line-height: 2.5rem;
}
/** 30鍔犵矖 **/
.text-md-title {
font-size: 1.45rem;
/*font-weight: bold;*/
}
/** 36 **/
.text-md {
font-size: 2.25rem;
}
/** 48鍔犵矖 **/
.text-title {
font-size: 3rem;
font-weight: bold;
}
#newPage{
color: #04539b;
text-decoration: none; /* 鍘婚櫎涓嬪垝绾 */
/*border-bottom: 1px solid #006ee9; !* 娣诲姞涓€鏉″簳閮ㄨ竟妗嗘潵妯℃嫙涓嬪垝绾 *!*/
}
@media (max-width: 1800px) and (min-width: 992px) {
.text-title {
font-size: 2.5rem;
font-weight: bold;
}
.text-md {
font-size: 1.75rem;
}
.text-md-title {
font-size: 1.5rem;
/*font-weight: bold;*/
}
.text-sm {
font-size: 1.25rem;
}
.text-sm-line-height {
line-height: 2rem;
}
}
@media (max-width: 1630px) and (min-width: 992px) {
.text-title {
font-size: 2.5rem;
font-weight: bold;
}
.text-md {
font-weight: bold;
font-size: 1rem;
}
.text-md-title {
font-size: 1.45rem;
/*font-weight: bold;*/
}
.text-sm {
font-size: 1.75rem;
}
.text-sm-line-height {
line-height: 2rem;
}
}
.text-llg {
font-size: 8.5rem;
}
@media (max-width: 992px) {
.text-llg {
font-size: 3rem;
}
}
/** 60 **/
.text-lg {
font-size: 3.75rem;
}
@media (max-width: 992px) {
.ellipsis-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.no-spacing {
letter-spacing: 0px;
}
/* Links */
a {
color: #222;
text-decoration: none;
transition: all 0.35s ease;
}
a:focus,
a:hover {
color: #223a66;
text-decoration: none;
}
a:focus {
outline: none;
}
.title-height {
/*color: #006ee9;*/
padding: 42px 0;
}
.content-title {
font-size: 40px;
line-height: 50px;
}
.page-title {
padding: 250px 0px 250px 0px;
position: relative;
}
.page-title-2 {
padding: 80px 0px 80px 0px;
position: relative;
}
.page-title-3 {
padding: 120px 0px 120px 0px;
position: relative;
}
.page-title-wisdom-park {
padding: 200px 0 150px 0;
position: relative;
}
.page-title-message-service {
padding: 60px 0 80px 0;
position: relative;
}
.cloud-printing-page-title-1 {
padding: 5px 0 0 0;
position: relative;
}
.cloud-printing-page-title-2 {
padding: 5px 0 0 0;
position: relative;
}
.community-page-title-2 {
padding: 50px 0 50px 0;
position: relative;
}
.page-title .block h1 {
color: #fff;
}
.page-title .block p {
color: #fff;
}
.page-title .breadcumb-nav {
margin-top: 60px;
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.slick-slide:focus,
.slick-slide a {
outline: none;
}
@media (max-width: 480px) {
h2,
.h2 {
font-size: 1.3rem;
line-height: 36px;
}
}
.title-color {
color: #223a66;
}
.secondary-bg {
background: #223a66;
}
.section-title {
margin-bottom: 70px;
}
.section-title h2 {
color: #223a66;
}
.footer-text-color {
color: #f4f9fc;
}
.gray-bg {
background: #f4f9fc;
}
.footer-bg {
background: #000;
padding: 60px 0px 60px 0px;
}
@media (max-width: 992px) {
.text-lg {
font-size: 48px;
}
}
@media (max-width: 992px) {
.navbar-web {
display: none;
}
}
@media (min-width: 992px) {
.navbar-mobile {
display: none;
}
}
#navbarmain .nav-link {
font-weight: 600;
padding: 10px 15px;
color: #222;
font-family: "Exo", sans-serif;
text-transform: capitalize;
font-size: 16px;
transition: all 0.25s ease;
}
#navbarmain .nav-link:hover,
#navbarmain .active .nav-link {
color: #0a539f;
}
.dropdown-toggle::after {
display: none;
}
.navbar-brand {
/*margin-top: 10px;*/
padding: 10px 0;
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav {
/*padding: 0 100px;*/
flex: 1;
flex-direction: row;
justify-content: space-between;
}
}
.header-top-bar {
background: #223a66;
font-size: 14px;
padding: 10px 0px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
color: #fff;
}
.top-bar-info li a {
color: #fff;
margin-right: 20px;
}
.top-right-bar a span {
color: #fff;
font-weight: 600;
letter-spacing: 1px;
vertical-align: middle;
}
.top-right-bar a i {
color: #fff;
margin-right: 10px;
}
@media (min-width: 1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1800px;
}
}
@media (max-width: 992px) {
.navigation {
text-align: center;
}
}
.navigation .dropdown-menu {
padding: 0px;
border: 0px;
/*border-top: 5px solid #fff;*/
background: #0a539f;
border-radius: 0px;
}
@media (max-width: 992px) {
.navigation .dropdown-menu {
text-align: center;
float: left !important;
width: 100%;
margin: 0;
}
}
.navigation .dropdown-toggle::after {
display: none;
}
.navigation .dropleft .dropdown-menu,
.navigation .dropright .dropdown-menu {
margin: 0;
}
.navigation .dropleft .dropdown-toggle::before,
.navigation .dropright .dropdown-toggle::after {
font-weight: bold;
font-size: 14px;
border: 0;
display: inline-block;
font-family: IcoFont !important;
vertical-align: 1px;
}
.navigation .dropleft .dropdown-toggle::before {
content: "\eac9";
margin-right: 5px;
}
.navigation .dropright .dropdown-toggle::after {
content: "\eaca";
margin-left: 5px;
}
.navigation .dropdown-item {
padding: 13px 20px;
background: transparent;
font-weight: 400;
color: #fff;
border-bottom: 1px solid #eee;
}
.navigation li:last-child .dropdown-item {
border-bottom: 0;
}
.navigation .dropdown-submenu.active>.dropdown-toggle,
.navigation .dropdown-submenu:hover>.dropdown-item,
.navigation .dropdown-item.active,
.navigation .dropdown-item:hover {
background: #039ddd;
color: #fff;
}
.navigation button:focus {
outline: 0;
}
@media (min-width: 992px) {
.navigation .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in, visibility 0s linear 0.2s, transform 0.2s linear;
min-width: 200px;
transform: translateY(10px);
}
.navigation .dropleft .dropdown-menu {
margin-right: 5px;
}
.navigation .dropright .dropdown-menu {
margin-left: 5px;
}
.navigation .dropdown:hover>.dropdown-menu {
visibility: visible;
transition: all 0.3s ease 0s;
opacity: 1;
transform: translateY(0);
}
}
.bg-3 {
font-size: 1.875rem;
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/wisdom-station/bg.jpg") no-repeat 100% 50%;
background-size: cover;
position: relative;
}
.home-bg {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/bg/home1.jpg") no-repeat;
background-size: cover;
position: relative;
}
.wisdom-park-bg {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/bg/wisdom-park-bg.jpg") no-repeat;
background-size: cover;
position: relative;
}
.patrol-robot-bg {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/patrol-robot/bg.jpg") no-repeat;
background-size: cover;
position: relative;
}
.bg-2 {
background-color: #f4f4f4;
}
.wisdom-park-bg-2 {
background-color: #fece3e;
}
.wisdom-park-bg-3 {
background-color: rgb(133, 65, 146);
}
.message-service-bg-2 {
background-color: #ff724a;
}
.message-service-bg-3 {
background-color: white;
}
.message-service-bg-4 {
background-color: #8193c3;
}
.bg-4 {
background: #fece3e no-repeat;
background-size: cover;
position: relative;
height: 50%;
}
.bg-5 {
background: #ffffff no-repeat;
background-size: cover;
position: relative;
height: 100%;
}
.bg-6 {
background: #f4f4f4 no-repeat;
background-size: cover;
position: relative;
height: 100%;
}
.new-product-launch-content {
/*text-align: center;*/
}
.banner {
position: relative;
overflow: hidden;
background: #fff;
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/bg/slider-bg-1.jpg") no-repeat;
background-size: cover;
min-height: 550px;
}
.banner .block {
padding: 80px 0px 160px;
}
.banner .block h1 {
font-size: 60px;
line-height: 1.2;
letter-spacing: -1.2px;
text-transform: capitalize;
color: #223a66;
}
.letter-spacing {
letter-spacing: 2px;
}
.text-color {
color: #0a539f;
}
.text-color-2 {
color: #222222;
}
.divider {
width: 240px;
height: 10px;
background: #0a539f;
}
.divider-white {
width: 100%;
height: 5px;
background: #fff;
}
.divider2 {
width: 470px;
height: 500px;
background: #0a539f;
}
@media (max-width: 480px) {
.banner .block h1 {
font-size: 38px;
line-height: 50px;
}
.banner {
min-height: 450px;
background: #fff !important;
}
}
@media (max-width: 400px) {
.banner .block h1 {
font-size: 28px;
line-height: 40px;
}
.banner {
min-height: 450px;
background: #fff !important;
}
}
@media (max-width: 768px) {
.banner .block h1 {
font-size: 56px;
line-height: 70px;
}
.banner {
background: #fff !important;
}
}
@media (max-width: 992px) {
.banner {
background: #fff !important;
}
}
.about-img img {
border-radius: 5px;
box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}
.award-img {
height: 120px;
margin-bottom: 10px;
align-items: center;
display: flex;
justify-content: center;
background: #eff0f3;
}
.appoinment-content {
position: relative;
}
.appoinment-content img {
width: 85%;
}
.appoinment-content .emergency {
position: absolute;
content: "";
right: 10px;
bottom: 20px;
background: #223a66;
padding: 48px;
}
.appoinment-content .emergency h2 {
color: #fff;
}
.appoinment-content .emergency i {
margin-right: 10px;
color: rgba(255, 255, 255, 0.7);
}
.appoinment-form {
margin-top: 40px;
}
.appoinment-form .form-control {
background: #f4f9fc;
height: 55px;
border-color: rgba(0, 0, 0, 0.05);
}
.appoinment-form textarea.form-control {
height: auto;
}
.client-thumb {
text-align: center;
}
.features {
/*padding: 50px 0 0 0;*/
}
.feature-item-3 {
flex-basis: 49%;
/*margin: 0px 10px;*/
color: #000000;
/*background-color: #fff;*/
/*border-radius: 15px 15px 15px 15px;*/
box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
display: flex;
flex-direction: column;
}
.park-feature-item {
flex-basis: 40%;
/*margin: 0px 10px;*/
/*background-color: #fff;*/
/*border-radius: 15px 15px 15px 15px;*/
display: flex;
flex-direction: column;
}
.feature-item-4 {
flex-basis: 24%;
/*margin: 0px 10px;*/
padding: 40px 80px;
color: #fff;
/*background-color: #fff;*/
/*border-radius: 15px 15px 15px 15px;*/
box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display: flex;
flex-direction: column;
align-items: center;
}
.feature-item-4:hover {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
@media (max-width: 992px) {
.feature-item-4 {
flex-basis: 25%;
/*margin: 0px 10px;*/
padding: 40px 40px;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
}
.index-img {
height: 250px;
}
}
.feature-item-bg-1 {
background-color: #f05f0f;
}
.feature-item-bg-2 {
background-color: #428eae;
}
.feature-item-bg-3 {
background-color: #a75e8f;
}
.feature-item-bg-4 {
background-color: #5da55c;
}
.wisdom-park-feature-item-bg-5 {
background-color: #464b8b;
}
.feature-item .feature-icon i {
font-size: 50px;
color: #223a66;
}
.feature-item h4 {
color: #223a66;
}
.feature-item p {
font-size: 14px;
}
.feature-section.border-top {
border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.feature-btn {
width: 100%;
border: #fff 3px solid;
padding: 10px 20px;
color: #fff;
text-align: center;
}
.w-hours li {
padding: 6px 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.counter-stat {
text-align: center;
padding: 55px 0px 40px 0px;
position: relative;
}
.counter-stat i {
display: block;
color: rgba(255, 255, 255, 0.06);
font-size: 70px;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
transform: translateY(25px);
}
.counter-stat span {
font-size: 70px;
color: #fff;
}
.counter-stat p {
margin-bottom: 0px;
color: rgba(255, 255, 255, 0.7);
}
.mb--80 {
margin-bottom: -80px;
}
.service {
padding-top: 180px;
}
.service .service-item {
background: #fff;
padding: 30px;
border-radius: 5px;
}
.service .icon {
float: left;
margin-bottom: 10px;
}
.service i {
color: #e12454;
}
.service h4 {
padding-left: 20px;
}
.service .content {
clear: both;
}
.service-block {
padding: 20px;
margin-top: 40px;
border: 1px solid rgba(0, 0, 0, 0.03);
box-shadow: 0 0 38px rgba(21, 40, 82, 0.07);
}
.service-block img {
width: 100%;
margin-top: -60px;
border: 5px solid #fff;
}
.department-service {
margin-bottom: 40px;
}
.department-service li {
margin-bottom: 10px;
}
.department-service li i {
color: #e12454;
}
.doctors .btn-group .btn {
border-radius: 0px;
margin: 0px 2px;
text-transform: capitalize;
font-size: 16px;
padding: 0.6rem 1.5rem;
cursor: pointer;
}
.doctors .btn-group .btn.active {
box-shadow: none !important;
border-color: transparent;
background: #e12454;
color: #fff;
}
.doctors .btn-group .btn.focus {
box-shadow: none !important;
border-color: transparent;
}
.doctors .btn-group .btn:focus {
box-shadow: none !important;
border-color: transparent;
background: #e12454;
color: #fff;
}
.doctors .btn-group .btn:hover {
box-shadow: none !important;
border-color: transparent;
background: #e12454;
color: #fff;
}
.doctors .btn-group>.btn-group:not(:last-child)>.btn,
.doctors .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.doctors .btn-group>.btn:not(:first-child) {
border-radius: 3px;
}
.doctor-inner-box {
overflow: hidden;
}
.doctor-inner-box .doctor-profile {
overflow: hidden;
position: relative;
box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
}
.doctor-inner-box .doctor-profile .doctor-img {
transition: all 0.35s ease;
}
.doctor-inner-box .doctor-profile .doctor-img:hover {
transform: scale(1.1);
}
.lh-35 {
line-height: 35px;
}
.doctor-info li {
margin-bottom: 10px;
color: #222;
}
.doctor-info li i {
margin-right: 20px;
color: #e12454;
}
.read-more {
color: #223a66;
}
@media (max-width: 480px) {
.doctors .btn-group {
display: block;
}
.doctors .btn-group .btn {
margin: 8px 3px;
}
}
@media (max-width: 400px) {
.doctors .btn-group {
display: block;
}
.doctors .btn-group .btn {
margin: 8px 3px;
}
}
@media (max-width: 768px) {
.doctors .btn-group {
display: block;
}
.doctors .btn-group .btn {
margin: 8px 3px;
}
}
.cta {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/bg/bg-4.jpg") no-repeat 50% 50%;
background-size: cover;
position: relative;
}
.cta:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(34, 58, 102, 0.95);
}
.mb-30 {
margin-bottom: 30px;
}
.text-color-primary {
color: #223a66;
}
.cta-section {
margin-bottom: -80px;
}
.cta-2 {
/*background: url("../images/bg/cta-bg.png") no-repeat;*/
/*background-position: center center;*/
}
.cta-page {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/bg/banner.jpg") no-repeat;
background-size: cover;
position: relative;
}
.testimonial {
position: relative;
}
.testimonial:before {
width: 48%;
height: 100%;
top: 0;
left: 0px;
position: absolute;
content: "";
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/bg/bg-2.jpg") no-repeat 50% 50%;
}
.testimonial .slick-dots {
text-align: left;
}
.testimonial-block {
position: relative;
margin-bottom: 20px;
}
.testimonial-block p {
background: #fff;
font-size: 18px;
}
.testimonial-block .client-info {
margin-bottom: 20px;
}
.testimonial-block .client-info h4 {
margin-bottom: 0px;
}
.testimonial-block i {
font-size: 60px;
position: absolute;
right: 46px;
bottom: 89px;
opacity: 0.08;
}
.testimonial-block .slick-dots {
text-align: left;
}
.testimonial-wrap-2 .slick-dots {
margin-left: -10px;
}
.testimonial-block.style-2 {
background: #fff;
padding: 30px;
margin: 0px 4px;
margin-bottom: 30px;
}
.testimonial-block.style-2 .testimonial-thumb {
float: left;
}
.testimonial-block.style-2 .testimonial-thumb img {
width: 80px;
height: 80px;
border-radius: 100%;
margin-right: 20px;
margin-bottom: 30px;
border: 5px solid #eff0f3;
margin-top: -5px;
}
.testimonial-block.style-2 .client-info p {
clear: both;
background: transparent;
}
.testimonial-block.style-2 i {
bottom: -20px;
color: #e12454;
opacity: 0.3;
}
@media (max-width: 480px) {
.testimonial-wrap {
margin-left: 0px;
}
.testimonial::before {
display: none;
}
}
@media (max-width: 400px) {
.testimonial-wrap {
margin-left: 0px;
}
.testimonial::before {
display: none;
}
}
@media (max-width: 768px) {
.testimonial-wrap {
margin-left: 0px;
}
.testimonial::before {
display: none;
}
}
@media (max-width: 992px) {
.testimonial-wrap {
margin-left: 0px;
}
.testimonial::before {
display: none;
}
}
.contact-form-wrap .form-group {
margin-bottom: 20px;
}
.contact-form-wrap .form-group .form-control {
height: 60px;
border: 1px solid #EEF2F6;
box-shadow: none;
width: 100%;
background: #f4f9fc;
}
.contact-form-wrap .form-group-2 {
margin-bottom: 13px;
}
.contact-form-wrap .form-group-2 textarea {
height: auto;
border: 1px solid #EEF2F6;
box-shadow: none;
background: #f4f9fc;
width: 100%;
}
.social-icons li {
margin: 0 6px;
}
.social-icons a {
margin-right: 10px;
font-size: 18px;
}
.google-map {
position: relative;
}
.google-map #map {
width: 100%;
height: 500px;
}
.mt-90 {
margin-top: 90px;
}
.contact-block {
text-align: center;
border: 5px solid #EEF2F6;
padding: 50px 25px;
}
.contact-block i {
font-size: 50px;
margin-bottom: 15px;
display: inline-block;
color: #e12454;
}
.blog-item-content h2 {
font-weight: 600;
font-size: 38px;
}
/*=================================================================
Single Blog Page
==================================================================*/
.nav-links .page-numbers {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 100%;
background: #eee;
text-align: center;
padding-top: 13px;
font-weight: 600;
margin-right: 10px;
}
.nav-links .page-numbers:hover {
background: #223a66;
color: #fff;
}
.nav-links .page-numbers.current {
background: #223a66;
color: #fff;
}
.comment-area .comment-thumb {
margin-right: 20px;
margin-bottom: 30px;
}
.comment-area h5 {
font-size: 18px;
font-weight: 500;
}
.comment-area span {
font-size: 14px;
}
.posts-nav h6 {
font-weight: 500;
}
.quote {
font-size: 22px;
color: #223a66;
padding: 40px;
font-style: italic;
border-left: 5px solid #e12454;
margin: 25px 0px;
}
.tag-option a {
border: 1px solid #eff0f3;
padding: 6px 12px;
color: #6F8BA4;
font-size: 14px;
}
.comment-form .form-control {
background: #f7f8fb;
border-radius: 5px;
border-color: #f7f8fb;
height: 50px;
}
.comment-form textarea.form-control {
height: auto;
}
.post.post-single {
border: none;
}
.post.post-single .post-thumb {
margin-top: 30px;
}
.post-sub-heading {
border-bottom: 1px solid #dedede;
padding-bottom: 20px;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 20px;
}
.post-social-share {
margin-bottom: 50px;
}
.post-comments {
margin: 30px 0;
}
.post-comments .media {
margin-top: 20px;
}
.post-comments .media>.pull-left {
padding-right: 20px;
}
.post-comments .comment-author {
margin-top: 0;
margin-bottom: 0px;
font-weight: 500;
}
.post-comments .comment-author a {
color: #223a66;
font-size: 14px;
text-transform: uppercase;
}
.post-comments time {
margin: 0 0 5px;
display: inline-block;
color: #808080;
font-size: 12px;
}
.post-comments .comment-button {
color: #223a66;
display: inline-block;
margin-left: 5px;
font-size: 12px;
}
.post-comments .comment-button i {
margin-right: 5px;
display: inline-block;
}
.post-comments .comment-button:hover {
color: #223a66;
}
.post-excerpt {
margin-bottom: 60px;
}
.post-excerpt h3 a {
color: #000;
}
.post-excerpt p {
margin: 0 0 30px;
}
.post-excerpt blockquote.quote-post {
margin: 20px 0;
}
.post-excerpt blockquote.quote-post p {
line-height: 30px;
font-size: 20px;
color: #223a66;
}
.comments-section {
margin-top: 35px;
}
.author-about {
margin-top: 40px;
}
.post-author {
margin-right: 20px;
}
.post-author>img {
border: 1px solid #dedede;
max-width: 120px;
padding: 5px;
width: 100%;
}
.comment-list ul {
margin-top: 20px;
}
.comment-list ul li {
margin-bottom: 20px;
}
.comment-wrap {
border: 1px solid #dedede;
border-radius: 1px;
margin-left: 20px;
padding: 10px;
position: relative;
}
.comment-wrap .author-avatar {
margin-right: 10px;
}
.comment-wrap .media .media-heading {
font-size: 14px;
margin-bottom: 8px;
}
.comment-wrap .media .media-heading a {
color: #223a66;
font-size: 13px;
}
.comment-wrap .media .comment-meta {
font-size: 12px;
color: #888;
}
.comment-wrap .media p {
margin-top: 15px;
}
.comment-reply-form {
margin-top: 80px;
}
.comment-reply-form input,
.comment-reply-form textarea {
height: 35px;
border-radius: 0;
box-shadow: none;
}
.comment-reply-form input:focus,
.comment-reply-form textarea:focus {
box-shadow: none;
border: 1px solid #223a66;
}
.comment-reply-form textarea,
.comment-reply-form .btn-main {
height: auto;
}
.sidebar-widget {
margin-bottom: 30px;
padding-bottom: 35px;
}
.sidebar-widget h5 {
margin-bottom: 30px;
position: relative;
padding-bottom: 15px;
}
.sidebar-widget h5:before {
position: absolute;
content: "";
left: 0px;
bottom: 0px;
width: 35px;
height: 3px;
background: #e12454;
}
.sidebar-widget.latest-post .media img {
border-radius: 7px;
}
.sidebar-widget.latest-post .media h6 {
font-weight: 500;
line-height: 1.4;
}
.sidebar-widget.latest-post .media p {
font-size: 12px;
}
.sidebar-widget.category ul li {
margin-bottom: 10px;
}
.sidebar-widget.category ul li a {
color: #222;
transition: all 0.3s ease;
}
.sidebar-widget.category ul li a:hover {
color: #223a66;
padding-left: 5px;
}
.sidebar-widget.category ul li span {
margin-left: 10px;
}
.sidebar-widget.tags a {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.075em;
line-height: 41px;
height: 41px;
font-weight: 500;
border-radius: 20px;
color: #666;
display: inline-block;
background-color: #eff0f3;
margin: 0 7px 10px 0;
padding: 0 25px;
transition: all 0.2s ease;
}
.sidebar-widget.tags a:hover {
color: #fff;
background: #223a66;
}
.sidebar-widget.schedule-widget {
background: #f4f9fc;
padding: 25px;
}
.sidebar-widget.schedule-widget ul li {
padding: 10px 0px;
border-bottom: 1px solid #eee;
}
.search-form {
position: relative;
}
.search-form i {
position: absolute;
right: 15px;
top: 35%;
}
.footer {
padding-bottom: 10px;
}
.footer .copyright a {
font-weight: 600;
}
.lh-35 {
line-height: 35px;
}
.logo {
font-weight: 600;
letter-spacing: 1px;
}
.logo h3 {
color: #223a66;
}
.logo span {
color: #223a66;
}
.widget .divider {
height: 3px;
}
.widget h4 {
color: #223a66;
}
.widget .footer-menu a {
color: #6F8BA4;
}
.widget .footer-menu a:hover {
color: #223a66;
}
.footer-contact-block span {
font-weight: 400;
color: #fff;
}
.footer-contact-block i {
font-size: 20px;
}
.footer-btm {
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.footer-btm span {
color: #aaa;
}
.footer-btm a {
color: #aaa;
}
.footer-btm a:hover {
color: #fff;
}
.footer-socials li a {
width: 45px;
height: 45px;
background: #6F8BA4;
color: #fff;
display: inline-block;
text-align: center;
border-radius: 100%;
padding-top: 12px;
}
.widget-contact h6 {
font-weight: 500;
margin-bottom: 18px;
}
.widget-contact h6 i {
color: #e12454;
}
.subscribe {
position: relative;
}
.subscribe .form-control {
border-radius: 50px;
height: 60px;
padding-left: 25px;
border-color: #eee;
}
.subscribe .btn {
position: absolute;
right: 6px;
top: 6px;
}
.backtop {
position: fixed;
background: #223a66;
z-index: 9999;
display: inline-block;
right: 55px;
width: 50px;
height: 50px;
bottom: 50px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
border-radius: 50px;
transition: 0.3s;
}
@media (max-width: 992px) {
.backtop {
bottom: 40px;
right: 15px;
}
}
@media (max-width: 768px) {
.backtop {
width: 45px;
height: 45px;
}
}
.backtop:hover {
background-color: #e12454;
}
.backtop i {
color: #fff;
font-size: 20px;
}
.reveal {
transition: all 0.3s;
cursor: pointer;
opacity: 1;
}
.text-yellow {
color: #fece3e;
}
.personImg {
width: 50px;
height: 50px;
}
.black-background {
background-color: black;
}
/*# sourceMappingURL=style.css.map */
.text-black {
color: #000;
}
.text-white {
color: #fff;
}
.question-font {
font-size: 25px;
}
.station-font {
font-size: 25px;
}
.customer-row {
margin-top: 120px;
}
.qrcode-soin {
height: 120px;
width: 120px;
}
/** 浜戞墦鍗版湇鍔 **/
.printing-container {}
@media (max-width: 992px) {
.printing-container {
padding: 0 15px;
}
}
.printing-title-content {}
.printing-text-lg {
font-size: 70px;
font-weight: bold;
}
@media (max-width: 992px) {
.printing-text-lg {
text-align: center;
font-size: 30px;
font-weight: bold;
}
}
.printing-text-md {
font-size: 20px;
}
@media (max-width: 992px) {
.printing-text-md {
font-size: 20px;
}
}
.cloud-printing-img-1 {
height: 400px;
width: 400px;
margin-left: 500px;
}
.printing-bg-1 {
background-color: #f05f0f;
}
.printing-col {
width: 250px;
}
.park-line-1 {
line-height: 30px;
}
.station-p {
line-height: 30px;
font-size: 20px;
}
.community-bg-1 {
background-color: #f4f4f4;
}
.company-bg-1 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/company-profile/1.jpg") no-repeat 100% 100%;
background-size: cover;
position: relative;
}
.wisdom-park-circle {
width: 90px;
height: 90px;
background-color: #9ea0dd;
border-radius: 50%;
text-align: center;
}
.wisdom-park-img {
width: 45px;
height: 45px;
margin-top: 23px;
}
.wisdom-park-button:hover {
background-color: #701a75;
}
/*.wisdom-park-button{*/
/* width: calc(100vw * 920/1920);*/
/*}*/
.wisdom-park-form-input {
background: #fff;
}
.message-service-img {
width: 80px;
height: 80px;
}
.wisdom-features {
padding: 35px 0 100px 0;
}
.wisdom-park-border {
border: 30px solid #fece3e;
display: inline-block;
width: 100%;
height: 100%;
/*margin-left:20px;*/
margin-top: 5px;
}
.message-service-border {
border-radius: 15px;
display: inline-block;
width: 100%;
height: 100%;
margin-top: 5px;
background: white;
}
.message-service-border2 {
border-radius: 15px;
width: 100%;
height: 100%;
}
.divider-yellow {
width: 5px;
height: 100%;
background: #fece3e;
margin-left: 20px;
}
.wisdom-system {
margin-bottom: 150px;
}
@media (max-width: 992px) {
.wisdom-system {
margin-bottom: 50px;
}
}
.message-service-system {
margin-bottom: 100px;
}
.wisdom-park-img2 {
width: 80px;
height: 60px;
}
.message-service-img2 {
width: 100px;
}
.message-service-img4 {
width: 115px;
}
.message-service-img3 {
width: 400px;
height: 400px;
}
.wisdom-system2 {
margin-top: 80px;
margin-bottom: 60px;
}
.message-service-system2 {
margin-top: 100px;
margin-bottom: 40px;
}
@media (min-width: 992px) {
.message-service-system2 {}
}
.wisdom-line-height {
line-height: 40px;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.wisdom-width {
width: 51%;
}
}
.wisdom-width2 {
width: 2%;
}
@media (min-width: 992px) {
.message-service-width {
width: 42%;
}
}
.message-service-width2 {
width: 55%;
}
.message-service-width3 {
width: 3%;
}
.wisdom-content {
margin-top: 130px;
margin-bottom: 40px;
}
.wisdom-text-title {
font-size: 4.5rem;
font-weight: normal;
margin-bottom: 10px;
}
.wisdom-park-text {
font-weight: 800;
font-size: 1.875rem;
}
.message-service-text {
font-weight: 800;
font-size: 2.3rem;
}
.message-service-text2 {
width: 85%;
}
.message-service-text3 {
width: 7%;
}
.message-service-text4 {
width: 3%;
}
.wisdom-park-section {
padding: 50px 0 50px 0;
}
.message-service-section2 {
padding: 50px 0 50px 0;
}
@media (max-width: 992px) {
.message-service-section2 {
padding: 0px 0 50px 0;
}
}
.message-service-section {
padding: 10px 0 10px 0;
}
.wisdom-feature-item {
flex-basis: 24%;
/*margin: 0px 10px;*/
padding: 40px 40px;
color: #fff;
/*background-color: #fff;*/
/*border-radius: 15px 15px 15px 15px;*/
box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display: flex;
flex-direction: column;
align-items: center;
}
/** 鏅烘収绀惧尯 community **/
.community-container {}
@media (max-width: 992px) {
.community-container {
padding: 0 15px;
}
}
.community-text-lg {
font-size: 100px;
}
@media (max-width: 992px) {
.community-text-lg {
font-size: 30px;
font-weight: bold;
}
}
.community-text-md {
font-size: 30px;
}
@media (max-width: 992px) {
.community-text-md {
font-size: 20px;
}
}
.community-h1-1 {
margin-top: 270px;
}
.community-p {
line-height: 30px;
max-width: 300px;
}
.community-img-1 {
height: 800px;
width: 700px;
}
.community-row-1 {
align-items: center;
justify-content: center;
}
.community-row-2 {
display: flex;
justify-content: center;
align-items: center;
}
.community-row-col {
align-self: center;
}
.community-bg-3 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/wisdom-community/1.jpg") no-repeat 50% 50%;
}
.community-p-2 {
max-width: 300px;
}
.community-border-1 {
border-color: #dd545b;
border-width: 12px;
border-style: solid;
}
.community-border-2 {
border-color: #2ecbc2;
border-width: 12px;
border-style: solid;
}
.community-border-3 {
border-color: #468acb;
border-width: 12px;
border-style: solid;
}
.community-border-4 {
border-color: #468acb;
border-width: 0px 12px 0px 0px;
border-style: solid;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.community-border-5 {
border-color: #dd545b;
border-width: 0px 12px 0px 0px;
border-style: solid;
}
.community-border-6 {
border-color: #2ecbc2;
border-width: 0px 0px 0px 12px;
border-style: solid;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.community-border-7 {
border-color: #f2c50a;
border-width: 0px 0px 0px 12px;
border-style: solid;
}
.community-p-6 {
font-size: 20px;
font-style: oblique;
}
.community-p-7 {
font-size: 20px;
color: #a4a4a4;
}
.community-bg-4 {
background: #ffffff;
}
.community-bg-5 {
background: #f4f4f4;
}
.community-img-2 {
height: 100px;
width: 100px;
}
.community-col-2 {
height: 380px;
}
.community-col-3 {
margin-top: 200px;
}
@media(max-width:992px) {
.title-width {
text-align: center;
}
.title--2-font {
font-size: 30px;
}
}
/** patrol-robot **/
.patrol-robot-bg {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/patrol-robot/bg.jpg") no-repeat;
background-size: cover;
position: relative;
}
.patrol-robot-page-title {
padding: 300px 0px 100px 20px;
position: relative;
}
.patrol-robot-page-title h1 {
color: #ffffff;
}
.patrol-robot-text-title {
font-size: 4rem;
font-weight: bold;
}
@media (max-width: 992px) {
.patrol-robot-text-title {
font-size: 3rem;
font-weight: bold;
text-align: center;
}
}
.patrol-robot-text-sm {
font-size: 1.625rem;
line-height: 2.25rem;
}
@media (max-width: 992px) {
.patrol-robot-text-sm {
font-size: 1.5rem;
line-height: 2rem;
}
}
.patrol-robot-divider {
width: 200px;
height: 15px;
background: #000000;
}
@media (max-width: 992px) {
.patrol-robot-divider {
width: 100%;
height: 15px;
background: #000000;
}
}
.patrol-robot-divider-white {
width: 200px;
height: 15px;
background: #fff;
}
@media (max-width: 992px) {
.patrol-robot-divider-white {
width: 100%;
height: 15px;
background: #fff;
}
}
.patrol-robot-bg-2 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/patrol-robot/bg-2.jpg") no-repeat;
background-size: cover;
position: relative;
}
.patrol-robot-content {
padding-top: 200px;
}
.patrol-robot-content-narrow {
padding-top: 100px;
}
.patrol-robot-content-1 {
flex: 19;
}
.patrol-robot-content-2 {
flex: 20;
}
@media (max-width: 992px) {
.patrol-robot-content {
padding-top: 50px;
}
}
.patrol-robot-bg-black {
background-color: #000000;
}
.patrol-robot-bg-grey {
background-color: #f4f4f4;
}
.message-service-bg {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/message-service/bg.jpg") no-repeat;
background-size: cover;
position: relative;
}
.message-service-text-title {
font-size: 6.5rem;
font-weight: bolder;
/*margin-bottom: 0px;*/
color: #ff724a;
}
.message-service-text-title2 {
font-size: 4.875rem;
font-weight: 800;
}
.message-service-text-title3 {
font-size: 6.0rem;
font-weight: 850;
color: white;
}
.message-service-content {
margin-top: 110px;
margin-bottom: 40px;
}
@media (max-width: 992px) {
.message-service-content {
margin-top: 1px;
margin-bottom: 40px;
}
}
.message-service-content2 {
padding-right: 70px;
padding-left: 70px;
margin-bottom: 90px;
}
@media (max-width: 992px) {
.message-service-content2 {
padding-right: 15px;
padding-left: 15px;
margin-bottom: 0;
}
}
.message-service-line-height {
line-height: 40px;
margin-bottom: 30px;
font-size: 27px;
}
.message-service-line-height2 {
line-height: 40px;
}
.message-service-line-height3 {
line-height: 43px;
margin-bottom: 40px;
}
.message-service-top {
margin-top: 120px;
}
@media (max-width: 992px) {
.message-service-top {
margin-top: 1px;
}
}
.message-service-bottom {
margin-bottom: 150px;
}
@media (max-width: 992px) {
.message-service-bottom {
margin-bottom: 1px;
}
}
@media (max-width: 992px) {
.message-service-text-title {
font-size: 4.5rem;
font-weight: bolder;
color: #ff724a;
}
}
@media (max-width: 992px) {
.message-service-text-title2 {
font-size: 3.5rem;
font-weight: 800;
}
}
@media (max-width: 992px) {
.message-service-text-title3 {
font-size: 4rem;
font-weight: 850;
color: white;
}
}
.cloud-col-1 {
border-radius: 15px;
height: 360px;
}
@media (max-width: 992px) {
.cloud-col-1 {
border-radius: 15px;
height: 400px;
}
.cloud-col-11 {
border-radius: 15px;
height: 600px;
}
}
.cloud-col-2 {
height: 400px;
}
.cloud-col-2 {
height: 400px;
}
.cloud-img-1 {
height: 100px;
width: 100px;
}
.cloud-img-2 {
height: 60px;
width: 70px;
}
.cloud-page-title-3 {
padding: 100px 0 0 0;
}
@media (max-width: 992px) {
.cloud-page-title-3 {
padding: 30px 0 0 0;
}
}
.cloud-page-title-4 {
padding: 5px 0px 5px 0px;
}
.cloud-h2-1 {
font-size: 35px;
}
@media (max-width: 992px) {
.cloud-h2-1 {
font-size: 30px;
}
}
.cloud-p-2 {
line-height: 22px;
}
.cloud-hr {
background-color: #fff;
}
.cloud-h6-1 {
font-size: 18px;
}
.cloud-h6-2 {
max-width: 500px;
}
.company-page-title-1 {
padding: 250px 0px 250px 0px;
}
.company-page-title-2 {
padding: 80px 0px 80px 0px;
}
.contact-us-page-title-1 {
padding: 20px 0px 20px 0px;
}
.contact-us-h5-border-1 {
border-color: #368ff5;
border-width: 0px 0px 0px 12px;
border-style: solid;
}
.contact-us-h5-border-2 {
border-color: #a3c713;
border-width: 0px 0px 0px 12px;
border-style: solid;
}
.contact-us-h5-border-3 {
border-color: #ff8549;
border-width: 0px 0px 0px 12px;
border-style: solid;
}
.contact-us-h5-border-4 {
border-color: #21d0a7;
border-width: 0px 0px 0px 12px;
border-style: solid;
}
.contact-us-h5-border-5 {
border-color: #ff6766;
border-width: 0px 0px 0px 12px;
border-style: solid;
}
.contact-us-h5-border-6 {
border-color: #21d0a7;
border-width: 0px 0px 0px 12px;
border-style: solid;
}
.contact-us-h5-border-7 {
border-color: #0cb024;
border-width: 0px 0px 0px 12px;
border-style: solid;
}
.contact-us-h5-border-8 {
border-color: #57edeb;
border-width: 0px 0px 0px 12px;
border-style: solid;
}
.contact-us-h5-border-9 {
border-color: rebeccapurple;
border-width: 0px 0px 0px 12px;
border-style: solid;
}
.contact-us-h5-border-10 {
border-color: palevioletred;
border-width: 0px 0px 0px 12px;
border-style: solid;
}
.contact-us-h5-border-7 {
border-color: forestgreen;
border-width: 0px 0px 0px 12px;
border-style: solid;
}
.company-bg-2 {
background-color: #f4f4f4;
}
.company-bg-3 {
background-color: #fff;
}
.company-h1-1 {
font-size: 36px;
}
.company-p-1 {
font-size: 24px;
color: #000;
line-height: 45px;
}
.company-p-2 {
font-size: 24px;
color: #000;
line-height: 45px;
font-weight: 700
}
.company-h3-1 {
font-size: 30px;
}
.company-img-1 {
height: 300px;
width: 200px;
}
.company-img-2 {
width: 450px;
height: 300px;
}
@media (max-width: 992px) {
.company-img-3 {
width: 300px;
height: 200px;
}
}
.company-col-1 {
height: 1100px;
}
.company-p-bottom {
margin-bottom: 50px;
}
.company-h5-1 {
font-size: 32px;
}
.contact-us-bg-1 {
background: #fff;
}
.contact-us-page-title-4 {
padding: 50px 0px 50px 0px;
}
.simulation-range-text-title {
font-size: 5.5rem;
font-weight: 800;
}
@media (max-width: 992px) {
.simulation-range-text-title {
font-size: 3.5rem;
font-weight: 800;
}
}
.simulation-range-bg-1 {
background-color: black;
}
.simulation-range-section {
padding: 150px 0 10px 0;
}
@media (max-width: 992px) {
.simulation-range-section {
padding: 10px 0 10px 0;
}
}
.simulation-range-top {
margin-top: 60px;
}
.simulation-range-top2 {
margin-top: 40px;
margin-bottom: 30px;
}
@media (max-width: 992px) {
.simulation-range-top2 {
margin-top: 1px;
margin-bottom: 1px;
}
}
.simulation-range-border {
width: 100%;
height: 100%;
}
.simulation-range-line-height {
line-height: 80px;
}
.simulation-range-line-height2 {
line-height: 35px;
}
.simulation-range-line-height3 {
line-height: 55px;
}
.simulation-range-text-title2 {
font-size: 3.5rem;
font-weight: normal;
margin-bottom: 10px;
}
@media (max-width: 992px) {
.simulation-range-text-title2 {
font-size: 2.5rem;
font-weight: normal;
margin-bottom: 10px;
}
}
.simulation-range-text-title3 {
font-size: 1.5rem;
font-weight: normal;
margin-bottom: 40px;
margin-top: 30px;
}
.simulation-range-img1 {
width: 130px;
}
.simulation-range-item-bg {
background-color: #e75e7c;
}
.simulation-range-system {
margin-top: 15px;
margin-bottom: 15px;
}
.simulation-range-text-title4 {
font-size: 2.875rem;
font-weight: normal;
}
.simulation-range-item {
flex-basis: 24.3%;
/*margin: 0px 10px;*/
padding: 50px 50px;
color: #fff;
/*background-color: #fff;*/
/*border-radius: 15px 15px 15px 15px;*/
box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display: flex;
flex-direction: column;
align-items: center;
}
.simulation-range-section2 {
padding: 10px 0 10px 0;
}
.simulation-range-text-title5 {
font-size: 4.875rem;
font-weight: 800;
}
@media (max-width: 992px) {
.simulation-range-text-title5 {
font-size: 2.5rem;
font-weight: 800;
}
}
@media (min-width: 992px) {
.simulation-range-width1 {
width: 60%;
}
}
@media (min-width: 992px) {
.simulation-range-width2 {
width: 40%;
}
}
.honor-page-title-1 {
padding: 20px 10px 80px 10px;
}
.cloud-application-p-1 {
max-width: 700px;
font-size: 24px;
line-height: 40px;
}
.cloud-application-span-1 {
color: #ff6766;
}
.cloud-application-img-1 {
height: 80px;
width: 80px;
}
.cloud-application-bg-1 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/cloud-application-software-testing/software-testing-lifecycle.png") no-repeat;
background-size: cover;
position: relative;
}
.cloud-application-page-title-2 {
padding: 100px 0px 100px 0px;
}
.cloud-application-p-2 {
font-size: 20px;
}
.cloud-application-bg-2 {
background: #f1c50e;
}
.cloud-application-bg-3 {
background: #468ac9;
}
.cloud-application-span-2 {
font-size: 20px;
}
.cloud-application-col-2 {
height: 380px;
}
.cloud-application-page-title-3 {
padding: 20px 0px 0px 0px;
position: relative;
}
/** 杞﹁締澶栬妫€娴 **/
.car-test-bg {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/bg.jpg") no-repeat;
background-size: cover;
position: relative;
}
.page-title-car-test {
padding: 260px 0 300px 0;
position: relative;
}
@media (max-width: 992px) {
.page-title-car-test {
padding: 100px 0 100px 0;
}
}
.car-test-content {
margin-bottom: 20px;
}
.car-test-text-title1 {
font-size: 5.5rem;
font-weight: normal;
margin-bottom: 10px;
}
.car-test-text-title2 {
font-size: 3rem;
font-weight: bolder;
margin-bottom: 10px;
color: #fece3e;
}
.car-test-line {
width: 90%;
height: 1px;
border-top: solid white 15px;
}
@media (max-width: 992px) {
.car-test-line {
width: 100%;
height: 1px;
border-top: solid white 15px;
}
.car-test-between {
justify-content: space-between;
}
.car-test-width1 {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
}
@media (min-width: 992px) {
.car-test-width1 {
width: 30%;
}
}
.car-test-img {
width: 100%;
}
.car-test-img2 {
width: 100px;
}
.car-test-text-title3 {
font-size: 1.5rem;
color: white;
}
.car-test-bg2 {
background-color: #fece3e;
}
.car-test-text-title4 {
line-height: 50px;
font-size: 33px;
color: black;
}
.car-test-text-title5 {
line-height: 50px;
font-size: 4.0rem;
color: white;
}
.car-test-text-title6 {
line-height: 35px;
font-size: 23px;
color: white;
}
.car-test-text-title7 {
line-height: 50px;
font-size: 2.875rem;
color: white;
margin-bottom: 200px;
}
.car-test-text-title9 {
line-height: 50px;
font-size: 2.875rem;
color: white;
}
.car-test-section {
padding: 0px 0 60px 0;
}
.car-test-bg3 {
background-color: #464b8b;
}
.car-test-top {
margin-top: 60px;
margin-bottom: 100px;
}
.car-test-width3 {
width: 7.5%;
}
.car-test-width5 {
width: 30%;
}
@media (max-width: 992px) {
.car-test-width5 {
width: 100%;
}
}
.car-test-width4 {
width: 5%;
}
.car-test-text-title8 {
line-height: 50px;
font-size: 3.25rem;
color: white;
}
.car-test-text-title10 {
line-height: 50px;
font-size: 2.875rem;
color: white;
}
.car-test-text-title11 {
line-height: 50px;
font-size: 1.5rem;
color: white;
}
.car-test-width6 {
width: 5.5%;
}
.car-test-width7 {
width: 2.5%;
}
.car-test-width9 {
width: 1%;
}
.car-test-identify {
flex: 1;
}
.car-test-top2 {
margin-top: 100px;
margin-bottom: 100px;
}
.car-test-top3 {
margin-top: 150px;
margin-bottom: 100px;
}
.car-test-top4 {
margin-top: 60px;
margin-bottom: 70px;
}
@media (min-width: 992px) {
.car-test-top5 {
margin-top: 400px;
}
}
.car-test-width4 {
width: 5%;
}
.car-test-bg8 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/door1.jpg") no-repeat;
background-size: cover;
position: relative;
}
@media (min-width: 992px) {
.car-test-width2 {
width: 25%;
}
.car-test-width8 {
width: 49.5%;
}
.car-test-bg4 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/door1.jpg") no-repeat;
background-size: cover;
position: relative;
}
.car-test-bg5 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/door2.jpg") no-repeat;
background-size: cover;
position: relative;
}
.car-test-bg6 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/top1.png") no-repeat;
background-size: cover;
position: relative;
}
.car-test-bg7 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/top2.png") no-repeat;
background-size: cover;
position: relative;
}
.car-test-img3 {
width: 0;
}
.car-no-img {
display: none;
}
}
@media (max-width: 992px) {
.car-test-text-title5 {
line-height: 50px;
font-size: 3.0rem;
color: white;
}
.car-test-text-title8 {
line-height: 50px;
font-size: 2.5rem;
color: white;
}
.car-test-top {
margin-top: 10px;
margin-bottom: 40px;
}
.car-test-top2 {
margin-top: 50px;
margin-bottom: 50px;
}
.car-test-top3 {
margin-top: 50px;
margin-bottom: 20px;
}
.car-test-padding1 {
padding-left: 10px;
}
.car-test-text-title9 {
line-height: 50px;
font-size: 1.875rem;
color: white;
text-align: center;
}
.car-test-text-title7 {
line-height: 50px;
font-size: 1.875rem;
color: white;
text-align: center;
}
.car-test-text-title4 {
line-height: 50px;
font-size: 25px;
color: black;
}
.car-test-bg8 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/door1.jpg") no-repeat;
background-size: cover;
position: relative;
}
.car-test-img3 {
width: 500px;
}
.car-test-text-title10 {
line-height: 50px;
font-size: 1.875rem;
color: white;
}
.car-test-text-title11 {
line-height: 50px;
font-size: 1.0rem;
color: white;
}
}
.probe-bg {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/probe/bg.jpg") no-repeat;
background-size: cover;
position: relative;
}
.probe-bg2 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/probe/bg2.jpg") no-repeat;
background-size: 50%;
position: relative;
background-color: black;
}
.probe-bg3 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/probe/bg4.jpg") no-repeat;
background-size: cover;
position: relative;
}
@media (max-width: 992px) {
.page-title-probe {
padding: 0 0 50px 0;
position: relative;
}
}
.page-title-probe2 {
padding: 150px 0 120px 0px;
position: relative;
}
.probe-content {
margin-bottom: 40px;
}
.probe-content2 {
margin-bottom: 20px;
}
.probe-text-title {
font-size: 4.0rem;
font-weight: normal;
color: black;
}
.probe-border {
border-radius: 65px;
display: inline-block;
width: 100%;
height: 100%;
margin-top: 5px;
background: white;
}
.probe-border2 {
border-radius: 25px;
/*display: inline-block;*/
/*width: 100%;*/
/*height: 100%;*/
background: #464b8b;
}
.probe-border3 {
border-radius: 25px;
/*display: inline-block;*/
/*width: 100%;*/
/*height: 100%;*/
background: #323228;
}
.probe-line-height {
line-height: 40px;
font-size: 24px;
}
.probe-line-height2 {
line-height: 40px;
font-size: 22px;
}
.probe-line-height3 {
line-height: 40px;
font-size: 20px;
}
.probe-service-content2 {
padding-right: 40px;
padding-left: 40px;
margin-bottom: 90px;
}
@media (max-width: 992px) {
.probe-service-content2 {
padding-right: 40px;
padding-left: 40px;
margin-bottom: 0;
}
}
.probe-service-content3 {
padding-right: 30px;
padding-left: 30px;
}
.probe-width3 {
width: 50%;
}
.probe-text-title4 {
font-size: 1.5rem;
font-weight: normal;
margin-top: 30px;
color: #e65d7b;
}
@media (min-width: 992px) {
.page-title-probe {
padding: 100px 0 480px 0;
position: relative;
}
.probe-width2 {
padding-left: 800px;
}
.probe-width4 {
flex: 1;
margin-left: 500px;
margin-right: 5px;
}
.probe-width1 {
/*width: 42%;*/
margin-right: 120px;
margin-left: 900px;
}
.probe-width6 {
flex: 1;
margin-left: 55px;
margin-top: 85px;
margin-right: 60px;
}
.probe-width7 {
flex: 1;
margin-left: 470px;
margin-top: 120px;
margin-right: 4px;
}
.probe-width9 {
flex: 1;
margin-right: 60px;
margin-left: 50px;
}
.probe-width12 {
margin-left: 250px;
margin-right: 100px;
margin-top: 150px;
}
.probe-width13 {
margin-right: 180px;
margin-bottom: 100px;
margin-top: 50px;
}
.page-title-probe3 {
padding: 150px 0 60px 0px;
position: relative;
}
.probe-text-title4 {
font-size: 1.5rem;
font-weight: normal;
margin-bottom: 150px;
margin-top: 30px;
color: #e65d7b;
margin-left: 400px;
margin-right: 400px;
}
.probe-padding {
padding-right: 150px;
padding-left: 150px;
}
.probe-text-title6 {
font-size: 3.5rem;
font-weight: bolder;
margin-bottom: 10px;
}
.probe-text-title7 {
line-height: 50px;
font-size: 2.875rem;
color: white;
margin-bottom: 200px;
}
}
.probe-top {
margin-top: 160px;
}
.probe-text-title2 {
font-size: 2.25rem;
font-weight: bolder;
color: white;
}
.probe-text-title3 {
font-size: 2.0rem;
font-weight: bolder;
color: white;
}
.probe-width5 {}
.probe-width8 {
width: 37%;
}
.probe-width10 {
margin-left: 40px;
}
.probe-width11 {
width: 32%;
}
.probe-bg1 {
background-color: #323228;
}
.probe-content3 {
margin-bottom: 20px;
}
.probe-item {
flex-basis: 35%;
margin: 0px 10px;
padding: 50px 50px;
color: #fff;
/*background-color: #fff;*/
/*border-radius: 15px 15px 15px 15px;*/
box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display: flex;
flex-direction: column;
align-items: center;
}
.probe-text-title5 {
font-size: 1.5rem;
font-weight: normal;
}
.probe-text-title6 {
font-size: 3rem;
font-weight: bolder;
margin-bottom: 10px;
}
@media (max-width: 992px) {
.probe-text-title7 {
line-height: 50px;
font-size: 2.5rem;
color: white;
margin-bottom: 20px;
}
}
/** Jpower杞欢璐ㄩ噺娴嬭瘯宸ュ叿 **/
.jpower-page-title {
padding: 5px 0 0 0;
position: relative;
}
@media (max-width: 992px) {
.jpower-container {
padding: 0 15px;
}
}
.jpower-color-white {
color: #fff;
}
.jpower-color-orange {
color: rgb(255, 114, 74);
}
.jpower-bg-black {
background-color: #000;
}
.jpower-bg-white {
background-color: #fff;
}
.jpower-bg-grey {
background-color: rgb(80, 80, 88);
}
.jpower-bg-indigo {
background-color: rgb(128, 147, 195);
}
.jpower-bg-orange {
background-color: rgb(255, 114, 74);
}
.jpower-bg-blue {
background-color: rgb(42, 108, 196);
}
.jpower-bg-gray-blue {
background: linear-gradient(to bottom, rgb(243, 243, 243) 0%, rgb(243, 243, 243) 20%, rgb(42, 108, 196) 20%, rgb(42, 108, 196) 100%);
}
.jpower-bg-img-1 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/jpower-tools/bg1.jpg") no-repeat;
background-size: cover;
position: relative;
}
.jpower-bg-img-2 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/jpower-tools/bg2.jpg") no-repeat;
background-size: cover;
position: relative;
}
.jpower-bg-img-3 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/jpower-tools/bg3.jpg") no-repeat;
background-size: cover;
position: relative;
}
.jpower-bg-img-4 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/jpower-tools/bg4.jfif") no-repeat;
background-size: cover;
position: relative;
}
.jpower-bg-img-5 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/jpower-tools/bg5.jpg") no-repeat;
background-size: cover;
position: relative;
}
.jpower-flex-fill {
width:100%;
flex:1;
}
.jpower-flex-center {
margin-top: calc(100vw * 100/1920);
display: flex;
align-items: center;
justify-content: center;
}
.jpower-text-center {
text-align: center;
}
.jpower-text-radius {
border-radius: 15px;
}
.jpower-m-1 {
margin: 10px
}
.jpower-m-2 {
margin: 20px
}
.jpower-mx-2 {
margin: 0 20px
}
.jpower-mt-12 {
margin-top: 120px
}
.jpower-mb-8 {
margin-bottom: 80px
}
@media (min-width: 992px) {
.jpower-md-screen-mx-8 {
margin: 0 80px
}
}
.jpower-p-2 {
padding: 20px;
}
.jpower-pb-8 {
padding-bottom: 80px;
}
.jpower-p-5 {
padding: 50px;
}
.jpower-min-height {
min-height: 280px;
}
.jpower-text-line-height {
line-height: 35px;
}
.jpower-text-lg {
font-size: 70px;
font-weight: bold;
}
@media (max-width: 992px) {
.jpower-text-lg {
text-align: center;
font-size: 30px;
font-weight: bold;
}
}
.jpower-text-md {
font-size: 20px;
}
@media (max-width: 992px) {
.jpower-text-md {
font-size: 20px;
}
}
.jpower-text-md-xl {
font-size: 30px;
}
@media (max-width: 992px) {
.jpower-text-md-xl {
font-size: 30px;
}
}
.jpower-icon {
font-size: 50px;
color: #fff;
}
.jpower-circle {
width: 70px;
height: 70px;
background-color: #fff;
border-radius: 50%;
}
.jpower-img {
width: 45px;
height: 45px;
}
.jpower-circle-xl {
width: 100px;
height: 100px;
background-color: rgb(181, 169, 205);
border-radius: 50%;
}
.jpower-img-xl {
width: 65px;
height: 65px;
}
.jpower-oval {
width: 300px;
height: 180px;
background-color: #fff;
border-radius: 50%;
}
.jpower-form-input {
border: none;
border-bottom: 1px solid #fff;
color: #fff;
}
.jpower-form-input::placeholder {
color: #fff;
}
.jpower-button {
background-color: rgb(255, 114, 74);
border: none;
font-size: 18px;
width: 180px;
height: 60px;
border-radius: 30px;
}
.jpower-button:hover {
background-color: #ea580c;
-webkit-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
-moz-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
outline: 0;
}
.jpower-button:focus {
background-color: #ea580c;
-webkit-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
-moz-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
outline: 0;
}
/** ITSM瑙e喅鏂规 **/
.itsm-color-white {
color: #fff;
}
.itsm-color-black {
color: #000;
}
.itsm-color-orange {
color: #ea580c;
}
.itsm-bg-gray {
background-color: rgba(235, 235, 237, 0.8);
}
.itsm-bg-blue {
background-color: rgb(42, 108, 196);
}
.itsm-bg-white {
background-color: #fff;
}
.itsm-bg-img-1 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg1.jpg") no-repeat;
background-size: cover;
position: relative;
}
.itsm-bg-img-2 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg2.jpg") no-repeat;
background-size: cover;
position: relative;
}
.itsm-bg-img-3 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg3.jpg") no-repeat;
background-size: cover;
position: relative;
}
.itsm-bg-img-4 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg4.jfif") no-repeat;
background-size: cover;
position: relative;
}
.itsm-bg-img-5 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg5.jfif") no-repeat;
background-size: cover;
position: relative;
}
.itsm-bg-img-6 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg6.jfif") no-repeat;
background-size: cover;
position: relative;
}
.itsm-bg-img-7 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg7.jfif") no-repeat;
background-size: cover;
position: relative;
}
.itsm-page-title {
padding: 5px 0 0 0;
position: relative;
}
@media (max-width: 992px) {
.itsm-container {
padding: 0 15px;
}
}
.itsm-flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.itsm-text-lg {
font-size: 70px;
font-weight: bold;
}
@media (max-width: 992px) {
.itsm-text-lg {
text-align: center;
font-size: 30px;
font-weight: bold;
}
}
.itsm-text-lg-md {
font-size: 60px;
font-weight: bold;
}
@media (max-width: 992px) {
.itsm-text-lg-md {
text-align: center;
font-size: 30px;
font-weight: bold;
}
}
.itsm-text-md-lg {
font-size: 40px;
}
@media (max-width: 992px) {
.itsm-text-md-lg {
font-size: 30px;
}
}
.itsm-text-md-md {
font-size: 30px;
}
@media (max-width: 992px) {
.itsm-text-md-md {
font-size: 30px;
}
}
.itsm-text-md-sm {
font-size: 30px;
}
.itsm-text-md-sm {
font-size: 15px;
}
@media (max-width: 992px) {
.itsm-text-md-sm {
font-size: 22px;
}
}
.itsm-text-md {
font-size: 20px;
}
@media (max-width: 992px) {
.itsm-text-md {
font-size: 20px;
}
}
.itsm-text-center {
text-align: center;
}
.itsm-min-height {
min-height: 450px;
}
.itsm-my-20 {
padding: 200px 0;
}
.itsm-my-10 {
padding: 100px 0;
}
.itsm-my-5 {
padding: 50px 0;
}
.itsm-m-5 {
margin: 50px;
}
.itsm-m-2 {
margin: 20px;
}
.itsm-py-5 {
padding: 50px 0;
}
.itsm-p-2 {
padding: 20px 0;
}
.itsm-button {
background-color: rgb(255, 114, 74);
border: none;
font-size: 18px;
width: 200px;
height: 60px;
border-radius: 15px;
font-weight: bold;
}
.itsm-button:hover {
background-color: #ea580c;
-webkit-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
-moz-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
outline: 0;
}
.itsm-button:focus {
background-color: #ea580c;
-webkit-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
-moz-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
outline: 0;
}
.itsm-circle {
width: 100px;
height: 100px;
background-color: rgb(181, 169, 205);
border-radius: 50%;
}
.itsm-oval {
width: 300px;
height: 180px;
background-color: #fff;
border-radius: 50%;
}
.itsm-img {
width: 65px;
height: 65px;
}
.itsm-icon {
font-size: 50px;
color: #fff;
}
.itsm-border-left {
border-left: 10px solid rgb(255, 114, 74);
}
.itsm-border-top-right-bottom {
border: 3px solid rgb(255, 114, 74);
border-left: 3px solid rgb(255, 255, 255);
}
.itsm-border-left-bottom-right {
border: 3px solid rgb(255, 114, 74);
border-top: 3px solid rgb(255, 255, 255);
}
.itsm-border-right-bottom {
border-right: 3px solid rgb(255, 114, 74);
border-bottom: 3px solid rgb(255, 114, 74);
}
/*.itsm-border {*/
/* border: 3px solid rgb(255, 114, 74);*/
/*}*/
.itsm-read-more:hover {
color: #e71f54 !important;
text-decoration: underline;
}
/** freight-platform **/
.freight-platform-page-title {
padding: 5px 0 0 0;
position: relative;
}
@media (max-width: 992px) {
.freight-platform-container {
padding: 0 15px;
}
}
.freight-platform-flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.freight-platform-text-lg {
font-size: 70px;
font-weight: bold;
}
@media (max-width: 992px) {
.freight-platform-text-lg {
text-align: center;
font-size: 30px;
font-weight: bold;
}
}
.freight-platform-text-md {
font-size: 55px;
font-weight: bold;
}
@media (max-width: 992px) {
.freight-platform-text-md {
text-align: center;
font-size: 30px;
font-weight: bold;
}
}
.freight-platform-text-sm {
font-size: 20px;
}
@media (max-width: 992px) {
.freight-platform-text-sm {
font-size: 20px;
}
}
.freight-platform-core-function-content {
font-size: 17px;
}
@media (max-width: 992px) {
.freight-platform-core-function-content {
font-size: 16px;
}
}
.freight-platform-our-product-content {
font-size: 30px;
font-weight: bold;
}
@media (max-width: 992px) {
.freight-platform-our-product-content {
font-size: 25px;
font-weight: bold;
}
}
.freight-platform-get-more-info {
font-size: 40px;
font-weight: bold;
}
@media (max-width: 992px) {
.freight-platform-get-more-info {
font-size: 30px;
font-weight: bold;
}
}
@media (min-width: 992px) {
.freight-platform-input-width {
min-width: 500px;
}
}
@media (max-width: 992px) {
.freight-platform-input-width {
width: 200px;
}
}
.freight-platform-right-arrow {
display: inline-block;
width: 10px;
height: 10px;
border-top: 2px solid rgb(70, 80, 125);
border-right: 2px solid rgb(70, 80, 125);
transform: rotate(45deg);
}
.freight-platform-pb-17 {
padding-bottom: 14rem;
}
.mt-4-change{
margin-top: 1rem;!important;
}
.freight-platform-bg-img-1 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/freight-platform/bg1.jpg") no-repeat;
background-size: cover;
position: relative;
}
.freight-platform-bg-img-2 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/freight-platform/bg2.jpg") no-repeat;
background-size: cover;
position: relative;
}
.freight-platform-bg-img-3 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/freight-platform/bg3.jpg") no-repeat;
background-size: cover;
position: relative;
}
.freight-platform-bg-img-4 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/freight-platform/bg4.jpg") no-repeat;
background-size: cover;
position: relative;
}
.freight-platform-bg-img-5 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/freight-platform/bg5.jpg") no-repeat;
background-size: cover;
position: relative;
}
.freight-platform-bg-img-6 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/freight-platform/bg6.jpg") no-repeat;
background-size: cover;
position: relative;
}
.freight-platform-bg-purple-white {
background: linear-gradient(to right, rgb(196, 199, 234) , #fff);
}
.freight-platform-bg-yellow {
background-color: rgb(254, 232, 86);
}
.freight-platform-bg-purple {
background-color: rgb(131, 68, 149);
}
.freight-platform-bg-gray {
background-color: rgb(243, 243, 243);
}
.freight-platform-bg-gray-transparency {
background-color: rgba(253, 253, 253, 0.5);
}
.freight-platform-bg-black {
background-color: #000;
}
.freight-platform-bg-blue {
background-color: rgb(70, 75, 139);
}
.freight-platform-text-white {
color: #fff;
}
.freight-platform-text-indigo {
color: rgb(70, 80, 125);
}
.freight-platform-button {
border: none;
border-radius: 6px;
}
.freight-platform-button:hover {
background: linear-gradient(to right, #c4b5fd , #d1d5db);
outline: 0;
}
.freight-platform-button:focus {
background: linear-gradient(to right, #c4b5fd , #d1d5db);
outline: 0;
}
.freight-platform-icon-lg {
width: 50px;
height: 50px;
}
.freight-platform-min-height {
min-height: 250px;
}
.freight-platform-mb-10 {
margin-bottom: 100px;
}
.freight-platform-pb-20 {
padding-bottom: 200px;
}
.freight-platform-circle {
width: 55px;
height: 55px;
background-color: rgb(69, 74, 140);
border-radius: 50%;
}
.freight-platform-img {
width: 35px;
height: 35px;
}
.freight-platform-icon {
font-size: 35px;
color: #fff;
}
/** multimodal-transport **/
.multimodal-transport-page-title {
padding: 5px 0 0 0;
position: relative;
}
@media (max-width: 992px) {
.multimodal-transport-container {
padding: 0 15px;
}
}
.multimodal-transport-flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.multimodal-transport-text-lg {
font-size: 70px;
font-weight: bold;
}
@media (max-width: 992px) {
.multimodal-transport-text-lg {
text-align: center;
font-size: 30px;
font-weight: bold;
}
}
.multimodal-transport-text-md {
font-size: 55px;
font-weight: bold;
}
@media (max-width: 992px) {
.multimodal-transport-text-md {
text-align: center;
font-size: 30px;
font-weight: bold;
}
}
.multimodal-transport-text-sm {
font-size: 20px;
}
@media (max-width: 992px) {
.multimodal-transport-text-sm {
font-size: 20px;
}
}
.multimodal-transport-contact-text {
font-size: 30px;
}
@media (max-width: 992px) {
.multimodal-transport-contact-text {
font-size: 30px;
}
}
.multimodal-transport-bg-img-1 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/multimodal-transport/bg1.jpg") no-repeat;
background-size: cover;
position: relative;
}
.multimodal-transport-bg-img-2 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/multimodal-transport/bg2.jpg") no-repeat;
background-size: cover;
position: relative;
-webkit-background-size: 100%;
}
.multimodal-transport-bg-purple-mask{
height:100%;
width:100%;
background: rgba(109, 5, 114, 0.6);
}
.multimodal-transport-bg-purple {
background-color: rgb(90, 62, 102);
}
.multimodal-transport-bg-blue {
background-color: rgb(83, 94, 244);
}
.multimodal-transport-bg-white {
background-color: #fff;
}
.multimodal-transport-bg-grey {
background-color: rgb(229, 229, 229);
}
.multimodal-transport-bg-pink {
background-color: rgb(230, 93, 123);
border-color: rgb(230, 93, 123);
}
.multimodal-transport-text-white {
color: #fff;
}
.multimodal-transport-text-black {
color: #000;
}
.multimodal-transport-bg-black-opacity {
background-color: rgb(109, 5, 114, 0);
}
.multimodal-transport-button {
padding: 12px 35px;
border: none;
border-radius: 25px;
}
.multimodal-transport-button-purple:hover {
background: #701a75;
outline: 0;
}
.multimodal-transport-button-purple:focus {
background: #701a75;
outline: 0;
}
.multimodal-transport-button-pink:hover {
background: #e11d48;
outline: 0;
}
.multimodal-transport-button-pink:focus {
background: #db2777;
outline: 0;
}
.multimodal-transport-min-height {
min-height: 300px;
}
.multimodal-transport-border {
border: none;
border-radius: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.multimodal-transport-icon {
width: 70px;
height: 70px;
}
.multimodal-transport-icon-sm {
width: 20px;
height: 20px;
}
.multimodal-transport-mb-10 {
margin-bottom: 100px;
}
.multimodal-transport-form-input {
border: none;
border-bottom: 1px solid #fff;
color: #fff;
}
.multimodal-transport-form-input::placeholder {
color: #d6d3d1;
}
/** intelligent-tracking **/
.intelligent-tracking-page-title {
padding: 5px 0 0 0;
position: relative;
}
@media (max-width: 992px) {
.intelligent-tracking-container {
padding: 0 15px;
}
}
.intelligent-tracking-flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.intelligent-tracking-text-lg {
font-size: 70px;
font-weight: bold;
}
@media (max-width: 992px) {
.intelligent-tracking-text-lg {
text-align: center;
font-size: 30px;
font-weight: bold;
}
}
.intelligent-tracking-text-md {
font-size: 55px;
font-weight: bold;
}
@media (max-width: 992px) {
.intelligent-tracking-text-md {
text-align: center;
font-size: 30px;
font-weight: bold;
}
}
.intelligent-tracking-text-sm {
font-size: 20px;
}
@media (max-width: 992px) {
.intelligent-tracking-text-sm {
font-size: 20px;
}
}
.intelligent-tracking-content {
font-size: 25px;
line-height: 45px;
}
@media (max-width: 992px) {
.intelligent-tracking-content {
font-size: 20px;
line-height: 25px;
}
}
.intelligent-tracking-service-title {
font-size: 25px;
font-weight: bold;
}
@media (max-width: 992px) {
.intelligent-tracking-service-title {
font-size: 20px;
}
}
.intelligent-tracking-product-title {
font-size: 45px;
font-weight: bold;
}
@media (max-width: 992px) {
.intelligent-tracking-product-title {
font-size: 30px;
font-weight: bold;
}
}
.intelligent-tracking-contact {
font-size: 35px;
}
@media (max-width: 992px) {
.intelligent-tracking-contact {
font-size: 30px;
}
}
.intelligent-tracking-lock {
width: 200px;
height: 400px;
}
.intelligent-tracking-position-terminal {
width: 200px;
height: 350px;
}
.intelligent-tracking-cargo-bit {
width: 300px;
height: 350px;
}
.intelligent-tracking-min-height {
min-height: 500px;
}
.intelligent-tracking-bg-img-1 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/intelligent-tracking/bg1.jpg") no-repeat;
background-size: cover;
position: relative;
}
.intelligent-tracking-bg-img-2 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/intelligent-tracking/bg2.jpg") no-repeat;
background-size: cover;
position: relative;
}
.intelligent-tracking-bg-grey-transparency {
background-color: rgb(55, 65, 81, 0.8);
}
.intelligent-tracking-bg-grey {
background-color: rgb(229, 229, 229);
}
.intelligent-tracking-text-blue {
color: #4338ca;
}
.intelligent-tracking-bg-purple {
background-color: rgb(130, 63, 155);
}
.intelligent-tracking-bg-black {
background-color: #000;
}
.intelligent-tracking-bg-white {
background-color: #fff;
}
.intelligent-tracking-text-white {
color: #fff;
}
.intelligent-tracking-text-black {
color: #000;
}
.intelligent-tracking-pb-10 {
padding-bottom: 100px;
}
.intelligent-tracking-border-purple {
border: 3px solid;
border-color: rgb(130, 63, 155);
}
.intelligent-tracking-button-more {
padding: 10px 30px;
border-radius: 3px;
}
.intelligent-tracking-button-border-purple {
border: 3px solid rgb(130, 63, 155);
}
.intelligent-tracking-button-border-purple:hover {
outline: 0;
background-color: rgb(130, 63, 155);
}
.intelligent-tracking-button-border-purple:focus {
outline: 0;
background-color: rgb(130, 63, 155);
}
.intelligent-tracking-button-purple:hover {
background-color: #86198f;
outline: 0;
}
.intelligent-tracking-button-purple:focus {
background-color: #86198f;
outline: 0;
}
.intelligent-tracking-face-challenge-image {
height: 250px;
width: 350px;
}
.intelligent-tracking-bg-black {
background-color: #000;
}
.intelligent-tracking-button {
padding: 12px 35px;
border: none;
border-radius: 8px;
}
.intelligent-tracking-button-grey:hover {
background: #3F3F46;
outline: 0;
}
.intelligent-tracking-button-grey:focus {
background: #3F3F46;
outline: 0;
}
.intelligent-tracking-form-input {
border: none;
border-bottom: 1px solid #000;
}
.intelligent-tracking-form-input::placeholder {
color: #d6d3d1;
}
@media (max-width: 992px) {
.intelligent-tracking-mobile-display-none {
display: none;
}
}
/** link-multipath-mixed-communication-gateway **/
.link-multipath-mixed-communication-gateway-page-title {
padding: 5px 0 0 0;
position: relative;
}
@media (max-width: 992px) {
.link-multipath-mixed-communication-gateway-container {
padding: 0 15px;
}
}
.link-multipath-mixed-communication-gateway-flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.link-multipath-mixed-communication-gateway-text-lg {
font-size: 55px;
font-weight: bold;
}
@media (max-width: 992px) {
.link-multipath-mixed-communication-gateway-text-lg {
font-size: 30px;
font-weight: bold;
}
}
.link-multipath-mixed-communication-gateway-text-md {
font-size: 30px;
}
@media (max-width: 992px) {
.link-multipath-mixed-communication-gateway-text-md {
font-size: 20px;
}
}
.link-multipath-mixed-communication-gateway-text-sm {
font-size: 20px;
}
@media (max-width: 992px) {
.link-multipath-mixed-communication-gateway-text-sm {
font-size: 20px;
}
}
.link-multipath-mixed-communication-gateway-text-white {
color: #fff;
}
.link-multipath-mixed-communication-gateway-text-orange {
color: #fed7aa;
}
.link-multipath-mixed-communication-gateway-text-orange-deep {
color: #f97316;
}
.link-multipath-mixed-communication-gateway-text-black {
color: #000;
}
.link-multipath-mixed-communication-gateway-bg-img-1 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/link-multipath-mixed-communication-gateway/bg1.jfif") no-repeat;
background-size: cover;
position: relative;
}
.link-multipath-mixed-communication-gateway-bg-img-2 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/link-multipath-mixed-communication-gateway/bg2.png") no-repeat;
background-size: cover;
position: relative;
}
.link-multipath-mixed-communication-gateway-bg-img-3 {
background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/link-multipath-mixed-communication-gateway/bg3.jfif") no-repeat;
background-size: cover;
position: relative;
}
.link-multipath-mixed-communication-gateway-bg-black {
background-color: #000;
}
.link-multipath-mixed-communication-gateway-bg-white {
background-color: #fff;
}
.link-multipath-mixed-communication-gateway-bg-purple {
background-color: rgb(145, 106, 213);
}
.link-multipath-mixed-communication-gateway-bg-violet {
background-color: rgb(38, 5, 86);
}
.link-multipath-mixed-communication-gateway-text-white-bg-blue {
background-color: rgb(46, 108, 195);
}
.link-multipath-mixed-communication-gateway-border-left-orange {
border-left: 10px solid rgb(255, 114, 74);
}
@media (max-width: 992px) {
.link-multipath-mixed-communication-gateway-sm-my-2 {
margin: 20px 0;
}
}
.link-multipath-mixed-communication-gateway-mt-30 {
margin-top: 300px;
}
.link-multipath-mixed-communication-gateway-ml-2 {
margin-left: 25px;
}
.link-multipath-mixed-communication-gateway-pb-15 {
padding-bottom: 150px;
}
.link-multipath-mixed-communication-gateway-line-height {
line-height: 45px;
}
.link-multipath-mixed-communication-gateway-flex-fill {
width: 100%;
flex: 1;
}
.link-multipath-mixed-communication-gateway-min-height {
min-height: 500px;
}
.link-multipath-mixed-communication-gateway-icon {
width: 20px;
height: 20px;
}
.link-multipath-mixed-communication-gateway-bg-gray {
background-color: rgba(235, 235, 237, 0.8);
}
/** 閫氱敤瀛楀彿 鏀惧湪鏈€涓嬮潰 **/
@media (max-width: 992px) {
.current-text-lg {
font-size: 48px;
line-height: 56px;
}
.current-text-md {
font-size: 36px;
line-height: 44px;
}
.train-div {
text-align: center;
}
.current-text-sm {
font-size: 24px;
font-weight: normal;
line-height: 32px;
}
.current-text-center {
text-align: center;
}
}
.footer-a:hover,
.footer-a:active {
color: #e71f54 !important;
text-decoration: underline;
}
.footer-a,
.footer-a:visited,
.footer-a:link {
font-style: italic;
color: #fff
}
.ul-li-a:hover,
.ul-li-a:active {
color: #e71f54 !important;
text-decoration: underline;
}
.ul-li-a,
.ul-li-a:visited,
.ul-li-a:link {
color: #fff;
}
.contact-us-address:hover,
.contact-us-address:active {
color: #e71f54 !important;
text-decoration: underline;
}
.contact-us-address,
.contact-us-address:visited,
.contact-us-address:link {
color: #000
}
.contact-us-a-1:hover,
.contact-us-a-1:active {
color: #e71f54 !important;
text-decoration: underline;
}
.contact-us-a-1,
.contact-us-a-1:visited,
.contact-us-a-1:link {
font-style: italic;
color: #000;
}
.certification-li-img {
list-style: none;
padding: auto;
margin: auto;
}
.certification-col-div {
margin-top: 10px;
}
.certification-h3 {
font-size: 28px;
}
.certification-a {
font-size: 22px;
color: #04539b;
display: block;
}
.about-us-p-1 {
font-size: 40px;
color: #a75f8f;
}
.about-us-p-2 {
font-size: 40px;
color: #f05f10;
}
.about-us-p-3 {
font-size: 40px;
color: #438db0;
}
.about-us-page-title-1 {
padding: 0px 0px 50px 0px;
}
.about-us-page-title-2 {
padding: 80px 0px 50px 0px;
}
.about-us-page-title-3 {
padding: 50px 0px 20px 0px;
}
.about-us-page-title-4 {
padding: 0px 0px 0px 0px;
}
.about-us-bg-2 {
background-color: #0a408a;
}
.about-us-bg-3 {
background-color: #ffff;
}
.about-us-bg-4 {
background-color: #f4f4f4;
}
.index-display-none {
display: none;
}
.index-bg-1 {
background-color: #15a099;
}
.index-bg-img-1 {
/*background-size: 120%;*/
background: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page-bg.jpg") no-repeat;
background-size: cover;
position: relative;
}
.index-img {
height: 470px;
margin-bottom: 0.3rem;
}
.newFontSize{
font-size: 2rem;
}
.index-page-title-2 {
padding: 150px 0px 80px 0px;
height: 754px;
}
.index-p-1 {
font-size: 65px;
font-weight: 900;
line-height: 73px;
}
.index-p-2 {
color: #fa7c4b;
font-size: 65px;
font-weight: 650;
line-height: 73px;
}
.index-row-1 {
display: flex;
justify-content: center;
align-items: center;
}
.index-bt-1 {
background-color: #8193c3;
border: #8193c3;
height: 60px;
width: 350px;
display: flex;
justify-content: center;
align-items: center;
}
.index-bt-1 {
background-color: #8193c3;
border: #8193c3;
height: 60px;
width: 350px;
display: flex;
justify-content: center;
align-items: center;
}
.index-bt-1:hover {
background-color: #a1b6ee;
border: #a1b6ee;
}
.index-bt-2 {
/*background-color: #f05f10;*/
border: #f05f10;
height: 50px;
width: 150px;
display: flex;
justify-content: center;
align-items: center;
}
#newText{
padding-top: 5.5rem;
color: black;
}
/*.index-bt-2:hover {*/
/* background-color: #ea580c;*/
/* border: #ea580c;*/
/*}*/
@media (max-width: 992px) {
.index-mobile-p-1 {
font-size: 35px;
font-weight: 900;
line-height: 40px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.index-mobile-bt-1 {
justify-content: center;
display: flex;
}
}
.about-us-bg-5{
background-color:#5da55c ;
}
.about-us-bg-6{
background-color:#a75e8f ;
}
.about-us-bg-7{
background-color:#428eae ;
}
.about-us-bg-8{
background-color:#f05f0f ;
}
.about-us-border{
border-color: #ffff;
border-width: 0px 0px 0px 10px;
border-style: solid;
}
.about-us-div-1{
height: 40px;
display: flex;
font-size: 30px;
color: #fff;
justify-content: center;
align-items: center;
}
.about-us-div-2{
height: 40px;
display: flex;
font-size: 20px;
color: #fff;
justify-content: center;
align-items: center;
}
.about-us-div-3{
max-height: 40px;
display: flex;
font-size: 18px;
color: #fff;
align-items: center;
}
@media (max-width: 992px) {
.about-us-div-1-mobile{
max-height: 100px;
white-space: nowrap;
display: flex;
font-size: 24px;
color: #fff;
justify-content: center;
align-items: center;
}
.about-us-div-2-mobile{
max-height: 100px;
white-space: nowrap;
display: flex;
font-size: 18px;
color: #fff;
justify-content: center;
align-items:flex-start;
}
.about-us-div-3-mobile{
max-height: 100px;
display: flex;
font-size: 18px;
color: #fff;
align-items: flex-start;
}
.about-us-web{
display: none;
}
}
@media (min-width: 992px) {
.about-us-mobile{
display: none;
}
}
/* 琛ㄥ崟鍝嶅簲 */
.reponse-feedback {
font-size: smaller;
font-weight: bolder;
color: red;
display: none;
}
@media (max-width: 920px){
.index-img {
height: 250px;
}
#ma{
border-radius: 10px;
}
/*.more-top-div-a{*/
/* font-size: calc(100vw * 15/1920);*/
/*}*/
}
.top-div-up{
height: calc(100vw * 1000 / 1920);
background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-bg1.png");
max-width: 100%;
max-height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.top-div-down{
height: auto;
background-color: #f1c50e;
}
.top-div-down-bottom{
margin-top: calc(100vw * 125 / 1920);
padding-bottom: calc(100vw * 125 / 1920);
display: flex;
}
.top-div-down-bottom-lift{
margin: 0 5% 0 5%;
flex: 1;
}
.top-div-down-bottom-middle{
margin: 0 5% 0 5%;
flex: 1;
}
.top-div-down-bottom-right{
margin: 0 5% 0 5%;
flex: 1;
}
.middleP{
text-align: center;
font-size: calc(100vw * 45 / 1920);
font-weight: bold;
margin-bottom: 1em;
}
.downP{
text-align: center;
font-size: calc(100vw * 25 / 1920);
line-height: calc(100vw * 38 / 1920);
}
.top-div-dowm-upP{
padding-top: 2em;
font-weight: bold;
font-size: calc(100vw * 70 / 1920);
text-align: center;
}
#top-div-up-div{
position: absolute;
background-color: white;
height: calc(100vw * 570 / 1920);
width: calc(100vw * 920 / 1920);
margin-left: 8%;
padding-right: 2%;
line-height: calc(100vw * 24 / 1920);
}
.top-div{
position: relative;
}
#bx{
margin-left: 0.5em;
padding-top: calc(100vw * 125 / 1920);
font-weight: bold;
font-size: calc(100vw * 70 / 1920);
margin-bottom: calc(100vw * 70 / 1920);
line-height: calc(100vw * 38 / 1920);
}
#bhq{
font-size: calc(100vw * 30 / 1920);
margin-left: 1.5em;
margin-bottom: calc(100vw * 74 / 1920);
line-height: calc(100vw * 38 / 1920);
}
#mz{
font-size:calc(100vw * 28 / 1920);
border: calc(100vw * 2 / 1920) solid black;
border-radius: 28px;
padding: calc(100vw * 24 / 1920) calc(100vw * 50 / 1920);
margin-left: 1.5em;
color: black;
text-decoration: none;
}
#top-top-div{
height: 13%;
}
#under-div{
height: calc(100vw * 470 / 1920);
width: calc(100vw * 820 / 1920);
background-color: #f1c50e;
margin-left: 5%;
margin-top: calc(100vw * 180 / 1920);
}
.second-top-img{
text-align: center;
margin-bottom: calc(100vw * 24 / 1920);
}
.second-div{
background-color: whitesmoke;
height: calc(100vw * 1320 / 1920);
}
.second-div-topDiv{
text-align: center;
padding-top: calc(100vw * 125/1920);
height: calc(100vw * 140 / 1920);
padding-bottom: calc(100vw * 200 / 1920);
}
.second-div-middleDiv{
display: flex;
height: calc(100vw * 870 / 1920);
}
.second-div-middleDiv-left{
background-color: white;
flex: 1;
margin-left: calc(100vw * 200/1920);
max-width: 100%;
max-height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-bg5.jpg");
}
.second-div-middleDiv-right{
background-color: #468ac9;
flex: 1;
margin-right: calc(100vw * 200 / 1920);
}
#second-div-topP{
font-size: calc(100vw * 60 / 1920);
font-weight: bold;
margin-bottom: calc(100vw * 40/1920);
line-height: calc(100vw * 38 / 1920);
}
.second-div-middleDiv-right-div{
text-align: center;
height: 25%;
padding-left: calc(100vw * 74/1920);
padding-right: calc(100vw * 74/1920);
margin-top: calc(100vw * 45/1920);
}
.second-div-middleDiv-right-pp{
font-weight: bold;
font-size: calc(100vw * 36 / 1920);
color: white;
}
.second-div-middleDiv-right-div p{
margin-bottom: calc(100vw * 24 / 1920);
color: white;
line-height: calc(100vw * 38/1920);
}
.bigDiv{
display: flex;
/*margin-top: 6em;*/
height: calc(100vw * 580 / 1920);
}
.minDiv{
flex: 1;
margin: 0 calc(100vw * 24 / 1920);
text-align: left;
background-color: white;
padding: 0 calc(100vw * 24 / 1920);
}
.thirdDiv{
height: calc(100vw * 1000 / 1920);
background-color: whitesmoke;
background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-bg2.png");
max-width: 100%;
max-height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.thirdDiv-top{
height: calc(100vw * 300 / 1920);
text-align: center;
padding-top: calc(100vw * 95/1920);
}
#thirdDiv-top-title{
font-size: calc(100vw * 64 / 1920);
font-weight: bold;
margin-top: calc(100vw * 31 / 1920);
}
.minDiv-img{
margin-top: calc(100vw * 46 / 1920);
margin-left: calc(100vw * 31 / 1920);
margin-bottom: calc(100vw * 46 / 1920);
width: calc(100vw * 110 / 1920);
height: calc(100vw * 110 / 1920);
border-radius: 50%;
background-color: #f1c50e;
}
.minDiv-secondP{
line-height: calc(100vw * 38 / 1920);
}
.minDiv-firstP{
font-size: calc(100vw * 27 / 1920);
font-weight: bold;
margin-bottom: calc(100vw * 24/1920);
line-height: calc(100vw * 38/1920);
}
/*.minDiv-secondP{*/
/* margin-bottom: 1rem;*/
/*}*/
.minDiv-A{
position: absolute;
color: black;
bottom: calc(100vw * 40 / 1920);
text-decoration: none;
font-size: calc(100vw * 25 / 1920);
}
.minDiv-A:after {
content: ""; /* 浼厓绱犵殑鍐呭涓虹┖ */
position: absolute; /* 缁濆瀹氫綅锛岀浉瀵逛簬鏈€杩戠殑宸插畾浣嶇鍏堝厓绱狅紙鍗 .minDiv-A锛夎繘琛屽畾浣 */
bottom: -0.3rem; /* 涓庣埗鍏冪礌鐨勫簳閮ㄥ榻 */
left: 0; /* 涓庣埗鍏冪礌鐨勫乏杈瑰榻 */
width: 100%; /* 浼厓绱犵殑瀹藉害涓?00%锛岃鐩栨暣涓埗鍏冪礌瀹藉害 */
height: 1px; /* 浼厓绱犵殑楂樺害涓?px锛屽彲浠ユ牴鎹渶瑕佽繘琛岃皟鏁 */
background-color: #f1c50e; /* 璁剧疆涓嬪垝绾跨殑棰滆壊 */
}
.second-div-middleDiv-right-thirdP{
text-align: left;
font-size: calc(100vw * 23 / 1920);
/*margin-bottom: 2rem;!important;*/
}
.minDiv-div{
height: 65%;
position: relative;
margin-left: calc(100vw * 31 / 1920);
font-size: calc(100vw * 25 / 1920);
}
#minDiv-divLeft{
margin-left: calc(100vw * 100 / 1920);!important;
}
#minDiv-divRight{
margin-right: calc(100vw * 100 / 1920);!important;
}
.minDiv-divP{
height: auto;
}
.forth-div{
background-color: #e5e5e5;
height: calc(100vw * 1700 / 1920);
position: relative;
}
.forth-div-topDiv{
position: absolute;
height: calc(100vw * 820 / 1920);
width: calc(100vw * 820 / 1920);
border-radius: 50%;
background-color: #468ac9;
top: 10%;
left: 20%;
}
.forth-div-middleDiv{
max-width: 100%;
max-height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-bg3.jpg");
position: absolute;
height: calc(100vw * 820 / 1920);
width: calc(100vw * 820 / 1920);
border-radius: 50%;
/*background-color: white;*/
text-align: center;
z-index: 10;
top: 30%;
left: 53%;
}
.forth-div-bottomDiv{
max-width: 100%;
max-height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-bg4.jpg");
position: absolute;
height: calc(100vw * 550 / 1920);
width: calc(100vw * 550 / 1920);
border-radius: 50%;
/*background-color: rosybrown;*/
text-align: center;
z-index: 20;
top: 62%;
left: 43%;
}
.form-div{
position: absolute;
background-color: white;
min-height: calc(100vw * 900 / 1920);
width: calc(100vw * 850 / 1920);
border-radius: 50px;
margin-left: 5%;
z-index: 100;
top: 28%;
}
.forth-div-form{
margin-left: 5%;
}
.forth-div-p{
line-height: calc(100vw * 38 / 1920);
text-align: center;
font-size: calc(100vw * 50 / 1920);
font-weight: bold;
margin-top: calc(100vw * 90 / 1920);
margin-bottom:calc(100vw * 34 / 1920) ;
}
.inputP{
width: calc(100vw * 720 / 1920);
margin-right: 5%;
border-radius: 15px;
height: calc(100vw * 60 / 1920);!important;
background-color: #f2f2f2;
padding-left: calc(100vw * 20 / 1920);
border: none;
font-size: calc(100vw * 21 / 1920);!important;
margin-top: calc(100vw * 0 / 1920);
margin-bottom: calc(100vw * 20 / 1920);;
}
#textarea{
/*color: black;*/
border: none;
width: calc(100vw * 720 / 1920);
height: calc(100vw * 170 / 1920);
border-radius: 15px;
background-color: #f2f2f2;
padding-left: calc(100vw * 20 / 1920);
padding-top: calc(100vw * 15 / 1920);
font-size: calc(100vw * 21 / 1920);
margin-top: calc(100vw * 10 / 1920);
margin-right: 5%;
}
.button{
width: calc(100vw * 720 / 1920);
border-radius: 15px;
background-color: #16181b;
color: white;
height: calc(100vw * 70 / 1920);
margin-top: calc(100vw * 40 / 1920);
font-size: calc(100vw * 27 / 1920);
padding-top: calc(100vw * 15 / 1920);
padding-bottom: calc(100vw * 15 / 1920);
padding-left: calc(100vw * 10 / 1920);
}
.forth-div-title{
line-height: calc(100vw * 35 / 1920);
margin-top: calc(100vw * 10 / 1920);
font-size: calc(100vw * 24 / 1920);
margin-bottom: calc(100vw * 0 / 1920);;
}
#second-div-secondP{
font-size: calc(100vw * 30 / 1920);
line-height: calc(100vw * 38 / 1920);
}
#minDiv-img1{
max-width: 100%;
max-height: 100%;
background-repeat: no-repeat;
background-size: 70%;
background-position: center;
background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-top0.png");
}
#minDiv-img2{
background-size: 70%;
max-width: 100%;
max-height: 100%;
background-repeat: no-repeat;
background-position: center;
background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-top1.png");
}
#minDiv-img3{
max-width: 100%;
max-height: 100%;
background-repeat: no-repeat;
background-size: 70%;
background-position: center;
background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-top2.png");
}
#minDiv-img4{
max-width: 100%;
max-height: 100%;
background-repeat: no-repeat;
background-size: 70%;
background-position: center;
background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-top3.png");
}
#minDiv-img5{
max-width: 100%;
max-height: 100%;
background-repeat: no-repeat;
background-size: 70%;
background-position: center;
background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-top4.png");
}
.second-div-middleDiv-imgs{
height: calc(100vw * 100 / 1920);
}
@media(max-width: 500px) {
.thirdDiv {
height: calc(100vw * 1200 / 1920);
}
.bigDiv{
height: calc(100vw * 780 / 1920)
}
.button{
width: calc(100vw * 320 / 1920);
margin-left: calc(100vw * 220 / 1920);
padding-top: 0.1rem;
padding-left: 0.4rem;
}
.minDiv-A{
bottom: calc(100vw * 10/1920);
}
/*.form-div{*/
/* height: calc(100vw * 1050/1920);*/
/*}*/
.page0-tips{
font-size: calc(100vw * 38/1920);
}
.forth-div-title{
margin-bottom: 0.2rem;
}
}
.more-top-div{
display: flex;
margin-top: calc(100vw * 140 / 1920);
height: calc(100vw * 500/1920);
}
.more-top-minDiv{
line-height: calc(100vw * 35 / 1920);
position: relative;
flex: 1;
/*margin-left: 1rem;*/
/*padding: calc(100vw * 24 / 1920) calc(100vw * 54 / 1920);*/
margin-right: calc(100vw * 24 / 1920);
background-color: #f6f7fb;
text-align: center;
font-size: 2rem;
font-weight: bold;
height: calc(100vw * 500/1920);
}
.more-top-p{
font-size: calc(100vw * 70 / 1920);
text-align: center;
font-weight: bold;
margin-top: calc(100vw * 100 / 1920);
margin-bottom: calc(100vw * 140 / 1920);
}
#more-top-div-left{
margin-left: calc(100vw * 120 / 1920);
}
#more-top-div-right{
margin-right: calc(100vw * 120 / 1920);
}
.more-top-div-a{
position: absolute;
bottom: calc(100vw * 100/1920);
left: calc(100vw * 105/1920);
right:calc(100vw * 105/1920);;
display: block;
color: white;
text-decoration: none;
font-weight: bold;
font-size: calc(100vw * 24/ 1920);
background-color: #468ac9;
/*margin: 0 calc(100vw * 70/1920);*/
padding: calc(100vw * 15/ 1920);
border-radius: 10px;
height: calc(100vw * 64/ 1920);
}
.more-top-minDiv2{
background-color: #f6f7fb;
}
.change-a{
/*margin: 0 38%;!important;*/
left: calc(100vw * 305/1920);
right: calc(100vw * 305/1920);
}
.change-b{
/*margin: 0 38%;!important;*/
left: calc(100vw * 165/1920);
right: calc(100vw * 165/1920);
}
.special-border{
background-color: #f6f7fb;
/*border: 5px solid orangered;*/
}
#bottom-more-div{
margin-bottom: calc(100vw * 200 / 1920);
}
.a-box{
margin-bottom: 4rem;
}
.page1-allUpImgs{
height: calc(100vw * 145/ 1920);
padding-top: calc(100vw * 40 / 1920);
}
.page1-allP{
font-size: calc(100vw * 45/ 1920);
margin-top: calc(100vw * 40/ 1920);
line-height: calc(100vw * 100 / 1920);
}
.page2-allP{
font-size: calc(100vw * 45/ 1920);
margin-top: calc(100vw * 55/ 1920);
line-height: calc(100vw * 10 / 1920);
}
.product-information-changeP{
font-family: Arial;
}
.page1-maodian{
height: 1px;
}
.page3-openDiv{
margin-right: 20%;
margin-left: 20%;
}
.p-title{
line-height: calc(100vw * 34 / 1920);
color: #04539b;
font-size: calc(100vw * 58/1920);
font-weight: bold;
text-align: center;
padding-top: calc(100vw * 58/1920);
margin-bottom: calc(100vw * 100/1920);
}
.page3-openDiv-headImg{
margin-top: calc(100vw * 14/1920);
height: auto;
margin-bottom: calc(100vw * 14/1920);
}
.page3-openDiv-imgName{
margin-bottom: calc(100vw * 35/1920);
font-size: calc(100vw * 20/1920);
}
.page3-openDiv-pp{
line-height: calc(100vw * 50/1920);
text-indent: calc(100vw * 58/1920);
margin-bottom: calc(100vw * 50/1920);
font-size: calc(100vw * 27/1920);
}
.page3-openDiv-bottomImg{
height: calc(100vw * 650/ 1920);
margin-bottom: calc(100vw * 150/1920);
}
#page3-littleImg{
height: calc(100vw * 21/ 1920);
}
#page3-topImg{
height: calc(100vw * 700/ 1920);
}
.page3-secondImg{
text-align: center;
}
.page3-titleFont{
font-size: calc(100vw * 20/1920);
}
.page3-openDiv{
margin-left: 20%;
margin-right: 20%;
}
.page3-openDiv-topTitle{
color: #468ac9;
font-size: calc(100vw * 58/1920);
font-weight: bold;
text-align: center;
padding-top: calc(100vw * 58/1920);
margin-bottom: calc(100vw * 20/1920);
}
.page3-openDiv-pp{
line-height: calc(100vw * 45/1920);
text-indent: calc(100vw * 50 / 1920);
margin-bottom: calc(100vw * 50/1920);
font-size: calc(100vw * 27/1920);
}
.page3-openDiv-firstImg{
height: calc(100vw * 640/ 1920);
margin-bottom: calc(100vw * 58/1920);
}
.page3-openDiv-secondImg{
height: calc(100vw * 650/ 1920);
margin-bottom: calc(100vw * 45/1920);
}
.page3-openDiv-thirdImg{
height: calc(100vw * 510/ 1920);
margin-bottom: calc(100vw * 150/1920);
}
#page3-openDiv-litter{
margin-bottom: calc(100vw * 50/1920);
}
#page3-litter{
height: calc(100vw * 21/ 1920);
}
.page3-divImg{
text-align: center;
}
.page3-litter{
font-size: calc(100vw * 21 / 1920);
}
.page3-titleChange{
margin-left: calc(100vw * 94/1920);
margin-right: calc(100vw * 94/1920);
margin-top: calc(100vw * 34/1920);
}
@media (max-width: 920px) {
.index-page-title-2{
height: 850px;
}
}
@media (max-width: 670px){
.bigDiv {
height: calc(100vw * 800 / 1920);
}
.mt-4-change2{
text-align: center;
}
}
/*@media (max-width: 400px){*/
/*.top-div p{*/
/* line-height: calc(100vw * 50/1920);!important;*/
/*}*/
/*#bhq{*/
/* line-height: calc(100vw * 50/1920);*/
/*}*/
/*.second-div-middleDiv-right-div p{*/
/* line-height: calc(100vw * 50/1920);*/
/*}*/
/*.minDiv-secondP{*/
/* line-height: calc(100vw * 50/1920);*/
/*}*/
/*.second-div{*/
/* line-height: calc(100vw * 1500/1920);*/
/*}*/
/*}*/
#itsm-top-center{
border-left: 0;
border-right: 0;
border-bottom: 0;
}
#itsm-down-center{
border-left: 0;
border-right: 0;
}
#istm-top-left{
border-bottom: 0;
}
#istm-top-right{
border-bottom: 0;
}
/*body{*/
/* min-width: 480px;*/
/*}*/
#freight-fromP{
text-align: left;!important;
}
#freight-changeTitle{
font-weight: bold;
padding-top: 2rem;
}
#multimodal-alert{
color: #2ecbc2;
}
#divOn{
z-index: 200;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(24,23,23,0.9);
display: flex;
justify-content: center;
align-items: center;
-webkit-transform:translateZ(1px);
-moz-transform:translateZ(1px);
-o-transform:translateZ(1px);
transform:translateZ(1px);
}
#imgOn{
width: 810px;
height: 560px;
}
#freight-platform-changeTop{
text-align: left;!important;
}
.img-container-left{
max-width: 100%;
}