blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul { margin: 0; padding: 0; }
address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: 400; }
abbr, body, fieldset, html, iframe, img { border: 0; }
img { vertical-align: middle; }
address, cite, dfn, em, i, var { font-style: normal; }
[hidefocus], summary {
outline: 0;
}
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sub, sup { font-size: 83%; }
code, kbd, pre, samp { font-family: inherit; }
q:after, q:before { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; border: 0; outline: none; }
b, em, h1, h2, h3, h4, h5, h6, strong { font-weight: 700; }
a, a:hover, del, ins, s, u { text-decoration: none; }
body, button, input, keygen, legend, select, textarea { font: 1em/1.125em arial, "\5FAE\8F6F\96C5\9ED1", helvetica; color: #000; outline: 0; -webkit-text-size-adjust: none; }
img { width: 100%; display: block; }
body, html { width: 100%; max-width: 640px; line-height: 1.4; margin: 0 auto; background-color: #fff; -webkit-tap-highlight-color: none; -webkit-overflow-scrolling: touch; }
blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul { -webkit-box-sizing: border-box; box-sizing: border-box; }
body, html { -webkit-font-smoothing: antialiased; }
.clearfix:after { clear: both; display: table; height: 0; content: ""; }
.hide { display: none; }
img[width] { pointer-events: none; font-size: 0; margin: 0; display: block; width: 100%; }
.x-column { width: 90%; margin: 0 auto 1.25rem; }
.flex, .x-con-pages-t { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.x-con-pages-t { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.25rem 0 0.3753rem; }
.x-con-pages-t>div { text-align: center; }
.x-con-pages-t img { width: 18%; height: auto; }
.x-con-pages-t img:last-child { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.x-con-pages-t h4 { font-size: 0.7506rem; }
.x-con-pages-t span { font-family: DINEngschrift-Alternate; text-transform: uppercase; font-size: 0.6rem; }
.x-banner { position: relative; }
.x-banner img { width: 100%; height: auto; }
.x-banner .x-column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; bottom: 0; padding: 1.00035rem 5%; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin: 0; -webkit-box-shadow: 0 -0.04995rem 0.0756rem -0.025rem hsla(0,0%,88.2%,.4); box-shadow: 0 -0.04995rem 0.0756rem -0.025rem hsla(0,0%,88.2%,.4); }
.x-banner .x-column span { font-size: 1.00035rem; color: #e1af52; }
.x-banner .x-column p { color: #fff; font-size: 0.3996rem; }
.x-co1 { position: relative; background-color: #fcf8f5; border: 0.025rem solid transparent; }
.x-co1 .x-column { margin-top: 0.7506rem; padding: 0.9801rem 0.4725rem; border: 0.025rem solid #e1af52; }
.x-co1 .c1_t1, .x-co1 .x-column { margin-bottom: 0.7506rem; }
.x-co1 .c1_t1 span { font-family: DINEngschrift-Alternate; text-transform: uppercase; font-size: 0.44955rem; line-height: 0.44955rem; }
.x-co1 .c1_t1 h2 { font-size: 0.7506rem; }
.x-co1 .c1_t2 { font-size: 0.3996rem; color: #685850; line-height: 0.70065rem; text-align: justify; }
.x-co1 .c1_t2 .c1_t2_t { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.x-co1 .c1_t2 .c1_t2_t .p1 { width: 79%; }
.x-co1 .p2 { margin-top: 0.7506rem; }
.x-co2 { position: relative; color: #e1af52; }
.x-co2 .c2_t1 { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; top: 0.4995rem; left: 5%; font-size: 0.44955rem; }
.x-co2 .c2_t1, .x-co2 .c2_t1_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.x-co2 .c2_t1_1 { width: 50%; }
.x-co2 .c2_t1_1 span { font-size: 0.12555rem; }
.x-co2 .c2_t1_1 div { width: 80%; margin-left: 0.3753rem; }
.x-co2 .c2_t1_1 div h5 { font-weight: 400; }
.x-co2 .c2_t1_2 { width: 0.4995rem; border-top: 0.12555rem solid #e1af52; }
.x-co2 .p3 { position: absolute; bottom: 0.4995rem; left: 5%; font-weight: 400; font-family: DINEngschrift-Alternate; text-transform: uppercase; font-size: 0.44955rem; }
.x-co3 .p4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e1af52; padding-left: 0.3753rem; }
.x-co3 .p4 p { color: #935f29; font-size: 0.29969999999999997rem; margin-top: 0.24975rem; }
.x-co3 .p4 h3 { display: inline-block; font-size: 2.2005rem; font-family: CommercialScriptBT-Regular; font-weight: 400; line-height: 0.6250500000000001rem; }
.x-co3 .p4 .p4_1 { width: 20.1%; text-align: center; padding: 0.7506rem 0 1.00035rem; }
.x-co3 .p4 div.iconfont { font-size: 2.43rem; color: #e9c687; }
.x-co4 { background-color: #fcf8f5; padding-bottom: 0.3753rem; }
.x-co4 .x-column .c4_t1 { background-color: #fff; font-size: 0.3996rem; padding: 0.7506rem; }
.x-co4 .x-column .c4_t1>div { margin-bottom: 0.7506rem; }
.x-co4 .x-column .c4_t1>div:last-child { margin-bottom: 0; }
.x-co4 .x-column .c4_t1 span.iconfont { display: inline-block; font-size: 0.70065rem; color: #000; margin-right: 0.24975rem; }
.x-co4 .x-column .c4_t1 h4 { font-size: 0.5993999999999999rem; color: #e1af52; margin-bottom: 0.3753rem; }
.x-co4 .c4_swiper { position: relative; }
.swiper-button-next, .swiper-button-prev { background-image: none; width: 1.9993500000000002rem !important; top: auto; bottom: 0; height: 0.7506rem !important; line-height: 0.8748000000000001rem; font-size: 0.7506rem; text-align: center; opacity: 1; }
.swiper-button-prev { background-color: #000; color: #e1af52; left: 32.2%; padding-right: 0.24975rem; background-image: none!important; }
.swiper-button-next { background-color: #fff; right: 32.2%; padding-left: 0.24975rem; }
.x-swt { background-color: #e1af52; font-size: 0.44955rem; font-family: DINEngschrift-Alternate; text-transform: uppercase; width: 2.5002000000000004rem; /* height: 1.00035rem;line-height: 1.00035rem;*/ padding: 0.135rem 0; text-align: center; }
.x-co5 { background-image: url(../assets/images/2.effb2d8f94.jpg); background-repeat: no-repeat; background-size: 100%; color: #fff; background-color: #f9f5f2; }
.x-co5 .x-swt { display: block; width: 2.9997rem; margin: 0.7506rem 0 0.7101rem 0; color: #fff; }
.x-co5 .x-column { margin-bottom: 0; border: 0.025rem solid transparent; }
.x-co5 .c5_t1 { padding-top: 0.4995rem; position: relative; }
.x-co5 .c5_t1 p { width: 55%; line-height: 0.5993999999999999rem; font-size: 0.3996rem; margin-bottom: 0.27rem; background-color: rgba(0,0,0,.07); }
.x-co5 .c5_t1 p:last-child { margin-bottom: 0; }
.x-co5 .c5_t1 img { position: absolute; top: 0; left: 0; right: 0; width: 6%; -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); }
.x-co5 .c5_t1 .c5_img2 { top: auto; bottom: -0.40499999999999997rem; right: 0; left: auto; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.x-column h3 { font-family: DINEngschrift-Alternate; font-size: 0.44955rem; color: #fff; font-weight: 400; line-height: 0.48599999999999993rem; padding-top: 0.54rem; }
.x-column h1 { font-size: 0.7506rem; color: #e1af52; }
.x-co6 { padding-top: 1.2501000000000002rem; }
.x-co6 .c6_t1>div:last-child { margin-bottom: 0; }
.x-co6 .c6_t1 .c6_t1_1 .c6_t1_2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: top; -ms-flex-align: top; align-items: top; }
.x-co6 .c6_t1 .c6_t1_1 .c6_t1_2>div.c6_t1_3 { width: 70%; font-size: 0.5993999999999999rem; font-weight: 700; line-height: 0.70065rem; margin-bottom: 0.4995rem; }
.x-co6 .c6_t1 .c6_t1_1 .c6_t1_2>div.c6_t1_3 span { display: inline-block; vertical-align: top; width: 0.5993999999999999rem; height: 0.5993999999999999rem; line-height: 0.5993999999999999rem; border-radius: 50%; background-color: #e6a23c; color: #fff; font-size: 0.3996rem; text-align: center; }
.x-co6 .c6_t1 .c6_t1_1 .c6_t1_2 .x-swt { width: 2.5002000000000004rem; height: 0.70065rem; line-height: 0.8099999999999999rem; color: #fff; padding: 0.013500000000000002rem 0 0 0; }
.x-co6 .c6_t1 .c6_t1_1 p { text-align: justify; }
.x-co7 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.c7_swp { width: 58%; }
.x-co7 .c7_swiper1 { width: 100%; }
.x-co7 .c7_swiper1 .swiper-button-next, .x-co7 .c7_swiper1 .swiper-button-prev { bottom: 1.00035rem; }
.x-co7 .c7_swiper1 .swiper-button-next { left: 9%; background-color: #000; background-image: none; color: #e1af52; padding-leftt: 0; padding-right: 0.24975rem; color: #fff; top:auto !important;  }
.x-co7 .c7_swiper1 .swiper-button-prev { left: 38%; background-color: #fff; padding-right: 0; padding-left: 0.24975rem; top:auto !important; }
.x-co7 .c7_swiper_cor { text-align: center; width: 42%; }
.x-co7 .c7_swiper_cor .c7_swiper3 { padding: 0.4995rem 0.3753rem; background-color: #010101; color: #fff; font-size: 0.3996rem; text-align: center; }
.c7_swiper3 span.iconfont { font-size: 0.30375rem; margin: 0 -0.0945rem; }
.x-co7 .c7_swiper_cor .c7_swiper2, .x-co7 .c7_swiper_cor .c7_swiper3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50%; }
.x-co7 .c7_swiper_cor .c7_swiper2 { background-color: #e6a23c; }
.x-co7 .c7_swiper_cor .c7_swiper2 span.iconfont { font-size: 1.2501000000000002rem; }
.x-co7 .c7_swiper_cor .c7_swiper2 h4 { font-size: 0.6075rem; line-height: 0.8505rem; }
.x-co7 .c7_swiper_cor .c7_swiper2 h4 em { display: block; background-color: #333; color: #fff; padding: 0.135rem 0.27rem; position: relative; z-index: 9; font-size: 0.40499999999999997rem; }
.c7_swiper2 .swiper-container { padding: 0 0.5rem }
.x-co7 .c7_swiper_cor .c7_swiper2 h4 .c7_swpAct { background-color: #fff; color: #d6a354; }
.x-co7 .c7_swiper_cor .c7_swiper2 h4 .c7_swpAct::before { content: ""; display: block; width: 0.25rem; height: 0.25rem; background: url(../assets/images/jt.png)no-repeat; position: absolute; top: 0; bottom: 0; left: -0.15rem; margin: auto; }
.x-co7 .c7_swiper_cor .c7_swiper2 span:last-child { display: block; margin-top: 0.3753rem; font-size: 0.44955rem; line-height: 0.54945rem; font-family: DINEngschrift-Alternate; text-transform: uppercase; }
.x-co8 { background-color: #e1af52; padding: 1.2501000000000002rem 0; /* margin-bottom: 1.2501000000000002rem; */ }
.x-co8 .x-column { margin-bottom: 0; border: 0.04995rem solid #030000; }
.x-co8 .x-column>div { border-bottom: 0.025rem solid #030000; padding: 0.4995rem; text-align: justify; font-size: 0.3996rem; }
.x-co8 .x-column>div p { color: #513314; }
.x-co8 .x-column>div h4 { font-size: 0.5993999999999999rem; line-height: 0.64935rem; margin-bottom: 0.24975rem; }
.x-co8 .x-column>div h4 span { font-size: 0.64935rem; }
.x_c9 { background-color: #f9f5f2; overflow: hidden; }
.x_c9 ul { display: flex; justify-content: space-between; }
.x_c9 li { display: flex; flex-direction: column; align-items: center; width: 48%; background-color: #fff; padding-bottom: 0.72495rem; font-size:0.35rem; }
.x_c9 li i { display: block; width: 90%; height: 4.17501rem; background-repeat: no-repeat; background-size: 100%; margin-top: 1.09998rem; }
.x_c9 li p span { display: block; font-size: 0.5993999999999999rem; color: #333; ; font-weight: 700; padding-bottom: 0.20249999999999999rem; }
.c9_btn { display: flex; justify-content: center; align-items: center; width: 3.6999449999999996rem; height: 0.9000449999999999rem; background-color: #d6a354; font-size: 0.449955rem; font-weight: 700; font-stretch: normal; letter-spacing: 0rem; color: #ffffff; line-height: 0.9000449999999999rem; text-align: center; margin: 0.874935rem auto; }
