/*=================================中小型笔记本或大平板 laptop /*=================================*/
     @media screen and (max-width: 1680px) {
         .pos_pro {
             width: 500px;
         }

     }


     @media screen and (max-width: 1360px) {
         .header {
             padding: 0 4%;
         }

         .logo {
             width: auto;
             position: inherit;
             float: left;
             padding-top: 0;
             height:auto;
         }

         .nav ul {
             padding-left: 0;
         }

         .header .w1200 {
             float: left;
         }

         .nav ul li a {
             min-width: 140px;
         }

     }



     @media screen and (max-width: 1200px) {
        .menu_down{
            top:0;
            display:block;
        }
        .header{
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: space-between;
            justify-content: space-between;
        }
         .search {
             display: none;
         }

         .header .w1200 {
             display: none;
         }

         .menu i {
             font-size: 30px;
         }

         .close {
             text-align: right;
             padding-right: 4%;
             line-height: 3;
         }

         .close i {
             font-size: 28px;
             color: #fff;
         }

         .menu_down li {
             line-height: 3.5;

         }

         .menu_down li a {
             font-size: 16px;
             display: block;
         }

         .menu_down li i {
             font-size: 22px;
         }

         .menu_down li.search_phone {
             font-size: 0;
             display: none;
         }

         .search_phone input {
             display: inline-block;
             vertical-align: top;
             width: 250px;
             border: 1px solid #ccc;
             line-height: 30px;
             font-size: 14px;
             color: #222;
             padding: 0 10px;
         }

         .search_phone button {
             line-height: 32px;
             display: inline-block;
             vertical-align: top;
             width: 50px;
         }

         .search_phone button i {
             display: block;
             font-size: 16px;
         }


         .menu {
             display: block;
             float: right;
         }

         .menu_down {
             position: fixed;
             height: 100vh;
             left: 0;
             z-index: 9999999;
             width: 100%;
             padding-bottom: 22px;
             background: rgba(23,72,148, 0.9);
         }

         .menu_down li {
             line-height: 3.5;
             text-align: center;
         }

         .menu_down li a {
             display: block;
             font-size: 15px;
             color: #fff;
             text-transform: uppercase;
         }

         .menu span.icon-bar {
             background: #fff;
             width: 26px;
             height: 2px;
             display: block;
             -webkit-transition: all 300ms ease-out;
             -moz-transition: all 300ms ease-out;
             transition: all 300ms ease-out;
         }

         .menu .sr-only {
             display: none;
         }

         .menu .icon-bar:nth-child(2) {
             -webkit-transform: rotate(0deg) translate(0, 0);
             -moz-transform: rotate(0deg) translate(0, 0);
             -ms-transform: rotate(0deg) translate(0, 0);
             transform: rotate(0deg) translate(0, 0);
             transform-origin: top left;
         }

         .menu .icon-bar:nth-child(3) {
             margin-top: 6px;
             -webkit-transform: scale(1, 1);
             -moz-transform: scale(1, 1);
             -ms-transform: scale(1, 1);
             transform: scale(1, 1);
             -webkit-transform-origin: center center;
             -moz-transform-origin: center center;
             -ms-transform-origin: center center;
             transform-origin: center center;
         }

         .menu .icon-bar:nth-child(4) {
             margin-top: 6px;
             -webkit-transform: rotate(0deg) translate(0, 0);
             -moz-transform: rotate(0deg) translate(0, 0);
             -ms-transform: rotate(0deg) translate(0, 0);
             transform: rotate(0deg) translate(0, 0);
             transform-origin: top left;
         }
     }















     /*=================================手机或小平板 phone=============================== */
     @media screen and (max-width: 767px) {
        .header{
            height: 60px;
        }
        .banner .swiper-container{
            height: 260px;
        }
        .logo{
            width: 180px;
        }
        .index_rec{
            height: auto;
            padding:8% 0;
        }
        .w1200{
            width: 92%;
            margin: 0 auto;
        }
        .index_title h3{
            font-size: 30px;
            padding-bottom:3%;
        }
        .inrec_list ul{
            margin-top: 8%;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .inrec_list ul li{
            width: 50%;
            margin:0;
            margin-bottom: 6%;
        }
        .in_about{
            padding-top: 8%;
        }
        .in_about .w1200{
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .in_about .w1200 figcaption{
            max-width: inherit;
            padding-top: 0;
        }
        .more{
            margin: 0 auto;
            margin-top: 8%;
        }
        .in_about figure{
            margin-top: 10%;
        }
        .pos_pro{
            display: none;
        }
        .in_product{
            margin-top: 20%;
        }
        .product_list ul li{
            width: 50%;
            padding-top: 0;
            height: 160px;
        }
        .product_list ul li:last-child{
            display: none;
        }
        .module_page1{
            height: auto;
            padding-bottom: 8%;
        }
        .module_page2{
            padding:8% 0;
        }
        .footer_top{
            display: none;
        }
        .fo_bg{
            display: none;
        }
        .footer{
            margin-top:0;
        }
        .copy a{
            display: none;
        }
        .copy{
            width: 92%;
            margin: 0 auto;
            height: 60px;
            line-height:1.6;
            padding: 6px 0;
        }
        .about_page .w1200{
            -webkit- flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .inside_page{
            padding:8% 0;
        }
        .about_page{
            padding:0;
        }
        .about_page .w1200 figcaption .endit{
            font-size: 15px;
            line-height: 2.2;
        }
        .about_page .w1200 figure{
            margin-top:10%;
        }
        .product_page{
            padding: 0;
        }
        .pro_left{
            width: 100%;
        }
        .pro_right{
            width: 100%;
            margin-top: 10%;
        }
        .pro_title{
            font-size: 22px;
        }
        .product_list2 ul li{
            width: 48%;
            margin-right: 4%;
        }
        .product_list2 ul li:nth-child(3n){
            margin-right: 4%;
        }
        .product_list2 ul li:nth-child(2n){
            margin-right:0;
        }
        .product_list2 ul li figure{
            height: 163px;
        }
        .product_list2 ul li figcaption p{
            font-size: 13px;
        }
        .pr_img{
            width: 100%;
            height:345px;
        }
        .pro_deacon h3{
            font-size: 22px;
        }
        .ht{
            height: 40px;
        }
        .ht p{
            font-size: 14px;
            line-height: 40px;
        }
        .news_page{
            padding:0;
        }
        .news_top{
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .news_list{
            margin-top: 8%;
        }
        .news_nav{
            width: 100%;
        }
        .news_nav ul li{
            width: 100%;
            border:1px solid #e5e5e5;
            border-bottom:none;
        }
        .news_nav ul li:last-child{
            border-bottom:1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
        }
        .news_dea h3{
            font-size: 22px;
        }
        .news_endit{
            font-size: 15px;
            line-height:2.2;
        }
        .contact_page{
            padding:0;
        }
        .con_tit h3{
            font-size: 30px;
        }
        .con_tit h6{
            font-size: 15px;
            margin-top:2%;
        }
        .con_list ul li{
            width: 100%;
        }
        .con_list{
            width: 80%;
            margin: 0 auto;
            margin-top: 6%;
        }
        .con_list ul li{
            border:1px solid #e5e5e5;
            margin-bottom: 6%;
        }
        .map{
            margin-top: 20px;
            height: 250px;
        }
     }