/*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1200px) {
        .header2{
           display:-webkit-flex;
            display: flex;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-align-items: center;
            align-items: center;
            padding:0 4%;
        }
        .header2 .logo{
            width:12%;
        }
		.header{
            display: none;
        }
        .page_left{
            display: none;
        }
        .module_page{
            height:auto;
        }
        .page_right{
            width: 100%;
            height: auto;
        }
        .menu{
                display: block;
                float: right;
             }
            .menu_down{
                position: absolute;
                left:0;
                z-index: 9999999;
                width: 100%;
                padding-bottom: 22px;
                background:rgba(208,51,51,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);
            }

    }



















    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
		.inab_body figure::after{
			display:none;
		}
		.banner{
			height:30vh;
		}
        .header2{
            height: 60px;
        }
        .inab_title{
            width: 92%;
            margin: 0 auto;
        }
        .inab_title h3{
            font-size: 26px;
            margin-top: 2%;
        }
        .inab_title h6{
            font-size: 16px;
            width: 100px;
            height: 27px;
            background-size: 100px 27px;
            line-height: 27px;
        }
        .inab_body{
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-top: 5%;
            width: 92%;
            margin: 0 auto;
        }
        .inab_body figcaption{
            width: 100%;
        }
        .inab_body figure{
            width: 100%;
        }
        .inab_body figcaption h6{
            font-size: 20px;
        }
        .inab_body figcaption p{
            font-size: 14px;
            line-height:2.7;
            padding-top:2%;
        }
        .inab_body figcaption ul li a{
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .inab_body figcaption ul li p{
            padding-left: 0;
            width: 100%;
            text-align: center;
        }
        .inab_body figcaption ul li{
            margin-right: 0;
        }
        .inab_body figcaption ul li i{
            margin: 0 auto;
        }
        .inab_body figcaption ul{
            margin-top: 6%;
        }
        .index_title{
            width: 92%;
            margin: 0 auto;
            font-size: 26px;
            padding:0 0 6% 0;
        }
        .product_nav{
            width: 92%;
            margin: 0 auto;
        }
        .product_nav ul{
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
        }
        .product_nav ul li{
            width: 50%;
            border-bottom:0;
        }
        .product_nav ul li:nth-child(2n){
            border-right:1px solid #e0e0e0;
        }
        .product_nav ul li:last-child{
            border-bottom:1px solid #e0e0e0;
        }
        .product_nav ul li:nth-child(4){
            border-bottom:1px solid #e0e0e0;
        }
        .product_con{
            width: 92%;
            margin: 0 auto;
        }
        .product_mod ul li{
            width: 48%;
            margin-right: 4%;
        }
        .product_mod ul li:nth-child(2n){
            margin-right: 0;
        }
        .product_mod ul li figure{
            height: 165px;
        }
        .product_mod ul li figcaption{
            height: 40px;
            line-height: 40px;
            font-size: 15px;
        }
        .pro_more{
            margin-top: 6%;
        }
        .news_list{
            width: 88%;
            margin: 0 auto;
        }
        .module_page4 .page_right{
            background-position: top;
            background-size:cover;
            padding:8% 0;
        }
        .news_list ul li{
            width: 100%;
            margin-right: 0;
            margin-bottom:6%;
            height: 440px;
        }
        .news_list figcaption h3{
            font-size: 16px;
        }
        .module_page5{
            padding-top: 0;
        }
        .module_page5 .page_top h6{
            font-size: 20px;
            width: 80%;
            margin: 0 auto;

        }
        .contact_body{
            padding-top:8%;
            width: 92%;
            margin: 0 auto;
        }
        .message{
            width: 100%;
        }
        .message ul li:first-child input{
            width: 100%;
        }
        .message ul li:nth-child(4) .yzm{
            width: 100%;
        }
        .message ul li:nth-child(4) button{
            width: 100%;
            margin-top: 4%;
            float:none;
        }
        .infor{
            width: 100%;
        }
        .module_page5 .page_right .page_top{
            height:auto;
        }
        .infor_li li{
            padding-left: 20px;
            font-size: 14px;
        }
        .infor_li li::before{
            left:0px;
        }
        .infor_bottom{
            padding: 6% 0;
        }
        .copy a{
			width:100%;
            display: block;
        }
        .page_right .footer_bottom{
            height: 60px;
        }
        .copy{
            height: 60px;
            width: 92%;
            margin: 0 auto;
            line-height: 1.6;
            text-align: center;
            padding:6px 0;
        }
        .module_page5 .page_right{
            padding-bottom: 0;
            padding-top:8%;
        }
        .module_page2 .page_right{
            padding-top: 8%;
            padding-bottom: 8%;
        }
        .module_page1 .page_right{
            padding: 0;
        }
        .module_page3 .page_right{
            padding:8% 0;
        }
        .inside_banner figure{
            height: 200px;
        }
        .inside_banner figcaption{
            padding-top: 14%;
        }
        .inside_banner figcaption h3{
            font-size: 28px;
        }
        .inside_banner figcaption ul{
            width: 92%;
            margin: 0 auto;
        }
        .about_con{
            padding:10% 0;
        }
        .about_title h6{
            width: 100px;
            height: 27px;
            background-size:100px 27px;
            line-height: 27px;
            font-size: 16px;
        }
        .about_title h3{
            width: 92%;
            margin: 0 auto;
            font-size: 20px;
        }
        .inside_about{
            padding-top: 8%;
            width: 92%;
            margin: 0 auto;
        }
        .inside_about figcaption{
            width: 100%;
        }
        .inside_about figcaption p{
            font-size: 15px;
            line-height:2.4;
        }
        .develop{
            padding:10% 0;
        }
        .hist_page{
            padding-top:8%;
        }
        .hist_page_tab2_in{
            width: auto;
        }
        .hist_page_tab2_in{
            top:-11.5%;
            height: auto;
        }
        .hist_page_tab1 .swiper-button-next{
            top:85%;
            right:0px;
        }
        .hist_page_tab1 .swiper-button-prev{
            top:75%;
            right:0px;
        }
        .hist_page_tab2_in p{
            width: 170px;
        }
        .hist_page_tab1 .swiper-slide:nth-child(2n) .hist_page_tab2_in{
            right:0px;
        }
        .hist_page_tab2_in h3{
            padding-bottom: 13px;
        }
        .hist_page_tab1 .swip_choose:nth-child(2n) .hist_page_tab2_in h3::after{
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            -o-transform: translateX(-20px);
            transform: translateX(-20px)
        }
        .honor{
            padding:10% 0;
        }
        .honor_list ul{
            width: 92%;
            margin: 0 auto;
        }
        .honor_list ul li{
            width: 48%;
            margin-right: 4%;
            margin-bottom: 4%;
            height: 170px;
        }
        .honor_list ul li:nth-child(3n){
            margin-right: 4%;
        }
        .honor_list ul li:nth-child(2n){
            margin-right: 0;
        }
        .inside_banner2 figcaption ul{
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
        }
        .inside_banner2 figcaption ul li{
            width: 50%;
        }
        .product_page .product_nav{
            display: block;
        }
        .inside_banner2 figcaption ul{
            display: none;
        }
        .product_page{
            padding:10% 0;
        }
        .inside_title h3{
            font-size: 26px;
            padding:8% 0 10% 0;
        }
        .pro_pading ul{
            margin-bottom: 0;
        }
        .product_swiper .swiper-slide img{
            width: 300px;
            height: 300px;
        }
        .parameter{
            margin-top:40px;
        }
        .par_top{
            margin-bottom: 5%;
        }
        .par_endit{
            width: 92%;
            margin: 0 auto;
            overflow: scroll;
        }
        .par_endit img{
            max-width: 1200px;
        }
        .news_deabody{
            padding:8% 0;
        }
        .news_deabody .title{
            text-align:left;
            width: 92%;
            margin: 0 auto;
        }
        .news_deabody .title p{
            padding-top:5%;
        }
        .news_deabody .zw_newsdea{
            padding: 0;
            width: 92%;
            margin: 0 auto;
            padding-top:4%;
            font-size: 15px;
            line-height: 2.4;
        }
        .inside_page .page_right .page_top{
            padding-top: 8%;
        }
        .inside_page .page_top h6{
            text-align: center;
            font-size: 18px;
            width: 86%;
            margin: 0 auto;
            line-height:1.8;
        }
        .map{
            width: 92%;
            margin: 0 auto;
            margin-top: 0;
            height: 300px;
            margin-bottom: 8%;
        }
        .map img{
            width: 100%;
            height: 100%;
            object-fit:cover;
        }

    }