@media screen  and (max-width: 1600px){
	.profile .box { height: 410px; }
}

@media screen  and (max-width: 1500px){
	.profile .box { height: 370px; }
	.alertcontact { width: 60%; }
	.compony2 .fr .text{width: 72%;top:50%;}


}

@media screen  and (max-width: 1340px){
	.profile .box { height: 340px; }
	.idx_advan ul li span { width: 100px;height: 100px; }
	.idx_advan ul li { height: 350px; }
	.compony14 .part2 p ,.compony14 .part1 p{ font-size: 14px; }
	.alertcontact { width: 70%; }

}

@media screen  and (max-width: 1280px){
	.profile .box { height: 310px; }
	.idx_use .fr { width: 70%; }
	.idx_contact .box { padding-right: 0 }
	.compony12 .part .fl { width: 40%; }
	.compony12 .part .fr { width: 55%; }
	.compony12 .part .fr h2 { font-size: 20px; }
	.compony12 .part { padding: 30px; }
	.compony14 .part1 h2 { margin-bottom: 25px; }
	.compony21 ul li h2 {font-size: 16px;}
	.alertcontact { width: 80%; }


}

@media screen  and (max-width: 1200px){
	.compony10 ul li p { font-size: 14px; height: 80px;}
	.compony11 ul li { width: 100%; }
	.compony11 ul li +li {margin-left: 0;}
	.compony17 .fr .check {margin-top: 30px;}
	.compony21 .fr { margin-top: 0; padding-bottom: 30px;}



}

@media screen  and (max-width: 1180px){
	.profile .box { height: 260px; }
	.compony13 ul li span { padding-top: 10px; }
}

@media screen  and (max-width: 992px){
	.profile .box {height: auto;}
	.banner-container ,.brandnav{ display: none; }

	.profile .box .part { position: relative;top: auto;left: auto;width: 100%;margin-bottom: 20px; }
	.profile .box .part img { display: block; width: 100%;}
	.profile .box .part:hover .text p { display: none!important; }
	.profile { padding: 20px 0; }
	.fl ,.fr ,.idx_news .box > div{ float: none; width: 100%;}
	.idx_news .box > div {padding: 0;}
	.idx_use .fl { float: none;width: 100%;height: auto;background-position: center 20px; }
	.idx_use .fr { float: none;width: 100%; }
	.idx_advan ul li { width: 48%;margin-bottom: 20px; }
	.idx_advan ul li + li { margin-left: 0; } 
	.idx_advan ul li:nth-child(even) { margin-left: 4%; }
	.idx_news .box > div.fr{ padding-top: 30px;border-top: 1px solid #41a9d6; margin-top: 30px;}
	.idx_contact { padding-bottom: 80px;padding-top: 30px; }
	.idx_contact .box .contact { padding: 30px 40px;position: relative;top: auto;left: auto; width: 100%;box-sizing: border-box;padding-bottom: 60px;}
	.idx_contact .box .map {display: none;}
	.idx_contact .box .contact .fl,.idx_contact .box .contact .fr { width: 100%; }
	.idx_contact .box .contact .fl { padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #eee; }
	.mb-banner-container { display: block;  }
	.compony1 ul li span { font-size: 14px; color: #666;}
	.compony1 ul li span.big { font-size: 24px; }
	h1 { padding-top: 40px; }
	.idx_news { padding-top: 20px; }
	.compony2 .fl{width: 100%;}
	.compony2 .fl,.compony2 .fr { float: none;width: 100%; }
	.compony2 .fr { position: relative;top: auto;left: auto; width: 100%;padding: 40px 20px; box-sizing: border-box;background: #fbfbfb url(../images/produce02.png) no-repeat right bottom;background-size: auto;}
	.compony2 .fr img { display: none; }
	.compony2 .fr{position: static;width: 100%;}
	.compony2 .fr .text {width: 100%;position: relative;top: auto;left: auto; transform: translateY(0);}
	.compony3 .slider-for { margin: 0; }
	.compony3 { padding-bottom: 40px; }
	.idx_contact .box .contact .fl h2, .idx_contact .box .contact .fr h2 { font-size: 18px; }
	.idx_contact .box .contact .line input ,.idx_contact .box .contact .line textarea { width: 80%; }
	.idx_contact .box .contact .fr h3  { font-size: 16px; }
	.compony5 ul li {width: 20%;}
	.compony5 ol li p { width: 100%;font-size: 14px;line-height: 22px; }
	.compony6 ul li { width: 48%;padding: 20px; }
	.compony6 ul li+li { margin-left: 0; }
	.compony6 ul li .img { height: 80%;margin-bottom: 10px; }
	.compony6 ul li:nth-child(even) {margin-left: 4%;}
	.compony8 .text { /*left: 50%;transform: translateX(-50%);width: 90%;*/ padding:  60px;padding-top: 0;padding-bottom: 20px;}
	.compony8 ul li { width: 100%;float: none;margin-bottom: 30px; }
	.compony8 ul li p {font-size: 14px;}
	.compony8 {/*margin-bottom: 180px;*/}
	.compony9 ul li, .compony10 ul li { width: 100%;float: none;margin-bottom: 30px; }
	.compony7, .compony9 {padding-bottom: 70px;}
	.compony9 ul, .compony10 ul { margin-top: 30px; }
	.compony10 ul li p {  height: 60px;}
	.compony9 ul li, .compony10 ul li { padding: 0; }
	.compony11 { margin-top: 0; }
	.compony11 ul li p { padding-left: 20px;font-size: 14px; }
	.compony11 ul li {padding-left: 80px;}
	.compony12 .part .fl { margin-bottom: 20px; }
	.compony12 .part .fl,.compony12 .part .fr { width: 100%; }
	.compony12 ,.compony12 .part{padding: 30px 0;}
	.compony12 .part {padding-bottom: 0;}
	.compony13 ul li { width: 100%; }
	.compony13 ul li:nth-child(even) {margin-left: 0;}
	.compony13 ul li .fl { float: left; width: 35%;}
	.compony13 ul li .fr { float: right; width: 65%;margin-top: 2%;}
	.compony15 ul li i { width: 90px; }
	.compony15 ul li { padding: 22px 0;padding-left: 75px; padding-bottom: 30px;padding-right: 20px;}
	.compony15 ul li h2 {margin-bottom: 15px;}
	#pages a.item { display: none; }
	.compony15 { padding: 60px 0; }
	.compony15 ul li:before { width: 40px;left: 3%;top: 24%; }
	.compony20 .box .fl { width: 100%;margin-bottom: 20px; }
	.compony20 .box .fl .item { display: inline-block;width: 33.33%;box-sizing: border-box;margin-left: -5px;line-height: 50px;border: 1px solid #d7d8d9;}
	.compony20 input[type="text"] { margin-left: -5px;}
	.compony20 .box .fl .item span:after {display: none;}
	.compony20 .box .fl .item:nth-child(4),
	.compony20 .box .fl .item:nth-child(5),
	.compony20 .box .fl .item:nth-child(6),
	.compony20 .box .fl .item:nth-child(7),
	.compony20 .box .fl .item:nth-child(8) { border-top: none; }
	.compony20 .box .fl .item:nth-child(3n+1),.compony20 .box .fl .item:nth-child(3n+2) { border-right: none; }
	.compony20 .box .fl .item:last-child.current { border-right: 1px solid #d7d8d9; }
	.compony20 .box .fr  { width: 100%;padding: 30px 20px; }
	.compony14 .part1 .fl ,.compony14 .part1 .fr{ width: 100%; }
	.compony14 .part1 .fr { padding-bottom: 50px;padding-right: 20px;padding-left: 20px; }
	.compony14 .part1 { padding-right: 0; }
	.compony14 .part2 .fl, .compony14 .part2 .fr { width: 100%;margin-bottom: 20px;height: auto; }
	.compony16 .img .fl ,.compony16 .img .fr { width: 100%; margin-bottom: 20px;}
	.compony16  .img img { width: 100%; }
	.compony16 .page .fl,.compony16 .page .fr { width: 100%;display: block;margin-bottom: 10px; }
	.compony16 .page a.return {right: 0;left: auto;top: 50px;transform: translateX(0);}
	.compony18 .boxline .info .line { display: block; }
	.compony18 .boxtitle ul li:nth-child(4),.compony18 .boxline ul li:nth-child(4),
	.compony18 .boxtitle ul li:nth-child(5),.compony18 .boxline ul li:nth-child(5),
	.compony18 .boxtitle ul li:nth-child(6),.compony18 .boxline ul li:nth-child(6) { display: none; }
	.compony18 .boxline ul li ,.compony18 .boxtitle ul li{ width: 33.33%; }
	.compony17 .fl,.compony17 .fr { width: 100%; }
	.compony17 .fr { padding-bottom: 50px; padding-right: 20px;padding-left: 20px;}
	.compony17 .part { margin-bottom: 20px; }
	.compony17 .culture { padding:  30px 20px;}

   /* 新增css ： 移动端 图片强制高度自动	*/
	.compony17 .culture p img{
		height:auto !important;
	}

	.compony17 .line .fr { text-align: right;margin-top: 20px; }
	.compony17 {padding: 20px 0;}
	.compony21 .fl ,.compony21 .fr{ width: 100%;margin-bottom: 30px;box-sizing: border-box; }
	.compony21 .fl img { width: 100%; }
	.compony21 ul li { width: 50%; }
	.compony21 {background-size: contain;}
	.search .result .part .fl { width: 100%; }
	.search .result .part .fr { padding-left: 0;border-left: none; text-align: left;line-height: 26px;height: 26px;margin-top: 30px;width: 100px;font-size: 14px;}
	.search .result .part { padding: 20px 0; margin-bottom: 20px;}
	.search .result h4 { margin-bottom: 20px;font-size: 18px; }
	.idx-foot .wpp { padding: 0; }
	.idx_use { padding-top: 40px; }
	.idx_news h1 { padding-left: 0;font-size: 22px;margin-bottom: 20px; }
	.idx_news h1 a {margin-right: 0;margin-top: 5px;}
	.search { padding: 20px 0; }
	.alertcontact { width: 90%; padding: 20px 0;max-height: 70vh;padding-bottom: 30px; }
	.alertcontact .contact .fl,.alertcontact .contact .fr { width: 100%; padding-bottom: 20px;}
	.alertcontact .contact .fl { border-bottom: 1px solid #e5e5e5;margin-bottom: 20px; }

}
@media screen  and (max-width: 768px){
	.compony1 ul li { width: 50%;margin-bottom: 20px; }
	.compony1 ul li:nth-child(3) {border-left: none;}
	.compony1 {padding-bottom: 30px;}
	.compony5 ul li {width: 25%;}
	.compony7 p span { font-size: 14px; }
	h1 { font-size: 20px; }
	.compony7 p {margin-top: 10px;}
	.compony7:after, .compony9:after, .compony10:after {width: 60%;}
	.compony13 ul li .fl {  width: 40%;}
	.compony13 ul li .fr {  width: 60%;}
	.search .box { padding: 20px; }

}
@media screen  and (max-width: 640px){
	.compony13 ul li .fl {  width: 45%;}
	.compony13 ul li .fr {  width: 55%;}
	.compony20 .box .fl .item span {font-size: 14px;padding-left: 15px;}
	.compony21 ul li { width: 100%; }
	.compony21 .fl p {font-size: 12px;}
	.compony21 .fr h2 { font-size: 18px; }
	.mb-banner-container { height: 50vh; }
	.compony14 .part2 .fr span { width: 48%;  }
	.compony8 ul li h2{font-size: 24px;}

}
@media screen  and (max-width: 540px){ 
	.profile .box .part .text h2 {font-size: 20px;}
	.idx_use ul li { height: 50px;padding: 10px 0;width: 50%; }
	.idx_use ul li:nth-child(even) { text-align: right; }
	.idx_use ul li img { width: 50px;margin-right: 10px; }
	.idx_news .box ul li h2 span:nth-child(1) { font-size: 16px; width: 60%;}
	.compony5 ul li {width: 33.33%;padding: 35px 0;}
	.compony6 ul li p {font-size: 14px;}
	.compony8 .text { padding: 0 20px; }
	.compony8{    /*margin-bottom: 190px;*/}
	.compony8 ul li span { font-size: 14px; }
	.compony8 ul li i { width: 70px;height: 70px; top: 50%;transform: translateY(-50%);}
	.compony8 ul li { padding-left: 0; }
	.compony10 .wp > img {max-width: 80%;}
	.compony10 ul li p {  height: 80px;}
	.compony12 .part .fr h2 {font-size: 18px;}
	.banner { background-position: 60% center; height: 30vh;}
	.compony13 ul li .fl {  width: 40%;}
	.compony13 ul li .fr {  width: 60%;margin-top: 0;}
	.compony13 ul li h2 { padding-top: 10px;font-size: 16px;margin-bottom: 5px; }
	.compony13 ul li span { margin-top: 10px; }
	.compony13 ul li a { font-size: 12px; }
	.compony15 ul li h2 {font-size: 18px;}
	.compony15 ul li:before {left: 6%;top: 23%;}
	.compony20 .box .fl .item { line-height: 40px;width: 50%;border: 1px solid #d7d8d9;border-bottom: none; }
	.compony20 .box .fl .item:nth-child(4),
	.compony20 .box .fl .item:nth-child(5),
	.compony20 .box .fl .item:nth-child(6),
	.compony20 .box .fl .item:nth-child(7),
	.compony20 .box .fl .item:nth-child(8) { border-top: 1px solid #d7d8d9; }
	.compony20 .box .fl .item:nth-child(3n+1),.compony20 .box .fl .item:nth-child(3n+2) { border-right: 1px solid #d7d8d9; }
	.compony20 .box .fl .item:nth-child(even) { border-left: none; }
	.compony20 .box .fl .item:nth-child(7),
	.compony20 .box .fl .item:nth-child(8) {  border-bottom: 1px solid #d7d8d9;}
	.compony20 .box .fr h2 { font-size: 18px; }
	.compony20 .box .fr dl dt ,.compony20 .box .fr dl dd {font-size: 14px;}
	.compony20 .box .fr dl dt i ,.compony20 .box .fr dl dt.cli i{ width: 15px;height: 12px;background-size: contain; }
	.compony20 .box .fr dl dd a.download { width: 16px;height: 16px; }
	.compony20 .box .fr dl dd a.see { width: 20px;height: 20px; }
	.compony20 .box .fr dl dt, .compony20 .box .fr dl dd { padding-left: 10px; }
	.compony16 .page a { font-size: 14px; }
	.compony16 .page a.return {position: relative;right: auto;float: right;top: auto;margin-top: 20px;}
	.compony16 { padding: 20px 0; }
	.compony18 .boxline ul li:last-child ,.compony18 .boxline ul.on li:last-child{ width: 15px;background-size: contain;right: 10px; }
	.compony18 .boxline .info .line p { font-size: 14px; }
	.compony17 .videobox { width: 100%; }
	.compony17 .videobox a { background-size: 25px; }
	.compony17 ul li div { width: 80px; height: 150px;}
	.compony17 ul li { padding-left: 100px;height: 150px;margin-bottom: 20px;padding-top: 28px;}
	.compony17 ul li i {margin-top: 40px;}
	.compony17 { padding: 20px 0; }

	.compony21 .fl .sz { right: 20%;  }
	.compony21 .fl .hz { top: 78%;right: 17%; }
	.idx_advan h2 ,.idx_use .fl .text  h3{ font-size: 22px; }
	.idx_advan .wpp > p { font-size: 14px; }
	.idx_advan ul li h3 {font-size: 18px;}
	.idx_news .box .part .time p { font-size: 22px; }
	.idx_news .box .part { padding-left: 90px;  }
	.alertcontact .contact .fl h2, .alertcontact .contact .fr h2 { font-size: 20px; }




}
@media screen  and (max-width: 414px){ 
	.idx_advan ul li  { width: 100%;padding: 30px 20px;height: 300px ; }
	.idx_advan ul li:nth-child(even) { margin-left: 0; }
	.compony4 p { font-size: 14px; }
	.compony4 .swiper-button-prev, .compony4 .swiper-button-next { top: 108%; }
	.compony6 ul li { height: 320px; }
	.compony6 ul li p {font-size: 12px;}
	.compony6 ul li { width: 100%;height: 400px; }
	.compony6 ul li .img { height: 90%;margin-bottom: 0 }

	.compony6 ul li:nth-child(even) {margin-left: 0;}
	.compony12 .part .fr h2 {font-size: 16px;}
	.compony15 ul li i { width: 65px;top: -15px; }
	.compony15 ul li { padding-left: 45px;margin-bottom: 40px; }
	.compony15 ul li:before { left: 0; }
	.compony20 .box .fr h2 { font-size: 16px; }
	.compony20 .box .fr h2 a img { width: 20px;height: 20px; }
	.compony20 .box .fr h2 a { font-size: 12px;margin-top: 0; }
	.compony21 ul li .part { height: 155px; }







}
@media screen  and (max-width: 375px){ 
	.compony6 ul li { height: 360px; }

	.idx_use ul li span{ font-size: 12px; }
	.idx_use ul li img { width: 30px;margin-right: 10px; }
	.idx_use ul li { height: 30px; }
	.idx_product .swiper-button-prev, .idx_product .swiper-button-next {width: 35px;}
	.idx_contact .box .contact { padding: 30px 20px; }
	.compony5 ul li {width: 50%;padding: 20px 0;}
	.compony13 ul li .fl {  width: 50%;}
	.compony13 ul li .fr {  width: 50%;padding-left: 10px;}
	.compony13 ul li .fr  p { font-size: 12px;height: 32px; }
	h1 { font-size: 16px; }
	.compony15 ul li h2 { font-size: 16px; }
	.compony20 .box .fl .item span { font-size: 12px;line-height: 30px; }
	.compony20 .box .fr h2 { font-size: 14px; }
	.compony20 .box .fr h2 a img { width: 15px;height: 15px; }
	.compony20 .box .fr dl dd a.download { width: 16px;height: 16px; }
	.compony20 .box .fr dl dd a.see { width: 20px;height: 20px; }
	.compony21 ul li h2 { background-size: 20px; }
	.compony14 .part2 .fr span { width: 98%; }





}

@media screen  and (max-width: 350px){ 
	.compony20 .box .fr h2 { font-size: 12px; }
	
}
@media screen  and (max-width: 320px){
   .compony8 {/*margin-bottom: 236px;*/}
}