/*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1480px) {
        .nav li{
            padding: 0 20px;
        }
        
        

    }

    @media screen and (max-width: 1200px) {

		
    }


    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
		.product_img3{
			display:none;
		}
        .header{
            padding:0 4%;
            width: 100%;
            margin: 0 auto;
            z-index: 66;
        }
        .header ul{
            display: none;
        }
        .top_right{
            display:none;
        }
        .footer_list{
            display: none;
        }
        .copy{
            width: 80%;
            margin: 0 auto;
            padding: 10px 0;
            line-height:2;
        }
        .about_neirong{
            width: 88%;
            padding-top: 7%;
        }
        .about_page1{
            padding: 10% 0 8% 0;
        }
        .about_title{
            font-size: 3.2rem;
            margin-bottom: 5%;
        }
        .about_body h3{
            font-size: 2.2rem;
        }
        .about_body h6{
            font-size: 1.2rem; 
        }
        .about_cfimg ul{
            justify-content: space-between;
            width: 92%;
            margin: 0 auto;
        }
        .about_cfimg ul li{
            width: 47%;
            margin-bottom: 4%;
        }
        .menu{
            display: block;
            float: right;

        }
        .menu_down{
            position: absolute;
            left:0;
            z-index: 9999999;
            width: 100%;
            padding-bottom: 22px;
            background:rgba(0,106,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);
            
        }
        .logo {
            width: 78%;
            padding:3% 2%;
        }
		.logo aside{
			float: right;
			padding-left: 0px;
			padding-top: 5px;
		}
		.logo h3{
			font-size: 15px;
		}
		.logo img{
			width: 20%;
		}
		.logo p {
			color: #666;
			font-size: 12px;
			line-height: 30px;
		}
		.banner .swiper-slide{
			height:200px;
		}
		.mobile_pro_img h3{
			font-size:14px;
		}
		.banner .swiper-slide img{
			object-fit: cover;
			height: -webkit-fill-available;
		}
        .banner_zi{
            font-size: 3rem;
            top:32%;
        }
		.prodeta_img .swiper-slide img{
			height:200px;
		}
        .pro_img ul li{
			width:49%;
		}
        .mobile_pro_img{display: block;}

        .about_right ul{
            justify-content: space-between;
        }
        .about_right ul li{
            padding: 0;
        }
        .about_right .about_con h3{
            margin-bottom: 6%;
        }
        .about_right .about_con h4{
            font-size: 2.4rem;
            margin-bottom: 2%;
        }
        .about_right .about_con h5{
            font-size: 1.2rem;
            margin-bottom: 8%;
        }
        .about_right .about_con p{
            font-size: 1.3rem;
        }
        .about_con{
            margin-bottom: 8%;
        }
        .page2{
            padding: 0 0 6% 0;
            background: #f0f0f0;
        }
        .about_left{
            float: none;
        }
        .news_title h3{
            font-size: 2.6rem;
        }
        .page3{
            padding: 8% 0 6% 0;
        }
      
        .in_sc{
            max-width: 100%;
			height:110px;
        }
        .in_sc h3{
            left: 30px;
			font-size: 1.8rem;
			top: 28px;
        }
        .in_sc p{
            width:67%;
                left: 31px;
		top: 59px;
		font-size: 1.2rem;
        }
		.in_sc img{
			object-fit: cover;
    height: -webkit-fill-available;
		}
        .news_nei ul{
            flex-wrap: wrap;
            margin-top: 10%;
        }
        .news_nei ul li{
            width: 48%;
            margin-bottom: 5%;
        }
        .news_nei li p{
            display: none;
        }
        .mobile_pro_img .swiper-slide{
            background: #fff;
            border:1px solid #eee;
            padding:0 0 0px 0;
			margin-top:0;
        }
        .mobile_pro_img p{
           width:100%;
		   border:none;
            margin-top: 0px;
            height:30px;
            line-height: 30px;
        }
        .page_pro{
            max-width:92%;
        }
        .mobile_pro_img h6{
            padding:0 5%;
            font-size: 1.4rem;
            margin-bottom: 0;
            text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
        }
        .about_right li a div{
            width:50px;
            height: 50px;
        }

        .about_right li a div i{
            font-size: 2.5rem;
            line-height: 50px;
        }
         .about_right li:first-child a div i{
             font-size: 3rem;
        }
         .about_right li:nth-child(2) a div i{
             font-size: 2.3rem;
        }
         .about_right li:nth-child(4) a div i{
             font-size: 2.3rem;
        }
        .in_news{
            width: 92%;
            margin: 0 auto;
        }
        .jiantou h6{
            margin-top: 0;
        }
        .in_news_time{
            margin-top: 5%;
        }
        .news_nei li h3{
            margin-top: 6%;
            font-size: 1.4rem;
            text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
        }
        .page1{
            padding: 6% 0 4% 0;
        }
        .pro_daohang h3{
            width: 92%;
            margin: 0 auto;
            font-size: 3.2rem;
        }
        .pro_title{
            font-size: 2.6rem;
            margin-bottom: 4%;
        }
        .product_img ul{
            width: 92%;
            margin: 0 auto;
            justify-content: space-around;
        }
        .product_img ul li{
            width: 47%;
            margin:3% 0;
        }
        .pro_daohang input{
        	height:45px;
        	line-height: 48px;
        }
        .product_img ul li figcaption{
        	height: 160px;
        	bottom:-135px;
        }
        .product_img ul li figcaption p{
        	line-height: normal;
        	padding-top: 4px;
        }
        .product_img ul li:hover figcaption{
	-webkit-transform:translateY(-130px);
	-ms-transform:translateY(-130px);
	-o-transform:translateY(-130px);
	transform:translateY(-130px);
}
.product_img ul li figcaption i{
	margin: 0px 0 20px 0;
}
.product_img ul li figcaption h5{
	font-size: 2rem;
}
        .erji{
            position: static;
            padding-bottom: 2%;
        }
        .erji ul{
            border:none;
            padding-top: 7%;
            width: 92%;
            margin: 0 auto;
            flex-wrap: wrap;
        }
        .erji ul li{
            border:1px solid #d2d2d2;
            width: 48%;
            margin-top: 0;
            margin-bottom: 4%;
            height:40px;
            line-height: 40px;
            padding: 0 4%;
        }
        .erji ul li a{
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 1.4rem;
            line-height: 40px;
        }
        .pro_page1{
            padding: 8% 0 8% 0;
        }
        .inbutt{
            width: 92%;
            margin: 0 auto;
            padding-top:0;
            margin-top: 30px;
        }
        .pro_daohang button{
        	right:12px;
        	top:10px;
        	border:none;
        	background: none;
        }
        .pro_daohang button i{
        	border:none;
        	border-top:none;
        	border-bottom:none;
        }
        .news_erji ul{
            padding-top: 7%;
            width: 92%;
            margin: 0 auto;
            flex-wrap: wrap;
        }
        .news_erji ul li{
            width: 48%;
            margin-top: 0;
            margin-bottom: 6%;
            height:40px;
            line-height: 40px;
        }
        .news_erji ul li a{
             line-height: 40px;
        }
        .news_page1{
            padding: 4% 0 8% 0;
        }
        .news_content ul{
            margin-top:0;
            justify-content: space-between;
        }
        .news_title{
            font-size: 3.2rem;
            margin-bottom: 4%;
        }
        .news_content ul{
            width: 92%;
            margin: 0 auto;
        }
        .news_content ul li{
            width: 48%;
            margin-top: 3%;
            margin-right: 0;
            padding:2%;
        }
        .news_content ul li p{
            display: none;
        }
        .news_content li h3{
            margin-top: 5%;
            font-size: 1.4rem;
        }
        .news_content .jiantou h6{
            margin-bottom: 2px;
        }
        .atlas{
            width: 92%;
            margin: 0 auto;
            padding: 4% 0 8% 0;
        }
        .swiper-container{
            width: 100%;
            margin: 0 auto;
        }
        .atlas_banner{
            height: 200px;
        }
        .zx_message{
            padding: 6% 0 4% 0;
        }
        .w945{
            width: 92%;
            margin: 0 auto;
        }
        .liuyan h1{
            font-size: 3.2rem;
        }
        .liuyan h3{
            width: 80%;
            margin: 0 auto;
            padding-bottom: 6%;
            font-size: 2rem;
        }
        .message li textarea{
            height: 200px;
        }
        .contact_title h1{
            width: 92%;
            margin: 0 auto;
            font-size: 3.0rem;
            margin-bottom: 4%;
        }
        .contact_title h4{
            font-size: 1.6rem;
        }
        .contact_b{
            padding: 10% 0 8% 0;
        }
        .contact_b ul{
            flex-wrap: wrap;
            width: 92%;
            margin: 0 auto;
            margin-top: 10%;
        }
        .contact_b ul li{
            width: 48%;
            margin-bottom: 6%;
           border:none;
        }
        .contact_b ul li p{
            font-size: 1.4rem;
        }
         .contact_b ul li:nth-child(2) p{
           padding-top: 3px;
        }
        .contact_b ul li:nth-child(4){
            border:none;
        }
        .contact_b ul li i{
            margin-bottom: 10px;
        }
        .about_left{
            width: 100%;
            height: inherit;
        }
        .about_right{
            width: 92%;
            margin: 0 auto;
            padding: 0;
            float: none;
            margin-top: 5%;
        }
        .about_neirong p{
            line-height: 2.6;
        }
        .about_cfimg ul li:nth-child(3n){
            margin: 1% 2% 4% 0;
        }
        .about_cfimg ul li:hover figcaption{
            -webkit-transform:translateY(0);
            -ms-transform:translateY(0);
            -o-transform:translateY(0);
            transform:translateY(0);
        }
        .about_cfimg ul li:hover p{
             display:block;
        }
        .prodeta_img{
            width: 92%;
            margin: 0 auto;
            float: none;
        }
        .pro_deta{
            padding: 6% 0 4% 0;
        }
        .pro_jieshao{
            width: 92%;
            margin: 0 auto;
            float: none;
            padding-top: 3%;
        }
       .prodetail iframe{
		   height:300px;
	   }
        .pro_jieshao h3{
            margin-bottom: 4%;
			width:100%;
        }
        .about_right .about_con p{
            height: auto;
        }
        .new_left{
            width: 92%;
            margin: 0 auto;
            float:none;
        }
        .new_right{
            width: 92%;
            margin: 3% auto;
            float: none;

        }
        .back_top{
        	display: none;
        }
        .new_left h3{
            font-size: 2.4rem;
            padding-bottom: 6%;
            text-align: center;
        }
        .new_contact p{
            padding-bottom: 0;
            line-height: 2.4;
            color:#444;
            font-size: 1.4rem;
        }
        .back_top{
            margin-bottom: 4%;
        }
        .new_right ul{
            padding: 20px 1% 20px 1%;
        }
        .new_right ul li:first-child{
            padding-bottom: 8%;
        }
       
        .copy a{
            display: none;
        }
        .prodeta_img .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
            top:50%;
            left:auto;
            bottom: auto;
            right: 10px;
            background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")no-repeat center center;
            width: 27px;
            height: 44px;

        }
        .prodeta_img .swiper-button-prev, .swiper-container-rtl .swiper-button-prev{
            top:50%;
            left:10px;
            bottom: auto;
            right: auto;
            background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")no-repeat center center;
            width: 27px;
            height: 44px;
        }
        .pro_bot{
			width:100%;
            right: auto;
			position:static;
        }
        .pro_xiangq h3{
            width: 35%;
            height: 40px;
            line-height: 40px;
            font-size: 1.6rem;
        }
        .pro_xiangq{
            height: 40px;
        }
		.pro_jieshao .proultwo{
			border-right: 1px solid #dcdcdc;
		}
		.pro_jieshao .proultwo li{
			width:33.33333%;
			border-right:0;
		}
		.pro_jieshao .proulone li{
			vertical-align:middle;
			
		}
		.pro_jieshao .proulone li a img{
			vertical-align:middle;
		}
		.pro_jieshao .proulone li:nth-child(2){
			padding:0 4%;
		}
		.prodetail{
			padding:3% 5%;
		}
        .pageNav{
            text-align: center;
        }
        .in_news_img{
            width:100%;
            height: 124.19px;
        }
		.mobile_pro_img .swiper-slide img{
			width: -webkit-fill-available;
			height: 132px;
			object-fit: cover;
		}
		.product_img ul li figure{
			max-height:156px;
		}

    }