@charset "UTF-8";

#search {
    cursor: pointer;
}

.icon {
    background: url(/static/www/images/icon.png) no-repeat;
    background-size: 4.00rem auto;
    display: inline-block;
}

.commonImg .img {
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.commonImg .img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: .06rem solid #dab866;
    box-sizing: border-box;
    transform: scale(1.1);
    transition: all .6s;
    z-index: 10;
}

.commonImg .img img {
    width: 100%;
    transition: all .6s;
}

.commonImg:hover .img::before {
    transform: scale(1);
}

.commonImg:hover .img img {
    transform: scale(1.1);
}

.page {
    padding: .15rem 0;
    text-align: right;
    letter-spacing: -8px;
}

.page span,
.page a {
    letter-spacing: 0;
    padding: .15rem;
    margin-left: .20rem;
    font-size: 1.125em;
    color: #191819;
    display: inline-block;
    width: .40rem;
    vertical-align: middle;
}

.page a {
    transition: font-weight 0.8s;
}

.page a.active,
.page a:hover {
    font-weight: bold;
}

.page a.nextPage {
    background-position: .15rem .05rem;
}

.page a.lastPage {
    background-position: -.15rem .05rem;
}

.tellme {
    position: fixed;
    bottom: 10%;
    right: 0;
    width: .72rem;
    height: 1.44rem;
    z-index: 50;


    display: none;
}

.tellme a {
    width: .72rem;
    height: .72rem;
    background: #DAB866;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tellme a img {
    width: .23rem;
}

.tellme a:first-child {
    border-top-left-radius: .2rem;
    position: relative;
}

.tellme a:first-child::before {
    width: .5rem;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 1px;
    background: #F3DDA7;
}

.tellme a:last-child {
    border-bottom-left-radius: .2rem;
    box-shadow: -7px 13px 27px 1px rgba(218, 184, 102, 0.33);
}

.banner {
    width: 100%;
    height: 10.80rem;
    position: relative;
}

.banner .swiper-container {
    width: 100%;
    height: 100%;
}

.banner .swiper-container .text {
    width: 70%;
    height: auto;
    position: absolute;
    z-index: 12;
    bottom: 1.44rem;
    left: 2.38rem;
}

.banner .swiper-container .text p:first-child {
    font-size: .4rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: .4rem;
}

.banner .swiper-container .text p:last-child {
    font-size: .4rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .4rem;
    font-weight: 200;
}

.banner .prev {
    width: .75rem;
    height: .75rem;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    position: absolute;
    bottom: 1.44rem;
    right: 2.28rem;
    z-index: 10;
    transition: all .8s;
    box-sizing: border-box;
}

.banner .next {
    width: .75rem;
    height: .75rem;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    position: absolute;
    bottom: 1.44rem;
    right: 1.05rem;
    z-index: 10;
    transition: all .8s;
    box-sizing: border-box;
    transform: rotate(180deg);
}

.banner .btns {
    font-size: .14rem;
    line-height: .75rem;
    text-align: center;
    color: #fff;
    cursor: pointer;
display: flex;
    align-items: center;
    justify-content: center;
}

.banner .btns:hover {
    background: #DAB866;
    box-shadow: 0px 0.07rem 0.27rem 0px rgba(218, 184, 102, 0.33);
    border: none;
}

.banner .btns:hover i {
    color: #fff;
}

.banner .jindu {
    width: 4px;
    height: 100%;
    position: absolute;
    background-color: unset;
    z-index: 11;
    top: 0;
    left: 1.38rem;
    transition: all .9s;
}

.banner .jindu span {
    width: 100%;
    display: block;
    height: 10%;
    background-color: #fff;
    transition: all .9s;
}

.hot {
    width: 100%;
    height: 10.80rem;
    background: url(../images/hotbg.jpg) no-repeat center center/100% 100%;
    box-sizing: border-box;
    padding: 1.04rem 0 0 2.4rem;
    position: relative;
    overflow: hidden;
}

.hot .more-click {
    top: 1.64rem;
}

.hot .swiper-box {
    width: 102.5%;
    height: auto;
    transform: translateX(-0.38rem);
    margin-top: .7rem;
}

.hot .swiper-box .prev {
    width: .75rem;
    height: .75rem;
    border: 1px solid #19181E;
    border-radius: 50%;
    position: absolute;
    right: 2.28rem;
    z-index: 10;
    transition: all .8s;
    box-sizing: border-box;
}

.hot .swiper-box .next {
    width: .75rem;
    height: .75rem;
    border: 1px solid #19181E;
    border-radius: 50%;
    position: absolute;
    right: 1.05rem;
    z-index: 10;
    transition: all .8s;
    box-sizing: border-box;
    transform: rotate(180deg);
}

.hot .swiper-box .btns {
    font-size: .14rem;
    line-height: .75rem;
    text-align: center;
    color: #fff;
    cursor: pointer;
    bottom: .8rem;
display: flex;
    align-items: center;
    justify-content: center;
}

.hot .swiper-box .btns i {
    color: #19181e;
}

.hot .swiper-box .swiper-slide {
    width: 16.08rem;
    transform: translateX(-0.2rem);
}

.hot .swiper-box .swiper-slide .choosethis {
    opacity: 0;
    transition: all .6s;
}

.hot .swiper-box .swiper-slide-active {
    transform: translateX(0px);
}

.hot .swiper-box .swiper-slide-active .choosethis {
    opacity: 1;
    transition: all .6s;
}

.hot .swiper-box .hots {
    padding-bottom: .3rem;
}

.hot .swiper-box .img-box {
    width: 16.08rem;
    height: auto;
    position: relative;
    cursor: pointer;
    transition: all .6s;
}

.hot .swiper-box .img-box a {
    display: none;
}

.hot .swiper-box .img-box a.active {
    display: block;
}

.hot .swiper-box .img-box a:first-child {
    display: block;
}

.hot .swiper-box .img-box img:nth-child(1) {
    display: block;
    transition: all .1s;
    width: 100%;
    width: 16.08rem;
    height: 5.71rem;
    opacity: 1;
}

.hot .swiper-box .img-box img:nth-child(2) {
    opacity: 0;
    transition: all .5s;
    max-width: 100%;
    width: 16.46rem;
    height: 5.71rem;
    position: absolute;
    top: 0;
    left: 0;
}

.hot .swiper-box .choosethis {
    width: 50%;
    height: 1.7rem;
    transform: translateX(0.3rem);
    display: block;
    left: 0;
    bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.hot .swiper-box .choosethis .items {
    width: 1.7rem;
    height: 1.7rem;
    background: #FFFFFF;
    box-shadow: 0px 0.21rem 0.4rem 0px rgba(193, 192, 194, 0.25);
    border-radius: .2rem;
    margin-right: .2rem;
    box-sizing: border-box;
    transition: all .8s;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.hot .swiper-box .choosethis .items.active::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: .05rem solid #DAB866;
    box-sizing: border-box;
    border-radius: .2rem;
    z-index: 10;
}

.hot .swiper-box .choosethis .items img {
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: .2rem;
    overflow: hidden;
}

.hot .swiper-box .choosethis .items.active {
    box-shadow: 0px 0.21rem 0.4rem 0px rgba(193, 192, 194, 0.11);
}

.kv2 {
    width: 100%;
    height: 10.8rem;
    position: relative;
}

.kv2 .dian {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: .39rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;
}

.kv2 .swiper-pagination-bullet-active {
    width: .46rem;
    height: .46rem;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    background-color: unset;
}

.kv2 .swiper-pagination-bullet {
    background-color: unset;
    width: .46rem;
    border-radius: 50%;
    height: .46rem;
    position: relative;
    opacity: 1;
    margin: 0 .08rem;
    transition: all .8s;
}

.kv2 .swiper-pagination-bullet::before {
    content: '';
    width: .09rem;
    height: .09rem;
    background: #F4F4F4;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.kv2 .k-main {
    width: 100%;
    height: 100%;
    position: relative;
}

.kv2 .k-main .more-click {
    position: absolute;
    z-index: 10;
    top: 2.79rem;
    right: 1.94rem;
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #19181E;
    line-height: .16rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    letter-spacing: 1px;
    height: .16rem;
}

.kv2 .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kv2 .k-main .more-click img {
    width: .11rem;
    height: .11rem;
    margin-left: .16rem;
    transition: all .6s;
}

.kv2 .k-main .more-click:hover img {
    transform: rotate(45deg);
}

.kv2 .k-main .more-click.active {
    left: 3.07rem;
    bottom: 1.44rem;
    top: unset;
    right: unset;
    color: #FFFFFF;
}

.t-title {
    width: 30%;
    white-space: nowrap;
    position: relative;
}

.t-title img {
    width: .24rem;
    height: .6rem;
}

.t-title span {
    font-size: .47rem;
    line-height: .47rem;
    font-family: Avenir;
    white-space: nowrap;
    font-weight: normal;
    color: #19181E;
    font-style: oblique;
}

.t-title .text {
    font-size: .24rem;
    font-weight: 100;
    color: rgba(25, 24, 30, 0.5);
    position: absolute;
    left: .32rem;
    top: .6rem;
}

.t-title.active {
    margin-bottom: .3rem;
}

.smain {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 1.73rem;
}

.titles {
    margin-bottom: .8rem;
}

.more-click {
    position: absolute;
    z-index: 10;
    top: 2.79rem;
    right: 1.94rem;
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #19181E;
    line-height: .16rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    letter-spacing: 1px;
    height: .16rem;
}

.more-click img {
    width: .11rem;
    height: .11rem;
    margin-left: .16rem;
    transition: all .6s;
}

.more-click:hover img {
    transform: rotate(45deg);
}

.more-click.active {
    left: 3.07rem;
    bottom: 1.44rem;
    top: unset;
    right: unset;
    color: #FFFFFF;
}

.news {
    width: 100%;
    height: 8.33rem;
    box-sizing: border-box;
    padding: .92rem 1.02rem 0 2.44rem;
    position: relative;
}

.news .more-click {
    top: 1.64rem;
}

.news .content {
    padding-top: .64rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.news .content .items {
    margin-bottom: .48rem;
    cursor: pointer;
    z-index: 10;
}

.news .content .items .tag {
    box-sizing: border-box;
    padding: .2rem .3rem;
    background: #DAB866;
    box-shadow: 0px 0.08rem 0.21rem 0px rgba(218, 184, 102, 0.47);
    border-radius: .25rem;
    font-size: .14rem;
    text-align: center;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .14rem;
    position: absolute;
    top: .28rem;
    left: .3rem;
    z-index: 10;
}

.news .content .items:nth-child(2),
.news .content .items:nth-child(3) {
    width: 6.8rem;
    height: 3.94rem;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 .56rem;
    padding-top: 1.47rem;
}

.news .content .items:nth-child(2) .bg,
.news .content .items:nth-child(3) .bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .6s;
}

.news .content .items:nth-child(2):hover .bg,
.news .content .items:nth-child(3):hover .bg {
    transform: scale(1.1);
}

.news .content .items:nth-child(2) .tag,
.news .content .items:nth-child(3) .tag {
    background: #39A2E5;
    box-shadow: 0px 0.05rem 0.43rem 0px rgba(57, 162, 229, 0.38);
}

.news .content .items:nth-child(2)::before,
.news .content .items:nth-child(3)::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: .06rem solid #39A2E5;
    box-sizing: border-box;
    transform: scale(1.1);
    transition: all .6s;
    z-index: 10;
    top: 0;
    left: 0;
}

.news .content .items:nth-child(2):hover::before,
.news .content .items:nth-child(3):hover::before {
    transform: scale(1);
}

.news .content .items:nth-child(2):hover .tit,
.news .content .items:nth-child(3):hover .tit {
    color: #39A2E5 !important;
}

.news .content .items:nth-child(2):hover .more-click,
.news .content .items:nth-child(3):hover .more-click {
    color: #39A2E5 !important;
}

.news .content .items:nth-child(2):hover .more-click img,
.news .content .items:nth-child(3):hover .more-click img {
    transform: rotate(45deg);
}

.news .content .items:nth-child(2) .time,
.news .content .items:nth-child(3) .time {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .16rem;
    margin-bottom: .32rem;
}

.news .content .items:nth-child(2) .tit,
.news .content .items:nth-child(3) .tit {
    font-size: .24rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 600;
    color: #fff;
    line-height: .36rem;
    margin-bottom: .06rem;
    transition: all .6s;
    margin-bottom: .4rem;
}

.news .content .items:nth-child(2) .more-click,
.news .content .items:nth-child(3) .more-click {
    color: #FFFFFF;
    position: static;
    justify-content: flex-start;
    color: #FFFFFF;
    position: absolute;
    justify-content: flex-start;
    left: .56rem;
    bottom: 1rem;
    top: unset;
    z-index: 20;
}

.news .content .items:nth-child(1),
.news .content .items:nth-child(4) {
    width: 8.53rem;
    height: 3.94rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news .content .items:nth-child(1) .more-click,
.news .content .items:nth-child(4) .more-click {
    position: static;
    justify-content: flex-start;
}

.news .content .items:nth-child(1) .img,
.news .content .items:nth-child(4) .img {
    width: 4.6rem;
    height: 3.94rem;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.news .content .items:nth-child(1) .img::before,
.news .content .items:nth-child(4) .img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: .06rem solid #dab866;
    box-sizing: border-box;
    transform: scale(1.1);
    transition: all .6s;
    z-index: 10;
}

.news .content .items:nth-child(1) .img img,
.news .content .items:nth-child(4) .img img {
    width: 100%;
    height: 100%;
    transition: all .6s;
}

.news .content .items:nth-child(1):hover img,
.news .content .items:nth-child(4):hover img {
    transform: scale(1.1);
}

.news .content .items:nth-child(1):hover .img::before,
.news .content .items:nth-child(4):hover .img::before {
    transform: scale(1);
}

.news .content .items:nth-child(1):hover .tit,
.news .content .items:nth-child(4):hover .tit {
    color: #dab866 !important;
}

.news .content .items:nth-child(1):hover .con-t,
.news .content .items:nth-child(4):hover .con-t {
    color: rgba(218, 184, 102, 0.8) !important;
}

.news .content .items:nth-child(1):hover .more-click,
.news .content .items:nth-child(4):hover .more-click {
    color: rgba(218, 184, 102, 0.8) !important;
}

.news .content .items:nth-child(1):hover .more-click img,
.news .content .items:nth-child(4):hover .more-click img {
    transform: rotate(45deg);
}

.news .content .items:nth-child(1) .con,
.news .content .items:nth-child(4) .con {
    flex: 1;
    height: 100%;
    background: #fff;
    box-shadow: 0px 0.5rem 1rem 0px rgba(31, 39, 43, 0.2);
    box-sizing: border-box;
    padding: .44rem;
}

.news .content .items:nth-child(1) .con .time,
.news .content .items:nth-child(4) .con .time {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 600;
    color: #202025;
    line-height: .16rem;
    margin-bottom: .6rem;
}

.news .content .items:nth-child(1) .con .tit,
.news .content .items:nth-child(4) .con .tit {
    font-size: .24rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 600;
    color: #303030;
    line-height: .36rem;
    margin-bottom: .06rem;
    transition: all .6s;
}

.news .content .items:nth-child(1) .con .con-t,
.news .content .items:nth-child(4) .con .con-t {
    font-size: .18rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: rgba(48, 48, 48, 0.8);
    line-height: .18rem;
    margin-bottom: .56rem;
    position: relative;
    transition: all .6s;
}

.news .content .items:nth-child(1) .con .con-t::before,
.news .content .items:nth-child(4) .con .con-t::before {
    position: absolute;
    content: '';
    background: #dab866;
    width: .38rem;
    height: .06rem;
    top: .38rem;
    left: 0;
}

.news .content .items:nth-child(1) .con .cont-x,
.news .content .items:nth-child(4) .con .cont-x {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: rgba(48, 48, 48, 0.7);
    line-height: .24rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: .6rem;
}

.none {
    width: 100%;
    height: 6.38rem;
    background: #f0f0f0;
    z-index: -1;
    box-sizing: border-box;
    box-sizing: border-box;
    padding: 3.13rem 1.02rem 0 2.44rem;
    position: relative;
    z-index: 1;
}

.none .more-click {
    top: 3.74rem;
}

.none .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding-top: .66rem;
    position: relative;
}

.none .content .items {
    width: 7.54rem;
}

.none .content .items .img {
    width: 100%;
    height: 4.24rem;
    background: #fff;
    box-shadow: 0px 0px 0.7rem 0px rgba(190, 189, 189, 0.2);
    overflow: hidden;
    position: relative;
    transition: all .6s;
    margin-bottom: .48rem;
}

.none .content .items .img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: .06rem solid #dab866;
    box-sizing: border-box;
    transform: scale(1.1);
    transition: all .6s;
    z-index: 10;
}

.none .content .items .img img,
.none .content .items .img video {
    width: 100%;
    height: 100%;
    transition: all .6s;
}

.none .content .items .img .play {
    font-size: .7rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: .7rem;
    line-height: .7rem;
    color: #fff;
    cursor: pointer;
    transition: all .6s;
    height: .7rem;
    z-index: 20;
}

.none .content .items .btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.none .content .items .btns .left {
    position: relative;
    width: 50%;
}

.none .content .items .btns .left img {
    width: .14rem;
    height: .29rem;
    margin-right: .16rem;
}

.none .content .items .btns .left span {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 600;
    color: #19181E;
    line-height: .2rem;
    transition: all .6s;
}

.none .content .items .btns .left .con-n {
    position: absolute;
    top: .37rem;
    left: .32rem;
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 100;
    color: #848484;
    line-height: .16rem;
    transition: all .6s;
}

.none .content .items .btns .goto {
    width: 1.07rem;
    height: .5rem;
    border: 1px solid #1D1C23;
    border-radius: .25rem;
    text-align: center;
    font-size: .14rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #19181E;
    line-height: .5rem;
    transition: all .6s;
}

.none .content .items:hover .btns .left span {
    color: #dab866;
}

.none .content .items:hover .btns .left .con-n {
    color: #dab866;
}

.none .content .items:hover .btns .goto {
    background: #dab866;
    border: 1px solid #dab866;
    color: #fff;
}

.none .content .items:hover .play {
    color: #dab866;
}

.none .content .items:hover .img::before {
    transform: scale(1);
}

.none .content .items:hover .img .cont {
    transform: scale(1.1);
}

.none .content .items:hover .img {
    box-shadow: 0px 0.1rem 0.57rem 0px rgba(218, 184, 102, 0.53);
}

.nav-left {
    box-sizing: border-box;
    padding-left: 1.37rem !important;
}

.wid {
    width: 100%;
    height: 4.14rem;
    background: #fff;
}

html,
body {
    font-family: PingFangSC, "Microsoft Yahei", 微软雅黑, SimHei, 黑体, PingFangSC-Regular, Arial;
}

@font-face {
  font-family: 'iconfont';  /* Project id 2342191 */
  src: url('//at.alicdn.com/t/font_2342191_8p2m5sih1dl.woff2?t=1620630197526') format('woff2'),
       url('//at.alicdn.com/t/font_2342191_8p2m5sih1dl.woff?t=1620630197526') format('woff'),
       url('//at.alicdn.com/t/font_2342191_8p2m5sih1dl.ttf?t=1620630197526') format('truetype');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.footer {
    width: 100%;
    box-sizing: border-box;

    padding: 1.1rem 1.04rem 1.58rem 2.4rem!important;
    background: #070710;
    display: flex;
    justify-content: space-between;
}

.footer .left .logo {
    width: 2.74rem;
    margin-bottom: .5rem;
}

.footer .left p {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #3C3C43;
    line-height: .16rem;
}

.footer .right {
    display: flex;
    justify-content: flex-end;
}

.footer .right ul {
    margin-left: .76rem;
}

.footer .right ul li:first-child {
    font-size: .18rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .18rem;
    margin-bottom: .34rem;
    position: relative;
    height: .18rem;
    box-sizing: border-box;
    padding-left: .23rem;
    text-align: left;
}

.footer .right ul li:first-child::before {
    content: '';
    position: absolute;
    background: url("../images/8-17.png") no-repeat center center/100% 100%;
    width: .08rem;
    height: .17rem;
    left: 0;
    top: .04rem;
}

.footer .right ul li {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #7F7F8C;
    box-sizing: border-box;
    padding-left: .23rem;
    line-height: .16rem;
    margin-bottom: .2rem;
}

.overflow {
    overflow: hidden;
}

.menu {
    width: 100%;
    height: 100%;
    z-index: 80;
    position: fixed;
    top: 0;
    left: 0;
    transition: all .8s;
    transform: translateX(-100%);
    background: url("../images/bgs-1.jpg") no-repeat center center/100% 100%;
}

.menu.active {
    width: 100%;
    transform: translateX(0%);
}

.menu .menu-content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 2.08rem 0 0 3.92rem;
    display: none;
    justify-content: flex-start;
}

.menu .menu-content.active {
    display: flex;
}

.menu .menu-content .three {
    width: auto;
}

.menu .menu-content .three ul {
    display: none;
}

.menu .menu-content .three ul.active {
    display: block;
}

.menu .menu-content .three ul li {
    margin-bottom: .44rem;
}

.menu .menu-content .three ul li a {
    font-size: .18rem;
    line-height: .18rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 600;
    color: #000000;
}

.menu .menu-content .two {
    width: 2.2rem;
    box-sizing: border-box;
    margin-right: 2rem;
}

.menu .menu-content .two ul {
    display: none;
}

.menu .menu-content .two ul.actives {
    display: block;
}

.menu .menu-content .two ul li {
    width: 100%;
    height: .18rem;
    margin-bottom: .44rem;
    transition: all .8s;
}

.menu .menu-content .two ul li.twoactive {
    transform: translateX(0.24rem);
}

.menu .menu-content .two ul li.twoactive a .has img {
    opacity: 1;
}

.menu .menu-content .two ul li.twoactive a .has span {
    opacity: 0;
}

.menu .menu-content .two ul li.twonone a .name {
    color: #d1d1d3;
}

.menu .menu-content .two ul li.twoactive .name {
    color: #dab866 !important;
}

.menu .menu-content .two ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .8s;
}

.menu .menu-content .two ul li a span {
    font-size: .18rem;
    line-height: .18rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 600;
    color: #000000;
    transition: all .8s;
}

.menu .menu-content .two ul li a .has {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.menu .menu-content .two ul li a .has span {
    opacity: 1;
    transition: all .8s;
}

.menu .menu-content .two ul li a .has img {
    width: .16rem;
    height: .16rem;
    opacity: 0;
    transition: all .8s;
    margin-right: .06rem;
}

.menu .menu-content .one {
    width: 3rem;
    margin-right: 2rem;
}

.menu .menu-content .one li {
    width: 100%;
    margin-bottom: .5rem;
    transition: all .8s;
}

.menu .menu-content .one li.oneactive {
    transform: translateX(0.24rem);
}

.menu .menu-content .one li.oneactive a p {
    color: #dab866;
}

.menu .menu-content .one li.oneactive a .item .has img {
    opacity: 1;
}

.menu .menu-content .one li.oneactive a .item .has span {
    opacity: 0;
}

.menu .menu-content .one li.oneactive a .item .name::before {
    opacity: 1;
}

.menu .menu-content .one li.onenone a .item .name {
    color: #d1d1d3;
}

.menu .menu-content .one li.oneactive a .item .name {
    color: #dab866;
}

.menu .menu-content .one li a {
    display: block;
}

.menu .menu-content .one li a .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu .menu-content .one li a .item .name {
    font-size: .18rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 600;
    line-height: .18rem;
    color: #19181E;
    position: relative;
    transition: all .8s;
}

.menu .menu-content .one li a .item .name::before {
    position: absolute;
    top: 0;
    left: -.44rem;
    opacity: 0;
    transition: all .8s;
    content: '';
    background: url("../images/17-36.png") no-repeat center center/100% 100%;
    width: .17rem;
    height: .36rem;
}

.menu .menu-content .one li a .item .has {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.menu .menu-content .one li a .item .has span {
    opacity: 1;
    transition: all .8s;
}

.menu .menu-content .one li a .item .has img {
    width: .16rem;
    height: .16rem;
    opacity: 0;
    transition: all .8s;
    margin-right: .06rem;
}

.menu .menu-content .one li a p {
    transition: all .8s;
    font-size: .3rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 300;
    line-height: .3rem;
    color: #E1E1E1;
    margin-top: .1rem;
}

.menu .search-box {
    width: 13.4rem;
    height: 1.62rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-bottom: 1px solid #d1d1d1;
    display: none;
    justify-content: space-between;
    align-items: center;
}

.menu .search-box.active {
    display: flex;
}

.menu .search-box input {
    width: 80%;
    height: 100%;
    outline: none;
    background: none;
    font-size: .24rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 100;
    color: #19181E;
}

.menu .search-box ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #19181E;
}

.menu .search-box :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #19181E;
}

.menu .search-box ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #19181E;
}

.menu .search-box :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #19181E;
}

.menu .search-box img {
    width: .2rem;
    height: .2rem;
    cursor: pointer;
}

.header {
    width: 1.38rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    background: rgba(7, 7, 16, 0.3);
    transition: all .3s;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: .82rem 0;
}

.header .logo {
    width: .76rem;
    height: .76rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 4s;
}

.header .logo img:first-child {
    width: .76rem;
    height: .7rem;
    transition: all 4s;
}

.header .logo img:last-child {
    width: .66rem;
    height: .64rem;
    display: none;
    transition: all 4s;
}

.header .center {
    width: .3rem;
    height: .14rem;
    cursor: pointer;
    position: relative;
}
.header .center p{
    position: absolute;
    top: 100%;
    left: 0;
    transition: all .8s;
    font-size: 1em;
    color: #fff;
    padding-top: .10rem;
    white-space: nowrap;
}
.header.one .center p{
    color: #19181e;
}

.header .center span:first-child {
    width: 100%;
    height: .04rem;
    display: block;
    background: #fff;
    margin-bottom: .04rem;
    transition: all .8s;
}

.header .center span:nth-child(2) {
    width: 60%;
    height: .04rem;
    background: #fff;
    transition: all .8s;
    display: block;
}

.header .center i {
    font-size: .32rem;
    line-height: .12rem;
    color: #fff;
    display: none;
    transition: all .8s;
}
.header.one .center i{
    color: #19181e;
}

.header .bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.header .bottom i {
    color: #fff;
    font-size: .24rem;
    margin-top: .24rem;
    cursor: pointer;
}

.header.one {
    background: #FFFFFF;
    box-shadow: 0px 0px 0.8rem 0px rgba(24, 24, 24, 0.09);
}

.header.one .center span {
    background: #19181e !important;
}

.header.one .bottom i {
    color: #19181e !important;
}

.header.two {
    background: #070710;
}

.header.one .logo img:first-child {
    display: none;
}

.header.one .logo img:last-child {
    display: block;
}

#contactus {
    background: #F8F8F8;
    box-sizing: border-box;
    padding-left: 1.37rem;
    padding-top: .84rem;
}

#contactus .banner {
    margin-bottom: .38rem;
    height: auto;
}

#contactus .banner img {
    width: 100%;
    display: block;
}

#contactus .choose {
    margin-bottom: .68rem;
}

#contactus .choose .top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: .72rem;
    border-top: 1px solid rgba(25, 24, 25, 0.2);
    border-bottom: 1px solid rgba(25, 24, 25, 0.2);
}

#contactus .choose .top .items {
    cursor: pointer;
    margin-right: .8rem;
    font-size: .2rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 200;
    font-style: italic;
    color: rgba(25, 24, 30, 0.8);
    line-height: .72rem;
    position: relative;
}

#contactus .choose .top .items.active::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #dab866;
    height: .06rem;
    bottom: -.01rem;
}

#contactus #c-content {
    margin-bottom: .8rem;
}

#contactus #c-content li {
    display: none;
    align-items: center;
    justify-content: space-between;
    height: 5.05rem;
    transition: all .8s;
}

#contactus #c-content li .phone {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 200;
    color: #191819;
    line-height: .2rem;
    text-align: center;
}

#contactus #c-content li .number {
    text-align: center;
    font-size: .3rem;
    line-height: .3rem;
    margin-top: .16rem;
    font-family: Avenir;
    font-weight: 500;
    color: #191819;
    margin-bottom: .68rem;
}

#contactus #c-content li .border {
    width: 12rem;
    height: 1px;
    margin: .54rem auto;
    background: #191819;
}

#contactus #c-content li .tips {
    margin-bottom: .54rem;
    font-size: .2rem;
    text-align: center;
    line-height: .2rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 300;
    color: #191819;
}

#contactus #c-content li .icon-list {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 .7rem;
}

#contactus #c-content li .icon-list .item {
    margin: 0 .4rem;
    flex: 1;
}

#contactus #c-content li .icon-list .item img {
    display: block;
    margin: 0 auto;
    margin-bottom: .2rem;
}

#contactus #c-content li .icon-list .item p:nth-child(2) {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    margin-bottom: .16rem;
    color: #191819;
    text-align: center;
}

#contactus #c-content li .icon-list .item p:nth-child(3) {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 200;
    margin-bottom: .16rem;
    color: #191819;
    text-align: center;
}

#contactus #c-content li .centertit {
    width: 100%;
    text-align: center;
    font-size: .2rem;
    list-style: none;
    line-height: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    color: #191819;
    margin-bottom: .3rem;
}

#contactus #c-content li .qlist {
    width: 100%;
}

#contactus #c-content li .qlist .item {
    width: 100%;
    border-top: 1px solid #191819;
    box-sizing: border-box;
    padding: .38rem 0;
}

#contactus #c-content li .qlist .item:last-child {
    border-bottom: 1px solid #191819;
}

#contactus #c-content li .qlist .item h6 {
    font-size: .2rem;
    line-height: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 600;
    color: #191819;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#contactus #c-content li .qlist .item h6 span {
    cursor: pointer;
}

#contactus #c-content li .qlist .item .con {
    box-sizing: border-box;
    padding: .2rem .4rem 0 .4rem;
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 200;
    color: #191819;
    line-height: .3rem;
    box-sizing: border-box;
    display: none;
}

#contactus #c-content li .choose-this {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .76rem;
}

#contactus #c-content li .choose-this select {
    background: none;
    width: 2.04rem;
    height: .58rem;
    cursor: pointer;
    margin: 0 .1rem;
    font-size: .2rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 300;
    color: #191819;
    border-bottom: 1px solid #181718;
    position: relative;
}

#contactus #c-content li .choose-this select::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    content: '';
    width: .08rem;
    height: .12rem;
    background: url("../images/8-12.png") no-repeat center center/100% 100%;
    transform: rotate(90deg);
}

#contactus #c-content li .choose-this select::-ms-expand {
    display: none;
}

#contactus #c-content li .infolist {
    width: 100%;
    display: flex;
	/*justify-content: space-between;*/
	justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: .64rem;
    margin-bottom: .5rem;
}

#contactus #c-content li .infolist .infoitem {
    width: 4.5rem;
    min-height: 2.1rem;
    background: #2A2A32;
    box-sizing: border-box;
    padding: .24rem;
    margin-bottom: .4rem;
	margin-right: 0.25rem;
}
#contactus #c-content li .infolist .infoitem:nth-child(3n) {
	margin-right: 0;
}

#contactus #c-content li .infolist .infoitem .tops {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: .3rem;
}

#contactus #c-content li .infolist .infoitem .tops img {
    width: 1rem;
    height: 1rem;
    margin-right: .3rem;
}

#contactus #c-content li .infolist .infoitem .tops .info-title p:first-child {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    color: #F8F8F8;
    line-height: .2rem;
    margin-bottom: .1rem;
}

#contactus #c-content li .infolist .infoitem .tops .info-title P:last-child {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #F8F8F8;
}

#contactus #c-content li .infolist .infoitem .cons {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #717185;
    line-height: .24rem;
    margin-bottom: .26rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	word-break: break-all;
}

#contactus #c-content li .infolist .infoitem .btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#contactus #c-content li .infolist .infoitem .btns a {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #DAB866;
    margin-left: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contactus #c-content li .infolist .infoitem .btns a img {
    margin-left: .2rem;
    width: .11rem;
    height: .11rem;
}

#contactus #c-content li .infolist .infoitem .btns a.active {
    padding-right: .2rem;
    border-right: 1px solid #DAB866;
}

#contactus #c-content li .choose-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .5rem;
    height: .58rem;
}

#contactus #c-content li .choose-item .search {
    width: 4.2rem;
    height: .5rem;
    position: relative;
    border-bottom: 1px solid #181718;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#contactus #c-content li .choose-item .search input {
    height: 100%;
    background: none;
    font-size: .16rem;
    color: #191819;
    font-weight: 300;
    flex: 1;
}

#contactus #c-content li .choose-item .search input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #191819;
}

#contactus #c-content li .choose-item .search img {
    width: .18rem;
    height: .18rem;
    cursor: pointer;
}

#contactus #c-content li .choose-item .left {
    height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#contactus #c-content li .choose-item .left .requiredBox{
    position: relative;
}
#contactus #c-content li .choose-item .left .requiredBox::before{
    /* content: '';
    width: .06rem;
    height: .06rem;
    background: #DC2C2C;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -.05rem; */
}
#contactus #c-content li .choose-item .left select {
   background: none;
    width: 2.04rem;
    height: .5rem;
    cursor: pointer;
    margin-right: .2rem;
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 300;
    color: #191819;
    border-bottom: 1px solid #181718;
    position: relative;
}

#contactus #c-content li .choose-item .left select::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    content: '';
    width: .08rem;
    height: .12rem;
    background: url("../images/8-12.png") no-repeat center center/100% 100%;
    transform: rotate(90deg);
}

#contactus #c-content li .choose-item .left select::-ms-expand {
    display: none;
}

#contactus #c-content li .new-title {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    color: #191819;
    text-align: center;
    margin-top: .64rem;
    line-height: .2rem;
}

#contactus #c-content li .new-time {
    width: 100%;
    text-align: center;
    margin-top: .32rem;
    font-size: .18rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    line-height: .18rem;
    color: #DAB866;
}

#contactus #c-content li .new-content {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    color: #191819;
    line-height: .3rem;
    margin-top: .28rem;
}

#contactus #c-content li .new-content img {
    width: 100%;
    display: block;
    margin: .3rem auto;
}

#contactus #c-content li .bottoms {
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    margin: .54rem auto;
}

#contactus #c-content li .bottoms::after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

#contactus #c-content li .bottoms a {
    float: left;
    /* display: flex; */
    align-items: center;
    justify-content: flex-start;
}

#contactus #c-content li .bottoms a img {
    margin-right: .18rem;
}

#contactus #c-content li .bottoms a.active {
    float: right;
    justify-content: flex-end;
}

#contactus #c-content li .bottoms a.active img {
    margin-left: .18rem;
    margin-right: 0;
    transform: rotate(180deg);
}

#contactus #c-content li .product {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: .42rem 0;
    border-top: 1px solid #191819;
    border-bottom: 1px solid #191819;
    display: flex;
    justify-content: center;
}

#contactus #c-content li .product .imgs {
    width: 1.94rem;
    height: 1.94rem;
    border-radius: .2rem;
    overflow: hidden;
    margin-right: .3rem;
}

#contactus #c-content li .product .imgs img {
    width: 100%;
    height: 100%;
    display: block;
}

#contactus #c-content li .product .text h6 {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: bold;
    color: #191819;
    line-height: .2rem;
    margin-bottom: .26rem;
}

#contactus #c-content li .product .text P {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 300;
    color: #191819;
    line-height: .3rem;
}

#contactus #c-content li .product .text P span {
    font-weight: bold;
}

#contactus #c-content li .product .text a {
    width: 1.07rem;
    height: .5rem;
    background: #DAB866;
    box-shadow: 0px 0.08rem 0.21rem 0px rgba(218, 184, 102, 0.47);
    border-radius: .25rem;
    font-size: .14rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: .5rem;
    display: block;
    margin-top: .14rem;
}

#contactus #c-content li .new-list {
    width: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    flex-wrap: wrap;
}

#contactus #c-content li .new-list .items {
    width: 6.75rem;
}

#contactus #c-content li .new-list .items .borders {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .18rem;
    width: 100%;
    margin-bottom: .3rem;
}

#contactus #c-content li .new-list .items .borders span:first-child {
    font-size: .18rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #DAB866;
    width: 16%;
}

#contactus #c-content li .new-list .items .borders span:last-child {
    flex: 1;
    height: 1px;
    background: #191819;
}

#contactus #c-content li .new-list .items h6 {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 600;
    color: #191819;
    line-height: .2rem;
    margin-bottom: .24rem;
}

#contactus #c-content li .new-list .items .new-contents {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 300;
    color: #191819;
    line-height: .3rem;
    margin-bottom: .2rem;
}

#contactus #c-content li .new-list .items .news-more {
    position: static;
    justify-content: flex-start;
    transition: all .6s;
    margin-bottom: .7rem;
}

#contactus #c-content li .new-list .items .news-more:hover {
    color: #DAB866;
}

#contactus #c-content li .pager {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 1rem;
    height: .18rem;
}

#contactus #c-content li .pager span {
    margin-left: .46rem;
    font-size: .18rem;
    font-family: AlibabaPuHuiTiM;
    font-weight: 200;
    color: #191819;
    cursor: pointer;
}

#contactus #c-content li .pager span.active {
    font-weight: bold;
}

#contactus #c-content li .pager .n {
    width: .08rem;
    height: .12rem;
    margin-left: .46rem;
    cursor: pointer;
}

#contactus #c-content li .pager .l {
    width: .13rem;
    height: .12rem;
    margin-left: .46rem;
    cursor: pointer;
}

#contactus #c-content li .topview {
    position: relative;
    margin-bottom: .84rem;
    box-sizing: border-box;
    padding-right: .06rem;
    overflow: hidden;
}

#contactus #c-content li .topview .dian {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    right: 0;
    z-index: 50;
}

#contactus #c-content li .topview .swiper-pagination-bullet-active {
    width: .46rem;
    height: .46rem;
    border: 1px solid rgba(25, 24, 25, 0.3);
    border-radius: 50%;
    background-color: unset;
}

#contactus #c-content li .topview .swiper-pagination-bullet-active::before {
    background-color: #dab866 !important;
}

#contactus #c-content li .topview .swiper-pagination-bullet {
    background-color: unset;
    width: .46rem;
    border-radius: 50%;
    height: .46rem;
    position: relative;
    opacity: 1;
    margin: 0 .08rem;
    transition: all .8s;
}

#contactus #c-content li .topview .swiper-pagination-bullet::before {
    content: '';
    width: .1rem;
    height: .1rem;
    background: #191819;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#contactus #c-content li .topview .swiper-news {
    width: 100%;
    height: 3.66rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#contactus #c-content li .topview .swiper-news .left {
    width: 6.75rem;
    position: relative;
    z-index: 10;
}

#contactus #c-content li .topview .swiper-news .right {
    width: 100%;
    box-sizing: border-box;
    padding-left: .44rem;
    display: block;
    position: relative;
}

#contactus #c-content li .topview .swiper-news .right .news-more {
    position: absolute;
    left: .44rem;
    bottom: 0;
    top: auto;
    display: flex;
    justify-content: flex-start;
    transition: all .6s;
}

#contactus #c-content li .topview .swiper-news .right .news-more:hover {
    color: #DAB866;
}

#contactus #c-content li .topview .swiper-news .right h6 {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    color: #191819;
    line-height: .22rem;
    margin-bottom: .36rem;
}

#contactus #c-content li .topview .swiper-news .right .time {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: .18rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 200;
    color: #191819;
    line-height: .25rem;
}

#contactus #c-content li .topview .swiper-news .right .time span {
    width: .6rem;
    height: .25rem;
    background: #DAB866;
    border-radius: .13rem;
    text-align: center;
    line-height: .25rem;
    color: #fff;
    font-size: .16rem;
    font-weight: 400;
    margin-left: .2rem;
}

#contactus #c-content li .topview .swiper-news .right .con {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 200;
    color: #191819;
    line-height: .3rem;
    margin-top: .36rem;
}

#contactus #c-content li.active {
    display: flex;
}

#contactus #c-content li.active2 {
    display: block;
    height: auto;
}

#contactus #c-content li .left {
    width: 9.15rem;
    height: 5.05rem;
    position: relative;
}

#contactus #c-content li .left img {
    width: 100%;
    height: 100%;
}

#contactus #c-content li .left p {
    font-size: .66rem;
    font-family: Barlow;
    font-weight: normal;
    color: #DAB866;
    position: absolute;
    top: .58rem;
    left: 8.2rem;
    width: 100%;
    font-style: italic;
}

#contactus #c-content li .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    box-sizing: border-box;
    padding-left: .4rem;
}

#contactus #c-content li .right .tit {
    font-size: .3rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 100;
    color: #191819;
    line-height: .48rem;
    margin-bottom: .4rem;
}

#contactus #c-content li .right .con {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 300;
    color: #191819;
    line-height: .3rem;
}

#contactus .three .tit {
    width: 100%;
    font-size: .18rem;
    font-family: Avenir;
    font-weight: normal;
    color: #191819;
    line-height: .18rem;
    text-align: center;
    margin-bottom: .18rem;
}

#contactus .three .en {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 600;
    color: #191819;
    text-align: center;
    letter-spacing: .01rem;
    line-height: .2rem;
}

#contactus .three .en2 {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #848484;
    text-align: center;
    margin-top: .2rem;
}

#contactus .three .list {
    margin-top: .46rem;
    display: flex;
    align-items: center;
    margin-bottom: .87rem;
    justify-content: center;
    position: relative;
    z-index: 10;
}

#contactus .three .list li {
    margin: 0 .28rem;
}

#contactus .three .list li.active {
    margin: 0;
}

#contactus .three .list .img {
    width: 3.62rem;
    height: 3.62rem;
}

#contactus .three .list .img.active {
    width: 4rem;
    height: 6.34rem;
}

#contactus .three .list .img img {
    width: 100%;
    height: 100%;
    display: block;
}

#contactus .three .list p {
    font-size: .16rem;
    text-align: center;
    margin-top: .22rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: #848484;
}

#contactus .bmain {
    width: 100%;
    background: url("../images/1920-947.jpg") no-repeat center center/100% 100%;
    height: 9.47rem;
    position: relative;
    transform: translateY(-1.62rem);
    box-sizing: border-box;
    padding-top: 2.56rem;
}

#contactus .bmain .tit {
    width: 100%;
    font-size: .18rem;
    font-family: Avenir;
    font-weight: normal;
    color: #fff;
    line-height: .18rem;
    text-align: center;
    margin-bottom: .18rem;
}

#contactus .bmain .en {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 600;
    color: #fff;
    text-align: center;
    letter-spacing: .01rem;
    line-height: .2rem;
}

#contactus .bmain .cons {
    margin-top: .8rem;
    display: flex;
    justify-content: space-between;
    position: relative;
}

#contactus .bmain .cons .border-box {
    position: absolute;
    left: 0;
    right: 0;
    top: .74rem;
    margin: 0 auto;
    width: 4.7rem;
    height: 2.64rem;
}

#contactus .bmain .cons .border-box .border {
    width: 2.64rem;
    height: 2.64rem;
    border: 2px dashed #DAB866;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding-top: .98rem;
    padding-right: .5rem;
}

#contactus .bmain .cons .border-box .border p:first-child {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    box-sizing: border-box;
    text-align: center;
    color: #DAB866;
    margin-bottom: .1rem;
    line-height: .2rem;
}

#contactus .bmain .cons .border-box .border p:last-child {
    font-size: .16rem;
    font-family: Avenir;
    font-weight: 300;
    color: #DAB866;
    line-height: .18rem;
    text-align: center;
    text-transform: uppercase;
}

#contactus .bmain .cons .border-box .border.active {
    border-color: #fff;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    padding-right: .0rem;
    padding-left: .5rem;
}

#contactus .bmain .cons .item {
    width: 3.34rem;
}

#contactus .bmain .cons .item.left li p {
    color: #DAB866 !important;
}

#contactus .bmain .cons .item li {
    width: 100%;
}

#contactus .bmain .cons .item li p:first-child {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 200;
    margin-bottom: .16rem;
    color: #F8F8F8;
}

#contactus .bmain .cons .item li P:last-child {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 200;
    color: #F8F8F8;
    line-height: .24rem;
    margin-bottom: .35rem;
}

#contactus .last {
    transform: translateY(-0.9rem);
}

#contactus .last .tit {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#contactus .last .tit .left {
    width: 50%;
}

#contactus .last .tit .left p:first-child {
    font-size: .18rem;
    font-family: Avenir;
    font-weight: normal;
    color: #191819;
    margin-bottom: .16rem;
    text-transform: uppercase;
}

#contactus .last .tit .left P:last-child {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 600;
    color: #191819;
    line-height: .2rem;
}

#contactus .last .tit .right {
    width: 8rem;
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 300;
    color: #191819;
    line-height: .3rem;
}

#contactus .last .img-box {
    width: 100%;
    height: 6.72rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .54rem;
}

#contactus .last .img-box img {
    width: 100%;
    height: 100%;
}

#contactus .last .img-box li {
    max-width: 7.08rem;
    width: 49.24%;
}

#contactus .last .img-box li:first-child {
    height: 6.72rem;
}

#contactus .last .img-box li:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#contactus .last .img-box li .child {
    height: 3.2rem;
}

#contactus .typechoose .type {
    display: none;
}

#contactus .typechoose .type.active {
    display: block;
}

#contactus .typechoose .hezuo {
    font-size: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    color: #191819;
    line-height: .2rem;
    text-align: center;
    margin-bottom: .22rem;
}

#contactus .typechoose .hezuocon {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 300;
    color: #191819;
    line-height: .16rem;
    text-align: center;
}

#contactus .typechoose .centertit {
    width: 100%;
    text-align: center;
    font-size: .2rem;
    list-style: none;
    line-height: .2rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    color: #191819;
    margin-bottom: .22rem;
}

#contactus .typechoose .content-tit2 {
    text-align: center;
    font-size: .16rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 200;
    color: #191819;
}

#contactus .typechoose .table {
    display: flex;
    justify-content: space-between;
    margin-top: .7rem;
    flex-wrap: wrap;
}

#contactus .typechoose .table .btn-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: .7rem;
    margin-top: .7rem;
}

#contactus .typechoose .table .btn-box .upload {
    display: flex;
}

#contactus .typechoose .table .btn-box img {
    height: .60rem;
    width: auto;
    margin-left: .20rem;
}

#contactus .typechoose .table .btn-box .push {
    display: block;
    width: 1.9rem;
    height: .6rem;
    border: 1px solid rgba(25, 24, 25, 0.5);
    border-radius: .3rem;
    font-size: .2rem;
    text-align: center;
    line-height: .6rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 400;
    color: rgba(25, 24, 25, 0.5);
    cursor: pointer;
    position: relative;
}

#contactus .typechoose .table .btn-box .push input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#contactus .typechoose .table .btn-box .sumbimt {
    width: 2.3rem;
    height: .9rem;
    background: #DAB866;
    border-radius: .45rem;
    text-align: center;
    font-size: .24rem;
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .9rem;
}

#contactus .typechoose .table .textarea {
    width: 100%;
}

#contactus .typechoose .table .textarea h6 {
    width: 100%;
    position: relative;
    font-size: .2rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 300;
    margin-left: .14rem;
    color: #191819;
}

#contactus .typechoose .table .textarea h6 .borders {
    width: .06rem;
    height: .06rem;
    background: #DC2C2C;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -.2rem;
}

#contactus .typechoose .table .textarea textarea {
    width: 100%;
    height: 1.7rem;
    border: 1px solid #B7B7B7;
    border-radius: .2rem;
    display: block;
    margin-top: .18rem;
    background: none;
    padding: .1rem;
}

#contactus .typechoose .table .opt {
    width: 4.2rem;
    box-sizing: border-box;
    padding: .17rem 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
}

#contactus .typechoose .table .opt .optcon {
    width: 1.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-left: .14rem;
}

#contactus .typechoose .table .opt .optcon:last-child {
    transform: translateX(6.1%);
}

#contactus .typechoose .table .opt .borders {
    width: .06rem;
    height: .06rem;
    background: #DC2C2C;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -.2rem;
}

#contactus .typechoose .table .opt select {
    background: none;
    border-bottom: 1px solid #b7b7b7;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: .16rem 0;
    font-size: .2rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 300;
    color: #191819;
    position: relative;
}

#contactus .typechoose .table .opt select::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    content: '';
    width: .08rem;
    height: .12rem;
    background: url("../images/8-12.png") no-repeat center center/100% 100%;
    transform: rotate(90deg);
}

#contactus .typechoose .table .opt select::-ms-expand {
    display: none;
}

#contactus .typechoose .table .con {
    width: 4.2rem;
    box-sizing: border-box;
    padding: .17rem 0;
    border-bottom: 1px solid #b7b7b7;
    position: relative;
    margin-left: .14rem;
    margin-bottom: .5rem;
}

#contactus .typechoose .table .con .borders {
    width: .06rem;
    height: .06rem;
    background: #DC2C2C;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -.2rem;
}

#contactus .typechoose .table .con input {
    width: 100%;
    height: 100%;
    outline: none;
    background: none;
    font-size: .24rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 100;
    color: #191819;
    font-size: .2rem;
    font-family: AlibabaPuHuiTiL;
    color: #191819;
}

#contactus .typechoose .table .con ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #191819;
}

#contactus .typechoose .table .con :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #191819;
}

#contactus .typechoose .table .con ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #191819;
}

#contactus .typechoose .table .con :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #191819;
}

.productContent {
    font-size: .16rem;
}

.proItem {
    float: left;
    margin-right: 2.36%;
    margin-bottom: 2.36%;
    width: 23.23%;
}

.proItem:nth-of-type(4n) {
    margin-right: 0;
}

.proItem a {
    display: block;
}

.proItem .img {
    position: relative;
    height: 3.34rem;
}

.proItem .img img {
    display: block;
    width: 100%;
}

.proItem .txt {
    display: flex;
    justify-content: space-between;
    padding: .28rem 0 .32rem;
    border-bottom: 1px solid #2a2a32;
    font-weight: 400;
    align-items: center;
}

.proItem .txt h6 {
    font-size: 1.25em;
    color: #191819;
}

.proItem .txt .price {
    font-size: 1em;
    color: #dab866;
}

.proItem .txt .price strong {
    font-size: 1.5em;
    font-weight: inherit;
}

.proItem .labelsColor {
    padding-top: .23rem;
    width: calc(100% + .06rem);
}

.proItem .labelsColor a,
.proItem .labelsColor span {
    margin-right: .06rem;
    padding: 0 .14rem;
    line-height: .20rem;
}

#contactus .choose.proTag{
    margin-bottom: 0;
}
.productListSection .list {
    padding-top: .35rem;
    /* margin-top: -.65rem; */
}

.productListSection .labels {
    border-top: 1px solid #f8f8f8;
    display: none;
    overflow: hidden;
    text-align: center;
    padding: .30rem 2.00rem .15rem;
    letter-spacing: -8px;
    background-color: #ececec;
    margin-bottom: 0;
    position: relative;
}

.productListSection .labels .pushpin {
    position: absolute;
    right: 0;
    top: .30rem;
    bottom: .30rem;
    width: .55rem;
    background: url(../images/tagmore.png) center no-repeat;
    background-size: .22rem;
    border-left: 1px solid #bcbcbc;
    transition: background-image .3s ease;
    cursor: pointer;
}
.productListSection .labels .pushpin.close{
    background: url(../images/close.png?v=1.0)center no-repeat;
}

.productListSection .labels a {
    letter-spacing: 0;
    display: inline-block;
    padding: 0 .21rem;
    border-radius: .17rem;
    font-size: .875em;
    height: .30rem;
    border: 1px solid #2a2a32;
    line-height: .30rem;
    box-sizing: content-box;
    margin: 0 .10rem .17rem;
    transition: background-color 0.8s, color 0.8s;
}

.productListSection .labels a:hover,
.productListSection .labels a.active {
    background-color: #2a2a32;
    color: #dab866;
}

.productSection .proTit {
    margin-top: -.10rem;
    margin-bottom: .60rem;
    text-align: center;
    color: #191819;
    line-height: 1.875;
}

.productSection .proTit h5 {
    line-height: 1.2;
    font-size: 1.25em;
    margin-bottom: .18rem;
    font-weight: 400;
}


/* 测评 */
.measurement .form{
    width: 4.2rem;
    height: .58rem;
    position: relative;
    border-bottom: 1px solid #181718;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .36rem auto .58rem;
}
.measurement .form input{
    height: 100%;
    background: none;
    font-size: .2rem;
    color: #191819;
    font-weight: 300;
    flex: 1;
}
.measurement .form input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #191819;
}

.measurement .form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #191819;
}

.measurement .form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #191819;
}

.measurement .form input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #191819;
}
.measurement .form a{
    width: .40rem;
    height: 100%;
    cursor: pointer;
    background: url(../images/18-18.png) center no-repeat;
    background-size: .18rem;
}
.measurement .list{
    display: flex;
    flex-wrap: wrap;
}
.measurement .proItem{
    float: left;
    width: 31.5%;
    margin-right: 2.75%;
}
.measurement .proItem .img{
    height: 2.45rem;
}
.measurement .proItem .img::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.50rem;
    margin-top: -.50rem;
    width: 1.00rem;
    height: 1.00rem;
    border-radius: 50%;
    background: url(../images/icon.png) no-repeat;
    background-position: 0 -.90rem;
    background-size: 4.00rem;
    background-color: rgba(0, 0, 0, .6);
}
.measurement .proItem:nth-of-type(3n){
    margin-right: 0;
}
.measurement .proItem .txt{
    display: block;
    padding: .24rem 0;
}
.measurement .proItem h6{
    font-weight: normal;
    font-size: 1.2em;
    margin-bottom: .10rem;
}
.measurement .proItem .evaluationPeople{
    margin-bottom: .10rem;
    font-size: 1em;
}
.measurement .proItem .con{
    font-size: 1em;
    line-height: 1.5;
}


.huiBox {
    background-color: #2d2d35;
}

.proSwiperBox {
    padding-top: .54rem;
    padding-bottom: .54rem;
}

.swiper-button-prev,
.swiper-button-next {
    width: .73rem;
    height: .73rem;
    margin-right: .50rem;
    display: inline-block;
    cursor: pointer;
    border-radius: .365rem;
    border: 1px solid #fff;
    background-position: -.57rem 0;
    transition: border-color 0.8s;
    position: static;
    margin-top: 0;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    border-color: #dab866;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}

.swiper-button-next {
    background-position: -1.33rem 0;
}

.proSwiper {
    position: relative;
}

.proSwiper .proSwiperL {
    float: left;
    color: #fff;
}

.proSwiper .proSwiperL h5 {
    font-size: 1.25em;
    margin-bottom: .20rem;
}

.proSwiper .proSwiperL p {
    margin-bottom: .50rem;
}

.proSwiper .proSwiperR {
    width: 10.72rem;
    float: right;
}

.proSwiper .proSwiperR .swiperBtn {
    position: absolute;
    bottom: 0;
    left: 0;
}

.proSwiper .proSwiperR .swiper-container {
    position: relative;
    overflow: hidden;
}

.proSwiper .proSwiperR .swiper-container .swiper-slide {
    width: auto;
    float: none;
}

.proSwiper .proSwiperR .swiper-container .proItem {
    margin-bottom: 0;
}

.proSwiper .proSwiperR .swiper-container .proItem .txt {
    padding-top: .28rem;
    padding-bottom: 0;
    border-bottom: none;
}

.proSwiper .proSwiperR .swiper-container .proItem .txt h6 {
    color: #fff;
}

.comMore {
    display: inline-block;
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
}

.comMore:hover i {
    transform: rotate(45deg);
}

.comMore i {
    margin-left: .16rem;
    transition: transform 0.8s;
    display: inline-block;
    width: .11rem;
    height: .11rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 4.00rem auto;
    background-position: 0 -.39rem;
}

.comMore.white i {
    background-position: -.11rem -.39rem;
}

.comMore.yel i {
    background-position: -.22rem -.39rem;
}

.proComTit {
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    line-height: 1;
    color: #19181e;
    display: flex;
    padding: .28rem 0;
    justify-content: space-between;
}

.proComTit h2 {
    font-weight: normal;
}

.proComTit h2,
.proComTit a {
    line-height: 1;
    font-size: 1.25em;
}

.labelsColor {
    letter-spacing: -8px;
}

.labelsColor span,
.labelsColor a {
    display: inline-block;
    line-height: .30rem;
    font-size: .14rem;
    color: #fff;
    margin-right: .14rem;
    border-radius: .15rem;
    letter-spacing: 0;
    padding: 0 .20rem;
    background-color: #3281de;
    margin-bottom: .05rem;
}

.labelsColor span:nth-of-type(2),
.labelsColor a:nth-of-type(2) {
    background-color: #376090;
}

.labelsColor span:nth-of-type(3),
.labelsColor a:nth-of-type(3) {
    background-color: #ecc643;
}

.labelsColor span:nth-of-type(4),
.labelsColor a:nth-of-type(4) {
    background-color: #48515c;
}

.labelsColor span:nth-of-type(5),
.labelsColor a:nth-of-type(5) {
    background-color: #815858;
}

.labelsColor span:nth-of-type(6),
.labelsColor a:nth-of-type(6) {
    background-color: #45a8a0;
}

.labelsColor span:nth-of-type(7),
.labelsColor a:nth-of-type(7) {
    background-color: #ec7a77;
}

.labelsColor span:nth-of-type(8),
.labelsColor a:nth-of-type(8) {
    background-color: #989898;
}

.proDetails .proComTit {
    margin-bottom: .33rem;
}

.proDetails .detailsT {
    padding-bottom: .36rem;
}

.proDetails .introBox {
    display: flex;
    justify-content: space-between;
}

.proDetails .introBox .introImg {
    width: 5.00rem;
    margin-left: 0;
    position: relative;
}

.proDetails .introBox .introImg .img {
    width: 5.00rem;
    height: 5.00rem;
}

.proDetails .introBox .introImg .pag {
    opacity: 0.5;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
    font-size: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(24, 24, 31, 0.8);
    padding: .38rem 0;
}

.proDetails .introBox .introImg .pag .swiper-pagination-bullet {
    margin: 0 .17rem;
    width: .10rem;
    height: .10rem;
    border-radius: 50%;
    background-color: #fff;
    opacity: .3;
    transition: opacity 0.8s;
}

.proDetails .introBox .introImg .pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

.proDetails .introBox .introTxt {
    width: 9.06rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    color: #191819;
}

.proDetails .introBox .introTxt h3 {
    font-size: 2.25em;
    line-height: 1;
    margin-bottom: .38rem;
}

.proDetails .introBox .introTxt .labelsColor {
    margin-bottom: .20rem;
}

.proDetails .introBox .introTxt .con {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: .34rem;
}

.proDetails .introBox .introTxt .price {
    font-size: 1em;
    color: #dab866;
}

.proDetails .introBox .introTxt .price strong {
    font-weight: normal;
    font-size: 1.875em;
}

.proDetails .introBox .introTxt .buyBox {
    width: 100%;
    padding-top: .32rem;
    border-top: 1px solid #cbcbcb;
}

.proDetails .introBox .introTxt .buyBox a {
    display: block;
    width: 2.30rem;
    line-height: .70rem;
    height: .70rem;
    border-radius: .45rem;
    background-color: #dab866;
    font-size: 1.5em;
    letter-spacing: .1em;
    color: #fff;
    text-align: center;
}

.proDetails .proHyperlinked {
    border-top: 1px solid #cbcbcb;
    text-align: center;
    margin-bottom: .50rem;
}

.proDetails .proHyperlinked .comTabNav {
    display: inline-block;
    margin: 0 auto;
    letter-spacing: -8px;
    border-bottom: 1px solid #cbcbcb;
}

.proDetails .proHyperlinked .comTabNav a {
    display: inline-block;
    letter-spacing: 0;
    margin-right: .28rem;
    padding: .30rem 0;
    position: relative;
    font-style: oblique;
    color: #19181e;
    font-size: 1.25em;
}

.proDetails .proHyperlinked .comTabNav a:last-of-type {
    margin-right: 0;
}

.proDetails .proHyperlinked .comTabNav a.active::after,
.proDetails .proHyperlinked .comTabNav a:hover::after {
    opacity: 1;
}

.proDetails .proHyperlinked .comTabNav a::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: .05rem;
    bottom: -.03rem;
    background-color: #dab866;
    transition: opacity 0.8s;
    opacity: 0;
}

.proDetails .features {
    color: #191819;
}

.proDetails .features h5 {
    font-size: 1.25em;
    text-align: center;
    margin-bottom: .20rem;
}

.proDetails .features .titTxt {
    text-align: center;
    line-height: 1.5;
    font-size: 1em;
    margin-bottom: .55rem;
}

.proDetails .features .imgBanner {
    width: 100%;
    margin-bottom: .90rem;
}

.proDetails .features .imgBanner img {
    display: block;
    width: 100%;
}

.proDetails .features .feaB {
    padding: 0 1.00rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .64rem;
}

.proDetails .features .feaB:nth-of-type(2n) {
    flex-direction: row-reverse;
}

.proDetails .features .feaB .img {
    width: 5.77rem;
}

.proDetails .features .feaB .img img {
    display: block;
    width: 100%;
}

.proDetails .features .feaB .txt {
    width: 4.54rem;
}

.proDetails .features .feaB .txt .design {
    font-size: 1em;
    color: #dab866;
    line-height: 1;
    display: block;
    margin-bottom: .15rem;
}

.proDetails .features .feaB .txt h6 {
    font-size: 1.25em;
    color: #191819;
    line-height: 1;
    margin-bottom: .30rem;
}

.proDetails .features .feaB .txt p {
    font-size: 1em;
    color: #191819;
    line-height: 1.5;
}

.proDetails .parameter {
    padding-top: .96rem;
    padding-bottom: .48rem;
    margin-bottom: .40rem;
}

.proDetails .parameter img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.proDetails .parameter table {
    width: 100%;
    border: 1px solid #737377;
}

.proDetails .parameter table tr {
    background-color: #2a2b32;
}

.proDetails .parameter table tr:nth-of-type(2n+1) {
    background-color: #222229;
}

.proDetails .parameter table td {
    padding: .20rem .50rem;
    color: #fff;
    border: 1px solid #737377;
}

.proDetails .parameter table td:nth-of-type(1) {
    text-align: right;
    color: #dab866;
}

select {
    background: none;
    width: 2.04rem;
    height: .58rem;
    cursor: pointer;
    margin: 0 .1rem;
    font-size: .2rem;
    font-family: AlibabaPuHuiTiL;
    font-weight: 300;
    color: #191819;
    border-bottom: 1px solid #181718;
    position: relative;
}

select::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    content: '';
    width: .08rem;
    height: .12rem;
    background: url(../images/8-12.png) no-repeat center center/100% 100%;
    transform: rotate(90deg);
}

.float {
    position: fixed;
    font-size: .16rem;
    background-color: rgba(42, 42, 50, 0.9);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

.float .floatContent {
    position: absolute;
    width: 14.40rem;
    left: 50%;
    margin-left: -7.20rem;
    height: 90%;
    top: 5%;
    background-color: #fff;
    padding: .50rem;
}

.float .floatContent .close {
    position: absolute;
    right: .30rem;
    top: .30rem;
    width: .20rem;
    height: .20rem;
    background-position: 0 -.60rem;
    cursor: pointer;
}

.float .floatContent .content {
    position: relative;
    height: 100%;
    overflow: auto;
}

.float .proT {
    display: flex;
    align-items: flex-end;
    padding-bottom: .46rem;
    justify-content: space-between;
}

.float .proT .img {
    width: 3.66rem;
}

.float .proT .img img {
    display: block;
    width: 100%;
}

.float .proT .txt {
    width: 9.06rem;
}

.float .proT .txt h3 {
    font-size: 1.25em;
    color: #191819;
    margin-bottom: .38rem;
}

.float .proT .txt .labelsColor {
    margin-bottom: .20rem;
}

.float .proT .txt .con {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: .34rem;
}

.float .proB .stepNav {
    text-align: center;
    letter-spacing: -8px;
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
}

.float .proB .stepNav a {
    display: inline-block;
    letter-spacing: 0;
    padding: .26rem .41rem;
    font-size: 1.25em;
    color: #b9b9b9;
    transition: color 0.8s;
}

.float .proB .stepNav a.active {
    color: #19181e;
}

.float .proB .stepNav a.active .num {
    color: #dab866;
}

.float .proB .stepNav a .num {
    font-size: 1.3em;
    display: inline-block;
    margin-right: .10rem;
    vertical-align: middle;
}

.float .proB .stepList .item {
    display: none;
    padding: 1.07rem 0 .53rem;
}

.float .proB .stepList .item:first-child {
    display: block;
}

.float .proB .stepList .item .form {
    padding-top: .40rem;
    text-align: center;
}

.float .proB .stepList .item .electricitys {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.float .proB .stepList .item .electricitys .eleItem {
    display: flex;
    align-items: center;
    width: 3.18rem;
    height: 1.50rem;
    padding-left: .65rem;
    color: #fff;
    font-size: 1.25em;
    background-color: #2a2a32;
}

.float .proB .stepList .item .electricitys .eleItem i {
    display: block;
    width: .60rem;
    height: .60rem;
    border-radius: .30rem;
    overflow: hidden;
    background-color: #dab866;
    margin-right: .35rem;
}

.float .proB .stepList .item .electricitys .eleItem i img {
    display: block;
    width: 100%;
}

.float .proB .stepList .item .btn {
    padding-top: 1.02rem;
    text-align: center;
}

.float .proB .stepList .item .btn a {
    margin: 0 auto;
    display: block;
    width: 2.30rem;
    height: .90rem;
    line-height: .90rem;
    border-radius: .45rem;
    background-color: #dab866;
    color: #fff;
    font-size: 1.5em;
}

.download#choose #c-content li .choose-item .left {
    justify-content: center;
}

.download#choose #c-content li .choose-item .left .btn {
    padding-right: .20rem;
}

.download#choose #c-content li .choose-item .left .btn label {
    display: inline-block;
    min-width: .90rem;
    position: relative;
}

.download#choose #c-content li .choose-item .left .btn label span {
    display: block;
    height: .34rem;
    border: 1px solid #2a2a32;
    line-height: .32rem;
    color: #4b4b4b;
    font-size: .18rem;
    text-align: center;
    border-radius: .17rem;
    margin: 0 .08rem;
    cursor: pointer;
    transition: color 0.8s, background-color 0.8s;
}

.download#choose #c-content li .choose-item .left .btn label input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.download#choose #c-content li .choose-item .left .btn label input:checked+span {
    background-color: #2a2a32;
    color: #d9b867;
}

.menu .menu-content .bottom {
    display: none;
}
 .mobileen{display:none}


 .kv2 .k-main .more-click{
    display: none;
}

.kv2 .k-main .swiper-slide a{
    cursor: pointer;
}

#contactus .banner img{
    cursor: pointer;
}

.hot .swiper-box .swiper-slide-active{
    margin-right: 1rem;
}.hot .swiper-box .choosethis{
    margin-top: .2rem;
}

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

    .kv2 .k-main .more-click{
        display: none;
    }

.float .floatContent{
    width: 98%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.float .proT .txt {
    width: 9.06rem;
    box-sizing: border-box;
    padding-left: .1rem;
}
.float .proB .stepList .item .electricitys .eleItem{padding:0 .1rem;    justify-content: center;}
.float .proT {
    display: flex;
    align-items: unset;
    padding-bottom: .46rem;
    justify-content: space-between;
}


.proDetails .introBox .introImg .img{width:100%}
.kv2 .k-main{height:auto}

.hot .swiper-box .choosethis .items img{height:auto}

.banner .swiper-container{height:auto}

.news .content .items:nth-child(1) .img img, .news .content .items:nth-child(4) .img img{height:auto}
    .mobileen{display:block}
    .t-title {
        width: auto;
        padding-bottom: .30rem;
    }
    .header {
        width: 100%;
        padding: .32rem;
        height: auto !important;
        flex-direction: revert;
    }
    .header .bottom {
        display: none;
    }
    .menu .menu-content {
        padding: 2.40rem 0 0 .32rem;
    }
    .menu .menu-content .one,
    .menu .menu-content .two {
        width: 33.33%;
        margin-right: 0;
        padding-right: .30rem;
    }
    .menu .menu-content .three {
        width: 33.33%;
    }
    .menu .menu-content .bottom {
        padding: .32rem;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer {
        padding: .90rem .32rem!important;
        display: block;
        position: relative;
    }
    .footer .left {
        margin-bottom: .30rem;
    }
    .footer .left .logo {
        display: block;
        margin: 0 auto .30rem;
    }
    .footer .left p {
        position: absolute;
        width: 100%;
        bottom: .60rem;
        left: 0;
        text-align: center;
    }
    .footer .right {
        justify-content: space-between;
    }
    .footer .right ul {
        margin-left: 0;
        width: 25%;
    }
    .banner {
        height: auto;
    }
    .banner .jindu {
        height: 4px;
        width: 100%;
        top: auto;
        bottom: 0;
        left: 0;
    }
    .banner .jindu span {
        height: 100%!important;
    }
    .banner .prev {
        bottom: 10%;
        right: 1.27rem;
    }
    .banner .next {
        bottom: 10%;
        right: .32rem;
    }
    .banner .swiper-container .text {
        left: .32rem;
        bottom: 13%;
    }
    .banner .swiper-container .text p:first-child {
        font-size: .3rem;
        line-height: 1.2;
    }
    .banner .swiper-container .text p:last-child {
        font-size: .28rem;
    }
    .hot {
        padding: .60rem .32rem;
        height: auto;
    }
    .hot .more-click {
        top: 1.20rem;
        right: .32rem;
    }
    .hot .swiper-box {
        width: 100%;
        margin-top: .40rem;
        transform: translateX(0);
    }
    .hot .swiper-box .hots {
        padding-bottom: 1.05rem;
    }
    .hot .swiper-box .hots .btns {
        bottom: 0;
    }
    .hot .swiper-box .swiper-slide {
        width: 100%;
        transform: translateX(0);
    }
    .hot .swiper-box .swiper-slide .img-box {
        width: 100%;
        margin-bottom: .30rem;
    }
    .hot .swiper-box .swiper-slide .img-box img:nth-child(1) {
        width: 100%;
        height: auto;
    }
    .hot .swiper-box .choosethis {
        width: 100%;
        height: auto;
    }
    .hot .swiper-box .choosethis .items {
        width: 1.00rem;
        height: auto;
    }
    .kv2 {
        height: auto;
    }
    .news {
        padding: .60rem .32rem;
        height: auto;
    }
    .news .more-click {
        top: 1.20rem;
        right: .32rem;
    }
    .news .content .items:nth-child(1),
    .news .content .items:nth-child(4) {
        width: 100%;
        height: auto;
        display: block;
    }
    .news .content .items:nth-child(1) .img,
    .news .content .items:nth-child(4) .img {
        width: 100%;
        height: auto;
    }
    .news .content .items:nth-child(1) .con,
    .news .content .items:nth-child(4) .con {
        height: auto;
    }
    .news .content .items:nth-child(2),
    .news .content .items:nth-child(3) {
        width: 100%;
        /* height: auto; */
        padding-bottom: .50rem;
    }
    .none {
        height: auto;
        padding: .60rem .32rem;
    }
    .none .content .items {
        width: 100%;
        margin-bottom: .40rem;
    }
    .none .content .items .btns .left {
        padding-bottom: .30rem;
    }
    .none .content .items .btns .left span {
        font-size: .30rem;
    }
    .none .content .items .btns .left .con-n {
        top: .57rem;
        font-size: .8em;
    }
    .none .content .items .btns .goto {
        padding: 0 .30rem;
        width: auto;
        height: auto;
        line-height: .62rem;
    }
    .wid {
        display: none;
    }
    .download#choose #c-content li .choose-item .left {
        justify-content: flex-start;
    justify-content: space-between;
    width: 100%;
    }
    #contactus {
        padding-left: 0;
        padding-top: 1.40rem;
    }
    #contactus .titles {
        margin-bottom: .60rem;
    }
    #contactus .banner {
        padding: 0;
        margin-bottom: .60rem;
    }
    #contactus .choose .top {
        margin-bottom: .60rem !important;
    }
    #contactus #c-content li {
        flex-wrap: wrap;
        height: auto;
    }
    #contactus #c-content li .centertit,
    #contactus #c-content li .phone,
    #contactus #c-content li .number {
        font-size: .30rem;
        line-height: 1.5;
    }
    #contactus #c-content li .icon-list {
        flex-wrap: wrap;
    }
    #contactus #c-content li .icon-list .item {
        margin-bottom: .30rem;
    }
    #contactus #c-content li .border {
        width: 100%;
    }
    #contactus #c-content li .choose-item {
        flex-wrap: wrap;
        height: auto;
    }
    #contactus #c-content li .choose-item .left {
        height: auto;
        flex: inherit;
        width: 100%;
        flex-wrap: wrap;
        letter-spacing: -8px;
    }
    #contactus #c-content li .choose-item .left .btn label {
        width: 50%;
        letter-spacing: 0;
    }
    #contactus #c-content li .choose-item .left .btn label span {
        height: .58rem !important;
        line-height: .58rem !important;
        border-radius: .29rem !important;
    }
    #contactus #c-content li .choose-item .left select,
    #contactus #c-content li .choose-item .left .btn {
        width: 100%;
        margin: 0 2% 2%;
    }
    #contactus #c-content li .choose-item .search {
        width: 100%;
        margin: 2%;
    }
    #contactus #c-content li .choose-item .search input {
        height: .58rem;
    }
    #contactus #c-content li .infolist {
        display: block;
    }
    #contactus #c-content li .infolist .infoitem {
        width: 100%;
		margin-right: 0;
    }
    #contactus #c-content li .infolist .infoitem .tops .info-title p:first-child {
        font-size: .32rem;
    }
    #contactus #c-content li .infolist .infoitem .tops .info-title p:last-child {
        font-size: .24rem;
    }
    #contactus #c-content li .infolist .infoitem .cons {
        font-size: .24rem;
        line-height: 1.5;
    }
    #contactus #c-content li .left {
        width: 100%;
        height: auto;
    }
    #contactus #c-content li .left p {
        left: 0;
    }
    #contactus #c-content li .right {
        flex: inherit;
        width: 100%;
        padding: .40rem 0;
    }
    #contactus #c-content li .right .tit {
        font-size: .36rem;
    }
    #contactus #c-content li .right .con {
        font-size: .24rem;
        line-height: 1.875;
    }
    #contactus #c-content li .topview .swiper-news {
        display: block;
        height: auto;
    }
    #contactus #c-content li .topview .swiper-news .left {
        width: 100%;
        height: auto;
    }
    #contactus #c-content li .topview .swiper-news .left img {
        height: auto;
    }
    #contactus #c-content li .topview .swiper-news .right {
        padding: .40rem 0;
    }
    #contactus #c-content li .topview .swiper-news .right h6 {
        font-style: .30rem;
    }
    #contactus #c-content li .topview .swiper-news .right .time {
        font-size: .28rem;
    }
    #contactus #c-content li .topview .swiper-news .right .time span {
        height: .30rem;
        line-height: .30rem;
        border-radius: .15rem;
        width: auto;
        padding: 0 .20rem;
    }
    #contactus #c-content li .topview .swiper-news .right .con {
        font-size: .24rem;
        line-height: 1.875;
        margin-bottom: .20rem;
    }
    #contactus #c-content li .topview .swiper-news .right .news-more {
        position: static;
    }
    #contactus #c-content li .new-list .items .borders span:first-child {
        width: auto;
        padding-right: .20rem;
        font-size: .28rem;
    }
    #contactus #c-content li .new-list .items h6 {
        font-size: .30rem;
    }
    #contactus #c-content li .new-list .items .new-contents {
        font-size: .24rem;
        line-height: 1.875;
    }
    #contactus #c-content li .product .text h6 {
        font-size: .30rem;
        line-height: 1;
    }
    #contactus #c-content li .product .text p {
        font-style: .24rem;
        line-height: 1.875;
    }
    #contactus #c-content li .product .text a {
        display: inline-block;
        width: auto;
        padding: 0 .30rem;
    }
    #contactus .three .tit,
    #contactus .bmain .tit {
        font-size: .24rem;
        line-height: 1;
    }
    #contactus .three .en,
    #contactus .bmain .en {
        font-size: .28rem;
        line-height: 1;
    }
    #contactus .three .list,
    #contactus .bmain .list {
        display: block;
    }
    #contactus .three .list li,
    #contactus .bmain .list li {
        margin: 0 0 .40rem;
    }
    #contactus .three .list li:last-child,
    #contactus .bmain .list li:last-child {
        margin-bottom: 0;
    }
    #contactus .three .list li .img,
    #contactus .bmain .list li .img {
        width: 100%;
        height: auto;
    }
    #contactus .three:nth-of-type(2) .list,
    #contactus .bmain:nth-of-type(2) .list {
        display: flex;
    }
    #contactus .three:nth-of-type(2) .list li,
    #contactus .bmain:nth-of-type(2) .list li {
        width: 33.33%;
    }
    #contactus .three:nth-of-type(2) .list li .img.active,
    #contactus .bmain:nth-of-type(2) .list li .img.active {
        width: 100%;
        height: auto;
    }
    #contactus .bmain {
        height: auto;
        padding-bottom: .60rem;
        transform: translateY(0);
        margin-top: -1.62rem;
    }
    #contactus .bmain .cons {
        padding-top: 2.94rem;
    }
    #contactus .bmain .cons .border-box {
        top: 0;
    }
    #contactus .bmain .cons .item {
        width: 48%;
    }
    #contactus .bmain .cons .item li p:first-child {
        font-size: .28rem;
    }
    #contactus .bmain .cons .item li P:last-child {
        font-size: .24rem;
    }
    #contactus .last {
        padding-top: .60rem;
        padding-bottom: .60rem;
        transform: translateY(0);
    }
    #contactus .last .tit {
        display: block;
    }
    #contactus .last .tit .left {
        width: auto;
        margin-bottom: .30rem;
    }
    #contactus .last .tit .left p:first-child {
        font-size: .24rem;
        line-height: 1;
    }
    #contactus .last .tit .left p:last-child {
        font-size: .28rem;
        line-height: 1;
    }
    #contactus .last .tit .right {
        width: auto;
        font-size: .24rem;
        line-height: 1.875;
    }
    #contactus .last .img-box {
        height: auto;
        display: block;
    }
    #contactus .last .img-box li {
        width: 100%;
    }
    #contactus .last .img-box li:first-child {
        height: auto;
        margin-bottom: .30rem;
    }
    #contactus .last .img-box li:last-child {
        display: block;
    }
    #contactus .last .img-box li img {
        display: block;
        width: 100%;
        height: auto;
    }
    #contactus .last .img-box li .child {
        height: auto;
        margin-bottom: .30rem;
    }
    #contactus .last .img-box li .child:last-child {
        margin-bottom: 0;
    }
    #contactus .typechoose .hezuo {
        font-size: .30rem;
        line-height: 1;
        padding: 0 .32rem;
    }
    #contactus .typechoose .hezuocon {
        font-size: .24rem;
        padding: 0 .32rem;
        line-height: 1.5;
    }
    #contactus .typechoose .table .con,
    #contactus .typechoose .table .opt {
        width: 48%;
        margin-left: 0;
    }
    #contactus .typechoose .table .opt .optcon {
        margin-left: 0;
    }
    #contactus .typechoose .table .opt .optcon select {
        margin: 0;
    }
    .smain {
        padding-left: .32rem;
        padding-right: .32rem;
    }
    .productContent {
        font-size: .24rem;
    }
    .proDetails .introBox {
        display: block;
    }
    .proDetails .introBox .introImg {
        margin-bottom: .30rem;
        width: 100%;
    }
    .proDetails .introBox .introTxt {
        width: 100%;
    }
    .proDetails .introBox .introTxt .txtT {
        padding-bottom: .30rem;
    }
    .proDetails .features .feaB {
        padding: 0;
        display: block;
        margin-bottom: .30rem;
    }
    .proDetails .features .feaB:last-of-type {
        margin-bottom: .60rem;
    }
    .proDetails .features .feaB .img {
        margin-bottom: .30rem;
        width: 100%;
    }
    .proDetails .features .feaB .txt {
        width: 100%;
    }
    .labelsColor span,
    .labelsColor a {
        font-size: .24rem;
        line-height: .30rem !important;
        height: .30rem !important;
        border-radius: .15rem;
    }
    .proSwiper .proSwiperL {
        float: none;
        margin-bottom: .30rem;
    }
    .proSwiper .proSwiperR {
        position: relative;
        width: 100%;
    }
    .proSwiper .proSwiperR .swiperBtn {
        bottom: auto;
        top: -1.03rem;
        left: auto;
        right: 0;
    }
    .proSwiper .proSwiperR .swiperBtn .swiper-button-next {
        margin-right: 0;
    }
    .proItem {
        width: 48%;
        margin-right: 2%;
    }
    .proItem:nth-of-type(2n) {
        margin-right: 0;
    }
    .proItem .img {
        width: 100%;
    }
    .proItem .txt {
        display: block;
        padding-bottom: .20rem;
    }
    .proItem .txt h6 {
        margin-bottom: .20rem;
    }
    .productListSection .labels {
        padding: .30rem 0 .10rem;
    }
    .productListSection .labels a {
        font-size: 1.1em;
        height: .40rem;
        border-radius: .20rem;
        line-height: .40rem;
    }
}

#stores{
    justify-content: center;

}

#stores .eleItem{margin:0 .1rem}

.menu .menu-content{padding-top:1rem}

#contactus #c-content{margin-top:.8rem}

.header{height:100%}


/* 2021-6-29 */

#contactus #c-content li .left p{
    font-size: .66rem;
    font-family: Barlow;
    font-weight: normal;
    color: #DAB866;
    position: absolute;
    top: .58rem;
    left: 9.48rem;
    width: 100%;
    font-style: italic;
}

.fenlei a{
    margin-right: .3rem;
    cursor: pointer;
    position: relative;
}

.fenlei a.active::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #dab866;
    height: .06rem;
    bottom: -.01rem;
}

@media screen and (max-width: 750px){
.proItem .img {
    width: 100%;
    height: auto;
}
.header .center p{
    display: none;
}

}

.fenlei{
    display: flex;
    align-items: center;
    justify-content: center;
}

.fenlei a.active::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #191819;
    height: 1px;
    bottom: -.01rem;
}

.fenlei a{
    color: #191819;
    font-size: 18px;
}


.page a:last-child img{
    max-width: .14rem;
}