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 .926rem;
}

.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: .926rem 0 .278rem;
}

.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: .556rem;
}

.x-con-pages-t span {
    font-family: DINEngschrift-Alternate;
    text-transform: uppercase;
    font-size: .444rem;
}

.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: .741rem 5%;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 0;
    -webkit-box-shadow: 0 -.037rem .056rem -1px hsla(0,0%,88.2%,.4);
    box-shadow: 0 -.037rem .056rem -1px hsla(0,0%,88.2%,.4);
}

.x-banner .x-column span {
    font-size: .741rem;
    color: #e1af52;
}

.x-banner .x-column p {
    color: #fff;
    font-size: .296rem;
}

.x-co1 {
    position: relative;
    background-color: #fcf8f5;
    border: 1px solid transparent;
}

.x-co1 .x-column {
    margin-top: .556rem;
    padding: .726rem .35rem;
    border: 1px solid #e1af52;
}

.x-co1 .c1_t1,.x-co1 .x-column {
    margin-bottom: .556rem;
}

.x-co1 .c1_t1 span {
    font-family: DINEngschrift-Alternate;
    text-transform: uppercase;
    font-size: .333rem;
    line-height: .333rem;
}

.x-co1 .c1_t1 h2 {
    font-size: .556rem;
}

.x-co1 .c1_t2 {
    font-size: .296rem;
    color: #685850;
    line-height: .519rem;
    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: .556rem;
}

.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: .37rem;
    left: 5%;
    font-size: .333rem;
}

.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: .093rem;
}

.x-co2 .c2_t1_1 div {
    width: 80%;
    margin-left: .278rem;
}

.x-co2 .c2_t1_1 div h5 {
    font-weight: 400;
}

.x-co2 .c2_t1_2 {
    width: .37rem;
    border-top: .093rem solid #e1af52;
}

.x-co2 .p3 {
    position: absolute;
    bottom: .37rem;
    left: 5%;
    font-weight: 400;
    font-family: DINEngschrift-Alternate;
    text-transform: uppercase;
    font-size: .333rem;
}

.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: .278rem;
}

.x-co3 .p4 p {
    color: #935f29;
    font-size: .222rem;
    margin-top: .185rem;
}

.x-co3 .p4 h3 {
    display: inline-block;
    font-size: 1.63rem;
    font-family: CommercialScriptBT-Regular;
    font-weight: 400;
    line-height: .463rem;
}

.x-co3 .p4 .p4_1 {
    width: 20.1%;
    text-align: center;
    padding: .556rem 0 .741rem;
}

.x-co3 .p4 div.iconfont {
    font-size: 1.8rem;
    color: #e9c687;
}

.x-co4 {
    background-color: #fcf8f5;
    padding-bottom: .278rem;
}

.x-co4 .x-column .c4_t1 {
    background-color: #fff;
    font-size: .296rem;
    padding: .556rem;
}

.x-co4 .x-column .c4_t1>div {
    margin-bottom: .556rem;
}

.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: .519rem;
    color: #000;
    margin-right: .185rem;
}

.x-co4 .x-column .c4_t1 h4 {
    font-size: .444rem;
    color: #e1af52;
    margin-bottom: .278rem;
}

.x-co4 .c4_swiper {
    position: relative;
}

.swiper-button-next,.swiper-button-prev {
    background-image: none;
    width: 1.481rem;
    top: auto;
    bottom: 0;
    height: .556rem;
    line-height: .648rem;
    font-size: .556rem;
    text-align: center;
    opacity: 1;
}

.swiper-button-prev {
    background-color: #000;
    color: #e1af52;
    left: 32.2%;
    padding-right: .185rem;
    background-image: none!important;
}

.swiper-button-next {
    background-color: #fff;
    right: 32.2%;
    padding-left: .185rem;
}

.x-swt {
    background-color: #e1af52;
    font-size: .333rem;
    font-family: DINEngschrift-Alternate;
    text-transform: uppercase;
    width: 1.852rem;
/* height:.741rem;line-height:.741rem;*/
    padding: .1rem 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.222rem;
    margin: .556rem 0 .526rem 0;
    color: #fff;
}

.x-co5 .x-column {
    margin-bottom: 0;
    border: 1px solid transparent;
}

.x-co5 .c5_t1 {
    padding-top: .37rem;
    position: relative;
}

.x-co5 .c5_t1 p {
	width: 55%;
    line-height: .444rem;
    font-size: .296rem;
    margin-bottom: .2rem;

}

.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: -.3rem;
    right: 0;
    left: auto;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.x-column h3{
  font-family: DINEngschrift-Alternate;
  font-size: .333rem;
  color: #fff;
  font-weight: 400;
  line-height: .36rem;
  padding-top: .4rem;
}
.x-column h1{
  font-size: .556rem;
  color: #e1af52;
}
.x-co6 {
    padding-top: .926rem;
}

.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: .444rem;
    font-weight: 700;
    line-height: .519rem;
    margin-bottom: .37rem;
}

.x-co6 .c6_t1 .c6_t1_1 .c6_t1_2>div.c6_t1_3 span {
    display: inline-block;
    vertical-align: top;
    width: .444rem;
    height: .444rem;
    line-height: .444rem;
    border-radius: 50%;
    background-color: #e6a23c;
    color: #fff;
    font-size: .296rem;
    text-align: center;
}

.x-co6 .c6_t1 .c6_t1_1 .c6_t1_2 .x-swt {
    width: 1.852rem;
    height: .519rem;
    line-height: .6rem;
    color: #fff;
    padding: 0.01rem 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: .741rem;
}

.x-co7 .c7_swiper1 .swiper-button-next {
    left: 9%;
    background-color: #000;
    background-image: none;
    color: #e1af52;
    padding-leftt: 0;
    padding-right: .185rem;
    color: #fff;
}

.x-co7 .c7_swiper1 .swiper-button-prev {
    left: 38%;
    background-color: #fff;
    padding-right: 0;
    padding-left: .185rem;
}

.x-co7 .c7_swiper_cor {
    text-align: center;
    width: 42%;
}

.x-co7 .c7_swiper_cor .c7_swiper3 {
    padding: .37rem .278rem;
    background-color: #010101;
    color: #fff;
    font-size: .296rem;
    text-align: center;
}

.c7_swiper3 span.iconfont {
    font-size: .225rem;
    margin: 0 -.07rem;
}

.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: .926rem;
}

.x-co7 .c7_swiper_cor .c7_swiper2 h4 {
    font-size: .45rem;
    line-height: .63rem;
}
.x-co7 .c7_swiper_cor .c7_swiper2 h4 em{
    display: block;
    background-color: #333;
    color: #fff;
    padding: .1rem .2rem;
    position: relative;
    z-index: 9;
font-size: .3rem;
}
.c7_swiper2 .swiper-container{padding: 0 20px}
.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: 10px;
    height: 10px;
    background: url(../assets/images/jt.png)no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -6px;
    margin: auto;
}
.x-co7 .c7_swiper_cor .c7_swiper2 span:last-child {
    display: block;
    margin-top: .278rem;
    font-size: .333rem;
    line-height: .407rem;
    font-family: DINEngschrift-Alternate;
    text-transform: uppercase;
}

.x-co8 {
    background-color: #e1af52;
    padding: .926rem 0;
    /* margin-bottom: .926rem; */
}

.x-co8 .x-column {
    margin-bottom: 0;
    border: .037rem solid #030000;
    border-bottom: 0;
}

.x-co8 .x-column>div {
    border-bottom: 1px solid #030000;
    padding: .37rem;
    text-align: justify;
    font-size: .296rem;
}

.x-co8 .x-column>div p {
    color: #513314;
}

.x-co8 .x-column>div h4 {
    font-size: .444rem;
    line-height: .481rem;
    margin-bottom: .185rem;
}

.x-co8 .x-column>div h4 span {
    font-size: .481rem;
}
.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.537rem;
}
.x_c9 li i{
    display: block;
    width: 90%;
    height: 3.0926rem;
    background-repeat: no-repeat;
   background-size: 100%;
   margin-top: 0.8148rem;
}
.x_c9 li p span{
    display: block;
    font-size: .444rem;
    color: #333;;
    font-weight: 700;
    padding-bottom: .15rem;
}
.c9_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.7407rem;
	height: 0.6667rem;
    background-color: #d6a354;
    font-size: 0.3333rem;
	font-weight: 700;
	font-stretch: normal;
	letter-spacing: 0rem;
    color: #ffffff;
    line-height: 0.6667rem;
    text-align: center;
    margin: 0.6481rem auto;
}