/** CSS Reset **/
*{-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#3c2008;font-size:18px;line-height:160%;font-family: "Microsoft YaHei";width: 100%;height:100%;background: url(../images2020/bg_1.jpg) no-repeat fixed center;overflow-x: hidden;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;position: relative;}
.m1060{width:1060px;margin:0 auto;position: relative;}
/*p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);}*/

/* banner */
.header {width: 100%;position: relative;height: 440px;}
.header .logo img{display: block;}
.header .header_t{ margin: 0px auto;display: block;}

.page {padding: 50px 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;position: relative;}
.title{margin-bottom:30px;text-align: center;}
.title img {margin: 0 auto;display: block;max-width: 100%;}

/*page1*/
.page1 li{width: 21%;margin:30px 2% 0;background: url(../images2020/envelope.png) no-repeat center bottom;float: left;height: 140px;position: relative;}
.page1 li a{-webkit-transition:all 0.2s ease-in 0s;transition:all 0.2s ease-in 0s;background: -webkit-linear-gradient(to bottom, #fde2b8, #fff8ed);background: -moz-linear-gradient(to bottom, #fde2b8, #fff8ed);background:-o-linear-gradient(to bottom, #fde2b8, #fff8ed);background:-ms-linear-gradient(to bottom, #fde2b8, #fff8ed);background:linear-gradient(to bottom, #fde2b8, #fff8ed); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#fde2b8", endColorstr="#fff8ed", gradientType="0");position: absolute;top:0;left:11%;display: block;width:77%;text-align: center;height: 45px;padding-top:26px;border-radius: 10px 10px 0 0 ;}
.page1 li.twoRow a{height: 60px;padding-top:12px;}
.page1 li span{font-size: 22px;font-weight:bold;color:#8b4e0c;display:block;}
.page1 li a:hover{top:-20px;height: 55px;padding-top:36px;}
.page1 li.twoRow a:hover{top:-20px;height: 70px;padding-top:22px;}

/*在线预约*/
.zxyy .form-wrap{width: 100%;}
.zxyy .form-wrap form label{border:none;width: 440px;margin-bottom: 30px;}
.zxyy .form-wrap .btn-wrap{background: #e6bd81;color: #09295b;margin-top:0;width: 480px;}
.zxyy .tiaokuan{margin: -24px auto 0;width: 480px;}

#reg form label{margin:0;}

@media screen and (max-width:1000px) {
  body{font-size: 22px;line-height: 160%;-webkit-text-size-adjust: none;-webkit-background-size: auto 100%;background-size: auto 100%;overflow-x: hidden;}
  .m1000{width:98%;margin:0 auto;}
  .m1060{width:100%;}
  .pc{display:none;}
  .mobile{display:block;}

  .page{padding: 2rem 2%;-webikt-background-size: cover;background-size: cover;}
  /*banner*/
  .header {height: 28rem;overflow: hidden;}
  .header .m1000{width:100%;text-align: center;}

  .page1 li {width: 29%;}
  .page1 li.ml18{margin-left: 18%;}


  .zxyy .reg_mobile{width: 85%;}
  .zxyy .form-wrap form label{width:90%;margin-bottom: 20px;}
  .zxyy .tiaokuan{margin: 10px auto 0;width: 100%;}
  .zxyy .form-wrap .btn-wrap{ margin-top: 20px;width: 97%;}
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}