@charset "utf-8";
/*common responsive*/
@media (max-width: 1765px) {
	
	
}
@media (max-width: 1600px) {
	

}
@media (max-width: 1400px) {

	.container{width:100%;}
	.top{width:94%;padding: 0 3%}
	.news-box{padding: 10px 0;}
	.news .newsmdt{width: 100%;float: none;height: 280px;background: #4679cd;margin-bottom: 10px;}
	.news .newslists{width:100%;float: none; }
	.img-nitem img{width: 40%;height: auto}
	.img-nitem .nitem{width: 55%;}

	


}

@media (max-width: 1390px) {
	
	

	
}
@media (max-width: 1280px) {


}

@media (max-width: 1260px) {



}

@media (max-width: 1023px) {
	

}

@media (max-width: 992px) {


}

@media (max-width: 991px) {
	.container{width:100%;}
	.top{position: inherit;background: #336ECE}
	.logo{margin-top: -50px;left: 10px}
	.logo img{width: 70%}
	#navs{width: 100%}
	#navs li{    padding: 0 0 0 8px;height: 65px;}
	#navs li a{font-size: 14px;height: 65px;line-height: 65px;}

	.news .newslists{width: 100%;}
	.img-nitem img{width: 100%;height: auto}
	.img-nitem .nitem{width: 100%;}
	.botom .item{width: 32%}

	.headline-box .headline{overflow: hidden;height: auto;padding: 0 0;width: 95%;margin: 10px auto;}
	.headline .titlemes{float: none;width: 100%;}
	.headline .des{float: none;width: 100%;font-size: 20px;text-align: left;color: #999;padding: 10px 0;font-weight: 300;}

	.business{position:relative;width:100%;height: auto;overflow:hidden;}
	.business .bd{position: inherit;width:100%;height: 400px;overflow:hidden;}
	.business .bd li{position: relative;overflow: hidden;height: 300px;}
	.business .bd li .licon{position: absolute;z-index: 99;width: 90%;top: 10px;left: 5%;margin-left: 0;background: #6666;padding: 0 0 10px 10px;}
	.business .bd li img{width: 100%;height: auto;position: absolute;display: block;}
	.business .bd li .licon h4{font-size: 20px;font-weight: bold;padding: 0 0 2px 0;}
	.business .bd li .licon p{font-size: 16px;font-weight: 100;}

	.business .hd{position: absolute;height: 150px;background: #ffffff;/* bottom: 20px; */left: 5%;width: 90%;margin-left: 0;box-shadow: 0px 0px 5px #cccccc;/* border-radius: 6px; *//* overflow: hidden; */}
	.business .hd ul{padding: 0;text-align:center;overflow: hidden;display: flex;justify-content: space-between;}
	.business .hd li{position:relative;display:inline;overflow:hidden;line-height:12px;border-right: 1px #ddd solid;width: 25%;}
	.business .hd a{display:block;width: 100%;height: 150px;line-height: 230px;font-size: 18px;}
	.business .hd .FunctionalMaterials a{background: #fff url(../images/FunctionalMaterials.png) no-repeat center 22px;}
	.business .hd .CyclicUtilization a{background: #fff url(../images/CyclicUtilization.png) no-repeat center 22px;}
	.business .hd .ResourceDevelopment a{background: #fff url(../images/ResourceDevelopment.png) no-repeat center 22px;}
	.business .hd .Smelt a{background: #fff url(../images/Smelt.png) no-repeat center 22px;}
	.business .hd .Technology a{background: #fff url(../images/Technology.png) no-repeat center 22px;}
	.business .hd .Trade a{background: #fff url(../images/Trade.png) no-repeat center 22px;}
	.business .hd .FunctionalMaterials a:hover{background:#336ECE url(../images/FunctionalMaterials2.png) no-repeat center 22px; }
	.business .hd .CyclicUtilization a:hover{background:#336ECE url(../images/CyclicUtilization2.png) no-repeat center 22px;}
	.business .hd .ResourceDevelopment a:hover{background:#336ECE url(../images/ResourceDevelopment2.png) no-repeat center 22px;}
	.business .hd .Smelt a:hover{background:#336ECE url(../images/Smelt2.png) no-repeat center 22px;}
	.business .hd .Technology a:hover{background:#336ECE url(../images/Technology2.png) no-repeat center 22px;}
	.business .hd .Trade a:hover{background:#336ECE url(../images/Trade2.png) no-repeat center 22px;}

	.aboutus{display: flex;flex-direction: column;justify-content: flex-start;padding: 0;}
	.abodes{width: 95%;margin: 0 auto;padding: 0 0 40px 0;}
	.aboimg{width: 95%;margin: 0 auto;padding: 20px 0;}

	.bggray{display:flex;flex-direction: column;justify-content: space-between;flex-wrap: nowrap;padding: 25px 0;position: relative;}
	.bggray .tblogo{width: 100%;border-right: 0;}
	.bggray .lxfsb{width: 95%;margin: 15px auto;height: 195px;}
	
	.bottoms{display:flex;flex-direction: column;justify-content: space-between;flex-wrap: nowrap;height: auto;width: 95%;margin: 0 auto;padding: 8px 0;}
	.bottoms .dis, .bottoms .bnaw{line-height: 30px;}



}

@media (max-width: 860px) {
	.business .bd{
    height: 497px;
}
	.business .bd li{}
.business .hd{
    height: 290px;
}
.business .hd ul{padding: 0;text-align:center;overflow: hidden;display: flex;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;}
.business .hd li{position:relative;display:inline;overflow:hidden;line-height:12px;border-right: 1px #ddd solid;width: 33%;}
.business .hd a{display:block;width: 100%;height: 150px;line-height: 230px;font-size: 12px;}

}


/* xs mobile  Όμ²βΏνΆΘ*/
@media (max-width: 768px) {
	


}



@media (max-width: 767px) {
	.img-nitem .nitem{width: 100%}
	.botom .item{width: 100%; margin-top:10px;}
	.newslists .botom{flex-direction: column;}

}


@media (max-width: 640px) {
	
	

}


@media (max-width: 480px) {

	
}

@media (max-width: 479px) {
	
}

@media (max-width: 375px) {




}

@media (max-width: 320px) {
	
	
}