﻿

@media screen and (max-width:1600px) {
	.top,.ser,.pro,.liyou,.chang,.about,.news,.footer
	{
		padding: 1.5% 13%;
	}
	.nav
	{
		padding: 0 13%;
	}
	
} /* 1600 */

@media screen and (max-width:1440px) {
	.top,.ser,.pro,.liyou,.chang,.about,.news,.footer
	{
		padding: 1.5% 10%;
	}
	.nav
	{
		padding: 0 10%;
	}
} /* 1440 */

@media screen and (max-width:1366px) {
	.top,.ser,.pro,.liyou,.chang,.about,.news,.footer
	{
		padding: 1.5% 7%;
	}
	.nav
	{
		padding: 0 7%;
	}
} /* 1366 */

@media screen and (max-width:1281px) {
	.top,.ser,.pro,.liyou,.chang,.about,.news,.footer
	{
		padding: 1.5% 4%;
	}
	.nav
	{
		padding: 0 4%;
	}
	
} /* 1281 */

@media screen and (max-width:1153px) {
	.top,.ser,.pro,.liyou,.chang,.about,.news,.footer
	{
		padding: 1.5% 2%;
	}
	.nav
	{
		padding: 0 2%;
	}
	.top .logo
	{
		width: 40%;
		
		
	}
	
} /* 1153 */

@media screen and (max-width:1024px) {
	.top,.ser,.pro,.liyou,.chang,.about,.news,.footer
	{
		padding: 1.5% 2%;
	}
	.top .logo
	{
		width: 45%;
		
		
	}
	.nav,.top .tel,.pro_l
	{
		display: none;
		
	}
.pro_r
	{
		width: 100%;
		
	}
	.pro_r li
	{
		width: 31%;
	}
		.mobile-inner
	{
		display: block;
		
	}
	.ser,.ser_l,.pro
	{
		display: inherit;
		
		
	}
	.ser_r{
		justify-content: center;
		
	}
	.pro_l1 h1
	{
		display: none;
		
	}
	.pro_l1 ul
	{
		display: flex;
		line-height: 40px;
		justify-content: space-between;
		flex-flow: wrap;
		font-size: 15px;
		border: none;
		background: none;
		
	}	.pro_l1 ul li
	{
		width: 49%;
		overflow: hidden;text-overflow: ellipsis;border: none;
		background: #338dca;
		border-radius: 5px;
		margin-bottom: 5px;
white-space: nowrap;
		text-indent: 10px;
		

		
	}
	.pro_l1 ul li a
	{
		color: #fff;
	}
	.pro_l ul li::after
	{
		border:none;
	}

} /* 1024 */

@media screen and (max-width:861px) {
	
	.nav,.top .tel,.pro_l,.ser .ser_l
	{
		display: none;
		
	}
	
.pro_r,.news_r,.pro_l1
	{
			width: 96%;
		margin: 0 2%;
		
	}
.pro_l1
	{
		display: block;
		
	}
	.pro_r li
	{
		width: 45%;
	}
	.liyou ul{
		
	}
	.liyou ul li
	{
		width: 47.8%;
			border-top: 1px solid rgba(255,255,255,.2);
	}

		.liyou ul li:nth-child(2),.liyou ul li:nth-child(4)
	{
		border-right: none;
		
		
	}
	.liyou ul li .p1
	{
		font-size: 20px;
	}
	.liyou h2, .chang h2, .about h2, .news h2 {
  
    font-size: 20px;
    
}.about dl
	{
		display: inherit;
		
	}
	.about dl dt,	.about dl dd
	{
		width: 100%;
		margin: 0;
		text-align: center;
		
	}
	.about dl dd
	{
		padding-bottom: 30px;
	}
	.about dl dt img	{
		width: 70%;
		margin-bottom: 20px;
		
		
		
		
	}.about dl dd h3
	{margin-bottom: 0px;}
		.about dl dd p
	{
		height: 90px;
		overflow: hidden;
		
		
	}
	.about dl dd a
	{
		padding: 10px 20px;
	}
	.chang h2	,.about h2,.news h2
	{
		margin: 30px 0 10px 0;
		
	}
	.top
	{padding: 1.5% 0;
		
	}
		.top .logo
	{
		width: 70%;
		margin:2% 0 2% 10%;
		
	}
	.f_nav,.copyright
	{
		display: inherit;
		text-align: center;
		
		
	}
	.copyright .copyright_r
	
	{
		margin: 0 auto;
		
	} 
	.footer
	{
		padding-top: 6%;
	}
.f_nav .f_logo
	{
		width: 100%;
		
	}
	.f_nav p
	{
		display: none;
		
	}
} /* 861 */

@media screen and (max-width:641px) {
	.banner .swiper-container .s_img {
	display: block;
}
		.banner .swiper-container .l_img {
	display: none;
}
	
	
} /* 641 */

@media screen and (max-width:481px) {
} /* 481 */

@media screen and (max-width:361px) {
} /* 400 */

@media screen and (max-width:321px) {
} /* 321 */
