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

  /* 弹出导航 */
  .nav-page {
    display: block;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    transition: all 0.2s linear;
  }

  .nav-phone {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5);
  }

  .nav-list {
    padding-top: 2rem;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .nav-list a {
    width: 80%;
    height: 1rem;
    line-height: 1rem;
    border-bottom: 1px solid #e1e1e1;
  }

  .nav-list-active {
    color: #b11d03;
    background-color: #f5f5f5;
    border-bottom: 1px solid #b11d03 !important;
  }

  .close-phone-nav {
    position: absolute;
    top: 0.31rem;
    left: 0.24rem;
    width: 0.68rem;
    height: 0.68rem;
    z-index: 999;
  }

  .close-phone-nav::before,
  .close-phone-nav::after {
    position: absolute;
    display: block;
    content: "";
    width: 0.68rem;
    height: 0.04rem;
    color: #fff;
    background-color: #999;
    transform-origin: center;
  }

  .close-phone-nav::before {
    top: 0.19rem;
  }

  .close-phone-nav::after {
    top: 0.45rem;
  }

  .close-phone-nav-active::before {
    top: 0.33rem;
    transform: rotate(135deg);
  }

  .close-phone-nav-active::after {
    top: 0.33rem;
    transform: rotate(-135deg);
  }

  /* phone内页头部 */
  .inside-roof {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 1.3rem;
    z-index: 9999;
    border-bottom: 1px solid #014526;
    background-color: rgba(255, 255, 255, 1);
  }

  .inside-roof-icon {
    position: absolute;
    top: 0.31rem;
    left: 0.24rem;
    width: 0.68rem;
    height: 0.68rem;
  }

  .inside-roof-icon::before,
  .inside-roof-icon::after {
    position: absolute;
    display: block;
    content: "";
    width: 0.68rem;
    height: 0.04rem;
    color: #fff;
    background-color: #999;
    transform-origin: center;
  }

  .inside-roof-icon::before {
    top: 0.19rem;
  }

  .inside-roof-icon::after {
    top: 0.45rem;
  }

  .inside-roof-icon-active::before {
    top: 0.33rem;
    transform: rotate(135deg);
  }

  .inside-roof-icon-active::after {
    top: 0.33rem;
    transform: rotate(-135deg);
  }

  .inside-roof-logo {
    position: absolute;
    height: 1rem;
    top: 50%;
    right: 0.24rem;
    text-align: right;
    transform: translateY(-50%);
  }

  .inside-roof-logo img {
    height: 65%;
  }

  .forPhone {
    height: 1.3rem;
  }

  .main_middle {
    width: 100%;
    margin: 0 auto;
  }

  /* 头部 */
  .header_wrapper {
    display: none;
  }

  /* banner */
  .swiper-pagination {
    bottom: 0.3rem !important;
  }

  .swiper-pagination .my-bullet {
    margin: 0 0.05rem;
    width: 0.5rem;
    height: 0.05rem;
  }

  /* product_wrapper */
  .product_wrapper {
    padding: 1rem 0;
    background-color: #f1f1f1;
  }

  .product {}

  .pro_top {
    width: 100%;
    flex-direction: column;
    margin-bottom: 0.1rem;
  }

  .pro_top .pro_title {
    width: 100%;
    text-align: center;
  }

  .pro_top .pro_title h5 {
    font-size: 0.7rem;
    line-height: 0.7rem;
  }

  .pro_top .pro_title h3 {
    margin: 0.2rem 0;
    font-size: 0.5rem;
    line-height: 0.5rem;
  }

  .pro_top .pro_list {
    margin-top: 0.3rem;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 0.24rem;
    margin-bottom: 0.1rem;
  }

  .pro_top .pro_list p {
    display: block;
    width: 48.5%;
    height: 0.8rem;
    margin-left: 0;
    margin-right: 3%;
    margin-bottom: 0.2rem;
    font-size: 0.3rem;
    line-height: 0.8rem;
  }

  .pro_top .pro_list p:nth-of-type(even) {
    margin-right: 0;
  }

  .pro_main_container {
    margin-bottom: 0.5rem;
  }

  .pro_main {
    padding: 0 0.24rem;
  }

  .pro_main .pro_item {
    float: left;
    width: 100%;
    height: 6rem;
    margin: 0 0 0.3rem 0;
  }

  .pro_main .pro_item .pro_info {
    padding-right: 0.24rem;
  }

  .pro_main .pro_item .pro_info .pro_info_t {
    font-size: 0.32rem;
    line-height: 0.5rem;
  }

  .pro_main .pro_item .pro_info .pro_info_content {
    margin: 0.1rem 0 0.2rem;
    font-size: 0.26rem;
    line-height: 2em;
  }

  .pro_main .pro_item .pro_info .pro_info_more {
    width: 2rem;
    height: 0.6rem;
    font-size: 0.26rem;
    line-height: 0.6rem;
  }

  .pro_more a {
    width: 5rem;
    height: 1.3rem;
    border-radius: 0.6rem;
    font-size: 0.3rem;
    line-height: 1.3rem;
  }

  .pro_more a:hover {
    color: #fff;
    border-color: #1569b1;
    background-color: #1569b1;
  }

  /* norm_wrapper */
  .norm_wrapper {
    height: auto;
    padding: 1rem 0;
  }

  .norm_title {
    padding: 0 0.24rem;
    margin-bottom: 1rem;
  }

  .norm_title h3 {
    margin-bottom: 0.3rem;
    font-size: 0.6rem;
    line-height: 0.6rem;
  }

  .norm_title h6 {
    font-size: 0.34rem;
    line-height: 0.5rem;
  }

  .norm_main {
    padding: 0 0.24rem;
  }

  .norm_main .norm_item {
    width: 100%;
    height: calc((100vw - 0.48rem) * 0.4);
    margin-bottom: 0.4rem;
    padding-left: 0.4rem;
    border-top-left-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
  }

  .norm_main .norm_item .norm_img {
    width: 2rem;
    height: 2rem;
    margin-right: 0.15rem;
    line-height: 2rem;
  }

  .norm_main .norm_item:hover .norm_img {
    transform: rotateZ(360deg);
  }

  .norm_main .norm_item .norm_info h5 {
    margin-bottom: 0.24rem;
    font-size: 0.4rem;
    line-height: 0.4rem;
  }

  .norm_main .norm_item .norm_info p {
    font-size: 0.26rem;
    line-height: 0.26rem;
  }

  /* about_wrapper */
  .about_wrapper {
    height: auto;
    padding: 1rem 0 0;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
  }

  .about_content {
    padding: 0 0.24rem;
    width: 100%;
    margin-bottom: 0.6rem;
    font-size: 0.26rem;
    line-height: 2.2em;
  }

  .about_more {
    display: block;
    width: 3rem;
    margin: 0 auto;
    height: 0.8rem;
    margin-bottom: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.26rem;
    color: #464646;
  }

  .about_more img {
    margin-left: 0.15rem;
  }

  .about_info {
    width: 100%;
    flex-wrap: wrap;
  }

  .about_info .about_item {
    flex-direction: column;
    width: 50%;
    height: calc(50vw * 0.725);
  }

  .about_info .about_item .about_img {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 0.3rem;
    line-height: 1.5rem;
  }

  .about_info .about_item .about_img img {}

  .about_info .about_item h4 {
    font-size: 0.3rem;
    line-height: 1em;
  }

  /* partners_wrapper */
  .partners_wrapper {
    padding: 1rem 0;
    background-color: #f1f1f1;
  }

  .same_title h5 {
    margin-bottom: 0.15rem;
    font-size: 0.5rem;
    line-height: 0.5rem;
  }

  .same_title h5 img {
    margin-right: 0.15rem;
  }

  .same_title h3 {
    margin-left: 1rem;
    font-size: 0.5rem;
    line-height: 0.5rem;
  }

  .same_title h3.xw {
    margin-left: 1.5rem;
  }

  .same_title h3 img {
    margin-left: 0.15rem;
  }

  .part_container {
    padding: 0 0.24rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
  }

  .part_container .part_item {
    width: 49%;
    height: calc((100vw - 0.48rem) / 2 * 0.51);
    line-height: calc((100vw - 0.48rem) / 2 * 0.51);
    text-align: center;
    margin-right: 2%;
    margin-bottom: 0.1rem;
  }

  .part_container .part_item:nth-of-type(even) {
    margin-right: 0;
  }

  /* news_wrapper */
  .news_wrapper {
    padding: 1rem 0;
  }

  .news_flanks {
    flex-direction: column;
    margin-top: 0.5rem;
    padding: 0 0.24rem;
  }

  .news_left {
    width: 100%;
    margin-bottom: 0.4rem;
  }

  .nsl_topic {
    padding-bottom: 0.1rem;
  }

  .nsl_topic .nslt_img {
    width: 100%;
    height: calc((100vw - 0.48rem) * 0.546);
    margin-bottom: 0.2rem;
  }

  .nsl_topic .nslt_tit {
    height: 0.5rem;
    margin-bottom: 0.1rem;
  }

  .nsl_topic .nslt_tit span {
    width: 1rem;
    border-radius: 0.25rem;
    font-size: 0.26rem;
    line-height: 0.5rem;
  }

  .nsl_topic .nslt_tit a {
    font-size: 0.26rem;
    line-height: 0.5rem;
  }

  .nsl_topic .nslt_txt {
    font-size: 0.26rem;
    line-height: 1.8em;
  }

  .nsl_list ul li {
    height: 0.8rem;
    line-height: 0.8rem;
  }

  .nsl_list ul li a {
    font-size: 0.26rem;
  }

  .nsl_list ul li span {
    font-size: 0.26rem;
  }

  .news_right {
    width: 100%;
  }

  .nsr_top .nsrt_item {
    margin-bottom: 0.2rem;
  }

  .nsr_top .nsrt_item .nsrt_img {
    display: none;
  }

  .nsr_top .nsrt_item .nsrt_right {
    width: 100%;
  }

  .nsr_top .nsrt_item .nsrt_right .nsrt_t {
    font-size: 0.3rem;
    line-height: 1.2em;
  }

  .nsr_top .nsrt_item .nsrt_right .nsrt_time {
    font-size: 0.26rem;
    line-height: 1.8em;
  }

  .nsr_top .nsrt_item .nsrt_right .nsrt_info {
    font-size: 0.26rem;
    line-height: 1.8em;
  }

  .faq {
    width: 100%;
    height: auto;
    padding: 0.24rem;
  }

  .faq .faq_title {
    padding: 0 0 0.3rem 0;
    font-size: 0.42rem;
    line-height: 1.1em;
  }

  .faq .faq_list .faq_item {
    margin-bottom: 0.2rem;
  }

  .faq .faq_list .faq_item .faq_t {
    height: 0.5rem;
    line-height: 0.5rem;
  }

  .faq .faq_list .faq_item .faq_t span {
    margin-right: 0.15rem;
    width: 0.5rem;
    height: 0.5rem;
  }

  .faq .faq_list .faq_item .faq_t a {
    font-size: 0.3rem;
    line-height: 0.5rem;
  }

  .faq .faq_list .faq_item .faq_info {
    font-size: 0.26rem;
    line-height: 0.5rem;
  }

  .faq .faq_list .faq_on .faq_info {
    height: 1rem;
    margin-top: 0.1rem;
  }

  /* footer_wrapper */
  .foot_area {
    padding: 0.5rem 0;
    flex-direction: column;
  }

  .foot_link_area {
    flex-wrap: wrap;
    margin-right: 0;
    margin-bottom: 0.3rem;
  }

  .foot_link_area .fla_item {
    width: 50%;
    height: auto;
    margin-bottom: 0.24rem;
    padding-left: 0.24rem;
  }

  .foot_link_area .fla_item dt {
    margin-bottom: 0.2rem;
    font-size: 0.3rem;
  }

  .foot_link_area .fla_item dd {
    font-size: 0.26rem;
  }

  .foot_contact_area {
    text-align: center;
    width: 100%;
    padding-right: 0;
    margin-bottom: 0.3rem;
  }

  .foot_contact_area .fca_title {
    margin-bottom: 0.2rem;
    font-size: 0.3rem;
  }

  .foot_contact_area .fca_info {
    font-size: 0.26rem;
  }

  .foot_code_area {
    padding-left: 0;
    text-align: center;
  }

  .footer_di {
    height: auto;
    padding: 0.24rem;
    font-size: 0.24rem;
    line-height: 1.8em;
  }
}