/*@font-face {
    font-family: 'PingFang-Light';
    src: url(../font/PingFang\ Light.ttf);
}

@font-face {
    font-family: 'PingFang-Regular';
    src: url(../font/PingFang\ Regular.ttf);
}

@font-face {
    font-family: 'PingFang-Medium';
    src: url(../font/PingFang\ Medium.ttf);
}

@font-face {
    font-family: 'PingFang-Bold';
    src: url(../font/PingFang\ Bold.ttf);
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url(../font/Poppins-SemiBold.ttf);
}*/
.home-page-wrapper-box{
    width: 100%;
    min-width: 1200px;
    overflow-x: visible;
}
.top-menu-box {
    width: 100%;
    height: 80px;
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    background: #1a1a1a;
}

.logo-left {
    float: left;
}

.logo-left img {
    margin: 24px 0 24px 30px;
}

.navigation-wrapper-box {
    float: left;
    height: 80px;
    /* position: absolute; */
    /* left: 50%; */
    /* margin-left: -446px; */
}

.navigation-box {
    height: 80px;
}

.navigation {
    float: left;
}

.navigation a {
    padding: 0 30px;
}

.navigation a {
    line-height: 80px;
    color: #fafafa;
    font-size: 18px;
    opacity: .7;
}
.navigation .first-level{
    cursor: pointer;
}
.current-menu{
    background: #ff9000;
}
.current-menu a{
    opacity: 1;
    font-family: 'PingFang-Medium';
}
.news-box span {
    display: inline-block;
    margin-left: 10px;
    width: 7px;
    height: 16px;
    background: url(../images/icon-down.png) no-repeat center center;
    background-size: 100%;
}
.news-box1 span {
    display: inline-block;
    margin-left: 10px;
    width: 7px;
    height: 16px;
    background: url(../images/icon-down.png) no-repeat center center;
    background-size: 100%;
}
.navigation-box .navigation:hover {
    background: #0a0604;
}

.navigation-box .navigation:hover a {
    opacity: 1;
    font-family: 'PingFang-Medium';
}

.navigation-box .news-box:hover {
    background: #fafafa !important;
}

.navigation-box .news-box:hover .second-menu-box {
    background: #fafafa;
}

.navigation-box .news-box:hover a {
    color: #323232;
    font-family: "PingFang-Medium";
}

.navigation-box .news-box:hover span {
    background: url(../images/icon-up.png) no-repeat center center;
}
.navigation-box .news-box1:hover {
    background: #fafafa !important;
}

.navigation-box .news-box1:hover .second-menu-box {
    background: #fafafa;
}

.navigation-box .news-box1:hover a {
    color: #323232;
    font-family: "PingFang-Medium";
}

.navigation-box .news-box1:hover span {
    background: url(../images/icon-up.png) no-repeat center center;
}
.news-box {
    position: relative;
}
.news-box1 {
    position: relative;
}
.second-menu-box {
    position: absolute;
    top: 80px;
}

.second-menu-box {
    width: 240px;
    z-index: 100;
}

.second-menu-box li a {
    line-height: 60px !important;
}

.second-menu-box li:hover {
    background: #ff9000;
}

.second-menu-box li:hover a {
    color: #fafafa !important;
}

.login-right-box{
    position: relative;
    float: right;
    margin-right: 30px;
    height: 80px;
    cursor: pointer;
}


.login-right-box a {
    float: left;
    color: rgba(250, 250, 250, .7);
    font-size: 18px;
    line-height: 80px;
}
.login-right-box a:hover{
    color: rgba(250, 250, 250,1) ;
   text-decoration: underline;
}
.login-right-box .small-line {
    float: left;
    width: 1px;
    height: 16px;
    background: #fafafa;
    opacity: .7;
    margin: 32px 15px;
}
.login-right {
    overflow: hidden;    
}
.login-right img {
    float: left;
    margin: 22px 10px 0 0;
}

.login-right p {
    float: left;
    color: #fafafa;
    line-height: 80px;
}
.pop-up-box{
    position: absolute;
    top: 70px;
    z-index: 100;
    right: -20px;
}
.pop-up-box img{
    margin-left: 60px;
}
.exit-box{
    width: 100px;
    background: #fff;
    height: 60px;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 16px #ccc;
    border-radius: 8px;
    cursor: pointer;
}
.exit-box span{
    display: block;
    width: 22px;
    height: 22px;
    background: url(../images/icon-exit.png) no-repeat;
    margin-right: 10px;
}
.exit-box div{
    font-size: 18px;
}
.video-box {
    position: relative;
}

.video-box img {
    width: 100%;
    height: 800px;
    object-fit: cover;
}

.video-box ul {
    position: absolute;
    bottom: 30px;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    background: url(../images/number-bg.png) no-repeat;
    overflow: hidden;
    padding: 30px 0;
}

.video-box ul li {
    float: left;
    width: 20%;
}

.video-box ul li div {
    color: #fafafa;
    text-align: center;
}

.video-box ul li .number {
    font-size: 40px;
    font-weight: bold;
    font-family: "Poppins-SemiBold";
}

.video-box ul li div span {
    color: #fafafa;
    vertical-align: top;
    margin-left: 4px;
    font-size: 12px;
}

.data-message-wrapper-box {
    width: 100%;
    padding-bottom: 40px;
    background: url(../images/data-bg.png) no-repeat;
    background-size: 100%;
    overflow: hidden;
}

.data-message-center {
    width: 1200px;
    margin: 120px auto;
    overflow: hidden;
}

.data-left-box {
    width: 818px;
    float: left;
}

.data-title {
    text-align: center;
    margin-bottom: 40px;

}

.data-title span {
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url(../images/icon-data.png) no-repeat;
    vertical-align: middle;
}

.data-title div {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    font-family: 'PingFang-Bold';
    font-size: 18px;
}

.data-box {
    position: relative;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.data-box:last-child {
    margin: 0;
}

.data-top-box {
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px dashed #cccccc;
}

.starting-end-point,
.cargo-box,
.cargo-sender {
    float: left;
}

.starting-point,
.end-point {
    overflow: hidden;
}

.starting-point span,
.end-point span,
.starting-point div,
.end-point div {
    float: left;
}

.starting-point span,
.end-point span {
    display: block;
    float: left;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 7px 10px 0 0;
}

.starting-point span {
    background: #ff9000;
}

.starting-point div,
.end-point div {
    width: 154px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "PingFang-Medium";
    font-size: 16px;
}

.end-point span {
    background: #30ce47;
}

.vertical-line {
    width: 1px;
    height: 20px;
    background: #e5e5e5;
    margin: 4px 2px;
}

.cargo-box,
.cargo-sender {
    overflow: hidden;
    padding-left: 40px;
    border-left: 1px solid #e5e5e5;
    margin: 24px 0 0 40px;
}

.cargo-box span,
.cargo-sender span {
    float: left;
    display: block;
    margin-right: 10px;
    font-size: 16px;
}

.icon-cargo {
    width: 20px;
    height: 20px;
    background: url(../images/icon-cargo.png) no-repeat;
}

.cargo-box .cargo-name,
.cargo-sender .sender-name {
    padding-right: 10px;
    border-right: 1px solid #e5e5e5;
    font-family: "PingFang-Medium";
    font-size: 16px;
}

.cargo-name {
    max-width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icon-sender {
    width: 20px;
    height: 20px;
    background: url(../images/icon-person.png) no-repeat;
}

.data-type {
    position: absolute;
    right: 10px;
    top: 10px;
}

.send-time {
    margin-top: 20px;
    color: #909090;
    font-size: 16px;
}

.more-button-wrapper {
    width: 200px;
    margin: 30px auto;
}

.more-button {
    width: 200px;
    height: 48px;
    background: #fff;

}

.more-button a {
    text-align: center;
    line-height: 48px;
}


.more-button span {
    display: inline-block;
    vertical-align: middle;
    font-family: 'PingFang-Medium';
}

.more-button .right-arrow {
    width: 20px;
    height: 20px;
    background: url(../images/right-arrow.png) no-repeat;
    margin-left: 10px;
}
.more-button:hover{
    background: #ff9000;
}
.more-button:hover span{
    color: #fafafa;
}
.more-button:hover .right-arrow {
    background: url(../images/right-arrow3.png) no-repeat;  
}
.message-right-box {
    float: right;
    width: 361px;
}

.message-right-box h3 {
    text-align: center;
    margin-bottom: 40px;
    font-family: 'PingFang-Bold';
    font-size: 18px;
}

.message-box {
    background: #fff;
    padding: 20px 20px 8px 20px;
    border-radius: 8px;
}

.message-top {
    overflow: hidden;
}

.message-title {
    float: left;
    width: 65%;
    overflow: hidden;
}

.message-title img,
.message-title a {
    float: left;
}

.message-title a {
    width: 80%;
    margin-left: 10px;
    font-family: 'PingFang-Medium';
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.message-title a:hover {
    color: #ff9000;
    text-decoration: underline;
}

.send-date {
    float: right;
    color: #909090;
}

.message-list {
    padding-bottom: 20px;
    border-bottom: 1px dashed #e5e5e5;
    margin-top: 20px;
}

.message-list:first-child {
    margin-top: 0;
}

.message-list:last-child {
    border: none;
}

.message-list p {
    clear: both;
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #808080;
}

.business-wrapper-box {
    margin-top: 70px;
}

.business-title-box {
    width: 100%;
}

.business-title-box div {
    font-size: 20px;
    color: #808080;
    text-align: center;
}

.business-title-box .business-title {
    color: #323232;
    font-family: 'PingFang-Bold';
    font-size: 28px;
    margin-bottom: 20px;
}

.business-image-box {
    width: 100%;
    height: 640px;
    background: url(../images/business-bg1.png) no-repeat;
    background-size: cover;
    margin-top: 40px;
    transition: all 1s ease;
}

.business-lists {
    overflow: hidden;
    height: 100%;
}

.business-list {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 20%;
    height: 100%;
    border-right: 1px solid rgba(250, 250, 250, .8);
}
.business-list:hover .hover-text-box {
    top: 0;
}
.business-list:hover .default-icon-box{
    display: none;
}
.default-icon-box {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -65px;
    transition: all .5s ease;
}

.default-icon-box img {
    width: 48px;
    margin: 0 auto 20px;
}

.default-icon-box div {
    text-align: center;
}

.default-icon-box div {
    color: #fafafa;
    font-size: 28px;
    font-family: 'PingFang-Medium';
}

.default-icon-box span,
.hover-text-box span {
    display: block;
    width: 36px;
    height: 2px;
    background: #fafafa;
    margin: 20px auto 0;
}

.hover-text-box {
    position: relative;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    background: rgba(255, 160, 37, .9);
    transition: all .5s ease;
}

.hover-text {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -70px;
}

.hover-text div,
.hover-text p {
    color: #fafafa;
    text-align: center;
}

.hover-text div {
    font-size: 28px;
    font-family: 'PingFang-Medium';
}

.hover-text span {
    display: block;
}

.hover-text p {
    font-size: 16px;
    margin-top: 30px;
    line-height: 2;
}

.news-wrapper-box {
    width: 100%;
}

.news-title-box {
    width: 100%;
    display: inline-block;
    margin: 80px 0 60px;
}

.news-title-box h3,
.news-title-en {
    text-align: center;
}

.news-title-box h3 {
    font-size: 28px;
    font-family: 'PingFang-Bold';
}

.news-title-en {
    width: 132px;
    margin: 20px auto 0;
    overflow: hidden;
}

.news-title-en span {
    float: left;
    display: block;
    width: 20px;
    height: 2px;
    background: #909090;
    margin-top: 15px;
}

.news-title-en div {
    float: left;
    font-size: 24px;
    font-family: 'PingFang-Bold';
    color: #909090;
    margin: 0 10px;
}

.new-center-box {
    width: 1200px;
    margin: 0 auto;
    padding: 20px;
    overflow: hidden;
    box-sizing: border-box;
}

.news-list {
    position: relative;
    float: left;
    width: 49%;
    margin: 0 2% 24px 0;
    background: #fafafa;
    overflow: hidden;
}

.news-list:hover {
    background: #fff;
    box-shadow: 2px 2px 16px #ccc;
    cursor: pointer;
}

.news-list:nth-child(2n) {
    margin-right: 0;
}

.month-day-left {
    float: left;
    margin: 40px;
}

.day,
.month {
    font-family: 'PingFang-Bold';
}

.day {
    font-size: 36px;
}

.month {
    font-size: 20px;
    margin-top: -8px;
}

.news-content-box {
    float: left;
    margin: 40px 0;
    width: 72%;
}

.news-content-box a {
    font-size: 18px;
    font-family: 'PingFang-Medium';
}

.news-content-box a:hover {
    color: #ff9000;
    text-decoration: underline;
}

.news-content-box P {
    color: #909090;
    margin-top: 20px;
}

.year {
    position: absolute;
    right: 0;
    top: -20px;
    font-family: 'Poppins-SemiBold';
    font-size: 70px;
    opacity: .06;
}

.news-wrapper-box .more-button {
    background: #fafafa;
}

.news-wrapper-box .more-button:hover{
    background: #ff9000;
}
.news-wrapper-box .more-button:hover span{
    color: #fafafa;
}
.news-wrapper-box .more-button:hover .right-arrow {
    background: url(../images/right-arrow3.png) no-repeat;  
}

.friend-link-wrapper {
    width: 100%;
    background: url(../images/friend-link-bg.png) no-repeat;
    background-size: cover;
    padding-bottom: 140px;
}

.friend-link-center {
    width: 1200px;
    margin: 140px auto 0;
}

.friend-link-center h3 {
    font-size: 28px;
    font-family: 'PingFang-Bold';
    margin-bottom: 70px;
    text-align: center;
}

.two-client,
.two-client-aside {
    overflow: hidden;
}

.two-client .left-img,
.two-client-aside .left-img {
    float: left;
}
.left-img img,.right-img img,.one-client img{
    max-width: 320px;
    /*height: 88px;*/
    object-fit: cover;
}
.two-client .right-img,
.two-client-aside .right-img {
    float: right;
}

.one-client img {
    margin: 10px auto;
}

.two-client .left-img {
    margin-left: 100px;
}

.two-client .right-img {
    margin-right: 100px;
}

.footer-wrapper-box {
    width: 100%;
    padding: 80px 0 20px;
    background: url(../images/footer-bg.png) no-repeat;
    background-size: cover;
}

.footer-center-box {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.hot-line-number-left {
    float: left;
    overflow: hidden;
}

.hot-line-number-box {
    overflow: hidden;
}

.hot-line-number {
    float: left;
}

.hot-line-number div {
    font-size: 18px;
    font-family: 'PingFang-Medium';
    color: #ff9000;
}

.hot-line-number .hot-line {
    font-size: 28px;
    font-family: 'Poppins-SemiBold';
    margin-top: 5px;
}

.business-hours {
    float: left;
    color: rgba(250, 250, 250, .4);
    margin-left: -26px;
}

.report-number {
    color: rgba(250, 250, 250, .4);
    margin-top: 20px;
    font-size: 18px;
    font-family: 'PingFang-Medium';
}

.qr-code-center-box {
    position: absolute;
    left: 50%;
    margin-left: -160px;
}

.qr-code {
    float: left;
    margin-right: 60px;
}

.qr-code:nth-child(2) {
    margin-right: 0;
}

.qr-code img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
}

.qr-code div {
    font-size: 12px;
    margin-top: 10px;
    font-family: 'PingFang-Light';
    color: #fafafa;
    text-align: center;
}

.about-us-link-right {
    float: right;
    /*padding-right: 10px;*/
}

.about-us-link-right dl {
    float: left;
    margin-left: 50px;

}

.about-us-link-right dl dt {
    font-size: 16px;
    color: rgba(250, 250, 250, .6);
    font-family: 'PingFang-Medium';
    margin-bottom: 30px;
}

.about-us-link-right dl dd {
    margin-bottom: 20px;
}

.about-us-link-right dl dd a {
    color: rgba(250, 250, 250, .6);
}

.about-us-link-right dl dd a:hover {
    color: #fafafa;
    text-decoration: underline;
}

.copyright-box {
    overflow: hidden;
   /* width: 450px;*/
    margin: 80px auto 0;
}

/*.copyright-box img,
.copyright-box div {
    float: left;
}*/

.copyright-box div,
.copyright-box div a {
    color: rgba(250, 250, 250, .6);
}
#business-license{
    text-align: center;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}
.copyright-box div a{
    display: inline;
}
#reference {
    display: table;
    margin: auto;
}
#reference img{
    display: inline;
}

#beianNumber{
    display: inline;
}

    /* app下载 */
.banner-image-box {
    position: relative;
    width: 100%;
}

.download-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-center-box {
    position: absolute;
    width: 1200px;
    left: 50%;
    top: 50%;
    /*margin: -361px 0 0 -600px;*/
    height: calc(100% - 60px);
    transform: translate(-50%, -50%);
}

.phone-image {
    float: left;
    margin-left: 80px;
    max-height: 722px;
    height: 100%;
}

.right-qr-code-box {
    float: right;
    margin-right: 80px;
}

.right-qr-code-box h2 {
    font-family: 'PingFang-Medium';
    font-size: 40px;
    color: #fafafa;
    margin-top: 114px;
}

.download-qr-code-box {
    overflow: hidden;
    margin-top: 90px;
}

.wechat-public-qr-code,
.android-qr-code {
    float: left;
    background: #fff;
    border-radius: 30px;
    cursor: pointer;
}

.public-qr-code,
.android-code {
    overflow: hidden;
    height: 60px;
    background: #fff;
    border-radius: 30px;
    padding: 0 45px;
}

.public-qr-code img,
.android-code img,
.public-qr-code div,
.android-code div {
    float: left;
}

.public-qr-code img,
.android-code img {
    margin-top: 15px;
}

.public-qr-code div,
.android-code div {
    font-size: 24px;
    font-family: 'PingFang-Medium';
    line-height: 60px;
    margin-left: 10px;
}

.android-qr-code {
    margin-left: 60px;
}

.hover-public-code,
.hover-download-code {
    border-radius: 30px;
}

.hover-public-code img,
.hover-download-code img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    margin: 0 auto 20px;
}

.download-content {
    width: 100%;
}

.download-content li {
    background: url(../images/decoration-bg1.png) center center no-repeat;
    padding: 200px 0 150px;
}

.download-content .content-list-even {
    background: url(../images/decoration-bg2.png) center center no-repeat #ff9000;
}

.download-content-center {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.left-text {
    float: left;
}

.left-text h3,
.right-text h3 {
    font-family: 'PingFang-Medium';
    font-size: 32px;
    color: #ff9000;
    margin: 150px 0 80px;
}

.left-text p,
.right-text p {
    font-size: 20px;
    color: #666;
    line-height: 3;
    font-family: 'PingFang-Light';
}

.right-image {
    float: right;
    margin: 0 122px 0 0;
}

.left-image {
    float: left;
    margin: 0 0 0 122px;
}

.right-text {
    float: right;
}

.right-text h3 {
    color: #fafafa;
    text-align: right;
}

.right-text p {
    color: #fafafa;
    text-align: right;
}

.our-promise-box {
    background: url(../images/promise-bg.png) no-repeat;
    width: 100%;
    background-size: 100%;
    box-sizing: border-box;
    border: 1px #3a2d2f solid;
}

.our-promise-title {
    width: 346px;
    margin: 48px auto 0;
    overflow: hidden;
}

.our-promise-title span,
.our-promise-title div {
    float: left;
}

.our-promise-title span {
    width: 103px;
    height: 14px;
    background: url(../images/left-line.png) no-repeat;
    margin-top: 10px;
}

.our-promise-title .right-line {
    background: url(../images/right-line.png) no-repeat;
}

.our-promise-title div {
    float: left;
    margin: 0 10px;
    font-family: 'PingFang-Bold';
    font-size: 24px;
    color: #fafafa;
}

.our-promise-box p {
    font-size: 16px;
    color: #fafafa;
    text-align: center;
    margin-top: 30px;
}

/* 帮助中心 */
.help-center-image-box {
    position: relative;
}

.help-center-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.position-box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -283px 0 0 -600px;
}

.help-center-text {
    box-sizing: border-box;
    width: 600px;
    height: 180px;
    border: 1px solid #fafafa;
    margin: 0 auto;
    padding: 28px 0;
}

.help-center-text h2 {
    font-family: 'PingFang-Medium';
    font-size: 40px;
    color: #fafafa;
    text-align: center;

}

.help-center-text div {
    text-align: center;
    font-size: 20px;
    color: #fafafa;
    margin-top: 30px;
}

.public-app-qr-code {
    width: 1200px;
}

.public-app-title {
    text-align: center;
    margin-top: 96px;
    font-family: 'PingFang-Bold';
    font-size: 20px;
    color: #fafafa;
}

.public-app-code-box {
    overflow: hidden;
    width: 560px;
    margin: 60px auto 0;
}

.public-app-code {
    float: left;
    margin-right: 240px;
}

.public-app-code:last-child {
    margin-right: 0;
}

.public-app-code img {
    width: 160px;
    height: 160px;
    object-fit: cover;
    border-radius: 8px;
}

.public-app-code div {
    font-family: 'PingFang-Light';
    color: #fafafa;
    text-align: center;
    margin-top: 20px;
}

.app-instructions-wrapper {
    padding-top: 100px;
}

.instructions-title-box {
    width: 346px;
    height: 128px;
    background: url(../images/title-bg.png) no-repeat;
    margin: 0 auto 160px;
    font-size: 36px;
    font-family: 'PingFang-Bold';
    line-height: 128px;
    text-align: center;
    color: #fafafa;
}

.instructions-lists {
    width: 1200px;
    margin: 0 auto;
}

.instructions-list {
    overflow: hidden;
    margin-bottom: 190px;
}

.left-instruction-text,
.left-instruction-img {
    float: left;
}

.secondary-title {
    overflow: hidden;
    margin: 100px 0 80px;
}

.secondary-title img,
.secondary-title div {
    float: left;
}

.secondary-title div {
    font-family: 'PingFang-Bold';
    font-size: 28px;
    line-height: 56px;
    margin-left: 20px;
}

.left-instruction-text ul li,
.right-instruction-text ul li {
    font-size: 16px;
    background: url(../images/list-img.png) left 11px no-repeat;
    padding-left: 26px;
    line-height: 2.4;
    margin-bottom: 30px;
}

.right-instruction-img,
.right-instruction-text {
    float: right;
}

.app-instructions-wrapper-two {
    background: #ff9000;
    padding: 100px 190px;
}

.app-instructions-wrapper-two .instructions-title-box {
    background: url(../images/title-bg2.png) no-repeat;
    color: #323232;
}

.app-instructions-wrapper-two .secondary-title div {
    color: #fafafa;
}

.app-instructions-wrapper-two .left-instruction-text ul li,
.app-instructions-wrapper-two .right-instruction-text ul li {
    color: #fafafa;
    background: url(../images/list-img2.png) left 11px no-repeat;
}

.left-instruction-text ul li a {
    display: inline-block;
    color: #436ab1;
    font-size: 16px;
}

/* 车源信息 */
.truck-image-box {
    position: relative;
    width: 100%;
}

.truck-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.truck-information-box {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -62px 0 0 -560px;
    width: 1120px;
    height: 180px;
    background: url(../images/title-border.png) no-repeat;
}

.truck-information-box h2 {
    text-align: center;
    font-size: 40px;
    color: #fafafa;
    font-family: 'PingFang-Bold';
    margin-top: -28px;
}

.truck-information-box p {
    text-align: center;
    font-size: 20px;
    color: #fafafa;
    line-height: 2;
    margin-top: 15px;
}

.truck-lists-wrapper {
    width: 100%;
}

.truck-lists-center {
    width: 1200px;
    margin: 0 auto;
}

.truck-lists-title {
    overflow: hidden;
    width: 102px;
    margin: 30px auto;
}

.truck-lists-title span,
.truck-lists-title div {
    float: left;
}

.truck-lists-title span {
    display: block;
    float: left;
    width: 20px;
    height: 18px;
    background: url(../images/icon-data.png) no-repeat;
    margin: 3px 10px 0 0;
}

.truck-lists-title div {
    float: left;
    font-size: 18px;
    font-family: 'PingFang-Bold';
}

.truck-lists {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 80px;
}

.truck-list {
    position: relative;
    width: 32%;
    background: #ffffff;
    box-shadow: 4px 4px 12px #e5e5e5;
    border-radius: 8px;
    margin-bottom: 25px;
}

.truck-list:nth-child(3n) {
    margin-right: 0;
}

.truck-information {
    display: flex;
    margin: 30px 0 35px 20px;

}

.truck-information span {
    width: 28px;
    height: 28px;
    background: url(../images/icon-truck.png) no-repeat;
    margin-right: 20px;
}

.truck-information div {
    margin-right: 20px;
    line-height: 28px;
    font-family: 'PingFang-Medium';
    font-size: 16px;
}

.bg-icon {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.truck-owner {
    display: flex;
    margin: 0 30px 20px;
}

.truck-owner span {
    width: 18px;
    height: 20px;
    background: url(../images/icon-person.png) no-repeat;
    margin: 1px 20px 0 0;
}

.truck-owner div {
    font-size: 16px;
    margin-right: 10px;
}

/* 登录 */
body,
html {
    width: 100%;
    height: 100%;
}

.login-wrapper-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
}

.login-content {
    width: 50%;
}

.login-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.login-input {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}

.login-input img {
    width: 238px;
    margin-bottom: 100px;
}

.user-name,
.password {
    width: 500px;
    margin-bottom: 60px;
}

.user-name div,
.password div {
    font-size: 16px;
    color: #808080;
}

.user-name input,
.password input {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #d9d9d9;
}

.login-btn {
    width: 500px;
    height: 60px;
    line-height: 60px;
    background: linear-gradient(#ff9000, #ffa128);
    color: #fafafa;
    font-size: 20px;
    font-family: 'PingFang-Bold';
    border-radius: 4px;
    cursor: pointer;
    margin-top: 20px;
}

.login-btn:hover {
    background: #f08800;
}

/* 公告列表 */
.notice-image-box {
    position: relative;
    width: 100%;
}

.notice-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.notice-information-box {
    position: absolute;
    box-sizing: border-box;
    width: 600px;
    height: 180px;
    top: 50%;
    left: 50%;
    margin: -90px 0 0 -300px;
    border: 1px solid #fafafa;
    padding-top: 34px;
}

.notice-information-box h2 {
    text-align: center;
    font-size: 40px;
    font-family: 'PingFang-Medium';
    color: #fafafa;
}

.notice-information-box p {
    text-align: center;
    font-size: 20px;
    color: #fafafa;
    margin-top: 20px;
}

.breadcrumbs-box {
    width: 1200px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 30px auto;
}

.breadcrumbs-box div {
    font-size: 16px;
    font-family: 'PingFang-Light';
    color: #808080;
}

.breadcrumbs-box a {
    font-size: 16px;
}

.breadcrumbs-box a:hover {
    text-decoration: underline;
}

.breadcrumbs-box .home-page {
    background: url(../images/icon-home.png) left center no-repeat;
    padding-left: 30px;
}

.breadcrumbs-box span {
    margin: 0 10px;
}

.notice-lists-box {
    width: 1200px;
    margin: 0 auto 60px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.notice-list {
    box-sizing: border-box;
    width: 49%;
    background: #fafafa;
    padding: 24px;
    margin-bottom: 24px;
}

.notice-list:hover {
    background: #fff;
    box-shadow: 2px 2px 16px #ccc;
    cursor: pointer;
}
.notice-list:hover img{
    content: url(../images/message.gif);
}
.notice-list-top {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.notice-left {
    display: flex;
    width: 75%;
}

.notice-left a {
    line-height: 20px;
    font-size: 16px;
    font-family: 'PingFang-Medium';
    margin-left: 10px;
    width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.notice-left a:hover {
    color: #ff9000;
    text-decoration: underline;
}

.notice-date,
.notice-content {
    color: #808080;
}
.notice-detail-content{
    width: 1200px;
    margin: 0 auto;
}
.notice-content {
    margin-top: 20px;
    display: -webkit-box;
    word-break: break-all;
    /*超出文字用省略号代替*/
    text-overflow: ellipsis;
    /*竖直方向的超出和隐藏*/
    -webkit-box-orient: vertical;
    /*设定行数为2*/
    -webkit-line-clamp: 2;
    /*多出部分隐藏*/
    overflow: hidden;
}
.notice-title{
    font-size:34px;
}

/* 关于我们 */
.about-us-wrapper {
    width: 1200px;
    margin: 0 auto 100px;
}

.company-overview-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 60px 0;
}

.company-overview-title span {
    width: 3px;
    height: 24px;
    background: #ff9000;
}

.company-overview-title div {
    font-size: 32px;
    font-family: 'PingFang-Bold';
    margin-left: 20px;
}

.company-overview-content p {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 30px;
}

.company-overview-content img {
    width: 100%;
    margin-bottom: 30px;
}

.company-culture {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.company-culture p {
    width: 40%;
    line-height: 2;
    font-size: 18px;
    margin-bottom: 30px;
}

/* 货源信息 */
.cargo-list-page {
    background: #f7f6f5;
}

.cargo-lists-wrapper {
    width: 1200px;
    margin: 0 auto;
}

.cargo-title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
}

.title-items {
    width: 33.3333%;
}

.cargo-title {
    display: flex;
    justify-content: center;
}

.cargo-title span {
    width: 20px;
    height: 18px;
    background: url(../images/icon-data.png) no-repeat;
    margin: 4px 10px 0 0;
}

.cargo-title div {
    font-size: 18px;
    font-family: 'PingFang-Bold';
}

.ship-btn-box {
    display: flex;
    justify-content: flex-end;
}

.ship-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 48px;
    background: linear-gradient(#ff9000, #ffa128);
    border-radius: 4px;
    cursor: pointer;
}
.ship-btn:hover{
    background: #f08800;
}

.ship-btn span {
    width: 22px;
    height: 22px;
    background: url(../images/icon-ship.png) no-repeat;
}

.ship-btn div {
    color: #fafafa;
    font-size: 18px;
    font-family: 'PingFang-Medium';
    margin-left: 10px;
}

.cargo-lists-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 80px;
}

.cargo-lists-box .data-box {
    width: 32%;
    box-sizing: border-box;
    box-shadow: 2px 2px 12px #f0f0f0;
    ;
}

.cargo-lists-box .starting-end-point {
    float: none;
    padding-bottom: 20px;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 20px;
}

.cargo-lists-box .starting-point div,
.cargo-lists-box .end-point div {
    width: 260px;
}

.person-transport-time-box,
.person-box,
.transport-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.person-box span {
    width: 18px;
    height: 20px;
    background: url(../images/icon-person.png) no-repeat;
    margin-right: 10px;
}

.person-box div {
    font-size: 16px;
    margin-right: 5px;
}

.person-box div:last-child {
    margin-right: 0;
}

.transport-time {
    margin-left: 20px;
}

.transport-time span {
    width: 21px;
    height: 14px;
    background: url(../images/icon-transport.png) no-repeat;
    margin-right: 10px;
}

.transport-time div {
    font-size: 16px;
}

.cargo-lists-box .cargo-box {
    margin-left: 0;
    border: none;
    padding: 0;
}

.cargo-lists-box .cargo-box .cargo-name {
    font-family: 'PingFang-Regular';
    max-width: 120px;
}

.cargo-lists-box .data-top-box {
    border: none;
    padding-bottom: 0;
}

.cargo-lists-box .data-box:last-child {
    margin-bottom: 20px;
}

/* 联系我们 */
.contact-us-box {
    width: 100%;
    position: relative;
}

.contact-us-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-us-content-box {
    position: absolute;
    width: 1200px;
    left: 50%;
    top: 50%;
    margin: -282px 0 0 -600px;
}

.contact-us-title h2 {
    text-align: center;
    color: #fafafa;
    font-size: 40px;
    font-family: 'PingFang-Medium';
    margin-bottom: 40px;
}

.contact-us-title p {
    text-align: center;
    color: #fafafa;
    font-size: 20px;
    margin-bottom: 60px;
}

.contact-us-content {
    display: flex;
    justify-content: space-between;
}

.content-list {
    width: 32%;
    height: 380px;
    background: url(../images/default-bg.png) no-repeat;
    background-size: cover;
}

.content-list {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.content-list img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.content-list div {
    text-align: center;
    color: #fafafa;
    font-size: 20px;
    line-height: 2;
    margin-top: 15px;
}

.content-hover1:hover,
.content-hover2:hover,
.content-hover3:hover {
    background: #fafafa;
    border-radius: 4px;
}

.content-hover1:hover img {
    content: url(../images/contact-icon1-2.png);
}

.content-hover2:hover img {
    content: url(../images/contact-icon2-2.png);
}

.content-hover3:hover img {
    content: url(../images/contact-icon3-2.png);
}

.content-hover1:hover div,
.content-hover2:hover div,
.content-hover3:hover div {
    color: #ff9000;
}

/* 信用平台 */
.credit-platform-wrapper {
    background: #1a1a1a;
}

.credit-platform-image {
    position: relative;
}

.credit-platform-title {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -160px;
}

.credit-leader-board {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    border-radius: 12px;
    padding-bottom: 60px;
}

.leader-board-title {
    height: 80px;
    display: flex;
    justify-content: center;
    background: #f0f0f0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.leader-board-title .leader-board-menu {
    width: 50%;
    cursor: pointer;
}

.leader-board-title .leader-board-menu div {
    height: 100%;
    font-size: 24px;
    font-family: 'PingFang-Medium';
    text-align: center;

    line-height: 80px;
}

.clicked-item div {
    color: #ff9000;
}

.clicked-item .title-type1 {
    background: url(../images/clicked-bg.png) center center no-repeat;
    background-size: cover;
}

.clicked-item .title-type2 {
    background: url(../images/clicked-bg2.png) center center no-repeat;
    background-size: cover;
}

.leader-board-content-box {
    margin: 40px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
}

.leader-board-content-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    background: #f7f7f7;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.leader-board-content-title div {
    text-align: center;
    font-size: 18px;
    font-family: 'PingFang-Bold';
}

.column-rank,
.column-credit {
    width: 20%;

}

.column-name,
.column-cellphone {
    width: 30%;
}

.leader-board-list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px dashed #e5e5e5;
}

.leader-board-list:last-child {
    border: none;
}

.rank-img {
    width: 34px;
    height: 34px;
    margin: 0 auto;
}

.leader-board-list div {
    text-align: center;
    font-size: 16px;
    font-family: 'PingFang-Medium';
}

.driver-name {
    display: flex;
    justify-content: center;
    align-items: center;
}

.column-name span {
    display: block;
    width: 16px;
    height: 20px;
    background: url(../images/icon-driver.png) no-repeat;
    margin-right: 12px;
}

.leader-board-list .rank-number {
    font-family: 'PingFang-Bold';
}

.leader-board-list .credit-score {
    font-family: 'PingFang-Bold';
    color: #ff9000;
}

/* 用户协议列表 */
.agreement-list-wrapper {
    background: #fff;
}

.agreement-list-box {
    width: 1200px;
    margin: 0 auto;
}

.agreement-lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}

.agreement-list {
    width: 49%;
    box-sizing: border-box;
    padding: 30px;
    background: #fafafa;
    margin-bottom: 30px;
}

.agreement-list:hover {
    background: #fff;
    box-shadow: 2px 2px 16px #ccc;
    cursor: pointer;
}

.agreement-list a {
    font-size: 24px;
    font-family: 'PingFang-Bold';
    margin-bottom: 30px;
}
.agreement-list a:hover{
    color: #ff9000;
    text-decoration: underline;
}
.agreement-content {
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
}

.agreement-content p {
    color: #666;
    max-width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.agreement-content div {
    color: #808080;
}

/* 用户协议详情 */
.agreement-detail-box {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 2px 2px 12px #e5e5e5;
    padding: 0px 20px 60px;
    margin-bottom: 40px;
}

.agreement-detail-box h3 {
    font-size: 24px;
    font-family: 'PingFang-Medium';
    line-height: 100px;
    text-align: center;
}

.agreement-preface,
.agreement-content-box {
    margin: 0 30px;
}

.agreement-preface p,
.agreement-content-box dd {
    font-size: 12px;
    margin-bottom: 30px;
    line-height: 2;
    color: #666;
}

.agreement-content-box dt {
    font-family: 'PingFang-Bold';
    margin-bottom: 30px;
}

/* 运价指数 */
.top-filter-box {
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 40px;
}

.freight-index-box {
    width: 1200px;
    margin: 0 auto;
}

.waybill-type,
.departure-box {
    display: flex;
    justify-content: flex-start;
    margin-top: 40px;
}

.waybill-type div,
.departure-box div {
    font-size: 16px;
    color: #1a1a1a;
}

.waybill-type ul,
.waybill-type ul li,
.chart-type-menu {
    display: flex;
    justify-content: flex-start;
}

.waybill-type ul li {
    margin-right: 10px;
    font-size: 16px;
    color: #1a1a1a;
    cursor: pointer;
}

.waybill-type ul li:hover {
    color: #ff9000;
}

.waybill-type ul .selected-item,
.chart-type-menu .current-chart {
    color: #ff9000;
    font-family: 'PingFang-Medium';
}
.chart-line-box{
    width: 100%;
}
#popular{
    height: 708px;
}
.chart-line-box li{
    width: 100%;
    height: 100%;
}
.charts-bottom{
    display: flex;
    justify-content: space-between;
}
.chart-bottom-item{
    width: 48%;
    padding: 0px 7.5% 40px;
    margin: 0 auto;
    background: #fafafa;
    box-sizing: border-box;
}
.chart-title{
    line-height: 100px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.chart-item-class{
    display: flex;
    padding-bottom: 40px;
    justify-content: space-between;
}
.chart-class{
    display: flex;
}
.chart-class span{
    margin-right: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: linear-gradient(#2186ff, #47a0fd);
}
.chart-unit{
    font-size: 14px;
    color: #323232;
}
#newest,#quality{
    height: 340px;
}
.departure-box {
    align-items: center;
}
.departure-box select {
    margin-right: 20px;
    width: 200px;
    height: 40px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 10px 0 10px;
    color: #808080;
}

.inquire-btn {
    width: 40px;
    height: 40px;
    background: #ff9000;
    border-radius: 4px;
    cursor: pointer;
}

.inquire-btn img {
    margin: 10px;
}

.inquire-btn:hover {
    background: #f08800;
}

.chart-type-menu {
    margin-bottom: 40px;
}

.chart-type-menu li {
    margin-right: 20px;
    font-size: 16px;
    cursor: pointer;
}

.chart-type-menu .current-chart span {
    display: block;
    width: 40px;
    height: 2px;
    background: #ff9000;
    margin: 20px auto 0;
}

/* 资讯列表 */
.more-news-list-box {
    width: 1200px;
    margin: 60px auto 30px;
    display: flex;
    justify-content: space-between;

}

.news-menu-left {
    width: 18%;
    margin-top: 8px;
}

.news-menu-left ul li {
    margin-bottom: 40px;
    cursor: pointer;
}

.news-menu-left ul li div {
    height: 40px;
    line-height: 40px;
    font-family: 'PingFang-Medium';
    font-size: 20px;
    padding: 0 20px;
}

.current-news-menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.news-menu-left ul .current-news-menu div {
    background: #ff9000;
    border-radius: 4px;
    font-family: 'PingFang-Bold';
    color: #fafafa;
}

.current-news-menu span {
    display: block;
    width: 7px;
    height: 9px;
    background: url(../images/right-arrow2.png) no-repeat;
}

.news-content-right {
    width: 80%;
}

.news-content-list {
    position: relative;
    box-sizing: border-box;
    padding: 40px;
    background: #fafafa;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
}

.news-content-list:hover {
    box-shadow: 2px 2px 16px #ccc;
}

.news-date-left {
    margin-right: 40px;
}

.news-date-left div {
    font-family: 'PingFang-Bold';
    font-size: 20px;
    text-align: center;
}

.news-date-left .day-text {
    font-size: 36px;
}

.news-right a {
    font-size: 18px;
    font-family: 'PingFang-Medium';
    margin-bottom: 20px;
}

.news-right a:hover {
    color: #ff9000;
    text-decoration: underline;
}

.news-right p {
    color: #737373;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 2;
}

.year-text {
    position: absolute;
    right: 0;
    top: -20px;
    font-family: 'Poppins-SemiBold';
    font-size: 70px;
    opacity: .06;
}

.news-detail-content {
    width: 1200px;
    margin: 120px auto 60px;
}
.news-detail-content h3{
    font-size: 32px;
    font-family: 'PingFang-Bold';
    text-align: center;
}
.publish-time{
    text-align: center;
    color: #909090;
    font-size: 16px;
    margin: 40px 0 80px;
}
.content-text{
    font-size: 18px;
    line-height: 2;
    margin-bottom: 30px;
}
.news-detail-content img{
    width: 100%;
    margin: 30px 0;
}
/* 招贤纳士 */
.recruitment-wrapper{
    background: #fff;
}
.recruitment-list-box{
    width: 1200px;
    margin: 0 auto 80px;
}
.recruitment-lists{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.recruitment-list{
    width: 49%;
    background: #fafafa;
    box-sizing: border-box;
    padding: 30px 20px;
    margin-bottom: 30px;
}
.recruitment-list:hover{
    box-shadow: 2px 2px 16px #ccc;
    background: #fff;
}

.recruitment-top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.recruitment-top a{
    font-size: 16px;
    font-family: 'PingFang-Medium';
    max-width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.recruitment-top a:hover{
    color: #ff9000;
    text-decoration: underline;
}
.recruitment-list p{
    color: #808080;
}

@media (max-width: 1400px) {
    /* .navigation a{
        padding: 0 20px;
    }
    .navigation-wrapper-box{
        margin-left: -280px;
    } */
    .login-right-box{
        margin-right: 10px;
    }
    .navigation a{
        padding: 0 15px;
    }
    .logo-left img{
        margin: 24px 0 24px 15px;
        min-width: 290px;
    }
}
@media (max-width: 1366px) {
    /* .navigation a{
        padding: 0 20px;
    }
    .navigation-wrapper-box{
        margin-left: -280px;
    } */
}
@media (max-width: 1300px) {
    /* .navigation a{
        padding: 0 10px;
    }
    .navigation-wrapper-box{
        margin-left: -200px;
    }
    .logo-left img{
        margin:24px 0 24px 20px;
    } */
}

/* 0902增值服务 */
.value-added-service-content{
    width: 1200px;
    margin: 0 auto;
}
.value-added-service{
    position: relative;
    margin-top: 150px;
}
.value-added-service:last-child{
    text-align: right;
    margin-bottom: 100px;
}
.service-img{
    border-radius: 200px 10px 10px 10px;
    display: inline-block;
}
.value-added-service:last-child .service-img{
    border-radius: 10px 10px 200px  10px;
}
.service-text{
    position: absolute;
    width: 596px;
    border: 2px solid #323232;
    box-sizing: border-box;
    padding: 30px;
}
.service-text h3{
    font-size: 20px;
    font-family: "PingFang Bold";
    margin-bottom: 20px;
}
.service-text p{
    font-size: 16px;
    color: #646464;
    line-height: 2;
}
.value-added-service:first-child .service-text{
    border-radius: 50px 50px 50px 0;
    top: -44px;
    right: 0;
    background: #fff url(../images/service-mark1.png) 90% center no-repeat;
}
.value-added-service:first-child .service-text::before{
    content: "";
    position: absolute;
    bottom: -2px;
    left: -38px;
    width: 38px;
    height: 43px;
    background: url(../images/bubble-arrow.png) no-repeat;
}
.value-added-service:last-child .service-text{
    border-radius: 50px 50px 0 50px;
    left: 0;
    top: 110px;
    background: #fff url(../images/service-mark2.png) 90% 25% no-repeat;
}
.value-added-service:last-child .service-text::after{
    content: "";
    position: absolute;
    bottom: -2px;
    right: -38px;
    width: 38px;
    height: 43px;
    background: url(../images/bubble-arrow.png) no-repeat;
    transform: rotateY(180deg);
}
.value-added-service:last-child .service-text h3{
    text-align: left;
}
.value-added-service:last-child .service-text p{
    text-align: left;
}