@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1700px){
	.topnav-1{
		margin-left: 5%;
	}

	.navbar-nav > li > a{
		padding:15px 15px;
	}
	
	.ibox5-1{
		height:360px;
	}
}

@media screen and (max-width: 1300px){
	.topnav-1{
		margin-left: 0%;
	}
	
	.navbar-nav > li > a{
		padding:15px 10px;
	}
	
	.newsbox h4{
		font-size: 16px;
	}
}

@media screen and (max-width: 1200px){
	.navph img{
		width:20px;
	}
	
	.navbar-nav > li > a{
		font-size: 14px;
	}
	
	.navbar-brand img{
		width:150px;
		margin-top: 5px;
		margin-left: 10px;
	}
	
	.ibox5-1{
		height:230px;
		padding:5px;
		padding-left: 15px;
	}
	
	.ibox5-t1{
		font-size:16px;
		line-height: 22px;
	}
	
	.ibox5-t2{
		font-size:16px;
		margin-top: 5px;
	}
	
	.ibox5-t3{
		margin-top: 5px;
		font-size: 14px;
		line-height: 26px;
	}
	
	.ibox-l{
		width:100%;
		background-image: none;
		height:auto;
	}
	
	.ibox-l img{
		margin:0 auto;
		display: block;
		width:100%;
	}
	
	
	
	.ibox-r{
		width:100%;
	}
	
	.ibox4{
		padding:0;
		padding-bottom: 20px;
	}
	
	footer{
		height: auto;
	}
	
	.footerbox5{
		width:100%;
		background-image: none;
		text-align: center;
	}
	
	.footerbox5 img{
		margin:0 auto;
		margin-top: 40px;
	}
	
	.footerbox1,.footerbox2{
		width:20%;
	}
	
	.footerbox3{
		width:20%;
	}
	
	.footerbox4{
		width:40%;
	}
}

@media screen and (max-width: 1000px){
	.navbar-nav > li > a{
		padding:15px 5px;
	}
	
	.ibox5-t3{
		margin-top: 5px;
		font-size: 12px;
		line-height: 26px;
	}
	
	.prodecbox2-1{
		text-align: center;
		padding-top: 0;
	}
}

@media screen and (max-width: 770px){
	.prodecbox2-2{
		font-size: 30px;
	}
	
	.ibox5-1{
		width:33.33333%;
		height:250px;
	}
	
	.ibox1-3{
		font-size: 30px;
		margin-top: 10px;
	}
	
	.ibox1-4{
		font-size: 14px;
		line-height: 20px;
	}
	
	.ibox1-4 br{
		display: none;
	}
	
	.ibox1{
		padding:15px;
	}
	
	.ibox1-m{
		margin-top: 10px;
	}
	
	.ibox2{
		height:auto;
	}
	
	.ibox2-1{
		font-size: 30px;
	}
	
	.ibox2-2{
		font-size:16px;
	}
	
	.ibox2-4{
		width:60%;
	}
	
	.ibox3{
		height:auto;
		padding-top: 10px;
	}
	
	.ibox3{
		background-size: auto 100%;
		padding:30px 0;
	}
	
	.ibox5{
		padding-bottom: 20px;
	}
	
	.footerbox1,.footerbox2{
		width:30%;
	}
	
	.footerbox3{
		width:40%;
	}
	
	.footerbox4{
		width:100%;
		margin-top: 40px;
	}
	
	.introbox1-1,.introbox3-3,.introbox4-1{
		font-size: 30px;
	}
	
	.introbox4 h1{
		font-size: 24px;
	}
	
	.introbox3-1,.introbox4-2,.introbox2{
		font-size: 14px;
		line-height: 24px;
	}
	
	.introbox-line{
		margin:15px auto; 
	}
	
	.contactbox-line{
		width:100%;
	}
	
	.contactbox{
		padding:15px;
	}
	
	.contactbox-line img{
		margin-right: 5px;
	}
	
	.i-box03-pro{
		width:50%;
		padding:0 15px;
	}
	
	.navbar-nav{
		margin-top: 0;
	}
	
	.navbar-collapse{
		background-color: rgba(88,154,232,1.00);
		padding:0;
	}
	
	.topnav{
		padding-left: 0px;
	}
	
	.topnav-1{
		margin-left: 0;
	}
	
	.navbar-nav > li > a{
		line-height: 20px;
		color: white;
	}
	
	.navbar-nav > li{
		border-bottom: solid 1px white;
	}
	.navbar-nav{
		margin:0;
	}
	
	.ibox-l-1{
		font-size: 24px;
	}
	
	.ibox-l-5{
		font-size: 24px;
	}

	.ibox-l-4{
		font-size: 14px;
	}
	
	.ibox-r1{
		font-size: 24px;
	}
	
	.navph img{
		display:inline-block;
	}
	
	.ibox3-1,.ibox3-3{
		border:none;
	}
	
	.ibox-r4{
		margin-top: 0;
		margin-bottom: 20px;
	}
	
	.prodecbox4{
		padding-top:20px;
		padding-bottom: 20px;
	}
	
	.prodecbox4-1,.prodecbox3-1,.prodecbox5-1{
		font-size: 28px;
	}
	
	.prodecbox2{
		padding-bottom: 40px;
		padding-top: 40px;
	}
	
	.prodecbox5-50{
		width:100%;
	}
	
	.prodecbox5-3{
		padding-top: 40px;
	}
	
	.prodecbox2-1{
		margin-top: 0;
	}
	
	.btns span{
		width:40px; 
		height:4px; 
		border-radius: 2px;
	}
	
	.btns{
		margin-left: -108px;
	}
	
	.contactbox2{
		width:90%;
	}
	
	.mapbox{
		width:100%;
	}
	
	.map-x{
		height:242px;
	}
	
	.ibox3-2{
		padding-top: 0;
		padding-bottom: 40px;
	}
	
	.imgBox .aLeft,.imgBox .aRight{
		width:22px;
		height:50px;
		margin-top:-25px;
		background-size: 100%;
	}
	
	.aLeft{left:10px;}
	.aRight{right:10px;}
	
	.ibox2{
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 480px){
	.ibox5-1{
		width:50%;
		height:250px;
	}
	
	.ibox1-1{
		width:200px;
	}
	
	.ibox1-3{
		font-size: 18px;
	}
	
	.ibox6{
		padding:15px;
	}
	
	.footerbox1,.footerbox2{
		width:50%;
	}
	
	.footerbox3{
		width:100%;
		margin-top: 20px;
		text-align: left;
		line-height: 36px;
	}
	
	.footerbox3 .txt-16{
		color:white;
	}
	
	.footerbox5{
		text-align: left;
		padding: 0;
		margin-top: 20px;
	}
	
	.footerbox5 img{
		margin:0;
	}
	
	.i-box03-pro{
		height:300px;
	}
	.ibox5-1{
		height:200px;
	}
	
	.ibox5-t1{
		margin-top: 5px;
	}
	
	.ibox5-t3{
		margin-top: 5px;
		font-size: 12px;
		line-height: 20px;
	}
	
	.case-btn{
		width:100%;
	}

	.case-btn a,.case-btn2{
		width:48%;
		margin:0 1%;
	}
	
	.case-btn2 a{
		width:100%;
	}
	
	.prodecbox3{
		padding-top: 20px;
		height: 500px;
	}
	
	.prodecbox3-2{
		font-size: 14px;
	}
	.ibox-l-1{
		font-size: 16px;
	}
	
	.ibox-l-5{
		font-size: 16px;
	}

	.ibox-l-4{
		font-size: 10px;
	}
	
	.ibox-l-3{
		left: 30%;
	}
	
	.newsbox{
		padding:0;
	}
	
	.ibox3-b h4{
		height:40px;
		font-size: 14px;
	}
	
	.ibox3{
		padding-bottom: 0;
	}
	
	.introbox1{
		padding-bottom: 0;
	}
	
	.ibox3-b h4{
		font-size: 12px;
	}
}