/* 字体引用 */
@font-face {
    /*font-family: 'SourceHanSansCN-Normal';
    src: url('/assets/font/SourceHanSansCN-Normal.ttf') format('truetype');*/
}
/* 全局样式 */
/*
    input[list]::-webkit-datalist-option {
 
}

*/
@import url("/css/fonts/SourceHanSansCN-Heavy.css");
@import url("/css/fonts/SourceHanSansCN-Light.css");
@import url("/css/fonts/SourceHanSansCN-Medium.css");
@import url("/css/fonts/SourceHanSansCN-Normal.css");

ul, li {
    list-style-type: none;
}
img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
ul,li,div,p,body,h1,h2,h3,h4,h5,h6,a{
    padding: 0;
    margin: 0;
    /*font-family: SourceHanSansCN-Normal;*/
    text-decoration: none;
}
a {
    color:black;
}
input:focus{
    outline: none;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 92rem;
    background: black;
    z-index: 999;
}
.header .close,
.header .list{
    display:none;
}
.header .LogoImg { height: 92rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
.header ul{
    display: flex;
    justify-content: center;
}
    .header ul li {
        color: #fff;
        font-size: 16rem;
        width: 174rem;
        line-height: 92rem;
        text-align: center;
        cursor: pointer;
    }
.header ul li.logo{
    height: 100rem;
}
.header ul li .cn {
    display: none;
        
}
.header ul li a {
    color:#fff;
}
    .header ul li a .en {
        font-family: SourceHanSansCN-Normal;
        font-weight: 400;
    }
    .header ul li:hover .cn,
    .header ul li.active .cn {
        display: block;
        background: linear-gradient(200deg, red, rgba(0, 0, 0, 0));
    }
.header ul li:hover .en,
.header ul li.active .en{
    display: none;
}
.header .tel{
    position: absolute;
    left: 80rem;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 18rem;
}
.header .book{
    width: 120rem;
    height: 32rem;
    line-height: 32rem;
    text-align: center;
    border: 1px solid rgba(195, 35, 16, .6);
    color: #fff;
    position: absolute;
    right: 64rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16rem;
    letter-spacing: 4rem;
    font-weight: 500;
    cursor: pointer;
    border-radius:5rem;
}
.void{
    width: 100%;
    height: 92rem;
}
/* 地址 */
.address {
    width: 1434rem;
    box-shadow: 0px 10rem 20rem 0px rgba(0,0,0,0.3);
    border-radius: 20rem;
    background: #FFFFFF;
    margin: -121rem auto 0;
    position: relative;
    z-index: 9;
    padding: 40rem 0;
}
.address .tit {
    text-align: center;
    font-size: 22rem;
    line-height: 50rem;
}
    .address .content {
        width: 1072rem;
        display: flex;
        align-items: center;
        text-align: center;
        margin: 20rem auto;
        font-weight: 500;
        /*padding-right: 50rem;*/
    }
    .address .content .swiper-container {
        flex: 1;
        margin: auto 20rem;
    }
.address .content .swiper-container .swiper-wrapper{
    max-height:
}
.address .content .item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.address .content .left,
.address .content .right{
    width: 16rem;
    height: 20rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.address .content .left{
    background-image: url(/images/home/left-icon.png);
}
.address .content .right{
    background-image: url(/images/home/right-icon.png);
}
.address .content .item p:first-child{
    font-size: 22rem;
    cursor: pointer;
}
        .address .content .item p:last-child {
            font-size: 16rem;
            margin-top: 10rem;
            cursor: pointer;
            font-family: SourceHanSansCN-Medium;
        }
    .address .search {
        width: 240rem;
        height: 36rem;
        border: 1rem solid #BE2310;
        border-radius: 50rem;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        padding: 4rem;
        position: relative;
    }
.address .search.notHave::before {
    content:"正在开发中...";
    width:calc(100% - 30rem);
    height:36rem;
    line-height:36rem;
    font-size:16rem;
    background-color:#ccc;
    color:#4d4d4d;
    position:absolute;
    bottom:-40rem;
    padding: 0 15rem;
}
.address .search .icon{
    width: 50rem;
    height: 36rem;
    background-color: #BE2310;
    border-radius: 50rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-right: 20rem;*/
}
.address .search .icon img{
    width: 18rem;
    height: 18rem;
}
.address .search .input{
    border: none;
    width: 160rem;
    font-size: 20rem;
}
.address .search .text{
    border: none;
    width: 160rem;
    font-size: 20rem;
}

/* 友情链接 */
.links_PC {
    display: flex;
}

.links_H5 {
    display: none;
}
.links {
    width: 1434rem;
    height: 246rem;
    /*background-image: url(/images/brand_logo.png);*/
    background-repeat: no-repeat;
    background-size: contain;
    margin: 60rem auto 60rem;
    display: flex;
    justify-content: space-between;
}
.links .occupy1{
    width: 235rem;
    height: 246rem;
    cursor: pointer;
    border-right: 1px solid #c4c6c6; 
    padding-right: 50rem;
}
.links_PC .occupy1 {
    padding-right: 40rem;
}
    .links .top,
    .links .bottom {
        display: flex;
    }
.links .top>div,
.links .bottom>div{
    width: 136rem;
    height: 90rem;
    cursor: pointer;
}
    .links .top > div:nth-child(1) {
        width: 116rem;
        margin-left: 20rem;
    }
.links_PC .top > div:nth-child(1) {
    width: 106rem;
    margin-left: 40rem;
}
.links .top>div:nth-child(2){
    width: 140rem;
    margin-left:26rem;
}
    .links .top > div:nth-child(3) {
        width: 115rem;
        margin-left: 20rem;
    }

    .links .top > div:nth-child(4) {
        width: 90rem;
        margin-left: 20rem;
    }
.links_PC .top > div:nth-child(4) {
    width: 74rem;
    margin-left: 20rem;
}
    .links .top > div:nth-child(5) {
        margin-left: 20rem;
    }
    .links .top > div:nth-child(6) {
        width: 78rem;
        margin-left: 20rem;
    }
    .links .top > div:nth-child(7) {
        width: 125rem;
        margin-left: 20rem;
    }
    .links .top > div:nth-child(8) {
        width: 133rem;
        margin-left: 20rem;
    }
    .links .top > div:nth-child(9) {
        width: 110rem;
        margin-left: 20rem;
    }
.links .bottom{
    justify-content: center;
    margin: 45rem auto 0;
    border-top: 2px solid #b1b3b3;
    width:fit-content;
}
.links .bottom>div{
    width: 140rem;
}
.links .bottom>div:nth-child(2){
    margin: 0 100rem;
    width: 176rem;
}

/* 底部 */
.floor {
    background-color: #000;
    padding: 0rem 240rem 60rem;
    color: #fff;
}
.floor .first{
    display: flex;
    justify-content: space-between;
}
    .floor .first .logo {
        margin-top: 79rem;
        width: 135rem;
        height: 135rem;
        margin-left: 23rem;
    }
.floor .first .address {
    background-color: transparent;
    margin: 0;
    padding: 0;
    width: 1070rem;
    margin-top: 70rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction:column;
    align-items:center;
}
.floor .first .address .content .left,.floor .first .address .content .right{
    filter: drop-shadow(5rem 0px #fff);
}
.floor .first .address .search{
    background-color: #fff;
    margin-bottom:66rem;
}
    .floor .first .address .content{
        margin: 24rem auto 44rem
    }
    .floor .second {
        display: flex;
        align-items: flex-end;
        /*margin-top: 100rem;*/
    }
        .floor .second .btn {
            width: 131rem;
            height: 38rem;
            /*line-height: 44rem;*/
            border: 2rem solid rgba(195, 35, 16, .6);
            font-size: 18rem;
            text-align: center;
            border-radius: 2rem;
            margin-right: 190rem;
            margin-left: 23rem;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
        }
.floor .second .btn a {
    color:#fff;
    font-size: 18rem;
}
.floor .second .item{
    flex: 1;
}
.floor .second .item .top{
    border-bottom: 2rem solid rgba(195, 35, 16, .6);
    display: flex;
    justify-content: space-between;
    padding-bottom: 18rem;
    font-size: 16rem;
}
/*.floor .second .item .top .code:first-child{
    display:none;
}*/
    .floor .second .item .top .top_code {
        display: flex;
        flex-direction: column;
    }
    .floor .second .item .top .top_list {
        display: flex;
        justify-content: space-between;
        flex: 1;
    }

        .floor .second .item .top .top_list .list_item {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: end;
        }
            .floor .second .item .top .top_list .list_item > p:first-child {
                border-right: 1rem solid #eee;
                padding-right: 54rem;
                line-height: initial;
                padding:0 54rem 10rem 0;
            }
            .floor .second .item .top .top_list .list_item > p:last-child {
                border-right: 1rem solid #eee;
                padding-right: 54rem;
                line-height: initial;
                padding: 10rem 54rem 0rem 0;
            }
            .floor .second .item .top .code {
                width: 126rem;
                height: 126rem;
            }
    .floor .second .item .top .code_logo  {
   display:none;
    }
.floor .second .item .top{
    line-height: 36rem;
    text-align: right;
}
.floor .second .item .bottom{
    display: flex;
    justify-content: space-between;
    font-size: 18rem;
    margin-top: 15rem;
    margin-bottom:7rem;
}

body::-webkit-scrollbar {
    display: none
}

@font-face {
    font-family: 'fzzzhonghk radisson'; /* 中文大字默认*/
    src: url('fonts/fzzzhonghk radisson.ttf') format('truetype');
}

@font-face {
    font-family: 'knockouthtf49liteweight'; /* 英文默认*/
    src: url('fonts/Knockout-HTF49-Liteweight.ttf') format('opentype');
}
@font-face {
    font-family: 'SourceHanSansCNHeavy'; /* 英文默认*/
    src: url('fonts/SourceHanSansCN-Heavy.ttf') format('opentype');
}
@font-face {
    font-family: 'SourceHanSansCN-Normal'; /* 中文小字默认*/
    src: url('fonts/SourceHanSansCN-Normal.ttf') format('opentype');
}
@font-face {
    font-family: 'SourceHanSansCN-Light'; /* 中文小字默认*/
    src: url('fonts/SourceHanSansCN-Light.ttf') format('opentype');
}
.fwradisson {
    font-family: 'fzzzhonghk radisson'; /* 中文大字默认*/
}

.fwenred {
    font-family: 'SourceHanSansCN-Normal','SourceHanSansCNHeavy' !important; /* 英文默认*/
    font-display: optional;
    /*letter-spacing: 2rem;*/
}

.fwsmallcn {
    font-family: 'SourceHanSansCN-Light' !important; /* 中文小字默认*/
}
body {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    font-family: fzzzhonghk radisson;
    /*font-family: SourceHanSansCN-Normal;*/
    /*SourceHanSansCN-Normal Source Han Sans CN SourceHanSansCN-Normal*/
}

.fmilyE {
    font-family: knockouthtf49liteweight;
}

/*程序图标专门给手机端*/
.app {
    position: fixed;
    bottom: 200rem;
    right: 56rem;
    z-index: 999;
    display: block;
    /*display:none*/
}

    .app .item {
        width: 40rem;
        height: 40rem;
        margin: 20rem 0;
        position: relative;
    }

        .app .item .qrcode {
            width: 200rem;
            height: 200rem;
            position: absolute;
            top: 0;
            right: 50rem;
            display: none;
        }

        .app .item:hover .qrcode {
            display: block;
        }
.H5app{
    display:none;
}
.PCapp{
    display:block;
}
.search {
    position: relative;
}


.datalist {
    display: none;
    position: absolute;
    max-height: 120rem;
    width: 210rem;
    background-color: rgba(255,255,255,1);
    top: 45rem;
    left: 20rem;
    padding: 0 16rem;
    overflow-y: auto;
    border-radius: 0 0 8rem 8rem;
    box-sizing: border-box;
    z-index: 999;
}
.Home_datalist {
    display: none;
    position: absolute;
    max-height: 150rem;
    width: 210rem;
    background-color: rgba(255,255,255,.6);
    top: 45rem;
    left: 20rem;
    padding: 0 16rem;
    overflow-y: auto;
    border-radius: 0 0 8rem 8rem;
    box-sizing: border-box;
    border-bottom: 1rem solid;
    border-left: 1rem solid;
    border-right: 1rem solid;
    border-color: rgba(230,230,230,0.5)
}


    .datalist p {
        color: #000;
        display: block;
        height: 38rem;
        line-height: 38rem;
        width: 100%;
        border-bottom: 1rem solid #ecbeb8;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }




/* 手机端样式 */
@media screen and (max-width:750px) {
    /* 解决H5 左右两边拖动问题*/
    html,
    body {
        max-width: 100vw;
        overflow-x: hidden;
        /*font-family: Source Han Sans CN;*/
    }
    /* 头部导航 */
    .header {
        background-color: #130012;
        border-bottom: 1rem solid #c02310;
        width:100vw;
    }
    .header .tel {
        display: none;
    }
    .header .close{
        position:absolute;
        top:50%;
        left:50rem;
        transform:translateY(-50%) rotateZ(45deg);
    }
    .header .close::before,
    .header .close::after{
        content:"";
        display:block;
        width:4rem;
        height:34rem;
        background-color:#fff;
    }
    .header .close::after{
        position:absolute;
        top:50%;
        transform:translateY(-50%) rotateZ(90deg);
    }
    .header .list{
        display:block;
        position:absolute;
        top:50%;
        left:50rem;
        transform:translateY(-50%);
    }
    .header .list p{
        width:29rem;
        height:3rem;
        background-color:#fff;
        margin: 8rem 0;
    }
    .header ul{
        position:absolute;
        top:90rem;
        background:#130012;
        z-index:9;
        flex-direction:column;
        width:calc(100% - 137rem);
        padding: 50rem 68.5rem 80rem;
        display:none;
    }
    .header ul li{
        height: 80rem;
        line-height: 80rem;
        display: block;
        width:100%;
    }
    .header ul li.logo {
        height:80rem;
        display:none;
    }
    .header ul li .cn{
        border-bottom:1rem solid #727171;
        display:flex;
        justify-content:space-between;
        align-items:center;
        font-size:21rem;
    }
    .header ul li .cn::after{
        content:"";
        display:block;
        background-image: url(/images/home/right-icon.png);
        background-size: contain;
        background-repeat:no-repeat;
        filter: drop-shadow(5rem 0px #fff);
        width:16rem;
        height:20rem;
        margin-right: 24rem;
    }
    .header ul li .en{
        display:none;
    }
        .header ul li:hover .en,
        .header ul li.active .en,
        .header ul li:hover .cn,
        .header ul li.active .cn {
            background: transparent;
            letter-spacing: 2rem;
        }
    .header ul li:hover .cn,
    .header ul li.active .cn{
        display: flex;
    }
    .header .book {
        line-height:34rem;
        border: 1rem solid #c02310;
        font-weight:bold;
    }
    /*手机轮播图*/
    .img_bg {
        /*object-fit:contain;*/
        height: 520rem;
        overflow: hidden;
    }

        .img_bg img {
            height: 520rem;
            width: 100%;
            object-fit: cover;
        }
    /* 地址 */
    .address {
        width: 690rem;
        margin: -162rem auto 0;
        padding: 17rem 0 30rem;
    }
    .address .tit{
        font-size: 24rem;
    }
    .address .content{
        width: 594rem;
        font-weight:500;
        margin: 40rem auto;
    }
    .address .content .left{
        margin-right:20rem;
        height: 26rem;
    }
    .address .content .right {
        margin-left: 20rem;
        height: 26rem;
    }
    .address .search{
        flex-direction: row-reverse;
    }
    .address .search .icon{
        margin-left:20rem;
        margin-right:0;
    }
        .address .content .item p:first-child {
            font-size: 26rem;
            font-family: SourceHanSansCN-Medium;
        }
        .address .content .item p:last-child {
            font-size: 18rem;
            white-space: nowrap;
            transform: scale(1);
        }
    /* 底部 */
    .floor {
        padding: 0rem 30rem 60rem;
        margin-top:178rem;
        position:relative;
    }
    .floor .first .logo,
    .floor .second .btn,
    .floor .address .tit{
        display:none;
    }
    .floor .second .item .top .code{
        width: 112rem;
        height: 112rem;
        margin-right: 16rem;
    }
        .floor .first .address .content{
            margin:32rem auto 32rem;
        }
            .floor .first .address .content p {
                /*font-size: 16rem;*/
                font-family: Source Han Sans CN;
                font-weight: 400;
                color: #FFFFFF;
            }
            .floor .second .item .top .top_code {
                display: block
            }
        .floor .first {
            margin-bottom: 76rem;
        }
            .floor .first .address {
                flex-direction: column;
                align-items: center;
                margin-top: 32rem;
            }
        .floor .second .item .top .top_list {
            display: block;
        }
            .floor .second .item .top .top_list .list_item{
                display:block;
            }
                .floor .second .item .top .top_list .list_item > p {
                    padding: 0;
                    border: none;
                    font-size: 18rem;
                    font-family: Source Han Sans CN;
                    font-weight: 300;
                    color: #FFFFFF;
                }
                .floor .second .item .top .top_list .list_item > p:first-child {
                    padding: 0;
                    border: none;
                    line-height: inherit;
                }
                .floor .second .item .top .top_list .list_item > p:last-child {
                    padding: 0;
                    border: none;
                    line-height: inherit;
                }
        /*.floor .second .item .bottom*/
        .floor .second .item .bottom {
            margin-bottom: 0rem;
            font-size: 18rem;
            font-family: Source Han Sans CN;
            font-weight: 300;
        }
        .floor .first .address .search{
            margin-bottom:0rem;
        }
        .app {
            position: absolute;
            bottom: 586rem;
            right: 30rem;
            width: 240rem;
        }
    .app .item{
        display:inline-block;
        margin:0 20rem;
    }
        .app .item:last-child {
        margin-right:0rem;
        }
        /*友情链接*/
        .links {
            display: none;
        }

    .H5app {
        display: block;
    }
    .PCapp {
       
        display: none;
    }


    .datalist {
       
        left:18rem;

    }
        .datalist p {
            font-size: 22rem;
        }
    .floor .second .item .top .code_logo {
        display: inline-block;
    }
    .Home_datalist{
        max-height:120rem;
    }
}