@media (max-width: 1366px) {
  .w1200 {
    width: 100%;
    min-width: auto;
    padding-right: 30px;
    padding-left: 30px
  }

  .partnersList_box {
    padding: 8% 0
  }

  .partnersList_box .main {
    padding: 3% 0
  }

  .partnersList_box .partnersList {
    padding: 0 2%;
    margin-top: -30px;
    margin-right: 0
  }

  .partnersList_box .partnersList li {
    width: 25%;
    padding: 0 1%;
    text-align: center;
    margin: 0;
    margin-top: 30px
  }

  .partnersList_box .partnersList .partnersList_item {
    text-align: center;
    width: 100%;
    display: block
  }

  .partnersList_box .partnersList .partnersList_item .scale_wrap,
  .partnersList_box .partnersList .partnersList_item .imgBox {
    height: 126px;
    margin: 0 auto
  }
}

@media (max-width: 1024px) {
  .w1200 {
    padding-right: 20px;
    padding-left: 20px
  }

  .header_PC {
    display: none
  }

  .header_mobile {
    display: block
  }

  .top-fixed~.main {
    padding-top: 60px
  }

  .aboutUs_list {
    padding: 0 2% !important
  }

  .aboutUs_list li {
    width: 33.3%;
    padding: 0 2%
  }

  .aboutUs_list .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
  }

  .aboutUs_list .scale_wrap,
  .aboutUs_list .imgBox {
    width: 100%;
    height: 155.2px
  }

  .prd_list_item .textBox .tle .title {
    font-size: 19.2px
  }

  .prd_list_item .textBox .tips {
    font-size: 12px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -o-text-overflow: ellipsis;
    white-space: inherit;
    width: 100%
  }

  .prd_list_item .btn_caps {
    width: 80px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    border-color: #cdcdcd
  }

  .prd_details_item .textBox .tle .title {
    font-size: 19.2px
  }

  .newsList_list_item .textBox .tips {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -o-text-overflow: ellipsis
  }
}

@media (max-width: 768px) {
  .teamList li {
    width: 33%
  }

  .teamList .teamList_item {
    width: 100%
  }

  .teamList .teamList_item .imgBox_wrap {
    width: 184px;
    height: 184px
  }

  .teamList .teamList_item .imgBox_wrap .imgBox {
    width: 166.4px;
    height: 166.4px
  }

  /*!**内页banner***/
  .m_banner {
    height: 300px
  }

  .m_banner .m_banner_tle {
    font-size: 37.8px;
    left: 12.5%
  }

  .m_banner .m_banner_tle .tips {
    font-size: 18px
  }

  .m_tle.inside .title {
    font-size: 24px;
    padding-bottom: 3%
  }

  .aboutUs_list_wrap {
    padding: 8% 0
  }

  .history_list li {
    margin-top: 30px
  }

  .history_list_item {
    padding: 0 20px !important
  }

  .history_list_item::after {
    margin-top: 4px !important
  }

  .history_list_item.right .tips {
    text-align: left
  }

  .history_list_item .tle .title {
    font-size: 16px
  }

  .history_list_item .tle .tips {
    font-size: 14px;
    margin-top: 4px
  }

  .history_box {
    padding: 8% 0
  }

  .history_box .history_list:before {
    width: 15px;
    height: 15px;
    border: 2px solid #067194;
    margin-left: -8px;
    bottom: -15px
  }

  .history_box .main {
    padding: 3% 0
  }

  .partnersList_box {
    padding: 8% 0
  }

  .partnersList_box .main {
    padding: 3% 0
  }

  .partnersList_box .partnersList {
    padding: 0 1%;
    margin-top: -30px;
    margin-right: 0
  }

  .partnersList_box .partnersList li {
    width: 33.3%;
    padding: 0 1%;
    text-align: center;
    margin: 0;
    margin-top: 30px
  }

  .partnersList_box .partnersList .partnersList_item {
    text-align: center;
    width: 100%;
    display: block
  }

  .partnersList_box .partnersList .partnersList_item .scale_wrap,
  .partnersList_box .partnersList .partnersList_item .imgBox {
    height: 126px;
    margin: 0 auto
  }

  .prd_list_item .textBox .tle .title {
    font-size: 16.8px
  }

  .prd_list_item .textBox .tips {
    font-size: 11.2px;
    width: 100%
  }

  .prd_list_item .btn_caps {
    width: 80px;
    height: 24.5px;
    line-height: 24.5px;
    font-size: 12px;
    border-color: #cdcdcd
  }

  .contactUs_info_textBox {
    margin-top: -10px;
    font-size: 14px;
    line-height: 2
  }

  .contactUs_info_textBox .tle {
    font-size: 18px;
    margin-bottom: 0
  }
}

@media (max-width: 640px) {
  .w1200 {
    padding-right: 15px;
    padding-left: 15px
  }

  .aboutUs_index {
    padding-bottom: 150px
  }

  .aboutUs_index .left,
  .aboutUs_index .right {
    width: 100%
  }

  .aboutUs_index .textBox {
    bottom: 0;
    top: auto;
    height: 150px;
    padding: 20px 15px
  }

  .aboutUs_index .textBox .tle .cn {
    font-size: 18px
  }

  .aboutUs_index .textBox .tle .en {
    font-size: 14px
  }

  .aboutUs_index .textBox .tips {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -o-text-overflow: ellipsis;
    line-height: 1.5;
    margin-top: 15px;
    margin-bottom: 15px
  }

  .aboutUs_index .textBox .btn_caps {
    font-size: 12px;
    width: auto;
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    float: right;
    margin-top: 0
  }

  .aboutUs_index .imgBox {
    width: 100%;
    height: 100%
  }

  .m_tle {
    padding: 0 20px
  }

  .m_tle .title {
    font-size: 20px
  }

  .m_tle .tips {
    font-size: 14px;
    margin-top: 10px;
    font-weight: normal;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -o-text-overflow: ellipsis
  }

  .m_tle.inside .title {
    font-size: 18px
  }

  .prd_list_index .swiper_wrap.slide_row {
    padding-bottom: 38.4px
  }

  .prd_list_index .swiper_wrap.slide_row .swiper-container {
    height: 392px
  }

  .prd_list_index .swiper_wrap.slide_row .item {
    width: 213.6px;
    height: 299.2px
  }

  .prd_list_index .swiper_wrap.slide_row .swiper-button-next,
  .prd_list_index .swiper_wrap.slide_row .swiper-button-prev {
    width: 38.4px;
    height: 38.4px;
    margin: 0 10px
  }

  .news_list_index {
    padding-top: 5%;
    padding-bottom: 5%
  }

  .news_list_index .left,
  .news_list_index .right {
    width: 100%;
    max-width: 100%
  }

  .news_list_index .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .news_list_index .head_news {
    width: auto;
    padding: 0;
    margin: 0 15px;
    padding-bottom: 15px
  }

  .news_list_index .head_news .imgBox {
    width: 100%;
    height: 100%
  }

  .news_list_index .head_news .more {
    font-size: 12px
  }

  .news_list_index .news_item {
    padding: 10px;
    margin: 0 15px;
    border-top: 1px solid #ddd;
    border-bottom: 0
  }

  .news_list_index .news_item .date {
    font-size: 16px
  }

  .news_list_index .news_item .textBox .tips {
    margin-top: 5px;
    line-height: 1.5
  }

  .footer-wrap {
    position: relative;
    overflow: hidden;
    background-color: #f6f6f6;
    padding: 15px;
    border-top: 1px solid #e1e1e1;
    text-align: center;
    font-size: 12px;
    color: #666;
    line-height: 1.8
  }

  .footer-wrap a {
    color: #333;
    font-size: 12px
  }

  .footer-wrap a:hover,
  .footer-wrap a.active {
    color: #067194
  }

  .footer-wrap .f_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .footer-wrap .f_nav a {
    width: 25%;
    text-align: left;
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -o-text-overflow: ellipsis
  }

  .footer-wrap .f_contact {
    margin-top: 10px
  }

  .aboutUs_box {
    padding: 8% 0
  }

  .aboutUs_box .m_tle.inside .title {
    padding-bottom: 0
  }

  .aboutUs_box .main {
    padding-bottom: 200px
  }

  .aboutUs_box .left,
  .aboutUs_box .right {
    width: 100%
  }

  .aboutUs_box .textBox {
    bottom: 0;
    top: auto;
    height: 200px;
    padding: 0
  }

  .aboutUs_box .textBox .scroll_cnt {
    margin-top: -30px
  }

  .aboutUs_box .textBox .tle {
    position: relative;
    line-height: 1;
    margin: 0;
    margin-top: 20px
  }

  .aboutUs_box .textBox .tle .title {
    display: block;
    font-size: 16px;
    color: #333;
    overflow: hidden
  }

  .aboutUs_box .textBox .tle .tips {
    font-size: 12px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -o-text-overflow: ellipsis
  }

  .aboutUs_box .textBox .info {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -o-text-overflow: ellipsis;
    overflow: hidden
  }

  .teamList_box {
    padding: 5% 0
  }

  .teamList_box .m_tle .title {
    padding-bottom: 5%
  }

  .teamList {
    padding: 0
  }

  .teamList li {
    width: 33%
  }

  .teamList .teamList_item .imgBox_wrap {
    width: 103.5px;
    height: 103.5px;
    margin-bottom: 20px
  }

  .teamList .teamList_item .imgBox_wrap::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #35a4c8 transparent transparent transparent;
    border-bottom: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .teamList .teamList_item .imgBox_wrap .imgBox {
    width: 93.6px;
    height: 93.6px
  }

  .teamList .teamList_item .tle {
    font-size: 12px;
    color: #666;
    padding: 0 10px
  }

  .teamList .teamList_item .tle .title {
    font-size: 14px;
    display: block;
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -o-text-overflow: ellipsis;
    color: #333
  }

  .teamList .teamList_item .tle .tips {
    margin-top: 10px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -o-text-overflow: ellipsis;
    line-height: 1.8;
    height: auto
  }

  /*!**内页banner***/
  .m_banner {
    height: 200px
  }

  .m_banner .m_banner_tle {
    font-size: 29.4px;
    left: 12.5%
  }

  .m_banner .m_banner_tle .tips {
    font-size: 14px
  }

  .m_banner .m_banner_tle.mid {
    font-size: 32.4px
  }

  .m_banner .m_banner_tle.mid .icon {
    width: 72.6px;
    height: 29.4px;
    vertical-align: -3px;
    margin-right: 5px
  }

  .partnersList_box {
    padding: 8% 0
  }

  .partnersList_box .main {
    padding: 3% 0
  }

  .partnersList_box .partnersList {
    margin-top: -15px;
    margin-right: 0
  }

  .partnersList_box .partnersList li {
    width: 50%;
    padding: 0 2%;
    text-align: center;
    margin: 0;
    margin-top: 15px
  }

  .partnersList_box .partnersList .partnersList_item .scale_wrap,
  .partnersList_box .partnersList .partnersList_item .imgBox {
    width: 100%;
    height: 100.8px
  }

  .prd_list_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 180px
  }

  .prd_list_item .textBox {
    width: 100%;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: 180px;
    padding: 0 15px !important
  }

  .prd_list_item .textBox .tle .title {
    font-size: 16.8px
  }

  .prd_list_item .textBox .tips {
    font-size: 12px;
    margin: 15px 0
  }

  .prd_list_item .btn_caps {
    width: 90px;
    height: 31.5px;
    line-height: 31.5px;
    font-size: 12px;
    border-color: #cdcdcd
  }

  .prd_list_item .scale_wrap {
    width: 100%
  }

  .prd_list_box {
    padding: 0 15px
  }

  .prd_list_box .prd_list li {
    border: 1px solid #ddd;
    margin-top: 15px
  }

  .pagination_item>a {
    width: 32px;
    height: 32px;
    line-height: 32px
  }

  .prd_details_box .prd_details_list li {
    border: 1px solid #ddd;
    margin-top: 15px
  }

  .prd_details_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 180px
  }

  .prd_details_item .textBox {
    width: 100%;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: 180px;
    padding: 0 15px !important
  }

  .prd_details_item .textBox .tle .title {
    font-size: 16.8px
  }

  .prd_details_item .textBox .tips {
    font-size: 12px;
    margin: 15px 0
  }

  .prd_details_item .textBox .scroll_cnt {
    height: 120px;
    margin: 0;
    margin-top: 10px;
    padding-right: 5px
  }

  .prd_details_item .scale_wrap {
    width: 100%
  }

  .details_tle {
    font-size: 22.4px
  }

  .newsList_list li {
    padding: 20px 15px
  }

  .newsList_list_item .scale_wrap {
    width: 50%;
    height: 151.2px
  }

  .newsList_list_item .imgBox {
    width: 100%;
    height: 100%
  }

  .newsList_list_item .textBox {
    padding-left: 15px
  }

  .newsList_list_item .textBox .tle {
    font-size: 16.2px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -o-text-overflow: ellipsis
  }

  .newsList_list_item .textBox .tips {
    margin: 12px 0;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -o-text-overflow: ellipsis;
    font-size: 12px
  }

  .newsList_list_item .date_wrap {
    position: absolute;
    right: -15px;
    top: -20px
  }

  .newsList_list_item .date_wrap .date {
    font-size: 12px;
    padding: 5px;
    background-color: #067194;
    color: #fff;
    text-align: center
  }

  .newsList_list_item .date_wrap .date .day {
    font-size: 16px
  }

  .newsList_list_item .date_wrap .date .date_year {
    margin-top: 5px
  }

  .newsList_list_item .w1200 {
    padding: 0
  }

  .news_nav_tle {
    font-size: 19.2px;
    padding: 23.4px 15px;
    text-align: center
  }

  .news_nav .w1200 {
    padding: 0
  }

  .news_nav .item {
    font-size: 14.4px;
    padding: 9.6px 32px
  }

  .news_detail_box {
    padding: 3% 0
  }

  .news_detail_box .detail_tle {
    font-size: 26px
  }

  .news_detail_box .date {
    margin-top: 10px
  }

  .news_detail_box .editBox {
    font-size: 14px;
    color: #333;
    line-height: 2.5;
    margin-top: 10px
  }

  .page_tool {
    font-size: 12px;
    margin-top: 20px;
    padding-top: 15px;
    margin-bottom: 10px
  }

  .page_tool .icon {
    margin-right: 5px;
    width: 24px;
    height: 24px
  }

  .joinUs_box {
    padding-top: 5%
  }

  .joinUs_box .tab-wrap {
    margin-top: 30px;
    margin-bottom: 60px
  }

  .joinUs_box .tab-wrap .tab-hd {
    height: 36px;
    line-height: 36px
  }

  .joinUs_box .tab-wrap .tab-hd .tab-hd-item {
    font-size: 14px;
    padding: 0 15px
  }

  .job_box .item-hd {
    padding-right: 30px
  }

  .job_box .item-hd .item {
    line-height: 1.2;
    width: 100%;
    font-size: 13px
  }

  .job_box ul li .item-sub {
    padding: 15px
  }

  .job_box ul li.active .item-bd .icon {
    right: 8px
  }

  .job_box ul li .item-bd {
    padding-right: 30px
  }

  .job_box ul li .item-bd .item {
    line-height: 1.2;
    width: 100%;
    font-size: 12px
  }

  .job_box ul li .item-bd .icon {
    right: 8px
  }

  .joinUs_img {
    margin-top: 3%
  }

  .contactUs_info {
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
  }

  .contactUs_info .left,
  .contactUs_info .right {
    width: 100%;
    overflow: hidden;
    padding: 0
  }

  .contactUs_info .imgBox {
    opacity: .1
  }

  .contactUs_info .contactUs_info_textBox {
    line-height: 1;
    margin-top: 0;
    padding: 0 15px;
    bottom: 0
  }

  .contactUs_info .contactUs_info_textBox .tle {
    margin-bottom: 5px
  }

  .contactUs_info .contactUs_info_textBox .icon {
    width: 30px;
    height: 30px;
    margin-right: 5px
  }

  .contactUs_info .contactUs_info_textBox .flex_box {
    margin-top: 10px;
    line-height: 1.5
  }

  .contactUs_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .contactUs_bottom .left,
  .contactUs_bottom .right {
    width: 100%;
    overflow: hidden;
    height: auto
  }

  .contactUs_bottom .map {
    height: 300px
  }

  .form_msg {
    overflow: hidden;
    height: 100%;
    color: #fff;
    padding: 30px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
  }

  .form_msg .main {
    width: 100%
  }

  .form_msg .tle {
    font-size: 18px;
    margin-bottom: 10px;
    overflow: hidden;
    display: inline-block
  }

  .form_msg .input-group {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .form_msg .label {
    display: inline-block;
    width: 90px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
    font-size: 14px
  }

  .form_msg .input-text {
    max-width: 290px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px
  }

  .form_msg .textarea {
    border: 1px solid #ddd;
    padding: 10px;
    height: 160px;
    color: #fff;
    font-size: 14px
  }

  .form_msg .btn_caps {
    border-radius: 0;
    font-size: 14px;
    width: 100%;
    height: 40px;
    line-height: 40px
  }
}

@media (max-width: 375px) {

  .aboutUs_list .scale_wrap,
  .aboutUs_list .imgBox {
    height: 155.2px
  }
}

@media (max-width: 320px) {
  .aboutUs_box .textBox .tle .title {
    font-size: 14px
  }

  .aboutUs_box .textBox .info {
    font-size: 12px
  }

  .aboutUs_box .textBox {
    height: 180px
  }

  .aboutUs_box .main {
    padding-bottom: 180px
  }

  .m_tle.inside .title {
    font-size: 16px
  }

  .aboutUs_list .scale_wrap,
  .aboutUs_list .imgBox {
    height: 116.4px
  }

  .teamList {
    padding: 0
  }

  .teamList li {
    width: 33%
  }

  .teamList .teamList_item .imgBox_wrap {
    width: 92px;
    height: 92px;
    margin-bottom: 20px
  }

  .teamList .teamList_item .imgBox_wrap .imgBox {
    width: 83.2px;
    height: 83.2px
  }

  .teamList .teamList_item .tle .tips {
    margin-top: 5px
  }
}

@media (max-width: 768px) {
  .contactUs_info .left {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .contactUs_info .textBox {
    padding: 0 5%;
    position: relative;
    top: auto;
    left: auto;
    height: 100%;
    word-break: break-all;
  }

  .contactUs_info .contactUs_info_textBox .tle {
    margin-bottom: 5px;
    line-height: 1.5;
  }
}