@media only screen and  (max-width: 1440px) {
    .inner {
        width: 85%;
    }
    .transport_box_pin .transport_box_info {
        width: 7.5vw;
    }
}
@media only screen and  (max-width: 1366px) {
    .inner {
        width: 90%;
    }
    .transport_box_pin .transport_box_info {
        width: 7.5vw;
    }
    .title_title {
        font-size: 40px;
    }
    .index_hang_title {
        font-size: 23px;
    }
    .index_hang_text {
        font-size: 16px;
    }
    .index_about_title {
        font-size: 40px;
    }
    .index_about_photo {
        width: 31.8125vw;
        height: 37.344vw;
    }
    .index_about_box {
        width: 49.75vw;
    }
    .index_main_title {
        font-size: 25px;
    }
    .index_news_title {
        font-size: 23px;
    }
    .pro_bottom_title {
        font-size: 40px;
    }
    .pro_safe_title {
        font-size: 40px;
    }
    .pro_safe_photo {
        width: 35.875vw;
        height: 47.198vw;
    }
    .pro_safe_right {
        width: 46.1875vw;
    }
    .about_closer_title {
        font-size: 40px;
    }
    .about_closer_text {
        font-size: 28px;
    }
    .about_choose_info img {
        width: 45px;
    }
    .about_center_title {
        font-size: 18px;
        width: 65px;
        height: 65px;
    }
    .about_center_area {
        margin-right: -28.5px;
    }
    .kefu {
        right: 35px;
    }
    .news_title {
        font-size: 20px;
    }
    .news_info span {
        font-size: 16px;
    }
    .contact_title {
        font-size: 40px;
    }
    .contact_item_title {
        font-size: 20px;
    }
    .contact_item_text {
        font-size: 15px;
    }
    .transport_box_detele span {
        font-size: 18px;
    }
    .transport_box_pin .transport_box_info {
        width: 8.4vw;
    }
    .transport_box_info span {
        font-size: 14px;
    }
    .transport_box_info input {
        font-size: 14px;
    }
    .sea_less_title {
        font-size: 34px;
    }
    .transport_item_title {
        font-size: 22px;
    }
    .transport_tab_info span {
        font-size: 22px;
    }
    .transport_trade_box label {
        font-size: 22px;
    }
    .air_area_title {
        font-size: 18px;
    }
    .air_area .transport_trade_box label {
        font-size: 16px;
    }
    .transport_item_info > input {
       padding: 0 8px;
    }
    .transport_item_info select {
        padding: 0 8px;
    }
}

@media only screen and  (max-width: 1200px) {
    .title_title {
        font-size: 34px;
    }
    .index_hang_title {
        font-size: 20px;
    }
    .index_service_title {
        font-size: 20px;
    }
    .index_service_text {
        font-size: 14px;
    }
    .index_about_title {
        font-size: 30px;
    }
    .index_main_title {
        font-size: 20px;
    }
    .index_news_title {
        font-size: 20px;
    }
    .index_news_text {
        font-size: 14px;
        height: 44px;
    }
    .index_service_item {
        margin-left: 150px;
        width: calc((100% - 450px) / 4)
    }
    .index_hang_text {
        margin: 10px 0 15px;
    }
    .kefu img {
        width: 35px;
        height: 35px;
    }
    .kefu_text {
        line-height: 35px;
    }
    .pro_introduction_tab_text {
        font-size: 20px;
    }
    .pro_introduction_title {
        font-size: 20px;
    }
    .pro_introduction_text {
        font-size: 14px;
    }
    .pro_num_area {
        bottom: 40px;
    }
    .pro_num_title {
        font-size: 20px;
    }
    .pro_num_text {
        font-size: 14px;
    }
    .pro_safe_title {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .pro_safe_text {
        font-size: 14px;
        line-height: 25px;
    }
    .pro_category_title {
        font-size: 20px;
    }
    .pro_category_text {
        font-size: 14px;
        line-height: 20px;
    }
    .pro_bottom_title {
        font-size: 25px;
    }
    .pro_bottom_link {
        font-size: 16px;
    }
    .footer_right_title {
        font-size: 16px;
    }
    .footer_right_link {
        font-size: 16px;
    }
    .nav_list_item > a, .nav_list_item > span {
        font-size: 16px;
    }
    .language_info span {
        font-size: 16px;
    }
    .nav_er_item a {
        font-size: 16px;
    }
    .nav_er_item {
        padding: 10px 18px;
    }
    .language_box span {
        font-size: 16px;
    }
    .about_top_text {
        font-size: 14px;
    }
    .about_top_info img {
        width: 50px;
    }
    .about_top_title {
        font-size: 20px;
    }
    .about_top_caption {
        font-size: 14px;
    }
    .about_center_info {
        margin-bottom: 1.4vw;
    }
    .about_center_title {
        font-size: 16px;
    }
    .about_center_text {
        font-size: 14px;
        line-height: 20px;
    }
    .about_center_area {
        width: 100%;
    }
    .about_choose_info img {
        width: 35px;
    }
    .about_choose_title {
        font-size: 18px;
        margin: 15px 0 5px;
    }
    .about_choose_text {
        font-size: 14px;
        line-height: 20px;
    }
    .about_choose_info {
        padding: 0 30px;
    }
    .about_choose_box {
        width: 27.646vw;
    }
    .about_closer_title {
        font-size: 25px;
    }
    .about_closer_text {
        font-size: 18px;
    }
    .consult_left {
        width: 280px;
    }
    .consult_left_title {
        font-size: 20px;
    }
    .consult_left_link {
        font-size: 16px;
    }
    .consult_right {
        width: calc(100% - 335px);
    }
    .consult_right_title {
        font-size: 25px;
        margin: 30px 0 40px;
    }
    .consult_right_areea {
        padding: 10px;
    }
    .consult_right_areea input {
        font-size: 18px;
    }
    .consult_right_btn {
        width: 175px;
    }
    .consult_right_btn span {
        font-size: 16px;
        margin-left: 20px;
    }
    .consult_right_table table th {
        font-size: 14px;
        padding: 8px;
    }
    .consult_right_table table td {
        font-size: 14px;
        padding: 10px;
    }
    .news_area {
        padding: 25px 15px;
    }
    .news_title {
        font-size: 18px;
    }
    .news_text {
        font-size: 14px;
        margin: 10px 0 20px;
        line-height: 20px;
    }
    .news_info span {
        font-size: 14px;
    }
    .tab a, .tab span {
        font-size: 16px;
    }
    .news_ex_title {
        font-size: 20px;
        padding: 40px 0 20px;
    }
    .news_ex_text {
        font-size: 16px;
    }
    .news_ex_info {
        margin-bottom: 40px;
    }
    .contact_block {
        margin: 100px 0 70px;
    }
    .contact_title {
        font-size: 25px;
    }
    .contact_left {
        width: 39.354vw;
    }
    .contact_text {
        font-size: 18px;
    }
    .contact_info input {
        font-size: 16px;
    }
    .contact_info textarea {
        font-size: 16px;
    }
    .contact_dialog {
        width: 18.625vw;
        height: 26.344vw;
    }
    .contact_item {
        padding: 15px 20px;
        margin-left: 22px;
        width: calc((100% - 44px) / 3);
    }
    .contact_item img {
        width: 35px;
    }
    .contact_item_title {
        font-size: 16px;
    }
    .contact_item_text {
        font-size: 14px;
    }
    .contact_item_info {
        margin-left: 15px;
    }
    .tab a, .tab span {
        font-size: 16px;
    }
    .sea_less_title {
        font-size: 25px;
    }
    .transport_item_title {
        font-size: 18px;
        padding: 35px 0 20px;
    }
    .transport_item_info {
        margin-bottom: 15px;
    }
    .transport_item_info > input {
        margin-left: 15px;
        width: calc((100% - 15px) / 2);
        font-size: 14px;
    }
    .transport_item_box label {
        font-size: 14px;
    }
    .transport_item_info select {
        font-size: 14px;
        width: calc((100% - 15px) / 2);
    }
    .transport_tab_info span {
        font-size: 18px;
    }
    .transport_box_detele span {
        font-size: 16px;
    }
    .transport_box_info {
        width: 16.715vw;
    }
    .transport_box_x {
        font-size: 14px;
    }
    .transport_box_detele {
        margin-left: 1.5vw;
    }
    .transport_box_info {
        padding: 0 6px;
    }
    .transport_trade_box label {
        font-size: 16px;
    }
    .transport_btn {
        height: 45px;
        line-height: 45px;
    }
    .transport_box_add span {
        font-size: 18px;
    }
    .transport_box_add img {
        width: 18px;
    }
    .transport_item_info > input {
        font-size: 14px;
    }
    .transport_item_box label {
        font-size: 14px;
    }
    .transport_item_info select {
        font-size: 14px;
    }
}
@media only screen and  (max-width: 1024px) {
   .inner {
      width: 94%;
   }
   .kefu_text {
        display: none;
   }
   .kefu {
        right: 20px;
        padding: 5px;
   }
   .kefu img {
        width: 35px;
        height: 35px;
   }
   .index_offer_block {
    padding: 20px;
    margin-top: -65px;
   }
   .index_offer_info span {
    font-size: 20px;
   }
   .index_offer_top {
    margin-bottom: 30px;
   }
   .index_offer_box {
    padding: 8.5px;
   }
   .index_offer_box img {
    width: 25px;
   }
   .index_offer_box span {
    font-size: 18px;
   }
   .index_hang {
    margin-bottom: 60px;
   }
   .title_title {
    font-size: 25px;
   }
   .index_hang_list {
    margin-top: 45px;
   }
   .index_hang_item {
    margin-left: 15px;
    margin-bottom: 15px;
    width: calc((100% - 60px) / 5);
   }
   .index_hang_title {
    font-size: 18px;
   }
   .index_hang_text {
        font-size: 14px;
   }
   .index_hang_btn {
    font-size: 14px;
   }
   .title_text {
    font-size: 16px;
    margin-top: 10px;
   }
   .index_service_item {
    margin-left: 100px;
    width: calc((100% - 300px) / 4);
    margin-bottom: 40px;
   }
   .index_service_title {
    font-size: 18px;
    margin: 15px 0 10px;
   }
   .index_about {
    padding: 65px 0 0;
   }
   .index_about_title {
    font-size: 20px;
   }
   .index_about_text {
    font-size: 14px;
   }
   .index_about_photo {
    width: 34.8125vw;
    height: 44.344vw;
   }
   .index_about_box {
    width: 52.75vw;
   }
   .index_about .inner {
    padding-bottom: 65px;
   }
   .index_main_banner {
    margin-top: 30px;
    padding-bottom: 55px;
   }
   .index_main_bannerpc {
    display: none;
   }
   .index_main_banneripad {
        display: block;
    }
    .index_main_banner .swiper-scrollbar {
        bottom: -50px;
    }
    .index_main {
        margin-bottom: 85px;
    }
    .index_news_top_title {
        font-size: 25px;
    }
    .index_news_caption {
        font-size: 16px;
    }
    .index_news_top {
        margin-bottom: 50px;
    }
    .index_news_area {
        padding: 10px 15px;
    }
    .index_news_data {
        font-size: 14px;
    }
    .index_news_title {
        font-size: 18px;
        line-height: 25px;
        height: 50px;
    }
    .index_news_area img {
        margin-top: 15px;
    }
    .index_huo {
        margin: 55px 0 65px;
    }
    .index_huo_item {
        width: calc((100% - 40px) / 5);
    }
    .index_huo_item:nth-child(6n-5) {
        margin-left: 10px;
    }
    .index_huo_item:nth-child(5n-4) {
        margin-left: 0px;
    }
    .banner .swiper-pagination {
        bottom: 25px !important;
    }
    .pro_introduction {
        margin: 75px 0 50px;
    }
    .pro_introduction_tab {
        margin: 35px 0 45px;
    }
    .pro_introduction_tab_text {
        font-size: 18px;
        width: 130px;
        height: 50px;
        line-height: 50px;
    }
    .pro_introduction_info {
        padding: 10px 15px;
    }
    .pro_introduction_title {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .pro_introduction_text {
        line-height: 20px;
    }
    .index_huo_list {
        margin-top: 25px;
    }
    .pro_bottom {
        height: 22.76vw;
    }
    .pro_num_area {
        bottom: 30px;
    }
    .pro_num_title {
        font-size: 18px;
        line-height: 24px;
    }
    .pro_safe {
        margin: 60px 0 85px;
    }
    .pro_safe_left {
        margin-left: 3.125vw;
    }
    .pro_safe_title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .pro_category_list {
        margin-top: 50px;
    }
    .pro_category_item {
        padding: 20px 15px;
    }
    .pro_category_title {
        font-size: 18px;
        margin-top: 15px;
    }
    .pro_category {
        margin-bottom: 57px;
    }
    .pro_bottom_title {
        font-size: 20px;
    }
    .about_top {
        margin-top: 75px;
    }
    .about_top_text {
        margin: 30px 0 50px;
        line-height: 24px;
    }
    .about_top_title {
        font-size: 17px;
        margin: 20px 0 10px;
    }
    .about_center_left {
        height: 40.635vw;
    }
    .about_center_right {
        height: 40.635vw;
    }
    .about_choose {
        margin: 70px 0 85px;
    }
    .about_choose_block {
        margin-top: 40px;
    }
    .about_choose_box {
        width: 29.646vw;
    }
    .about_closer_title {
        font-size: 22px;
    }
    .about_closer {
        margin-bottom: 55px;
    }
    .consult_left_title {
        height: 55px;
        line-height: 55px;
    }
    .consult_left_link {
        height: 45px;
        line-height: 45px;
    }
    .consult_left {
        width: 250px;
    }
    .consult_right {
        width: calc(100% - 290px);
    }
    .consult_right_title {
        font-size: 23px;
        margin: 20px 0 30px;
    }
    .consult_right_areea input {
        font-size: 16px;
    }
    .consult_right_btn {
        height: 40px;
        width: 140px;
    }
    .consult_right_table {
        margin-top: 33px;
    }
    .news_list {
        margin-top: 40px;
    }
    .news_item {
        margin-left: 20px;
        width: calc((100% - 40px) / 3);
        margin-bottom: 25px;
    }
    .news_area {
        padding: 20px 15px;
    }
    .news_title {
        font-size: 16px;
    }
    .page {
        margin-top: 25px;
    }
    .news_ex_title {
        font-size: 18px;
    }
    .contact_block {
        margin: 70px 0 70px;
    }
    .contact_left {
        width: 100%;
        margin-right: 0;
    }
    .contact_right {
        width: 100%;
        margin-top: 30px;
    }
    .contact_dialog {
        display: none;
    }
    .map {
        width: 100%;
    }
    .contact_title {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .contact_text {
        font-size: 16px;
    }
    .contact_btn {
        height: 6.21875vw;
        line-height: 6.21875vw;
    }
    .contact_list {
        margin-bottom: 85px;
    }
    .contact_item {
        width: calc((100% - 22px) / 2);
    }
    .contact_item:last-of-type {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .sea_less_title {
        font-size: 22px;
        padding-bottom: 10px;
    }
    .transport_item {
        width: 100%;
        margin-bottom: 0;
        margin-left: 0;
    }
    .transport_item_title {
        padding: 30px 0 10px;
        margin-bottom: 45px;
    }
    .transport_item:last-of-type .transport_item_title {
        margin-bottom: 30px;
    }
    .transport_box_info {
        width: calc((100% - 20px) / 2);
        margin-left: 20px;
        margin-bottom: 15px;
    }
    .transport_box_info:nth-child(odd) {
        margin-left: 0;
    }
    .transport_box_detele {
        width: 100%;
        margin-left: 0;
        display: block;
    }
    .transport_box_detele img {
        margin: 0 auto;
    }
    .transport_box_detele span {
        display: none;
        justify-content: center;
    }
    .transport_unit {
        margin-bottom: 25px;
    }
    .transport_box_item {
        margin-bottom: 30px;
    }
    .transport_box_pin .transport_box_info {
        width: calc((100% - 20px) / 2);
        margin-left: 20px;
        margin-bottom: 15px;
    }
    .transport_box_pin .transport_box_info:nth-child(odd) {
        margin-left: 0;
    }
    .transport_box_pin .transport_box_info:first-of-type {
        width: 100%;
    }
    .transport_box_pin .transport_box_info:nth-child(2) {
        margin-left: 0;
    }
    .transport_box_pin .transport_box_info:nth-child(2),
    .transport_box_pin .transport_box_info:nth-child(6),
    .transport_box_pin .transport_box_info:nth-child(4) {
        width: calc((100% - 97px) / 3);
    }
    .transport_box_x {
        margin-left: 20px;
    }
    .transport_box_block {
        margin-bottom: 30px;
    }
    .air_area {
        padding-top: 25px;
    }
    .footer_area {
        display: none;
    }
    .footer_pc {
        display: none;
    }
    .footer_sp {
        display: block;
    }
    .footer {
        padding: 40px 0 50px;
    }
    .header_right_pc {
        display: none;
    }
    .header_sp {
        display: block;
    }
    .logo {
        width: 60px;
    }
    .header_sp {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .language_dialog {
        width: 180px;
        left: inherit;
        right: -15px;
    }
    .language_box img {
        width: 30px;
        height: 30px;
    }
    .language_box:last-of-type {
        margin-top: 10px;
    }
    .header_sp_dialog {
        background-color: #F8F8F8;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 650;
        display: none;
    }
    .header_sp_dialog_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 23px 3%;
        border-bottom: 1px solid #9E9E9E;
        background-color: #FFFFFF;
    }
    .header_sp_dialog_logo {
        width: 60px;
    }
    .header_sp_dialog_logo img {
        width: 100%;
        height: 100%;
    }
    .header_sp_dialog_close {
        width: 28px;
        cursor: pointer;
    }
    .header_sp_dialog_item {
        border-bottom: 1px solid #9E9E9E;
        background-color: #FFFFFF;
    }
    .header_sp_dialog_item:last-of-type {
        border-bottom: none;
    }
    .header_sp_dialog_link {
        font-size: 22px;
        color: #000000;
        padding: 20px 3%;
        font-family: "SourceHanSansCN-Medium";
        cursor: pointer;
    }
    .header_sp_dialog_erlist {
        background-color: #F7F7F7;
        display: none;
    }
    .header_sp_dialog_erlink {
        font-size: 20px;
        color: #000000;
        padding: 15px 3%;
        border-bottom: 1px solid #D9D9D9;
    }
    .header_sp_dialog_erlink:last-of-type {
        border-bottom: none;
    }
    .title {
        padding: 0 3%;
    }
    .index_main_bannersp {
        display: none;
    }
}
@media only screen and  (max-width: 900px) {
    .footer_block_link {
        font-size: 12px;   
    }
    .pro_introduction_tab {
        flex-wrap: wrap;
    }
    .header_sp_language {
        width: 28px;   
        height: 28px;
    }
    .header_sp_nav {
        width: 28px;
        height: 28px;
    }
    .header.active .logo {
    	width: 60px;
    }
   .banner {
    height: 140.800vw;
   }
   .banner .swiper {
    height: 100%;
   }
   .index_offer_block {
    padding: 0;
   }
   .index_offer_top {
    padding: 20px 0 0 0;
    border-bottom: 1px solid #E3E3E3;
    justify-content: space-between;
    margin-bottom: 20px;
   }
   .index_offer_info {
    padding-bottom: 15px;
     margin-right: 0;
        justify-content: center;
        width: 50%;
   }
   .index_offer_info:first-of-type {
    padding-left: 15px;
   }
   .index_offer_info:last-of-type {
    padding-right: 15px;
   }
   .index_offer_info span {
    border-bottom: none;
    font-size: 16px;
   }
   .index_offer_info_active span {
    border-bottom: none;
   }
   .index_offer_info_active {
    border-bottom: 4px solid #01BBF8;
   }
   .index_offer_info:hover span {
    border-bottom: none;
   }
   .index_offer_area {
    padding: 15px;
    padding-top: 0;
   }
   .index_offer_box {
    width: 100%;
    padding: 15px;
    margin-left: 0;
    margin-bottom: 10px;
   }
   .index_offer_block {
    margin-top: -155px;
   }
   .index_offer_box span {
    font-size: 16px;
   }
   .title_title {
    font-size: 22px;
    font-family: "SourceHanSansCN-Medium";
   }
   .index_hang_list {
    margin-top: 20px;
   }
   .index_hang_item {
    width: calc((100% - 15px) / 2);
    margin-left: 15px;
   }
   .index_hang_item:nth-child(5n-4) {
    margin-left: 15px;
   }
   .index_hang_item:nth-child(odd) {
    margin-left: 0;
   }
   .index_hang_title {
    font-size: 16px;
    font-family: "SourceHanSansCN-Medium";
   }
   .index_hang_text {
    font-family: "SourceHanSansCN-Normal";
   }
   .index_hang {
    margin-bottom: 30px;
   }
   .index_service {
    padding: 30px 0 10px;
   }
   .index_service_list {
    margin-top: 25px;
   }
   .index_service_item {
    width: calc((100% - 15px) / 2);
    margin-left: 15px;
    margin-bottom: 20px;
   }
   .index_service_item:nth-child(4n-3) {
    margin-left: 15px;
   }
   .index_service_item:nth-child(odd) {
    margin-left: 0;
   }
   .index_service_title {
    font-size: 16px;
    margin: 10px 0 5px;
   }
   .index_service_text {
    font-family: "SourceHanSansCN-Normal";
   }
   .index_about .inner {
    width: 100%;
    padding-bottom: 30px;
   }
   .index_about_photo {
    width: 100%;
    height: 116vw;
   }
   .index_about {
    padding-top: 0;
   }
   .index_about_box {
    width: 100%;
    padding: 15px 3%;
   }
   .index_about_title {
    font-size: 16px;
    font-family: "SourceHanSansCN-Medium";
    margin-bottom: 15px;
   }
   .title_text {
    font-size: 14px;
    font-family: "SourceHanSansCN-Light";
   }
   .index_main_banner {
    margin-top: 20px;
    padding-bottom: 30px;
   }
   .index_main_banneripad {
    display: none;
   }
   .index_main_bannersp {
    display: block;
   }
   .index_main_title {
    font-size: 16px;
    margin-top: 10px;
   }
   .index_main_banner .swiper-scrollbar {
    bottom: -20px;
    width: 207px;
   }
   .index_news_top_title {
    font-size: 22px;
    width: 100%;
    font-family: "SourceHanSansCN-Medium";
   }
   .index_news_caption {
    width: 100%;
    font-size: 14px;
    font-family: "SourceHanSansCN-Light";
   }
   .index_main {
    margin-bottom: 40px;
   }
   .index_news_top {
    margin-bottom: 20px;
   }
   .index_news_item {
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
   }
   .index_news_photo {
    height: 62.685vw;
   }
   .index_news_title {
    height: inherit;
    font-size: 16px;
    margin: 5px 0 10px;
   }
   .index_news_area {
    padding: 15px;
   }
   .index_news_area img {
    margin-top: 10px;
   }
   .index_huo {
    margin: 25px 0 40px;
   }
   .index_huo_item {
    width: calc((100% - 15px) / 2);
    margin-left: 15px;
   }
   .about_closer + .index_huo .index_huo_item {
       width: calc((100% - 30px) / 3);
    margin-left: 15px;
   }
   .about_closer + .index_huo .index_huo_item:nth-child(5n-4) {
    margin-left: 15px;
   }
  .about_closer + .index_huo  .index_huo_item:nth-child(6n-5) {
    margin-left: 15px;
   }
   .about_closer + .index_huo .index_huo_item:nth-child(3n-2) {
    margin-left: 0;
   }
   .index_huo_item:nth-child(5n-4) {
    margin-left: 15px;
   }
   .index_huo_item:nth-child(6n-5) {
    margin-left: 15px;
   }
   .index_huo_item:nth-child(odd) {
    margin-left: 0;
   }
   .footer {
    padding: 25px 0 30px; 
   }
   .pro_introduction {
    margin: 40px 0 20px;
   }
   .pro_introduction_tab {
    margin: 25px 0;
   }
   .pro_introduction_tab_text {
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 15px;
   }
   .pro_introduction_item {
    width: calc((100% - 13px) / 2);
   }
   .pro_introduction_item:nth-child(4n-3) {
    margin-left: 13px;
   }
   .pro_introduction_item:nth-child(odd) {
    margin-left: 0;
   }
   .pro_introduction_photo {
    height: 35.185vw;
   }
   .pro_introduction_info {
    padding: 10px;
   }
   .pro_num_item {
    width: 50%;
    height: 60vw;
    border-bottom: 1px solid #FFFFFF;
   }
   .pro_num_num {
    font-size: 20px;
   }
   .pro_num_title {
    font-size: 16px;
    font-family: "SourceHanSansCN-Medium";
   }
   .pro_num img {
    height: 119.948vw;
    object-fit: cover;
   }
   .pro_num_area {
    bottom: 10px;
   }
   .pro_safe_left {
    width: 100%;
   }
   .pro_safe_right {
    width: 100%;
   }
   .pro_safe_leftpc {
    display: none;
   }
   .pro_safe_leftsp {
    display: block;
    margin-left: 0;
    margin-top: 15px;
   }
   .pro_safe {
    margin: 30px 0 40px;
   }
   .pro_safe_title {
    font-size: 16px;
    line-height: 24px;
    font-family: "SourceHanSansCN-Medium";
    margin-bottom: 10px;
   }
   .pro_safe_text {
    font-family: "SourceHanSansCN-Regular";
   }
   .pro_safe_photo {
    width: 100%;
    height: 100vw;
   }
   .pro_category_list {
    margin-top: 20px;
   }
   .pro_category_item {
    width: calc((100% - 15px) / 2);
    margin-left: 15px;
    padding: 15px;
   }
   .pro_category_item:nth-child(4n-3) {
    margin-left: 15px;
   }
   .pro_category_item:nth-child(odd) {
    margin-left: 0;
   }
   .pro_category_title {
    font-size: 16px;
    margin-top: 10px;
   }
   .pro_category {
    margin-bottom: 30px;
   }
   .pro_bottom {
    height: 42.130vw;
   }
   .pro_category_photo {
    width: 41px;
    height: 41px;
   }
   .about_top {
    margin-top: 35px;
    margin-bottom: 30px;
   }
   .about_top_text {
    margin: 15px 0 25px;
    font-family: "SourceHanSansCN-Light";
   }
   .about_top_info {
    margin: 0 10px;
    width: calc((100% - 60px) / 3);
   }
   .about_top_title {
    font-size: 16px;
    margin-top: 10px;
   }
   .about_top_caption {
    font-family: "SourceHanSansCN-Normal";
   }
   .about_center {
    flex-wrap: wrap;
   }
   .about_center_left {
    width: 100%;
    height: 72.870vw;
    position: relative;
    align-items: flex-start;
    padding-top: 20px;
   }
   .about_center_right {
    width: 100%;
    height: 72.870vw;
   }
   .about_center_text {
    font-family: "SourceHanSansCN-Light";
   }
   .about_center_title {
    display: none;
   }
   .about_center_area {
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 220px;
    overflow: scroll;
   }
   .about_center_info {
    margin-bottom: 15px;
    width: 100%;
    justify-content: center;
   }
   .about_center_sp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 3%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(72.870vw - 32.5px);
    width: 100%;
   }
   .about_center_sp .about_center_title {
    display: flex;
   }
   .about_center_sp .about_center_title:first-of-type {
    margin-left: 0;
   }
   .about_choose_photo {
    display: none;
   }
   .about_choose {
    margin: 35px 0;
   }
   .about_choose_block {
    margin-top: 20px;
   }
   .about_choose_box {
    width: 48%;
   }
   .about_choose_info {
    height: 33.611vw;
    padding: 0 10px;
   }
   .about_choose_title {
    font-size: 16px;
    margin-top: 10px;
   }
   .about_choose_text {
    font-family: "SourceHanSansCN-Normal";
   }
   .about_closer {
    margin-bottom: 35px;
    height: 42.130vw;
   }
   .about_closer_title {
    font-size: 20px;
   }
   .about_closer_text {
    font-size: 16px;
   }
   .consult {
    padding: 30px 0 35px;
   }
   .consult_left {
    width: 100%;
   }
   .consult_right {
    width: 100%;
   }
   .consult_left_title {
    background-color: inherit;
    font-size: 22px;
    color: #000000;
    font-family: "SourceHanSansCN-Medium";
    text-align: left;
   }
   .consult_left_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border: none;
   }
   .consult_left_link {
    width: calc((100% - 15px) / 2);
    margin-bottom: 15px;
    border: 1px solid #C9C7C7 !important;
    text-align: center;
    padding: 0;
   }
   .consult_right_title {
    font-size: 22px;
    margin: 15px 0 25px;
   }
   .consult_right_btn {
    width: inherit;
   }
   .consult_right_btn span {
    margin-left: 10px;
   }
   .consult_right_areea input {
    width: calc(100% - 120px);
   }
   .consult_right_table {
    width: 100%;
    margin-top: 25px;
   }
   .consult_right_areea {
    box-sizing: border-box;
    padding: 5px;
   }
   .consult_right_table table th {
    padding: 5px;
   }
   .consult_right_table table td {
    padding: 5px;
   }
   .news {
    margin: 35px 0 30px;
   }
   .news_item {
    width: 100%;
    margin-left: 0;
   }
   .news_list {
    margin-top: 20px;
   }
   .news_photo {
    height: 86.296vw;
   }
   .news_area {
    font-size: 15px;
   }
   .news_text {
    font-family: "SourceHanSansCN-Light";
   }
   .news_info span {
    font-family: "SourceHanSansCN-Regular";
   }
   .pagination {
       margin-top: 0 !important;
   }
   .news_ex {
    margin: 25px 0 40px;
   }
   .news_ex_title {
    font-size: 16px;
    padding: 20px 0;
    line-height: 24px;
    text-align: left;
    font-family: "SourceHanSansCN-Medium";
    border-bottom: none;
    margin-bottom: 00;
   }
   .news_ex_info {
    padding-bottom: 20px;
    border-bottom: 1px solid #D8D8D8;
    justify-content: space-between;
    margin-bottom: 20px;
   }
   .news_ex_text {
    font-size: 14px;
    margin: 0;
   }
   .contact_block {
    margin: 35px 0;
   }
   .contact_title {
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
   }
   .contact_text {
    font-family: "SourceHanSansCN-Medium";
   }
   .contact_info input {
    height: 45px;
    line-height: 45px;
   }
   .contact_info {
    margin-bottom: 15px;
   }
   .contact_btn {
    height: 45px;
    line-height: 45px;
   }
   .map {
    height: 100vw;
   }
   .contact_item {
    width: 100%;
    border: none;
    margin-left: 0;
    display: block;
    margin-top: 0 !important;
   }
   .contact_list {
    margin-bottom: 40px;
   }
   .contact_item img {
    display: none;
   }
   .contact_item_title {
    text-align: center;
   }
   .contact_item_text {
    text-align: center;
   }
   .sea_less_top {
    margin: 25px 0 20px;
    padding-bottom: 40px;
   }
   .sea_less_title {
    padding: 15px 0;
   }
   .transport_item_info > input {
    width: 100%;
    margin-left: 0;
   }
   .transport_item_info > input:last-of-type {
    margin-top: 10px;
   }
   .transport_item_info {
    margin-bottom: 10px;
   }
   .transport_item_info:nth-child(3) > input {
    width: calc((100% - 15px) / 2);
    margin-top: 0;
   }
   .transport_item_info:nth-child(5) > input {
    margin-top: 0 !important;
   }
   .transport_item_info select {
    width: 100%;
   }
   .transport_item:last-of-type .transport_item_title {
    margin-bottom: 15px;
   }
   .transport_item:last-of-type .transport_item_info:nth-child(2) > input:last-of-type {
    margin-top: 0;
    width: calc((100% - 15px) / 2);
   }
   .transport_item:last-of-type .transport_item_info:nth-child(3) > input {
    width: 100%;
   }
   .transport_tab {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
   }
   .transport_tab_info {
    margin-right: 25px;
   }
   .transport_tab_info:last-of-type {
    margin-right: 0;
   }
   .transport_unit {
    margin-top: -29px;
    padding-bottom: 20px;
    margin-bottom: 20px;
   }
   .transport_tab_info img {
    width: 20px;
    height: 20px;
   }
   .transport_box_x {
    margin-bottom: 15px;
   }
   .transport_box_block {
    margin-bottom: 20px;
   }
   .air_area {
    padding-top: 20px;
   }
   .air_area_title {
    font-family: "SourceHanSansCN-Medium";
    font-size: 16px;
   }
   .air_area .transport_trade_box label {
    font-size: 14px;
   }
   .air_area_title + textarea {
    font-size: 14px;
   }
   .transport_btn {
    width: 100%;
    font-size: 16px;
    margin: 25px auto 40px;
   }
   .transport_trade_box input[type="radio"] + label::before {
    width: 20px;
    height: 20px;
   }
}