@media screen and (max-width:1700px){
}
@media screen and (max-width:1450px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1200px){
   .header{ width:100%;}
/*header end*/
   .banner{ height:auto; width:100%;}
   .banner #full-screen-slider{ height:auto;}
   .banner #slides{ height:400px;}
   .banner #slides li{ background-size:auto 100% !important;}
/*Banner end*/
   .YdIndexMain{ width:100%;}   
/*YdIndex end*/
   .footerCe{ width:100%;}
   .footerBottomCe{ width:100%;}
/*footer end*/ 
   .Webbanner{ width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden;}
   .Webbanner img{ width:100%;} 
/*Webbanner end*/
   .WebMain{ width:100%;}
   .WebMainDlCe{ width:100%;}
/*WebMain end*/
   .WebMainProCe{ width:100%;}
/*WebMainProCe end*/











   
   
   
   
   
   
   
   
   
}
@media screen and (max-width:1100px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:960px){
   .header-box{ height:auto;}
   .header{ height:auto;}
   .menuBtn{ display:block;}
   .header-right{ display:none;}
   .logo .logopc{ display:none;}
   .logo .logoiph{ display:block;}
   .logo{ width:255px;}
   .logoR{ display:none;}
   .ydTel{ display:none;}
   .menuBtn{ width:38px; height:24px; margin-top:22px; margin-right:5px;}
   .menuBtn .burger-2{ top:10px;}
/*header end*/
   .footer{ display:none;}
   .footer1{ display:block; padding-bottom:110px;}
/*footer end*/
   .YdIndexMain{ width:100%;}   
   .YdIndexMainLeft{ width:100%;}
   .YdIndexMainLeft .YdIndexMainLeftAbout{ width:90%; margin-left:5%;}
   .YdIndexMainLeft .YdIndexMainLeftImg{ width:40%; margin-left:5%;}
   .YdIndexMainLeft .YdIndexMainLeftHR img{ padding-bottom:0px;}
   .YdIndexMainLeft .YdIndexMainLeftHR li{ padding-bottom:10px;}
   .YdIndexMainRight{ margin-top:20px; width:90%; margin-left:5%;}
   .mr_frUl ul li{ width:50%;}
   .mr_frBtnL{ margin-top:65px;}
   .mr_frBtnR{ margin-top:65px;}  
/*YdIndex end*/
   .Webbanner img{ width:200%; margin-left:-50%; margin-right:-50%;} 
/*Webbanner end*/
   .WebMenuLeft{ display:none;}
   .WebMenu{ display:block;}
   .WebMenuAbout{ width:94%; margin-left:3%; margin-right:3%;}
   .buttonBox button{ line-height:30px; font-size:13px;}
   .WebMainCe{ width:94%; margin-left:3%; margin-right:3%; min-height:inherit;}
   .WebAbout{ width:96%; padding-left:2%; padding-right:2%;}
   .Web-box{ width:45%;}
   .WebNewsinfo p img{ width:60%;}
   .WebNewsinfo h2{ font-size:18px; line-height:30px;}
/*WebMain end*/
   .WebProductsMain ul li{ width:30.3333333%; margin-left:1.5%; margin-right:1.5%;}
/*WebMainProCe end*/


   #plugin-contact-ring2{ display:block !important;}
}
@media screen and (max-width:861px){ 
} 
@media screen and (max-width:751px){
}
@media screen and (max-width:641px){
   .menuBtn{ display:block;}
   .header-right{ display:none;}
   .logo{ width:255px;}
   .menuBtn{ width:38px; height:24px; margin-top:22px; margin-right:5px;}
   .menuBtn .burger-2{ top:10px;}
   /*header end*/
   .YdIndexMainLeft .YdIndexMainLeftAbout img{ width:90%; padding-left:5%;}
   .YdIndexMainLeft .YdIndexMainLeftAbout h3{ width:90%; padding-left:5%; padding-right:0px;}
   .YdIndexMainLeft .YdIndexMainLeftAbout p{ width:90%; padding-left:5%; padding-right:0px;} 
   .YdIndexMainLeft .YdIndexMainLeftHR h3{ font-size:15px; padding-bottom:5px;}
   .YdIndexMainLeft .YdIndexMainLeftHR li{ padding-bottom:0px;} 
   .YdIndexMainLeft .YdIndexMainLeftHR li a{ line-height:25px; font-size:12px;}
   .mr_frBtnL{ margin-top:30px;}
   .mr_frBtnR{ margin-top:30px;} 
/*YdIndex end*/
   .WebNewsMain ul li{ width:44%; margin-left:3%; margin-right:3%;}
   .WebNewsinfo p img{ width:90%; margin-left:5%;}
/*WebMain end*/
   .WebProductsMain ul li{ width:47%; margin-left:1.5%; margin-right:1.5%;}
/*WebMainProCe end*/
   .WebMainCeLeft{ width:94%;}
   .WebMainCeRight{ width:94%; padding-left:3%;}
   
}
@media screen and (max-width:520px){
    .Webbanner img{ width:300%; margin-left:-100%; margin-right:-100%;} 
/*Webbanner end*/
}
@media screen and (max-width:481px){
   .YdIndexMainLeft .YdIndexMainLeftImg{ width:90%;}
   .YdIndexMainLeft .YdIndexMainLeftHR{ width:90%;}
/*YdIndex end*/
	
	
}
@media screen and (max-width: 380px){
}
@media screen and (max-width: 340px){
}
	