/*=================================中小型笔记本或大平板 laptop /*=================================*/

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

    	.header .w1720{

    		width: 96%;

    		margin: 0 auto;

    	}

    	.module_page4 .w1440{

    		width: 96%;

    		margin: 0 auto;

    	}

		.module_page1{

			background-size: 940px;

		}

    }

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

    	.module_page1{

			background-size:800px;

    	}

    	.module_page3{

    		height: auto;

    		padding-bottom: 8%;

    		background-size:cover;

    	}

    }

	

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

		.house_list{

			width: 96%;

			margin: 50px auto 0 auto;

		}

		.house_list ul li:nth-child(7n){

			margin-right: 18px;

		}

	}



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

    	.header .nav ul li:last-child{

    		margin-left: 20px;

    	}

    	.header .nav ul li{

    		margin:0 10px;

    	}

    	.prodea_con .w1400{

    		width: 96%;

    		margin: 0 auto;

    	}

    	.prodea_top .prodea_swiper{

    		width:50%;

    		padding-right:4%;

    	}

    	.prodea_right{

    		width:50%;

    	}

    }



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

		.menu{

                display: block;

                float: right;

             }

            .menu_down{

                position: fixed;

                left:0;

                top:60px;

                z-index: 9999999;

                width: 100%;

                padding-bottom: 22px;

                background:rgba(117,193,243,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);

            }

            .nav{

            	display: none;

            }

            .phone{

            	display: none;

            }

            .header .w1720{

            	width: 92%;

            	margin: 0 auto;

            }



    }







































    /*=================================手机或小平板 phone=============================== */

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

  

		.header{

			height:60px;

		}

		.header .logo{

			width: 130px;

		}

		.module_page1{

			height: auto;

			background: url(../images/module_page1.jpg) no-repeat left 30px;

			background-size:100% 300px;

		}

		.module_page1 .w1440{

			-webkit-flex-wrap: wrap;

			flex-wrap: wrap;

		}

		.module_page1 .w1440 .left{

			margin-top: 0;

			padding-top: 65px;

		}

		.module_page1 .w1440 .left h3{

			font-size: 24px;

		}

		.module_page1 .w1440 .left h3 span{

			font-size: 12px;

		}

		.w1440{

			width: 92%;

			margin: 0 auto;

		}

		.module_page1 .w1440 .left .in_about{

			font-size: 15px;

			line-height: 2.2;

		}

		.module_page1 .w1440 .left .img{

			width: 100%;

			margin: 0 auto;

			-webkit-transform: translateX(0);

		    -ms-transform: translateX(0);

		    -o-transform: translateX(0);

		    transform: translateX(0);

		    margin-top:2%;

		}

		.module_page1 .w1440 .right{

			width: 100%;

			margin-top: 8%;

			padding-left:6%;

		}

		.module_page1 .w1440 .right ul li{

			margin-top: 6%;

		}

		.module_page1 .w1440 .right ul li h4{

			font-size: 20px;

		}

		.module_page1 .w1440 .right ul li p{

			font-size: 16px;

		}

		.module_page1 .w1440 .right ul li .wz{

			margin-left:8%;

		}

		.module_page2{

			padding:12% 0 8% 0;

		}

		.index_title h3{

			font-size: 22px;

		}

		.index_title p{

			font-size: 14px;

			padding-bottom:4%;

		}

		.inpro_swiper{

			margin-top:8%;

		}

		.inpro_swiper .swiper-button-prev{

			top:-80px;

		}

		.inpro_swiper .swiper-button-next{

			top:-80px;

		}

		.inpro_swiper figcaption{

			padding:20px 0 0 0;

		}

		.module_page3{

			padding-top:8%;

		}

		.house_list ul li{

			width: 48%;

			margin-right: 4%;

		}

		.house_list ul li{

			display: none;

			margin-bottom: 4%;

		}

		.house_list ul li:first-child{

			display:block;

		}

		.house_list ul li:nth-child(2){

			display:block;

		}

		.house_list ul li:nth-child(3){

			display:block;

		}

		.house_list ul li:nth-child(4){

			display:block;

		}

		.house_list ul li:nth-child(5){

			display:block;

		}

		.house_list ul li:nth-child(6){

			display:block;

		}

		.house_list ul li:nth-child(2n){

			margin-right: 0;

		}

		.house_list{

			margin-top: 6%;

		}

		.module_page4{

			padding-top: 8%;

			height: auto;

		}

		.logo2{

			width: 200px;

		}

		.page4_body{

			margin-top: 8%;

			-webkit-flex-wrap: wrap;

			flex-wrap: wrap;

		}

		.page4_body figure{

			margin-top: 6%;

		}

		.inabout_nav ul li a{

			padding:0 20px;

		}

		.inabout_nav{

			margin-top: 6%;

		}

		.module_page5{

			padding:8% 0;

		}

		.footer_top{

			display: none;

		}

		.copy{

			height:60px;

			line-height:1.6;

			padding:6px 0;

			width: 92%;

			margin: 0 auto;

		}

		.w1400{

			width: 92%;

			margin: 0 auto;

		}

		.page_pos{

			height:42px;

		}

		.page_pos a{

			font-size: 14px;

		}

		.page_pos p{

			font-size: 14px;

		}

		.inside_banner{

			height: 160px;

		}

		.inside_banner img{

			width: 100%;

			height: 100%;

			object-fit: cover;

		}

		.product_content{

			padding-top: 8%;

		}

		.pro_nav{

			float: none;

			width: 100%;

		}

		.product_right{

			float: none;

			width: 100%;

			padding-top: 8%;

		}

		.product_list ul li{

			width: 48%;

			margin-right: 4%;

			margin-bottom: 4%;

		}

		.product_list ul li:nth-child(2n){

			margin-right: 0;

		}

		.product_list ul li figure{

			height: 165px;

		}

		.prodea_top{

			padding-top: 8%;

		}

		.prodea_top .prodea_swiper{

			float: none;

			width: 100%;

		}

		.w1200{

			width: 92%;

			margin: 0 auto;

		}

		.prodea_top .prodea_swiper .gallery-top{

			width: 100%;

		}

		.prodea_right{

			float: none;

			width: 100%;

			padding-left: 0;

			margin-top: 8%;

		}

		.prodea_right .top .canshu ul li{

			font-size: 16px;

			line-height:36px;

		}

		.middle{

			height: auto;

			padding-bottom: 8%;

		}

		.ht{

			margin-top:30px;

			height:40px;

		}

		.ht p{

			font-size: 16px;

			line-height: 40px;

			padding:0 25px;

		}

		.ht a{

			line-height: 40px;

		}

		.pro_endit{

			padding-top: 8%;

		}

		.apply_content{

			padding-top: 8%;

		}

		.apply_titel h3{

			font-size: 22px;

		}

		.apply_titel .apply_nav ul li a{

			font-size: 14px;

			min-width:160px;

			padding:0 30px;

		}

		.apply_titel .apply_nav{

			margin:20px 0 30px 0;

		}

		.apply_list ul li{

			width: 48%;

			height: 130px;

			margin-right: 4%;

			margin-bottom: 4%;

		}

		.apply_list ul li:nth-child(2n){

			margin-right: 0;

		}

		.house_list2 ul{

			-webkit-flex-wrap: wrap;

			flex-wrap: wrap;

		}

		.house_list2 ul li{

			margin-bottom: 8%;

		}

		.house_list2 ul li dl{

			-webkit-justify-content:flex-start;

			justify-content:flex-start;

			padding:0 4%;

		}

		.house_list2 ul li dl dd{

			width: 48%;

			margin:0;

			margin-right:4%;

			margin-bottom: 4%;

		}

		.house_list2 ul li dl dd:nth-child(2n){

			margin-right: 0;

		}

		.house_list2 ul li dl dd .img{

			width: 100%;

			height:110px;

		}

		.xilie_list{

			padding:8% 0;

		}

		.xilie_list ul li figcaption{

			float: none;

			width: 100%;

			height:auto;

		}

		.xilie_list ul li figcaption aside{

			width: 100%;

		}

		.top_name h3{

			font-size: 24px;

		}

		.top_name .icon dl dd{

			width: 32px;

			height: 32px;

		}

		.top_name .icon dl dd i{

			line-height:30px;

		}

		.xilie_con{

			margin-top: 6%;

			font-size: 16px;

		}

		.xilie_link{

			height: auto;

			padding-bottom:10%;

		}

		.xilie_list ul li{

			margin-bottom: 8%;

		}

		.top_name{

			margin-top: 6%;

		}

		.apply_titel .apply_nav ul{

			-webkit-justify-content: flex-start;

			justify-content: flex-start;

			-webkit-flex-wrap: wrap;

			flex-wrap: wrap;

		}

		.apply_titel .apply_nav ul li{

			border-left:1px solid #e5e5e5;

		}

		.apply_titel .apply_nav ul li:nth-child(2n){

			border-left:none;

		}

		.product2_list ul li{

			width: 100%;

			height:auto;

		}

		.product2_list ul li a{

			-webkit-flex-wrap: wrap;

			flex-wrap: wrap;

		}

		.product2_list ul li figcaption{

			padding-left: 0;

			padding-top:6%;

		}

		.inside_banner figure{

			height: 100%;

		}

		.news_list ul li{

			height:auto;

			padding:10% 0;

		}

		.news_list ul li .left{

			padding-right: 0;

		}

		.news_list ul li .right{

			display: none;

		}

		.news_list ul li .left h3{

			font-size: 18px;

			display: -webkit-box;

            -webkit-box-orient: vertical;

            -webkit-line-clamp: 2;

            overflow: hidden;

            padding-bottom: 0;

            -webkit-transform: translateX(0);

		    -ms-transform: translateX(0);

		    -o-transform: translateX(0);

		    transform: translateX(0);

		}

		.news_list ul li .left p{

			display: -webkit-box;

			-webkit-box-orient: vertical;

            -webkit-line-clamp: 2;

            overflow: hidden;

            padding-bottom: 0;

            

		}

		.newsdea_content{

			padding-top: 8%;

		}

		.news_left{

			float: none;

			width: 100%;

		}

		.news_left h3{

			font-size: 22px;

		}

		.news_list2{

			display: none;

		}

		.inside_page{

			padding-bottom: 10%;

		}

		.inside_banner figcaption h3{

			font-size: 20px;

		}

		.inside_banner figcaption p{

			font-size: 12px;

		}

		.about_con{

			-webkit-flex-wrap: wrap;

			flex-wrap: wrap;

		}

		.about_con .left img{

			width: 200px;

		}

		.about_con .left h3{

			font-size: 22px;

			margin-bottom: 8%;	

		}

		.about_endit p{

			padding-right: 0;

			font-size: 15px;

			line-height:2.2;

		}

		.about_con .right{

			margin-top: 8%;

		}

		.history_page .title{

			width: 92%;

			margin: 0 auto;

		}

		.history_page{

			height:auto;

			background-position:center bottom;

		}

		.history_page{

			padding-top: 8%;

		}

		.history_page .title h3{

			font-size: 22px;

		}

		.history_page .title p{

			font-size: 14px;

			width: 80%;

			margin: 0 auto;

		}

		.histab2_tukuang h3{

			font-size: 36px;

		}

		.histab2_tukuang p{

			font-size: 16px;

		}

		.hist_page_tab1 .swip_choose .years{

			font-size: 18px;

		}

		.hist_page_tab1 .swiper-slide .years{

			font-size: 18px;

		}

		.hist_page{

			padding-bottom: 10%;

		}

		.contact_page .title h3{

			font-size: 22px;

		}

		.contact_page .title i{

			font-size: 42px;

		}

		.contact_page .title p{

			line-height: 2;

			text-align:left;

		}

		.phone_list ul li{

			width: 100%;

			margin-bottom: 6%;

			border-right:1px solid #e5e5e5;

			padding:8% 0;

		}

		.map{

			height:250px;

		}

		.map img{

			width: 100%;

			height: 100%;

			object-fit: cover;

		}

		.jion_list ul li{

			width: 100%;

		}

		.jion_deapage{

			padding:0;

		}

		.news_dea_title{

            flex-wrap: wrap;

            padding-bottom: 2%;

           	width: 92%;

            margin: 0 auto;

        }

        .dea_font h3{

            font-size: 20px;

        }

        .dea_font p{

            font-size: 12px;

            padding-top: 2%;

        }

        .jion_button{

        	margin-top: 6%;

        }

        .message{

            width: 88%;

            margin: 0 auto;

        }

        .w314{

            width: 100%;

        }

       	.w296{

            width: 100%;

        }

        .inside_title2{

        	font-size: 24px;

        }

        .module_page1{

        	display: none;

        }

        .inpro_swiper figure{

        	height:170px;

        }

        .inpro_swiper figcaption p{

        	line-height:20px;

        	font-size: 12px;

        }

        .firends_list ul li{

        	width:19%;

        	margin-right: 1%;

        	margin-bottom:1%;

        }

        .firends_list ul{

        	display: -webkit-flex;

        	display: flex;

        	-webkit-flex-wrap: wrap;

        	flex-wrap: wrap;

        }

        .firends_list ul li .img{

        	height:80px;

        }

        .firends_list ul li p{

        	font-size: 12px;

        }

        .banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{

        	display: none;

        }

        .banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{

        	display: none;

        }



    }