/* 所有页面的媒体查询 */
@media screen and (min-width: 1611px) {
}
/* 1411-----------1610*/
@media screen and (min-width: 1411px) and (max-width: 1610px) {
}

/* 1201-----------1410    大屏电脑*/
@media screen and (min-width: 1201px) and (max-width: 1410px) {
  /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
  .footer_t_r_item {
    width: calc(50% / 2);
  }
  .footer_t_r_item:first-child {
    display: none;
  }
  .footer_t_r_item:last-child {
    width: 50%;
  }
.menu_dl dd{
    padding: 0 .8vw;
}
  /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/

  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  .index_banner_item {
    height: 80vh;
  }
 
  .menu_dl_box {
    width: calc(100% - clamp(7.5rem, 6.875rem + 3.13vw, 10rem) - 5.21vw);
  }
  .menu_tt::after {
    display: none;
  }
  
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact    ~~~~~~~~~~~*/
  .contact_one_item {
    width: calc((100% - 30px) / 3);
    margin: 0 15px 15px 0 !important;
  }
  .contact_one_item:nth-child(3n) {
    margin-right: 0 !important;
  }
  /*~~~~~~~~~~~~contact   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact   end ~~~~~~~~~~~*/
}

/* 1025-----------1200    中等屏幕*/
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  .pro_deBoxTwo,
  .header_box {
    display: none;
  }
  .mobile_header {
    display: block;
  }
  .mobile_menu_box {
    width: 350px;
    right: -350px;
    padding: 35px 5%;
  }
  
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/

  .footer_t_r_item {
    width: calc(50% / 2);
  }
  .footer_t_r_item:first-child {
    display: none;
  }
  .footer_t_r_item:last-child {
    width: 50%;
  }
  /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/

  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  .index_banner_item {
    height: 60vh;
  }

  .menu_dl_box {
    width: calc(100% - clamp(7.5rem, 6.875rem + 3.13vw, 10rem) - 5.21vw);
  }
  .menu_tt::after {
    display: none;
  }
  .index_three_con {
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
  }
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover    ~~~~~~~~~~~*/

  .public_banner_t {
    padding: 10px 0;
  }
  .public_banner_con {
    height: auto;
  }
  .public_banner_b {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    padding: 100px 0;
  }
  /*~~~~~~~~~~~~product_cover   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list    ~~~~~~~~~~~*/
  .pro_list_dl dd {
    width: calc((100% - 30px) / 2);
    margin: 0 30px 30px 0 !important;
  }
  .pro_list_dl dd:nth-child(2n) {
    margin-right: 0 !important;
  }
  /*~~~~~~~~~~~~product_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del    ~~~~~~~~~~~*/
  .del_one_t {
    padding: 10px 0 30px 0;
  }
  .del_two_l {
    top: 52px !important;
  }
  /*~~~~~~~~~~~~product_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
  .about_one_l {
    width: 100%;
    margin-bottom: 20px;
  }
  .about_one_r {
    width: 100%;
  }
  .about_two_b {
    margin: 0 0;
  }
  /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download    ~~~~~~~~~~~*/
  .download_one_dl dd {
    width: calc((100% - 10px) / 2);
    margin: 0 10px 10px 0 !important;
  }
  .download_one_dl dd:nth-child(2n) {
    margin-right: 0 !important;
  }
  /*~~~~~~~~~~~~download   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact    ~~~~~~~~~~~*/
  .contact_one_item {
    width: calc((100% - 30px) / 3);
    margin: 0 15px 15px 0 !important;
  }
  .contact_one_item:nth-child(3n) {
    margin-right: 0 !important;
  }
  /*~~~~~~~~~~~~contact   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact   end ~~~~~~~~~~~*/
}

/* 768------------1024    ipad*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  .popup_inquiry_form {
    width: 90%;
  }
  .popup_inquiry_form_close {
    top: -66px;
  }
  .pro_deBoxTwo,
  .header_box {
    display: none;
  }
  .mobile_header {
    display: block;
  }
  .mobile_menu_box {
    width: 350px;
    right: -350px;
    padding: 35px 5%;
  }
  .bgscroll {
    background-attachment: scroll;
  }
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
  .footer_t_r_item {
    width: calc(50% / 2);
  }
  .footer_t_r_item:nth-child(3),
  .footer_t_r_item:nth-child(2),
  .footer_t_r_item:nth-child(1) {
    display: none;
  }
  .footer_t_r_item:last-child {
    width: 100%;
  }

  .footer_center .wrap_bw {
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
  }
  /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/

  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  .index_banner_item {
    height: 40vh;
  }
  .header_tel {
    display: none;
  }
  .menu_dl_box {
    width: calc(100% - clamp(7.5rem, 6.875rem + 3.13vw, 10rem) - 5.21vw);
  }
  .menu_tt::after {
    display: none;
  }
  /* index_two */
  .index_two_item {
    height: 100%;
    padding: 50px 0;
  }
  .index_two_item .con {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
  }
  .index_two_item .con .left {
    width: 80%;
    margin: auto;
    text-align: center;
  }
  .index_two_item .btn {
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
  .index_two_btn {
    width: 95%;
  }
  .index_two_page {
    position: relative;
    top: 0;
  }
  /* index_three */
  .index_three_r,
  .index_three_l {
    width: 100%;
  }
  .index_three_r {
    margin-top: 20px;
  }
  .number_list .item .number {
    font-size: clamp(1.625rem, 0.647rem + 4.12vw, 4.25rem);
  }
  /* .index_four */
  .index_four_b {
    position: relative;
  }
  .index_four_table {
    position: absolute;
    top: 0;
    width: 100%;
    height: clamp(6.25rem, 5.391rem + 4.3vw, 9.688rem);
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
  .index_four_table {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
  }
  .index_four_r {
    padding-top: clamp(6.25rem, 5.391rem + 4.3vw, 9.688rem);
    margin-top: 20px;
    width: 100%;
  }
  .index_four_table .item {
    margin-right: 15px;
  }
  .index_four_table .item:last-child {
    margin-right: 0;
  }
  .index_four_pic .con {
    width: 70%;
  }
  /* .index_five */
  .index_five_table {
    width: 100%;
    margin-top: 20px;
  }
  .index_five_table .item:first-child {
    margin-left: 0;
  }
  /* .index_five */
  .index_five_l {
    width: 100%;
    margin-bottom: 80px;
  }
  .index_five_r {
    width: 100%;
  }
  .index_five_item .trim {
    text-align: center;
  }
  .index_four_pic .title,
.index_four_pic .text{
    color: #333;
}
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover    ~~~~~~~~~~~*/
  .public_banner_t {
    padding: 10px 0;
  }
  .public_banner_con {
    height: auto;
  }
  .public_banner_b {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    padding: 100px 0;
  }
  .cover_list_t .index_one_table {
    height: 60px;
  }
  .cover_list_t {
    padding: 5px 0;
    z-index: 14;
    margin-bottom: 20px;
    height: 60px;
  }
  .index_one_table .item.hover {
    font-size: 20px;
    font-size: clamp(1rem, 0.907rem + 0.39vw, 1.25rem);
  }
  .cover_list_item .pro_list_item {
    width: calc((100% - 20px) / 2);
    margin: 0 20px 20px 0;
  }
  .cover_list_item .pro_list_item:nth-child(2n) {
    margin-right: 0;
  }
  /*~~~~~~~~~~~~product_cover   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list    ~~~~~~~~~~~*/
  .pro_list_dl dd {
    width: calc((100% - 15px) / 2);
    margin: 0 15px 15px 0 !important;
  }
  .pro_list_dl dd:nth-child(2n) {
    margin-right: 0 !important;
  }
  /*~~~~~~~~~~~~product_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del    ~~~~~~~~~~~*/
  .del_one_t {
    padding: 10px 0 30px 0;
  }
  .del_two_l {
    top: 52px !important;
  }
  .del_one_l {
    width: 100%;
  }
  .del_one_r {
    width: 100%;
  }
  /*~~~~~~~~~~~~product_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~application    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~application    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~application    ~~~~~~~~~~~*/
  .public_banner_b .content_title {
    width: 90%;
  }
  .app_one_item .pic {
    width: 100%;
    margin-bottom: 20px;
  }
  .app_one_item .con {
    width: 100%;
    padding: 0 !important;
  }
  .app_one_table {
    width: 100%;
    overflow-x: scroll;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    padding: 15px;
  }
  .app_one_table .item {
    margin-right: 30px;
    width: 100%;
  }
  .app_one_t {
    height: 76px;
  }
  .app_one_table .item:first-child {
    margin-bottom: 0;
  }

  /* .app_del_one */
  .app_del_one_l {
    width: 100%;
    margin-bottom: 20px;
  }
  .app_del_one_r {
    width: 100%;
  }
  /*~~~~~~~~~~~~application   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~application   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~application   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
  .about_four_l,
  .about_one_l {
    width: 100%;
    margin-bottom: 20px;
  }
  .about_four_r,
  .about_one_r {
    width: 100%;
  }
  .about_two_b {
    margin: 0 0;
  }
  /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_list    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_list    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_list    ~~~~~~~~~~~*/
  .news_one_r {
    width: 100%;
  }
  .news_one_l {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  /*~~~~~~~~~~~~news_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_del    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_del    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_del    ~~~~~~~~~~~*/
  .new_deOne1_L {
    width: 100%;
  }
  .new_deOne1_R {
    width: 100%;
  }
  /*~~~~~~~~~~~~news_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~service    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~service    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~service    ~~~~~~~~~~~*/
  .service_one_item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .service_two_l {
    width: 100%;
    margin-bottom: 20px;
  }
  .service_two_r {
    width: 100%;
  }
  .service_table{
        flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
 
  }
    .service_table .item{
      width: calc((100% - 40px) / 2);
      margin-bottom: 10px;
  }
  /*~~~~~~~~~~~~service   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~service   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~service   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download    ~~~~~~~~~~~*/
  .download_one_t {
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    background-color: var(--hue);
    margin-bottom: 40px;
  }
  .download_list_table .item.hover {
    background-color: #fff;
    color: var(--hue);
  }
  .download_one_title {
    top: 52px;
  }
  .download_one_dl dd {
    width: 100%;
    margin: 0 0 10px 0 !important;
  }
  /*~~~~~~~~~~~~download   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~video    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~video    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~video    ~~~~~~~~~~~*/
  .video_list_dl dd {
    width: calc((100% - 20px) / 2);
    margin: 0 20px 20px 0 !important;
  }
  .video_list_dl dd:nth-child(2n) {
    margin-right: 0 !important;
  }
  /*~~~~~~~~~~~~video   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~video   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~video   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact    ~~~~~~~~~~~*/
  .contact_one_item {
    width: calc((100% - 30px) / 3);
    margin: 0 15px 15px 0 !important;
  }
  .contact_one_item:nth-child(3n) {
    margin-right: 0 !important;
  }
  .contact_two_list .item dd {
    width: calc((100% - 20px) / 3);
    margin: 0 10px 10px 0 !important;
  }
  .contact_two_list .item dd:nth-child(3n) {
    margin-right: 0 !important;
  }

  /*~~~~~~~~~~~~contact   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact   end ~~~~~~~~~~~*/
}

/* 1--------------767      手机*/
@media screen and (min-width: 1px) and (max-width: 767px) {
    .del_one_swiper{
        width: 80%;
        margin: 20px auto;
    }
    .del_one_swiper_btn{
        width: 100%;
        justify-content: center;
 -ms-justify-content: center;
 -webkit-justify-content: center;
    }
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
  .bgscroll {
    background-attachment: scroll;
  }
  .pro_deBoxTwo,
  .header_box {
    display: none;
  }
  .mobile_header {
    display: block;
  }
  .w_1600 {
    width: 100%;
    padding: 0 15px;
  }
  .w_1400 {
    width: 100%;
    padding: 0 15px;
  }
  .blog_page a {
    margin-bottom: 5px;
  }
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
  .footer_t_r_item {
    width: calc(50% / 2);
  }
  .footer_t_r_item:nth-child(3),
  .footer_t_r_item:nth-child(2),
  .footer_t_r_item:nth-child(1) {
    display: none;
  }
  .footer_t_r_item:last-child {
    width: 100%;
  }

  .footer_center .wrap_bw {
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
  }
  .footer_t_l {
    width: 100%;
  }
  .footer_t_r {
    width: 100%;
    margin-bottom: 20px;
  }
  .footer_code .pic {
    width: 50%;
    margin: auto;
  }
  /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/

  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
  .pro_list_item .text{
      min-height: 100%;
  }
  .index_banner_page {
    display: none;
  }
  .index_banner_item {
    height: 40vh;
    overflow: hidden;
  }
  .index_one_table {
    justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    overflow-y: hidden;
    padding: 0 15px;
  }
  .index_one_table::-webkit-scrollbar-track {
    background-color: #fff;
  }
  /* index_two */
  .index_two_item {
    height: 100%;
    padding: 50px 0;
  }
  .index_two_item .con {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
  }
  .index_two_item .con .left {
    width: 80%;
    margin: auto;
    text-align: center;
  }
  .index_two_item .btn {
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
  .index_two_btn {
    width: 95%;
  }
  .index_two_page {
    position: relative;
    top: 0;
  }
  /* index_three */
  .number_list .item {
    margin-bottom: 30px;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
  .index_three_r,
  .index_three_l {
    width: 100%;
  }
  .index_three_r {
    margin-top: 20px;
  }
  .number_list .item .number {
    font-size: clamp(1.625rem, 0.647rem + 4.12vw, 4.25rem);
    width: 100%;
  }
  .index_three_l .btn {
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
  }
  /* .index_four */
  .index_four_b {
    position: relative;
  }
  .index_four_l {
    width: 100%;
  }
  .index_four_table {
    width: 90%;
    margin: auto;
  }

  .index_four_r {
    margin-top: 20px;
    width: 100%;
  }
  .index_four_table .item {
    margin-right: 15px;
    width: 80px !important;
    height: 80px !important;
    white-space: nowrap;
  }
  .index_four_table .item:last-child {
    margin-right: 0;
  }
  .index_four_pic .con {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 15px;
  }
  .index_four_table .item.hover {
    width: 80px;
    height: 80px;
  }
  /* .index_five */
  .index_five_table {
    width: 100%;
    margin-top: 20px;
  }
  .index_five_table .item:first-child {
    margin-left: 0;
  }
  /* .index_five */
  .index_five_l {
    width: 100%;
    margin-bottom: 80px;
  }
  .index_five_r {
    width: 100%;
  }
  .index_five_item .trim {
    text-align: center;
  }

  .index_five_item {
    margin-bottom: 25px;
  }
  .index_five_item .con {
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
  }
  .index_four_pic .title,
.index_four_pic .text{
    color: #333 !important;
}
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover    ~~~~~~~~~~~*/
  .public_banner_t {
    padding: 10px 0;
  }
  .public_banner_con {
    height: auto;
  }
  .public_banner_b {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    padding: 50px 0;
  }

  .cover_list_t .index_one_table {
    height: 60px;
  }
  .cover_list_t {
    padding: 5px 0;
    z-index: 15;
    margin-bottom: 20px;
    height: 60px;
  }
  .index_one_table .item.hover {
    font-size: 20px;
    font-size: clamp(1rem, 0.907rem + 0.39vw, 1.25rem);
  }
  .cover_list_item .left {
    width: 100%;
    margin-bottom: 15px;
  }
  .cover_list_item .right {
    width: 100%;
  }
  .cover_list_item .pro_list_item {
    width: 100%;
    margin: 0 0 20px 0 !important;
  }
  /*~~~~~~~~~~~~product_cover   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_cover   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list    ~~~~~~~~~~~*/
  .list_one_l {
    width: 100%;
  }
  .list_one_r {
    width: 100%;
  }
  .pro_list_dl dd {
    width: 100%;
    margin: 0 0px 15px 0 !important;
  }
  /*~~~~~~~~~~~~product_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del    ~~~~~~~~~~~*/
  .del_one_t {
    padding: 10px 0 30px 0;
  }

  .del_two .w_1600 {
    padding: 0;
  }
  .del_two_l {
    width: 100% !important;
    top: -1px !important;
    z-index: 16 !important;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    height: 53px;
    background-color: #fff;
  }
  .del_two_l .item {
    height: 52px;
    width: calc(100% / 4);
  }
  .del_two_l .item .iconfont {
    display: none;
  }
  .del_one_l {
    width: 100%;
  }
  .del_two_r,
  .del_one_r {
    width: 100%;
  }
  .contact_form_b form .item {
    width: 100%;
    margin-right: 0;
  }
  /*~~~~~~~~~~~~product_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~product_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~application    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~application    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~application    ~~~~~~~~~~~*/
  .public_banner_b .content_title {
    width: 100%;
  }
  .app_one_item .pic {
    width: 100%;
    margin-bottom: 20px;
  }
  .app_one_item .con {
    width: 100%;
    padding: 0 !important;
  }
  .app_one_table {
    width: 100%;
    overflow-x: scroll;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    padding: 15px;
  }
  .app_one_table .item {
    margin-right: 30px;
    width: 100%;
  }
  .app_one_t {
    height: 76px;
  }
  .app_one_table .item:first-child {
    margin-bottom: 0;
  }

  /* .app_del_one */
  .app_del_one_l {
    width: 100%;
    margin-bottom: 20px;
  }

  .app_del_one_r {
    width: 100%;
  }
  .app_del_two_b form .item {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  /*~~~~~~~~~~~~application   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~application   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~application   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
  .about_three_l,
  .about_four_l,
  .about_one_l {
    width: 100%;
    margin-bottom: 20px;
  }
  .about_three_r,
  .about_four_r,
  .about_one_r {
    width: 100%;
  }
  .about_three_r,
  .about_three_con {
    padding-left: 0;
  }
  .about_three_con {
    padding: 20px 0;
  }
  .about_two_b {
    margin: 0 0;
  }
  /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_list    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_list    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_list    ~~~~~~~~~~~*/
  .news_one_r {
    width: 100%;
  }
  .news_one_l {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .news_two_t_l,
  .news_list_item .pic {
    width: 100%;
    margin-bottom: 10px;
  }
  .news_two_t_r,
  .news_list_item .con {
    width: 100%;
  }
  /*~~~~~~~~~~~~news_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_list   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_del    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_del    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_del    ~~~~~~~~~~~*/
  .new_deOne1_L {
    width: 100%;
  }
  .new_deOne1_R {
    width: 100%;
  }
  .new_deOne1_L_05 {
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    height: auto;
    border-radius: 20px;
  }
  .new_deOne1_L_05 .item {
    width: 100% !important;
    padding: 10px 0;
    display: block;
    text-align: center;
  }
  .new_deOne1_L_05 .item.back {
    border-color: #cccccc transparent #cccccc transparent;
  }
  /*~~~~~~~~~~~~news_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~news_del   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~service    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~service    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~service    ~~~~~~~~~~~*/
  .service_one_item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .service_two_l {
    width: 100%;
    margin-bottom: 20px;
  }
  .service_two_r {
    width: 100%;
  }
   .service_table{
        flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;

  }
  .service_table .item{
      width: calc((100% - 40px) / 2);
      margin-bottom: 10px;
  }
  /*~~~~~~~~~~~~service   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~service   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~service   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download    ~~~~~~~~~~~*/
  .download_one_t {
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    background-color: var(--hue);
    margin-bottom: 40px;
  }
  .download_list_table .item.hover {
    background-color: #fff;
    color: var(--hue);
  }
  .download_one_title {
    top: 52px;
  }
  .download_one_dl dd {
    width: 100%;
    margin: 0 0 10px 0 !important;
  }
  .download_one_l {
    width: 100%;
    top: 52px;
    background-color: #fff;
    margin-bottom: 30px;
  }
  .download_one_r {
    width: 100%;
  }
  .download_one_l .list_one_table {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    overflow-x: scroll;
  }
  .download_one_l .list_one_table .public_menu_con {
    white-space: nowrap;
    margin-right: 20px;
  }
  /*~~~~~~~~~~~~download   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~download   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~video    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~video    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~video    ~~~~~~~~~~~*/
  .video_list_dl dd {
    width: 100%;
    margin-right: 0;
  }
  /*~~~~~~~~~~~~video   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~video   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~video   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact    ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact    ~~~~~~~~~~~*/
  .contact_one_item,
  .contact_two_list .item dd {
    width: 100%;
    margin: 0 0px 10px 0 !important;
  }
  .contact_two_table{
    overflow-x: scroll;
    white-space: nowrap;
  }
  .contact_two_table .item{
    margin-right: 20px;
    padding: 0 10px ;
    width: 100% ;
  }
  /*~~~~~~~~~~~~contact   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact   end ~~~~~~~~~~~*/
  /*~~~~~~~~~~~~contact   end ~~~~~~~~~~~*/
}