/*=================================中小型笔记本或大平板 laptop /*=================================*/
     @media screen and (max-width: 1330px) {

         .header .logo {
             width: 360px;
         }

         .nav ul li a {
             padding: 10px;
         }

     }

     



















     /*=================================手机或小平板 phone=============================== */
     @media screen and (max-width: 1200px) {
         .header .w1400 {
             width: 92%;
             margin: 0 auto;
         }

         .langurge {
             display: none;
         }

         .logo {
             width: 40%;
         }

         .nav {
             display: none;
         }

         .right_dakuang {
             display: none;
         }

         .footer_list {
             display: none;
         }

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

         .menu_down {
             position: absolute;
             left: 0;
             z-index: 9999999;
             width: 100%;
             padding-bottom: 22px;
             background: rgba(0, 114, 184, 0.9);
         }

         .menu_down li {
             line-height: 3.5;
             text-align: center;
             border-bottom: 1px solid #fff;
         }

         .menu_down li a {
             display: block;
             font-size: 18px;
             color: #fff;
         }

         .menu span.icon-bar {
             background: #000;
             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: 8px;
             -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: 8px;
             -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;
         }

         .xz .icon-bar:nth-child(2) {
             -webkit-transform: rotate(45deg) translate(4px, -3px);
             -moz-transform: rotate(45deg) translate(4px, -3px);
             -ms-transform: rotate(45deg) translate(4px, -3px);
             transform: rotate(45deg) translate(4px, -3px);
             transform-origin: 0 0;
         }

         .xz .icon-bar:nth-child(3) {
             opacity: 0;
         }

         .xz .icon-bar:nth-child(4) {
             -webkit-transform: rotate(-45deg) translate(3px, 2px);
             -moz-transform: rotate(-45deg) translate(3px, 2px);
             -ms-transform: rotate(-45deg) translate(3px, 2px);
             transform: rotate(-45deg) translate(3px, 2px);
         }

         .fig_page {
             height: 100%;
             overflow: hidden;
         }

         .message2 {
             margin-top: 0;
         }

         

         .banner .swiper-button-next,
         .swiper-button-prev {
             display: none;
         }

         .banner .swiper-pagination {
             display: none;
         }

         .banner {
             width: 100%;
             height: 180px;
         }

         .banner .swiper-container {
             height: 100%;
         }

         .banner img {
             width: 100%;
             height: 100%;
             object-fit: cover;
         }

         .module_page1 {
             padding: 8% 0;
         }


         .fig_page h3 {
             font-size: 24px;
         }

         .fig_page p {
             font-size: 12px;
             width: 96%;
             margin: 0 auto;
         }

         .module_page3 h3 {
             font-size: 24px;
             width: 88%;
             margin: 0 auto;
         }

         .module_page3 {
             padding: 8% 0 4% 0;
         }

         .w915 {
             width: 92%;
             margin: 0 auto;
         }

         .w1200 {
             width: 92%;
             margin: 0 auto;
         }

         .module_page4 {
             padding: 8% 0;
             height: auto;
             background-position: bottom;
         }

         .module_page4 figcaption h3 {
             font-size: 24px;
         }

         .module_page4 figcaption .p {
             padding-top: 4%;
             line-height: 30px;
         }

         .module_page4 a {
             display: none;
         }

         .module_page4 figure {
             margin-top: 6%;
         }

         .module_page5 {
             padding: 8% 0 4% 0;
         }

         .logo2 {
             width: 220px;
             margin: 0 auto;
         }

         .produtc_type {
             width: 92%;
             margin: 0 auto;
             margin-top: 8%;
         }

         .produtc_type ul li:nth-child(3n) {
             margin: 0 auto;
             margin-bottom: 5%;
         }

         .produtc_type ul li {
             float: none;
             margin: 0 auto;
             margin-bottom: 5%;
         }

         .module_page6 {
             padding: 10% 0;
         }

         .module_page6 h3 {
             font-size: 22px;
         }

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

         .search {
             width: 92%;
             margin: 0 auto;
             margin-top: 6%;
         }

         .footer_top {
             display: none;
         }

         .copyall {
             height: 60px
         }

         .copy {
             line-height: 1.8;
             padding: 8px 0;
         }

         .copy a {
             display: none;
         }

         .module_page7 {
             padding: 8% 0 4% 0;
         }

         .notice_tit ul li {
             margin-right: 0;
         }

         .news_top {
             margin: 8% 0 5% 0;
         }

         .news_top figure {
             float: none;
             max-width: 100%;
             width: 100%;
             margin-right: 0;
         }

         .news_top figure img {
             width: 100%;
             object-fit: contain;
         }

         .news_top figcaption {
             padding: 20px 120px 20px 0;
         }

         .time {
             right: 0;
         }

         .time img {
             margin-left: 10px;
         }

         .inside_nav {
             margin-top: 6%;
         }

         .inside_nav h3 {
             font-size: 20px;
         }

         .inside_nav .right_ioc {
             line-height: 36px;
         }

         .product_page {
             padding: 5% 0 8% 0;
         }

         .product_type ul li h3 {
             font-size: 20px;
             padding-left: 45px;
             line-height: 45px;
         }

         .product_type ul li h3::after {
             width: 36px;
             height: 32px;
             background-size: 36px 32px;
             top: calc(50% - 16px);
         }

         .product_type ul li {
             width: 100%;
         }

         .product_type ul li .pro_img {
             width: 100%;
             height: 260px;
         }

         .product_type ul li {
             margin-bottom: 8%;
         }

         .product_list2 ul li {
             margin-right: 0;
             width: 48%;
             margin-right: 4%;
             margin-bottom: 8%;
         }

         .product_list2 ul li:nth-child(2n) {
             margin-right: 0;
         }

         .product_list2 ul li figure {
             height: auto;
         }

         .product_list2 ul li h3 {
             font-size: 16px;
         }

         .product_list2 ul li p {
             font-size: 12px;
             line-height: 20px;
         }

         .inside_page2 {
             padding: 6% 0 8% 0;
         }

         .product_title {
             font-size: 22px;
             padding-left: 45px;
             margin-bottom: 8%;
         }

         .product_title::after {
             width: 36px;
             height: 32px;
             background-size: 36px 32px;
             top: calc(50% - 16px);
         }

         .prodea_left {
             float: none;
             width: 100%;
         }

         .prodea_right {
             float: none;
             width: 100%;
             margin-top: 10%;
         }

         .message {
             width: 100%;
         }

         .about_page {
             padding: 5% 0 8% 0;
         }

         .about_page figcaption {
             width: 100%;
             float: none;
             padding-left: 10px;
             line-height: 2.2;
         }

         .about_page figure {
             float: none;
             width: 100%;
             margin-top: 6%;
         }

         .honor_list ul li {
             width: 48%;
             margin-right: 4%;
             margin-bottom: 4%;
             height: 165px;
         }

         .honor_list ul li img {
             height: 100%;
             width: 100%;
             object-fit: contain;
         }

         .honor_list ul li:nth-child(2n) {
             margin-right: 0;
         }

         .contact_page {
             padding: 6% 0 8% 0;
         }

         .con_left {
             float: none;
             width: 100%;
             margin-bottom: 5%;
         }

         .news_list ul li {
             padding: 6% 4%;
             height: auto;
         }

         .news_list ul li p {
             display: none;
         }

         .news_list ul li figure {
             height: auto;
             width: 35%;
         }

         .news_list ul li figcaption {
             width: 65%;
             padding-right: 4%;
         }

         .news_list ul li h6 {
             margin-bottom: 2%;
         }

         .news_list ul li h3 {
             font-size: 16px;
             margin-bottom: 4%;
         }

         .news_dea {
             padding: 0 4%;
         }

         .news_dea h3 {
             font-size: 22px;
         }

         .news_endit {
             line-height: 2.2;
             font-size: 15px;
         }

         .news_nav ul {
             -webkit-flex-wrap: wrap;
             flex-wrap: wrap;
         }

         .news_nav ul li {
             max-width: 100%;
             width: 100%;
         }

         .news_nav ul li a {
             line-height: 48px;
         }

         .news_nav {
             padding: 8% 0;
         }

         .jion_title {
             padding: 8% 0 6% 0;
         }

         .jion_title h3 {
             font-size: 20px;
         }

         .jion_title p {
             font-size: 14px;
             line-height: 20px;
         }

         .jion_list ul li {
             float: none;
             width: 100%;
             margin: 0 auto;
             margin-bottom: 6%;
         }

         .con_left h3 {
             font-size: 20px;
             padding-bottom: 6%;
         }

         .contact_list {
             width: 100%;
         }

         .map {
             margin-top: 5%;
             width: 100%;
         }

         .w960 {
             width: 92%;
             margin: 0 auto;
         }

         .img_list img {
             width: 100%;
             height: 100%;
             object-fit: cover;
         }

         .img_list .left {
             width: 100%;
         }

         .img_list .right {
             width: 100%;
         }

         .img_list .right ul {
             -webkit-flex-wrap: wrap;
             flex-wrap: wrap;
         }

         .img_list .right .top li {
             margin-top: 10px;
             width: 100%;
         }

         .img_list .right .bottom li {
             margin-top: 10px;
             width: 100%;
         }

         .product_list ul li:nth-child(3n) {
             margin: 0 auto;
         }


     }



     @media screen and (max-width: 767px) {
        .header {
             height: 60px;
             border-bottom: 2px solid #cccccc;
         }
         
         .product_list ul li {
             margin: 0 auto;
             float: none;
             margin-bottom: 8%;
         }

         .product_list ul li:nth-child(4n) {
             margin: 0 auto;
         }
         .header .logo{
            width: 160px;
         }
     }