@media screen and (max-width: 1920px){
}
@media screen and (max-width: 1850px){	
}
@media screen and (max-width: 1800px){
}
@media screen and (max-width: 1750px){	
}
@media screen and (max-width: 1700px){
}
@media screen and (max-width: 1650px){
}
@media screen and (max-width: 1600px){		
}
@media screen and (max-width: 1550px){
}
@media screen and (max-width: 1500px){			
}
@media screen and (max-width: 1440px){
}
@media screen and (max-width: 1400px){		
}
@media screen and (max-width: 1380px){	
}
@media screen and (max-width: 1360px){	
	.small .small_txt{ bottom: 20px;}
}
@media screen and (max-width: 1320px){	
}
@media screen and (max-width: 1250px){	
}
@media screen and (max-width: 1200px){
	.div1200{ width:96%; margin:0 auto;}
	.link ul li{ width: 50%;}
	.link ul li:nth-child(4){ margin-bottom: 1.7% !important;}
	.small .small_txt{ bottom: 10px;}
}
@media screen and (max-width: 1150px){
}
@media screen and (max-width: 1100px){
	.nav ul li{ padding: 0 10px;}
	.small .small_txt p {font-size: 12px;line-height: 20px;}
	.small .small_txt{ bottom: 20px;}
}
@media screen and (max-width: 1050px){
	.div1044{ width: 96%; margin: 0 auto;}
	.pro-list .swiper-slide .li_nr p{ font-size: 14px;}
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 1000px){
	.yc_nav{ display: block;}
	.nav{ display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 999; background: rgba(255,255,255,0.8);}
	.nav ul li{ float: none; width: 100%; border-right: none; line-height: 36px; border-bottom: 1px dotted rgba(138,137,137,0.5);}
	.nav ul li.on{ border-radius: 0;}
	.nav ul li:hover{ border-radius: 0;}
	.foot-nav ul li span {padding: 0 18px;}
	.gywm p {font-size: 14px;line-height: 26px;}
	.conns .conns_box .conns_b dl dd{ margin-right: 20px;}
	.areas h2{ font-size: 25px;}
	.areas-txt p {font-size: 14px; line-height: 26px;}
	.link ul li span {font-size: 14px; margin-left: 6px;}
	.product ul li .li_nr p{ font-size: 14px;}
	.div968{ width: 96%; margin: 0 auto;}
}  
@media screen and (max-width: 950px){
	.conn .conn_box dl dd{ width: 10%;}
} 
@media screen and (max-width: 900px){
	.tit h2{ font-size: 24px;}
	.tit h2:before{ top: 36px;}
	.about-list ul li { width: 120px;}
	.about-list ul li p{ font-size: 20px; width: 120px;}
	.news ul li .li_con dl dd p{ font-size: 14px;}
	.new-tab {margin-top: 5.75%;}
	.news ul li{ width: 32%; margin-right: 2%;}
	.foot-nav ul li a{ font-size: 14px;}
	.foot-nav ul li span{ font-size: 14px;}
	.conns .conns_box .conns_b dl dd{ margin-right: 14px;}
	.areas-table table{ width: 100%;}
	.xw ul li p{ font-size: 14px;}
	.product ul li{ width: 32%; margin-right: 2%;}
	.product ul li:nth-child(4n){ margin-right: 2% !important;}
	.product ul li:nth-child(3n){ margin-right: 0 !important;}
	.re ul li h6{ font-size: 14px;}
	.re ul li p {font-size: 14px;line-height: 26px;}
	.re ul li a{ width: 120px; font-size: 14px;}
	.small .small_txt {bottom: 4px;}
}
@media screen and (max-width: 850px){
	.conns .conns_box .conns_a{ float: none; width: 100%; line-height: 42px;}
	.conns .conns_box .conns_b{ float: none; padding:0 2%; margin: 0; width: 100%;}
}
@media screen and (max-width: 800px){
	.area-list ul li{ width: 20%;margin-right: 6.6%;}
	.area-list ul li:nth-child(5n){ margin-right: 6.6% !important;}
	.area-list ul li:nth-child(4n){ margin-right: 0 !important;}
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 750px){
	.conn .conn_box dl dt{ float: none; width: 100%; line-height: 42px;}
	.conn .conn_box dl dd {width: 12%;}
	.link{ padding: 1%;}
	.small .small_txt p{ line-height: 16px;}
}
@media screen and (max-width: 700px){
	.news ul li{ float: none; width: 100%; margin-right: 0; margin-bottom: 2%;}
	.foot-nav ul li span {padding: 0 10px;}
	.link{ position: static;transform: translate(0); margin-top: 3%;}
	.link ul li{ float: none; width: 100%; margin-bottom: 1%;}
	.contact-net > img{ display: none;}
	.contact{ margin-bottom: 2.75%;}
	.link ul li:nth-child(4), .link ul li:nth-child(5){ margin-bottom: 1% !important;}
	.xw ul li{ width: 48%; margin-right: 4%;}
	.xw ul li:nth-child(3n){ margin-right: 4% !important;}
	.xw ul li:nth-child(2n){ margin-right: 0 !important;}
	.product ul li{ width: 48%; margin-right: 4%;}
	.product ul li:nth-child(4n){ margin-right: 4% !important;}
	.product ul li:nth-child(3n){ margin-right: 4% !important;}
	.product ul li:nth-child(2n){ margin-right: 0 !important;}
}
@media screen and (max-width: 640px){
	.logo{ width: 34.3%;}
	.logo img{ width: 100%;}
	.tel span{ font-size: 14px;}
	.header .menu-btn {height: 34px;width: 36px;}
	.header .menu-btn span, .header .menu-btn span:before, .header .menu-btn span:after{ width: 20px;}
	.header .menu-btn span:before {top: -7px;}
	.header .menu-btn span:after {bottom: -7px;}
	.area-list ul li{ width: 32%;margin-right: 2%;}
	.area-list ul li:nth-child(5n){ margin-right: 2% !important;}
	.area-list ul li:nth-child(4n){ margin-right: 2% !important;}
	.area-list ul li:nth-child(3n){ margin-right: 0 !important;}
	.about-list ul li{ margin-bottom: 2%;}
	.new_ul{ margin-top: 4.4%;}
	.new_ul ul li{ margin-right: 16px;}
	.new-tab {margin-top: 8.75%;}
	.div614{ width: 96%; margin: 0 auto;}
	.foot-nav{ display: none;}
	.foot_a{ float: none; width: 100%; text-align: center; margin-top: 0;}
	.foot_b{ float: none; width: 100%; margin-top: 4%; text-align: center;}
	.conn .conn_box dl dd {width: 14%;}
	.gywm-list ul li{ float: none; width: 80%; margin: 2% auto;}
	.gywm-list ul li:last-child {margin: 2% auto !important;}
	.small .small_txt p{ line-height: 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.small .small_txt {bottom: 8px;}
}
@media screen and (max-width: 600px){
	.logo{ width: 36.3%;}
	.cpxq_ul ul{ display: block;}
	.cpxq_ul ul li{ width: 32%; margin-right: 2%; display: block; float: left;}
}
@media screen and (max-width: 580px){
}
@media screen and (max-width: 540px){
	.logo{ width: 40.3%;}
}
@media screen and (max-width: 525px){
	.conn .conn_box dl dd {width: 16%;line-height: 48px;}
	.small .small_txt p{ line-height: 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
	.small .small_txt {bottom: 14px;}
}
@media screen and (max-width: 475px){
	.logo{ width: 45.3%;}
	.area-list ul li p{ font-size: 14px;}
	.gywm-list ul li{ width: 100%;}
	.conn .conn_box dl dd {width: 20%;line-height: 42px;}
}
@media screen and (max-width: 450px){
	.logo{ width: 47.3%;}
	.tel span {font-size: 12px; margin-left: 4px;}
	.product ul li{ float: none; width: 100%; margin-right: 0;}
}
@media screen and (max-width: 414px){
	.logo{ width: 51.3%;}
	.area-list ul li{ width: 48%;margin-right: 4%;}
	.area-list ul li:nth-child(5n){ margin-right: 4% !important;}
	.area-list ul li:nth-child(4n){ margin-right: 4% !important;}
	.area-list ul li:nth-child(3n){ margin-right: 4% !important;}
	.area-list ul li:nth-child(2n){ margin-right: 0 !important;}
} 
@media screen and (max-width: 400px){
	.header{ padding-bottom: 1%;}
	.logo{ width: 48.3%;}
	.tel {line-height: 18px;}
}
@media screen and (max-width: 375px){
	.conn .conn_box dl dd {width: 25%;}
	.small .small_txt {bottom: 8px;}
}
@media screen and (max-width: 360px){
	.logo{ width: 42.3%;}
	.header .menu-btn {height: 26px;width: 30px;}
	.header .menu-btn span, .header .menu-btn span:before, .header .menu-btn span:after{ width: 16px;}
	.header .menu-btn span:before {top: -5px;}
	.header .menu-btn span:after {bottom: -5px;}
}
@media screen and (max-width: 350px){
	.logo{ width: 40.3%;}
	.header{ padding-bottom: 2%;}
	.link ul li span{ font-size: 12px;}
	.xw ul li{ float: none; width: 100%; margin-right: 0;}
}
@media screen and (max-width: 320px){
	.tel{ display: none;}
	.header{ padding-bottom: 0;}
	.header .menu-btn{ top: 6px;}
}