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

		.module_page4 figcaption{
			top:130px;
		}
		.pro_banner .banner_right{
			top:10px;
		}
		
		.logo{
			width:393px;
			height: 100%;
			background: url(../images/logo.jpg) no-repeat center right;
		}
		.module_page2 .r{
			flex:0 0 50%;
		}
		.module_page2 .r figure{
			height: 100%;
		}
		.module_page2 .r figure img{
			height: 100%;
			width: 100%;
			object-fit: cover;
		}
		.module_page2 .l figcaption{
			left:auto;
			right:-80px;
		}
		.module_page2 .l figcaption.ea{
			left:40px;
		}

    }
	
	@media screen and (max-width: 1600px) {
		.module_page2 .r{
			flex:0 0 40%;
		}
		.module_page2 .l{
			flex:0 0 60%;
		}
	}

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

		.module_page1::before{
			width: 30px;
		}
		.module_page1::after{
			width: 30px;
		}
		.w1360{
			width: 92%;
			margin: 0 auto;
		}
		
		.module_page4 figcaption aside{
			margin-top: 60px;
		}
		.module_page4 figcaption{
			-webkit-transform:translateX(0);
			-ms-transform:translateX(0);
			-o-transform:translateX(0);
			transform:translateX(0);
		}
		.logo{
			width:275px;
		}
		.nav li a{
			padding:0 5px;
		}
		
		
    }



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

		.phone {
			display: none;
		} 
		.module_page4 figcaption h3{
			font-size: 60px;
		}
		.module_page4::after{
			height:300px;
			bottom:40px;
		}
		.module_page4 figcaption aside{
			margin-top: 45px;
		}
		.about_page1 .figure{
			width: 350px;
		}
		.about_page1 .figure::after{
			width: 350px;
			height:400px;
		}
		.about_page1{
			padding-bottom:4%;
		}
		.about_page1 .w1240{
			width:82%;
			margin-right:6%;
		}
		.banner::after{
			height:260px;
		}
		.banner{
			padding-bottom:40px;
		}
		.banner::before{
			bottom:0;
		}
		.detail::after{
			display: none;
		}

    }



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

		.module_page1::before{
			display: none;
		}
		.module_page1::after{
			display: none;
		}
		.in_about .figure{
			width: 480px;
			padding-bottom:0px;
		}
		.in_about .figure::after{
			width: 480px;
			height:560px;
			top:72px;
			left:-30px;
		}
		.inside_banner{
			padding:0;
		}
		.about_page1 .w1240{
			width: 92%;
			margin: 0 auto;
		}
		.chejian_swiper{
			padding: 0 30px;
		}
		.chejian_swiper .swiper-button-next{
			right:-10px;
		}
		.chejian_swiper .swiper-button-prev{
			left:-10px;
		}
		.about_page3 figcaption aside{
			padding-left: 0;
		}
		.about_page4{
			padding-right:4%;
		}
		.map{
			padding:0;
		}
		.map figcaption{
			width:50%;
		}
		.map::after{
			display: none;
		}
		.footer_top{
			display: none;
		}
		.module_page2 .l figcaption.ea{
			width: 320px;
			border-width:10px;
		}

    }






	@media screen and (max-width: 1024px) {
  
		.nav{
			display: none;
		}
		.header .right{
			display: none;
		}
		.banner{
			padding:0;
		}
		.banner::before{
			display: none;
		}
		.menu {
             display: block;
             float: right;
             padding-top: 39px;
             padding-right: 4%;
         }

         .menu i {
             font-size: 30px;
         }

         .menu_down {
             text-align: center;
             position: fixed;
             left: 100%;
             top: 0;
             width: 100%;
             height: 100%;
             background: rgba(0, 0, 0, .8);
             z-index: 9999;
             display: block;

         }

         .close {
             text-align: right;
             padding-right: 4%;
             line-height: 3;
         }

         .close i {
             color: #fff;
             font-size: 28px;
         }

         .menu_down li {
             line-height: 3.5;

         }

         .menu_down li a {
             font-size: 16px;
             display: block;
         }

         .menu_down li i {
             font-size: 22px;
         }

         .menu_down li.search_phone {
             font-size: 0;
             display: none;
         }

         .search_phone input {
             display: inline-block;
             vertical-align: top;
             width: 250px;
             border: 1px solid #ccc;
             line-height: 30px;
             font-size: 14px;
             color: #222;
             padding: 0 10px;
         }

         .search_phone button {
             line-height: 32px;
             display: inline-block;
             vertical-align: top;
             width: 50px;
         }

         .search_phone button i {
             display: block;
             font-size: 16px;
         }

         .menu_down li {
             line-height: 3.5;
             text-align: center;
         }

         .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);
         }
         .in_about .figure{
         	margin: 0 auto;
         	float:none;
         }
         .in_about .figcap{
         	float:none;
         	margin: 0 auto;
         }
         .module_page4{
         	padding:0;
         }
         .module_page4 figcaption{
         	top:25px;
         }
         .module_page4 figcaption h3{
         	font-size: 48px;
         	margin:2% 0;
         }
         .module_page4 figcaption aside{
         	margin-top: 20px;
         }
         .module_page4::after{
         	display: none;
         }
		.in_about .figcap{
			margin-top: 6%;
		}
		.about_page4 figcaption{
			padding-top:60px;
			padding-left: 30px;
		}
		.prodea_con figcaption{
			width: 100%;
			float:left;
			margin-top: 4%;
		}
		.prodea_body{
			padding-left:6%;
		}
		.w1200 {
			width: 92%;
			margin: 0 auto;
		}
		.pro_list2 {
			padding-top: 20px;
		}
		.inn_list li::after{
			display: none;
		}
		.inn_list li figcaption{
			width:100%;
		}
		.inn_list li:nth-child(2n) figure{
			float: left;
		}
		.inn_list li{
			margin-bottom:40px;
		}
		.inside_banner::after{
			display: none;
		}
		
		.module_page1{
			padding:5% 0;
		}

		.module_page2 .l figcaption.ea{
			width: 280px;
		}
		.module_page2 .r{
			flex: 0 0 30%;
		}
		.module_page2 .l{
			flex: 0 0 70%;
		}
    }












    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
  		.module_page2 .l{
			flex:0 0 100%;
		}
		.module_page2 .r{
			flex:0 0 100%;
		}
		.header{
			height:60px;
		}
		.menu{
			padding-top: 19px;
		}
		.logo{
			width:50%;
			background-size:cover;
		}
		.in_about .figure{
			width:92%;
			margin: 0 auto;
		}
		.in_about .figure::after{
			width: 100%;
			height:360px;
			left:-4%;
			top:auto;
			bottom:4%;
		}
		.in_about .figcap{
			width: 100%;
			padding-top:6%;
		}
		.list{
			margin-top:8%;
		}
		.module_page2 .flex{
			flex-wrap: wrap;
		}
		.module_page2 .l figure{
			height:400px;
		}
		.module_page2 .l figure img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.module_page2 .l figcaption{
			width: 92%;
			margin: 0 auto;
			left:0;
			right:0;
		}
		.module_page2 .l figcaption.ea{
			top:calc(100% + 50px);
			width: 300px;
			height: 200px;
			padding-top: 35px;
			left:0;
			right:0;
		}
		.module_page2 .l figcaption.ea h3{
			font-size: 22px;
		}
		.module_page2 .r figcaption{
			width: 300px;
			height: 240PX;
			padding-top:40px;
			left:calc(50% - 150px);
			top:calc(50% - 120px);
		}
		.module_page2 .r figcaption h3{
			font-size: 30px;
		}
		.module_page3{
			padding:8% 0;
		}
		.module_page3 .flex{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.inpro_swiper{
			width: 100%;
			margin: 0 auto;
		}
		.inpro_list{
			margin-top: 5%;
			width: 100%;
		}
		.inpro_list li figcaption h3{
			font-size: 16px;
		}
		.inpro_list li figcaption p{
			font-size: 12px;
		}
		.module_page4 figure{
			width: 100%;
			height:280px;
		}
		.module_page4 figure img{
			height:100%;
			object-fit: cover;
		}
		.module_page4 figcaption{
			width: 92%;
			margin: 0 auto;
			left:4%;
		}
		.module_page4 figcaption h3{
			font-size: 22px;
			margin-top: 8%;
		}
		.moduel_page5{
			padding:6% 0;
		}
		.moduel_page5 .mod3 ul{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.moduel_page5 .mod3 li{
			width: 100%;
			margin-bottom:8%;
			padding:0;
		}
		.moduel_page5 li:first-child figcaption{
			left:0;
		}
		.moduel_page5 li:nth-child(3){
			padding-left: 0;
		}
		.moduel_page5 li:nth-child(2){
			padding:0;
		}
		.moduel_page5 li{
			margin-top: 0;
		}
		.moduel_page5 li figcaption{
			left:0;
		}
		.moduel_page5 li:nth-child(2) figcaption{
			top:auto;
			left:0;
		}
		.copy a img{
			display: none;
		}
		.copy{
			line-height:1.8;
			padding:8px 0;
			width: 92%;
			margin: 0 auto;
		}
		.module_page1{
			padding:8% 0;
		}
		.about_page1::before{
			display: none;
		}
		.inside_banner figure{
			height:160px;
		}
		.inside_banner img{
			height:100%;
			object-fit: cover;
		}
		.inside_banner figcaption{
			left:0;
			top:0;
			width: 100%;
			padding-left: 4%;
		}
		.inside_banner figcaption h3{
			font-size: 26px;
		}
		.inside_nav li{
			display: none;
		}
		.detail{
			padding:8% 0;
		}
		.chejian_swiper .swiper-container{
			padding:5px;
		}
		.about_page2{
			height:auto;
			padding:8% 0;
		}
		.about_page2 h3{
			font-size: 22px;
		}
		.about_page3 .flex{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.about_page3 .w93{
			width: 92%;
			margin: 0 auto;
		}
		.about_page3 .bg{
			width: 100%;
		}
		.about_page3 figcaption{
			width: 100%;
		}
		.about_page3{
			height:auto;
			padding:12% 0 8% 0;
			background:none;
		}
		.about_page3 figure{
			width: 100%;
			padding-left: 0;
			margin-top: 6%;
			height:300px;
		}
		.about_page4 .flex{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			width: 92%;
			margin: 0 auto;
		}
		.about_page4{
			padding-right: 0;
			height:auto;
		}
		.about_page4 figure{
			width: 100%;
		}
		.about_page4 figure img{
			width: 100%;
			object-fit: cover;
		}
		.about_page4 figcaption{
			padding-left: 0;
		}
		.banner_right{
			display: none;
		}
		.inside_banner figcaption p{
			font-size: 12px;
			padding-right:4%;
		}
		.detail .flex{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.pro_left{
			width: 100%;
			border:none;
			padding-right: 0;
		}
		.pro_right{
			width: 100%;
			margin-top: 8%;
			padding-top: 0;
		}
		.pro_list li{
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.pro_list li:nth-child(3n){
			margin-right: 4%;
		}
		.pro_list li:nth-child(2n){
			margin-right: 0;
		}
		.pro_right .pro_title{
			font-size: 20px;
			line-height:40px;
			padding-bottom: 5px;
		}
		.prodea_body{
			padding-left: 0;
		}
		.prodea_con figure{
			width: 100%;
			height: 345px;
		}
		.prodea_next ul li{
			width:33.33%;
		}
		.pro_list2 li{
			width:48%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.pro_list2 li:nth-child(2n){
			margin-right: 0;
		}
		.inside_title{
			font-size:24px;
		}
		.inn_list{
			margin-top: 8%;
		}
		.inn_list li figure{
			width: 100%;
			margin-left:0;
			height:230px;
		}
		.inn_list li figure::after{
			width: 100%;
			height:220px;
			bottom:0;
			left:-2%;
		}
		.inn_list li figcaption{
			height:auto;
			margin-top: 4%;
		}
		.inn_list li figcaption aside{
			line-height:2.2;
			font-size: 15px;
		}
		.service_list li{
			width: 100%;
			margin-bottom: 4%;
		}
		.map figure{
			width: 100%;
			height:400px;
		}
		.map figcaption{
			position:inherit;
			width: 100%;
			top:0;
			padding:8% 4%;
			height:auto;
		}
		.map figcaption h3{
			font-size: 24px;
		}
		.map figcaption p{
			font-size: 16px;
		}
		.inner-message-row .item_bu{
			margin-bottom:0; position:initial;width:100%;
		}
		.module_page4 h3{
			font-size: 26px;
			line-height:1.6;
		}
		.module_page4 h6{
			font-size:16px;
		}
		.module_page4{
			height:200px;
		}


    }