@media screen and (min-width: 576px) {}


@media screen and (min-width: 768px) {
	.news1200 {
		width: 750px;
		margin: auto;
	}

	.footerTop .footerTopCenter {
		display: block;
	}

	.footerTop .footerTopLeft {
		flex: 0 0 20%;
	}
	.footerTop .footerTopRight {
		flex: 0 0 14%;
	}
	.footerTop .footerTopLeft {
		text-align: left;
	}

	.footerTopLeft dl {
		margin-top: 40px;
	}
	.footerTop{
		flex-direction: inherit;
	}
	.footerTopRight dl dd{
		justify-content: left;
		gap: 20px;
	}
	.footerTopRight dl{
		text-align: left;
	}
	.banner .swiper-slide img.pcImg{
		display: block;
	}
	.banner .swiper-slide img.moblieImg{
		display: none;
	}
	.banner{
		height: 100vh;
	}
}


@media screen and (min-width: 992px) {
	.news1200 {
		width: 970px;
		margin: auto;
	}

	.ziyeThird {
		padding: 40px;
	}

	.ziyeThird,
	.zitefirstContent:nth-child(odd) {
		flex-direction: inherit;
	}

	.zitefirstContent:nth-child(even) {
		flex-direction: inherit;
	}

	.ziyeBoxBarRight,
	.zitefirstContentLeft {
		padding: 0;
	}

	.ziyeBoxBarRight,
	.ziyeBoxBarLeft,
	.zitefirstContentLeft,
	.zitefirstContentRight {
		width: 50%;
	}

	.ziyeBoxBar {
		flex-direction: inherit;
		margin-top: 0;
	}

	.zitefirstTitle {
		margin-bottom: 80px;
	}

	.zitefirstContentLeft .padding h6 {
		font-size: 18.5px;
	}

	.ziyeThirdLeft {
		width: calc(100% - 500px);
	}

	.ziyeThirdRight {
		width: 400px;
	}

	.ziyeThirdLeft ul li {
		padding: 20px 0;
	}

	.ziyeBoxBarRightBox a {
		padding: 13px 40px;
	}
	.brandFourBox .padding{
		padding: 170px 110px 70px;
	}
	.brandFourBox{
		height: 580px;
	}
	.firstBoxTotal {
		width: 100%;
	}
	
}


@media screen and (min-width: 1200px) {
	.news1200 {
		width: 1200px;
		margin: auto;
	}

	.paddingBox {
		padding-left: 80px;
		padding-right: 80px;
	}

	.headerLeft>ul {
		gap: 40px;
	}

	.header {
		height: 80px;
	}

	.brandFiveBox ul li a,
	.headerLeft>ul {
		display: flex;
	}

	.headerLeft>ul>li>.headerLeftSub {
		top: 80px;
	}

	.headerCenter h1 img {
		width: 46px;
		height: 46px;
	}

	.menuBtn {
		display: none;
	}

	.mt-120 {
		margin-top: 120px;
	}

	.mb-120 {
		margin-bottom: 120px;
	}

	.firstBoxTotal .firstBoxTotalItem {
		width: 24%;
		margin-right: 14%;
	}

	.firstBoxTotal .firstBoxTotalItem:nth-child(3n) {
		margin-right: 0;
	}

	.second .secondBox {
		margin-top: 80px;
		flex-direction: inherit;
	}

	.secondBox .secondBoxRight .secondBoxRightItem {
		width: 660px;
		height: 400px;
	}

	.second .secondBox .secondBoxLeft {
		width: 240px;
		margin-bottom: 0;
	}

	.second .secondBox .secondBoxRight {
		width: auto;
	}

	.thirdBoxItem {
		height: 630px;
	}

	.thirdBox {
		margin-top: 80px;
	}

	.thirdBoxItem .thirdBoxItemMask {
		bottom: 40px;
		left: 40px;
	}

	.brandFiveBox ul li a p {
		margin-bottom: 0px;
	}

	.brandFiveBox ul li a p,
	.meixueTextBottom p {
		width: 80%;
	}

	.meixue {
		margin-top: 160px;
	}

	.meixue .swiper-slide {
		width: auto;
	}

	.meixueText .swiper-button-next,
	.meixueText .swiper-button-prev,
	.brandFourBox .swiper-button-next,
	.brandFourBox .swiper-button-prev,
	.brandSecond .swiper-button-next,
	.brandSecond .swiper-button-prev {
		width: 60px;
		height: 60px;
	}

	.brandFourBox .swiper-button-next,
	.brandSecond .swiper-button-next {
		right: 40px;
	}

	.brandFourBox .swiper-button-prev,
	.brandSecond .swiper-button-prev {
		left: 40px;
	}

	.brandFive .brandFiveBox .padding {
		padding: 20px 40px 40px;
	}

	.brandFiveBox ul li a {
		padding: 20px 0;
	}
}

/*有必要写*/
@media screen and (min-width: 1500px) {
	.paddingBox {
		padding-left: 160px;
		padding-right: 160px;
	}

	.headerLeftSub .headerLeftSubItem .headerLeftSubItemRight {
		padding-left: 85px;
		padding-right: 308px;
	}
}

/*有必要写 end*/
@media screen and (max-width: 1200px) {

	.firstBoxTotal .firstBoxTotalItem:nth-child(2n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 992px) {
	.zitefirstContentLeft .padding {
		width: 100% !important;
	}
	.second {
		background-color: rgba(5, 194, 222, 0.05);
		padding:30px 0;
	}
	.shadow .videll{
		width: 90%!important;
		height: 200px!important;
	}
	
}
@media screen and (max-width: 768px) {
	.footerTopRight{
		display: flex;
		justify-content: center;
		gap:30px;
	}
	.footerTopRight dl{
		margin-bottom: 50px;
	}
	.zhaoshang .sectionImg img.pcImg{
		display: none;
	}
	.zhaoshang .sectionImg img.moblieImg{
		display: block;
	}
	.thirdBoxItemMask p img{
		width: 80px;
	}
}