@charset "UTF-8";

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
}
ul {
list-style: none;
} html,
body {
width: 100%;
margin: 0 auto;
}
html {
font-size: 5.2083333333333vw;
}
@media (max-width:1199px) {
html {
font-size: 6.6vw !important;
}
}
@media (max-width:767px) {
html {
font-size: 13.3vw !important;
}
} .clear {
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
overflow: hidden;
display: block;
}
.clearfix:after {
content: "";
display: block;
height: 0px;
clear: both;
visibility: hidden;
font-size: 0px;
}
:focus {
outline: 0
}
a,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
cursor: pointer
}/*\*/* html .clearfix {
height: 0%;
}/**/*+html .clearfix {
min-height: 0%;
} *+html .clearfix {
min-height: 0%;
}
@font-face {
font-family: 'Roboto-Regula';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Roboto-Regula.ttf);
font-display: swap;
}
@font-face {
font-family: 'Roboto-Bold';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Roboto-Bold.ttf);
font-display: swap;
}
@font-face {
font-family: 'Roboto-Medium';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Roboto-Medium.ttf);
font-display: swap;
}
@font-face {
font-family: 'Roboto-Black';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Roboto-Black.ttf);
font-display: swap;
}
@font-face {
font-family: 'Roboto-Light';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Roboto-Light.ttf);
font-display: swap;
}
@font-face {
font-family: 'Poppins-Medium';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Poppins-Medium.ttf);
font-display: swap;
}
@font-face {
font-family: 'Poppins-SemiBold';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Poppins-SemiBold.ttf);
font-display: swap;
}
@font-face {
font-family: 'Poppins-Bold';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Poppins-Bold.ttf);
font-display: swap;
}
@font-face {
font-family: 'Poppins-Light';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Poppins-Light.ttf);
font-display: swap;
}
@font-face {
font-family: 'Montserrat-ExtraBold';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Montserrat-ExtraBold.ttf);
font-display: swap;
}
@font-face {
font-family: 'Montserrat-Regular';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Montserrat-Regular.ttf);
font-display: swap;
}
@font-face {
font-family: 'Montserrat-Light';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Montserrat-Light.ttf);
font-display: swap;
}
@font-face {
font-family: 'SourceSansPro-Black';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/SourceSansPro-Black.ttf);
font-display: swap;
}
@font-face {
font-family: 'Nissan';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/Nissan.ttf);
font-display: swap;
}
@font-face {
font-family: 'NotoSans-Regular';
src: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/fonts/NotoSans-Regular.ttf);
font-display: swap;
} body {
color: #333;
background: #ffffff;
font: .2rem 'Roboto-Regula', 'Microsoft YaHei', arial, sans-serif;
min-width: 320px;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #18545e;
} .di_in {
display: inline-block;
}
.di_no {
display: none;
}
.di_bl {
display: block;
}  .te_c {
text-align: center;
} .p_r {
position: relative;
}
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flex-v {
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-1 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flex-align-start {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.flex-align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-pack-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-pack-justify {
-webkit-box-pack: justify;
-webkit-justify-content: pace-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-warp {
flex-flow: wrap
}
.flex-column {
flex-flow: column
}
.ellipsis-1 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.ellipsis-2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ellipsis-3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.ellipsis-4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.transition {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
img {
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.img {
width: 100%;
height: 100%;
object-fit: cover;
}
.pic:before {
position: absolute;
top: 0;
left: -90%;
z-index: 2;
display: block;
content: "";
width: 50%;
height: 100%;
opacity: .6;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.container {
max-width: 19.2rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.2rem;
padding-right: 1.2rem;
}
@media (max-width:1199px) {
.container {
padding-left: .2rem;
padding-right: .2rem;
}
}
.header {
z-index: 999;
left: 0;
top: 0;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
width: 100%;
position: sticky;
}
.top {
background-color: #f2f2f2;
line-height: .46rem;
padding-right: .5rem;
justify-content: flex-end;
color: #282828;
font-size: .14rem;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.top>a,
.top .lang-btn {
color: #282828;
margin-right: .2rem;
padding-right: .2rem;
}
.top a:last-child {
padding-right: 0;
margin-right: 0;
}
.top .email::after,
.top .lang-btn::after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: .2rem;
background-color: #333;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.top .email {
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/email.webp) no-repeat left center;
background-size: .21rem;
padding-left: .3rem;
cursor: pointer;
}
.top .lang-btn {
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/lang.webp) no-repeat left center;
background-size: .18rem;
padding-left: .25rem;
cursor: pointer;
cursor: pointer;
}
.top .lang-btn .drop {
width: 100%;
left: 0;
top: .46rem;
position: absolute;
transition: transform 0.2s linear, opacity 0.2s linear;
-webkit-transition: transform 0.2s linear, opacity 0.2s linear;
-moz-transition: transform 0.2s linear, opacity 0.2s linear;
-ms-transition: transform 0.2s linear, opacity 0.2s linear;
-o-transition: transform 0.2s linear, opacity 0.2s linear;
transform-origin: top;
z-index: 9;
transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
background-color: #18545e;
font-family: 'Poppins-Medium';
color: #FFF;
line-height: 3;
z-index: 10;
}
.top .lang-btn .drop a {
border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
text-transform: capitalize;
color: #FFF;
}
.top .lang-btn .drop a:last-child {
border-bottom: 0;
}
.top .search-btn {
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/search.webp) no-repeat left center;
background-size: .17rem;
padding-left: .25rem;
cursor: pointer;
cursor: pointer;
}
.head {
height: .86rem;
background-color: #FFF;
}
.head .logo {
z-index: 100;
}
.head .logo img {
height: 1.06rem;
}
.menu-btn {
display: none;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/menu.svg)no-repeat center;
width: 30px;
height: 30px;
background-size: 100%;
position: absolute;
top: 50%;
right: .2rem;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.menu-btn.close {
background-image: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/close1.svg);
}
.nav li {
margin-right: .6rem;
}
.nav li:last-child {
margin-right: 0;
}
.nav li>a {
line-height: .86rem;
font-family: 'Poppins-SemiBold';
text-transform: capitalize;
}
.nav .drop {
width: 2.6rem;
left: -.6rem;
top: .86rem;
position: absolute;
transition: transform 0.2s linear, opacity 0.2s linear;
-webkit-transition: transform 0.2s linear, opacity 0.2s linear;
-moz-transition: transform 0.2s linear, opacity 0.2s linear;
-ms-transition: transform 0.2s linear, opacity 0.2s linear;
-o-transition: transform 0.2s linear, opacity 0.2s linear;
transform-origin: top;
z-index: 9;
transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
background-color: #18545e;
padding: .2rem .2rem .4rem .2rem;
font-size: .17rem;
font-family: 'Poppins-Medium';
color: #FFF;
}
.nav .drop a {
color: #FFF;
}
.nav .drop::after {
content: '';
position: absolute;
left: 1rem;
top: -12px;
width: 0;
height: 0;
border-left: 12px transparent solid;
border-right: 12px transparent solid;
border-bottom: 12px #18545e solid;
}
.nav .drop>a {
position: relative;
border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
line-height: .64rem;
text-transform: capitalize;
}
.nav .drop>a::after {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: -.2rem;
right: -.2rem;
background: #ffffff;
opacity: 0;
z-index: -1;
}
.nav .drop>a:hover {
opacity: 1 !important;
color: #18545e;
}
.nav .drop>a:hover::after {
opacity: 1;
}
.nav .pro-drop {
width: 100%;
left: 0;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/nav-bg.webp) no-repeat center top;
background-size: cover;
padding-left: 2.4rem;
padding-right: 2.4rem;
padding-top: .6rem;
line-height: 2.6;
height: 5.5rem;
}
.nav .pro-drop .tit {
display: block;
border-bottom: 1px rgba(255, 255, 255, 0.25) solid; font-size: 17px;
}
.nav .pro-drop::after {
left: 8rem;
}
.nav .pro-drop .sub {
margin-top: .2rem;
}
.nav .pro-drop .sub a:hover {
text-decoration: underline;
}
.nav .pro-drop a {
color: #FFF;
}
.nav-con .search {
display: none;
}
.nav-con .search {
border-bottom: 1px #18545e solid;
}
.nav-con .search input[type='text'] {
width: 100%;
height: 40px;
font-size: 16px;
}
.nav-con .search input[type='submit'] {
width: 40px;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/search.webp)no-repeat center;
}
.search-content {
background: rgba(24, 84, 94, .8);
position: fixed;
left: 0;
top: 0;
z-index: 100001;
display: none;
width: 100%;
height: 100%;
}
.search-content .close {
position: absolute;
right: .6rem;
top: .6rem;
width: .6rem;
height: .6rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/close.svg)no-repeat center;
background-size: .4rem;
cursor: pointer;
z-index: 10;
}
.search-content .content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
width: 7rem;
height: .7rem;
border-bottom: 1px #FFF solid;
}
.search-content .content input[type='text'] {
color: #FFF;
font-size: .18rem;
background: none;
padding-left: .15rem;
}
.search-content .content input[type='text']::placeholder {
color: #FFF;
}
.search-content .content input[type='submit'] {
width: .6rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/search.svg)no-repeat center;
background-size: .3rem;
}
.header.fixed .top,
.header.fixed {
transform: translateY(-.46rem);
-webkit-transform: translateY(-.46rem);
-moz-transform: translateY(-.46rem);
-ms-transform: translateY(-.46rem);
-o-transform: translateY(-.46rem);
}
.footer {
padding-left: 1.1rem;
padding-right: 1.1rem;
border-top: 2px #164a56 solid;
margin-top: .55rem;
}
.footer .f-nav {
padding-top: .7rem;
}
.footer .f-nav .item .tit {
text-transform: uppercase;
font-size: .24rem;
font-family: 'Poppins-Medium';
line-height: 1.5;
}
.footer .f-nav .item .sub {
line-height: 2.2;
margin-top: .2rem;
font-size: .19rem;
}
.copyright {
font-size: .19rem;
padding-bottom: .3rem;
line-height: 1.6;
margin-top: .5rem;
}
.copyright .cont {
margin: -1em 0;
}
.copyright .design {
margin-left: 1em;
}
.copyright .share a {
margin-left: .3rem;
}
.copyright .share a img {
width: .31rem;
}
@media (min-width:1025px) {
.nav li:hover .drop,
.top .lang-btn:hover .drop {
opacity: 1;
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
}
.nav .drop a:hover,
.top .lang-btn .drop a:hover {
opacity: .7;
}
}
@media (max-width:1199px) {
body {
font-size: 16px;
}
.header.fixed {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.top,
.nav .drop::after {
display: none;
}
.menu-btn,
.nav-con .search {
display: block;
}
.head {
height: 1.06rem;
padding-left: 0;
}
.nav-con {
position: fixed;
width: 100%;
left: 0;
top: 1.06rem;
overflow-y: scroll!important;
display: none;
background-color: #FFF;
z-index: 999;
height: calc(100vh - 1.06rem);
padding: .2rem .3rem;
}
.nav {
display: block;
margin-top: .3rem;
}
.nav li {
position: relative;
margin-right: 0;
}
.nav li>a {
font-size: 17px;
line-height: 60px;
}
.nav .arrow {
position: absolute;
right: 0;
top: 0;
height: 60px;
width: 40px;
}
.nav .arrow::after {
content: '';
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/arrow.svg)no-repeat center;
background-size: 100%;
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.nav .cur .arrow::after {
transform: translateY(-50%) rotate(90deg);
-webkit-transform: translateY(-50%) rotate(90deg);
-moz-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
-o-transform: translateY(-50%) rotate(90deg);
}
.nav .drop {
position: static;
left: auto;
transform: translate(0, 0);
opacity: 1;
width: 100%;
display: none;
text-align: left;
padding: 0;
padding-left: 20px;
background: none;
font-size: 15px;
max-height: 6rem;
overflow-y: auto;
}
.nav .pro-drop {
height: auto;
}
.nav .drop>a::after{
display: none;
}
.nav .drop a,
.nav .pro-drop .tit {
color: #333;
}
.nav .pro-drop .card {
width: 100%;
}
.nav .pro-drop .tit {
font-size: 16px;
font-weight: bold;
margin-top: .2rem;
}
.nav .pro-drop .sub {
margin-top: 0;
}
.footer {
padding-left: 0;
padding-right: 0;
}
.footer .f-nav .item .tit {
font-size: 17px;
}
.footer .f-nav .item .sub,
.copyright {
font-size: 16px;
}
}
@media (max-width:990px) {
.footer .f-nav {
padding-top: .4rem;
}
.footer .f-nav .item {
width: 100%;
}
.footer .f-nav .item .tit {
line-height: 60px;
border-bottom: 1px rgba(24, 84, 94, .8) solid;
}
.footer .f-nav .item .tit i {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 30px;
height: 30px;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/arrow.svg)no-repeat center;
background-size: 16px;
margin-top: -15px;
}
.footer .f-nav .item .sub {
display: none;
padding-left: 20px;
}
.copyright .share {
display: none;
}
}
@media (max-width:767px) {
.head,
.head .logo img {
height: 60px;
}
.nav-con {
top: 60px;
height: calc(100vh - 60px);
}
}
.banner {
overflow: hidden;
z-index: 1;
}
.banner .swiper-slide {
overflow: hidden;
}
.banner img {
width: 100%;
transition: all 5s;
-webkit-transition: all 5s;
-moz-transition: all 5s;
-ms-transition: all 5s;
-o-transition: all 5s;
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.banner .text-con {
position: absolute;
left: 2.4rem;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
color: #FFF;
z-index: 10;
}
.banner .text-con .title {
font-family: 'SourceSansPro-Black';
font-size: .76rem;
line-height: 1.1;
}
.banner .text-con .text {
font-family: 'Tahoma';
font-size: .27rem;
line-height: 1.5;
margin-top: .3rem;
}
.banner .text-con .arrow {
width: 1.13rem;
height: .83rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/arrow1.webp)no-repeat center;
background-size: 100%;
margin-top: .65rem;
}
.banner .swiper-slide-active img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.banner .swiper-pagination-bullet {
background-color: #FFF;
width: 10px;
height: 10px;
}
.banner .swiper-button-prev,
.banner .swiper-button-next {
width: 2em;
height: 4em;
background-size: contain;
}
.banner .swiper-button-prev {
left: 1em;
}
.banner .swiper-button-next {
right: 1em;
}
.mb-banner .swiper-button-prev,
.mb-banner .swiper-button-next {
width: 1em;
height: 2em;
}
.mb-banner {
display: none;
}
.home-title {
font-size: .48rem;
font-family: 'Montserrat-ExtraBold';
line-height: 1;
text-transform: uppercase;
color: #000;
}
.home-pro {
margin-top: .9rem;
overflow: hidden;
}
.home-pro .content {
margin-top: .65rem;
}
.home-pro .pic {
width: 27%;
height: 3.9rem;
overflow: hidden;
}
.home-pro .pic:nth-child(1),
.home-pro .pic:nth-child(5) {
width: 46%;
}
.home-pro .tit {
font-family: 'Montserrat-ExtraBold';
color: #FFF;
font-size: .3rem;
line-height: 1;
position: absolute;
left: .3rem;
bottom: .3rem;
z-index: 5;
}
.home-ku {
background-color: #f2f2f2;
height: 3.7rem;
}
.home-ku a {
width: 50%;
padding-top: .75rem;
}
.home-ku .title {
font-size: .38rem;
color: #000;
line-height: 1;
font-family: 'Nissan';
text-transform: uppercase;
}
.home-ku .text {
font-size: .18rem;
line-height: 1.4;
margin-top: .45rem;
font-family: 'Gadugi';
}
.home-ku .btn {
font-family: 'NotoSans-Regular';
margin-left: auto;
margin-right: auto;
line-height: .53rem;
width: 6.8rem;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border: 1px #18545e solid;
font-size: .17rem;
margin-top: .4rem;
}
.home-people {
margin-top: 1.05rem;
}
.home-people .pic {
width: 9.05rem;
overflow: hidden;
}
.home-people .text-con {
margin-right: 1.1rem;
}
.home-people .txt {
color: #18545e;
font-family: 'NotoSans-Regular';
line-height: 1.1;
margin-top: .25rem;
font-weight: 600;
}
.home-people .title {
font-weight: bold;
font-size: .38rem;
line-height: 1;
margin-top: .4rem;
}
.home-people .des {
margin-top: .5rem;
line-height: 1.7;
font-size: .2rem;
}
.home-people .btn {
width: 2.3rem;
font-weight: bold;
color: #FFF;
line-height: .64rem;
background-color: #373737;
margin-top: .8rem;
}
.home-green {
width: 100%;
overflow: hidden;
height: 7.2rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-top: 1.2rem;
color: #FFF;
font-family: 'NotoSans-Regular';
}
.home-green .txt {
font-weight: bold;
font-size: .31rem;
line-height: 1.1;
margin-top: 1rem;
}
.home-green .title {
font-weight: bold;
font-size: .6rem;
line-height: 1;
margin-top: .3rem;
}
.home-green .des {
font-size: .23rem;
line-height: 1.6;
margin-top: .5rem;
}
.home-green .more {
font-size: .26rem;
font-weight: bold;
color: #FFF;
line-height: .36rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/arrow2.webp)no-repeat right center;
background-size: .34rem;
padding-right: .5rem;
margin-top: .4rem;
}
.home-ser {
margin-top: .65rem;
}
.home-ser .txt {
font-family: 'Montserrat-Light';
line-height: 1.6;
margin-top: .4rem;
}
.home-ser .content {
padding-top: .75rem;
padding-bottom: .75rem;
background-color: #18545e;
margin-top: .5rem;
}
.home-ser .item {
width: 32%;
margin-right: 2%;
color: #FFF;
}
.home-ser .item:last-child {
margin-right: 0;
}
.home-ser .item .pic {
overflow: hidden;
padding-top: 65%;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.home-ser .item .pic img {
position: absolute;
left: 0;
top: 0;
}
.home-ser .item .tit {
font-family: 'Roboto-Bold';
font-size: .4rem;
line-height: 1.1;
margin-top: .4rem;
}
.home-ser .item .des {
height: .66rem;
margin-top: .25rem;
line-height: 1.6;
}
.home-ser .item .btn {
width: 3rem;
line-height: .54rem;
border-radius: .27rem;
-webkit-border-radius: .27rem;
-moz-border-radius: .27rem;
-ms-border-radius: .27rem;
-o-border-radius: .27rem;
background-color: #299aa7;
padding-left: .3rem;
font-size: .19rem;
font-family: 'Montserrat-Regular';
margin-top: .43rem;
}
.home-ser .item .btn:hover {
text-decoration: underline;
}
.home-ser .item .btn::after {
content: '';
position: absolute;
right: .2rem;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
width: .27rem;
height: .27rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/arrow3.webp)no-repeat center;
background-size: 100%;
}
.home-news {
background-color: #f1f1f1;
padding-top: .8rem;
padding-bottom: 1rem;
}
.home-news .content {
margin-top: .65rem;
}
.home-news .first {
width: 7.5rem;
margin-right: .2rem;
background-color: #FFF;
}
.home-news .first .pic {
overflow: hidden;
padding-top: 65%;
}
.home-news .first .pic img {
position: absolute;
left: 0;
top: 0;
}
.home-news .first .text-con {
padding: .5rem .3rem .4rem .3rem;
font-family: 'Myanmar Text';
font-weight: bold;
}
.home-news .txt {
font-size: .15rem;
line-height: 1.1;
color: #797878;
}
.home-news .first .txt span {
color: #18545e;
}
.home-news .first .tit {
font-size: .28rem;
line-height: 1.3;
margin-top: .15rem;
}
.home-news .more {
margin-top: .25rem;
line-height: 1.1;
color: #e7032e;
font-size: .18rem;
}
.home-news .item {
background-color: #FFF;
margin-top: .15rem;
font-family: 'Myanmar Text';
font-weight: bold;
}
.home-news .item .more {
margin-top: .12rem;
}
.home-news .item:first-child {
margin-top: 0;
}
.home-news .item .pic {
width: 3.3rem;
overflow: hidden;
padding-top: 24.7%;
}
.home-news .item .pic img {
position: absolute;
left: 0;
top: 0;
}
.home-news .item .text-con {
padding: .4rem .3rem;
margin-right: .7rem;
}
.home-news .item .tit {
font-size: .26rem;
line-height: 1.4;
margin-top: .15rem; }
.pub-info {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 3.1rem;
background-size: cover;
color: #FFF;
overflow: hidden;
}
.pub-info .content {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.pub-info .title {
font-family: 'Poppins-Bold';
font-size: .5rem;
line-height: 1;
margin-top: .55rem;
}
.pub-info .txt-con {
font-family: 'Poppins-Light';
margin-top: .25rem;
}
.pub-info .txt {
font-size: .27rem;
}
.pub-info .t1 {
font-size: .17rem;
opacity: .6;
}
@media (min-width:1025px) {
.pic:hover:before,
.home-ser .item:hover .pic::before,
.home-news .item:hover .pic::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.pic:hover img,
.home-ser .item:hover .pic img,
.home-news .item:hover .pic img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.home-ku a:hover,
.home-people .btn:hover {
background-color: #18545e;
color: #FFF;
}
.home-ku a:hover .title {
color: #FFF;
}
.home-ku a:hover .btn {
background-color: #FFF;
color: #18545e;
}
.home-green .more:hover {
text-decoration: underline;
}
}
@media (max-width:1199px) {
.banner img,
.banner .swiper-slide-active img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.banner .text-con {
left: .2rem;
}
.banner .text-con .title,
.home-green .title {
font-size: 36px;
}
.banner .text-con .text,
.home-news .item .tit {
font-size: 17px;
}
.home-title {
font-size: 32px;
}
.home-green .more,
.home-ser .item .tit {
font-size: 18px;
}
.home-pro .tit{ font-size: 25px;}
.home-ku .title,
.home-people .title,
.pub-info .title {
font-size: 27px;
}
.home-ku .text,
.home-news .more,
.pub-info .txt {
font-size: 16px;line-height: 1.3;
}
.home-ser .item .btn{font-size: 14px;}
.home-ku .btn {
width: 80%;
font-size: 16px;
line-height: 40px;
}
.home-people .pic {
width: 60%;
}
.home-people .text-con {
margin-right: .7rem;
}
.home-people .des {
font-size: 15px;
margin-top: .3rem;
}
.home-green .des {
font-size: 14px;
line-height: 1.4;
}
.home-people .btn {
margin-top: .4rem;
line-height: 40px;
width: 170px;
}
.home-green .txt,
.home-news .first .tit {
font-size: 19px;
}
.home-ser .item .btn {
width: 205px;
line-height: 40px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.pub-info .t1 {
font-size: 15px;
}
.home-news .txt {
font-size: 13px;
}
.home-news .item .text-con {
margin-right: 0;
}
.home-news .item .tit {
height: 42px;
}
.pub-info .content {
padding-left: 0;
padding-right: 0;
}
.pc-banner {
display: none;
}
.mb-banner {
display: block;
}
}
@media (max-width:950px) {
.banner .text-con .title {
font-size: 32px;
}
.banner .text-con .arrow {
width: 60px;
height: 43px;
margin-top: .3rem;
}
.home-pro .pic:nth-child(1),
.home-pro .pic:nth-child(5),
.home-ku a,
.home-people .pic,
.home-news .first,
.pub-info .txt,
.pub-info .t1 {
width: 100%;
}
.home-pro .pic {
width: 50%;
height: auto;
padding-top: 35%;
}
.home-pro .pic img {
position: absolute;
left: 0;
top: 0;
}
.home-pro .pic:nth-child(1) {
order: 1;
padding-top: 45%;
}
.home-pro .pic:nth-child(2) {
order: 2;
}
.home-pro .pic:nth-child(3) {
order: 3;
}
.home-pro .pic:nth-child(4) {
order: 5;
}
.home-pro .pic:nth-child(6) {
order: 6;display: none;
}
.home-pro .pic:nth-child(5) {
order: 4;
padding-top: 45%;
}
.home-ku,
.pub-info {
height: auto;
}
.home-ku a,
.pub-info {
padding-bottom: .6rem;
}
.home-people .pic {
margin-top: .3rem;
}
.home-people .text-con,
.home-news .first {
margin-right: 0;
}
.home-news .item:first-child {
margin-top: .15rem;
}
.home-news .item .pic {
width: 35%;
}
}
@media (max-width:767px) {
.banner .text-con .title,
.home-green .title {
font-size: 24px;
}
.banner .text-con .text {
display: none;
}
.home-pro,
.home-people {
margin-top: .5rem;
}
.home-pro .content {
margin-top: .3rem;
}
.home-green {
height: auto;
padding-bottom: .7rem;
margin-top: .5rem;
}
.home-ser .item {
width: 100%;
margin-right: 0;
margin-top: .4rem;
}
.home-ser .item:first-child {
margin-top: 0;
}
.home-pro .pic {
width: 100%;
padding-top: 0 !important;
}
.home-pro .pic img {
position: relative;height: 4.4rem;
}
.home-ku>a:nth-of-type(n + 2) {
display: none;
}
}
@media (max-width:540px) {
.home-title {
font-size: 23px;
}
.home-green .des br {
display: none;
}
.home-news .item .pic {
order: 1;
width: 100%;
padding-top: 65%;
}
.home-news .item .text-con {
order: 2;
}
}
.n-banner {
overflow: hidden;
}
.n-banner img {
width: 100%;
}
.n-banner .title {
position: absolute;
left: 50%;
top: 50%;
color: #FFF;
font-size: .62rem;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
font-family: 'Roboto-Bold';
padding-bottom: .85rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/arrow4.webp)no-repeat center bottom;
background-size: .55rem;
white-space: nowrap;
}
.n-banner .tit {
position: absolute;
left: 0%;
bottom: .25rem;
color: #FFF;
font-size: .84rem;
font-family: 'Montserrat-ExtraBold';
text-transform: uppercase;
width: 100%;
white-space: nowrap;
}
.n-banner .tit1 {
position: absolute;
left: 0%;
bottom: .25rem;
color: #FFF;
font-size: .48rem;
font-family: 'Montserrat-ExtraBold';
text-transform: uppercase;
width: 100%;
white-space: nowrap;
}
.Products {
padding-top: .4rem;
}
.Products .p-title {
font-size: .45rem;
font-family: 'Roboto-Bold';
line-height: 1.5;
}
.Products .p-text {
line-height: 1.4;
font-size: .21rem;
margin-top: .3rem;
}
.Products .box {
margin-top: .15rem;
overflow: hidden;
}
.Products .box .content {
margin-top: .5rem;
}
.Products .box .title {
font-family: 'Montserrat-ExtraBold';
line-height: 1;
color: #000;
font-size: .64rem;
text-transform: uppercase;
}
.Products .box .card {
position: relative;
overflow: hidden;
margin-top: .4rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.Products .box .card .bg {
width: 100%;
}
.Products .box .container {
position: absolute;
padding-left: 2.4rem;
padding-right: 2.4rem; color: #FFF;
width: 100%;
}
.Products .box .container .text-con{ width: 30%;}
.Products .box .tit {
font-size: .25rem;
font-family: 'Montserrat-Regular';
margin-bottom: .3rem;
}
.Products .box .text {
color: #FFF;
text-decoration: underline;
line-height: 2.2;
font-size: .23rem;
font-family: 'Montserrat-ExtraBold';
text-transform: uppercase;
}
.Products .box .more {
display: inline-block;
color: #FFF;
font-family: 'Montserrat-ExtraBold';
border: 2px #FFF solid;
font-size: .22rem;
padding: .8em 1em;
margin-top: .5rem;
text-transform: uppercase;
}
.Products .box .content:nth-child(even) .container {
justify-content: flex-end;
}
.put-icon {
margin-top: 1rem;
}
.put-icon .item {
margin-top: .3rem;
}
.put-icon .content {
padding-left: 1.2rem;
padding-right: 1.2rem;
margin-top: .8rem;
}
.put-icon .icon {
height: 1rem;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.put-icon .icon img {
height: 100%;
}
.put-icon .tit {
font-family: 'Poppins-Medium';
font-size: .21rem;
line-height: 1.2;
margin-top: .3rem;
}
.Products-list {
margin-top: .35rem;
}
.Products-list .text {
font-size: .22rem;
line-height: 1.6;width: 72%;
display: block;
margin: 0 auto;
}
.Products-list .submenu {
margin-top: .3rem;
}
.Products-list .submenu a {
border: 2px #18545e solid;
line-height: .48rem;
padding: 0 .13rem;
font-size: .23rem;
text-transform: uppercase;
color: #000;
font-family: 'Roboto-Black';
margin-right: .15rem;
}
.Products-list .submenu a:last-child {
margin-right: 0;
}
.Products-list .submenu a.on {
background-color: #18545e;
color: #FFF;
}
.Products-list ul {
margin-top: .1rem;
}
.Products-list li {
width: 32%;
margin-right: 2%;
overflow: hidden;
background-color: #FFF;
margin-top: .4rem;
}
.Products-list li:nth-of-type(3n) {
margin-right: 0;
}
.Products-list li .pic {
overflow: hidden;
padding-top: 66%;
}
.Products-list li .pic img {
position: absolute;
left: 0;
top: 0;
}
.Products-list li .tit {
font-family: 'Roboto-Black';
line-height: 1.2;
margin-top: .2rem;
font-size: .31rem;
}
.Products-list li .tit:hover {
text-decoration: underline;
}
.Products-list li .mod {
margin-top: .2rem;
line-height: 1.6;
}
.Products-list li .button {
margin-top: .3rem;
}
.Products-list li .button a {
width: 1.8rem;
line-height: .52rem;
border: 2px #18545e solid;
font-family: 'Roboto-Black';
text-transform: uppercase;
margin-right: .1rem;
}
.Products-list li .button a:last-child {
margin-right: 0;
}
.Products-list li .button .more {
background-color: #18545e;
color: #FFF;
}
.Products-list li .button .more:hover {
color: #fff;
border-color: #808080;
background-color: #808080;
}
.Products-list .ser {
width: 100%;
height: 6.73rem;
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-top: 1.5rem;
}
.Products-list .ser .text-con {
width: 5.33rem;
background-color: #FFF;
padding: .5rem;
border-radius: .1rem;
-webkit-border-radius: .1rem;
-moz-border-radius: .1rem;
-ms-border-radius: .1rem;
-o-border-radius: .1rem;
}
.Products-list .ser .title {
font-weight: bold;
font-size: .35rem;
line-height: 1.2;
}
.Products-list .ser .text {
font-size: .18rem;
line-height: 1.6;
margin-top: .2rem;width: 100%;
}
.Products-list .ser .more {
font-family: 'Roboto-Medium';
font-size: .21rem;
line-height: .57rem;
width: 1.45rem;
background-color: #18545e;
color: #FFF;
border-radius: .3rem;
-webkit-border-radius: .3rem;
-moz-border-radius: .3rem;
-ms-border-radius: .3rem;
-o-border-radius: .3rem;
margin-top: .3rem;
}
@media (min-width:1025px) {
.Products .box .text:hover {
text-decoration: none;
}
.Products .box .more:hover {
background-color: #FFF;
color: #18545e;
}
.put-icon .item:hover .icon {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.Products-list .submenu a:hover,
.Products-list li .button a:hover {
background-color: #18545e;
color: #FFF;
}
.Products-list .ser .more:hover {
text-decoration: underline;
}
}
@media (max-width:1199px) {
.n-banner .title,
.Products .box .title,
.n-banner .tit {
font-size: 36px;
}
.Products .p-title,
.n-banner .tit1 {
font-size: 31px;
}
.Products .p-text,
.put-icon .tit,{
font-size: 16px;
}
.Products-list .text{ display:none}
.Products .p-text br {
display: none;
}
.Products .box .container {
padding-left: .2rem;
padding-right: .2rem;
padding-top: 0;
padding-bottom: 0;
}
.Products .box .container .text-con{ width: 100%;}
.Products .box .tit,
.Products-list .ser .title {
font-size: 21px;
}
.Products-list li .tit,
.Products-list .submenu a,
.Products-list .ser .more {
font-size: 19px;
}
.Products .box .text,
.Products .box .more {
font-size: 17px;
}
.Products .box .more {
margin-top: .3rem;
}
.Products-list li .button a {
line-height: 40px;
width: 45%;
}
.Products-list .submenu a {
line-height: 32px;
}
.Products-list .ser .text {
font-size: 15px;display: block;
}
.Products-list .ser .more {
width: 120px;
line-height: 38px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
}
@media (max-width:950px) {
.put-icon .content {
padding-left: 0;
padding-right: 0;
}
.Products-list li {
width: 49%;
}
.Products-list li:nth-of-type(3n) {
margin-right: 2%;
}
.Products-list li:nth-child(even) {
margin-right: 0;
}
.Products-list .text br {
display: none;
}
.Products-list .ser .text-con {
width: 45%;
}
.Products .box .content:nth-child(even) .container {
justify-content: flex-start;
}
.Products .box .con {
display: flex;
flex-wrap: wrap;
}
.Products .box .con a {
margin-right: 1em;
}
}
@media (max-width:767px) {
.Products .box .card {
height: auto;
}
.Products-list .submenu a {
margin-right: 2%;
}
.Products-list .ser {
justify-content: center;
}
.Products-list .ser .text-con {
width: 90%;
}
.Products .box .card .bg {
width: 120%;
margin-left: -10%;
}
.Products .box .tit {
font-size: 15px;text-align: center;
}
.Products .box .more {
font-size: 14px;
padding: .7em 1em;
font-family:  'Montserrat-Regular';display: block;
width: 37%;
margin: 0 auto; border: 0; background-color: #18545e;
}
.Products .box .con {
display: none;
}
.n-banner .title,
.n-banner .tit {
font-size: 24px;
}
}
@media (max-width:540px) {
.n-banner img { }
.Products .box .title{
font-size: 27px;
}
.Products .p-title,
.n-banner .tit1 {
font-size: 23px;
}
.put-icon .item {
width: 50%;
}
.put-icon .tit{font-size: .28rem;}
.Products-list li {
width: 100%;
margin-right: 0;
}
.Products-list .submenu a {
font-size: 15px;
}
.Products-list .ser {
height: auto;
padding-top: .5rem;
padding-bottom: .5rem;
}
.Products-list .submenu {
justify-content: flex-start;
}
.Products-list .submenu a {
margin-right: 1%;
margin-top: .2rem;
}
.Products-list .submenu a:nth-child(even) {
}
.about-single .rich-text img{width: 100%;}
}
.subnav {
line-height: .85rem;
width: 100%;
}
.subnav a {
color: #666666;
margin-right: .5rem;
font-size: .21rem;
}
.subnav a:last-child {
margin-right: 0;
}
.subnav a.on {
font-weight: bold;
color: #18545e;
}
.subnav a.on::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background-color: #18545e;
}
.about-us .box .pic {
width: 8.35rem;
overflow: hidden;
}
.about-us .box .text-con {
background-color: #f6f6f6;
padding: 1.05rem 1rem 1.1rem .6rem;
}
.about-us .title {
font-weight: bold;
font-size: .39rem;
line-height: 1;
color: #000;
}
.about-us .txt {
font-size: .26rem;
font-family: 'Roboto-Light';
line-height: 1.6;
margin-top: .25rem;
}
.about-us .text {
font-size: .19rem;
line-height: 1.95;
margin-top: .55rem;
}
.about-us .card {
margin-top: .65rem;
}
.about-us .card .pic {
width: 8rem;
overflow: hidden;
margin-right: .6rem;
}
.about-us .card .title {
margin-top: .4rem;
}
.about-us .card:nth-child(even) .pic {
margin-right: 0;
margin-left: .6rem;
}
.about-us .content {
margin-top: .8rem;
overflow: hidden;
}
.about-us .card:nth-of-type(odd) {
flex-direction: row-reverse;
} .about-history>.text {
font-size: .2rem;
line-height: 1.7;
margin: .4rem 0;
}
.about-history>.text h2 {
line-height: 1.1;
margin-top: .1rem;
}
.about-history .ce-list {
position: relative;
display: flex;
flex-wrap: wrap;
width: 70%;
padding-bottom: 2rem;
margin: 0 auto;
margin-top: 1rem;
}
.about-history .ce-list::after {
content: "";
position: absolute;
content: "";
left: 50%;
top: 0;
width: 0;
height: 100%;
border-left: 1px dashed #18545e;
}
.about-history .ce-list li {
position: relative;
width: 50%;
padding-right: 12%;
margin-bottom: .6rem;
}
.about-history .ce-list li:nth-of-type(even) {
padding-left: 12%;
padding-right: 0;
top: 1.5rem;
}
.about-history .ce-list li .ce-img img {
width: 100%;
}
.about-history .ce-list li .tit {
font-size: .36rem;
color: #18545e;
line-height: 1;
text-align: right;
margin: .8em 0;
}
.about-history .ce-list li .tit::before {
content: "";
position: absolute;
right: .6rem;
width: .5em;
height: .5em;
border-radius: 50%;
background: #18545e;
margin-top: .2em;
}
.about-history .ce-list li .tit::after {
content: "";
position: absolute;
right: 0;
width: .6rem;
height: 1px;
background: #18545e;
margin-top: .45em;
}
.about-history .ce-list li:nth-of-type(even) .tit{
text-align: left;
}
.about-history .ce-list li:nth-of-type(even) .tit::before {
right: unset;
left: .6rem;
}
.about-history .ce-list li:nth-of-type(even) .tit::after {
right: unset;
left: 0;
}
.about-history .ce-list li .cont {
font-size: .18rem;
line-height: 1.6;
}
.about-imgs .list {
display: flex;
flex-wrap: wrap;
}
.about-imgs .list li {
position: relative;
width: 24%;
margin-right: 1%;
cursor: pointer;
margin-top: .4rem;
}
.about-imgs .list li:nth-of-type(3n) {
}
.about-imgs .list li .pic {
position: relative;
overflow: hidden;
}
.about-imgs .list li .pic img {
display: block;
}
.about-imgs .list li .tit {
font-size: .21rem;
font-family: 'Montserrat-Regular';
padding: 1em 0 0 0;
line-height: 1.4;
}
.about-single .content {
line-height: 1.6;
margin-top: .5rem;
}
@media (min-width:1025px) {
.subnav a:hover {
font-weight: bold;
color: #18545e;
}
.subnav a:hover::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background-color: #18545e;
}
}
@media (max-width:1199px) {
.subnav a {
font-size: 16px;
line-height: 60px;
}
.about-us .box .text-con {
padding: .5rem;
}
.about-us .title {
font-size: 24px;
line-height: 1.3; 
}
.about-us .txt {
font-size: 19px;
}
.about-us .text {
font-size: 16px;
margin-top: .3rem;
}
.about-us .box .pic,
.about-us .card .pic {
width: 50%;
}
.about-history .ce-list {
width: 80%;
}
.about-history .ce-list li .tit {
font-size: 20px;
}
.about-history>.text,
.about-history .ce-list li .cont {
font-size: 15px;
}
.about-imgs .list li .tit {
font-size: 18px;
}
}
@media (max-width:950px) {
.about-us .box .pic,
.about-us .card .pic {
width: 100%;
margin-right: 0;
margin-left: 0 !important;
order: 2;
}
.about-us .card .pic {
margin-top: .3rem;
}
.about-us .content {
margin-top: 0;
}
.about-imgs .list li {
width: 49%;
}
.about-imgs .list li:nth-of-type(3n) {
margin-right: 2%;
}
.about-imgs .list li:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width:767px) {
.subnav {
display: none;
}
.subnav a {
margin-right: .3rem;
}
.about-history .ce-list {
width: 100%;
margin-top: 0.6rem;
}
.about-history .ce-list::after {
left: 0;
}
.about-history .ce-list li {
width: 100%;
padding-left: 4%;
padding-right: 0%;
}
.about-history .ce-list li:nth-of-type(even) {
padding-left: 4%;
top: 0;
}
.about-history .ce-list li .tit {
text-align: left;
}
.about-history .ce-list li .tit::after {
display: none;
}
.about-history .ce-list li .tit::before {
left: -.2em !important;
right: unset !important;
}
.about-imgs .list li {
width: 100%;
margin-right: 0 !important;
}
}
@media (max-width:540px) {
.subnav a {
margin-right: .2rem;
font-size: 15px;
}
}
.news-list {
overflow: hidden;
margin-bottom: 1.7rem;
}
.news-list .first {
background-color: #f6f6f6;
padding-top: .55rem;
padding-bottom: .55rem;
}
.news-list .first .content {
border: 2px #18545e solid;
border-radius: .1rem;
-webkit-border-radius: .1rem;
-moz-border-radius: .1rem;
-ms-border-radius: .1rem;
-o-border-radius: .1rem;
overflow: hidden;
padding: .65rem .5rem;background: #FFF;
}
.news-list .first .pic {
display: none;
width: 7.3rem;
height: 4.63rem;
overflow: hidden;
border-radius: .1rem;
-webkit-border-radius: .1rem;
-moz-border-radius: .1rem;
-ms-border-radius: .1rem;
-o-border-radius: .1rem;
margin-right: .7rem;
}
.news-list .first .pic.on {
display: block;
}
.news-list .first .title {
font-size: .31rem;
font-family: 'Poppins-Medium';
line-height: 1.1;
}
.news-list .first .item {
margin-top: .5rem;
}
.news-list .first .item .date {
color: #1a5561;
font-size: .18rem;
margin-right: .5rem;
line-height: 1.1;
font-family: 'Poppins-Light';
}
.news-list .first .item .date span {
font-family:'Poppins-Light';
font-size: .59rem;
}
.news-list .first .item .tit {
font-size: .32rem;
}
.news-list .list {
margin-top: 1rem;
}
.news-list .list .title {
font-size: .34rem;
font-family: Poppins-Medium;
line-height: 1.1;
}
.news-list .list .content {
overflow: hidden;
margin-top: .1rem;
}
.news-list .list .item {
margin-top: .75rem;
font-family: 'Candara';
}
.news-list .list .item .pic {
overflow: hidden;
width: 6.47rem;
padding-top: 24.7%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
margin-right: .7rem;
}
.news-list .list .item .pic img {
position: absolute;
left: 0;
top: 0;
}
.news-list .list .item .date {
position: absolute;
right: .2rem;
bottom: .2rem;
color: #FFF;
font-size: .22rem;
line-height: 1.1;
font-weight: bold;
}
.news-list .list .item .tit {
font-weight: bold;
color: #18545e;
font-size: .41rem;
line-height: 1.1;
margin-top: .2rem;
height: 1.22rem;
font-family: 'Poppins-Light';
}
.news-list .list .item .tit:hover {
text-decoration: underline;
}
.news-list .list .item .des {
margin-top: .2rem;
line-height: 1.4;
font-size: .21rem;
height: 1.24rem;
font-family: 'Poppins-Light';
}
.news-list .list .item .btn {
background-color: #18545e;
color: #FFF;
width: 2.3rem;
font-size: .22rem;
font-weight: bold;
line-height: .5rem;
border-radius: .1rem;
-webkit-border-radius: .1rem;
-moz-border-radius: .1rem;
-ms-border-radius: .1rem;
-o-border-radius: .1rem;
margin-top: .5rem;
transition: all .3s;
}
.news-list .list .item .btn:hover {
color: #fff;
background: #808080;
}
.page {
margin-top: 1.1rem;
}
.page a {
border: 1px #000 solid;
width: .7rem;
line-height: .6rem;
font-size: .25rem;
font-family: 'Candara';
margin: 0 .08rem;
}
.page a.on {
background-color: #000;
color: #FFF;
}
.d-banner {
overflow: hidden;
}
.d-banner .crumbs {
position: absolute;
left: 1.2rem;
bottom: .2rem;
color: #FFF;
font-size: .18rem;
}
.d-banner .crumbs a {
color: #FFF;
opacity: .5;
}
.d-banner .crumbs span {
opacity: .5;
margin: 0 5px;
}
.news-details {
padding-left: 1.2rem;
padding-right: 1.2rem;
margin-top: .5rem;
}
.news-details .content {
padding-left: 1.8rem;
}
.news-details .content .info {
font-size: .19rem;
line-height: 1.1;
color: #666;
}
.news-details .content .title {
font-family: 'Poppins-Medium';
font-size: .4rem;
line-height: 1.15;
color: #000;
margin-top: .35rem;border-bottom: 1px solid #d1d2d2; padding-bottom: .4rem;
}
.news-details .content .body {
line-height: 1.9;
margin-top: .4rem; font-size: 17px;
}
.news-details .content .body img {
max-width: 100%;
}
.news-details .content .share {
position: absolute;
left: 0;
top: 0;
width: .6rem;
}
.news-details .content .share a {
margin-bottom: .3rem;
}
.news-details .content .share a img {
width: .6rem;
}
.Related-News {
margin-top: 1.5rem;
}
.Related-News .swiper-container {
margin-top: .7rem;
}
.Related-News .item {
background-color: #f5f5f5;
}
.Related-News .item .pic {
overflow: hidden;
padding-top: 52.7%;
}
.Related-News .item .pic img {
position: absolute;
left: 0;
top: 0;
}
.Related-News .item .text-con {
padding: .3rem;
font-family: 'Myanmar Text';
font-weight: bold;background: #f5f5f5;
}
.Related-News .item .date {
line-height: 1.1;
color: #797878;
font-size: .17rem;
}
.Related-News .item .date span {
color: #18545e;
}
.Related-News .item .more {
color: #e7032e;
font-weight: bold;
font-size: .18rem;
line-height: 1.1;
margin-top: .25rem;
}
.Related-News .item .tit {
font-size: .23rem;
line-height: 1.3;
margin-top: .2rem;
height: .6rem;
}
@media (min-width:1025px) {
.page a:hover {
background-color: #000;
color: #FFF;
}
.Related-News .item:hover .pic::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.Related-News .item:hover .pic img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
}
@media (max-width:1199px) {
.news-list .first .content {
padding: .4rem .3rem;
}
.news-list .first .title {
font-size: 21px;
}
.news-list .first .item .tit,
.page a,
.Related-News .item .tit {
font-size: 19px;
}
.news-list .first .item .date,
.news-list .list .item .date,
.news-details .content .info,
.Related-News .item .date {
font-size: 15px;
}
.news-list .first .item .date span {
font-size: 31px;
}
.news-list .list .title,
.news-details .content .title {
font-size: 26px;
}
.news-list .list .item .tit {
font-size: 25px;
height: 60px;
}
.news-list .list .item .des,
.Related-News .item .more,
.news-list .list .item .btn {
font-size: 16px;
}
.news-list .list .item .des {
height: 90px;
}
.news-list .list .item .btn {
line-height: 38px;
width: 160px;
margin-top: .3rem;
}
.page a {
width: 45px;
line-height: 40px;
}
.news-details {
padding-left: 0;
padding-right: 0;
}
.news-details .content .share {
display: none;
}
.Related-News .item .tit {
height: 46px;
}
}
@media (max-width:950px) {
.news-list .first .pic {
width: 100%;
margin-right: 0;
height: auto;
padding-top: 60%;
margin-bottom: .4rem;
}
.news-list .first .pic img {
position: absolute;
left: 0;
top: 0;
}
}
@media (max-width:767px) {
.news-list {
margin-bottom: .8rem;
}
.news-list .first .content {
padding: .3rem .2rem;
}
.news-list .list {
margin-top: .5rem;
}
.news-list .list .item {
margin-top: .4rem;
}
.news-list .list .item .pic {
width: 50%;
margin-right: .3rem;
}
.page {
margin-top: .7rem;
}
.Related-News {
margin-top: .7rem;
}
.news-details .content {
padding-left: 0;
}
}
@media (max-width:540px) {
.news-list .list .item .pic {
width: 100%;
margin-right: 0;
padding-top: 65%;
}
.news-list .list .item .tit,
.news-list .list .item .des,
.Related-News .item .tit {
height: auto;
}
.d-banner img {
height: 1.4rem;
}
.page a {
width: 40px;
line-height: 38px;
}
.Related-News .swiper-container { margin-top: .3rem;
}
}
.video {
margin-bottom: 1.6rem;
overflow: hidden;
z-index: 20;
}
.video::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 5.5rem;
z-index: -1;
background-color: #f6f6f6;
}
.video li {
width: 32%;
margin-right: 2%;
cursor: pointer;
margin-top: .7rem;
}
.video li:nth-of-type(3n) {
margin-right: 0;
}
.video li .pic {
overflow: hidden;
padding-top: 58.82%;
}
.video li .pic img {
position: absolute;
left: 0;
top: 0;
}
.video li .pic .play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
width: .7rem;
height: .5rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/play.webp)no-repeat center;
background-size: 100%;
}
.video li .tit {
font-size: .24rem;
font-family: 'Montserrat-Regular';
padding: .3rem .3rem 0 .3rem;
height: 1rem;
line-height: 1.4;
}
.video li:nth-child(1),
.video li:nth-child(2),
.video li:nth-child(3) {
padding-bottom: .65rem;
}
.maskBg {
background-color: rgba(0, 0, 0, 0.8);
position: fixed;
left: 0;
top: 0;
z-index: 9999;
width: 100%;
height: 100%;
opacity: 0
}
.videoShow {
width: 12.8rem;
height: 7.6rem;
position: fixed;
left: 50%;
top: 50%;
z-index: 10000;
opacity: 0;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.maskBg.active {
opacity: 1;
}
.videoShow.active {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
.videoShow .close {
color: #FFF;
position: absolute;
right: 0;
top: -.3rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/close.svg)no-repeat left center;
background-size: .2rem;
padding-left: .3rem;
cursor: pointer;
}
@media (min-width:1025px) {
.video li:hover .pic::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.video li:hover .pic img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
}
@media (max-width:1199px) {
.video li .tit {
font-size: 19px;
height: 67px;
}
.videoShow {
width: 90%;
height: 7.6rem;
}
}
@media (max-width:950px) {
.video li {
width: 49%;
margin-top: .4rem;
}
.video li:nth-of-type(3n) {
margin-right: 2%;
}
.video li:nth-child(even) {
margin-right: 0;
}
}
@media (max-width:767px) {
.video::after {
display: none;
}
.video li .tit {
padding: .2rem .2rem 0 .2rem;
}
.video li:nth-child(1),
.video li:nth-child(2),
.video li:nth-child(3) {
padding-bottom: 0;
}
.videoShow {
height: 3.8rem;
}
}
@media (max-width:540px) {
.video li {
width: 100%;
margin-right: 0;
}
}
.Services {
margin-top: .7rem;
}
.Services .content {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.Services .title {
font-family: 'Roboto-Black';
line-height: 1;
font-size: .39rem;
}
.Services .txt {
font-size: .21rem;
line-height: 1.6;
margin-top: .35rem;
}
.Services .play {
margin-top: .5rem;
cursor: pointer;
}
.Services .play video {
width: 100%;
height: auto;
}
.Services .play .iframe-box {
position: relative;
width: 100%;
padding-top: 50%;
}
.Services .play .iframe-box iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.Services .play span {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
width: 1.2rem;
height: .85rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/play.webp)no-repeat center;
background-size: 100%;
}
.Services .text-content {
margin-top: 1.05rem;
}
.Services .text-content .pic {
width: 7.6rem;
overflow: hidden;
border-radius: .3rem;
-webkit-border-radius: .3rem;
-moz-border-radius: .3rem;
-ms-border-radius: .3rem;
-o-border-radius: .3rem;
margin-left: .5rem;
}
.Services .text-content .tit {
font-family: 'Roboto-Bold';
font-size: .58rem;
line-height: 1;
text-transform: uppercase;
}
.Services .text-content .text {
line-height: 1.6;
margin-top: .5rem;
font-size: .21rem;
}
.Services .text-content .more {
font-size: .18rem;
background-color: #18545e;
width: 2.8rem;
line-height: .64rem;
color: #FFF;
font-family: 'Roboto-Medium';
margin-top: .9rem;
}
.Services .box {
margin-top: .9rem;
}
.Services .box .item {
width: 49.7%;
overflow: hidden;
}
.Services .box .item .text-con {
position: absolute;
color: #FFF;
top: 1.6rem;
}
.Services .box .item .text {
font-family: 'Poppins-Bold';
line-height: 1.1;
}
.Services .box .item .tit {
font-family: 'Roboto-Black';
font-size: .51rem;
text-transform: uppercase;
line-height: 1.1;
margin-top: .4rem;
}
.Services .box .item .more {
display: inline-block; line-height: .58rem;
color: #FFF;
font-family: 'Poppins-Bold';
padding: 0 1.4em;
z-index: 60;
margin-top: .85rem;
}
.Services .box .item .more::before {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #18545e;
}
.Services .box .item .more::after {
content: '';
position: absolute;
z-index: -1;
width: 1.3rem;
height: 100%;
top: .1rem;
right: -.1rem;
background-color: #FFF;
}
.Services .box .item .more span {
z-index: 9;
}
.Services .box .item:last-child {
width: 100%;
margin-top: .1rem;
}
.Services .box .item:nth-child(1) .text-con,
.Services .box .item:nth-child(3) .text-con {
left: 2.4rem;
}
.Services .box .item:nth-child(2) .text-con {
left: 1.1rem;
}
@media (min-width:1025px) {
.Services .text-content .more:hover {
text-decoration: underline;
}
}
@media (max-width:1199px) {
.Services .content {
padding-left: 0;
padding-right: 0;
}
.Services .title {
font-size: 27px;
}
.Services .txt,
.Services .text-content .text,
.Services .text-content .more {
font-size: 15px; line-height: 1.5;
}
.Services .text-content .tit {
font-size: 31px;
}
.Services .text-content .more {
width: 220px;
line-height: 40px;
margin-top: .5rem;
}
.Services .box .item:nth-child(1) .text-con,
.Services .box .item:nth-child(3) .text-con,
.Services .box .item:nth-child(2) .text-con {
left: .3rem;
}
.Services .box .item .text-con {
top: 1rem;
}
.Services .box .item .tit {
font-size: 35px;
}
.Services .box .item .more { line-height: 40px;
}
}
@media (max-width:950px) {
.Services .text-content .pic {
margin-left: 0;
width: 100%;
margin-top: .3rem;
}
.Services .box .item .tit {
font-size: 24px;
}
}
@media (max-width:767px) {
.Services .text-content .tit {
font-size: 27px;
}
.Services .box .item {
width: 100%;
margin-top: .1rem;
overflow: hidden;
height: auto;
}
.Services .box .item .tit {
font-size: 22px;
}
.Services .box .item img {
width: 100%;
height: auto;
}
.Services .box .item .more {
font-size: 14px;
line-height: 36px; } .Services .box .item .text-con {
top: 1rem;
}
.Services .box .item .tit {
margin-top: .2rem;
}
.Services .box .item .more {
margin-top: .2rem;
}
.Services .box .item:last-child .text-con {
top: 50%;
transform: translateY(-50%);
}
.Services .box .item:last-child img {
height: 4.6rem;
width: 100%;
}
}
.Repair .box {
background-color: #f6f6f6;
padding-top: .65rem;
padding-bottom: .7rem;
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.Repair .box .item {
margin-bottom: .8rem;
}
.Repair .box .item:last-of-type {
margin-bottom: 0;
}
.Repair .box .item.right_txt {
flex-direction: row-reverse;
}
.Repair .box .pic {
width: 7.5rem;
overflow: hidden; }
.Repair .box .item.left_txt .pic {
margin-left: .6rem;
}
.Repair .box .item.right_txt .pic {
margin-right: .6rem;
}
.Repair .box .title {
font-size: .39rem;
font-family: 'Roboto-Bold';
margin-top: .4rem;
}
.Repair .box .text {
line-height: 1.7;
}
.Repair .box .text p {
margin-top: .2rem;
}
.Repair .content {
padding-left: 1.2rem;
padding-right: 1.2rem;
margin-top: .8rem;
}
.Repair .content .item {
width: 49%;
margin-bottom: 1rem;
}
.Repair .content .item .pic {
overflow: hidden;
padding-top: 57.37%;
}
.Repair .content .item .pic img {
position: absolute;
left: 0;
top: 0;
}
.Repair .content .item .tit {
font-family: 'Roboto-Bold';
font-size: .32rem;
line-height: 1;
margin-top: .55rem;
}
.Repair .content .item .text {
line-height: 1.6;
margin-top: .3rem;
}
.Repair .pic-con {
width: 100%;
overflow: hidden;
height: 4.4rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #FFF;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.Repair .pic-con .tit {
font-size: .39rem;
line-height: 1;
font-family: 'Roboto-Bold';
}
.Repair .pic-con .text {
width: 48%;
margin-top: .3rem;
line-height: 1.4;font-size: 16px;
}
@media (max-width:1199px) {
.Repair .box,
.Repair .content {
padding-left: 0;
padding-right: 0;
}
.Repair .box .title {
margin-top: 0;
font-size: 27px;
}
.Repair .pic-con {
padding-left: .2rem;
padding-right: .2rem;
}
.Repair .pic-con .tit,
.Repair .content .item .tit {
font-size: 27px;
}
}
@media (max-width:950px) {
.Repair .box .pic {
width: 100%;
margin-left: 0 !important;
order: 1;
margin-right: 0 !important;
}
.Repair .box .txt-con {
order: 2;
margin-top: .3rem;
}
.Repair .pic-con .text {
width: 87%;font-size: 14px;
}
}
@media (max-width:767px) {
.Repair .pic-con .tit,
.Repair .content .item .tit {
font-size: 23px;
}
.Repair .content .item .tit {
margin-top: .3rem;
}
.Repair .content .item .text {
margin-top: .2rem;
}
.Repair .content .item {
margin-bottom: .5rem;
}
.Repair .pic-con {
height: auto;
padding-bottom: .5rem;
padding-top: .5rem;
}
}
@media (max-width:540px) {
.Repair .content .item {
width: 100%;
}
}
.Sustainability {
margin-bottom: 1.3rem;
overflow: hidden;
}
.Sustainability .text-content {
padding-left: 2.4rem;
padding-right: 2.4rem;
margin-top: .75rem;
}
.Sustainability .text-content .title {
color: #1a5561;
font-size: .36rem;
line-height: 1;
font-family: 'Roboto-Black';
text-transform: uppercase;
}
.Sustainability .text-content .text {
line-height: 1.7;
margin-top: .35rem;
font-size: .21rem;
}
.Sustainability .ban {
margin-top: .5rem;
overflow: hidden;
}
.Sustainability .ban img {
width: 100%;
}
.Sustainability .content {
margin-top: .95rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.Sustainability .content .item {
margin-bottom: .5rem;
}
.Sustainability .content .item:nth-of-type(even) {
flex-direction: row-reverse;
}
.Sustainability .content .item .pic {
width: 50%;
overflow: hidden;
}
.Sustainability .content .item .text-con {
margin-right: .7rem;
}
.Sustainability .content .item .tit {
color: #1a5561;
font-size: .39rem;
line-height: 1;
font-family: 'Roboto-Black';
text-transform: uppercase;
margin-top: .4rem;
}
.Sustainability .content .item .text { font-size: .21rem;
line-height: 1.55;
margin-top: .45rem; }
.Sustainability .content .item .view {
position: absolute;
left: 0;
bottom: .3rem;
line-height: .56rem;
width: 2.7rem;
background-color: #1a5561;
color: #FFF;
font-size: .18rem;
font-family: 'Roboto-Bold';
padding-left: .45rem;
}
.Sustainability .content .item .view::before {
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: .6rem;
background: #ff6f00 url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/arrow5.svg)no-repeat center;
background-size: .16rem;
}
.Sustainability .content .item:nth-child(even) .text-con {
margin-right: 0;
margin-left: .7rem;
}
@media (min-width:1025px) {
.Sustainability .content .item:hover .pic::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.Sustainability .content .item:hover .pic img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
}
@media (max-width:1199px) {
.Sustainability .content .item .text {
font-size: 16px;
}
.Sustainability {
margin-bottom: .7rem;
}
.Sustainability .content,
.Sustainability .text-content {
padding-left: .2rem;
padding-right: .2rem;
}
.Sustainability .text-content .title,
.Sustainability .content .item .tit {
font-size: 25px;
}
.Sustainability .text-content .text {
font-size: 16px;
}
.Sustainability .content .item .view {
font-size: 15px;
}
.Sustainability .content .item .view {
width: 200px;
line-height: 38px;
}
}
@media (max-width:950px) {
.Sustainability .content .item .text-con {
padding-bottom: 80px;
order: 2;
margin-left: 0 !important;
margin-right: 0 !important;
}
.Sustainability .content .item .view {
bottom: 20px;
}
.Sustainability .content .item .pic {
width: 100%;
order: 1;
}
}
@media (max-width: 767px) {
.Sustainability .content{
margin-top: .5rem;
}
.Sustainability .content .item {
flex-direction: column-reverse !important;
}
.Sustainability .ban img {
height: 4.3rem;
width: auto; 
}
}
@media (max-width:540px) {
.Sustainability .text-content .title,
.Sustainability .content .item .tit {
font-size: 23px;
}
}
.Vehicles {
overflow: hidden;
}
.Vehicles .text-content {
z-index: 20;
padding-left: 2.4rem;
padding-right: 2.4rem;
padding-top: .8rem;
}
.Vehicles .text-content::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: -1;
height: 5.3rem;
background-color: #f6f6f6;
}
.Vehicles .title {
font-size: .39rem;
font-family: 'Roboto-Bold';
line-height: 1.1;
}
.Vehicles .text-content .pic {
width: 7.1rem;
overflow: hidden;
margin-right: .7rem;
}
.Vehicles .text-content .title {
margin-top: .5rem;
}
.Vehicles .text-content .text {
line-height: 1.65;
}
.Vehicles .text-content .text p {
margin-top: .3rem;
}
.Vehicles .thumb {
margin-top: .8rem;
}
.Vehicles .thumb img {
width: 100%;
}
.Vehicles .thumb.mb1 {
margin-bottom: 1.1rem;
margin-top: .7rem;
}
.Vehicles .box {
padding-left: 1.2rem;
padding-right: 1.2rem;
margin-top: .7rem;
margin-bottom: .95rem;
}
.Vehicles .box .text {
line-height: 1.6;
margin-top: .2rem;
}
.Vehicles .box .pic-con {
margin-top: 1.1rem;
}
.Vehicles .box .item {
width: 49%;
margin-bottom: .5rem;
}
.Vehicles .box .item .pic {
overflow: hidden;
padding-top: 57.37%;
}
.Vehicles .box .item .pic img {
position: absolute;
left: 0;
top: 0;
}
.Vehicles .box .item .tit {
font-size: .31rem;
font-family: 'Roboto-Medium';
line-height: 1;
margin-top: .35rem;
}
.Vehicles .txt {
line-height: 1.7;
margin-top: .35rem;
}
.Vehicles .play {
margin-top: .6rem;
overflow: hidden;
cursor: pointer;
}
.Vehicles .play img {
width: 100%;
}
.Vehicles .play span {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 1.2rem;
height: .85rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/play.webp)no-repeat center;
background-size: 100%;
z-index: 2;
}
@media (max-width:1199px) {
.Vehicles .text-content {
padding-left: .2rem;
padding-right: .2rem;
}
.Vehicles .box {
padding-left: 0;
padding-right: 0;
}
.Vehicles .title {
font-size: 27px;
}
.Vehicles .box .item .tit {
font-size: 21px;
}
}
@media (max-width:950px) {
.Vehicles .text-content .title {
margin-top: 0;
}
.Vehicles .box .text br,
.Vehicles .txt br {
display: none;
}
.Vehicles .box .item .tit {
line-height: 1.4;
}
}
@media (max-width:767px) {
.Vehicles .text-content {
padding-top: .5rem;
}
.Vehicles .text-content::before {
display: none;
}
.Vehicles .text-content .pic {
width: 100%;
margin-right: 0;
margin-bottom: .3rem;
}
.Vehicles .thumb,
.Vehicles .box,
.Vehicles .box .pic-con,
.Vehicles .thumb.mb1,
.Vehicles .play {
margin-top: .4rem;
}
.Vehicles .box,
.Vehicles .box .item {
margin-bottom: .3rem;
}
.Vehicles .box .item .tit {
margin-top: .2rem;
}
.Vehicles .thumb.mb1 {
margin-bottom: .4rem;
}
}
@media (max-width:540px) {
.Vehicles .box .item {
width: 100%;
}
.Vehicles .title {
font-size: 21px;
}
.Vehicles .box .item .tit {
font-size: 17px;
}
.Vehicles .play span{width: .9rem; height:.9rem;;}
}
.Contact {
margin-top: .3rem;
}
.Contact .box .pic {
width: 8.1rem;
margin-right: .7rem;
overflow: hidden;
}
.Contact .box .pic img {
width: 100%;
}
.Contact .title {
font-family: 'Roboto-Bold';
font-size: .39rem;
line-height: 1.1;
}
.Contact .box .title {
margin-top: .75rem;
}
.Contact .box .des {
font-family: 'Roboto-Light';
font-size: .26rem;
line-height: 1.1;
margin-top: .3rem;
}
.Contact .box .con {
margin-top: .2rem;
}
.Contact .box .card {
margin-top: .8rem;
padding-left: .7rem;
}
.Contact .box .card .tit {
font-size: .29rem;
font-family: 'Roboto-Bold';
line-height: 1.1;
}
.Contact .box .card .text {
font-size: .22rem;
line-height: .71rem;
}
.Contact .box .card .icon {    display: flex;
align-items: center;
width: 1.8rem;
}
.Contact .box .card .icon img {
width: .5rem;
height: .5rem;
object-fit: contain;
margin-right: .15rem;
}
.Contact .box .card .text .flex-1 {
text-decoration: underline;
} .Contact .home-pro,
.Contact .home-pro .content {
margin-top: 0;
}
.Contact .form-box {
background-color: #f9fafb;
margin-top: .45rem;
padding-top: .8rem;
padding-bottom: .9rem;
}
.Contact .form-box .content {
width: 9.8rem;
margin-left: auto;
margin-right: auto;
}
.Contact .form-box .text {
line-height: 1.6;
font-size: .21rem;
margin-top: .1rem;
}
.Contact .form-box {
margin-top: .6rem;
}
@keyframes progress-anim {
0% {
width: 0
}
5% {
width: 0
}
10% {
width: 15%
}
30% {
width: 40%
}
50% {
width: 55%
}
80% {
width: 100%
}
95% {
width: 100%
}
to {
width: 0
}
}
.fluentform .hidden {
display: none !important;
}
.fluentform .ff-message-success,
.fluentform .ff_submit_btn_wrapper {
display: none !important;
}
.ff-custom_html p{
line-height: 1.6;
font-size: .21rem;
margin: 1em 0;
}
.ff-custom_html h2 {
font-family: 'Roboto-Bold';
font-size: .37rem;
line-height: 1.1;
}
.form-box .fluentform .ff-el-input--label {
margin-bottom: 0;
}
.form-box .fluentform .ff-el-input--label label {
font-size: .2rem;
line-height: 1.5;
}
.form-box .fluentform .ff-el-input--label label::after {
}
.form-box .fluentform .ff-el-input--content {
}
.form-box .fluentform input {
width: 100%;
padding: 1em;
font-size: .19rem;
border-radius: 0;
border: 1px #000 solid;
}
.form-box .fluentform textarea {
font-size: .19rem;
border-radius: 0;
border: 1px #000 solid;
}
.form-box .group {
margin-top: .25rem;
}
.form-box .group.code {
margin-top: 0;
}
.form-box .group .code {
width: 100%;
border: 1px #000 solid;
margin-top: .18rem;
background: #ffffff;
}
.form-box .group .code input {
flex: 1;
font-size: .19rem;
padding: 1em;
background: transparent;
}
.form-box .group .tit {
font-size: .2rem;
line-height: 1.5;
}
.form-box .group .input {
margin-top: .18rem;
border: 1px #000 solid;
}
.form-box .group .input input {
width: 100%;
height: .63rem;
padding-left: .2rem;
font-size: .19rem;
}
.form-box .group .input textarea {
width: 100%;
height: 1.4rem;
padding: .1rem .2rem;
font-size: .19rem;
font-family: 'Roboto-Regula';
}
.form-box .group .code img {
width: 2.6rem;
height: .63rem;
}
.form-box .operate .submit {
position: relative;
width: 2.9rem;
height: .6rem;
background-color: #1a5561;
color: #FFF;
font-size: .25rem;
font-family: 'Roboto-Black';
border: none;
cursor: pointer;
margin-top: .45rem;
border-radius: .3rem;
-webkit-border-radius: .3rem;
-moz-border-radius: .3rem;
-ms-border-radius: .3rem;
-o-border-radius: .3rem;
text-transform: uppercase;
}
.form-box .operate .submit.working::after {
animation: progress-anim 4s 0s infinite;
background: rgba(255, 255, 255, 0.4);
bottom: 0;
content: "";
height: 5px;
left: 0;
position: absolute;
right: 0;
}
.pro-form .form-box {
margin-top: .8rem;
}
.pro-form .form-box .content {
width: 9.8rem;
margin-left: auto;
margin-right: auto;
}
.pro-form .form-box .ff-el-group,
.pro-form .form-box .group,
.pro-form .form-box .operate { }
.pro-form .form-box .ff-el-group.ff-custom_html{
width: 100%;
}
.pro-form .form-box .fluentform input,
.pro-form .form-box .fluentform textarea,
.pro-form .form-box .group .code {
}
@media (max-width:1199px) {
.Contact .title {
font-size: 27px;
}
.Contact .box .des,
.Contact .box .card .tit {
font-size: 19px;
}
.Contact .box .card .text,
.Contact .form-box .text,
.form-box .group .tit,
.form-box .group .input input,
.form-box .group .input textarea {
font-size: 16px;
}
.form-box .group .input input,
.form-box .group .code img {
height: 42px;
}
.form-box .group .input textarea {
height: 120px;
}
.form-box .operate .submit {
width: 200px;
height: 40px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
font-size: 19px;
}
.Contact .box .card .icon {
width: 130px;
}
.ff-custom_html h2 {
font-size: 25px;
}
.ff-custom_html p,
.form-box .fluentform .ff-el-input--label label,
.form-box .fluentform input,
.form-box .fluentform textarea {
font-size: 16px;
}
.pro-form .form-box .ff-el-group,
.pro-form .form-box .group,
.pro-form .form-box .operate {
width: 80%;
}
}
@media (max-width:950px) {
.pro-form  .form-box .content, .Contact .form-box .content {
width: 94%;
}
}
@media (max-width:767px) {
.Contact .box .pic {
display: none;
}
.Contact .box .card {
padding-left: 0;
}
.pro-form .form-box .ff-el-group,
.pro-form .form-box .group,
.pro-form .form-box .operate {
width: 100%;
}
.pro-form .form-box .ff-el-group.ff-custom_html p{ display: none;}
}
.pro-detail {
margin-top: .35rem;
}
.pro-detail .thumb {
width: 9rem;
margin-right: .9rem;
}
.pro-detail .thumb .gallery-top {
overflow: hidden;
}
.pro-detail .thumb .gallery-top .swiper-slide {
overflow: hidden;
width: 100%;
padding-top: 66%;
}
.pro-detail .thumb .gallery-top .swiper-slide img {
position: absolute;
left: 0;
top: 0;
}
.pro-detail .thumb .gallery-top .swiper-button-white {
width: .42rem;
height: .72rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/next.webp)no-repeat center;
background-size: 100%;
}
.pro-detail .thumb .gallery-top .swiper-button-white:active {
opacity: .7;
}
.pro-detail .thumb .gallery-top .swiper-button-prev {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.pro-detail .thumb .gallery-thumbs {
margin-top: .1rem;
}
.pro-detail .thumb .gallery-thumbs .swiper-slide {
overflow: hidden;
border-radius: .1rem;
-webkit-border-radius: .1rem;
-moz-border-radius: .1rem;
-ms-border-radius: .1rem;
-o-border-radius: .1rem;
height: 1.4rem;
}
.pro-detail .thumb .gallery-thumbs .swiper-slide.on {
border: 2px #18545e solid;
}
.pro-detail h1 {
font-size: .43rem;
font-family: 'Roboto-bold';
line-height: 1.2;
margin-top: .15rem;
}
.pro-detail .info .text-con {
border-top: 1px #18545e solid;
border-bottom: 1px #18545e solid;
line-height: .59rem;
font-size: .25rem;
margin-top: .3rem;
padding-top: .35rem;
padding-bottom: .3rem;
}
.pro-detail .info .text-con .text span {
color: #777777;
}
.pro-detail .info .btn {
margin-top: .5rem;
}
.pro-detail .info .request-btn {
cursor: pointer;
height: .62rem;
font-size: .21rem;
color: #FFF;
font-family: 'Roboto-Black';
background-color: #18545e;
width: 2.7rem;
border-radius: .31rem;
-webkit-border-radius: .31rem;
-moz-border-radius: .31rem;
-ms-border-radius: .31rem;
-o-border-radius: .31rem;
margin-right: .3rem;
}
.pro-detail .info .request-btn:hover {
background-color: #e91e1e;
}
.pro-detail .info .request-btn::after {
content: '';
display: block;
width: .31rem;
height: .26rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/icon11.webp)no-repeat center;
background-size: 100%;
margin-left: .3rem;
}
.pro-detail .info .btn a {
margin-right: .3rem;
}
.pro-detail .info .btn a img {
width: .6rem;
}
.pro-detail .info .btn a:last-child {
margin-right: 0;
}
.pro-detail .title {
font-size: .44rem;
line-height: 1;
font-family: 'Roboto-Black';
text-transform: capitalize;
}
.pro-detail .Overview {
margin-top: .75rem;
}
.pro-detail .Overview .title,
.pro-detail .body .title {
border-bottom: 2px #18545e solid;
padding-bottom: .2rem;
}
.pro-detail .Overview .txt {
font-size: .24rem;
line-height: 1.7;
margin-top: .5rem;
}
.pro-detail .Overview .content {
margin-top: .7rem;
}
.pro-detail .Overview .item {
margin-bottom: .6rem;
}
.pro-detail .Overview .item .pic {
width: 50%;
overflow: hidden;  }
.pro-detail .Overview .item .pic img {   width: 100%;
height: auto;
}
.pro-detail .Overview .item .play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
width: .95rem;
height: .66rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/play.webp)no-repeat center;
background-size: 100%;
z-index: 2;
cursor: pointer;
}
.pro-detail .Overview .item .text-con { }
.pro-detail .Overview .item .tit {
font-size: .37rem;
line-height: 1;
font-family: 'Roboto-Black';
margin-top: .45rem;
}
.pro-detail .Overview .item .text {
font-size: .22rem;
line-height: 1.7;
margin-top: .4rem;
}   .pro-detail .Overview .item.left_txt {
flex-direction: row-reverse;
}
.pro-detail .Overview .item.left_txt .pic {
margin-left: .7rem;
}
.pro-detail .Overview .item.right_txt .pic {
margin-right: .7rem;
}
.pro-detail .Overview .item:last-child {
margin-bottom: 0;
}
.pro-detail .body {
margin-top: 1.25rem;
overflow: hidden;
}
.pro-detail .body .con {
margin-top: .7rem;
}
.pro-detail .body .rich-text table {
border-top: 1px #474646 solid;
border-left: 1px #474646 solid;}
.pro-detail .body .rich-text table td {
border-bottom: 1px #474646 solid;
border-right: 1px #474646 solid;
padding: .05rem .05rem;
color: #333
}
.pro-detail .body .rich-text table tr:nth-child(odd) {
background-color: #f7f7f7
}
.pro-detail .body img {
max-width: 100%;
}
.pro-detail .Gallery {
margin-top: .95rem;
}
.pro-detail .Gallery .text {
line-height: 1.6;
font-size: .22rem;
margin-top: .45rem;
}
.pro-detail .Gallery-con {
margin-top: .5rem;
overflow: hidden;
}
.pro-detail .Gallery-con .pic {
margin-top: .1rem;
overflow: hidden;
padding-top: 21.5%;
width: calc(33.33% - .075rem);
margin-right: .1rem;
}
.pro-detail .Gallery-con .pic:nth-of-type(3n) {
margin-right: 0;
}
.pro-detail .Gallery-con .pic img {
position: absolute;
left: 0;
top: 0;
}
.pro-detail .form-content {
margin-top: 1.05rem;
}
.pro-detail .form-content .title {
font-size: .37rem;
}
.pro-detail .form-content .text {
font-size: .22rem;
line-height: 1.6;
margin-top: .35rem;
}
.pro-detail .Related {
margin-top: 1.2rem;
}
.pro-detail .Related .content {
margin-top: 0;
}
.pro-detail .Products-list {
margin-top: 0 !important;
}
.pro-detail .Related .swiper-button-prev {
left: -.8rem;
width: .54rem;
height: .84rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/prev.webp)no-repeat center;
background-size: 100%;
margin-top: auto;
top: 2.3rem;
}
.pro-detail .Related .swiper-button-next {
right: -.8rem;
width: .54rem;
height: .84rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/next1.webp)no-repeat center;
background-size: 100%;
margin-top: auto;
top: 2.3rem;
}
@media (max-width:1199px) {
.d-banner .crumbs {
left: .2rem;
font-size: 13px;
}
.pro-detail .thumb {
margin-right: .5rem;
}
.pro-detail h1,
.pro-detail .title,
.pro-detail .Overview .item .tit {
font-size: 22px;
}
.pro-detail .info .text-con,
.pro-detail .Overview .txt {
font-size: 19px;
}
.pro-detail .info .request-btn {
font-size: 17px;
width: 190px;
height: 40px;
border-radius: 20px;
margin-right: .2rem;
}
.pro-detail .info .btn a {
margin-right: .15rem;
}
.pro-detail .Overview .item .tit {
margin-top: .2rem;
}
.pro-detail .Overview .item .text,
.pro-detail .Gallery .text,
.pro-detail .form-content .text {
font-size: 17px;
}
.pro-detail .form-content {
padding-left: .2rem;
padding-right: .2rem;
}
.pro-detail .form-content .title {
font-size: 25px;
}
.pro-detail .Related .swiper-button-prev {
left: .2rem;
width: 37px;
height: 57px;
top: 2.2rem;
}
.pro-detail .Related .swiper-button-next {
right: .2rem;
width: 37px;
height: 57px;
top: 2.2rem;
}
.pro-detail .body{margin-top: .6rem;}
.pro-detail .Gallery{margin-top: .75rem;}
}
@media (max-width:950px) {
.pro-detail .thumb {
margin-right: 0;
width: 100%;
margin-bottom: .3rem;
}
.pro-detail .thumb .gallery-thumbs .swiper-slide {
height: 1.8rem;
}
.pro-detail .Overview .item .pic {
width: 100%;
margin-right: 0;
order: 1;
margin-left: 0 !important;
margin-right: 0 !important; }
.pro-detail .Overview .item .text-con {
order: 2;
margin-top: .3rem;
}
.pro-detail .Overview .item .text p::before {
top: 15px;
}
.pro-detail .Overview .item {
margin-bottom: .4rem;
}
.pro-detail .form-content .text br {
display: none;
}
.pro-detail .Related .swiper-button-prev {
top: 3rem;
}
.pro-detail .Related .swiper-button-next {
top: 3rem;
}
}
@media (max-width:767px) {
.pro-detail h1,
.pro-detail .title {
font-size: 25px;
}
.pro-detail .thumb .gallery-thumbs .swiper-slide {
height: 1.4rem;
}
.pro-detail .info .text-con,
.pro-detail .Overview .txt {
font-size: 17px;
}
.pro-detail .Gallery-con .pic {
width: calc(50% - .05rem);
padding-top: 35%;
}
.pro-detail .Gallery-con .pic:nth-of-type(3n) {
margin-right: .1rem;
}
.pro-detail .Gallery-con .pic:nth-child(even) {
margin-right: 0;
}
.pro-detail .form-content .title {
font-size: 23px;
}
.pro-detail .Related .swiper-button-prev {
top: 1.8rem;
width: 1.8em;
height: 2.8em;
}
.pro-detail .Related .swiper-button-next {
top: 1.8rem;
width: 1.6em;
height: 2.8em;
}
}
@media (max-width:540px) {
.pro-detail .Gallery-con .pic {
width: 100%;
padding-top: 60%;
margin-right: 0 !important;
}
.pro-detail .Related .swiper-button-prev {
top: 2.8rem;
}
.pro-detail .Related .swiper-button-next {
top: 2.8rem;
}
}
.Who {
margin-top: .45rem;
}
.Who .pic-con {
display: flex;
flex-wrap: wrap;
gap: .4em;
margin-top: .6rem;
margin-bottom: 1.05rem;
}
.Who .pic-con .txt {
width: 100%;
font-size: .28rem;
color: #ffffff;
text-align: center;
background: #18545e;
padding: .2em 1em;
}
.Who .pic-con .pic {
display: block;
width: calc(50% - .2em);
overflow: hidden;
}
.Who .pic-con .pic img {
display: block;
width: 100%;
}
.Who .title {
font-size: .47rem;
font-family: 'Roboto-Bold';
line-height: 1.1;
margin-top: .1rem;
}
.Who .text-content .title {
border-top: 1px #000 solid;
width: 3.4rem;
margin-right: .9rem;
padding-top: .5rem;
}
.Who .text-content .tit {
font-size: .25rem;
text-transform: uppercase;
line-height: .75rem;
padding: 0 .7rem;
color: #FFF;
background-image: linear-gradient(to right, #19545f, #1e899b);
font-weight: bold;
}
.Who .text-content .des {
font-size: .2rem;
line-height: 1.6;
margin-top: .35rem;
}
.Who .text-content .des a {
font-size: .24rem;
font-family: 'Roboto-Black';
color: #18545e;
text-decoration: underline;
}
.Who .text-content .con {
overflow: hidden;
margin-top: .65rem;
}
.Who .text-content .item {
font-size: .18rem;
color: #666;
line-height: 1;
margin-top: .3rem;
}
.Who .text-content .item .icon {
height: 1.48rem;
}
.Who .text-content .item .icon img {
height: 100%;
}
.Who .text-content .item .text {
color: #1a5561;
margin-top: .2rem;
font-size: .24rem;
}
.Who .text-content .item .txt {
margin-top: .1rem;
}
.Who .Milestones {
width: 100%;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/bg2.webp)no-repeat center;
background-size: cover;
height: 8.8rem;
color: #FFF;
margin-top: 1rem;
overflow: hidden;
padding-top: .7rem;
}
.Who .Milestones .title {
font-family: 'Roboto-Black';
}
.Who .Milestones .text {
line-height: 1.5;
margin-top: .15rem;
}
.Who .Milestones .content {
margin-top: 1.1rem;
}
.Who .Milestones .swiper-slide .pic {
height: 2.1rem;
justify-content: flex-end;
overflow: hidden;
margin-top: .3rem;
}
.Who .Milestones .swiper-slide .pic::before {
display: none;
}
.Who .Milestones .swiper-slide .pic img {
height: 100%;
}
.Who .Milestones .swiper-slide .year {
font-size: .5rem;
font-family: 'Poppins-SemiBold';
line-height: 1;
}
.Who .Milestones .swiper-slide .text {
height: 1rem;
font-size: .17rem;
margin-right: 1rem;
}
.Who .Milestones .swiper-slide .line {
position: absolute;
right: .35rem;
top: .3rem;
width: 1px;
height: 2.1rem;
border-left: 1px #FFF dashed;
}
.Who .Milestones .swiper-slide .line::after {
content: '';
position: absolute;
left: 50%;
bottom: -2px;
width: 6px;
height: 6px;
background-color: #ffffff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.Who .Milestones .button {
margin-top: .5rem;
height: .55rem;
}
.Who .Milestones .swiper-button-white {
width: .55rem;
height: .55rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border: 3px #FFF solid;
position: inherit;
top: auto;
margin-top: auto;
left: auto;
right: auto;
background-size: .16rem;
margin: 0 .1rem;
}
.Who .Social {
margin-top: .6rem;
}
.Who .Social .text {
font-size: .2rem;
line-height: 1.7;
margin-top: .4rem;
}
.Who .Social .content {
overflow: hidden;
margin-top: .6rem;
}
.Who .Social .item {
margin-top: .3rem;
width: 32%;
margin-right: 2%;
overflow: hidden;
}
.Who .Social .item:last-child {
margin-right: 0;
}
.Who .Social .item .pic {
overflow: hidden;
width: 100%;
padding-top: 61%;
}
.Who .Social .item .pic img {
position: absolute;
left: 0;
top: 0;
}
.Who .Social .item .tit {
font-size: .22rem;
font-family: 'Roboto-Black';
line-height: 1.1;
margin-top: .4rem;
}
.Who .Social .item .des {
font-size: .19rem;
line-height: 1.5;
margin-top: .25rem;
}
.Who .Social .item .des .ellipsis-4 {
-webkit-line-clamp: 5
}
.Who .why {
width: 100%;
overflow: hidden;
height: 6.6rem;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/bg3.webp)no-repeat center;
background-size: cover;
color: #FFF;
margin-top: .65rem;
padding-top: 1rem;
}
.Who .why .title {
text-transform: uppercase;
font-size: .38rem;
}
.Who .why .title::after {
content: '';
position: absolute;
left: 0;
bottom: -.2rem;
height: 4px;
width: .9rem;
background-color: #FFF;
}
.Who .why .text {
font-size: .22rem;
line-height: 1.6;
width: 7.3rem;
margin-top: .5rem;
}
.Who .why .content {
width: ;
margin-top: .4rem;
}
.Who .why .item {
margin-right: .7rem;
margin-top: .2rem;
}
.Who .why .item:last-child {
margin-right: 0;
}
.Who .why .icon {
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.Who .why .icon img {
width: .9rem;
}
.Who .why .item .tit {
font-weight: bold;
margin-top: .1rem;
}
@media (min-width:1025px) {
.Who .text-content .des a:hover {
text-decoration: none;
}
.Who .why .item:hover .icon {
border: 1px #FFF solid;
}
}
@media (max-width:1199px) {
.Who .title,
.Who .Milestones .swiper-slide .year {
font-size: 25px;
}
.Who .pic-con .txt,
.Who .text-content .tit,
.Who .text-content .item .text,
.Who .text-content .des a {
font-size: 16px;
}
.Who .text-content .des,
.Who .Social .item .tit,
.Who .why .text {
font-size: 15px;
}
.Who .text-content .item,
.Who .Social .text,
.Who .Milestones .swiper-slide .text,
.Who .Social .item .des {
font-size: 15px;
}
.Who .Milestones {
height: auto;
padding-bottom: .7rem;
}
.Who .Milestones .swiper-slide .text br {
display: none;
}
.Who .Milestones .swiper-slide .text {
height: 68px;
}
.Who .Milestones .swiper-button-white {
width: 38px;
height: 38px;
background-size: 14px;
}
.Who .Milestones .swiper-slide .line {
height: 150px;
}
.Who .text-content .tit {
line-height: 40px;
}
.Who .why {
padding-top: .7rem;
height: auto;
padding-bottom: .7rem;
}
.Who .why .title {
font-size: 24px;
}
}
@media (max-width:950px) {
.Who .text-content .title {
width: 100%;
margin-right: 0;
}
.Who .text-content .text-con {
margin-top: .4rem;
}
.Who .Social .text br {
display: none;
}
.Who .Social .item {
width: 49%;
}
.Who .Social .item:nth-child(even) {
margin-right: 0;
}
.Who .Social .item:last-child {
display: none;
}
.Who .why .text {
width: 60%;
}
}
@media (max-width:767px) {
.Who {
margin-top: .2rem;
}
.Who .text-content .title {
padding-top: .3rem;
}
.Who .text-content .item {
width: 50%;
}
.Who .pic-con {
margin-bottom: .4rem;
}
.Who .pic-con .pic {
width: 100%;
}
.Who .pic-con .txt {
font-size: 16px;
}
.Who .why {
background-position-x: 70%;
}
.Who .why .item {
margin-right: .5rem;
}
.Who .why .text {
width: 100%;
}
}
@media (max-width:540px) {
.Who .Social .item {
width: 100%;
margin-right: 0;
}
.Who .Social .item:last-child {
display: block;
}
.Who .why .item {
width: 50%;
margin-right: 0;
}
}
.pc-show {
display: block;
}
.mb-show {
display: none;
}
.lg-backdrop {
background-color: rgba(0,0,0,.6);
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.alignright {
float: right;
margin: 0.5em 0 0.5em 1em;
}
.rich-text p {
margin: 1em 0;
}
.rich-text p::after {
content: "";
display: block;
clear: both;
}
.rich-text img,
.rich-text video {
max-width: 100%;
height: auto !important;
}
.rich-text iframe {
max-width: 100%;
}
.rich-text ul {
list-style: initial;
padding-left: 30px;
}
.rich-text .gallery {
display: flex;
gap: 1em;
}
.rich-text .gallery p{
display: none;
}
.rich-text .gallery-item {
margin-top: 1em !important;
}
.rich-text .gallery-item img {
display: block;
border: 0 !important;
}
.popup {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10000
}
.popup .mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5)
}
.popup.iframe .mask {
background: rgba(0,0,0,.8)
}
.popup .container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.popup.tip .container {
background: #fff;
border-radius: 10px;
max-width: 400px;
width: 90%;
padding: 0
}
.popup.tip .title {
font-size: 20px;
text-align: center;
color: #000
}
.popup.tip .txt {
font-size: 16px;
line-height: 1.4;
text-align: center;
color: #666;
padding: 0 20px
}
.popup.tip .icon {
width: 100px;
height: 100px;
margin: 0 auto;
background: #24808c;
border-radius: 50%;
background-image: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/correct.webp);
margin-top: 30px;
margin-bottom: 20px;
background-size: 70%;
background-position: center;
background-repeat: no-repeat
}
.popup.tip .opt {
display: flex;
justify-content: center;
margin-top: 20px;
border-top: 1px solid #ddd;
padding: 10px 0;
cursor: pointer
}
.popup.tip .opt .btn {
color: #000;
font-size: 16px;
border-radius: 6px
}
.popup.iframe .container {
width: 70%;
height: calc(70vw / 1.77);
padding: 0
}
.popup.iframe iframe {
width: 100%;
height: 100%;
background: #000
}
.popup.iframe .close {
position: absolute;
right: 0;
top: -30px;
font-size: 22px;
color: #ffffff;
cursor: pointer;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/close.svg)no-repeat left center;
background-size: 20px;
padding-left: 30px
}
#code-img {
width: auto;
cursor: pointer;
}
.kefu {
position: fixed;
right: .6rem;
bottom: .6rem;
z-index: 99;
}
.kefu .item {
width: 3.5em;
height: 3.5em;
margin-top: .5em;
cursor: pointer;
}
.kefu .item img {
display: block;
width: 100%;
height: 100%
}
.kefu .item.totop {
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/top.svg) no-repeat center;
background-size: 50%;
background-color: #1ea012;
}
.kefu .item.f-menu {
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/menu2.svg) no-repeat center;
background-size: 60%;
background-color: #1ea012;
}
.search-page .content {
margin: .4rem 0 1rem 0;
}
.search-page .content ul li {
padding: .3rem 0;
border-bottom: 1px #333 solid;
width: 100%;
}
.search-page .content ul li .type {
font-size: .26rem;
margin-bottom: 0.2rem;
color: #18545e;
line-height: 1.4;
}
.search-page .content ul li .tit {
font-size: .26rem;
line-height: 1.6;
}
.search-page .content ul li .date {
font-style: italic;
background: url(//sinotrukoverseas.com/wp-content/themes/resource/assets/images/date.jpg)no-repeat left center;
background-size: 1.4em;
line-height: 2;
padding-left: 2em;
font-size: .18rem;
color: #494a4a;
margin-top: .2rem;
}
.search-page .no-result {
font-size: .24rem;
margin-top: 1rem;
}
.table-scroll {
overflow-x: auto;
}
@media (max-width: 1199px) {
.search-page .content ul li .tit {
font-size: 17px;
}
.search-page .content ul li .date,
.search-page .content ul li .type {
font-size: 15px;
}
.search-page .no-result {
font-size: 18px;
}
}
@media (max-width: 767px) {
.rich-text .gallery {
flex-direction: column;
gap: 0;
}
.rich-text .gallery .gallery-item {
width: 100% !important;
}
.pc-show {
display: none;
}
.mb-show {
display: block;
}
.popup.tip .icon {
width:80px;
height: 80px
}
.popup.iframe .container {
width: 90%;
height: 50%
}
.kefu {
right: .2rem;
bottom: 36%;
}
.kefu .item {
width: 3.2em;
height: 3.2em;
margin-top: .5em;
}
}