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%; }