@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1200px){
   .headerIn{ width: 100%;}
   .headmain{ padding: 8px 0 0 0;}
   .smartmenu ul li a{ padding: 0 16px;}
   .wap,.flexslider{ width: 100%;}
   .about{ width: 70%;}
   .main-center{ padding: 0 1%;}
   .aboutmain .abpic{ margin-top: 5%;}
   .aboutmain .abpic li{ width: 30%; margin-right: 5%;}
   .mainbottom{ width: 98%; margin: 5% auto 0;}
   .footer{ padding: 1% 0;}
   .promain ul li{ margin-right: 5%;}
   .mainRight{ padding-left: 2%; box-sizing: border-box;}
   .inquirShow ul{ padding-left: 0; margin-right: -2%;}   
}

@media screen and ( max-width:1000px){
    #setBtn{ display: none;}
    .about{ width: 65%;}
    .smartmenu{ display: none;}
    .topNav{ display: block;}
    .aboutmain .abpic{ margin-top: 3%;}
    .aboutmain{ padding-top: 1%; height: auto;}
    .promain ul li{ margin-right: 2%;}
    .leftIn{ width: 26%;}
    .caseList{ width: 71%;}
}

@media screen and (max-width:900px){
   .about,.newindex{ width: 100%; float: none; margin-bottom: 2%;}
   .newtit,.newtit h5{ background: none;}
   .newtit img{ display: none;}
   .newlist{ padding: 2%;}
   .promain ul li{ margin-bottom: 2%;}
   .caseList,.leftIn,.mainRight,.mainLeft{ width: 100%; float: none;}
   .aboutside{ margin-bottom: 2%;}
   .mainRight{ padding-left: 0;}
   .message ul li dl dt{ width: 12%;}
   .newtit{ height: 70px;}
}

@media screen and (max-width:740px){
   .headrg{ display: none;}
   .protit{ width: 355px;}
   #setBtn{ display: block;} 
   .formtitle strong{ width: 20%;}
}

@media screen and (max-width: 639px) {
   .pro_img,.pro_view_inner{ width: 100%; float: none;}
   .pro_img img{ width: 60%;}
   .langshou dl dt,.langshou dl{ width: 20%;}
   .inquirShow ul{ margin-right: 0;}
   .message ul li dl dt{ width: 20%;}
   .message ul li dl dd{ width: 75%;}
}

@media screen and (max-width: 500px) {
  .logo{ float: none;}
  .logo img{ width: 100%; height: auto;}
  .pro_img img{ width: 80%; display: block; margin: 0 auto;}
  .formtitle p{ display: none;}
  .formtitle strong{ width: 100%;}
  .flex-control-nav{ bottom: -25px;}
}

@media screen and (max-width: 414px) {
  .pro_img img{ width: 100%;}
  .inquirShow li.half{ width: 100%; margin:0 auto 2%;}
  .flex-control-nav{ bottom: -20px;} 
}