@charset "UTF-8";
/* 响应 */
@media screen and (max-width: 1600px) {
  .about .main4 .content .swiper-main4container .swiper-button-next {
    right: 0; }
  .about .main4 .content .swiper-main4container .swiper-button-prev {
    left: 0; } }

@media screen and (max-width: 1400px) {
  .news .main1 .content .box .txt .block .abstract {
    margin-bottom: 50px; } }

@media screen and (max-width: 1199px) {
  .order .order_right {
    padding: 50px 15px; }
  .contact {
    padding: 60px 0; }
    .contact .content .map {
      height: 480px; }
  .contact .content .icon {
    margin-bottom: 40px; }
  .contact .q_inner_title {
    margin-bottom: 40px; }
  .news .main1 .content .box .txt {
    padding-top: 30px; }
  .news .main1 .content .box .txt .block .time {
    margin: 20px 0 20px; }
  .news .main1 .content .box .txt .block .abstract {
    margin-bottom: 30px; }
  .news .main1 .content .box .txt .block {
    top: 30px; }
  .news .main2 .content .block:hover {
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: none; }
  .news .main2 .content .block:hover .txt .title {
    color: #333333; }
  .news .main2 .content .block:hover .txt .more .iconfont {
    color: #898989; }
  .news {
    padding: 60px 0 60px; }
  .news-details {
    padding: 60px 0; }
  .switch a {
    padding: 40px 28px; }
  .switch a:hover {
    background-color: #f9f9f9;
    color: #333333; }
  .switch a:hover span {
    color: #888888; }
  .switch .details_prev:hover .iconfont {
    color: #333333;
    border-right: 1px solid #cdcdcd;
    opacity: 0.5; }
  .switch .details_next:hover .iconfont {
    color: #333333;
    border-left: 1px solid #cdcdcd;
    opacity: 0.5; }
  .faq {
    padding: 60px 0; }
  .case_nav {
    display: none; }
  .case {
    padding: 60px 0; }
  .case .main1 .block {
    margin-bottom: 40px; }
  .case-details {
    padding: 60px 0; }
  .case-details .main2 {
    padding-top: 60px; }
  .about .main4 .content .swiper-main4container .swiper-button-next {
    display: none; }
  .about .main4 .content .swiper-main4container .swiper-button-prev {
    display: none; }
  .about .main3 {
    padding-bottom: 0; }
    .about .main3 .content {
      background-image: none;
      height: auto;
      padding-top: 40px; }
      .about .main3 .content .q_inner_title {
        margin-bottom: 40px; }
        .about .main3 .content .q_inner_title .cn {
          color: #434343; }
        .about .main3 .content .q_inner_title .en {
          color: #434343; }
      .about .main3 .content .box {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        border-radius: 0;
        position: relative;
        top: 0;
        box-shadow: none;
        background: none; }
        .about .main3 .content .box .block {
          width: 32%;
          padding: 20px 0;
          box-shadow: 0 0 15px #eeeeee;
          border-radius: 10px;
          background: #fff; }
          .about .main3 .content .box .block:not(:nth-child(3n)) {
            margin-right: 2%; }
          .about .main3 .content .box .block:nth-child(n+4) {
            margin-top: 20px; }
          .about .main3 .content .box .block:not(:last-child)::after {
            display: none; }
  .about .main3 .content .box .block:hover {
    background-image: none; }
  .about .main3 .content .box .block:hover .txt .cn {
    color: #333333; }
  .about .main3 .content .box .block:hover .txt .en {
    color: #434343; }
  .about .main3 .content .box .block:hover .txt .iconfont {
    color: #484660; }
  .about .main3 .content .box .block:hover .txt .iconfont.iconxingxing::after {
    background: #fff; }
  .about .main3 .content .box .block:hover .txt .icon {
    background-color: #aacd06; }
  .about .main1 .content .box {
    width: 100%; }
  .about .main1 .content .right_img {
    width: 100%; }
  .about .main1 .content {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
  .about {
    padding: 60px 0; }
  .about .main2 {
    margin-top: 40px; }
  .about .main4 {
    padding-top: 60px; } }

@media screen and (max-width: 1024px) {
  .news .main2 .content .block {
    width: 48%; }
  .news .main2 .content .block:not(:nth-child(3n)) {
    margin-right: 0; }
  .news .main2 .content .block:not(:nth-child(even)) {
    margin-right: 4%; }
  .order_left {
    display: none; }
  .order_right {
    width: 100%; } }

@media screen and (max-width: 992px) {
  .case .main1 .block {
    width: 49%; }
  .case .main1 .block:not(:nth-child(3n)) {
    margin-right: 0; }
  .case .main1 .block:not(:nth-child(even)) {
    margin-right: 2%; }
  .news .main1 .content .box .txt .block .abstract {
    margin-bottom: 5px; }
  .news .main1 .content .box .txt .block .title {
    font-size: 20px;
    line-height: 21px; }
  .news .main1 .content .box .txt .block .more {
    width: 40px;
    height: 40px;
    line-height: 40px; }
  .find_password .main1 .content .q_login_box {
    width: 98%;
    margin: 0 auto; }
  .reset_password .order_right .content .btn_box {
    margin: 50px auto 0 auto; } }

@media screen and (max-width: 768px) {
  .contact .content .map {
    height: 400px; }
  .bgcolors {
    background-color: #fff;
    background: #fff; }
  .order_screening_btn {
    display: block; }
  .order_screening_popup {
    top: 76px; }
  .order_screening {
    display: none; }
  .order_right .order_search .items {
    margin-right: 0; }
  .order-details .order_right .content .order-details_top p:last-child {
    margin-left: 0;
    margin-top: 10px; }
  .order-details .order_right .content .order-details_top p {
    width: 100%; }
  .edit_data .order_right {
    padding: 40px 5px; }
  .edit_data .order_right .edit_data_sheet .line .edit_input textarea {
    width: 100%; }
  .edit_data .order_right .edit_data_sheet .line .edit_down {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .edit_data .order_right .edit_data_sheet .line .edit_input input {
    width: 100%; }
  .edit_data .order_right .edit_data_sheet .line .new {
    display: none; }
  .order_right .order_search .btn {
    display: none; }
  .login .main1 .content,
  .enroll .main1 .content,
  .find_password .main1 .content {
    height: auto;
    padding: 30px 0; }
  .case-details .main1 .title {
    font-size: 24px; }
  .case-details .main1 .news_info {
    margin-bottom: 20px; }
  .about .main4 .q_inner_title {
    margin-bottom: 30px; }
  .about .main4 {
    padding-top: 40px; }
  .about .main3 .content .q_inner_title {
    margin-bottom: 30px; }
  .about .main3 .content {
    padding-top: 30px; }
  .about .main2 {
    margin-top: 30px; }
  .about .main1 .q_inner_title {
    margin-bottom: 30px; }
  .about {
    padding: 40px 0; }
  .about .main2 .content .box .block .number p {
    font-size: 40px;
    line-height: 40px; }
  .about .main2 .content .box {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    .about .main2 .content .box .block {
      width: 50%;
      padding: 15px 0; }
      .about .main2 .content .box .block:not(:last-child)::after {
        display: none; }
      .about .main2 .content .box .block:nth-child(n+3) {
        margin-top: 15px; }
  .about .main3 .content .box .block .txt .icon {
    margin-bottom: 40px; }
  .case-details .main2 .title {
    margin-bottom: 30px; }
  .case-details .main2 {
    padding-top: 40px; }
  .case-details {
    padding: 40px 0; }
  .case {
    padding: 40px 0; }
  .case .main1 .block {
    margin-bottom: 30px; }
  .case .main1 .q_inner_title {
    margin-bottom: 30px; }
  .faq .main1 .block {
    width: 100%; }
    .faq .main1 .block:not(:last-child) {
      margin-bottom: 15px; }
  .faq .main1 .center {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
  .faq .main1 {
    margin-bottom: 30px; }
  .faq {
    padding: 40px 0; }
  .m_switch {
    display: block; }
  .switch {
    display: none; }
  .news-details {
    padding: 40px 0; }
  .news {
    padding: 40px 0 40px; }
  .news .main1 {
    margin-bottom: 30px; }
  .news .main1 .content .box .txt {
    padding-top: 0; }
  .news .main1 .content .box .q_news_left {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px; }
  .news .main1 .content .box .txt {
    width: 100%;
    height: 220px; }
  .news .main1 .content .box .txt .block {
    left: 30px;
    top: 0; }
  .news .main1 .content .box .txt .block .abstract {
    margin-bottom: 20px; }
  .news .main1 .content .box {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
  .contact {
    padding: 40px 0; }
  .contact .content .icon {
    margin-bottom: 30px; }
  .contact .q_inner_title {
    margin-bottom: 30px; }
  .q_inner_title .cn {
    font-size: 26px;
    line-height: 27px; }
  .order .list .title1 {
    width: 22%; }
  .order .list .title4 {
    display: none; }
  .order .list .title6 {
    width: 15%; }
  .edit_data .order_right .edit_data_sheet .btn_box .btn {
    margin: 0 auto; }
  .reset_password .order_right {
    padding: 50px 5px; }
  .order-details .order_right {
    padding: 50px 5px; }
  .order_right .order_search .item {
    width: 49%; }
  .order_right .order_search .newline {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 25px; }
  .order_right .order_search .item:not(:last-child) {
    margin-right: 0; }
  .order_right .order_search .item:nth-child(odd) {
    margin-right: 2%; }
  .order_right .order_search .item {
    margin-bottom: 15px; } }

@media screen and (max-width: 690px) {
  .order_screening_popup .mask .box1 .box {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    .order_screening_popup .mask .box1 .box .newline {
      width: 100%;
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none; }
    .order_screening_popup .mask .box1 .box .item {
      width: 100%; }
    .order_screening_popup .mask .box1 .box .btn {
      display: block;
      margin: 0 auto;
      margin-top: 30px; }
  .order_screening_popup .mask .box1 .item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 15px; }
  .case .main1 .block {
    width: 100%; }
    .case .main1 .block img {
      width: 100%; }
  .case .main1 .block:not(:nth-child(even)) {
    margin-right: 0; }
  .q_login_box .box .process {
    width: 100%; }
  .find_password .main1 .content .q_login_box .box {
    padding: 45px 30px; }
  .edit_data .order_right {
    padding: 50px 5px; }
  .edit_data .order_right .edit_data_sheet .line .name {
    margin-right: 20px; } }

@media screen and (max-width: 640px) {
  .about .main3 .content .box .block {
    width: 49%; }
    .about .main3 .content .box .block:nth-child(n+3) {
      margin-top: 15px; }
  .about .main3 .content .box .block:not(:nth-child(3n)) {
    margin-right: 0; }
  .about .main3 .content .box .block:not(:nth-child(even)) {
    margin-right: 2%; }
  .about .main3 .content .box .block .txt .iconfont {
    font-size: 40px;
    margin-bottom: 20px; }
  .about .main3 .content .box .block .txt .icon {
    margin-bottom: 20px; }
  .about .main3 .content .box .block .txt .icon_box {
    height: 40px;
    margin-bottom: 20px; }
  .about .main3 .content .box .block .txt .iconfont.iconxingxing {
    font-size: 36px; }
  .faq .main1 .block .txt {
    margin-left: 0; }
  .faq .main2 .line .title .icon {
    margin-right: 10px; }
  .faq .main2 .line .faq_down {
    padding-left: 0; }
  .faq .main1 .block .title .icon {
    margin-right: 10px; }
  .faq .main1 .block {
    padding: 20px; }
  .faq .main2 .box {
    padding: 0 20px; }
  .faq .main2 .line .title .name {
    font-size: 16px; }
  .news .main1 .content .box .q_news_left .swiper-pagination {
    right: 20px;
    bottom: 15px; }
  .news .main2 .content .block {
    width: 100%;
    margin-bottom: 20px; }
    .news .main2 .content .block img {
      width: 100%; }
  .news .main2 .content .block:not(:nth-child(even)) {
    margin-right: 0; }
  .news .main1 .content .box .txt .block {
    left: 15px; }
  .order .list .title3 {
    display: none; }
  .order .list .title2 {
    width: 35%; }
  .order .list .title6 {
    width: 18%; }
  .order .list .title5 {
    width: 23%; }
  .order .list .list_container .line {
    padding: 5px 0;
    border: none;
    border-bottom: 1px solid #eeeeee; }
  .order .order_right {
    padding: 50px 5px; }
  .order .list .list_title {
    font-size: 12px; }
  .order .list .list_container .line {
    font-size: 12px; }
  .order .list .list_container .line .btn {
    font-size: 12px;
    margin-bottom: 10px; }
  .order .list .list_container .line .details {
    font-size: 12px; }
  .order_right .order_right_title {
    margin-bottom: 30px; }
  .reset_password .order_right .content .line {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
  .reset_password .order_right .content .line .password_input {
    width: 100%;
    margin-left: 0; }
  .reset_password .order_right .content .line .name {
    margin-bottom: 15px; }
  .order-details .order_right .content .product_type {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media screen and (max-width: 540px) {
  .order-details .order_right .content .product_type .img {
    width: 100%; }
    .order-details .order_right .content .product_type .img img {
      width: 100%;
      margin-bottom: 20px; } }

@media screen and (max-width: 480px) {
  .contact .content .map {
    height: 360px; }
  .about .main4 .content .picture_container img {
    width: 100%; }
  .order_screening_btn {
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    font-size: 14px; }
  .order_screening_popup {
    top: 66px; }
  .about .main3 .content .box .block {
    width: 100%; }
    .about .main3 .content .box .block::not(nth-child(2n)) {
      margin-right: 0; }
    .about .main3 .content .box .block:nth-child(n+2) {
      margin-top: 15px; }
  .about .main4 .q_inner_title {
    margin-bottom: 20px; }
  .about .main4 {
    padding-top: 30px; }
  .about .main3 .content .q_inner_title {
    margin-bottom: 20px; }
  .about .main3 .content {
    padding-top: 20px; }
  .about .main2 {
    margin-top: 20px; }
  .about .main1 .q_inner_title {
    margin-bottom: 20px; }
  .about {
    padding: 30px 0; }
  .about .main1 .content .box .title_img {
    width: 100%; }
  .about .main1 .content .box .title_img .mask .name {
    font-size: 20px; }
  .case-details .main2 .title {
    margin-bottom: 20px; }
  .case-details .main2 {
    padding-top: 30px; }
  .case-details {
    padding: 30px 0; }
  .case {
    padding: 30px 0; }
  .case .main1 .block {
    margin-bottom: 20px; }
  .case .main1 .q_inner_title {
    margin-bottom: 20px; }
  .case .main1 .block .txt {
    padding: 20px; }
  .faq .main2 .box {
    padding: 0 10px; }
  .faq .main1 .block {
    padding: 10px; }
  .faq .main1 {
    margin-bottom: 20px; }
  .faq {
    padding: 30px 0; }
  .news-details {
    padding: 30px 0; }
  .news-details .txt {
    padding: 20px 0; }
  .news-details .title {
    font-size: 22px;
    line-height: 1.4em; }
  .news .main1 {
    margin-bottom: 20px; }
  .news {
    padding: 30px 0 30px; }
  .contact .q_inner_title {
    margin-bottom: 22px; }
  .contact .content .icon {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
  .contact .content .icon .block {
    width: 100%;
    margin-bottom: 22px; }
  .contact {
    padding: 30px 0; }
  .contact .content .icon {
    margin-bottom: 0; }
  .q_login_box .box .process .line {
    width: 33%; }
  .find_password .main1 .content .q_login_box .box .q_login_item {
    width: 100%; }
  .q_login_box {
    width: 98%;
    margin: 0 auto; }
  .q_login_box .box .q_login_btn {
    width: 100%; }
  .q_login_box .box {
    padding: 35px 5px; }
  .order .list .title6 {
    width: 22%; }
  .edit_data .order_right .edit_data_sheet .line {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
  .edit_data .order_right .edit_data_sheet .line .edit_input {
    width: 100%;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none; }
  .edit_data .order_right .edit_data_sheet .line .name {
    margin-bottom: 15px; }
  .edit_data .order_right .edit_data_sheet .line .edit_down {
    width: 100%;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none; }
  .edit_data .order_right .edit_data_sheet .line .new {
    margin-left: 15px; }
  .order-details .order_right .content .order-details_top span:last-child {
    margin-left: 0;
    margin-top: 10px; }
  .order_right .order_search .item {
    width: 100%; }
  .order_right .order_search .newline {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .order_right .order_search .item:nth-child(odd) {
    margin-right: 0; }
  .order_right .order_search .item {
    margin-bottom: 15px; }
  .order_right .order_search .box {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
  .order_right .order_search .items {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    margin-bottom: 15px; }
  .order_right .order_search .box:nth-child(1) {
    margin-bottom: 15px; } }

@media screen and (max-width: 375px) {
  .contact .content .map {
    height: 320px; } }