.page-main { margin-top: .8rem; padding-bottom: 1rem; }
.page-banner { position: relative; width: 100%; height: 5.8rem; overflow: hidden; }
.page-banner .banner-pic { height: 100%; }
.page-banner .banner-content { position: absolute; top: 50%; left: 50%; text-align: center; color: #fff; transform: translate(-50%, -50%); }
.page-banner .banner-content .title { font-size: .52rem; font-weight: normal; }
.page-banner .banner-content .txt { font-size: .36rem; }


.page-main .page-banner .page-navs { position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px rgba(255, 255, 255, .3) solid; }
.page-main .page-banner .page-navs .nav { position: relative; border: 1px rgba(255, 255, 255, .3) solid; border-style: none solid none none; font-size: .18rem; color: #fff; }
.page-main .page-banner .page-navs .nav:first-child { border-left: 1px rgba(255, 255, 255, .3) solid; }
.page-main .page-banner .page-navs .nav > div { position: relative; z-index: 1; width: 2.4rem; height: .8rem; }
.page-main .page-banner .page-navs .nav i { margin-right: .1rem; }
.page-main .page-banner .page-navs .nav::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #00b9bc, #008ebc); transition: all .3s; opacity: 0; }
.page-main .page-banner .page-navs .nav.active::after,
.page-main .page-banner .page-navs .nav:hover::after { opacity: 1; }

@media screen and (max-width: 768px) {
  .page-main .page-banner .page-navs .nav { width: 100%; font-size: .4rem; }
  .page-main .page-banner .page-navs .nav > div { width: 100%; height: 1.2rem; }
}


/* 预约打样 */
.make-proofing { height: 7.4rem; background-repeat: no-repeat; background-size: cover; }
.proofing-container { height: 100%; }
.proofing-container .container { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; }
.proofing-container .container .title { font-size: .36rem; font-weight: 700; color: #fff; }
.proofing-container .container ._form { display: flex; flex-direction: column; justify-content: center; width: 6.42rem; margin-top: .7rem; }
.proofing-container .container ._input { height: .52rem; padding: 0 .18rem; margin-bottom: .18rem; font-size: .16rem; color: #333; }
.proofing-container .container ._textarea { height: 1.52rem; padding: .18rem; margin-bottom: .18rem; font-size: .16rem; color: #333; resize:none; font-family: '微软雅黑'; }
.proofing-container .container .qr-code { position: relative; padding-right: 35%; }
.proofing-container .container .qr-code ._input { width: 100%; margin-bottom: 0; }
.proofing-container .container ._code { position: absolute; top: 50%; right: 0; width: auto; height: 100%; transform: translatey(-50%); }
.proofing-container .container .btn { width: 2rem; height: .6rem; margin-top: .44rem; border: none; font-size: .18rem; color: #fff; background: linear-gradient(to right, #f5ae19, #f07009 ); }

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1024px) {
  
}

@media screen and (max-width: 860px) {
  .contact-main .address-map .map-choose { position: static; width: 100%; }
}

@media screen and (max-width: 768px) {
  .public { width: 80%; }
}

.video-modal-container { position: fixed; z-index: 400; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; background: #000000; opacity: 0; -webkit-transform: scale(0); transform: scale(0); font-size: 20px; padding: 2em 0; z-index: 200; }
.video-modal-container.transition { -webkit-transition: all 0.2s; transition: all 0.2s; }
.video-modal-container.show { width: 100%; height: 100%; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.video-modal-container .video-modal { width: 100%; height: 100%; }
.video-modal-container .btn-close { font-size: inherit; width: 2em; height: 2em; color: #ffffff; position: fixed; z-index: 800; right: 0; top: 0; border-radius: 0 0 0 70%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; background: #242738; padding-left: 0.2em; padding-bottom: 0.2em; cursor: pointer; }
.video-modal-container .btn-close:hover { opacity: 0.8; }