/* CSS Document */
   *{ margin:0; padding:0; border:0;}
   body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding:0; margin:0; width:100%; height:100%; overflow:hidden; font-family:"微软雅黑", "黑体"; color:#000; font-size:16px;}
   div,ul,li{ margin:0; padding:0; width:100%;}
   li{ list-style:none;}
   a,a:hove{ text-decoration:none;}
   img,input{ border:0; vertical-align:middle;}
   .clear{ clear:both;}
   .opacity{ opacity:0;}
   .pages{ display:none; overflow-X:hidden;  overflow-Y:auto; max-width:100%; height:100%; position:absolute; top:0; left:0;}
   .copyright{ position:absolute; bottom:1%; font-size:9px; color:#fff; width:100%; text-align:center; z-index:99;}

   .page_con{ background:url(../images/bg_line.jpg) repeat-y; background-size:100% 1%; width:100%; margin:0 auto; padding:0; position:absolute; top:0; left:0;}
   .page_con img{ position:relative;}
 
   .page_text01{ margin:0% auto 1%;}
  
   .page_mobile{ position:relative; margin:3% auto 15%;}
   .page_mobile img{ position:absolute; top:0;}
   .page_mobile_tel{  width: 10%;  left: 15%;}
   .page_mobilenum{  width: 37%;  right: 37%;}
   
   
   .inputs{ position:relative; width:100%; margin-top:3%;}
   .inputs dd{ width:20%; margin-left:14%; float:left;}
   .inputs dt{   width: 48%;  margin-left: 2%;  float: left;  border: 1px solid #000;}
   .inputtext{ border:0; background:none; font-size:16px; border-spacing:0; padding-left:2%; width:98%;}
   .page_prompt{ margin:2% auto 0;}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes shake {
  0%{opacity:0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
   100% {opacity:1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-3px, 0, 0);
    transform: translate3d(-3px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
  0%{opacity:0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }
  
   100% {opacity:1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

}