/* CSS Document */
#m_container img{box-sizing:border-box; max-width:100%;}
.m_mainContent .scrollButton,.epcmflow .scrollButton{display:none;}
/*@media screen and (max-width:1181px){
	.m_indexMenuin{width:726px;}
	.m_indexMenuin ul li{width:121px;}
}*/
@media screen and (max-width:1070px){
	.m_indexMenuin{width:96%;}
	#gotop{display:none;}
	.indexTopLeft,.indexfooterin .footerinLeft{margin-left: 22px;}
	.indexTopRight{margin-right:20px;}
	.indexTopRight select{
		width:157px;
		height:23px;
		}
	.bannerMore{
		width:123px;
		height:26px;
		margin-left: -60px;
		bottom: 50px;
		}
	.bannerMore p{
		line-height:26px;
		font-size:12px;
		}
	.bannerBox ol{
		height:8px;
		bottom:14px;
		margin-left:-25px;
		}
	.bannerBox ol li{
		width:8px;
		height:8px;
		background:url( ../images/mining/menu2.png);
		}
	.bannerBox ol li.currentPicNemu{background:url( ../images/mining/menu3.png); }
	.m_mainContent{
		width:770px;
		margin-left:2%;
		overflow: hidden;
		height: 403px;
		position: relative;
}	
	.indexProjectCon{width:100%;}
	.m_mainContent .scrollButton{display:block;}
	.m_mainContent ul{
		  width: 200%;
		  overflow: hidden;
		  height: 403px;
		  position: absolute;
		  margin-top: 18px;
		}	
	.m_mainContent ul li,.m_mainContent img{
		width:338px;
		height:auto;
	}
	#miningProject,.epcmflow{
		padding:0;
		height:auto;
		background:none;
		}
	#miningProject{
		width: 96%;
		margin: 0 2%;
		overflow: hidden;
		height:348px;
		position: relative;
		}
	#projectShow{width:770px; height: 292px; margin: 18px 0 0 0;}
	#projectShow ul{
		width: 500%;
		overflow: hidden;
		}
	#projectShow ul li{ width:auto;}
	#projectShow ul li+li{margin-left:47px;}
	.projectShowLeft,.projectShowLeft img,.projectShowImg img{
		width:338px;
		height:193px;
		}
	.projectShowRight{width:auto; float:left;}
	.projectShowImg{margin-left:48px;}
	.projectShowLeft div{
		padding:0;
		width:338px;
		height:auto;
		line-height:45px;
		text-align:center;
		}
	.projectShowLeft div h3{
		font-size: 12px;
		font-weight:normal;
		}
	.projectShowImg p{
		width:338px;
		height:auto;
		}
	.projectShowLeft div p{display:none;}
	/*EPCM*/
	.epcmBanner{display:none;}
	.epcmIntro{
		background-color:#f8f4f5;
		margin:1px 0 40px 0;
		padding:47px 2% 53px 2%;
		width:96%;
		height:auto;
	}
	.epcmIntroLeft{
		width:100%;
		margin-bottom:40px;
		float: none;
	}
	.epcmIntroRight{
		width:100%;
		height:244px;
		overflow:hidden;
		float:none;
		}
	.epcmIntroRight ul li,.epcmIntroRight ul img{
		width:344px;
		height:244px;
		}
	.epcmIntroRight ul li+li{margin-left:40px;}
	.epcmScrollLeft,.epcmScrollRight,.rhombus{display:none;}
	
	.epcmflow{margin:0 2%; width:610px; height:322px; overflow:hidden; position:relative;}
	.round{display:block;}
	.epcmflow .scrollButton{
		display:block;
		margin-left:2px;
		}
	.epcmflow ul{
		width:200%;
		height:166px;
		margin:36px 0 80px 0;
		padding-top:0;
		overflow: hidden;
		position: absolute;
		}
	.epcmflow ul li{background: url(" ../images/mining/epcm/next1.png") right center no-repeat;}
	.flowNum{height: 33px; background: url(" ../images/mining/epcm/numBg1.png") no-repeat;}
	.flowName p{position: absolute; top: 63px; }
	.curflow .flowName p{height: 166px; line-height: 166px; background:url(" ../images/mining/epcm/curflowCover1.png") no-repeat; }
	.curflow .flowNum{ background: url(" ../images/mining/epcm/numBgCur1.png") no-repeat;}
	#m_container{ width:100%; /*margin-left:20px; margin-right:20px;*/}
	#m_conLeft{width:60%; margin-left:20px;}
	#m_conRight h1{display:block; font-weight: bold; padding-bottom: 17px; border-bottom: 2px solid #d9dadb;}
	#m_conRight{
		width:30%;
		margin-left:35px;
		margin-right:20px;
		}
	#m_conRight ul li:hover,#m_conRight .m_curMenu{background:url(" ../images/mining/listBg.jpg") 14px 16px no-repeat; border-bottom: 1px solid #d9dadb;}
	#m_conRight ul li:hover a,#m_conRight .m_curMenu a{color:#ec592d;}
	.treatment{display:none;}
	/*Contact Us*/
	.contactLeft{width:60%; margin-left:20px;}
	.m_quotation form input,.m_quotation form textarea{ width:97.5%;}
	.contactRight{ margin-right:20px;}
	/*Products*/
	#m_conRight h3{background:none; border-bottom: 2px solid #d9dadb; color: #373737; height: 41px; line-height: 24px; padding-left:0; font-size: 24px;}
	#m_conRight h3 a{color: #373737; font-size: 24px;}
	#m_conRight h3:hover{background:none;}
	#m_conRight h3 a:hover{ color:#ea4609;}
	#m_conLeft h1{margin-bottom:4px;}
	.eachProBox{width:47.6%; height: auto; margin-right:0; margin-bottom:0; padding-bottom:28px; border-bottom: 1px dashed #d9dadb;}
	#m_conLeft .eachProBox:last-child{ border-bottom:none;}
	.eachProBox img{ width:100%;}
	.eachProBox p{ width:100%; bottom: 28px; overflow: hidden;}
	.eachProBox:nth-child(2n+1){margin-left:4.76%;}
	.m_proList{margin-top: 56px;}
	.m_proSmallText{float: none; width:auto; margin-left:234px;}
	.m_proSmallText p{display:none;}
	.m_proList h2{ margin-bottom:44px;}
	.m_proList h2 a{font-weight:bold; font-size:16px;}
	.m_proIntro{ background:none; padding:33px 0 6px 0;}
	.m_proIntro img{float:none; max-width: 100%;}
	/*Project Case*/
	.eachProjectBox{width:47.6%; height:auto; float:left; padding-bottom:0;}
	.m_conLeftWrapper .eachProjectBox:first-child{margin-top:32px;}
	.m_conLeftWrapper .eachProjectBox:last-child{border-bottom:1px dashed #d9dadb;}
	.eachProjectBox:nth-child(2n){ margin-left:4.7%;}
	.eachProjectLeft{width:100%; float:none;}
	.eachProjectLeft img{ max-width:100%;}
	.eachProjectRight{background:none; width:100%; height:auto; margin-left:0; padding:8px 0 0 0; float:none;}
	.eachProjectRight h2{margin-bottom:2px; height: 42px; overflow: hidden; font-size: 14px;}
	.eachProjectRight p,.eachProjectRight .projectMore{display:none;}
	.m_projectPage p{width:47.6%; float:left;}
	.m_projectPage p:nth-child(2n){ margin-right:4.7%;}
	.m_projectPage p:first-child{border-bottom: 1px dashed #d9dadb; padding-bottom:16px; margin-bottom:19px; width:100%; float:none;}
	.m_projectPage p img{width:100%; height:auto; margin-right:0;}
	/*Solutions*/
	#newSolution{margin:0 20px;}
	.m_oreProcess{width:728px; height:193px; overflow:hidden; position:relative;}
	.m_oreProcess ul{ display:none;}
	#technologybox{width:728px; height:218px; overflow:hidden; position:relative;}
	.m_technology .scrollButton{display:block; margin-top:25px;}
	.m_oreProcess ol,.m_technology ul{width:200%; position:absolute;}
	.m_oreProcess .scrollButton{display:block;}
	.m_oreProcess ol li,.m_technology ul li{width:228px; height:132px;}
	.m_oreProcess ol li+li, .m_technology ul li+li{margin-left:22px;}
	.m_oreProcess ol li:last-child, .m_technology ul li:last-child{margin-left:0;}
	.m_oreProcess ol li p, .m_technology ul li p{width:213px;}
	.m_minerals{height:auto; overflow:auto; padding-bottom:45px;}
	.m_mineralsLeft,.m_mineralsRight{width:auto; float:none;}
	#m_conLeft table{width:100%;}
	#m_conLeft table td{width:auto;}
	.eachMineralBox ol{ display:none;}
	.eachMineralBox ul,.eachMineralBox .curMineralPic img,.mineralTitle{ width:100%;}
	.mineralTitle p{width:80.5%; padding-left:3.5%;}
	.mineralTitle span{width:16%;}
}
@media screen and (max-width:959px){
	.contactLeft{ width:90%; float:none;}
	.contactRight{width:90%; float:none; margin-top:35px; margin-left:20px;}
	.contactInfo{ width:46%; border-bottom:0; float:left;}
	.otherContactInfo{width:47%; float:right;}
	}
@media screen and (max-width:767px){
	.indexTopRight{display:none;}
	#navgation{
		display: block;
		cursor: pointer;
		}
	#m_indexMenu{
		display:none;
		height:auto;
		width: 100%;
		position:absolute;
		z-index:2;
		}
	.m_indexMenuin{width:100%;}
	.m_indexMenuin ul li{
		height: 45px;
		width: 100%;
		float: none;
		border-bottom: 1px solid #535a62;
		}
	#m_indexBanner{display:none;}
	.m_mainContent{
		width: 96%;
		margin: 5% 2%;
		position: relative;
		height: 343px;
		}
	.m_mainContent ul{
		width: 200%;
		position: absolute;
		height: 343px;
		overflow: hidden;
	}
	.m_mainContent ul li{
		width: 24.1%;
		height: 343px;
		margin-right:1.4%;
	}
	.m_mainContent li img{
		width: 100%;
	}
	.m_mainContent ul li+li{
		margin-left: 0;
	}
	.m_mainContent ul li+li+li{
		margin-right: 0;
	}
	#projectShow{ width:100%;}
	#projectShow ul li{width:49.7%; height: 292px;}
	#projectShow ul li+li{margin-left:0.6%;}
	.projectShowLeft{width:19%; height:auto;}
	.projectShowRight{width:81%;}
	.projectShowImg{margin-left:1.5%; width:23.5%;}
	.projectShowLeft img{
		width:100%;
		height:auto;
	}
	.projectShowImg img{width:100%; height:auto;}
	.projectShowLeft div,.projectShowImg p{
		position:relative;
		background:none;
		text-align:inherit;
		margin-left:4px;
		}
	.projectShowLeft div h3,.projectShowImg p{font-size:16px;}
	.projectShowLeft:hover div,.projectShowLeft:hover div h3,.projectShowImg:hover p{
		background:none;
		color:#313942;
		}
	.projectShowLeft div,.projectShowImg p{width:333px;}
	
	.epcmIntroRight,.epcmIntroRight ul{width:100%; height:238px;}
	.epcmIntroRight ul li{width:48%;}
	.epcmIntroRight ul li+li{ margin-left:4%;}
	.epcmIntroRight ul img{width:100%; height:auto;}
	.epcmflow{width:412px;}
	.epcmflow ul{width:300%;}
	.epcmflow ul li:nth-child(2n){background:none;}
	#m_conRight{
		float:none;
		margin:0;
		padding:0 20px 38px 20px;
		width:auto;
		}
	#m_conRight h1,#m_conRight h3,#m_conRight h3:hover{height: 43px; line-height:43px; padding-left:38px; padding-bottom:0; border-bottom:0; background: #2f3942; color:#FFF; font-size: 16px;}
	#m_conRight h3 a{font-size: 16px; color: white;}
	#nemuicon{display:block;}
	#m_conLeft{ width:auto; margin-right:20px;}
	.contactInfo{ width:100%; border-bottom: 1px dashed #d9dadb;}
	.otherContactInfo{width:100%; float:none;}
	.chatOnline{ margin-left:-3px;}
	#productslist{display:none;}
	.m_proList{ margin-top:5px;}
	.eachProList{ width:47.6%; height:auto; float:left; padding-bottom:0;}
	.eachProList:nth-child(2n){ margin-left:4.7%;}
	.m_proImg{width:100%; float:none;}
	.m_proImg img{ width:100%;}
	.m_proSmallText{background:none; height:auto; margin-left:0; padding:8px 0 0 0;}
	.m_proList h2{margin-bottom:0; height: 63px; overflow: hidden;}
	.projectMore{display:none;}
	.m_proInquiry{ clear:both; margin-top:0; padding-top:43px;}
	.m_proIntro img{ margin:0 auto 20px auto; display:block;}
	.m_proParameter{ display:none;}
	.m_oreProcess .scrollButton,.m_technology .scrollButton{display:none;}
	
	.m_oreProcess,#technologybox{width:auto; height:auto; margin-top:0;}
	.m_oreProcess ol,.m_technology ul{width:100%; height:auto; position: static;}
	.m_oreProcess ol li,.m_technology ul li{width:48.6%; height:auto; margin-top:10px;}
	.m_oreProcess ol li+li,.m_technology ul li+li{ margin-left:0;}
	.m_oreProcess ol li:nth-child(2n),.m_technology ul li:nth-child(2n){margin-left:2.3%;}
	.m_oreProcess ol li p,.m_technology ul li p{width:94%; padding-left:6%; bottom:3px;}
	.m_oreProcess ol li img,.m_technology ul li img{width:100%;}
	.m_mineralsLeft h2{line-height: 38px;}
	#m_conLeft table,.mineralIntro{display:none;}
	.mineralTitle{position:inherit; background:none; height:auto;}
	.mineralTitle p{width:100%; padding:10px 0; color:inherit; float:none; line-height:inherit;}
	.mineralTitle span{width: 83px;}
}
@media screen and (max-width:414px){
	.m_mainContent ul{width:300%; margin-top:0;}
	.m_mainContent ul li{width:32%;}
	.m_mainContent .scrollButton{
		position: absolute;
		top:186px;
		z-index: 1;
	}
	#miningProject .scrollButton{
		position:relative;
		top:254px;
		z-index:1;
	}
	#projectShow{ width:96%;}
	#projectShow ul{ width:1000%; height:292px;}
	#projectShow ul li{width:50%; height: 292px;}
	#projectShow ul li+li{margin-left:0;}
	.projectShowLeft{width:20%; height:auto;}
	.projectShowRight{width:80%;}
    .projectShowImg{margin-left:0; width:25%;}
	.epcmIntroRight{
		width:100%;
		height:238px;
		overflow:hidden;
		}
	.epcmIntroRight ul li{width:50%;height:238px;}
	.epcmIntroRight ul li+li{margin-left:0;}
	.epcmIntroRight ul img{
		width:100%;
		height:auto;
		}
	.epcmScrollLeft,.epcmScrollRight{display:block; top:119px;}
	.epcmIntroRight{
		width:100%;
		height:282px;
		overflow:hidden;
		}
	.epcmIntroRight ul{width: 200%; height:282px;}
	.epcmIntroRight ul li{width:50%; height:282px;}
	
	.epcmIntroRight ul img{
		width:100%;
		height:auto;
		}
	.epcmflow{width:382px; height:278px;}
	.epcmflow ul{
		width:300%;
		height:142px;
		}
	.epcmflow ul li{width:175px;}
	.round{
		width:142px;
		height:auto;
	}
	.flowName p{top:50px; width: 142px;}
	.flowNum{left:47px;}
	.curflow .flowName p{height: 142px; line-height: 142px; background:url(" ../images/mining/epcm/curflowCover1.png") -5px -5px;}
	}
@media screen and (max-width:375px){
	.m_mainContent .scrollButton{top: 164px;}
	#miningProject .scrollButton{top:231px;}
}
@media screen and (max-width:320px){
	.m_mainContent .scrollButton{top: 134px;}
	#miningProject .scrollButton{top:200px;}
	.epcmflow{width:319px;}
	.epcmflow ul li{width:160px; margin-right:1px;}
}