*{
    margin: 0;
    padding: 0;
}
html{
    font-size: 14px;
    min-width: 1000px;
}
body{
    min-width: 1000px;
}
/* 8-14 */
@media screen and (max-width: 1200px) {
    html {
        font-size: 8px;
    }
}
@media screen and (min-width: 1200px) {
    html {
        font-size: 9px;
    }
}
@media screen and (min-width: 1300px) {
    html {
        font-size: 10px;
    }
}
@media screen and (min-width: 1400px) {
    html {
        font-size: 11px;
    }
}
@media screen and (min-width: 1500px) {
    html {
        font-size: 12px;
    }
}
@media screen and (min-width: 1600px) {
    html {
        font-size: 13px;
    }
}
@media screen and (min-width: 1800px) {
    html {
        font-size: 13.5px;
    }
}

@font-face {
    font-weight:400;
    font-style:normal;
    font-family: 'SourceHanSansCN-Normal';
    font-display: swap;
    src: url(img/SourceHanSansCN-Normal.otf);
}
@font-face {
    font-weight:400;
    font-style:normal;
    font-family: 'SourceHanSansCN-Medium';
    font-display: swap;
    src: url(img/SourceHanSansCN-Medium.otf)
}
@font-face {
    font-weight:400;
    font-style:normal;
    font-family: 'NotoSansHans-Regular';
    font-display: swap;
    src: url(img/SourceHanSansCN-Regular.otf)
}

div{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
p{
    margin: 0;
}
.felx-r{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.felx-c{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.felx-1{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.js-sb{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.ai-c{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.jc-c{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.jc-f{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.ai-fe{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.h-100{
    height: 100%;
}
.w-100{
    width: 100%;
}
.wh-100{
    width: 100%;
    height: 100%;
}
.position-r{
    position: relative;
}
.position-i{
    position: inherit;
}
.od{
    overflow: hidden;
}
.ta-c{
    text-align: center;
}

#header-box{
    width: 100%;
    height: 50px;
    background: #313131;
    position: relative;
    z-index: 9999;
}
.color-ff{
    color: #ffffff;
}
.color-12{
    color: #121212;
}
.color-38{
    color: #383838;
}

/* 产品详情顶部选项 */
.trash-option{
    height: 60px;
    background: rgba(255, 255, 255, 0.5);
    padding-right: 6.7%;
    position: relative;
    z-index: 999;
    width: 100%
}
.trash-option-item{
    padding: 0 10px;
    min-width: 78px;
    text-align: center;
    font-family: PingFangSC-Regular,Noto Sans SC;
font-weight: 400;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.trash-option-item:hover,.trash-option-item-active{
    color: #888888;
}
.trash-option-item .dropdown-menu{
    position: absolute;
    left: 0;
    z-index: 1000;
    top: 50px;
    float: left;
    min-width: 160px;
    font-size: 14px;
    text-align: left;
    background-color: inherit;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: inherit;
            box-shadow: inherit;
    border:inherit;
    background-clip:inherit;
    border-left: none;
    border-right: none;
}
.trash-option-item .dropdown-menu-ul{
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 7px 0 rgba(222,222,222,0.50);
            box-shadow: 0 2px 7px 0 rgba(222,222,222,0.50);
    border: none;
    border-radius: 8px;
    top: 40px;
    list-style: none;
}
.trash-option-item .dropdown-menu-ul a{
    font-family: PingFangSC-Regular,Noto Sans SC;
font-weight: 400;
    font-size: 14px;
    color: #333333!important;
    letter-spacing: 0;
    line-height: 40px;
    white-space: nowrap;
}
.trash-option-item .dropdown-menu-ul li a:hover{
    background: #ffffff!important;
    color: #333333;
    text-decoration: underline;
}
/* 产品详情顶部选项:end */
/* 面包屑 */
.page-crumbs{
    background: #1B1B1C;
    height: 86px;
}
.crumbs-box{
    width: 62.5%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 85px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: PingFangSC-Regular,Noto Sans SC;
font-weight: 400;
    font-size: 0.92rem;
    color: #999999;
    letter-spacing: 0;
}
.page-crumbs .footer-line{
    width: 62.5%;
    margin: 0 auto;
    min-width: 750px;
}
.crumbs-box img{
    height: 13px;
    vertical-align: inherit;
}
/* 面包屑:end */
/* 段落文字 */
.section-describe{
    position: absolute;
    color: #121212;
}
.page-section .section-describe{
    /* transform: translate(0,-200px);
    transition: all 1.5s ease;
    opacity: 0; */
}
.section-describe .section-describe-1{
    font-family: PingFangSC-Light,Noto Sans SC;
font-weight: 300;
    font-size: 2rem;
    letter-spacing: 0;
    /* font-weight: lighter; */
    margin-bottom: 9px;
    -webkit-transform: translate(0,100px);
            transform: translate(0,100px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.section-describe .section-describe-2{
    font-family: PingFangSC-Medium,Noto Sans SC;
font-weight: 500;
    font-size: 4.64rem;
    letter-spacing: 0;
    margin-bottom: 30px;
    line-height: 72px;
    -webkit-transform: translate(0,100px);
            transform: translate(0,100px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.section-describe .section-describe-3{
    font-family: PingFangSC-Light,Noto Sans SC;
font-weight: 300;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 38px;
    -webkit-transform: translate(0,100px);
            transform: translate(0,100px);
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
    /* font-weight: lighter; */
}
.section-describe .section-describe-4{
    -webkit-transform: translate(0,100px);
            transform: translate(0,100px);
    -webkit-transition: all 1.5s;
    transition: all 1.5s ease;
    font-family: PingFangSC-Light,Noto Sans SC;
font-weight: 300;
    /* font-weight: lighter; */
    font-size: 1.57rem;
}
/* 段落文字:end */
/* 弹窗 */
.modal-box{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999999999;
    background: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 1000px;
}
.modal-content-box{
    background: #ffffff;
    border-radius: 10px;
    width: 24%;
}
.close-modal-btn-box{
    text-align: right;
}
.close-modal-btn{
    padding: 1rem;
    cursor: pointer;
}
.close-modal-btn img{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 1.42rem;
    height: 1.42rem;
}
.close-modal-btn:hover img{
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.tn-modal-content{
    width: 66%;
    margin: 0 auto;
}
.tn-modal-title{
    font-family: PingFangSC-Medium,Noto Sans SC;
font-weight: 500;
    font-size: 2.28rem;
    color: #121212;
    letter-spacing: 0;
    text-align: center;
}
.tn-modal-info{
    margin-top: 1rem;
    font-family: PingFangSC-Regular,Noto Sans SC;
font-weight: 400;
    font-size: 1rem;
    color: #323232;
    letter-spacing: 0;
    text-align: center;
}
.tn-modal-img{
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 4.28rem;
}


.carousel-caption{
    text-shadow: inherit;
}

.tran-describe-1{
    -webkit-transform: translate(0,100px);
            transform: translate(0,100px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.tran-describe-2{
    -webkit-transform: translate(0,100px);
            transform: translate(0,100px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.tran-describe-3{
    -webkit-transform: translate(0,100px);
            transform: translate(0,100px);
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.go-home-page{
    cursor: pointer;
}
.to_top_btn{
    position: fixed;
    z-index: 999999;
    right: 3.5%;
    bottom: 15%;
    /* opacity: 0.33; */
    opacity: 1;
    cursor: pointer;
}
.to_top_btn:hover{
    opacity: 1;
}
.crumbs-href:hover{ 
    color: #FFFFFF;
}
#en.select{
    text-decoration: underline!important;
}
#ch.select{
    text-decoration: underline!important;
}

.crumbs-box a,.crumbs-box a:hover {
    color: #999999 !important;
}