@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("../fonts/SourceHanSansCN-Regular.eot");
    src: url("../fonts/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
    url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
    url("../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('../fonts/SourceHanSansCN-Medium.otf');
}
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Bold.otf');
}
@font-face {
    font-family: 'Oswald-Regular';
    src: url('../fonts/Oswald-Regular.ttf');
}

/*-----------------[初始化]--------------*/
body{color: #1A1A1A;font-size: 12px;line-height: 1.5;font-family:"SourceHanSansCN-Regular";
    padding-top: .9rem;
}
a{color: #1A1A1A;}
a:hover{color: #F6AABC;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #1A1A1A;
    font-family:"SourceHanSansCN-Regular";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
*,*:after,*:before{outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/*布局*/
.wp{padding: 0 1rem;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/
.header{height: .9rem;position: absolute;top: 0;left: 0;right: 0;z-index: 109;
    background-color: #fff;
}
.header .wp{display: flex;justify-content: space-between;}
.menu{display: block;line-height: .9rem;font-size: .18rem;color: #1A1A1A;padding-left: .36rem;font-family: 'SourceHanSansCN-Medium';
    background: url(../images/i-05.svg) no-repeat left center;cursor: pointer;
    -o-background-size: .24rem auto;
    -ms-background-size: .24rem auto;
    -moz-background-size: .24rem auto;
    -webkit-background-size: .24rem auto;
    background-size: .24rem auto;
}
.logo{line-height: .9rem;font-size: 0;position: absolute;top: 0;left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.logo img{display: inline-block;vertical-align: middle;height: .48rem;}
.hdr{margin-top: .25rem;display: flex;align-items: center;}
.so-btn{width: .4rem;height: .4rem;float: left;cursor: pointer;cursor: pointer;
    background: url(../images/i-01.svg) no-repeat center;
    -o-background-size: .24rem auto;
    -ms-background-size: .24rem auto;
    -moz-background-size: .24rem auto;
    -webkit-background-size: .24rem auto;
    background-size: .24rem auto;
}
.a-user{width: .4rem;height: .4rem;float: left;cursor: pointer;margin-left: .15rem;
    background: url(../images/i-02.svg) no-repeat center;
    -o-background-size: .24rem auto;
    -ms-background-size: .24rem auto;
    -moz-background-size: .24rem auto;
    -webkit-background-size: .24rem auto;
    background-size: .24rem auto;
}
.a-cart{width: .4rem;height: .4rem;float: left;cursor: pointer;margin-left: .15rem;
    background: url(../images/i-03.svg) no-repeat center;
    -o-background-size: .24rem auto;
    -ms-background-size: .24rem auto;
    -moz-background-size: .24rem auto;
    -webkit-background-size: .24rem auto;
    background-size: .24rem auto;
    position: relative;
}
.a-cart .num{
    position: absolute;
    top: 0rem;
    right: 0rem;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background-color: #F6AABC;
    color: #fff;
    font-size: .12rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.a-xin{width: .4rem;height: .4rem;float: left;cursor: pointer;margin-left: .15rem;
    background: url(../images/i-04.svg) no-repeat center;
    -o-background-size: .24rem auto;
    -ms-background-size: .24rem auto;
    -moz-background-size: .24rem auto;
    -webkit-background-size: .24rem auto;
    background-size: .24rem auto;
}
.a-account{
    height: 0.24rem;
    display: flex;
    align-items: center;
    font-size: 0.12rem;
    margin-left: 0.2rem;
}
.a-account img{
    width: .28rem;
    margin-right: 0.1rem;
    border-radius: 50%;
}
.lang{float: right;border: 1px solid #1A1A1A;border-radius: .19rem;
    padding: 2px;margin-top: 1px;margin-left: .33rem;
}
.lang a{float: left;width: .32rem;height: .32rem;line-height: .32rem;border-radius: 50%;
    text-align: center;font-size: .15rem;color: #1A1A1A;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.lang a:hover,.lang a.on{background-color: #EEA9BC;}

/*******************************
    -------[=导航]-------
********************************/
.nav{position: fixed;top: .9rem;left: 0;right: 0;z-index: 109;display: none;
    background-color: #fff;border-top: 1px solid rgba(26, 26, 26, 0.1);
}
.nav li{width: 20%;float: left;border-right: 1px solid rgba(26, 26, 26, 0.1);position: relative;}
.nav li .v1{display: block;line-height: 4.24rem;text-align: center;font-size: .24rem;position: relative;z-index: 2;
    color: #1A1A1A;background-position: center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.nav li:after{content: '';position: absolute;height: .4rem;bottom: 1.2rem;left: 0;right: 0;
    background: url(../images/i-11.svg) no-repeat center;opacity: 0;
    -o-background-size: .6rem;
    -ms-background-size: .6rem;
    -moz-background-size: .6rem;
    -webkit-background-size: .6rem;
    background-size: .6rem;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav li:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;
    background: url(../images/i-10.png) no-repeat center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav li:hover:after,.nav li:hover:before{opacity: 1;}

.soBox{position: fixed;top: .9rem;left: 0;right: 0;z-index: 109;display: none;
    background-color: #fff;padding: .4rem 0;text-align: center;font-size: 0;
}
.soBox .inp{width: 8rem;height: .6rem;border-radius: .3rem;padding: 0 .24rem;
    font-size: .18rem;border: 0;display: inline-block;vertical-align: middle;
    background-color: #F7F7F7;
}
.soBox .btn{margin-left: .16rem;width: 1.08rem;height: .6rem;border-radius: .3rem;
    font-size: .18rem;color: #1A1A1A;border: 0;cursor: pointer;display: inline-block;vertical-align: middle;
    background-color: #F6AABC;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.soBox .close{margin-left: .16rem;display: inline-block;vertical-align: middle;
    width: 1.08rem;height: .6rem;border-radius: .3rem;line-height: .6rem; 
    font-size: .18rem;color: #1A1A1A;cursor: pointer;
    background-color: #F7F7F7;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.soBox .close:hover{background-color: #F6AABC;}
/*******************************
  -------[=banner]-------
*******************************/
.banner{height: calc( 100vh - .9rem );}
.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}
.banner .slick-slide .con{display: block;height: 100%;outline: 0;position: relative;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.banner .txt{position: absolute;top: 50%;left: .3rem;right: .3rem;text-align: center;color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner .txt .tit{font-size: .6rem;letter-spacing: 0.02em;}
.banner .txt .desc{font-size: .32rem;font-family: 'Oswald';}
.banner .slick-arrow{position: absolute;top: 50%;overflow: hidden;
    width: .76rem;height: .76rem;font-size: 0;line-height: 0;z-index: 2;
    background-color: rgba(0,0,0,.3);border-radius: 50%;border: 0;cursor: pointer;
    background-repeat: no-repeat;background-position: center;
    -o-background-size: .17rem auto;
    -ms-background-size: .17rem auto;
    -moz-background-size: .17rem auto;
    -webkit-background-size: .17rem auto;
    background-size: .17rem auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.banner .slick-prev{left: 1rem;background-image: url(../images/i-06.svg);}
.banner .slick-next{right: 1rem;background-image: url(../images/i-07.svg);}
.banner .slick-arrow:hover{background-color: #F6AABC;}
.banner .slick-dots{position: absolute;left: 0;bottom: .76rem;width: 100%;font-size: 0;text-align: center;z-index: 2;}
.banner .slick-dots li{display: inline-block;margin: 0 .11rem;}
.banner .slick-dots li button{display: block;width: .32rem;height: .32rem;padding: 0;
    font-size: 0;line-height: 0;text-indent: 9999px;cursor: pointer;border: 0;
    background: url(../images/i-09.svg) no-repeat center;
    -o-background-size: .12rem;
    -ms-background-size: .12rem;
    -moz-background-size: .12rem;
    -webkit-background-size: .12rem;
    background-size: .12rem;
}
.banner .slick-dots li.slick-active button{
    background-image: url(../images/i-08.png);
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}


/*******************************
  -------[=底部]-------
********************************/
.footer{
    background-color: #1A1A1A;
}
.fd-con{display: flex;justify-content: space-between;padding-top: .8rem;padding-bottom: .66rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.fd-logo{width: 1.4rem;}
.fd-logo img{width: 100%;display: block;}
.fd-cen{position: relative;padding: 0 .97rem;max-width: 55%}
.fd-cen:after,.fd-cen:before{content: '';position: absolute;top: 50%;width: 1px;height: 1.4rem;
    background: url(../images/i-21.png) no-repeat center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fd-cen:before{left: 0;}
.fd-cen:after{right: 0;}
.fd-share{display: flex;flex-wrap: wrap;margin-bottom: .33rem;}
.fd-share .btn{display: block;width: .32rem;height: .32rem;position: relative;margin-right: .1rem;}
.fd-share .btn .ico{width: 100%;height: 100%;display: block;}
.fd-share .btn .ico img{width: 100%;height: 100%;display: block;}
.fd-share .qr{position: absolute;bottom: 100%;padding-bottom: .1rem;left: 50%;width: 1.2rem;display: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.fd-share .qr img{width: 100%;display: block;}
.fd-share .btn:hover .qr{display: block;}
.fd-txt{font-size: .16rem;color: rgba(255, 255, 255, 0.6);line-height: .44rem;}
.fd-map{}
.fd-map .t1{font-size: .2rem;color: #fff;font-weight: normal;line-height: 1;position: relative;
    padding-bottom: .33rem;margin-bottom: .19rem;
}
.fd-map .t1:after{content: '';position: absolute;left: 0;bottom: 0;width: .24rem;height: 2px;
    background-color: #fff;
}
.fd-map .con{display: flex;flex-wrap: wrap;}
.fd-map .con a{width: 33.33%;font-size: .16rem;color: rgba(255,255,255,.6);
    line-height: .4rem;
}
.fd-map .con a:hover,.fd-bot a:hover{color: #fff;}
.fd-qr{padding-left: .97rem;
    background: url(../images/i-21.png) no-repeat left center;
}
.fd-qr .pic{width: 1.1rem;margin: 0 auto .12rem;}
.fd-qr .pic img{width: 100%;display: block;}
.fd-qr .t1{text-align: center;font-size: 14px;color: rgba(255,255,255,.6);
    display: block;text-align: center;
}
.fd-bot{display: flex;justify-content: space-between;
    padding: .36rem 0;font-size: 14px;color: rgba(255,255,255,.6);
}
.fd-bot a{color: rgba(255,255,255,.6);}
.fd-bot .r-con{display: flex;flex-wrap: wrap;}
.fd-bot .link a{margin-right: .2rem;position: relative;}
.fd-bot .link a:after{content: '';position: absolute;top: 50%;right: -.1rem;width: 1px;height: 14px;
    background-color: #A3A3A3;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fd-bot .link a:last-child{margin-right: 0;}
.fd-bot .link a:last-child:after{display: none;}
.fd-bot .zhi{margin-left: .4rem;}
/*******************************
    -------[=正文]-------
********************************/