@media all and (max-width: 2170px) {
	.iaboutcl_4{
		height: 270px;
		overflow: hidden;
	}
}

@media all and (max-width: 1850px) {
	.homeJoin{
	
		.box{
			top: 19.8%;
			left: 54.5%;
			max-width: 450px;
	
			.title{
				font-size: 36px;
				line-height: 40px;
				margin-bottom: 20px;
				max-width: 280px;
			}
	
			.desc{
				font-size: 20px;
				line-height:30px;
			}
	
			.linkBtn{
				font-size: 20.15px;
				line-height: 50px;
				padding: 0 60px 0 25px;
				border-radius: 25px;
				margin-top: 30px;
	
				span{
					width: 30px;
					height: 30px;
					border-radius: 50%;
					background-size: 20px;
					right: 12px;
				}
			}
	
		}
	
	}
}

@media all and (max-width: 1624px) {
	.iaboutcl_2{
		font-size: 30px;
	}
}

@media all and (max-width: 1550px) {

	
.panAD{

	.box{
		/* position: absolute;
		top: 51.7%;
		left: 11.5%; */
		max-width: 360px;

		.title{
			font-size: 30px;
			line-height: 35px;
			font-family: HarmonySC;
			margin-bottom: 8px;
			color: #ffd200;
			text-transform: uppercase;
		}

		.desc{
			font-size: 12px;
			font-family: HarmonyMedium;
			color: #ffd200;
			text-transform: uppercase;
		}

		.adlable{
			display: flex;
			justify-content: space-between;
			margin-top: 10px;

			div{
				border: 1px solid #fff;
				color: #fff;
				font-size: 10px;
				line-height: 20px;
				border-radius: 10px;
				text-align: center;
				flex-grow: 1;
				text-transform: uppercase;
			}

			div+div{
				margin-left: 10px;
			}
		}

		.tel{
			margin-top: 16px;
			font-size: 24px;
			line-height: 35px;
			padding-left: 40px;
			background-size: auto 35px;
		}

		.linkBtn{
			font-size: 14px;
			line-height: 30px;
			padding: 0 40px 0 15px;
			border-radius: 15px;
			margin-top: 16px;

			span{
				width: 20px;
				height: 20px;
				border-radius: 50%;
				background-size: 14px;
				right: 12px;
			}

			&:hover{
				background: #303030;
				color: #fff;

				span{
					background-color: #fff;
					background-image: url(../images/icon_right_black.png);
				}
			}
		}

	}
}
	.breadth {
		width: 1200px;
	}

	.aheadc {
		width: 1200px;
	}

	.footerForm {
		width: 1200px;
	}

	.mySwiper2 {
		width: 420px;
		height: 420px;
		margin-left: 110px;
	}

	.TypeClassrRow img {
		width: 420px;
	}

	.TypeClassrRow {
		margin-left: 110px;
	}

	.jiantou {
		width: 100px;
		height: 420px;
	}

	.jiantou .swiper-button-next:after,
	.jiantou .swiper-button-prev:after {
		font-size: 30px;
	}

	.mySwiper {
		width: 100px;
		height: 420px;
	}

	.mySwiper .swiper-slide {
		width: 100px;
		/* opacity: 0.4; */
	}
}

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

	.homeJoin{
	
		.box{
			top: 19.8%;
			left: 54.5%;
			max-width: 300px;
	
			.title{
				font-size: 26px;
				line-height: 30px;
				margin-bottom: 10px;
				max-width: 200px;
			}
	
			.desc{
				font-size: 14px;
				line-height:22px;
			}
	
			.linkBtn{
				font-size: 16px;
				line-height: 30px;
				padding: 0 40px 0 15px;
				border-radius: 15px;
				margin-top: 20px;
	
				span{
					width: 22px;
					height: 22px;
					border-radius: 50%;
					background-size: 16px;
					right: 12px;
				}
			}
	
		}
	
	}

	
	.iaboutcl_4{
		height: 220px;
		overflow: hidden;
	}

	.iaboutcl_2{
		font-size: 26px;
	}

	.aabout video{
		height: 375px;
	}

	.iaboutcl_m{
		text-indent: 10px !important;
		background-position: 94% center;
		background-size: 6px;
	}



	.panExplore .panFlex .leftBox .centerBox {
		padding: 0 30px;
	}
	.panExplore .panFlex .leftBox  .title {
		font-size: 30px;
	}
	.panOriginal .proLabel .item{
		font-size: 14px;
	}
	.container{
		width: 990px;
	}
	.breadth {
		width: 992px;
	}

	.aheadc {
		width: 100%;
	}

	.footerForm {
		width: 992px;
	}

	.SortingGroup .content {
		width: 500px;
		margin: auto;
	}

	.SortingGroup .content h1 {
		font-size: 32px;
	}

	.SortingGroup:hover .content h1 {
		font-size: 40px;
	}

	.SortingGroup .content p {
		font-size: 15px;
		line-height: 22px;
	}

	.Our_Products {
		font-size: 40px;
		margin: 80px 0px;
	}

	.Category_heading h1 {
		font-size: 24px;
	}

	.Category_heading h3 {
		font-size: 22px;
	}

	.ProductListI4 .ProducIitem .ProductTitle {
		font-size: 16px;
	}

	.RecommendedSwiper .swiper-slide .ProductTitle {
		font-size: 16px;
	}

	.Secondary_classification_title h1 {
		font-size: 32px;
		margin: 50px 0;
		width: 100%;
	}

	.Product_content .Product_contentHead h1 {
		font-size: 26px;
	}

	.Product_content .Product_contentHead div {
		font-size: 16px;
	}

	.introduceItem .introduceItem_head {
		font-size: 18px;
	}

	.introduceItem .triangle {
		width: 16px;
	}

	.introduceItem .introduceItem_body {
		font-size: 16px;
		line-height: 26px;
	}

	.TypeClassrRow {
		margin-left: 110px;
	}
}

@media all and (max-width: 992px) {
	.container {
		width: 90%;
	}
	.breadth {
		width: 90%;
	}

	.footerForm {
		width: 90%;
	}

	.SortingGroup .content {
		width: 500px;
		margin: auto;
	}

	.SortingGroup .content {
		width: 45%;
	}

	.SortingGroup .leftimage {
		width: 25%;
	}

	.SortingGroup .rightimage {
		width: 25%;
	}

	.SortingGroup {
		height: 170px;
	}

	.ProductDetails {
		flex-wrap: wrap;
	}

	.Product_content {
		margin-left: 0px;
		flex: auto;
		width: 100%;
		margin-top: 60px;
	}


}

@media all and (max-width: 768px) {
	.jiantou {
		display: none;
	}

	.wapjiantou {
		display: block;
	}


	.SortingGroup .leftimage,
	.SortingGroup .rightimage {
		display: none;
	}

	.SortingGroup .content {
		width: 90%;
	}

	.Category_heading {
		text-align: center;
		margin: 50px 0px 50px;
	}

	.SortingGroup {
		height: 150px;
		margin-top: 0px;
	}

	.SortingGroup2 {
		margin: 60px 0px 0px;
	}

	.footerForm .row input {
		height: 35px;
		font-size: 14px;

	}

	.footerForm .row .item {
		padding: 5px
	}

	.footerForm .row .item span {
		left: 12px;
		font-size: 20px;
	}

	.footerForm_textarea span {
		top: 21px;
		left: 12px;
		font-size: 20px;
	}

	.footerForm textarea {
		height: 80px;
		font-size: 14px;
		margin: 5px;
	}

	.footerForm .submitbtn {
		font-size: 12px;
	}

	.footerTitle {
		font-size: 18px;
		padding: 30px 0;
		line-height: 30px;
	}

	.ProductListI3 .ProducIitem .ProductTitle {
		font-size: 16px;
		line-height: 60px;
	}

	.wapmySwiper {
		position: relative;
	}

	.wapmySwiper .swiper-button-next:after,
	.wapmySwiper .swiper-button-prev:after {
		font-size: 30px;
	}

	.wapmySwiper .swiper-button-next,
	.wapmySwiper .swiper-button-prev {
		color: #41a408;
	}

	.wapmySwiper .swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		right: -10px;

	}

	.wapmySwiper .swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		left: -10px;
	}

	.mySwiper {
		width: 80vw;
		height: auto;
		overflow: hidden;
		position: static;
		margin-top: 10px;
	}

	.mySwiper2 {
		width: 90vw;
		height: auto;
		margin: 0px;
	}

	.TypeClassrRow {
		margin-left: 0px;
	}

	.ProductDetails {
		padding: 30px 0px;
	}

	.Product_content .Product_contentHead h1 {
		font-size: 20px;
	}

	.Product_content .Product_contentHead div {
		font-size: 14px;
	}

	.introduceItem .introduceItem_head {
		font-size: 16px;
	}

	.introduceItem .introduceItem_body {
		font-size: 18px;
		line-height: 25px;
	}
.TypeClassrRow img {
	    width: 100%;
	}
}

@media all and (max-width: 640px) {

	.homeVideo{
		height: 300px;
	}
	.Our_Products {
		font-size: 22px;
		margin: 30px 0px;
	}

	.SortingGroup:hover .content h1 {
		font-size: 25px;
	}

	.SortingGroup .content h1 {
		font-size: 22px;
	}

	.Category_heading h1 {
		font-size: 18px;
	}

	.Category_heading h3 {
		font-size: 18px;
	}

	.sortGroup .AllBtn {
		width: 140px;
		height: 35px;
		/* line-height: 31px; */
		font-size: 15px;
		margin: 30px auto 30px;
	}

	.ProductListI4 {
		flex-wrap: wrap;
	}

	.ProductListI4 .ProducIitem {
		width: 48%;
	}

	.Secondary_classification_title h1 {
		font-size: 22px;
		margin: 35px 0;
	}

	.ProductListI3 .ProducIitem {
		width: 48%;
	}

	.DetailsBanner {
		width: 100%;
	}

	.wapmySwiper .swiper-button-next:after,
	.wapmySwiper .swiper-button-prev:after {
		font-size: 20px;

	}

	.TypeClassrRow .left {
		font-size: 16px;
		margin-right: 15px;
	}

	.TypeClassrRow .colorItem .block {
		width: 15px;
		height: 15px;
		margin-right: 7px;
	}

	.TypeClassrRow .colorItem .activeblock {
		width: 20px;
		height: 20px;
		top: -2.5px;
		left: -2.5px;
	}

	.TypeClassrRow .sizelist .sizeitem {
		font-size: 12px;
		padding: 3px 10px;
	}

	.TypeClassrRow .item {
		padding: 6px 0px;
	}
	
}