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

         .nav li a {
             width: 100px;
             margin: 0;
         }
         .cul_mod.left{
         	width: 50%;
         }
         .cul_mod.right{
         	width: 40%;
         }

     }



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

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

         .nav {
             display: none;
         }
		.sea_lua{
			display: none;
		}
         .header .logo {
             width:30%;
         }
		.header .logo a{
			display: block;
		}
         .header {
             padding: 0 4%;
             position: fixed;
             left: 0;
             top: 0;
             z-index: 99;
         }

         .banner {
             margin-top: 60px;
         }

         .logo {
             width: 160px;
         }

         .menu {
             display: block;
             float: right;
             margin-top: 34px;
             cursor: pointer;
             position: relative;
             z-index:9;
         }

         .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;
             cursor: pointer;
         }

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

         .menu_down li {
             line-height: 3.5;

         }

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

         .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: #fff;
             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);
         }
         .w1340{
         	width: 92%;
         	margin: 0 auto;
         }
         .product_list li{
         	width: calc(33.33% - 13.33px);
         	margin:0 20px 20px 0;
         }
         .product_list li:nth-child(3n){
         	margin-right: 0;
         }
         .footer_top{
         	display: none;
         }
         .header_right{
         	width: 70%;
         }

     }



















     /*=================================手机或小平板 phone=============================== */
     @media screen and (max-width: 767px) {
		
		.header{
			height:60px;
		}
		.header .logo{
			width:45%;
			height:65px;
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
			padding-left: 4%;
		}
		.header .logo img{
			width: 120px;
		}
		.menu{
			margin-top: 19px;
		}
		.flex{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.inabout h3{
			font-size:24px;
		}
		.inabout h3 span{
			font-size: 22px;
		}
		.module_page1{
			padding-top: 8%;
		}
		.ab_enitor{
			font-size: 15px;
			line-height:2;
		}
		.inabout a{
			margin-top: 8%;
		}
		.digital{
			margin-top: 6%;
		}
		.video_right{
			display: none;
		}
		.in_video .video_left{
			-webkit-transform: skewX(0) scaleX(1) translateX(0);
		    -ms-transform: skewX(0) scaleX(1) translateX(0);
		    -o-transform: skewX(0) scaleX(1) translateX(0);
		    transform: skewX(0) scaleX(1) translateX(0);
		    width: 92%;
		    margin: 0 auto;
		    height:auto;
		}
		.in_video .video_left video{
			-webkit-transform: skewX(0) scale(1);
			-ms-transform: skewX(0) scale(1);
			-o-transform: skewX(0) scale(1);
			transform: skewX(0) scale(1);
		}
		.in_video{
			margin-top: 6%;
		}
		.module_page2{
			padding-top:10%;
		}
		.type_left h6{
			font-size: 24px;
		}
		.type_left h3{
			font-size: 80px;
			line-height:100px;
		}
		.type_left p{
			font-size: 22px;
		}
		.type_left a.more{
			margin-top: 6%;
		}
		.type_left{
			width: 100%;
		}
		.type_list{
			width: 100%;
		}
		.type_right{
			margin-top:10%;
			margin-bottom:20px;
		}
		.module_page3{
			padding:6% 0 8% 0;
		}
		.index_title h3{
			font-size: 22px;
		}
		.index_title p{
			font-size: 12px;
		}
		.mod3 li{
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;
			padding-left: 4%;
		}
		.mod3 li:nth-child(3n){
			margin-right: 4%;
		}
		.mod3 li:nth-child(2n){
			margin-right: 0;
		}
		.product_list li figcaption{
			padding-left:0;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.product_list li figcaption p{
			margin-top: 4%;
		}
		.module_page4{
			padding:8% 0 10% 0;
		}
		.index_news{
			margin-top:50px;
		}
		.index_news figure{
			width: 100%;
			height: initial;
		}
		.index_news figcaption{
			width: 100%;
			padding:0 8% 0 4%;
		}
		.index_news{
			height:auto;
			padding-bottom:6%;
		}
		.index_news figcaption h3{
			font-size: 18px;
		}
		.index_news figcaption h6{
			margin-top: 5%;
			font-size: 13px;
		}
		.index_news figcaption p{
			font-size: 15px;
			line-height:2;
		}
		.index_news figcaption a{
			margin-top: 10%;
		}
		.news_list li{
			width: 90%;
			margin: 0 auto;
			margin-bottom:6%;
		}
		.mod3 li:nth-child(2n){
			margin-right:auto;
		}
		.copy a{
			color: #999;
		}
		.copy a img{
			display: none;
		}
		.copy{
			line-height:1.6;
			padding:10px 0;
		}
		.inside_banner{
			height:160px;
		}
		.inside_banner img{
			height: 100%;
			object-fit: cover;
		}
		.inside_add{
			height:auto;
			border-bottom:none;
			padding-top: 6%;
			box-shadow:none;
		}
		.inside_add .add_left{
			display: none;
		}
		.inside_nav li{
			width: 48%;
			border:1px solid #e5e5e5;
			margin-bottom: 4%;
			margin-right: 4%;
		}
		.inside_nav li:nth-child(2n){
			margin-right: 0;
		}
		.inside_nav a{
			padding:0;
			text-align: center;
			line-height:50px;
		}
		.inside_nav{
			width: 100%;
		}
		.about_page1{
			padding:8% 0;
		}
		.inside_title2 h3{
			font-size: 22px;
		}
		.inside_title2 h3 span{
			font-size: 20px;
		}
		.about_con figcaption{
			font-size: 15px;
			line-height:2;
		}
		.about_con figure{
			max-width:100%;
			margin-top:6%;
		}
		.about_page2 .digital{
			margin-top: 0;
		}
		.about_page2{
			height:auto;
			padding:6% 0;
			background-size:cover;
		}
		.about_page2 .mumping_mun li{
			width: 50%;
			margin-bottom:6%;
		}
		.about_page2 .mumping_mun p{
			font-size: 12px;
		}
		.about_page2 .mumping_mun span.timer{
			font-size: 45px;
		}
		.about_page3{
			background-position:-300px top;
			height:auto;
			padding:8% 0;
		}
		.about_page4{
			padding:8% 0;
		}
		.histab2_list p{
			font-size: 16px;
			padding:0 4%;
		}
		.histab2_list h3{
			font-size:24px;
			width:160px;
			height:50px;
			line-height:50px;
		}
		.detail{
			padding:8% 0;
		}
		.inside_title2 h3{
			font-size: 16px;
		}
		.inside_title h3{
			font-size:24px;
		}
		.detail .news_list li{
			width: 100%;
		}
		.detail .news_list li a{
			padding-left: 4%;
			padding-right: 4%;
		}
		.detail .news_list li figcaption{
			width: 100%;
		}
		.news_title{
			padding-left:0;
		}
		.news_enitor{
			padding:0;
		}
		.news_title h3{
			font-size:18px;
		}
		.news_title h6{
			font-size: 13px;
		}
		.enitor{
			padding:0 2%;
			font-size: 15px;
			line-height:2.2;
		}
		.photo_list li figcaption h3{
			font-size: 14px;
		}
		.photo_list li{
			padding:4px;
		}
		.contact_title h3{
			font-size:22px;
		}
		.contact_title h6{
			font-size: 30px;
		}
		.contact_page{
			width: 92%;
			margin: 0 auto;
		}
		.contact_list li{
			width: 80%;
			height:150px;
			margin: 0 auto;
			margin-bottom: 6%;
			border:1px solid #f0f0f0;
		}
		.contact_list li:last-child{
			margin-right: auto;
		}
		.in_cul{
			width: 92%;
			margin: 0 auto;
			height:auto;
		}
		.cul_mod.left{
			width: 100%;
		}
		.cul_mod.right{
			width: 100%;
		}
		.cul_mod{
			width: 100%;
			margin: 0 auto;
			position: initial;
			-webkit-transform: skew(0)!important;
		    -ms-transform: skew(0)!important;
		    -o-transform: skew(0)!important;
		    transform: skew(0)!important;
		    background:none!important;
		    height:160px;
		    margin-top: 5%;
		}
		.cul_mod img{
			-webkit-transform: skew(0);
		    -ms-transform: skew(0);
		    -o-transform: skew(0);
		    transform: skew(0);
		    width: 100%;
		    position: initial!important;
		}
		.type_list2 ul li{
			height:auto;
			background:none;
			padding:8% 0;
			margin-bottom: 0;
		}
		.type_list2 ul li:nth-child(2n){
			background:none;
		}
		.type_list2 li .mod{
			margin-top: 0;
		}
		.type_list2 li .mod p{
			font-size:12px;
			line-height:2;
			margin-top: 6%;
		}
		.type_list2 li .mod h3{
			font-size: 24px;
		}
		.type_list2 li .mod a{
			margin-top: 6%;
		}
		.prodea_swiper{
			padding:0;
		}
		.prodea_swiper .gallery-top .swiper-slide img{
			width: 100%;
			height:345px;
		}
		.pro_titel{
			font-size: 24px;
			margin-bottom: 5%;
		}
		.prodea_swiper .gallery-thumbs .swiper-slide{
			height:auto;
		}
		.pb60{
			padding-bottom: 6%;
		}
		.pt70{
			padding-top: 6%;
		}
		.color_swiper{
			padding:0;
		}
		.honor_list li figure{
			height: 165px;
		}
		.honor_list li figcaption{
			font-size: 12px;
			height: auto;
			line-height:1.6;
			padding:6% 4%;
		}
     }