@media screen and (max-width:1700px) {

    .main {
        max-width: 1220px !important;
        margin: 0 auto !important;
        padding: 0px 10px;
    }

    .banner_swp .swiper-slide .item p strong {
        font-size: 50px;
    }

    .banner_swp .swiper-slide .item p {
        font-size: 35px;
    }

    .banner_swp .swiper-slide .item .img {
        width: 47%;
    }

    .in_business .item .fl .tit {
        font-size: 36px;
    }

    .in_business .item .fl .tit strong {
        font-size: 55px;
    }

    .in_business {
        padding: 50px 0px 10px;
    }

    .in_business .item .fl .list {
        margin-top: 10px;
    }

    .in_business .item .fr {
        padding-top: 30px;
    }

    .in_service .item .fl .tit {
        font-size: 36px;
    }

    .in_service .item .list {
        width: 64%;
    }

    .in_service .item .list ul li {
        padding-left: 20px;
    }

    .in_service .item .list ul li p {
        font-size: 18px;
    }

    .in_news .tit {
        font-size: 36px;
    }

    .in_news .item .fl p {
        font-size: 20px;
        line-height: 30px;
    }

    .m_more a {
        padding: 14px 38px;
        font-size: 14px;
    }

    .in_news_swp .swiper-slide .link .text h3 {
        font-size: 18px;
    }

    .in_news_swp .swiper-slide .link .text {
        padding: 15px;
    }

    .in_news_prev {
        width: 46px;
        height: 46px;
        background-size: 46px auto;
    }

    .in_news_next {
        width: 46px;
        height: 46px;
        background-size: 46px auto;
        left: 60px;
    }

    .in_news_prev.swiper-button-disabled {
        width: 46px;
        height: 46px;
        background-size: 46px auto;
    }

    .in_news_next.swiper-button-disabled {
        width: 46px;
        height: 46px;
        background-size: 46px auto;
    }

    .in_four ul li .link {
        width: 220px;
        height: 220px;
    }

    .in_four ul li .link p {
        font-size: 18px;
    }

    .in_four ul li {
        margin: 0px 2.5%;
    }

    .footer .had .item .fl .txt {
        height: 50px;
        line-height: 50px;
    }

    .footer .had .item .fl .but {
        height: 50px;
    }

    /*.in_service .item .list ul li .link .img { height: 140px; }*/

    .m_tit_x {
        font-size: 30px;
        padding-bottom: 22px;
    }

    .banner_x .item h2 {
        font-size: 40px;
    }

    .about .text h3 {
        font-size: 30px;
    }

    .about .text h3 strong {
        font-size: 42px;
    }

    .about .text p {
        font-size: 16px;
        line-height: 28px;
        margin-top: 15px;
    }

    .about1 {
        margin-top: 70px;
    }

    .in_news_swp .swiper-slide .link .text h3 {
        font-size: 16px;
    }

    .in_news_swp .swiper-slide .link .img {
        height: 140px;
    }

    .in_news_swp .swiper-slide .link .text {
        height: 160px;
    }

    .in_news .item .fl p {
        font-size: 18px;
        line-height: 26px;
    }

    .in_business .item .fl .list ul li .link {
        font-size: 18px;
    }

    .in_four ul li .link p {
        font-size: 16px;
    }

    .banner_x .item h2 {
        font-size: 36px;
    }

    .m_tit_36 {
        font-size: 30px;
    }

    .about .text h3 {
        font-size: 26px;
    }

    .about .text h3 strong {
        font-size: 38px;
    }

    .about2 {
        margin-top: 50px;
    }

    .m_pb100 {
        padding: 0px 0px 80px;
    }

    .about2 .list ul li .item .text p {
        font-size: 20px;
        line-height: 30px;
    }

    .business p {
        font-size: 16px;
    }

    .business1 .tit {
        font-size: 16px;
    }

    .business1 .list ul li .text strong {
        font-size: 24px;
    }

    .business1 .list ul li h3 {
        font-size: 20px;
    }

    .organization1 .list ul li .item .text h3 {
        font-size: 22px;
    }

    .organization1 .list ul li .item .text p {
        font-size: 16px;
    }

    .m_tit {
        font-size: 30px;
    }

    .news .list ul li .link .text h3 {
        font-size: 20px;
    }

    .join .list dl dd p {
        font-size: 14px;
        line-height: 26px;
    }

    .occupation p {
        font-size: 16px;
        line-height: 28px;
    }

    .m_tab_tit .link {
        padding: 15px 40px;
    }

    .ship_swp .item .list ul li strong {
        font-size: 28px;
    }

    .ship_swp .item .list ul li {
        width: 25%;
    }

    .ship_swp .item .fl {
        padding: 80px 90px;
    }

    .ship_swp .swiper-slide h3 {
        font-size: 28px;
    }

    .shipping .text h3 {
        font-size: 30px;
    }

    .shipping .text p {
        font-size: 16px;
        line-height: 28px;
    }

    .shipping .list ul li p {
        font-size: 16px;
    }

    .shipping1 .text h3 {
        font-size: 30px;
    }

    .shipping1 .text p {
        font-size: 16px;
    }

    .shipping1 .list ul li {
        padding: 0px 20px;
    }

    .shipping1 .list ul li strong {
        font-size: 20px;
    }

    .shipping1 .list ul li p {
        font-size: 16px;
        line-height: 26px;
    }

    .shipping1 .list1 ul li .con p {
        font-size: 16px;
        line-height: 26px;
    }

    .shipping1 .item .tit h3 {
        font-size: 22px;
    }

    .shipping2 .text h3 {
        font-size: 30px;
    }

    .shipping2 .text p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }

    .shipping3 .text h3 {
        font-size: 30px;
    }

    .shipping3 .text p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }

    .container ul li .img strong {
        font-size: 20px;
    }

    .container ul li .text {
        width: 45%;
    }

    .notice ul li .link .text h3 {
        font-size: 20px;
    }

    .notice ul li .link .text p {
        font-size: 16px;
    }

    .banner_x {
        height: 300px;
    }

    .main_1440 {
        max-width: 1060px !important;
    }

    .details .tit h3 {
        font-size: 34px;
    }

    .details .tit strong {
        font-size: 20px;
    }

    .details .item .fl .con {
        padding: 30px 50px 50px;
    }

    .details .item .fl .con p {
        font-size: 16px;
    }

    .m_return a {
        padding: 16px 50px;
    }

    .details .item .fr h3 {
        font-size: 22px;
    }

    .details .item .fr {
        width: 26%;
    }

    .shipping3 .videobox {
        height: 330px;
    }

    .banner_swp .swiper-slide .item p em {
        font-size: 50px;
    }



    /*  */
    .b_TOP {
        bottom: 86px;
    }

    .notice_foter {
        bottom: 86px;
    }

    .suggest-main .content-text p {
        font-size: 16px;
    }

    .suggest-main .bottom-list .item .s-title {
        font-size: 25px;
    }

    .suggest-main .bottom-list .item a {
        padding: 15px 25px;
    }

    .suggest-main .content-text p {
        margin-top: 15px;
    }

    .suggest-main .bottom-list .item {
        height: 300px;
    }

    .suggest-main .content-title {
        font-size: 26px;
    }
}

@media screen and (max-width:1366px) {
    .servicedq {
        position: absolute;
        top: -7%;
        right: 13%;
        z-index: 1;
    }
}

@media screen and (max-width:980px) {

    .banner_swp .swiper-slide .item {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .banner_swp .swiper-slide .item .img {
        width: 90%;
        margin-top: 20px;
    }

    .banner_swp .swiper-slide .item p {
        font-size: 20px;
        width: 100%;
        flex: initial;
        text-align: center;
    }

    .banner_swp .swiper-slide .item p strong {
        font-size: 26px;
    }

    .banner_swp .banner_pag {
        bottom: 20px !important;
    }

    .banner_swp .swiper-pagination-bullet {
        width: 30px;
    }

    .in_business .item {
        display: block;
    }

    .in_business .item .fl {
        width: 100%;
    }

    .in_business .item .fr {
        width: 100%;
        display: none;
    }

    .in_business .item .fl .list ul li {
        padding-right: 5px;
        padding-left: 5px;
        margin-top: 10px;
    }

    .in_business .item .fl .tit {
        font-size: 24px;
    }

    .in_business .item .fl .tit strong {
        font-size: 46px;
    }

    .in_business {
        padding: 30px 0px 10px;
    }

    .in_business .item .fl .list ul li .link {
        font-size: 16px;
    }

    .in_service .item {
        display: block;
    }

    .in_service .item .fl {
        width: 100%;
    }

    .in_service .item .list {
        width: 100%;
    }

    .in_service .item .list ul li {
        padding-left: 5px;
        padding-right: 5px;
    }

    .in_service {
        padding: 30px 0px;
        margin-top: 30px;
    }

    .in_service .item .fl .tit {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .in_service .item .list ul li {
        width: 50%;
    }

    .in_service .item .fl .sel {
        padding: 15px 20px;
    }

    .in_service .item .fl .but {
        width: 100%;
        font-size: 14px;
        width: 100%;
        padding: 16px 60px;
    }

    .in_service .item .list {
        margin-top: 30px;
    }

    .in_service .item .list ul li {
        margin: 5px 0px;
    }

    .in_service .item .list ul li p {
        font-size: 14px;
    }

    /*.in_service .item .list ul li .link .img { height: 100px; }*/

    .in_news_box {
        padding: 40px 0px;
    }

    .in_news .tit {
        font-size: 24px;
    }

    .in_news .item {
        display: block;
    }

    .in_news .item .fl {
        width: 100%;
    }

    .in_news .item .fr {
        width: 100%;
        margin-top: 30px;
    }

    .in_news_next {
        display: none;
    }

    .in_news_prev {
        display: none;
    }

    .in_news .item {
        margin-top: 20px;
    }

    .in_news .item .fl p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .m_more {
        margin-top: 20px;
    }

    .m_more a {
        margin-top: 0px;
    }

    .in_news_swp .swiper-slide .link .text {
        height: 140px;
    }

    .in_news .m_more {
        display: none;
    }

    .in_four ul li .link {
        width: 150px;
        height: 150px;
    }

    .in_four ul li .link .icon img {
        width: 62px;
    }

    .in_four ul li .link p {
        font-size: 14px;
        margin-top: 10px;
    }

    .in_four ul li {
        margin: 2.5%;
    }

    .in_four_box {
        padding: 40px 0px;
    }

    .footer .fot dl {
        display: none;
    }

    .footer .fot .wx {
        display: none;
    }

    .footer .fot .dow {
        margin-top: 20px;
    }

    .banner_swp .swiper-slide {
        height: 80vh;
    }

    .banner_x {
        height: 200px;
        background-position: 50% center !important;
    }

    .banner_x .item .nav {
        display: none;
    }

    .phone_nav {
        display: block;
    }

    .phone_nav .list ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 10px 5px;
    }

    .phone_nav .list ul li {
        min-width: 33.33%;
        padding: 5px;
    }

    .phone_nav .list ul li a {
        background: #eaeaea;
        display: block;
        padding: 10px;
        text-align: center;
    }

    .banner_x .item h2 {
        font-size: 26px;
    }

    .banner_x {
        height: 160px;
    }

    .m_tit_x {
        font-size: 22px;
        padding-bottom: 16px;
    }

    .m_tit_36 {
        font-size: 22px;
    }

    .about {
        margin-top: 20px;
    }

    .about .text {
        margin-top: 30px;
    }

    .about .text h3 {
        font-size: 18px;
    }

    .about .text h3 strong {
        font-size: 20px;
    }

    .phone_nav .list ul li a.active {
        background: #006979;
        color: #fff;
    }

    .about2 {
        margin-top: 30px;
    }

    .about2 .list ul {
        display: block;
    }

    .about2 .list ul li {
        width: 100%;
        padding: 10px 0px;
    }

    .about2 .list {
        margin-top: 20px;
    }

    .m_pb100 {
        padding: 0px 0px 40px;
    }

    .about2 .list ul li .item {
        padding: 30px 25px;
    }

    .about2 .list ul li .item .text h3 {
        margin-top: 30px;
    }

    .about2 .list ul li .item .icon img {
        width: 110px;
    }

    .about2 .list ul li .item .text p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 15px;
    }

    .mbx {
        margin: 15px 0px 30px;
    }

    .business {
        margin-top: 20px;
    }

    .business p {
        margin-top: 15px;
    }

    .business1 {
        margin-top: 40px;
    }


    .organization1 .list ul li:first-child .item_li {
        width: 100%;
        padding: 0px;
    }

    .organization1 .list ul {
        margin-left: -5px;
        margin-right: -5px;
    }

    .organization1 .list ul li {
        padding: 0px 5px;
        width: 33.33%;
        margin-top: 90px;
    }

    .organization1 .list ul li .item .img img {
        width: 100px;
        height: 100px;
        margin-top: -60px;
    }

    .organization1 .list ul li .item .img {
        background: url('../images/icon59.png') no-repeat center bottom;
        background-size: 120px auto;
    }

    .organization1 .list ul li .item .text h3 {
        font-size: 18px;
    }

    .organization1 .list ul li .item .text {
        padding: 20px 0px;
    }

    .organization1 .list ul li .item .text p {
        font-size: 14px;
    }

    .organization2 {
        margin-top: 40px;
    }

    .organization2 .img {
        margin-top: 20px;
        padding: 20px;
    }

    .m_tit {
        font-size: 22px;
    }

    .history .list {
        margin-top: 20px;
    }

    .history .list:after {
        display: none;
    }


    .pc_history {
        display: none;
    }

    .phone_history {
        display: block;
        padding: 40px 0px;
        padding-top: 0px;
    }

    .phone_history_swp {
        padding-top: 30px;
    }

    .phone_history_swp .swiper-slide .time {
        font-size: 32px;
        color: #006979;
        text-align: center;
    }

    .phone_history_swp .swiper-slide .text {
        margin-top: 25px;
        background-image: linear-gradient(0deg, rgb(34, 148, 123, 0.9) 0%, rgb(1, 106, 121, 0.9) 100%);
        padding: 20px;
    }

    .phone_history_swp .swiper-slide .text p {
        font-size: 16px;
        color: #fff;
        margin-top: 6px;
        line-height: 26px;
        position: relative;
        padding-left: 14px;
    }

    .phone_history_swp .swiper-slide .text p:before {
        content: '';
        background-color: #fff;
        top: 10px;
        position: absolute;
        left: 0px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }


    .news .list ul li .link {
        display: block;
    }

    .news .list ul li .link .img {
        width: 100%;
    }

    .news .list ul li .link .text {
        padding: 20px;
    }

    .news .list ul li .link .text h3 {
        font-size: 16px;
    }

    .news .list ul li .link .text p {
        font-size: 14px;
    }

    .news .list ul li {
        margin-top: 20px;
    }

    .details .tit h3 {
        font-size: 20px;
    }

    .details .tit strong {
        font-size: 16px;
    }

    .details .item {
        display: block;
    }

    .details .item .fl .con {
        padding: 20px;
    }

    .details .item .fl {
        width: 100%;
    }

    .details .item .fr {
        display: none;
    }

    .m_return {
        margin-top: 30px;
    }

    .m_return a {
        padding: 14px 40px;
    }

    .details {
        margin-top: 40px;
    }

    .m_tab_tit {
        display: block;
    }

    .m_tab_tit .link {
        width: 100%;
        margin-top: 15px;
        padding: 10px 30px;
        font-size: 18px;
    }

    .m_tab_tit .link.active:after {
        display: none;
    }

    .m_tab_tit .link img {
        height: 60px;
    }

    .join .list {
        margin-top: 30px;
    }

    .join .list .tit {
        display: none;
    }

    .join .list dl dt {
        padding-right: 30px;
    }

    .join .list dl dt.active {
        padding-right: 30px;
    }


    .join .list dl dt .m1 {
        width: auto;
        min-width: 50%;
        padding: 0px 10px;
    }

    .join .list dl dt .m2 {
        width: auto;
        min-width: 50%;
    }

    .join .list dl dt .m3 {
        width: auto;
        min-width: 50%;
    }

    .join .list dl dt .m4 {
        width: auto;
        min-width: 50%;
    }

    .join .list dl dt .m5 {
        width: auto;
        min-width: 100%;
    }

    .join .list dl dt .m6 {
        width: auto;
        min-width: 100%;
        margin-top: 10px;
    }

    .join .list dl dt span {
        line-height: 30px;
        padding: 0px 10px;
        font-size: 15px;
    }

    .join .list dl dt span i {
        display: inline-block;
    }

    .join .list dl dt {
        padding: 15px 0px;
        height: auto;
    }

    .join .list dl dd {
        padding: 10px 20px;
    }

    .route .fom .sel {
        width: 100%;
        margin-bottom: 15px;
    }

    .route .fom .but {
        width: 100%;
    }

    .route .fom {
        margin-top: 30px;
    }

    .route .fom .sel {
        padding: 14px 16px;
    }

    .route .fom .but {
        height: 47px;
    }

    .route .back {
        margin-top: 30px;
        padding: 20px;
    }

    .m_table_tit {
        font-size: 16px;
    }

    .route .table_box {
        overflow-x: auto;
    }

    .route .m_table {
        width: 1400px;
    }

    .route .item h3 {
        font-size: 25px;
    }

    .ship .m_serach {
        margin-top: 30px;
    }

    .m_serach .sel {
        width: 100%;
        font-size: 18px;
        background: url('../images/icon61.png') no-repeat 94% center;
    }

    .ship_swp .item {
        display: block;
    }

    .ship_swp .item .fl {
        width: 100%;
    }

    .ship_swp .item .list {
        width: 100%;
    }

    .ship_swp .item .list ul li {
        width: 50%;
        padding: 20px;
    }

    .ship_swp .item .list ul li p {
        margin-top: 40px;
        font-size: 14px;
    }

    .gallery_prev {
        display: none;
    }

    .gallery_next {
        display: none;
    }

    .ship_swp .item .list ul {
        margin-left: 2px;
    }

    .ship_swp .item .list ul li strong {
        font-size: 22px;
    }

    .ship_swp .item .list ul li {
        margin-top: -1px;
        margin-left: -1px;
    }

    .ship_swp .swiper-slide h3 {
        position: static;
        padding: 20px;
        padding-bottom: 0px;
        font-size: 18px;
    }

    .ship_swp .item .fl {
        padding: 30px;
    }

    .ship_swp {
        margin-top: 30px;
    }

    .m_tit_x .nav {
        position: inherit;
        left: 0px;
        margin-top: 20px;
    }

    .m_tit_x .nav a {
        font-size: 16px;
        margin-left: 0px;
        margin-right: 10px;
        display: block;
        padding-bottom: 10px;
        margin-top: 10px;
    }

    .m_tit_x .nav a:after {
        height: 1px;
        display: none;
    }

    .shipping .text h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .shipping .text p {
        margin-top: 15px;
    }

    .m_tit1 {
        font-size: 20px;
    }

    .m_tit1:after {
        width: 3px;
        height: 18px;
        margin-top: -9px;
    }

    .shipping .list {
        margin-top: 30px;
    }

    .shipping .list ul li {
        padding: 0px 15px;
    }

    .shipping .list ul li p {
        font-size: 14px;
        line-height: 20px;
    }

    .shipping .item {
        margin-top: 30px;
        padding: 20px;
        padding-bottom: 0px;
    }

    .shipping .item .tit h3 {
        font-size: 20px;
    }

    .shipping .item .tit strong {
        font-size: 14px;
    }

    .shipping .item .con ul li {
        width: 100%;
        flex: auto;
        border-top: 1px solid #eaeaea;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .shipping .item .con {
        margin-top: 20px;
    }

    .shipping .item .con ul li strong {
        font-size: 16px;
        border-left: 2px solid #006979;
    }

    .shipping .item .con ul li p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px;
    }

    .shipping1 .text h3 {
        font-size: 22px;
    }

    .shipping1 {
        margin-top: 40px;
    }

    .shipping1 .text p {
        line-height: 28px;
    }

    .shipping1 .list {
        margin-top: 30px;
    }

    .shipping1 .list ul li {
        flex: auto;
        width: 50%;
        margin-bottom: 10px;
    }

    .shipping1 .list ul li strong {
        font-size: 16px;
        margin-top: 15px;
    }

    .shipping1 .list ul li p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
    }

    .shipping1 .list ul li:nth-child(2n) {
        border-right: none;
    }

    .shipping1 .list ul li .icon img {
        width: 70%;
    }

    .shipping1 .list1 ul {
        margin-left: -10px;
        margin-right: -10px;
    }

    .shipping1 .list1 ul li {
        width: 100%;
        padding: 5px 10px;
    }

    .shipping1 .item {
        padding: 20px;
    }

    .shipping1 .item .tit h3 {
        font-size: 20px;
    }

    .shipping1 .item .tit strong {
        font-size: 14px;
    }

    .shipping1 .item .con ul li {
        width: 100%;
        flex: auto;
        border-top: 1px solid #eaeaea;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .shipping1 .item .con {
        margin-top: 20px;
    }

    .shipping1 .item .con ul li strong {
        font-size: 16px;
        border-left: 2px solid #006979;
    }

    .shipping1 .item .con ul li p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px;
    }

    .shipping2 .text h3 {
        font-size: 22px;
    }

    .shipping2 {
        margin-top: 40px;
    }

    .shipping3 .text h3 {
        font-size: 22px;
    }

    .shipping3 {
        margin-top: 40px;
    }

    .shipping {
        margin-top: 40px;
    }

    .container ul li {
        display: block;
    }

    .container ul li .text {
        width: 100%;
        margin-top: 30px;
    }

    .container ul li .img {
        flex: auto;
        text-align: center;
        padding-right: 0px;
    }

    .container ul li .img strong {
        display: block;
        text-align: center;
        margin-top: 15px;
    }

    .m_table1 tr th {
        font-size: 16px;
    }

    .m_table1 tr td {
        font-size: 16px;
    }

    .notice ul li {
        margin: 15px 0px;
        margin-bottom: 0px;
    }

    .notice {
        margin-top: 30px;
    }

    .notice ul li .link .time {
        width: 100px;
        height: 90px;
        margin-right: 15px;
    }

    .notice ul li .link .time strong {
        font-size: 22px;
    }

    .notice ul li .link .text {
        width: calc(100% - 150px);
    }

    .notice ul li .link .text h3 {
        font-size: 16px;
    }

    .notice ul li .link .text p {
        font-size: 14px;
        margin-top: 0px;
    }


    .m_tab_tit_3 {
        display: block;
    }

    .m_tab_tit_3 .link {
        width: 100%;
        margin-top: 15px;
        padding: 10px 30px;
        font-size: 18px;
    }

    .m_tab_tit_3 .link.active:after {
        display: none;
    }

    .m_tab_tit_3 .link img {
        height: 60px;
    }

    .rule dl dd {
        padding: 20px;
    }

    .rule h6 {
        margin-bottom: 20px;
    }

    .rule dl dt {
        line-height: 26px;
    }

    .demurrage {
        margin-top: 30px;
    }

    .demurrage .list .tab_con ul li .m1 {
        width: 100%;
    }

    .demurrage .list .tab_con ul li .m2 {
        width: 100%;
        padding-top: 0px;
    }

    .demurrage .list .tab_con ul li .m2 a {
        top: 0px;
        position: static;
        margin-top: 20px;
        display: inline-block;
        margin-top: 15px;
    }

    .outlets {
        margin-top: 30px;
    }

    .outlets .itembox {
        width: 100%;
        left: 10px;
    }

    .outlets .map .img {
        height: 750px;
    }

    .outlets .item {
        padding: 20px 15px;
    }

    .outlets .item .search .sel {
        width: 49%;
        background: url('../images/icon61.png') no-repeat 94% center;
        background-size: 24px auto;
    }

    .shipping3 .videobox {
        height: 130px;
        margin-top: 20px;
    }

    .shipping3 .videobox .img {
        padding: 10px;
    }

    .shipping3 .videobox .video_a #phonevideo {
        display: none;
    }

    .shipping3 .videobox .video_a:before {
        display: none;
    }

    .shipping3 .videobox .video_a .phone_img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .banner_swp .swiper-slide .item p .nf {
        font-size: 30px;
    }

    .banner_swp .swiper-slide .item p em {
        font-size: 26px;
    }


    .business1 .list ul li h3 {
        font-size: 16px;
        padding: 10px;
    }

    .business1 .list .text {
        top: 20px;
        left: 10px;
        right: 10px;
    }

    .business1 .list ul li .icon {
        display: none;
    }

    .business1 .list ul li .text strong {
        font-size: 18px;
    }

    .business1 .list ul li .text p {
        font-size: 14px;
        line-height: 22px;
    }

    .business1 .listbox {
        height: 350px;
    }

    .m_table_ship {
        margin-top: 30px;
    }

    .ship .table_box {
        overflow-y: auto;
    }

    .ship .table_box .m_table {
        width: 890px;
    }

    .demurrage .list_1 .tab_tit .m1 {
        width: 60%;
        padding: 15px 5px;
    }

    .demurrage .list_1 .tab_tit .m2 {
        width: 20%;
        padding: 15px 5px;
        display: none;
    }

    .demurrage .list_1 .tab_tit .m3 {
        width: 30%;
        padding: 15px 5px;
        display: none;
    }

    .demurrage .list_1 .tab_tit .m4 {
        width: 40%;
        padding: 15px 5px;
        text-align: right;
    }

    .demurrage .list_1 .tab_tit {
        font-size: 15px;
    }

    .demurrage .list_1 .tab_con ul li .m1 {
        width: 60%;
        padding: 15px 5px;
    }

    .demurrage .list_1 .tab_con ul li .m2 {
        width: 20%;
        padding: 15px 5px;
        display: none;
    }

    .demurrage .list_1 .tab_con ul li .m3 {
        width: 30%;
        padding: 15px 5px;
        display: none;
    }

    .demurrage .list_1 .tab_con ul li .m4 {
        width: 40%;
        padding-right: 0px;
        padding: 15px 5px;
    }

    .demurrage .list_1 .tab_con ul li .m4 a {
        right: 0px;
    }


    .demurrage .tit .item {
        padding-left: 20px;
    }

    .demurrage .tit h3 {
        width: 25%;
        padding-left: 10px;
    }

    .demurrage .list_1 h4 {
        padding-left: 0px;
        font-size: 22px;
    }

    .query .tit {
        font-size: 22px;
    }

    .query .had .list ul {
        display: block;
    }

    .query .had .list ul li {
        width: 100%;
    }

    .query .had .list ul li .con {
        display: block;
    }

    .query .had .list ul li .con .text {
        width: 100%;
        margin-bottom: 10px;
    }

    .query .time .layui-inline {
        width: 100%;
    }

    .query .had .list ul li .title {
        left: 10px;
    }

    .query .time .title {
        left: 10px;
    }

    .query .had .list ul li {
        padding-left: 60px;
    }

    .query .time .con {
        padding-left: 70px;
    }

    .query .but {
        padding: 10px 10px 30px;
    }

    .query .time .layui-form {
        width: 60%;
    }

    .query .but_search {
        padding: 10px 40px;
    }

    .query .had .list ul li input[type="text"] {
        width: 100%;
    }

    .query .but h3 {
        font-size: 14px;
    }

    .query_list {
        padding: 30px 0px 40px;
    }

    .m_tablebox {
        overflow-y: auto;
    }

    .jui_table {
        width: 1000px;
    }

    .query_list .write h6 a {
        padding: 10px 30px;
    }

    .bill ul {
        display: block;
        padding: 10px;
    }

    .bill ul li {
        width: 100%;
        margin-bottom: 10px;
    }

    .bill {
        border-bottom: none;
    }

    .wztime h3 {
        font-size: 16px;
    }

    .fudong {
        display: none;
    }

    .phone_lang {
        display: block;
        margin-top: 20px;
        padding-left: 10px;
    }

    .phone_lang a {
        display: inline-block;
        vertical-align: top;
        padding: 7px 14px;
        color: #fff;
    }

    .phone_lang a.active {
        background: #0d8da1;
    }

    .banner_x {
        background-position: -330px center !important;
        background-size: cover !important;
    }

    .pagebox ul {
        margin-top: 40px;
    }

    .pagebox ul .previous a {
        padding: 0px 10px;
    }

    .pagebox ul .next a {
        padding: 0px 10px;
    }

    .pagebox ul .page a {
        width: 30px;
    }

    .pagebox ul li a {
        font-size: 13px;
    }

    .query .had .list ul li .cxu {
        margin-top: 10px;
        display: block;
    }

    .in_news_swp .swiper-slide .link .img {
        height: 200px;
    }

    .m_serach .sel option {
        font-size: 16px;
    }

    .outlets .map {
        z-index: -1;
    }

    .BMap_stdMpCtrl {
        display: none !important;
    }

    .outlets .item .search {
        display: block;
    }

    .outlets .item .search .sel {
        width: 100%;
        margin-bottom: 5px;
    }

    .outlets .item .list {
        height: 450px;
    }

    .outlets .item .search .sel {
        padding: 16px 14px;
    }

    .query.ptp .had .list ul li {
        padding-left: 70px !important;
    }

    .query .time .con {
        display: block;
    }

    .query .time .layui-form {
        width: 100%;
        padding-right: 10px;
    }

    .query .time h6 {
        line-height: 20px;
    }

    .query .had .list ul .li2 {
        z-index: 0;
        position: relative;
    }

    .business1 .listbox {
        height: 500px;
    }

    .business1 .back ul li {
        height: 100%;
    }

    .business1 .list ul {
        flex-direction: column;
        text-align: center;
    }

    .business1 .list ul li {
        border-top: 1px solid rgba(255, 0, 0, 1.0);
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }

    .outlets {
        background: url('../images/map.png') no-repeat left center;
        height: 750px;
    }

    .outlets .map {
        display: none !important;
    }

    .outlets .itembox {
        position: relative;
    }

    .organization1-new {
        margin-top: 20px;
    }


    /* 页脚弹窗 */
    .footer .had .item {
        flex-wrap: wrap;
        border-right: initial;
    }

    .footer .had .item .fl {
        width: 100%;
        margin-bottom: 20px;
    }

    .footer .had .item .fr {
        width: 100%;
        padding: 0;
    }

    .footer .had .item .fr ul {
        width: 100%;
        padding: 0 10px;
    }

    .footer .had .item .fr ul li {
        width: 24%;
    }

    .footer .had .item .fr ul li .link {
        flex-wrap: wrap;
        text-align: center;
    }

    .footer .had .item .fr ul li .link img {
        display: inline-block;
        margin: 0 auto;
    }

    .footer .had .item .fr ul li .link strong {
        display: inline-block;
    }

    .footer .had .item .fl .txt {
        width: auto;
        height: 40px;
        line-height: 40px;
    }

    .footer .had .item .fl .but {
        right: 0;
        height: 40px;
    }

    .footer .fot {
        padding-bottom: 180px;
    }

    /* 地球 */
    .servicedq {
        right: 14%;
    }

    .in_service .in_servicedq {
        width: 260px;
        height: 260px;
        margin-top: 440px;
    }

    /*  */
    .b_business_box .business_box ul {
        width: 320px;
        padding: 15px;
    }

    .b_business_box .business_box ul li {
        width: 130px;
        height: 130px;
        background-size: inherit !important;
        margin-bottom: 15px;
    }

    .b_business_box .business_box ul li a {
        height: 130px;
    }

    .b_business_box .business_box ul li a .b_text1 {
        font-size: 16px;
        line-height: 22px;
    }

    .b_business_box .business_box ul li a .b_text2 {
        font-size: 12px;
        color: #fff;
        line-height: 12px;
    }

    .b_business {
        height: 395px;
    }

    .b_business .b_business_box {
        height: 395px;
    }

    .in_business .item .fl .list ul li .link strong {
        height: 44px;
        display: inline-block;
    }


    /*  */
    .hads {
        display: none;
    }

    .b_TOP {
        bottom: 0px;
    }

    .notice_foter {
        bottom: 0px;
    }

    .notice_bottom {
        display: none;
    }

    .notice_foter .b_button {
        transform: rotate(90deg);
    }

    .notice_foter .b_button.active {
        transform: rotate(270deg);
    }

    .b_TOP {
        background: rgba(0, 0, 0, .5) url(../images/jia.png) no-repeat center center;
        background-size: 35%;
    }

    .b_TOP.active {
        background: rgba(0, 0, 0, .5) url(../images/jian.png) no-repeat center center;
        background-size: 35%;
        bottom: 156px;
    }


    .suggest-main .bottom-list {
        flex-direction: column;
    }

    .suggest-main .bottom-list .item {
        width: 100%;
        height: 200px;
        padding: 15px;
    }

    .suggest-main .bottom-list .item .s-title {
        font-size: 18px;
    }

    .suggest-main .bottom-list {
        margin-bottom: 50px;
        margin-top: 30px;
    }

    .suggest-main .bottom-list .item a {
        padding: 15px 25px;
        font-size: 14px;
    }

    .suggest-main .bottom-list .item:nth-child(2) {
        margin-top: 20px;
    }

    .suggest-main .content-title {
        margin-top: 30px;
        font-size: 18px;
    }

}

@media screen and (max-width:580px) {
    .sidebar {
        display: none;
    }
}