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

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

    }



















    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
  
		.phone{
			display: none;
		}
		.nav{
			display: none;
		}
		.menu{
                display: block;
                float: right;
             }
            .menu_down{
                position: fixed;
                left:0;
                top:60px;
                z-index: 9999999;
                width: 100%;
                padding-bottom: 22px;
                background:rgba(143,91,57,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);
            }
        .header{
        	height:60px;
        }
        .header .flex{
        	height: 100%;
        	-webkit-align-items: center;
        	align-items: center;
        }
        .logo{
        	width: 30%;
        }
        .module_page1 figcaption aside.name{
        	position: inherit;
        	top:0;
        	width: 100%;
        	letter-spacing:10px;
        	font-size: 16px;
        }
        .module_page1 figcaption{
        	width: 100%;
        	padding-right: 0;
        }
        .module_page1 figcaption h3{
        	margin-bottom: 2%;
        	font-size: 28px;
        }
        .flex{
        	-webkit-flex-wrap: wrap;
        	flex-wrap: wrap;
        }
        .module_page1{
        	height:auto;
        	padding:8% 0;
        }
        .module_page1 figure{
        	width: 100%;
        	margin-top: 6%;
        }
        .title h3{
        	font-size: 24px;
        }
        .module_page2{
        	height:auto;
        	padding:8% 0;
        }
        .inpro_body .left{
        	width: 100%;
        }
        .inpro_body .right{
        	width: 100%;
        	margin-top:6%;
        }
        .inpro_body .right li figcaption aside{
        	padding-top: 18px;
        }
        .module_page3{
        	height:auto;
        	padding:8% 0;
        }
        .news_list li{
        	width: 100%;
        	margin-right: 0;
        }
        .news_list li .time{
        	width: 25%;
        }
        .news_list li .con{
        	width: 75%;
        	padding-left: 10px;
        }
        .news_list li .time h3{
        	font-size: 36px;
        }
        .news_list a.more{
        	margin-top: 4%;
        }
        .footer_top{
        	padding:8% 0;
        	height:auto;
        	background: url(../images/footer_img01.jpg) no-repeat top center;
        }
        .f_message li{
        	margin-bottom: 0;
        }
        .f_message li input{
        	width: 100%;
        	margin-right: 0;
        	margin-bottom: 10px;
        }
        .f_message li textarea{
        	width: 100%;
        	margin-bottom: 10px;
        }
        .f_message li button{
        	width: 100%;
        }
        .flex_center{
        	-webkit-flex-wrap: wrap;
        	flex-wrap: wrap;
        }
        .footer_con .right{
        	width: 100%;
        	padding-left: 0;
        	margin-top:10%;
        }
        .footer_con .left h3{
        	font-size:28px;
        }
        .footer_con .left p{
        	font-size: 13px;
        }
        .f_message{
        	margin-top: 20px;
        }
        .yzm{
        	width: 100%;
        }
        .f_message li{
        	-webkit-flex-wrap: wrap;
        	flex-wrap: wrap;
        }
        .contact_con h3{
        	color: #333;
        	font-size: 26px;
        }
        .contact_con p{
        	color: #333;
        	line-height:30px;
        }
        .ewm{
        	margin-top: 6%;
        }
        .ewm figcaption{
        	color: #333;
        }
        .copy a img{
        	display: none;
        }
        .copy{
        	width: 92%;
        	margin: 0 auto;
        	line-height:1.8;
        	padding:8px 0;
        }
        a.more{
        	margin-top: 6%;
        	width: 180px;
        	padding-left:25px;
        }
        a.more::after{
        	right:15px;
        }
        .inside_title h3{
        	font-size:24px;
        }
        .detail_con{
        	padding:5% 0 8% 0;
        }
        .about_editor{
        	width: 92%;
        	margin: 5% auto 0 auto;
        	font-size: 15px;
        	line-height:2;
        }
        .inside_title h6{
        	font-size: 14px;
        	width: 100px;
        }
        .pro_nav{
        	width: 100%;
        }
        .pro_list{
        	width: 100%;
        	margin-top:8%;
        }
        .pro_titel h3{
        	font-size:22px;
        }
        .pro_list .list li{
        	width: 48%;
        	margin-right: 4%;
        	margin-bottom: 4%;
        	margin-left: 0;
        }
        .pro_list .list li:nth-child(2n){
        	margin-right: 0;	
        }
        .pro_a{
        	display: none;
        }
        .pro_dea figure{
        	height:auto;
        }
        .pro_dea figcaption{
        	line-height:2.2;
        	font-size: 15px;
        }
        .detail_nav a{
        	font-size: 13px;
        }
        .news_list{
        	margin-top:6%;
        }
        .news_title h3{
        	font-size: 20px;
        	padding-top: 4%;
        }
        .news_editor{
        	padding:0 4%;
        	font-size: 15px;
        	line-height:2.2;
        }
        .editor{
        	padding-bottom: 6%;
        }
        .news_nav{
        	margin-top: 10px;
        }
        .map{
        	height:300px;
        }
        .inpro_body .left figure{
            height:290px;
        }
        .inpro_body .right li figure{
            height:121px;
        }
        .inpro_body .left figcaption p{
            font-size: 12px;
        }
        .inpro_body .left figcaption p span{
            font-size: 34px;
        }


    }