@charset "utf-8";

/* CSS Document */

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
  .wap-bottom-nav {
    display: none;
  }
  .article-list .title-tag {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
  }
  /*PC 导航*/
  body:not(.top) .head-wap-btn {
    transform: translate(0, -100%);
  }
  body:not(.top) #head {
    transform: translate(0, 0%);
  }

  body.down:not(.top) #head {
    transform: translate(0, -100%);
  }
  body:not(.top) .head-conent {
    height: 4rem;
    transition: all 0.4s;
  }
  body:not(.top) #head .navbar-nav .dropdown-menu {
    top: 4rem;
  }
}

@media (min-width: 1200px) {
  .menu-btn {
    display: none !important;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 80%;
    width: 80%;
  }
}

@media screen and (max-width: 1599.98px) {
}

@media screen and (max-width: 1399.98px) {
  #head .navbar-nav > li {
    margin: 0 1.75rem;
  }
}

@media screen and (max-width: 1199.98px) {
  /*头部导航*/
  .head-btn-contact {
    display: none;
  }
  #head .navbar-nav > li {
    margin: 0 1.125rem;
  }
  #head .navbar-nav > li > a {
    font-size: 14px;
  }
  #head .navbar-nav .dropdown-menu .container {
    width: 100%;
  }
}

@media screen and (max-width: 991.98px) {
  :root {
    --head_height: 5.5rem;
  }
  body {
    padding-top: calc(4rem + var(--head_height));
  }

  /*边距盒子*/
  .padding-box {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .padding-top {
    padding-top: 6rem;
  }
  .padding-bottom {
    padding-bottom: 6rem;
  }
  .small-padding-box {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .small-padding-top {
    padding-top: 3rem;
  }
  .small-padding-bottom {
    padding-bottom: 3rem;
  }

  .container {
    padding-left: 3.375vw;
    padding-right: 3.375vw;
  }
  .container-fulid {
    padding-left: 3.375vw;
    padding-right: 3.375vw;
  }

  #head {
    padding-left: 0%;
  }
  .head-conent {
    display: flex;
    height: var(--head_height);
    width: 100%;
    min-width: 100%;
    padding: 0 2.5%;
  }
  .navbar-brand {
    padding-left: 2.5vw;
    order: 1;
  }
  .head-wap-btn {
    order: 0;
  }
  .wap-menu-btn {
    order: 1;
  }
  .head-wap-btn .dropdown > a {
    margin-left: 0;
  }
  .no-head-bg #head,
  .no-head-bg.top #head {
    padding-top: 0;
  }
  .top #head .navbar-nav li > a {
    color: var(--text);
  }
  .top #head .head-wap-btn .dropdown a {
    color: var(--title);
  }
  .top.menu-open #head .navbar-brand,
  .no-head-bg.top #head .navbar-brand {
    -webkit-filter: brightness(1) invert(0);
    filter: brightness(1) invert(0);
  }
  .navbar-brand > div {
    padding-left: 0.75rem;
    font-size: 1.375rem;
  }
  .head-conent {
    padding: 0;
    width: 100%;
  }
  .head-wap-btn {
    position: static;
    display: flex;
    width: 100%;
  }
  .head-wap-btn > div {
    flex: 1 1;
    width: 100%;
  }
  .head-language a {
    width: 50%;
  }
  .head-search form {
    width: 100%;
  }
  /**/
  #banner {
    height: calc(100vh - 3rem - var(--head_height));
  }
  /**/
  .breadcrumb {
    padding: 0.5rem 0;
  }
  /*页脚*/
  #foot .top,
  #foot .bottom {
    flex-wrap: wrap;
  }
  #foot .top .nav {
    width: 100%;
  }
  #foot .top .contact {
    margin-top: 2rem;
    width: 100%;
  }
  #foot .bottom .left {
    width: 100%;
  }
  #foot .bottom .right {
    width: 100%;
  }
  #foot .copyrights {
    margin-top: 1rem;
  }
  /*内页*/

  /*关于*/
  .about-info {
    flex-wrap: wrap;
    width: 100%;
  }
  .about-info .img {
    width: 100%;
    margin-bottom: 3rem;
  }
  .about-info > .img > div {
    position: static;
    width: 100%;
  }
  .about-info > .img > div img {
    width: 100%;
    max-width: 100%;
    border-radius: 1rem;
  }
  .about-info .info {
    order: 1;
    width: 100%;
  }
  /*产品*/

  .product-info {
    order: 1;
    text-align: center;
  }
  .product-btn {
    margin-top: 2rem;
  }
  /*新闻*/

  .article-main {
    width: 100%;
  }
  .article-posts {
    padding: 1rem;
  }
  .article-list .txt pre {
    max-height: 6em;
    -webkit-line-clamp: 3;
  }
  .article-list .txt img {
    display: block;
    width: 8.5rem;
    height: 6rem;
  }

  .article-list .content .right {
    display: none;
  }

  .article-aside {
    display: none;
  }
}

@media screen and (max-width: 767.98px) {
  .container {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .container-fulid {
    padding-left: 15px;
    padding-right: 15px;
  }
  /**/
  .hMore a {
    padding: 1.25rem;
  }

  footer .footer_main {
    display: block !important;
  }
  footer .footer_nav {
    display: none !important;
  }
  footer .footer_wechat {
    margin-top: 1.75rem;
  }
  footer .footer_copyright .d-flex {
    display: block !important;
  }
  footer .footer_relatedWebsites {
    margin-top: 1.75rem;
  }
  footer .footer_relatedWebsites .selectTitle {
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 0.88rem;
  }
  /*内页*/

  /*文章*/
  .article-detail {
    padding: 1.5rem;
  }
  /*联系*/
  .contact-title {
    text-align: center;
  }
  .contact-list {
    flex-wrap: wrap;
  }
  .contact-list li {
    width: 100%;
    max-width: 100%;
    margin: 0.5rem 0;
  }

  .contact .img {
    display: none;
  }
  .contact .info {
    width: 100%;
    padding: 0 0 3rem;
  }
}

/* copy */

@media (min-width: 768px) {
  html {
    font-size: 9px;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 10px;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 11px;
  }
}
@media (min-width: 1360px) {
  html {
    font-size: 12px;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 13px;
  }
}
@media (min-width: 1500px) {
  html {
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  html {
    font-size: 15px;
  }
}
@media (min-width: 1700px) {
  html {
    font-size: 16px;
  }
}

/*1280X720 1366X768 1440X900 1920X1080*/
/* CSS Document */
html {
  font-size: 8px;
}
@media (min-width: 768px) {
  html {
    font-size: 9px;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 10px;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 11px;
  }
}
@media (min-width: 1360px) {
  html {
    font-size: 12px;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 13px;
  }
}
@media (min-width: 1500px) {
  html {
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  html {
    font-size: 15px;
  }
}
@media (min-width: 1700px) {
  html {
    font-size: 16px;
  }
}
/*手机样式*/
@media (min-width: 992px) {
  .pagination .page-item .page-link:hover,
  .pagination .page-item .page-link:focus {
    background: #1996ec;
    color: #ffffff;
    box-shadow: none;
  }
  .pagination .page-item:first-child .page-link:hover::before,
  .pagination .page-item:last-child .page-link:hover::before {
    border-color: #fff;
  }

  .hNewsList li .box:hover .img .img_scale {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .hNewsList li .box:hover .title {
    color: #da2228;
  }
  .aboutUsHead .list .box:hover .img .img_scale {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .aboutUsHead .list .box:hover .text {
    color: #da2228;
  }
  .forkliftBox .list li .box:hover .img .img_scale {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .division .list li .box:hover .img .img_scale {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .division .list li .box:hover .title {
    color: #da2228;
  }
  .logisticsTopics .list li .box:hover .img .img_scale {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .productHead .list li .box .img {
    overflow: hidden;
  }
  .productHead .list li .box .img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1),
      -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .productHead .list li .box:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .warehousingLogisticsList li .box .img,
  .fleetManagementAdvantage ul li .box .img {
    overflow: hidden;
  }
  .warehousingLogisticsList li .box .img img,
  .fleetManagementAdvantage ul li .box .img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1),
      -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .warehousingLogisticsList li .box:hover .img img,
  .fleetManagementAdvantage ul li .box:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .consultationList li .box:hover .img .img_scale {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .consultationList li .box:hover .title {
    color: #da2228;
  }

  .seriesForklift_right .list li .box .img {
    overflow: hidden;
  }
  .seriesForklift_right .list li .box .img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1),
      -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .seriesForklift_right .list li .box:hover .img img {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .seriesForklift_right .list li .box:hover .con .title {
    color: #da2228;
  }
  .forkliftBox .list li .box:hover {
    background-color: #da2228;
    color: #ffffff;
  }
  .sec_hotspots_computer,
  .sec_warehouse_computer {
    display: block;
  }
  .sec_hotspots_mobile,
  .sec_warehouse_mobile {
    display: none;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1610px) {
  .container {
    max-width: 1330px;
  }
}

@media (min-width: 1400px) {
  .seriesForklift_right .list li {
    -ms-flex: 0 0 33.333334%;
    flex: 0 0 33.333334%;
    max-width: 33.333334%;
  }
}
@media (max-width: 1400px) {
  .honorItemBox ul.list::-webkit-scrollbar {
    width: 2px;
  }
  .companyNewsSwiper .swiper-pagination {
    width: 76%;
  }
  .winningModelsSwiper .swiper-pagination {
    width: 76%;
  }
}

@media screen and (max-width: 767px) {
  /**/
  .container-fulid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .header_column .header-language {
    width: 50%;
  }
  .header_column .header-language .language_link {
    width: 50%;
  }
  .header_column .header_search {
    width: 50%;
  }
  .header_column .header_search .header_search_form {
    width: 100%;
  }
  #banner .banner_pagination {
    bottom: 2px;
    left: 0;
    right: 0;
  }
  #banner .banner_pagination .swiper-pagination {
    height: 2px;
  }
  .hAbout {
    background-color: #ffffff;
  }
  .hAbout .hText {
    max-width: 85%;
  }
  .hAbout .hAboutBox {
    padding: 4.4rem 0;
  }
  .hAbout .hAboutBox {
    width: 100%;
    right: 0;
    float: none;
  }
  .hProductTabUl {
    padding-top: 0;
    padding-bottom: 4rem;
  }
  .hProductSwiper {
    width: 100%;
    float: none;
    right: 0;
  }
  .hProductTab {
    width: 100%;
    position: relative;
    padding-top: 0;
  }
  .hProductJs .swiper_page {
    bottom: 1rem;
    right: 15px;
  }
  .hProductJs li.swiper-slide .img {
    transform: scale(1);
    opacity: 1;
    background-color: #ffffff;
  }
  .hProductJs li.swiper-slide {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .hProductTabUl li .model {
    font-size: 4.25rem;
  }
  .hNewsList li .box .img {
    height: 24rem;
  }
  .hContact .con {
    padding-top: 4rem;
  }
  .hContact .con .text {
    max-width: 100%;
  }

  #sideNav {
    display: none;
  }
  #wBanner .box .text {
    font-size: 2rem;
  }
  .aboutUsHead .list .img,
  .forkliftBox .list li .box .img {
    height: 45vw;
  }
  .aboutUsHead .list li,
  .forkliftBox .list li {
    margin-bottom: 15px;
  }
  .honorMain {
    top: 0;
    margin-bottom: 0;
    padding: 4.88rem 0;
  }
  .honorMainBg {
    background-color: #ffffff;
  }
  .honorItemBox ul.img {
    width: 100%;
    padding-right: 0;
    position: relative;
    margin-top: 1rem;
  }
  .honorItemBox ul.list {
    height: auto;
    overflow: hidden;
  }
  .honorItemBox ul.list li.items {
    width: 100%;
    display: none;
  }
  .honorItemBox ul.list li.items.active {
    display: block;
  }
  .companyNewsSwiper .swiper-pagination {
    width: 50%;
  }
  .hAbout .hAboutBox.mrt_is {
    margin-top: 0;
  }
  .forkliftBox .list li .box .con {
    padding: 3rem 1.5rem;
  }
  .automaticLoomHead {
    margin-top: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding: 5rem 15px;
  }
  .automaticLoomHead hr {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem;
  }
  .logisticsTopics .list li .img {
    height: 50vw;
  }
  .logisticsTopics .list ul.row {
    margin-left: 0;
    margin-right: 0;
  }
  .logisticsTopics .list li {
    padding-left: 0;
    padding-right: 0;
  }
  .groupImg .img {
    width: 90vw;
  }
  .division .list li .img {
    height: 56vw;
  }
  .division .list li + li {
    margin-top: 15px;
  }
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .circle_up {
    width: 30rem;
    margin-left: -15rem;
  }
  .contactMap_circle[name="map3"] .circle_up,
  .contactMap_circle[name="map7"] .circle_up,
  .contactMap_circle[name="map8"] .circle_up,
  .contactMap_circle[name="map13"] .circle_up,
  .contactMap_circle[name="map14"] .circle_up {
    left: 0;
    margin-left: -1.5rem;
  }
  .contactMap_circle[name="map3"] .circle_up:after,
  .contactMap_circle[name="map7"] .circle_up:after,
  .contactMap_circle[name="map8"] .circle_up:after,
  .contactMap_circle[name="map13"] .circle_up:after,
  .contactMap_circle[name="map14"] .circle_up:after {
    left: 0;
    margin-left: 1.5rem;
  }
  .contactMap_circle[name="map2"] .circle_up,
  .contactMap_circle[name="map5"] .circle_up,
  .contactMap_circle[name="map6"] .circle_up,
  .contactMap_circle[name="map12"] .circle_up,
  .contactMap_circle[name="map15"] .circle_up,
  .contactMap_circle[name="map16"] .circle_up,
  .contactMap_circle[name="map17"] .circle_up {
    left: 0;
    margin-left: -27.5rem;
  }
  .contactMap_circle[name="map2"] .circle_up:after,
  .contactMap_circle[name="map5"] .circle_up:after,
  .contactMap_circle[name="map6"] .circle_up:after,
  .contactMap_circle[name="map12"] .circle_up:after,
  .contactMap_circle[name="map15"] .circle_up:after,
  .contactMap_circle[name="map16"] .circle_up:after,
  .contactMap_circle[name="map17"] .circle_up:after {
    left: 0;
    margin-left: 27.5rem;
  }
  .handlingGroupText hr {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem;
  }
  .caseDBox .page .page_time {
    display: none;
  }
  .handlingGroupText {
    padding: 4.25rem 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .caseDBox {
    padding: 4.25rem 15px 3.75rem;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
  }
  .coreTechnologyBox .list ul {
    flex-direction: column-reverse;
  }
  .coreTechnologyBox .list li .con {
    padding: 2rem 15px;
  }
  .winningModelsSwiper .swiper-pagination {
    width: 50%;
  }
  .winningModelsSwiper li.swiper-slide .box .con {
    padding: 3rem 15px;
  }
  .winningModelsSwiper li.swiper-slide .box .con .icon {
    width: 24%;
    padding-right: 2rem;
    margin-right: 2rem;
  }
  .seriesForkliftMain {
    padding-left: 0;
    overflow: hidden;
  }
  .seriesForklift_left {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    padding: 0 15px 5vh;
    transition: transform 400ms linear;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
    overflow-y: auto;
  }
  .seriesForklift_left._open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .seriesForklift_right .list li .box .img {
    height: 20rem;
  }
  .seriesForklift_right .list li .box .con {
    padding: 0 15px;
  }
  .seriesForklift_environment .title {
    padding: 1.5rem 3.38rem;
  }
  .seriesForklift_submit .btn {
    padding: 1.25rem 0;
  }
  .seriesForklift_single {
    margin-top: 2rem;
  }
  .slider-container .scale span {
    bottom: 25px;
  }
  .slider-container .scale ins {
    font-size: 12px;
  }
  .seriesForkliftD_screen {
    display: none;
  }
  .seriesForkliftDTab {
    padding-bottom: 0;
  }
  .seriesForkliftD {
    margin-top: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding: 4.25rem 15px;
  }
  .seriesForkliftDImg {
    right: 15px;
  }
  .seriesForkliftDTab {
    top: inherit;
    bottom: 0;
    right: 15px;
  }
  .seriesForkliftDTab ul {
    display: flex;
  }
  .seriesForkliftDTab li {
    margin-left: 1.88rem;
  }
  .seriesForkliftDTab li:after {
    top: -24px;
    left: 50%;
    transform: rotate(0);
    margin-left: -12px;
    margin-top: 0;
  }
  .technology {
    margin-top: 0;
  }
  .technology .container-fulid {
    padding-left: 0;
    padding-right: 0;
  }
  .technologyBox {
    padding: 0 15px;
  }
  .technologyBoxHead {
    padding: 3.25rem 15px;
  }
  .technologyBoxHead .con .title {
    font-size: 2rem;
  }
  .technologyBoxList_items {
    padding: 3.25rem 0;
    flex-direction: column-reverse;
  }
  .technologyBoxList_items_text,
  .technologyBoxList_items_img {
    width: 100%;
  }
  .video_place .video_con {
    width: 92%;
    height: 50%;
  }
  .video_place .video_close_btn {
    width: 10vw;
    height: 10vw;
  }
  .servicesHead .servicesHeadText,
  .servicesHead .order-first .servicesHeadText {
    padding: 2.5rem 0 0;
  }
  .servicesHead li {
    -ms-flex-order: 0;
    order: 0;
  }
  .warehousingLogisticsList {
    margin-left: -15px;
    margin-right: -15px;
  }
  .warehousingLogisticsCon {
    margin-left: -15px;
    margin-right: -15px;
    padding: 4.25rem 15px;
  }
  .warehousingLogisticsTitle {
    margin-bottom: 2.25rem;
  }
  .warehousingLogisticsTitle:after {
    width: 20rem;
    margin-left: -10rem;
  }
  .warehousingLogisticsSides .con {
    padding-right: 0;
    padding-top: 2rem;
  }
  .warehousingLogisticsUl .con {
    padding-right: 0;
    padding-top: 2rem;
  }
  .table_style {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table_style table {
    white-space: nowrap;
  }
  .fleetManagementAreas ul {
    padding-top: 3rem;
  }
  .fleetManagementAreas ul > li .box {
    border-bottom-width: 2px;
  }
  .fleetManagement {
    margin-top: 0;
  }
  .solution {
    padding-bottom: 7.8125vw;
  }
  .toyotaSafetyDanger .con li .icon {
    width: 3.6rem;
  }
  .toyotaSafetyDanger .con li {
    padding: 2.75rem 0 2.75rem 5.62rem;
  }
  .toyotaSafetyDanger .img img {
    max-width: 70%;
  }
  .toyotaSafetyAccident ul {
    padding-right: 0;
    background: none;
  }
  .toyotaSafetyAccident .img img {
    max-width: 100%;
  }
  .toyotaSafetyFactor ul > li .box .text_list .img {
    width: 60%;
  }
  .toyotaSafetyEntrance ul > li .box {
    display: block;
    font-size: 2rem;
  }
  .toyotaSafetyEntrance ul > li .box .img {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 17rem;
    margin-bottom: 1rem;
  }
  .toyotaSafetyEntrance ul > li .box .text {
    padding-left: 0;
  }
  .toyotaSafetySafetyLaw .con {
    padding-bottom: 1.5rem;
  }
  .toyotaSafetyTrain ul > li .img img {
    width: 100%;
    display: block;
  }
  .toyotaSafetyDanger {
    padding-bottom: 0;
    background: none;
  }
  #wBanner .box .text_35 {
    font-size: 1.75rem;
  }
  .policyText {
    padding: 3rem 0 1.75rem;
  }
  .policyText .text {
    max-width: 100%;
  }
  .onlineConsultation .onlineConsultationCon {
    padding: 3.5rem 15px;
  }
  .salesNetworkMapCon {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    right: 0;
    transform: translateY(0);
  }
  .salesNetworkMapCon .title {
    height: 70px;
  }
  .salesNetworkMapCon .text {
    height: 50px;
  }
  .distributor {
    margin-top: 0;
    padding: 4.25rem 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .distributorBox .con {
    padding: 2.5rem 15px;
  }
  .consultationHead {
    margin-top: 0;
    padding: 4.25rem 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .consultationHeadText .text {
    margin-bottom: 2rem;
  }
  .consultationList li .box .img {
    height: 50vw;
  }
  .consultationList li .box .title:after {
    background-size: 10px;
  }
  .consultationList {
    padding: 4.25rem 0;
  }
  .consultationForm {
    padding: 4.25rem 0;
  }
  .webForm .input select.form-control {
    background-size: 8px auto;
  }
  .webForm .formBtn .btn {
    height: 4rem;
    line-height: 4rem;
  }
  .salesNetworkMap {
    padding: 15px 0;
  }
  .salesNetworkMapBox ul {
    display: flex;
    flex-flow: row wrap;
    margin-top: 1rem;
  }
  .salesNetworkMapBox ul > li {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    margin-bottom: 1px;
    width: 12.5%;
    height: auto;
    color: #fff;
  }
  .salesNetworkMapBox ul > li a {
    text-indent: 0;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
  }
  .salesNetworkMapBox ul > li:after {
    width: 1px;
    height: 100%;
    margin-left: 0;
    background-image: none;
    background-color: #ffffff;
    left: 0;
    opacity: 1;
  }
  .salesNetworkMapBox ul > li.open {
    background-color: #ffffff;
    color: #000;
  }
  .hMore a {
    padding: 1.25rem;
  }
}

@media screen and (max-width: 666px) {
}

@media screen and (max-width: 567px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 414px) {
}
@media screen and (max-width: 340px) {
}