/* CSS Document */
* {margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 12px; }
body { font: 1rem 'Arail', 'Microsoft Yahei'; color: #302724; -webkit-text-size-adjust: none; min-width: 320px; }
body { position: relative;background: #efefef; }
@media screen and (min-width: 360px) and (max-width: 374px) { html {font-size: 16px; } }
@media screen and (min-width: 375px) and (max-width: 479px) {html {font-size: 18px; } }
@media screen and (min-width: 480px) and (max-width: 539px) {html {font-size: 20px; } }
@media screen and (min-width: 540px) and (max-width: 639px) {html {font-size: 24px; } }
@media screen and (min-width: 640px) {html { font-size: 28px; } }
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal; }
ul,ol { list-style: none; }
a {text-decoration: none; color: #333;}
a:hover,a:active,a:focus { color: #fff; text-decoration: none; }
input,select,textarea { outline: none; }
img {vertical-align: top; border: 0;-ms-interpolation-mode: bicubic; width: 100%; }
input,select { -webkit-appearance: none; border-radius: 0; }
.break { word-break: break-all; word-wrap: break-word; }
header,footer,article,section,nav,menu,hgroup {display: block;clear: all; }
.fix {zoom: 1; }
.fix:before,
.fix:after { content: ''; display: table; }
.fix:after { clear: both; }
.fp-tableCell { width: 100%; }

/*loader*/
.loaded { position: fixed; width: 100%;height: 100%; background: #c6c6c6; z-index: 999; }
.loaded .loader { width: 38%; position: absolute; left: 31%; top: 36%; }
.loaded img { width: 100%; }

.btn-box { width: 100%; font-size: 0; position: absolute; bottom:0; left:0;}
.btn-box a { display:inline-block; width: 50%; height: 3rem; text-indent: -9999px}

.page-box {max-width: 640px; margin: 0 auto; background: #242424 }
.page1 { position: relative; text-align: right; }
.page1 .tel { position: absolute; top: 14px; right: 14px; color: #fff; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-duration: 3s; -webkit-animation-duration: 3s; font-size: 0.85rem; }
.page-box .con { text-indent:-9999px; height: 0; line-height: 0; overflow: hidden;}

.page2, .page3, .page4, .page5, .page6, .page7 {position: relative;}
.page2, .page7 { padding: 0 3% 2%;}
.page2 .form-con, .page7 .form-con { width: 100%; background: #a38b57; padding: 7% 3% 5%; border-radius: 0.7rem;}
.page2 .form-con p, .page-box .page7 .form-con p { width:96%; margin: 0 auto; margin-top: 1rem; overflow: hidden; zoom: 1}
.page2 .form-con p label,
.page7 .form-con p label { width: 32%;  float: left; height: 1.8rem; line-height: 1.8rem; font-size: 0.75rem; color: #fff;  text-align: center;}
.page2 .form-con p input,
.page7 .form-con p input { width: 64%; float: left; height: 1.8rem; line-height: 1.8rem; font-size: 0.75rem; color: #666; background:#fff; border: 0; padding-left:0.8rem;box-sizing: border-box; border-radius: 0.3rem; box-shadow:1px 1px 2px #34322d inset;}

.page2 .form-con p select,
.page7 .form-con p select { width: 64%; float: left; height: 2.2rem; line-height: 2.2rem; font-size: 0.9rem; color: #666; background:#fff url(../images/select_arrow.png) no-repeat 94% center;background-size: 0.9rem 0.5rem;  border: 2px solid #fdee67; text-align: center; box-sizing: border-box;padding-left:0.9rem;}

.form-con .sel_bg{ background:#fff url(../images/select_arrow.png) no-repeat right center;background-size: 1.6rem 0.9rem;}
.form-con select option{font-size:18px;}

.InterViewButton { display: block; margin:0 auto; margin-top: 1.2rem; width: 58%; border:0; height: 2.2rem; font-size:0.85rem; color: #fff; background:url("../images/form_btn.png") no-repeat; background-size: 100% auto; text-indent: -9999px;}

.zy-box { width: 100%; position: absolute; top:15%; left:0}
.zy-con {width:100%; overflow: hidden; position:relative; padding-bottom: 70px}
.zy-con ul li { width:100%;}
.zy-con ul li img { width:100%; display:block;}
.zy-con .swiper-pagination { bottom:9%; }
.zy-con.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; background: #c6c6c6; opacity: 1; margin:0 8px; }
.zy-con.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #843333;}

.fw-box { width: 100%; position: absolute; top:16%; left:0}
.fw-box a { width: 100%; height: 5.2rem; display: block; margin-bottom: 0.4rem; text-indent: -9999px;}

.page8 {padding:4% 0 7%;}
.copyright { width: 84%; height: auto; margin: 0 auto; border-top:1px solid #999; padding: 5% 0 10%; font-size: 0.65rem; line-height: 1.6; color: #e5e5e5; text-align: center}

@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }