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

		

    }



















    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
			.menu_down{
                position: absolute;
				top:60px;
                left:0;
                z-index: 9999999;
                width: 100%;
                padding-bottom: 12px;
                background:rgba(217,38,28,0.9);
              }
            .menu_down li{
                line-height: 3.5;
                text-align: center;
                border-bottom: 1px solid #fff;
				width:100%;
                }
            .menu_down li a{
                display: block;
                font-size: 18px;
                color: #fff;
             }
            .menu2 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; 
            }
            .menu2 .sr-only{
                display: none;
            }
            .menu2 .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;
            }
            .menu2 .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;
            }
            .menu2 .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;
            }
            .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);
            }
			
			.toper{
				background:#fff;
			}
			.toper .menu {
				display:none;
			}
			.container{
				width:100%;
			}
			.toper .container{
				width:92%;
				margin: 0 auto;
				margin-top:0;
				display：-webkit-flex;
				display:flex;
				align-items:center;
			}
			.toper .logo{
				width:45%;
				margin-left:0;
			}
			.toper .logo img{
				width:100%;
				height:100%;
				object-fit:cover;
			}
			.flexslider{
				height:300px;
			}
			.slides li{
				height:300px;
			}
			.floor-1{
				padding:5% 0;
			}
			.l-home-floor hgroup.hg1 p{
				font-size:26px;

			}
			.l-home-floor hgroup.hg1 h2{
				font-size:18px;
			}
			.clearfix{
				width:92%;
				margin:0 auto;
				display:flex;
				justify-content: space-between;
				flex-wrap:wrap;
			}
			.floor-1 .floor-11 li.p1{
				margin:0;
				margin-bottom:4%;
				width:48%;
			}
			.floor-1 .floor-11 li.p1 .img{
				height:124px;
			}
			img{
				object-fit:cover;
				max-width: 100%;
				vertical-align: top;
			}
			.clearfix:after{
				display:none;
			}
			.floor-2 .mr60{
				margin-left:0px;
				height:860px;
			}
			.floor-2 hgroup.hg2 p:after{
				top:14px;
			}
			.floor-2 hgroup.hg2 p{
				margin-left:60px;
				font-size:26px;
			}
			.floor-2 hgroup.hg2 h2{
				font-size:18px;
			}
			.floor-2 .floor-21{
				margin-top:20px;
				width:100%;
			}
			.floor-2 .floor-21 a{
				margin-top:6%;
			}
			.floor-2{
				padding:5% 0 0 0;
			}
			.floor-3{
				height:200px;
			}
			.floor-4{
				padding:4% 0 6% 0;
			}
			.floor-4 .floor-41 .img{
				width:100%;
				padding-left:0;
			}
			.floor-4 .floor-41 ul{
				width:100%;
			}
			.footer-bottom{
				display:none;
			}
			.footer .bdsharebuttonbox{
				display:none;
			}
			.footer .container{
				padding-top:8px;
				line-height:1.6;
				width:92%;
				margin:0 auto;
				text-align:center;
			}
			.menu2{
                display: block;
                float: right;
             }
			.l-inside{
				height:240px;
			}
			.l-crumbs .crumbs{
				display:-webkit-flex;
				display:flex;
				align-items:center;
				line-height:40px;
				padding-left:10px;
			}
			.l-crumbs .nav li a{
				line-height:50px;
			}
			.f-r{
				width:100%;
				margin:0 auto;
				text-align:center;
			}
			.nav ul{
				display:flex;
				justify-content:center;
			}
			.l-page-about .container{
				width:92%;
				margin:0 auto;
				margin-top:6%;
			}
			.l-page-about .container .content{
				position:initial;
				width:100%;
				margin-top:5%;
				padding:20px 0 15px 10px;
			}
			.l-page-about .container img{
				height:200px;
				width:100%;
				object-fit:cover;
			}
			.l-page-about .container .content .info h1{
				font-size:20px;
			}
			.l-page-about .container .content .info h2{
				margin-bottom:6%;
				margin-top:3%;
			}
			.l-page-about{
				padding-bottom:8%;
			}
			.l-page-qiye hgroup.hg2 p{
				font-size:24px;
				margin-left:50px;
			}
			.l-page-qiye hgroup.hg2 p:after{
				top:12px;
			}
			.l-page-qiye hgroup.hg2 h2{
				font-size:18px;
				margin-left:60px;
			}
			.l-page-qiye .content{
				margin-top:7%;
			}
			.l-page-qiye hgroup.hg2, .l-page-qiye .content{
				width:92%;
				margin:0 auto;
				margin-top:6%;
			}
			.l-product .list{
				width:100%;
			}
			.l-product .list li.p1{
				width:48%;
				margin-right:0;
				margin-bottom:4%;
				height:168px;
			}
			.l-product .list li.p1 .img{
				width:100%;
				height:124px;
			}
			.pageNav{
				text-align:center;
			}
			.sidebar{
				width:100%;
				margin-bottom:5%;
			}
			.l-product .detail{
				width:100%;
			}
			.l-product .detail .picture{
				width:92%;
				margin:0 auto;
				height:290px;
			}
			.l-product .detail>h1{
				margin-bottom:5%;
			}
			.l-product .detail .picture .cloud-zoom img{
				width:100%;
				height:258px;
			}
			.l-product .detail .cloud{
				width: 305px !important;
				margin:0 6%;
				left:0;
				bottom:25px;
			}
			.l-product .thumbelina-but.horiz.right{
				right:-21px;
			}
			.l-product .thumbelina-but.horiz.left{
				left:-20px;
			}
			.l-news .list li .box{
				width:100%;
				padding-left:10px;
				padding-top:4%;
			}
			.l-news .list li .box .info{
				display:none;
			}
			.l-news .list li .box .title{
				font-size:16px;
				line-height:1.6;
				text-align:left;
				display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                padding-bottom: 0;
			}
			.l-news .list li{
				padding:4%;
			}
			.l-news .list li a{
				display:flex;
				justify-content:space-between;
			}
			.l-news .list li .img img{
				height:auto;
			}
			.l-news .list li .img{
				height:auto;
			}
			.l-news .list li .box .time{
				text-align:right;
				margin-top:6%;
			}
			.l-mg40{
				margin-top:6%;
			}
			.l-news .detail{
				width:92%;
				margin:0 auto;
				padding:5% 4% 5% 4%;
			}
			.l-news .detail>h1{
				font-size:20px;
				line-height:30px;
				padding-bottom:3%;
			}
			.l-news .detail .content{
				margin-top:6%;
			}
			.l-message .content{
				width:92%;
				padding:6% 0;
			}
			.l-message .box{
				width:100%;
			}
			.l-message .box h2{
				font-size:26px;
			}
			.l-message .box h3{
				font-size:18px;
			}
			.l-message .box p{
				padding:0 20px;
				margin:6% 0;
			}
			.l-message .box li.m, .l-message .box li{
				display:flex;
				justify-content:space-between;
				width:92%;
				margin:0 auto 4% auto;
				
			}
			.l-message .box li.code input{
				width:52%;
				margin-left:0%;
				margin-bottom:0;
			}
			.l-message .box li.code img{
				height:41px;
			}
			.l-message .box li.submit button{
				margin-top:0;
			}
			.l-job .list .title{
				padding:0 6%;
			}
			.l-job .list .info{
				padding:5% 6%;
			}
			.l-job .list{
				width:92%;
				margin:0 auto;
			}
			.l-job .list ul li{
				font-size:13px;
			}
			.l-page-contact{
				margin:auto 0;
			}
			.l-page .content_info{
				width:92%;
				margin:6% auto 0 auto;
				padding:10px 2%;
			}
			.l-page-contact h1{
				font-size:24px;
			}
			.l-page-contact{
				padding-top:4%;
			}
			.l-page-contact .cinfo1{
				width:100%;
			}
			.l-page-contact .cinfo1 li{
				font-size:14px;
			}
			.cinfo li:first-child i{
				padding-left:0;
				margin-right:0;
			}
			.l-page-contact .cinfo1{
				line-height:2.4;
			}
			.l-page-contact .wechat{
				padding:30px 0;
				width:213px;
			}
			.l-page-contact .map{
				margin-top:30px;
				padding:5px;
			}
			.sidebar h3{
				font-size:22px;
			}
			.floor-4 .floor-41 .img img{
				height:240px;
			}
			.l-home-floor hgroup.hg1 h2{
				margin-bottom:8%;
			}
			.floor-4 .floor-41 li{
				line-height:32px;
				padding:10px 0;
			}
			.cloud{
				display:none;
			}
			#wrap{
				display:none;
			}
			.picture .swiper-slide img{
				width:100%;
				height:100%;
				object-fit:cover;
			}
			.flexslider .slides{
				display:none;
			}
			.flex-control-nav{
				display:none;
			}
			.flex-direction-nav{
				display:none;
			}
			.flexslider .swiper-container{
				
				height:100%;
			}
			.flexslider .swiper-container .swiper-slide img{
				width:100%;
				height:100%;
				object-fit:cover;
			}
			.flexslider .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
				background: url(../images/prev.png) center center no-repeat;
			}
			.flexslider .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
				background: url(../images/next.png) center center no-repeat;
			}
			.flexslider .swiper-button-next{
				width:48px;
			}
			.flexslider .swiper-button-prev{
				width:48px;
			}
			.workshop_list ul{
                width: 92%;
                margin: 0 auto;
                justify-content: space-between;
            }
            .workshop_list ul li{
                width: 48%;
                margin-right: 0;
                margin-bottom: 4%;
                
            }
            .ws_rseach img{
                width: 30%;
            }
            .about_inside .inside_page1 .load p{
                height: auto;
            }
			.flexslider .swiper-container{
				display:block;
			}
			.picture .swiper-container{
				display:block;
			}
			
 
 }