/************************************************************************************
smaller than <= 960
*************************************************************************************/
@media screen and (max-width: 960px){   /*当屏幕尺寸小于等于960时，应用下面的CSS样式*/

    .wraper { width: 95%; }
   
}


/************************************************************************************
smaller than <=768
*************************************************************************************/
@media screen and (max-width: 768px) {
	
	/*  main --------------------------------*/
	img { max-width:100%;}
	
	/*  header --------------------------------*/
     #header { width:97.9166667%; margin:0 auto; z-index:9999;  background:#fff; position: relative; min-height:90px;}
	 
	 /* nav --------------------------------*/
     .nav li a{ font-size:1em; padding:0 10px; }

    /* wraper --------------------------------*/
    .wraper { width:95%; }
	.wraper_main {  width:95%;}
	.main { margin-top: 0; position: relative; z-index: 999;}
	.full_width{ width:98%;}
    .wraper_contact { width: 95%; }
 
    /* Footer---------------------------------------- */
    .copyright { width:90%;}
	
	/* products---------------------------------------- */
	.tabs-wrapper { width:100%;}
	.tabs-wrapper .tab-content { width:100%;  }
	ul.tabs { width:100%;}
	ul.tabs li a { padding:0 15px; }
	
	#et_wap { display:none;}
	#et_wap_768 { display:block; }
}


/************************************************************************************
smaller than <=650
*************************************************************************************/
@media screen and (max-width: 650px) {
	
	/*  header --------------------------------*/
     #header { width:97.9166667%; margin:0 auto; z-index:9999;  background:#fff; position: relative; min-height:90px;}
	
	/* nav --------------------------------*/
	.tinynav { display: block; right:15px; bottom:10px; position:absolute; margin:5px auto; z-index:99999; border:1px #ccc solid; width:150px; height:30px;  }
    #nav { display: none; }
	
	
	/* wraper --------------------------------*/
    .wraper { width:95%; }
	.wraper_main {  width:95%;}
	.main { margin-top: 0; position: relative; z-index: 999;}
	.full_width{ width:98%;}
    .wraper_contact { width: 95%; }

  
    /*  home products --------------------------------*/ 
	#carousel-image-text-horizontal { width: 100%; height: 150px; margin: 0 auto;}
	#carousel-image-text-horizontal .touchcarousel-item { width: 140px; height: 150px; margin-right: 11px; padding-top:10px; position: relative;}
	#carousel-image-text-horizontal img { width: 133px; height: 100px; border:0px #CCC solid; margin-bottom:10px;}
	#carousel-image-text-horizontal .rblock { width: 140px; text-align:center; } 
	#carousel-image-text-horizontal p { font: normal 11px/18px Tahoma, Geneva, sans-serif; color: #333; }
	
	
 
   /* Footer---------------------------------------- */
    .copyright { width:90%;}


   	/* products---------------------------------------- */
	.tabs-wrapper { width:100%;}
	.tabs-wrapper .tab-content { width:100%;  }
	ul.tabs { width:100%;}
	ul.tabs li a { padding:0 10px; font-size:.70em; }
	
	#et_wap { display:none;}
	#et_wap_768 { display:block; }
	
	.form .input-box input[type=text], .form .input-box textarea { width: 85%; }
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 600px) {
	
	 html { -webkit-text-size-adjust: none;}

    /*  header --------------------------------*/
     #header { width:100%; margin:0 auto; z-index:9999;  background:#fff; position: relative; min-height:140px;}
	/* header lang  --------------------------------*/	
	#header .site_lang  { position:absolute; top:60px; right:5px; }
     
	
	/* nav --------------------------------*/
	.tinynav { display: block;  bottom:10px; position:absolute; margin:5px auto; z-index:99999; border:1px #ccc solid; width:90%; }
    #nav { display: none; }
   
    #fwslider { position: relative;  background:#FFF;  width:100%; margin-top:0; }

   /*  home products --------------------------------*/ 
	#carousel-image-text-horizontal { width: 100%; height: 150px; margin: 0 auto;}
	#carousel-image-text-horizontal .touchcarousel-item { width: 85px; height: 150px; margin-right: 15px; padding-top:10px; position: relative;}
	#carousel-image-text-horizontal img, #carousel-image-text-horizontal h4, #carousel-image-text-horizontal p { margin: 0;  padding: 0; }		
	#carousel-image-text-horizontal img { width: 85px; height: 65px; border:1px #CCC solid; margin-bottom:10px;}
	#carousel-image-text-horizontal .rblock { width: 85px; text-align:center; } 
	#carousel-image-text-horizontal h4 { font: bold 11px/18px Helvetica, Arial, sans-serif;  color: #000; }
	#carousel-image-text-horizontal p { font: normal 11px/18px Helvetica, Arial, sans-serif; color: #333; }
	
	
	/* wraper --------------------------------*/
    .wraper { width:95%; padding:15px 0; }
	.wraper_main { width:95%; padding:15px 0;}
	.main { margin-top: 0; position: relative; z-index: 999;}
	.full_width{ width:95%;}
    .wraper_contact { width: 95%; padding:15px 0; }
	
	.last { clear:right; margin-bottom:5%; margin-right:0;}
	
	
	 /*  slider background --------------------------------*/
    .full_about,.full_support,.full_contact,.full_products,.full_gallery{ height:100px; }

    .col-1-1,.col-1-2,.col-1-3,.col-1-4,.col-1-5, .col-1-6,.col-1-7,.col-1-8,.col-1-9,.col-1-10{ height:auto !important; float: none; position:relative;  width:98%; margin-bottom:5%;} 
	
    img { width:100%;}
	
	.faq_list #faq .question { font-size:75%;}

	 /* Footer---------------------------------------- */
    .copyright { width:90%;}
	.copyright .foot_nav{ display:none;}
	.copyright .foot_reat { float:none; text-align:center; }


}