@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, address, big, em, img, q, small, strike, strong, sub, sup, tt, var, i, dl, dt, dd, ol, ul, li, form, fieldset, label, table, caption, tbody, thead, tfoot, tr, th, td, article, aside, canvas, details, figure, figcaption, header, footer, hgroup, menu, nav, output, section, time, mark, audio, video, input, select, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: '微软雅黑',Arial;
  /*letter-spacing: 0.01em;*/
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/*去除默认样式*/
ul, ol, li {
  list-style: none;
}

/*表格边框合并，边框距零*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*继承父元素的字体系列样式*/
input, select, textarea, button {
  font-family: inherit;
}

/*去除点击高亮效果*/
a, button, input, select, img, label {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  outline: medium none;
}

input::-moz-focus-inner {
  border: none;
  padding: 0;
}

select, input {
  vertical-align: middle;
}

/*去掉苹果的默认UI来渲染按钮*/
input[type="submit"], input[type="reset"], input[type="button"], button, select {
  -webkit-appearance: none;
}

/*placeholder文本颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #ccc;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #ccc;
}

/*html5标签*/
header, footer, section, article, aside, nav, figure {
  display: block;
}

/*长英文字母 数字 换行*/
p {
  word-break: break-all;
  word-wrap: break-word;
}

/*去除默认样式*/
h1, h2, h3, h4, h5, h6, strong, i, em, address, caption, cite, code, dfn, th, var {
  font-weight: normal;
  font-style: normal;
}

fieldset, img {
  border: none;
  display: block;
}

/*去除长按a链接弹框*/
html, body {
  -webkit-touch-callout: none;
  margin: auto;
}

/*浮动*/
.fl {
  float: left;
}

.fr {
  float: right;
}

/*清除浮动*/
.ft {
  zoom: 1;
}

.ft:after {
  content: "";
  display: table;
  clear: both;
  overflow: hidden;
}

/* 字体超出不显示 */
.txton {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
}

/*字体换行超出不显示*/
.txthon {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 文字居中 */
.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.dspb {
  display: block;
}

.dspn {
  display: none;
}

.pstr {
  position: relative;
}

.pten {
  pointer-events: none;
}

.open_but {
  cursor: pointer;
}

/* 图片最宽不超过父级 */
.img-resp {
  display: block;
  max-width: 100%;
  width: 100%;
}

/* 图片鼠标放上透明度 */
/* .img-resp:hover{opacity:.9;} */
/* 图片放大效果 */
.setAmp {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.setAmp:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* 屬性自定義 */
:root {
  /* 字體自定義 */
  --fz12: 0.1714rem;
  --fz13: 0.1857rem;
  --fz14: 0.2rem;
  --fz15: 0.2143rem;
  --fz16: 0.2286rem;
  --fz18: 0.2571rem;
  --fz20: 0.2857rem;
  --fz22: 0.3143rem;
  --fz24: 0.3429rem;
  --fz26: 0.3714rem;
  --fz28: 0.4rem;
  --fz30: 0.4286rem;
  --fz32: 0.4571rem;
  --fz34: 0.4857rem;
  --fz36: 0.5143rem;
  /* 顏色自定義 */
  --Cf2f2f5: #f2f2f5;
  --Cb3b3b3: #b3b3b3;
  --Cfff4f1: #fff4f1;
  --Cecf6ff: #ecf6ff;
  --Cfbc91a: #fbc91a;
  --Cff6440: #ff6440;
  --C333333: #333333;
  --C000000: #000000;
  --Cf7f7f7: #f7f7f7;
  --Cffffff: #ffffff;
  --Ce5e5e5: #e5e5e5;
  --C999999: #999999;
  --C666666: #666666;
  --Ce50013: #e50013;
  --Ceb0808: #eb0808;
  --C5fa8f1: #5fa8f1;
  --Cffa28c: #ffa28c;
  --Cf0f0f0: #f0f0f0;
  --Cf6b500: #f6b500;
  --Cebebeb: #ebebeb;
  --Cb2b2b2: #b2b2b2;
  --Cd8dadb: #d8dadb;
  --Cfff0ed: #fff0ed;
  --Cf5f5f5: #f5f5f5;
  --C808080: #808080;
  --Ceeeeee: #eeeeee;
  --Ccccccc: #cccccc;
  --C4d4d4d: #4d4d4d;
  --C4c4c4c: #4c4c4c;
  --Ce6e6e6: #e6e6e6;
  --C3995f2: #3995f2;
  --Cf9f9fa: #f9f9fa;
  --Cff9880: #ff9880;
  --C9acd32: #9acd32;
  --Cff0010: #ff0010;
  --Ce9e9e9: #e9e9e9;
  --Cdcdcdc: #dcdcdc;
  --C399afd: #399afd;
  --Cff6d2c: #ff6d2c;
  --Cfff7f5: #fff7f5;
  --Cefefef: #efefef;
  --Cf1f1f1: #f1f1f1;
  --Cfff9f7: #fff9f7;
  --Ce8e8e8: #e8e8e8;
  --Cfafafa: #fafafa;
  --Cc1c1c1: #c1c1c1;
  --C414141: #414141;
  --C444444: #444444;
  --C292929: #292929;
  --Cfff4f2: #fff4f2;
  --C1a1a1a: #1a1a1a;
  --C77726d: #77726d;
  --Cfff2ed: #fff2ed;
  --Cf7f7fa: #f7f7fa;
  --Cffaa96: #ffaa96;
  --Cf5f5f7: #f5f5f7;
  --Cebebed: #ebebed;
  --C23bd4f: #23bd4f;
  --Cfcb711: #fcb711;
  --C299efe: #299efe;
  --Cec4d3a: #ec4d3a;
  --Cf2f3f7: #f2f3f7;
  --Cf2f2f2: #f2f2f2;
  --Cdbdbdb: #dbdbdb;
  --Cf7f8fa: #f7f8fa;
  /* 寬度自定義 */
  --width: 1200px;
  --wleft: 936px;
  --nwleft: 862px;
  --dwleft: 920px;
  --mwleft: 926px;
  --vwleft: 855px;
  --zwleft: 883px;
  --awleft: 748px;
  --rwleft: 202px;
  --wright: 246px;
  --nwright: 294px;
  --dwright: 248px;
  --vwright: 327px;
  --zwright: 280px;
  --awright: 412px;
  --rwright: 958px;
}

/* 间距值 */
.In-Updown {
  margin: 0.3429rem auto;
}

.In-about {
  padding: 0 0.4rem;
}

.In-about_left {
  padding: 0.4rem 0;
}

/* 字體颜色自定義 */
.C999999 {
  color: var(--C999999);
}

.C666666 {
  color: var(--C666666);
}

.Cffffff {
  color: var(--Cffffff);
}

.C4c4c4c {
  color: var(--C4c4c4c);
}

.Cb2b2b2 {
  color: var(--Cb2b2b2);
}

.Cffaa96 {
  color: var(--Cffaa96);
}

.Cfff0ed {
  color: var(--Cfff0ed);
}

.Cf5f5f5 {
  color: var(--Cf5f5f5);
}

.Cff6440 {
  color: var(--Cff6440);
}

.C333333 {
  color: var(--C333333);
}

.Ccccccc {
  color: var(--Ccccccc);
}

.C4d4d4d {
  color: var(--C4d4d4d);
}

.Cff9880 {
  color: var(--Cff9880);
}

.Cff6d2c {
  color: var(--Cff6d2c);
}

.C3995f2 {
  color: var(--C3995f2);
}

.Ce5e5e5 {
  color: var(--Ce5e5e5);
}

.C1a1a1a {
  color: var(--C1a1a1a);
}

/* 字體大小自定義 */
.fz12 {
  font-size: var(--fz12);
}

.fz13 {
  font-size: var(--fz13);
}

.fz14 {
  font-size: var(--fz14);
}

.fz15 {
  font-size: var(--fz15);
}

.fz16 {
  font-size: var(--fz16);
}

.fz18 {
  font-size: var(--fz18);
}

.fz20 {
  font-size: var(--fz20);
}

.fz22 {
  font-size: var(--fz22);
}

.fz24 {
  font-size: var(--fz24);
}

.fz26 {
  font-size: var(--fz26);
}

.fz28 {
  font-size: var(--fz28);
}

.fz30 {
  font-size: var(--fz30);
}

.fz32 {
  font-size: var(--fz32);
}

.fz34 {
  font-size: var(--fz34);
}

.fz36 {
  font-size: var(--fz36);
}

/* 背景顏色自定義 */
.bf7f7f7 {
  background: var(--Cf7f7f7);
}

.b333333 {
  background: var(--C333333);
}

.bffffff {
  background: var(--Cffffff);
}

.bF5F5F5 {
  background: var(--CF5F5F5);
}

.bfafafa {
  background: var(--Cfafafa);
}

.bf5f5f7 {
  background: var(--Cf5f5f7);
}

.b23bd4f {
  background: var(--C23bd4f);
}

.bfcb711 {
  background: var(--Cfcb711);
}

.b299efe {
  background: var(--C299efe);
}

.bec4d3a {
  background: var(--Cec4d3a);
}

.bf7f8fa {
  background: var(--Cf7f8fa);
}

/*a链接*/
a {
  text-decoration: none;
  color: var(--C333333);
}

a:hover, a:active {
  color: var(--Cff6440);
  /*transition: all 200ms linear 100ms;*/
}

/* 新框架标题 */
.samples_new {
  width: 100%;
  height: 1.2571rem;
  display: flex;
  align-items: center;
}

.samples_new .nav_h3 {
  display: flex;
  height: 0.5143rem;
  align-items: center;
}

.samples_new .nav_a {
  cursor: pointer;
  width: 0.5143rem;
  height: 0.5143rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.samples_new .nav_a .icon_gd {
  background: url("../images/new-icon-gd.png") no-repeat;
  width: 0.4571rem;
  height: 0.4571rem;
  cursor: pointer;
  display: inline-block;
  background-size: 98%;
}

.samples_new .mla {
  margin-left: auto;
}

/* 到底了 */
.in-bottom {
  padding: 0.3rem 0;
  text-align: center;
}

.in-bottom span {
  position: relative;
}

.in-bottom span::before, .in-bottom span::after {
  position: absolute;
  content: "";
  width: 1.5rem;
  height: 0.1333vw;
  background: var(--Cb2b2b2);
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
}

.in-bottom span::before {
  left: -1.65rem;
}

.in-bottom span .after {
  right: -1.65rem;
}

/* 弹窗 */
.in-Popup {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.in-Popup .Popupc {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.in-Popup .Popupc .Popup_img {
  width: 72.8vw;
  height: 84.6667vw;
}

.in-Popup .Popupc .Popupc_close {
  margin: 0.4rem;
  width: 1.1429rem;
  height: 1.1429rem;
  display: inline-block;
  background: url(../images/Popup_close.png) no-repeat 100%/100%;
}

/* 预约窗口 */
.In-reserve {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}

.In-reserve .reserve_masks {
  width: 100vw;
  height: calc(100% - 99.8667vw);
}

.In-reserve .reserve_main {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 99.8667vw;
  background: var(--Cffffff);
  border-radius: 0.2rem 0.2rem 0 0;
  padding: 0.5rem 0.4rem;
}

.In-reserve .reserve_main .reserve_h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}

.In-reserve .reserve_main .reserve_h2 .error {
  width: 0.3714rem;
  height: 0.3857rem;
}

.In-reserve .reserve_main .reserve_h2 .error img {
  width: 100%;
}

.In-reserve .reserve_main .reserve_box .reserve_info .info_tel {
  width: 100%;
  height: 1.1429rem;
  background: var(--Cf2f2f2);
  border-radius: 0.1rem;
  margin-bottom: 0.4286rem;
  font-size: var(--fz24);
  color: var(--Cb2b2b2);
  padding: 0 0.1714rem;
}

.In-reserve .reserve_main .reserve_box .reserve_info .info_txt {
  width: 100%;
  height: 2.2rem;
  background: var(--Cf2f2f2);
  border-radius: 0.1rem;
  font-size: var(--fz24);
  color: var(--Cb2b2b2);
  outline: none;
  resize: none;
  border: none;
}

.In-reserve .reserve_main .reserve_box .reserve_span {
  padding: 0.5rem 0.6rem;
  text-align: center;
}

.In-reserve .reserve_main .success_box .success_top {
  text-align: center;
}

.In-reserve .reserve_main .success_box .success_top .success_top_i {
  width: 1.3rem;
  height: 1.3rem;
  margin: 0 auto;
}

.In-reserve .reserve_main .success_box .success_top .success_top_s {
  padding: 0.5rem 0.6rem;
  text-align: center;
}

.In-reserve .reserve_main .success_box .success_bot {
  border-top: 1px solid var(--Cebebeb);
  padding: 0.6rem;
}

.In-reserve .reserve_main .success_box .success_bot dl {
  display: flex;
}

.In-reserve .reserve_main .success_box .success_bot dl dt {
  margin-right: 0.6rem;
}

.In-reserve .reserve_main .success_box .success_bot dl dt img {
  width: 1.9429rem;
  height: 1.9429rem;
}

.In-reserve .reserve_main .success_box .success_bot dl dd {
  height: 1.9429rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.In-reserve .reserve_main .reserve_Submit {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  border-radius: 1rem;
  text-align: center;
  background: var(--C3995f2);
  font-size: var(--fz28);
  color: var(--Cffffff);
}

.In-reserve .reserve_main[data-reserve="reserve"] .success_box {
  display: none;
}

.In-reserve .reserve_main[data-reserve="success"] .reserve_box {
  display: none;
}

/* 分享窗口 */
.In-share {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}

.In-share .share_masks {
  width: 100vw;
  height: calc(100% - 40vh);
}

.In-share .share_main {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 40vh;
  background: var(--Cf5f5f7);
  border-radius: 0.2rem 0.2rem 0 0;
}

.In-share .share_main .share_box {
  width: 100vw;
  height: calc(100% - 13.8667vw);
}

.In-share .share_main .share_box .share_but ul {
  display: flex;
  padding: 0.5143rem 0;
}

.In-share .share_main .share_box .share_but ul li {
  width: 20%;
  text-align: center;
}

.In-share .share_main .share_box .share_but ul li .share_buta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.In-share .share_main .share_box .share_but ul li .share_buta .butai {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.5333vw;
  height: 12.5333vw;
  border-radius: 100%;
  margin-bottom: 2.4vw;
}

.In-share .share_main .share_box .share_but ul li .share_buta .butai img {
  width: 0.6143rem;
}

.In-share .share_main .share_box .share_but ul li .share_buta .butas {
  font-size: var(--fz26);
  color: var(--C666666);
}

.In-share .share_main .share_box .share_but:last-child {
  border-top: 1px solid var(--Cebebeb);
}

.In-share .share_main .share_cancel {
  width: 100vw;
  height: 13.8667vw;
  line-height: 13.8667vw;
  background: var(--Cebebed);
  text-align: center;
}

.In-share .share_main .share_cancel .cancel_a {
  display: block;
}

/* hot样式 */
.hot {
  color: var(--Cffffff);
  font-size: var(--fz18);
  padding: 0.0071rem 0.0786rem;
  border-radius: 6px 0 6px 0;
}

.hot[data-but="hou"] {
  background: var(--Cff0010);
}

.hot[data-but="new"] {
  background: var(--C9acd32);
}

.hot[data-but="tui"] {
  background: var(--C3995f2);
}

/* 翻页 */
.In-page {
  display: flex;
  align-items: center;
  justify-content: center;
}

.In-page > a.btn {
  font-size: var(--fz28);
  color: var(--C666666);
  margin: 0 0.1429rem;
  display: inline-block;
  height: 0.7714rem;
  line-height: 0.7714rem;
  padding: 0 0.2857rem;
  background: var(--Cffffff);
  border-radius: 0.0429rem;
}

.In-page > a.btn:hover, .In-page > a.btn.active {
  background: var(--Cff6440);
  color: var(--Cffffff);
}

.In-page > a[class^="a_"] {
  width: 0.7714rem;
  height: 0.7714rem;
  background: var(--Cffffff);
  display: none;
  border-radius: 0.0429rem;
  margin: 0 0.1429rem;
}

.In-page > a[class^="a_"].on {
  display: flex;
  align-items: center;
  justify-content: center;
}

.In-page > a[class^="a_"] .a_jiantou {
  width: 7px;
  height: 13px;
  display: inline-block;
}

.In-page > a[class^="a_"].a_left .a_jiantou {
  background: url("../images/page_z.png") no-repeat 100%/100%;
}

.In-page > a[class^="a_"].a_right .a_jiantou {
  background: url("../images/page_y.png") no-repeat 100%/100%;
}

.In-page > a[class^="a_"]:hover {
  background: var(--Cff6440);
}

.In-page > a[class^="a_"]:hover.a_left .a_jiantou {
  background: url("../images/page_z2.png") no-repeat 100%/100%;
}

.In-page > a[class^="a_"]:hover.a_right .a_jiantou {
  background: url("../images/page_y2.png") no-repeat 100%/100%;
}

.In-page > a.btn-ash {
  background: var(--Cf5f5f5);
}

/* 上下篇 */
.In-PrevNext .prev, .In-PrevNext .next {
  line-height: 36px;
  box-sizing: border-box;
}

.In-PrevNext .prev.prev, .In-PrevNext .next.prev {
  border-bottom: 1px solid var(--Cebebeb);
}

/* 声明 */
.In-statement {
  margin: 0.4rem;
}

.In-statement p {
  line-height: 0.4rem;
}

.In-statement.mr-statement {
  margin: 0 0.4rem;
  padding-bottom: 0.4rem;
}

/* 旋转效果 */
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

/* 置顶 */
.In-Sidenav {
  position: fixed;
  right: 0.4rem;
  bottom: 3.5rem;
  display: none;
  z-index: 9;
}

.In-Sidenav .Sidenav_box .icon_tel {
  background: url(../images/icon_tel.png) no-repeat center 100%/100%;
  display: block;
  width: 1.4286rem;
  height: 1.4286rem;
  border-radius: 50%;
  cursor: pointer;
  margin-bottom: 0.1rem;
}

.In-Sidenav .Sidenav_box .icon_weixin {
  background: url(../images/icon_weixin.png) no-repeat center 100%/100%;
  display: block;
  width: 1.4286rem;
  height: 1.4286rem;
  border-radius: 50%;
  cursor: pointer;
  margin-bottom: 0.1rem;
}

.In-Sidenav .Sidenav_box .icon_upt {
  background: url(../images/icon_zhiding.png) no-repeat center 100%/100%;
  display: block;
  width: 1.4286rem;
  height: 1.4286rem;
  border-radius: 50%;
  cursor: pointer;
}

.Sidenav_on {
  display: block;
}

.weixin_tips {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999988;
  display: none;
}

.weixin_tips.up {
  display: flex;
}

.weixin_tips .tips_shelter {
  position: fixed;
  top: 25%;
  left: 50%;
  transform: translate(-50%);
  width: 80vw;
  height: 80vw;
  background: var(--Cffffff);
  z-index: 999999;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.0857rem 0 var(--Cebebeb);
  padding: 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.weixin_tips .tips_shelter .icon_wxgb {
  width: 0.3714rem;
  height: 0.3857rem;
  background: url(../images/icon_error2.png) no-repeat 100%/100%;
  display: inline-block;
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
}

.weixin_tips .tips_shelter .tips_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.weixin_tips .tips_shelter .tips_box .icon_wxcg {
  width: 1.1429rem;
  height: 1.1429rem;
  background: url(../images/icon_success.png) no-repeat 100%/100%;
  margin-bottom: 0.2rem;
}

.weixin_tips .tips_shelter .tips_box .box_1 {
  font-size: 0.4286rem;
  color: var(--C666666);
  margin: 0.2rem 0;
}

.weixin_tips .tips_shelter .tips_box .box_3 {
  width: 4.1143rem;
  height: 0.9714rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.4571rem;
  color: var(--Cffffff);
  background: var(--Cff6440);
  border-radius: .2em;
  margin-top: 0.3rem;
}