@charset "utf-8";

/* CSS Document */
@media (max-width: 768px) {
  .pro_list .page_r li .title {
    font-size: 14px;
    line-height: 35px;
    height: 35px
  }

  .max {padding-left: 2% !important;
    padding-right: 2% !important;
    box-sizing: border-box;
  }

  .often .title {
    font-size: 28px;
  }

  .header .max .seek {
    display: none;
  }

  nav {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 998;
    width: 100%;
    background: none;
  }

  .nav {
    position: absolute;
    float: left;
    background: #2b3aa1;
    z-index: 20;
    right: 0px;
    width: 40%;
    margin: 0px;
  }

  .nav li {
    float: left;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }

  .nav li a {
    background: #2b3aa1;
    color: #fff;
    float: left;
    width: 100%;
    border-right: 0px;
    padding: 0px;
    line-height: 60px;
  }

  .nav>li>a:hover {
    border-bottom: 2px solid #fff;
    color: #fff;
  }

  .nav li a {
    font-size: 16px;
  }

  .head_b .dh {
    display: block;
    font-size: 50px;
  }

  #nav_select {
    background: #ffffff !important;
  }

  #nav_select a {
    color: #fff;
  }

  .header {
    padding: 0px;
  }

  .header .contact {
    display: none;
  }

  .header .logo {
    max-width: 80%;
    margin: 0px;
  }

  .head_b .text_1 {
    display: none;
  }

  .banner li img,
  .banner {
    height: 300px !important;
  }

  .icon {
    display: none;
  }

  .pro_l {
    display: none;
  }

  .search {
    overflow: hidden;
    display: none
  }

  .search_1 {
    width: 59%;
  }

  .courses_b li {
    width: 33%;
    max-width: 33%;
  }

  .courses_b .text {
    display: none;
  }

  .pro_l_title {
    display: none;
  }

  .pro_l {
    max-width: 100%;
    width: 100%;
  }

  .pro_l ul {
    padding: 0px;
  }

  .pro_l li {
    max-width: calc(25% - 7.5px);
    margin-right: 10px;
    padding: 0px;
    text-align: center;
  }

  .pro_l li:nth-of-type(4n) {
    margin-right: 0px;
  }

  .pro_l li .icon {
    display: none;
  }

  .pro_l .contact {
    display: none;
  }

  .pro_l .tel {
    display: none;
  }

  .pro_l li .title {
    max-width: 100%;
  }

  .pro_r {
    max-width: 100%;
    margin-top: 20px;
  }

  .villa_b li .picture {
    max-width: 160px;
  }

  .villa_b li .picture img {
    height: 160px;
  }

  .about .about_l {
    max-width: 92%;
  }

  .about .about_r {
    max-width: 100%;
    margin-top: 20px;
    position: inherit;
  }

  .about .about_r .content {
    float: none;
    margin-top: 0;
  }



  .course_b {
    display: flex;
    flex-wrap: wrap;
  }

  .course_b li {
    max-width: 33%;
    margin: 10px 0px;
    text-align: center;
  }

  .news_l {
    max-width: 90%;
  }

  .news_r {
    max-width: 98%;
    margin-top: 30px;
  }

  .news_more {
    margin-left: 3%;
  }

  .news_s>a {
    margin-left: 40%;
  }

  .news_s>a {
    display: none
  }

  .news_s .news_st li h5 {
    font-size: 20px;
  }

  .news_s .news_st li p {
    font-size: 18px;
  }

  .news_l .content .title {
    font-size: 22px;
  }

  .news_l .content .time {
    font-size: 18px;
  }

  .news_l .content .text {
    font-size: 18px;
  }

  .news_r li time .date {
    font-size: 18px;
  }

  .news_r li .text {
    font-size: 22px;
    max-height: 30px;
  }

  section.surbase {
    display: none;
  }

  section.product {
    overflow: hidden;
  }

  .product_b_r {
    width: 35%;
  }

  .product_b_r li {
    padding-bottom: 5px;
  }

  .product_b_r h5 {
    font-size: 18px;
  }

  .product_b_r p {
    font-size: 12px;
  }

  .project .pro li {
    width: 48%;
  }

  .inventory {
    margin-top: 10px;
  }

  .tel_s .tel_l {
    width: 100%;
    padding: 15px 0;
  }

  .tel_s .tel_r {
    width: 100%;
    text-align: center;
  }

  .tel_s .tel_rs {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .shiLi {
    height: 1061px;
    background: transparent;

  }

  .shiLi .shiLi_s .shiLi_1 {
    width: 98%;
  }

  .shiLi .shiLi_s .shiLi_2 {
    float: inherit;
    margin-top: 20px;
  }




  .honor_s>img {
    width: 25%;
  }

  .news_s {
    width: 98%;
    border-left: none
  }

  footer.footer {
    background: #2b3aa1;
  }

  .foot_l img {
    width: 300px;
  }


  .foot_b .foot_l {
    max-width: 100%;
    background: none;
  }

  .foot_3 a {
    font-size: 22px;
    height: 40px;
    line-height: 40px;
  }

  .foot_b .foot_2 {
    width: 100%;
    border: none;
    font-size: 22px;
    margin-bottom: 0;
  }

  .foot_b .foot_r {
    max-width: 100%;
    width: 100%;
  }

  .foot_b .foot_r .column {
    text-align: center;
  }

  .foot_b .foot_l .text {
    font-size: 20px;
    text-align: center;
    max-width: 100%;
    width: 100%;
    margin-top: 0px;
  }

  .foot_b .foot_l .column a {
    color: #fff;
  }

  .foot_b .foot_l .trait {
    flex-wrap: wrap;
  }

  .foot_b .foot_l .trait .content {
    color: #fff;
    margin-top: 20px;
  }

  .foot_b .foot_l .trait .picture {
    width: 100%;
    text-align: center;
  }

  .foot_b .foot_l .trait .picture img {
    display: block;
    margin: 0px auto;
  }

  .foot_b .foot_r .content li {
    display: block;
  }

  .foot_b .foot_r .content li .text {
    text-align: center;
    margin: 0px;
    width: 100%;
  }

  .foot_b .foot_r .code div {
    max-width: 50% !important;
  }

  .foot_b .foot_r .code .picture {
    width: 100% !important;
    text-align: center;
  }

  .foot_b .foot_r .code .picture img {
    display: block !important;
    margin: 0px auto !important;
  }


  .url .picture {
    font-size: 24px;
    width: 100%;
  }

  .url a {
    font-size: 18px;
    line-height: 2;
    margin-left: 10px;
  }


  .sj_footer {
    display: block;
    z-index: 20;
  }

  footer.footer {
    padding-bottom: 100px;
  }

  .list_l {
    max-width: 100%;
  }

  .list_l .pro_l ul {
    border: 0px;
  }

  .page_r {
    max-width: 100%;
    width: 100%;
    margin-top: 0
  }

  .pro_list .page_r.page_r_s li {
    width: 31%;
  }

  .pro_list .page_r_s li:nth-of-type(3n) {
    margin-right: 0px;
  }

  .pro_list .page_r_s li:nth-of-type(4n) {
    margin-right: 12px;
  }

  .pro_list .page_r li:first-child {
    margin-left: 0px;
  }

  .pro_list .page_r li:nth-of-type(3n) {
    margin-right: 0;
  }

  .pro_list .page_r li:nth-of-type(4n) {
    margin-right: 18px;
  }

  .pro_list .list_l {
    display: block;
    max-width: 100%;
  }

  .list_l .contact {
    display: none;
  }

  .page_brand {
    max-width: 100%;
  }

  .brand_no .list_l {
    display: none;
  }

  .swiper-container {
    width: 1250px;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .swiper-container {
    width: 1050px;
    overflow: hidden;
  }

  .head_b .dh {
    font-size: 40px;
  }

  .search_1 {
    display: none;
  }

  .courses_b .picture span {
    font-size: 38px;
    text-align: center;
    display: inline-block;
    line-height: 2.4;
  }

  .courses_b li {
    margin: 0px 16px;
    width: 25%;
    margin-bottom: 12px;
  }

  .courses_b .picture {
    height: 90px;
  }

  .courses_b .title {
    margin-top: 5px;
    font-size: 14px;
  }

  .product_b>img {
    width: 100%;
  }

  .product_b_r {
    width: 90%;
  }

  .tel_s .tel_l>p {
    font-size: 14px;
  }

  .tel_s .tel_l>span {
    font-size: 18px;
  }

  .tel_s .tel_rs p {
    font-size: 24px;
  }

  .shiLi .often {
    margin-left: 15%;
    margin-bottom: 8px;
  }

  .often .picture img {
    display: none;
  }

  .courses_b {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .shiLi {
    height: 860px;
  }

  .shiLi .shiLi_s .shiLi_1 {
    width: 100%;
  }

  .shiLi .shiLi_s .shiLi_2 {
    float: none;
    width: 360px;
  }

  .about .about_r .content {
    width: 100%;
    padding: 30px 10px 0 21px;
    height: 411px;
  }

  .about .often .text {
    margin-bottom: 0;
  }

  .about .about_r .more {
    right: -11px;
    bottom: -41px;
    height: 70px;
    line-height: 70px;
  }

  .about .about_l>img {
    height: initial;
  }

  .about .about_l {
    max-width: 100%;
    height: initial;
  }

  section.about {
    padding-bottom: 10px;
  }

  .about .about_r .content p:first-child {
    font-size: 22px;
  }

  .about .about_r .content p {
    font-size: 14px;
  }

  .honor {
    padding: 20px 0 0px 0;
  }

  .honor_s {
    height: 260px;
  }

  .honor_s>img {
    width: 49%;
  }

  section.news {
    margin-top: 20px;
  }

  section.news {
    padding-bottom: 30px;
  }

  .news_s>a {
    margin-left: 60%;
  }

  .news_s .news_st li span {
    margin-right: 10px;
  }

  .news_s .news_st li h5 {
    font-size: 16px;
    width: 87%;
  }

  .news_s .news_st li p {
    font-size: 14px;
  }

  .news_more {
    font-size: 14px;
    margin-top: 15px;
  }

  .news_more>span {
    font-size: 14px;
    width: 14px;
    height: 14px;
    line-height: 14px;
  }

  .news_l .content .title {
    font-size: 18px;
  }

  .news_l .content .time {
    font-size: 16px;
    margin-top: 10px;
  }

  .news_l .content .text {
    font-size: 14px;
  }

  .news_r {
    margin-top: 0;
  }

  .news_r li time .date {
    font-size: 14px;
  }

  .news_r li time {
    margin-bottom: 6px;
  }

  .news_r li .text {
    font-size: 14px;
    max-height: 23px;
    margin-bottom: 10px;
  }


  .foot_b .foot_2 {
    margin-top: 20px;
    font-size: 14px;
  }




  .header .logo img {
    max-height: 46px;
  }

  .banner li img,
  .banner {
    height: 200px !important;
  }

  .banner_s li img,
  .banner_s {
    height: 150px !important;
  }

  .lef_rig span img {
    height: 50px;
    display: none;
  }

  .lef_rig span {
    top: calc(100% - 50px);
  }

  .iconnav-list:before {
    font-size: 50px;
  }

  .often {
    margin: 20px auto 10px auto;
  }

  .often .title {
    font-size: 20px;
  }









  .pro_r ul li .picture img {
    height: 180px;
  }

  .pro_r ul li .title::after {
    display: none;
  }

  .head_line .text {
    display: none;
  }

  .head_b {
    padding: 10px 0px
  }

  .pro_r ul li {
    max-width: 49%;
    width: 100%;
    margin-right: 0px;
  }

  .pro_r ul li:nth-of-type(even) {
    float: right;
  }

  .villa_b li {
    transform: skew(0deg);
    max-width: 49%;
    margin-right: 0px;
  }

  .villa_b li:nth-of-type(even) {
    float: right;
  }

  .villa_b li .picture {
    transform: skew(0deg);
  }

  .villa_b li:nth-of-type(n+3) {
    display: none;
  }

  .villa_b li .title {
    transform: skew(0deg);
    margin-right: 0px;
    width: 100%;
    text-align: center;
  }

  .villa_b li .title::before {
    display: none;
  }

  .pro {
    margin-top: 25px;
  }

  .pro_r .pro_cloumn .title {
    font-size: 16px;
  }

  .project .pro li {
    width: 48%;
    margin-right: 4%
  }

  .project .pro li:nth-child(2n) {
    margin-right: 0
  }

  .news_r li .picture {
    max-width: 100%;
  }

  .news_r li .picture img {
    height: auto;
  }

  .news_r li .content {
    max-width: 100%;
    padding: 0px 2%;
  }

  .foot_b .foot_l .column a {
    max-width: 25%;
  }

  .foot_b .foot_l .column a:nth-of-type(4n)::after {
    display: none;
  }

  .foot_b .foot_l .trait {
    margin-top: 20px;
  }

  .foot_b .foot_l .trait .content {
    display: none;
  }

  .course_b {
    padding: 20px 0px
  }

  .course_b .title {
    font-size: 14px;
    margin-top: 3px;
    margin-bottom: 10px
  }

  .course_b li .text {
    display: none;
  }

  .course_b .picture span {
    font-size: 42px;
    line-height: 1.6;
  }

  .course_b .picture {
    height: 66px;
    width: 89%;
  }

  .course_b li {
    width: 25%;
    margin: 3px 16px;
    padding: 0 3%;
  }

  /* .course_b li{ max-width:50%;} */
  /* .course_b li:nth-of-type(n+5){ display:none;} */



  .foot_l .contact div {
    max-width: 100%
  }

  .url .picture {
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .url a {
    font-size: 14px;
  }

  .foot_l .contact .picture {
    display: none;
  }

  .foot_l .content {
    max-width: 100%;
    padding-bottom: 10px;
  }

  .foot_l .content p {
    float: left;
    margin: 0px 5px;
  }




  .sj_footer {
    display: block;
  }

  .sj_footer img {
    margin: 0px auto;
  }

  footer.footer {
    padding: 20px 0px 100px;
  }

  .foot_b .contact {
    text-align: center;
  }


  .page_r {
    margin-top: 0;
  }

  .page_address {
    margin-bottom: 20px;
  }

  .pro_list .page_r li {
    width: 49%;
    max-width: 49%;
    margin-right: 0px;
  }

  .pro_list .page_r li:nth-of-type(4n) {
    margin-right: 0;
  }

  .pro_list .page_r li:nth-of-type(even) {
    float: right;
  }

  .pro_list .page_r.page_r_s li {
    width: 49%;
    max-width: 49%;
    margin-right: 0px;
  }

  .page_list {
    margin: 20px auto;
  }

  .news_list .page_r li {
    max-width: 100%;
    width: 100%;
  }

  .news_list .page_r li .picture {
    max-width: 100%;
    width: 100%;
  }

  .news_list .page_r li .picture img {
    height: auto;
  }

  .news_list .page_r li .content {
    max-width: 100%;
    width: 100%;
    margin-top: 20px;
    padding: 0px 2%;
    box-sizing: border-box;
  }

  .news_list .page_r li .content .more {
    float: none;
    display: block;
  }

  .page_brand li {
    max-width: 48%;
    margin-right: 0px;
  }

  .page_brand li:nth-of-type(even) {
    float: right;
  }

  .page_brand li .picture {
    display: flex;
    align-items: center;
    height: 170px;
  }

  .page_brand li img {
    height: 150px;
  }

  .page_r .pageR_title {
    border-bottom: 0px;
  }

  .page_r .pageR_title .title {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }

  .page_r .pageR_title .column {
    max-width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .page_r .pageR_title .column a {
    margin: 5px !important;
  }

}

@media (max-width: 375px) {
  .swiper-container {
    width: 930px;
    overflow: hidden;
  }

  .header .logo img {
    max-height: 46px;
  }

  .iconnav-list:before {
    font-size: 40px;
    line-height: 50px;
  }

  .courses_b li {
    margin: 5px 14px;
  }

  .lef_rig span {
    top: calc(50% - 25px) !important;
  }

  /* .courses_b .picture {height: 120px;} */

  .honor_list li {
    max-width: 100%;
  }

  .honor_list li span img {
    height: auto;
  }

  .case li {
    margin: 5px 30px 14px 30px;
  }

  .about_b .content .slogan {
    font-size: 18px;
    text-align: center;
  }

  section.about {
    padding-bottom: 40px;
  }

  .news_l ul .picture {
    max-width: 140px;
  }

  .news_l ul .content {
    max-width: calc(100% - 155px);
  }

  .news_l ul .title {
    font-size: 14px;
  }

  .news_l ul .text {
    font-size: 12px;
  }

  section.url {
    padding: 15px 0px;
  }

  .pro_r ul li .picture img {
    height: 170px;
  }

  .pro_r ul li .title {
    padding: 10px 0px;
  }

  .head_line .max * {
    font-size: 12px;
  }

  .courses_b .title::after {
    margin: 3px auto 0px auto;
  }

  section.product {
    height: 50px;
    line-height: 50px;
  }

  .product_s {
    font-size: 16px;
  }

  .product_s>a {
    font-size: 14px;
  }

  .course_b li {
    margin: 3px 14px;
  }

  .shiLi {
    height: 800px;
  }
}



@media (max-width: 320px) {

  .banner li img,
  .banner {
    height: 150px !important;
  }

}