     /*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1200px) {
        .w1200{
            width: 92%;
        }
        .tel p{
            font-size: 15px;
        }
        .tel span{
            font-size: 20px;
        }
        .tel i{
            font-size: 36px;
        }
        .logo{
            padding-left: 0;
        }
        .nav{
            padding-left: 0;
        }
        .nav li a{
            font-size: 15px;
        }
        .logo{
            width: 410px;
        }
        .insafety_info_tit h3{
            font-size: 30px;
        }
		.resources{
            padding:20px;
        }
        .resources_icon{
            padding-top: 0;
        }
        .resources_icon i{
            font-size: 60px;
            width: 120px;
            line-height: 120px;
        }
        .indownload_left{
            width: 125px;
        }
        .safrtyt_left_stand{
            padding:20px;
        }
        .safrtyt_left_stand p{
            font-size: 16px;
            padding:15px 0 30px;
        }
        .safrtyt_left_stand a{
            font-size: 14px;
        }
        .safrtyt_left_stand h3{
            font-size: 26px;
        }
        .safrtyt_left_stand_in{
            padding:20px;
        }
        .resources_right p{
            font-size: 14px;
            padding:20px 0 27px;
        }
        .resources_right a{
            font-size: 13px;
        }
        .resources_right h3{
            font-size: 24px;
            padding-left: 30px;
        }
        .resources_right{
            width: 68%;
        }
        .resources{
            padding:37px 20px;
            height: auto;
        }
        .indownload{
            padding:37px 20px;
            height:auto;
        }
        .indownload_right{
            padding-left: 30px;
            width: 68%;
        }
        .indownload_right h3{
            font-size: 24px;
        }
        .indownload_right p{
             font-size: 14px;
        }
        .indownload_right a{
            font-size: 13px;
        }
        .product_list li a{
            padding:10px 10px 20px;
        }
        .product_list li figcaption h3{
            font-size: 18px;
        }
        .product_list li figcaption{
            padding-top: 10px;
        }
        .foot_logo{
            width: 160px;
        }
        .about_tit h3{
            font-size: 28px;
        }
        .about_page{
            padding:10px 0 60px;
        }
        .product_tit{
            font-size: 28px;
        }
        .product_page aside{
            width: 25%;
        }
        .product_page aside li a{
            font-weight: normal;
        }
        .product_page article{
            width: 72%;
        }
        .product_list2{
            padding-bottom: 0;
        }
        #preview{
            display: none;
        }
        .protail_phone{
            display: block;
            width: 60%;
            float: left;
        }
        .protail_right{
            width: 37%;
        }
        .newslist li{
            padding:25px 0;
        }
        .newspic{
            width: 35%;
        }
        .news_right{
            width: 60%;
        }
        .news_it2 p{
            font-size: 15px;
        }
        .news_it2 h3{
            font-size: 21px;
        }
        .news_info{
            padding-top: 50px;
        }
        .contact_it1 h3{
            font-size: 30px;
        }
        .contact_it1{
            padding-top: 55px;
        }
        .contact_it1 p{
            font-size: 18px;
        }
        .contact_it1 h2{
            font-size: 42px;
        }
        .address li i{
            font-size: 26px;
        }
        .foot_nav li a{
            font-size: 13px;
        }
		.proimg{
			height:260px;
		}
		.body{
			padding-bottom:0!important;
		}

    }



    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 1000px) {
        .work_hours{
            display: none;
        }

        .logo{
            width: 260px;
        }
        .search{
            display: none;
        }
        .banner{
            padding-top: 30px;
        }
        .safrty_table{
            -webkit-flex-wrap:wrap;
            flex-wrap: wrap;
        }
        .safrtyt_left{
            width: 100%;
        }
        .safrtyt_left img{
            width: 100%;
        }
        .safrtyt_right{
            width: 100%;
            padding-top: 20px;
        }
        .indownload{
            margin-top: 20px;
        }
        .resources_icon i{
            font-size: 100px;
            width: 150px;
            line-height: 150px;
        }
        .resources_right{
            width: 72%;
        }
        .indownload{
            padding:50px 20px;
        }
        .product_list li{
            width: 50%;
        }
        .footer article{
            display: none;
        }
        .banner_btn{
            display: none;
        }
        .footer aside{
            text-align: center;
        }
        .protail_phone{
            width: 100%;
            float: none;
        }
        .protail_phone img{
            width: 100%;
        }
        .protail_right{
            padding-top: 40px;
            width: 100%;
            float: none;
        }
        .nav2_img{
            padding:0 20px;
        }
        .news_it2 p{
            overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
        }
        .news_it2{
            padding-top: 25px;
        }
        .contact_it1{
            padding:40px 0;
        }
        .address{
            width: 100%;
        }
        .message{
            width: 100%;
            padding-top: 30px;
        }
        .message button{
            width: 100%;
        }
        .tel{
            padding-top: 0;
        }
        .logo{
            width: 350px;
        }
        

    }

     @media screen and (max-width: 640px){
        .nav{
            float: none;
        }
        .top_center{
            padding:0;
        }
        .logo{
            width: 180px;
        }
        .tel i{
            font-size: 26px;
        }
        .banner{
            padding-top: 20px;
        }
        .insafety_info_tit h3{
            font-size: 24px;
        }
        .insafety_info_tit p{
            padding-top: 13px;
            padding-top: 10px;
        }
        .safrtyt_left_stand a{
            font-size: 13px;
        }
        .safrtyt_left_stand h3{
            font-size: 24px;
        }
        .resources_icon i{
            font-size:55px;
            width: 100px;
            line-height: 100px;
            margin:0 auto;
        }
        .resources{
            padding:20px;
        }
        .resources_icon{
            
            float: none;
            text-align: center;
        }
        .resources_right{
            width: 100%;
            padding-top: 20px;
        }
        .resources_right h3{
            padding-left: 0;
        }
        .resources_right_in{
            padding-left: 0;
        }
        .product_list li figcaption h3{
            font-size: 16px;
        }
        .product_list li figcaption p{
            font-size: 14px;
        }
        .indownload{
            padding:35px 0 20px;
        }
        .indownload_left{
            width: 100px;
        }
        .indownload_right h3{
            font-size: 20px;
        }
        .about_page{
            padding:0 0 40px;
        }
        .about_tit h3{
            font-size: 22px;
        }
        .about_info{
            font-size: 14px;
            line-height: 2.8;
        }
        .product_tit{
            font-size: 22px;
        }
        .product_page aside{
            width: 100%;
        }
        .product_page article{
            width: 100%;
        }
        .protail_name h3{
            font-size: 28px;
        }
        .protail_info_tit h3{
            font-size: 16px;
        }
        .newspic{
            width: 100%;
        }
        .newspic img{
            width: 100%;
        }
        .news_right{
            width: 100%;
            padding-top: 30px;
        }
        .news_it2{
            padding-top: 20px;
        }
        .news_it2 h3{
            font-size: 20px;
        }
        .news_it2 p{
            white-space: inherit;
        }
        .news_info{
            padding-top: 35px;
        }
        .newsin_link{
            text-align: left;
        }
        .newsinfo_tit p{
            font-size: 14px;
        }
        .newsinfo_tit h3{
            font-size: 22px;
        }
        .newsin_part{
            font-size: 14px;
        }
        .contact_it1 h3{
            font-size: 22px;
        }
        .contact_it1 h2{
            font-size: 30px;
        }
        .contact_it1{
            padding:37px 0 32px;
        }
        .address li i{
            width: 45px;
            line-height: 45px;
        }
        .address li i{
            font-size: 23px;
        }
        .add_right span{
            font-size: 16px;
        }
        .message li{
            width: 100%;
        }
        .logo{
            width: 295px;
        }
        .tel{
            display: none;
        }
        .welcome{
            display: none;
        }
        .nav{
            display:none;
        }
        .banner{
            padding-top: 0;
        }
        .menu{
            display: block;
            float: right;
            padding-top: 10px;
        }
        .menu i{
            color: #000;
            font-size: 26px;
        }
        .menu_down{
            padding-bottom: 22px;
            background: #f1f1f1;
        }
        .menu_down li{
            line-height: 3;
            text-align: center;
            border-bottom: 1px solid rgba(97,100,101,0.37);
        }
        .menu_down li a{
            font-weight: bold;
            display: block;
            font-size: 14px;
            color: #333;
        }
        .menu span.icon-bar{
            background: #000;
            width: 25px;
            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;
        }
        .xz .icon-bar:nth-child(2){
            -webkit-transform: rotate(45deg) translate(2px,-3px);
            -moz-transform: rotate(45deg) translate(2px,-3px);
            -ms-transform: rotate(45deg) translate(2px,-3px);
            transform: rotate(45deg) translate(2px,-3px);
            transform-origin:0 0;
        }
        .xz .icon-bar:nth-child(3){
            opacity: 0;
        }
        .xz .icon-bar:nth-child(4){
            -webkit-transform: rotate(-45deg) translate(1px,2px);
            -moz-transform: rotate(-45deg) translate(1px,2px);
            -ms-transform: rotate(-45deg) translate(1px,2px);
            transform: rotate(-45deg) translate(1px,2px);
            
        }
        .top{
            display: none;
        }
        .headtwo{
            padding:20px 0;
        }
        .menu_down li dl{
            display: none;
            border-top: 1px solid rgba(97,100,101,0.37);
            padding:10px 0;
        }
        .brand{
            padding:18px 0;
        }
		.proimg{
			height:220px;
		}
		.insafety_info{
			padding-bottom:20px;
		}
		.footer aside{
			padding:10px 0;
			line-height:1.8;
		}
     }









