@media only screen and (max-width: 1800px) {
	.contact .map{height: 500px;}
}

@media only screen and (max-width: 1685px){
	.contact .map{height: 500px;}

}
@media only screen and (max-width: 1600px) {
	.contact .map{height: 500px;}
	
	

}

@media only screen and (max-width: 1440px) {
	.cw{width: 1000px;}
	.nav-ul>li>a>span{font-size: 13px;line-height: 17px;height: 17px;}
	.child{padding: 5px 0;}
	.child>li a{font-size: 14px;height: 35px;line-height: 35px;}
	.index01 .text h3{margin-bottom: 15px;font-size: 22px;}
	.index01 .text p{margin-bottom: 25px;font-size: 15px;}
	.index01 .text a{font-size: 16px;}
	.in01 .text h3{margin-bottom: 0;}
	.logo2{width: 250px;}
	.contact2{width: 630px;padding: 0 50px;}
	.contact2 h3{font-size: 26px;background-size: 50px;padding-left: 65px;}
	.contact2 p{font-size: 16px;line-height: 2em;}
	.ewmBox{width: 120px;}
	.news-ul li .text{width: 790px;}
	.contact .map{height: 300px;}
	.introduce *{font-size: 14px;}
	.introduce strong{font-size: 16px;}
	.contact .map{height: 500px;}


	
	

}

@media only screen and (max-width: 1366px) {
	.contact .map{height: 500px;}

}


@media only screen and (max-width: 1280px) {
	.contact .map{height: 500px;}
	
}

@media only screen and (max-width: 1024px) {
	.cw{width: 94%;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
	#sea{display:block;width:20px;float:right}
	#sea img{display:block;width:100%;}
	
	#menu{display: block;width: 100%;background-color: #f2f2f2;}
	#menu span{font-size: 24px;padding-left: 55px;background-position: left center;
		background-repeat: no-repeat;display: block;line-height: 60px;height: 60px;
		color: #175d53;}
	.header{height: 70px;width: 100%;overflow: hidden;}
	.logo{width: 326px;height: 70px;}
	.lauguage{margin: 10px 0;}
	.close{width: 53%;background-color: rgba(0,0,0,.5);height: 100%;float: right;}
	.navBox01{width: 100%;position: fixed;top: 0;left: 0;z-index: 999;height: 100%;
		overflow: hidden;background-color: transparent;display: none;}
	.navBox01 .cw{overflow: hidden;height: 100%;width: 100%;}
	.navBox01 .nav-ul{width: 47%;height: 100%;float: left;background-color: #29524a;
		overflow-y: scroll;}
	.navBox01 .nav-ul>li{width: 100%;}
	.navBox01 .nav-ul>li>a>span{text-align: left;padding: 0 3% 0 10%;border: none;color: #fff;
		font-size: 20px;height: 60px;line-height: 60px;margin: 0;margin-top: 10px;
	border-bottom: 1px solid #0fa98b;}
	.navBox01 .nav-ul>li>a>span i{display: block;}
	.child{position: static;width: 100%;background-color: transparent;padding: 0;}
	.child>li a{color: #a1d8cd;text-align: left;padding-left: 15%;font-size: 16px;
	height: 60px;line-height: 60px;border-bottom: 1px solid #0fa98b;}
	.navBox01 .nav-ul>li:hover .child{display: none;}
	.banner img.h{display: block;}
	.banner img.s{display: none;}
	.index01 .video,.index01 .text,.indexNews,.index02 .formBox{width: 100%;}
	.index01 .video img{display: block;width: 100%}
	.index01 .text{padding-top: 5%;}
	.index02 .formBox{padding-top: 5%;}
	.indexNews{border: none;}
	.navBox02{padding: 20px 0;}
	.navBox02 .nav-ul>li:first-child{display: none;}
	.navBox02 .nav-ul>li{width: 24% !important;}
	.navBox02 .nav-ul>li>a>span{padding: 0;margin: 10px 0;}
	.nav-ul>li:hover>a>span,.navBox02 .nav-ul>li.on>a>span{font-weight: normal;}
	.navBox02 .nav-ul>li:last-of-type>a>span{padding: 0;text-align: center;}
	.navBox02 .nav-ul>li:nth-child(5n)>a>span{border-right: none;}
	.logo2,.ewmBox{display: none;}
	.contact2{width: 100%;padding: 0;}
	.title2{display: none;}
	.product-ul li{width: 48%;margin: 0 4% 4% 0;}
	.product-ul li:nth-child(2n){margin-right: 0;}
	.news-ul li .imgBox{width: 18%;}
	.news-ul li .text{width: 80%;}
	.contact .con1 p{font-size: 18px;}
	.seaBox {
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0;
    background: #fff;
    margin-top: 0;
    padding: 10px 0;
	display:none
   }
	.contact .map{height: 500px;}


}


@media only screen and (max-width: 850px) {
	.news-ul li .imgBox{width: 20%;}
	.news-ul li .text{width: 78%;}
	.contact .map{height: 500px;}
	
	



}

@media only screen and (max-width: 768px) {
	.news-ul li .imgBox{width: 24%;}
	.news-ul li .text{width: 74%;}
	.picture,.introduce{width: 100%;}
	.introduce h3{display: none;}
	.introduce *{font-size: 16px;}
	.contact .map{height: 450px;}

	
}

@media only screen and (max-width: 640px) {
	#menu span{height: 50px;line-height: 50px;font-size: 20px;background-size: 25px;
		padding-left: 35px;}
	.header{height: 60px;}
	.logo{width: 280px;height: 60px;}
	.navBox01 .nav-ul>li>a>span{font-size: 18px;}
	.navBox01 .nav-ul>li>a>span,.child>li a{line-height: 45px;height: 45px;}

	.lauguage{margin-bottom: 5px;}
	.lauguage a{font-size: 14px;padding: 0 4px;line-height: 14px;}
	.company .section h3{font-size: 22px;}
	.section img{margin: 10px auto;}
	.case-ul li{ display:inline-block; float: none; width: 45% !important;}
	.case-ul li:nth-child(2n){margin-right: 0;}
	.case-ul li p{line-height: 35px;font-size: 16px;}
	.news-ul li .imgBox{width: 28%;}
	.news-ul li .text{width: 70%;}
	.contact .con1{width: 100%;}
	.picture h3{display: block;text-align: center;line-height:3em;}
	.nav-ul>li>a>span{font-size: 13px;line-height: 17px;height: 22px;}
	.contact .map{height: 250px;width: 100%;}

}

@media only screen and (max-width: 550px) {
	.in01 .text h3{font-size: 15px;}
	.news-ul li .text h3{margin-bottom: 5px;}
	.nav-ul>li>a>span{font-size: 13px;line-height: 17px;height: 22px;}
	.nav-ul>li:nth-of-type(5)>a>span{position: relative;top: -6px;}
	.contact .map{height: 250px;width: 100%;}
	
}

@media only screen and (max-width: 500px) {
	.pd60{padding: 40px 0;}
	.pd26{padding: 20px 0 30px;}
	.banner .swiper-pagination-bullet{width: 10px;height: 10px;
		margin: 0 6px !important;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;}
	.title h3 span{height: 45px;line-height: 45px;}
	.in01 .text p{-webkit-line-clamp: 2;}
	.indexNews-ul li a *{font-size: 16px;}
	.index02 form{padding: 0 5%}
	.index02 form input.btn{width: 60%;}
	.index02 form *{line-height: 40px;height: 40px;}
	.index02 form input.btn{font-size: 16px;margin-top: 15px;}
	.title h3 span{font-size: 18px;width: 35%;line-height: 40px;height: 40px;}
	.foot{padding-top: 30px}
	.contact2 h3{font-size: 22px;}
	.index01 .text h3{font-size: 20px;}
	.play{width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;}
	.product-ul li a{padding: 3%;}
	.product-ul li p{font-size: 14px;line-height: 35px;}
	.newsD .section{padding-bottom: 20px;}
	.newsD .aBox{padding: 20px 0;}
	.news-ul li .imgBox{width: 35%;}
	.news-ul li .text{width: 63%;}
	.contact .map{height: 250px;width: 100%;}
	.contact .con1 p{font-size: 14px;}
	.picture h3{font-size: 20px;}
}

@media only screen and (max-width: 414px) {
	.logo{width: 70%;}
	.in01 .imgBox {width: 35%;}
	.in01 .text{width: 60%;}
	.indexNews .section{padding: 15px 0;}
	.til-f h3{font-size: 20px;}
	.til-f p{font-size: 12px;background-size: 15px;padding-left: 20px}
	.news-ul li a{padding: 2%;}
	.news-ul li .text h3{line-height: 30px;}
	.news-ul li .text h3 span{display: none;}
	.contact .map{height: 250px;width: 100%;}
	
	
	
}

@media only screen and (max-width: 375px) {
	.header{height: 50px;}
	.logo{width: 70%;height: 50px;}
	.lauguage{margin: 5px 0;}
	.lauguage a{font-size: 12px;padding: 0 4px;line-height: 12px;}
	#menu span{line-height: 40px;height: 40px;font-size: 18px;background-size: 20px;
		padding-left: 30px;}
	.navBox01 .nav-ul>li>a>span,.child>li a{line-height: 40px;height: 40px;}
	.news-ul li .imgBox{width: 39%;}
	.news-ul li .text{width: 59%;}
	.contact .map{width: 100%;}
	
}

@media only screen and (max-width: 320px) {
	.news-ul li .text p{line-height: 1.3em;}
	.contact .map{width: 100%;}

}