﻿

@media only screen and (max-width : 1650px) {
	/* .searchtext{width: 180px;margin-left: 30px;} */
	
	.search{margin-left: 80px;}
	.about4pic img{margin-top: 30px;}
	#cssmenu{display:none;}
}

@media only screen and (max-width : 1520px) {
	.header .inmenu{margin-left: 20px;}
	.search{margin-left: 30px;}
	}

@media only screen and (max-width : 1380px) {
	.header .inmenu{margin-left: 30px;}
	.header .lan{padding-left: 0;margin-left: 20px;float: left;}
	.search{width:200px;margin-left: 50px;}
	.searchtext{width: 150px;margin-left: 0px;}
	.search button{left:140px;}
}


@media only screen and (max-width : 1200px) {
	.content{ max-width: 1024px; }
	.search button,.search,.searchtext{display: none;}
	.header .lan{display: none;}
	.search{width:150px;margin-left: 30px;}
	.searchtext{width: 120px;margin-left: 20px;}
	.search button{left:100px;}
	
	.about4pic h1{font-size:32px;margin-right:10px;}
	.about4pic h3{font-size: 16px;v
	
	.two_pics img {
	    margin-bottom: 20px;
	}
	.footer .footer_content {padding-left: 30px;}
	.footer .footer_content ul.fl {
	    margin-right: 2%;
	}
	.footer .ewm {
	    margin-left: 30px;}
	.footer .footer_content ul.fr {
	    
	    margin-right: 21%;
	}
	
	
}
	
@media only screen and (max-width : 1024px) {
	.content{ max-width: 900px; }
	.header .searchtext,.header .lan,.search button{ display: none;}
	
	.header .logo{padding: 0px;margin: 10px;width: 140px;z-index:99;}
	
	/* .mbutton{ display: block;margin-top: 25px;}
	.header .inmenu{ float: none; width: 100%; clear: both; margin: 0; padding-bottom: 10px; display: none;}
	.header .inmenu ul > li{ width: 100%; padding: 0; text-align: center;  background: url(../images/arrow_menu.png) 70% center no-repeat;}
	.header .inmenu ul li > a{ font-size: 14px; padding: 15px;}
	.header .inmenu ul li > a.on{ background: #338dcd; color: #fff; }
	.header .inmenu ul li > a:hover{ background: #338dcd; color: #fff; }
	.dropdown-menu{position: static;} */
	.banner{ margin-top: 0px; }
	.banner .hd{ bottom: 5px; }
	
	
	
	.prod_4pic .item a span { }
	
	.indconcept .conceptlist .item{
		margin-right: 30px;
		padding: 15px;
	}
	.indconcept .stitle {
	    font-size: 14px;    line-height: 20px;
	}
	
	
	.about4pic img{margin-top: 100px;}
	
	.footer .footer_content {
	        width: 90% !important;
	        padding: 50px 5% 20px 5% !important;    
	        font-size: 1.4em;
	    }
	    .footer .footer_content ul.fl li a{
	        font-size: 14px;
	    }
		.footer .ewm{
			margin-left: 0;
		}
	.footer .footer_content ul.fr{
			margin-right: 0;

	}
	.contact-box{
		margin-right: 4%;
	}
}
@media only screen and (max-width : 960px) {
	.header .inmenu ul li .dropdown-menu {left: 52%;}
	.prod_4pic .item{width: 50%;margin: 0 auto; }
	.prod_4pic .item a span{padding-left: 20%;}
	
	/* ----aboutus----- */
	.about4pic img{margin-top: 60px;}
	}
	
@media only screen and (max-width : 910px) {
  .prod_4pic .item{width: 50%;margin: 0 auto; }
}

@media only screen and (max-width : 850px) {
	.prod_adv {
	    margin-top: 30px;
	    padding-bottom: 40px;
	}
	.bigtitle {
	    font-size: 32px;
	}
	.smalltitle {
	    font-size: 16px;
	    text-align: center;
	    margin-bottom: 30px
		}
	.indconcept .conceptlist {
	    display: grid;
	}
	.indnews {
	    padding: 50px;
	}
	.indnews .newslist {
	    display: grid;
	}
	.indnews .newslist .item {
	    margin-right: ;
	    width: 92%;
		}
	
	.indconcept .conceptlist .item {
	    margin-bottom: 30px;
	    width: 90%;
		text-align: center;
		}
	}	
	
@media only screen and (max-width : 768px) {
	#cssmenu{display:block;}
	.inmenu{display:none;}
	/* .header .logo{margin:5px 0 10px 5px} */
	.ewm640{display: inline;margin: 0 0 15px 15px;}
	.footer .info .footerbr{height: 0;}
	.footer .footer_content ul.fr {
	    margin-right: 25%;
	}
	.contact-box{
		width: 85%;
	}
}
@media only screen and (max-width : 640px) {
	#cssmenu{display:block;}.inmenu{display:none;}
	.banner{/* margin-top: 60px; */}
	
	.button_nav{display:inline-block;
	width: 100%;}
	
	.prod_4pic .item{width: 45%;margin: 0 0 20px 0; }
	.prod_4pic .item a span{padding-left: 0;width: 100%;}
	
	.two_pics .dev1img{display: none;}
	
	.w-simImg .image-w {margin-bottom: 20px;}
	.about4pic,.lnav{display:none;}
	.rcontent{width: 100%;}
	.positioncon {
	    float: left;
	    font-size: 16px;
	   padding-left: 0;
	    width: 100%;
	    margin-top: 20px;
		margin-bottom: 0;
		}
	 
	 .rcon_detail{padding: 0 10px 20px 10px;}
	 
	 .rnewslist .itemright{display:none;}
	 
	 .rnewslist .itemleft {
	     flex: 0 0 35%;
	 }
	 .rnewslist .item .itemcenter {
	     flex: 0 0 58%;
	     padding-right: 0;
	 }
	 .rnewslist .item .itemcenter .ncontent{display: none;}
	 .rnewslist .item .itemcenter .ntitle{font-size:14px;}
	 
	 .footer .info .footerbr {
	     height: 0;
	 }
	 
	 .swipe {height:160;}
	 .swipe .nav {top:50px; width:40px !important;}
	 .header .dropdown_menu {max-width: 0;}
	 .header .dropdown_menu ul li > a{padding: 0;}
	
	 
	 .ewm640{display: inline;margin: 0 0 15px 28%;}
	 
	 .footer .footer_content ul.fr{
		margin-right: 10%; 
	 
	 }
	 .footer_bottom .fb_con {
	     width: 300px;
	     text-align: center;
	     padding: 8px;
	}
	
	.contact-form{
		padding: 5px;
	}
	.contact-box{
		width: 85%;
	}
	

}