@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{color:#000;line-height:1.3;overflow-x: hidden;background:#fff}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0; box-sizing:content-box;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}


strong,
b{
	font-weight: bold;
}

@media(min-width: 1481px){
    html{font-size: 100px}
}
@media(max-width: 1480px) and (min-width: 901px){
    html{font-size: calc(100vw / 1480 * 100);}
}
@media(max-width: 900px){
	html{font-size: calc(900px / 1480 * 100);}
}
@font-face{
    font-family: 'VNOptimumH';
    src: url(../fonts/VHOptimumH.TTF);
}
@font-face{
    font-family: 'SourceHanSans CN Light';
    src: url(../fonts/SourceHanSansCN-Light.otf);
}
@font-face{
    font-family: 'SourceHanSans CN Regular';
    src: url(../fonts/SourceHanSansCN-Regular.otf);
}
@font-face{
    font-family: 'SourceHanSans CN Medium';
    src: url(../fonts/SourceHanSansCN-Medium.otf);
}
body{font-size: 14px; font-family: "SourceHanSans CN Light","思源黑体 CN Light",sans-serif;background-color: #fff;}
body *{box-sizing: border-box;}
.anmitem {
    transition: all ease .7s 0s; 
    -moz-transition: all ease .7s 0s; 
    -webkit-transition: all ease .7s 0s;
}
.oov,
.tov,
.thov {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.oov {
    -webkit-line-clamp: 1;
    white-space：nowrap;
}

.tov {
    -webkit-line-clamp: 2;
}

.thov {
	-webkit-line-clamp: 3;
}
.layout{
	max-width: 1480px;
	margin: 0 auto;
}

.scr-box{
    height: 100%;
    overflow-y: auto;
}
.scr-box::-webkit-scrollbar {
    width: 5px;
    background: transparent;
    border-radius: 0px;
}
.scr-box::-webkit-scrollbar-thumb {
    background: #644f34;
}
.scr-box::-webkit-scrollbar-thumb:window-inactive {
    background: transparent; 
}

.header{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 12;
    width: 100%;
    background: #c9bda6;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
    max-width: 1920px;
    left: initial;
}
.header .hd-tp{
    padding: 0 1.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    position: relative;
}
.header .hd-lk{
    position: absolute;
    right: 0;
    top: 0;
}
.header .hd-lk li{
    float: left;
    margin-left: 0.1rem;
}
.header .hd-lk a{
 font-size: calc(12px - 0.12rem + 0.12rem);
 color: #fff;
}
.header .lk-sto:after,
.header .lk-con:before{
    content: '';
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: -0.04rem;
}
.header .lk-sto:after{
    margin-left: 0.05rem;
    background-image: url(../images/icon-store.png);
}
.header .lk-con:before{
    margin-right: 0.05rem;
    background-image: url(../images/icon-contact.png);
}
.header .logo{
    display: inline-block;
    text-align: center;
}
.header .logo img{
    height: 0.33rem;
    vertical-align: middle;

}
.header.fixed{
    height: 0.55rem;
}
.header.fixed .logo{
    position: absolute;
    left: 0;
}
.header.fixed .hd-tp{
    padding: 0;
}
.fixed .content{
    margin-top: -0.52rem;
}
.header.fixed .hd-tp{
    height: 0.55rem;
    line-height: 0.55rem;
}
.header.fixed .logo img{
    height: 0.24rem;
}

.header .hd-rg{
    text-align: center;
    width: 100%;
}
.nav{
    height: 0.5rem;
    line-height: 0.5rem;
    display: inline-block;
    position: relative;
}
.nav .fir-nav{
    display: inline-block;
    margin: 0 0.62rem;
    position: relative;
}
.nav .fir-nav:first-of-type{
    margin-left: 0;
}
.nav .fir-nav:last-of-type{
    margin-right: 0;
}
.nav .pro-nav{
    position: static;
}
.nav .fir-nav>a{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
    display: inline-block;
    position: relative;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}

.nav .on>a:after,
.nav .fir-nav:hover>a:after{
    width: 100%;
}
.nav .sec-box{
    position: absolute;
    z-index: 3;
    line-height: normal;
    width: 200%;
    left: 0px;
    overflow: unset !important;
    text-align: left;
    padding-top: 0.35rem;
    margin-top: -2px !important;
    display: none;
}
.nav .sec-box:before{
    content: '';
    width: 0.48rem;
    height: 1px;
    background: #fff;
    display: block;
    margin-bottom: 0.1rem;
}
.nav .sec-box:after{
    content: '';
    width: 10000px;
    height: 100%;
    padding-bottom: 0.3rem;
    position: absolute;
    background: #c9bda6;
    left: -3000px;
    top: 0;
    z-index: -1;
}
.nav .sec-nav a{
    display: block;
    height: 0.3rem;
    line-height: 0.3rem;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.nav .pro-box{
    width: 100%;
}
.nav .pro-box:before{
    display: none;
}
.nav .sec-box .con{
    height: 100%;
    overflow-y: hidden;
}
.nav .pro-box .con{
    justify-content: space-between;
    display: flex;


}
.nav .sec-cl{
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 0.32rem;
    font-family: "SourceHanSans CN Medium","思源黑体 CN Medium",sans-serif;
}
.nav .sec-cl:before{
    content: '';
    width: 0.48rem;
    height: 1px;
    background: #fff;
    display: block;
    margin-bottom: 0.1rem;
}
.header .layout{
    max-width: 1750px;
}
.header .menu-icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    float: right;
    position: relative;
    z-index: 100;
    top: 20px;
    display: none;
    cursor: pointer;
}
.header .menu-icon em {
    width: 26px;
    height: 2px;
    display: block;
    background: #5a462f;
    text-align: right;
    position: absolute;
    right: 0;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.header .menu-icon em:first-of-type {
    top: 0px;
}
.header .menu-icon em:nth-of-type(2) {
    top: 10px;
}
.header .menu-icon em:last-of-type {
    top: 20px;
}
.header .menu-icon.on em:first-of-type {
    transform: translate(0, 10px) rotate(-45deg);
    -moz-transform: translate(0, 10px) rotate(-45deg);
    -webkit-transform: translate(0, 10px) rotate(-45deg);
    -ms-transform: translate(0, 10px) rotate(45deg);
}
.header .menu-icon.on em:nth-of-type(2) {
    transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
}
.header .menu-icon.on em:last-of-type {
    transform: translate(0, -9px) rotate(45deg);
    -moz-transform: translate(0, -9px) rotate(45deg);
    -webkit-transform: translate(0, -9px) rotate(45deg);
    -ms-transform: translate(0, -9px) rotate(45deg);
}
.header .rg-menu{
    float: right;
    margin-top: 0.34rem;
}
.ej-gray {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 10;
    top: 0;
    display: none;
}

.ej-pic{
    width: 100%;
    height: 100%;
    display: block;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.ej-bg{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-nor{
    background-color: #eeebe5;
}
.ej-pic img,
.ej-pic .ej-bg{
    display: block;
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}

body{
    padding-top: 1.18rem;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.footer{
    background: #1a1a1a;
    position: relative;
    z-index: 3;
}
.footer .layout{
    max-width: 1200px;
}
.footer .f-col{
    width: 25%;
    text-align: center;
    float: left;
}
.footer .f-item{
    margin-top: 0.5rem;
}
.footer .mt-30{
    margin-top: 0.2rem;
}
.footer .mt-30 .f-hd{
    display: none;
}
.ft-tp{
    padding: 0.1rem 0 0.3rem;
}


.footer .f-hd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #7a7a7a;
    padding-bottom: 0.1rem;
    position: relative;
    font-family: "NotoSansHans DemiLight","思源黑体 CN DemiLight",sans-serif;
}
.footer .f-hd:after{
    content: "";
    width: 0.5rem;
    height: 1px;
    background: #666;
    display: block;
    margin-top: 0.45rem;
    margin-bottom: 0.1rem;
}
.footer .hd-c1:after{
    display: none;
}
.footer .f-lb{
    font-size: calc(12px - 0.12rem + 0.12rem);
    color: #fff;
    line-height: 0.32rem;
}
.footer .f-ic{
    position: relative;
}
.footer .s-ic{
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.08rem;
    height: 22px;
}
.footer .f-ic .pic{
    position: absolute;
    bottom: 0px;
    left: -125px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    background: #fff;
    display: none;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.footer .pic img{
    max-width: 100%;
    max-height: 100%;
}
.footer .pic:after{
    /* content: '';
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -6px;
    border-top: 8px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent; */
}
.footer .f-ic:hover .pic{
    display: block;
}
.footer .mgl{
    margin-left: calc(22px + 0.08rem);
}

.ft-nav dl{
    min-width: 1.2rem;
    text-align: left;
    display: inline-block;
}
.ft-nav .f-lb{
    font-family: "NotoSansHans Thin","思源黑体 CN Thin",sans-serif;
    display: block;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.ft-nav .f-lb:hover{
    color: #fff;
}
.ft-bt{
    padding: 0.2rem 0;
    text-align: center;
}
.ft-bt .f-lb{
    line-height: normal;
    color: #7a7a7a;
}




    /* @media screen and (max-width: 1220px){
        .header{
            padding-top: 0.2rem;
        }
        .header .hd-lk{
            right: 0.6rem;
    
        }
        .header .menu-icon {
            display: block;
            top: 0.35rem;
            right:0.3rem;
            margin-left: 0.3rem;
            position: absolute;
        }
        .header .hd-rg{
            padding-top: 60px;
            position: fixed;
            width: 100%;
            height: 100%;
            top:0;
            right: -100%;
            padding-left: 0;
            background: #fff;
            text-align: center;
            z-index: 11;
            opacity: 0;
            transition: all ease .3s 0s; 
            -moz-transition: all ease .3s 0s; 
            -webkit-transition: all ease .3s 0s;
        }
        .header .hd-rg.on {
            right: 0;
            opacity: 1;
        }
        .header .hd-rg .content{
            height: 100%;
            overflow-y: auto;
            padding-bottom: 60px;
            padding-top: 20px;
        }
        .nav{
            width: 100%;
            float: none;
            height: auto;
            padding: 0 0.4rem;
            text-align: left;
        }
        .nav .fir-nav{
            float: none;
            width: 100%;
            margin: 0;
            height: auto;
            line-height: 50px;
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }
        .nav .fir-nav>a{
            width: 100%;
            padding: 0;
        }
    
        .nav .sec-box{
            width: 100%;
            position: static;
            background: transparent;
            margin-left: 0;
        }
        .nav .sec-box:before{
            display: none;
        }
        .nav .sec-box{
            padding: 0.1rem 0.2rem;
        }
        .nav .sec-nav a{
            height: auto;
            line-height: 0.5rem;
        }
        .nav .has-sec>a{
            pointer-events: none;
        }
        .nav .has-sec>a::before {
            display: block;
            content: '';
            position: absolute;
            right: 10px;
            top: 50%;
            border-top: 2px solid #5a462f;
            border-right: 2px solid #5a462f;
            width: 7px;
            height: 7px;
            transform:rotate(135deg);
            margin-top: -4px;
        }
        .nav .fir-nav>a:after{
            display: none;
        }
        .nav .on>a{
            color: #333;
        }
        .header .sec-box{
            position: static;
            background: none;
    
        }
        .header .active .sec-down{
            display: block !important; 
        }
        .nav .sec-cl{
            line-height: 0.5rem;
        }
        .nav .sec-cl:before{
            display: none;
        }
        .footer .f-lb{
            line-height: 0.5rem;
        }
    
        } */

    /* @media screen and (max-width: 767px){
        .header .hd-lk{
            display: none;
        }
        .header .logo img{
            height: 0.4rem;
        }
        .header{
            height: 0.8rem;
            line-height: 0.8rem;
            padding-top: 0;
        }
        .header .hd-tp{
            height:0.8rem;
            line-height: 0.8rem;
            padding: 0;
        }
        .header .menu-icon{
            top: 0.15rem;
        }
        .nav .sec-nav a{
            font-size: calc(12px - 0.12rem + 0.14rem);
        }
        .ft-nav{
            width: 100%;
            float: none;
            margin-top: 0.4rem;
        }
        .footer .f-col{
            float: none;
            width: 100%;
        }
        .footer .f-item{
            margin-top: 0.2rem;
        }
        .footer .f-hd:before, .footer .f-hd:after{
            left: 50%;
            margin-left: -0.6rem;
        }
        .ft-nav dl {
            border-bottom: 1px solid #333;
            width: 100%;
            padding-top: 0.1rem;
            padding-bottom: 0.1rem;
            float: none;
            margin-left: 0;
        }
        .ft-nav dt{
            margin-bottom: 0;
        }
        .ft-nav dd{
            display: none;
            line-height: 0.6rem;
            margin-bottom: 0;
            padding-left: 0.3rem;
        }
        .ft-nav dt{
            position: relative;
        }
        .footer .mt-30 .f-hd{
            display: block;
        }
        .ft-nav .has-sec dt::after {
            display: block;
            content: '';
            position: absolute;
            right: 10px;
            top: 50%;
            border-top: 2px solid #7a7a7a;
            border-right: 2px solid #7a7a7a;
            width: 7px;
            height: 7px;
            transform: rotate(135deg);
            margin-top: -6px;
        }
        .ft-nav .f-hd:before, .ft-nav .f-hd:after{
            display: none;
        }
        .ft-nav .on dd {
            display: block;
        }
        .ft-tp{
            padding: 0.3rem 0 0.4rem;
        }
        .ft-bt{
            padding: 0.2rem 0.3rem 0.3rem;
        }
        .footer .f-lb{
            line-height: normal;
        }
    
        } */




/* 首页 */
.hm-static{
    width: 100%;
}
.hm-page{
    width: 100%;
    height: 12.3rem;
}
.hm-page .ban-it{
    display: block;
    width: 100%;
    height: 100%;
}

.hm-pro{
    padding-top: 0.7rem;
    position: relative;
    overflow: hidden;
}
.hm-video{
    padding: 0.7rem 0 0.9rem;
    position: relative;
    overflow: hidden;
}
.hm-pro .layout,
.hm-video .layout{
    max-width: 1480px;
}
.hm-pro .content{
    display: flex;
    justify-content: space-between;
    flex-Wrap:wrap;
}
.tt-mod{
    text-align: center;
    color: #5a462f;
    padding: 0.4rem 0;

}
.tt-mod.w-mod{
    color: #fff;
}
.tt-mod .en{
    font-size: calc(12px - 0.12rem + 0.16rem);
    text-transform: uppercase;
    word-spacing: 2px;
    font-family: "VNOptimumH";
}
.tt-mod .cn{
    font-size: calc(12px - 0.12rem + 0.38rem);
    /* font-family: "NotoSansHans DemiLight","思源黑体 CN DemiLight",sans-serif; */
}
.tt-mod .cn1{
    font-size: calc(12px - 0.12rem + 0.25rem);
}
.tt-mod .cn:before{
    content: '';
    width: 0.32rem;
    /* height: 1px; */
    display: block;
    margin: 0.15rem auto 0.15rem;
    /* background: #5a462f; */
    border-top: 1px solid;
}
.tt-mod.w-mod .cn:before{
    background: #fff;
}

.pro-item{
    height: 4.38rem;
    width: 49%;
    position: relative;
    margin-bottom: 0.35rem;
    display: block;
}
.pro-item .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.pro-item:hover .ej-pic{
    transform:scale(1.1);
}

.pro-item .tex{
    text-align: center;
    color: #5a462f;
    position: relative;
    height: 100%;
    transform:translateX(-50%);
    padding: 1.35rem 25% 0;
}
.pro-item.it-rg .tex{
   transform:translateX(50%); 
}
.pro-item .en{
    font-size: calc(12px - 0.12rem + 0.15rem);
    text-transform: uppercase;
    font-family: "VNOptimumH";
}
.pro-item .cn{
    font-size: calc(12px - 0.12rem + 0.25rem);
    /* font-weight: bold; */
    font-family: "SourceHanSans CN Medium","思源黑体 CN Medium",sans-serif;
}

.pro-item .cn:before{
    content: '';
    width: 0.26rem;
    height: 1px;
    display: block;
    margin: 0.15rem auto 0.1rem;
    background: #5a462f;
}

.pro-item .btn{
    margin-top: 0.3rem;
    width: 0.84rem;
    height: 0.3rem;
    line-height: 0.3rem;
    border: 1px solid #5a462f;
    display: inline-block;
}

.video-mod{
    width: 100%;
    /* height: 8.3rem; */
    background: #000;
    position: relative;
    height: 0;
    padding-top: 56%;
}
.video-mod .vd-post{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.video-mod .vd-post:before{
    content: '';
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/icon-play.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.55rem;
    margin-left: -0.55rem;
    cursor:pointer;
}
.video-mod video{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    object-fit: contain;
    background: #000;
}




/* 防伪查询 */

.anti-page{
    height: 8.8rem;
    padding-top: 0.7rem;
    position: relative;
}
.anti-page .layout{
    max-width: 770px;
    padding-left: 0;
    padding-right: 0;
}
.tt-mod1{
    text-align: center;
}

.tt-mod1 .en{
    display: inline-block;
    font-size: calc(12px - 0.12rem + 0.56rem);
    color: #806435;
    margin-bottom: 0.2rem;
    /* text-transform: uppercase; */
    font-family: 'SourceHanSans CN Regular','思源黑体 CN',sans-serif;
    background-image:-webkit-linear-gradient(45deg,#575048,#a17834,#86642f); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
    text-transform: uppercase;
}
.tt-mod1.cs-fz .en{
    background-image:-webkit-linear-gradient(45deg,#a17834,#7c6237,#59524a); 
}

.tt-mod1 .cn{
    font-size: calc(12px - 0.12rem + 0.23rem);
    color: #595147;
}
.tt-mod1 .cn:before,
.tt-mod1 .cn:after{
    content: '';
    width: 1.54rem;
    height: 1px;
    background: #595147;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.2rem;
}

.anti-page .pg-bt{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0.25rem;
}
/* .anti-page .pg-bt .layout{
    padding: 0 0.3rem;
} */

.anti-page .lt-box{
    float: left;
    width: 1.1rem;
    position: relative;
}
.anti-page .lt-box:after{
    content: '';
    width: 17px;
    height: 11px;
    position: absolute;
    bottom: 0;
    right: -0.4rem;
    background: url(../images/icon-arr.png) no-repeat center;

}
.anti-page .lt-box img{
    max-width: 100%;
}

.anti-page .pg-fm{
    margin-left: 1.8rem;
}
.anti-page .lb{
    font-size: calc(12px - 0.12rem + 0.13rem);
    color: #575048;
    margin-bottom: 0.18rem;
}
.anti-page .fm-it{
    width: 100%;
    display: flex;
}
.anti-page .tex{
    width: 80%;
    height: 0.34rem;
    line-height: 0.34rem;
    border: 2px solid #b1b1b1;
    background: transparent;
    flex-shrink: 1;
    flex: 1;
    padding: 0 0.2rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.anti-page .btn{
    width: 1rem;
    height: 0.34rem;
    line-height: 0.34rem;
    flex-shrink: 0;
    border: none;
    color: #fff;
    background: #8d8d90;
    cursor: pointer;
    margin-left: 0.25rem;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
    font-size: calc(12px - 0.12rem + 0.18rem);
}
.anti-page .btn:hover{
    background: #5a462f;
}

.anti-pop{
    width: 6.9rem;
    height: 3.85rem;
    line-height: 2.85rem;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -3.45rem;
    margin-top: -1.92rem;
    padding: 0.5rem;
    text-align: center;
    z-index: 21;
}

.pop-gray{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
}

.anti-pop .close{
    width: 0.7rem;
    height: 0.7rem;
    background:url(../images/icon-close.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 3;
}
.anti-pop .content{
    display: inline-block;
    vertical-align: middle;
    line-height: 2;
    color: #4b4949;
    font-size: calc(12px - 0.12rem + 0.19rem);
    position: relative;
    z-index: 3;
}


/* 公告 */
.noti-page{
    padding-top: 0.4rem;
    padding-bottom: 0.3rem;
}

.noti-page .layout{
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
}

.noti-page .content{
    border-top: 1px solid #5a462f;
    padding-bottom: 1rem;
}


.tt-mod2{
    text-align: center;
    margin-bottom: 0.4rem;
}

.tt-mod2 .en{
    font-size: calc(12px - 0.12rem + 0.4rem);
    color: #5a462f;
    text-transform: uppercase;
    font-family: "VNOptimumH";
}

.tt-mod2 .cn{
    font-size: calc(12px - 0.12rem + 0.38rem);
    color: #595147;
}
.tt-mod2 .cn:before{
    content: '';
    width: 26px;
    height: 1px;
    background: #595147;
    display: block;
    margin: 0.1rem auto 0.1rem;
}

.noti-item{
    display: block;
    padding:0.3rem 0.5rem 0.3rem 0;
    border-bottom: 1px solid #5a462f;
    font-size: calc(12px - 0.12rem + 0.28rem);
    color: #5a462f;
    position: 0.3rem;
    position: relative;
}
.noti-item:after{
    content: '';
    border-top: 1px solid #5a462f;
    border-right: 1px solid #5a462f;
    width: 16px;
    height: 16px;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    right: 12px;
    top: 50%;

}


.ej-page {
    text-align: center;
    padding: 2% 0%;
}

.ej-page a {
    height: 24px;
    width: 42px;
    line-height: 24px;
    display: inline-block;
    box-sizing: border-box;
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #595147;
    margin: 5px 2px;
    transition: all ease .2s 0s;
    -moz-transition: all ease .2s 0s;
    -webkit-transition: all ease .2s 0s;
}

.ej-page .button {
    padding: 0 15px;
    width: auto;
}

.ej-page a:hover,
.ej-page a.on {
    background: #dfd5db;
}


/* 最新资讯 */

.news-page{
    /* padding-top: 1.5rem; */
    padding-bottom: 0.5rem;
    margin-top: 8.9rem;
    background: #fff;
    position: relative;
}
.news-page:before{
    content: '';
    height: 5rem;
    width: 100%;
    position: absolute;
    top: -2rem;
    background: url(../images/bg-gra.png);
    background-size: auto 100%;
}
.news-page .layout{
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
}
.news-page .content{
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.1rem;
}


.nw-item{
    width: 48%;
    display: block;
    margin-bottom: 0.75rem;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}

.nw-item:hover{
    transform:translateY(-0.2rem);
}

.nw-item .pic{
    /* height: 3.3rem; */
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 58%;
}
.nw-item video{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
}
.nw-item .pic .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.nw-item .tex{
    padding: 0.2rem 0 0;
    display: block;
}
.nw-item .tt{
    font-size: calc(12px - 0.12rem + 0.23rem);
    color: #595147;
    line-height: 1.5;
    height: 0.8rem;
}
.nw-item .bt{
    height: 0.3rem;
    line-height: 0.3rem;
    margin-top:0.15rem;
    position: relative;
}
/* .nw-item .bt:before{
    content: '';
    width: 0.86rem;
    height: 1px;
    background: #5a462f;
    position: absolute;
    right: 0;
    bottom: 0;
} */
.nw-item .btn{
    padding: 0 0.12rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    border: 1px solid #5a462f;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #5a462f;
    float: left;
}

.nw-item .tm{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #5a462f;
    float: right;
}

.ban-mod{
    height: 8.8rem;
    padding-top: 0.2rem;
    /* margin-top: 0.45rem; */
}
.ban-news{
    height: 9.95rem;
    padding-top: 0.7rem;
}
.ban-fix{
    position: fixed;
    width: 100%;
    z-index: -1;
    top: 0.5rem;
    left:0;

}




/* 文章页面 */
.ban-art{
    height: 12.7rem;
}

.art-page{
    padding-top: 1.6rem;
    background: url(../images/bg-gra.png) repeat-x;
    background-position: bottom;
    background-size: auto 5rem;
}

.art-page .layout{
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
}

.art-page .content{
    width: 100%;
    background: rgba(255,255,255,0.72);
    height: 11.1rem;
    /* margin-top: -11rem; */
    padding: 0.5rem 0.8rem;
    overflow-y: auto;
}

.art-page .art-hd{
    margin-bottom: 0.3rem;
}
.art-page .art-hd:after{
    content: '';
    display: block;
    width: 52px;
    height: 1px;
    background: #4b4949;
}
.art-page .a-tt{
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #3e3a3a;
    margin-bottom: 0.2rem;
    font-family: 'SourceHanSans CN Regular','思源黑体 CN',sans-serif;
}
.art-page .a-tm{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #898989;
    margin-bottom: 0.3rem;
}

.art-gui{
    margin-bottom: 0.3rem;
    color: #595147;
}
.art-gui:after{
    content: '';
    display: block;
    width: 52px;
    height: 1px;
    background: #4b4949;
    margin-top: 0.35rem;
}
.art-gui .g-tt{
    font-size: calc(12px - 0.12rem + 0.23rem);
    line-height: 2;
    margin-bottom: 0.1rem;
    font-family: 'SourceHanSans CN Regular','思源黑体 CN',sans-serif;
}
.art-gui .g-dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 2;
}

.art-page .art-tex{
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 2;
    color: #727171;
}
.art-page img{
    max-width: 100%;
}


.art-page .art-bt{
    width: 100%;
    height: 3.1rem;
    background: rgba(255,255,255,0.72);
    padding: 0.8rem 0.8rem 0.7rem;
    border-bottom: 1px solid #4b4949;
}

.art-page .art-bt li{
    margin-bottom: 0.2rem;
}

.art-page .art-bt a{
    font-size: calc(12px - 0.12rem + 0.25rem);
    color: #5a462f;
}
.art-page .art-bt a span{
    font-family: 'SourceHanSans CN Regular','思源黑体 CN',sans-serif;
}
.art-page .art-bt a:hover{
    text-decoration: underline;
}

.art-page .back{
    display: block;
    margin: 0.5rem auto 0;
    width: 1.4rem;
    text-align: center;
}

.tt-mod3{
    text-align: center;
    color: #5a462f;
    padding: 0.4rem 0;

}
.tt-mod3 .en{
    font-size: calc(12px - 0.12rem + 0.15rem);
    text-transform: uppercase;
    word-spacing: 2px;
    font-family: "VNOptimumH";
}
.tt-mod3 .cn{
    font-size: calc(12px - 0.12rem + 0.26rem);
}
.tt-mod3 .cn:before{
    content: '';
    width: 0.32rem;
    height: 1px;
    display: block;
    margin: 0.1rem auto 0.15rem;
    background: #5a462f;
}

.rela-page{
    padding: 0.3rem 0;
    background: #fff;
}
.rela-page .layout{
    max-width: 1200px;
}
.rela-page .pro-item1{
    width: 50%;
    margin-bottom: 0;
}
.rela-page .pro-item1 .pic{
    padding-top: 64%;
}

.pro-item1{
    width: 25%;
    padding: 0 0.1rem;
    text-align: center;
    display: block;
    color: #5a462f;
    margin-bottom: 0.6rem;
    float: left;
}

.pro-item1 .pic{
    width: 100%;
    /* height: 4.74rem;
    line-height: 4.74rem; */
    margin: 0 auto;
    height: 0;
    /* padding-top: 128%; */
    padding-top: 106%;
    position: relative;
    /* overflow: hidden; */
}
.pro-item1 .img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.pro-item1:hover .img{
    transform: scale(1.1);
}

.pro-item1 .tex{
    padding: 0.15rem 0.2rem 0.2rem;
    height: 2.7rem;
    position: relative;
    z-index: 2;
}
.pro-item1 .en{
    font-size: calc(12px - 0.12rem + 0.15rem);
    text-transform: uppercase;
    font-family: "VNOptimumH";
    position: relative;
    z-index: 10;
}
.pro-item1 .cn{
    font-size: calc(12px - 0.12rem + 0.25rem);
    font-family: "SourceHanSans CN Medium","思源黑体 CN Medium",sans-serif;
}
.pro-item1 .cn:before{
    content: '';
    width: 28px;
    height: 1px;
    display: block;
    background: #5a462f;
    margin: 0.15rem auto 0.18rem;
}
.pro-item1 .pri{
    font-size: calc(12px - 0.12rem + 0.25rem);
    margin-top: 0.15rem;
}

.pro-item1 .btn{
    display: inline-block;
    /* width: 0.84rem; */
    height: 0.32rem;
    line-height: 0.3rem;
    border: 1px solid #5c4731;
    margin-top: 0.23rem;
    padding: 0 0.15rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
}



/* 隐私政策 */

.priv-page .gui{
    font-size: calc(12px - 0.12rem + 0.19rem);
    line-height: 1.6;
    color: #4f3926;
    padding: 0.1rem 0 0.2rem;
}

.priv-item{
    padding: 0.3rem 0.6rem 0.3rem 0;
    border-bottom: 1px solid #5a462f;
    position: relative;
}
.priv-item:after {
    content: '';
    border-top: 1px solid #5a462f;
    border-right: 1px solid #5a462f;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    position: absolute;
    right: 12px;
    top: 0.37rem;
    transition: all ease .3s 0s; 
    -moz-transition: all ease .3s 0s; 
    -webkit-transition: all ease .3s 0s;
}
.priv-item.on:after{
    transform: rotate(-45deg);
}
.priv-item .tt{
    font-size: calc(12px - 0.12rem + 0.27rem);
    color: #5a462f;
    font-family: "SourceHanSans CN Medium","思源黑体 CN Medium",sans-serif;
}
.priv-item .int{
    padding: 0.15rem 0.2rem 0;
    font-size: calc(12px - 0.12rem + 0.19rem);
    color: #4f3926;
    line-height: 1.6;
    display: none;
}
.priv-item .li{
    padding-left: 0.15rem;
    position: relative;
}
.priv-item .li:before{
    content: '•';
    position: absolute;
    left: 0;
    top: 0;
}



/* 联系我们 */

.cont-page{
    padding: 0.4rem 0 0.4rem;
}
.cont-page .layout{
    max-width: 830px;
    padding-left: 0;
    padding-right: 0;
}


.cont-page .cont-fm{
    width: 100%;
    padding: 0.15rem 0 0.5rem;
}
.cont-page .f-item{
    margin-bottom: 0.3rem;
}
.cont-page .f-item .lb{
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #4f3926;
    margin-bottom: 0.15rem;
}
.cont-page .f-item .inp{
    width: 100%;
    height: 0.54rem;
    line-height: 0.54rem;
    background: transparent;
    border: 1px solid #5a462f;
    padding: 0 0.2rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.cont-page .f-item .t-tex{
    height: 3.1rem;
    width: 100%;
    background: transparent;
    border: 1px solid #5a462f;
    padding: 0.2rem;
    outline: none;
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.cont-page .tips{
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #aaa299;
    margin-bottom: 0.3rem;
}
.cont-page .tips1{
    color: #4f3926;
}

.cont-page .tips a{
    color: #4f3926;
    text-decoration: underline;
}

.cont-page .f-btn{
    width: 100%;
    height: 0.54rem;
    line-height: 0.54rem;
    background: #5a462f;
    border: none;
    font-size: calc(12px - 0.12rem + 0.25rem);
    color: #fff;
    cursor: pointer;
    border-radius: 0.05rem;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;

}
.cont-page .f-btn:hover{
    background: #403222;
}
.cont-page .tt-mod4 .cn{
    font-family: "SourceHanSans CN Medium","思源黑体 CN Medium",sans-serif;
}


.tt-mod4{
    text-align: center;
    color: #5a462f;
    padding: 0.4rem 0;

}
.tt-mod4.no-pdb{
    padding-bottom: 0;
}
.tt-mod4 .cn{
    font-size: calc(12px - 0.12rem + 0.38rem);
    text-transform: uppercase;
    font-family: "VNOptimumH";
    /* font-family: "SourceHanSans CN Medium","思源黑体 CN Medium",sans-serif; */
}
.tt-mod4 .cn:after{
    content: '';
    width: 0.26rem;
    height: 1px;
    display: block;
    margin: 0.25rem auto 0.2rem;
    background: #5a462f;
}

.tt-mod4 .dd{
    font-size: calc(12px - 0.12rem + 0.2rem);
    line-height: 1.5;
}

.cont-page .onl-box{
    padding: 0 1rem;
    color: #4f3926;
}
.cont-page .onl-box .o-hd{
    margin-bottom: 0.4rem;
}
.cont-page .onl-box .lb,
.cont-page .onl-box .tm{
    float: left;
    font-size: calc(12px - 0.12rem + 0.2rem);
}
.cont-page .onl-box .tm{
    float: right;
    font-family: "SourceHanSans CN Medium","思源黑体 CN Medium",sans-serif;
}

.cont-page .onl-box .btn{
    display: block;
    width: 100%;
    height: 0.54rem;
    line-height: 0.54rem;
    border: 1px solid #5a462f;
    border-radius: 0.05rem;
    text-align: center;
    color: #4f3926;
    font-size: calc(12px - 0.12rem + 0.2rem);
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.cont-page .onl-box .btn:before{
    content: '';
    width: 0.27rem;
    height: 0.27rem;
    display: inline-block;
    vertical-align: middle;
    background:url(../images/icon-online1.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: -2px;
    margin-right: 5px;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.cont-page .onl-box .btn:hover{
    background:  #5a462f;
    color: #fff;
}
.cont-page .onl-box .btn:hover:before{
    background-image: url(../images/icon-online1-w.png);
}
.map-mod{
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    /* height: 4.55rem; */
    border: 3px solid #5a462f;
    margin-top: 0.85rem;
    position: relative;
}
.map-mod .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.cont-page .c-way{
    margin-top: 0.3rem;
}
.cont-page .c-way li{
    color: #4f3926;
    font-size: calc(12px - 0.12rem + 0.2rem);
    padding-left: 0.35rem;
    margin-bottom: 0.25rem;
    position: relative;
}
.cont-page .c-way li:before{
    content: '';
    width: 0.2rem;
    height: 0.33rem;
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.16rem;
}
.cont-page .c-way .ic-ps:before{
    background-image: url(../images/icon-ps.png);
}
.cont-page .c-way .ic-tel:before{
    background-image: url(../images/icon-tel1.png);
}

/* 二级跳转 */
.prod-page{
    /* padding-top: 0.7rem; */
    /* padding-bottom: 0rem; */
}
.prod-page .layout{
    max-width: 1650px;
}
.prod-page .tt-mod4 .cn{
    font-size: calc(12px - 0.12rem + 0.31rem);
}
.prod-page .tt-mod4 .cn:after{
    margin: 0.25rem auto;
    width: 0.48rem;
}
.prod-page .tt-mod4 .dd{
    font-size: calc(12px - 0.12rem + 0.17rem);
}
.prod-page .hd-box{
    margin: 0rem auto 0.6rem;
}
.prod-page .hd-box .pro-item1{
    margin-bottom: 0;
}
.prod-page .pd-video,
.prod-page .m-pro{
    width: 70%;
    position: relative;
    float: right;
}
.prod-page .m-pro{
    height: 0;
    padding-top: 40%;
    position: relative;
}
.prod-page .pd-video{
    height: 0;
    padding-top: 40%;
}
.prod-page .pd-video .vd-post{
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 3;
}
.prod-page .pd-video .vd-post:before{
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    background: url(../images/icon-play.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.35rem;
    margin-left: -0.35rem;
    cursor:pointer;
}
.prod-page .pd-video video{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.prod-page .m-pro .tex{
    width: 60%;
    text-align: center;
    padding-top: 17%;
    color: #5a462f;
    position: absolute;
    left: 0;
    top: 0;
}
.prod-page .m-pro .ic{
    margin-bottom: 0.2rem;
    height: 0.7rem;
}
.prod-page .m-pro .ic img{
    max-height: 100%;
}
.prod-page .m-pro .en{
    font-size: calc(12px - 0.12rem + 0.16rem);
    text-transform: uppercase;
    font-family: "VNOptimumH";
}
.prod-page .m-pro .cn{
    font-size: calc(12px - 0.12rem + 0.28rem);
    font-family: "SourceHanSans CN Medium","思源黑体 CN Medium",sans-serif;
}
.prod-page .m-pro .cn:before{
    content: '';
    width: 28px;
    height: 2px;
    display: block;
    background: #5a462f;
    margin: 0.2rem auto;
}
.prod-page .m-pro .pri{
    font-size: calc(12px - 0.12rem + 0.28rem);
    margin-top: 0.15rem;
}

.prod-page .m-pro .btn{
    display: inline-block;
    width: 0.92rem;
    height: 0.32rem;
    line-height: 0.32rem;
    border: 1px solid #5c4731;
    margin-top: 0.3rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
}



.exp-mod{
    /* height: 12.45rem; */
    position: relative;
    height: 8.8rem;
    /* height: calc(100vh - 0.4rem); */
}

.exp-mod .ban,
.exp-mod .swiper-container{
    width: 100%;
    height: 100%;
}

.exp-mod .tt-mod{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    color: #fff;
}
.exp-mod .tt-mod.color-white{
    color: #5c4731;
}
.exp-mod .ban-pg{
    width: 100%;
    position: absolute;
    bottom: 0.1rem;
    left: 0;
    z-index: 3;
}
.exp-mod .ban-pg1{
    bottom: 0.52rem;
}
.exp-mod .ban-pg .layout{
    max-width: 1480px;
    padding-left: 0;
    padding-right: 0;
}
/* .exp-mod .ban-pg ul{
    display: flex;
    justify-content: space-between;
    } */
    .exp-mod .ban-pg ul{
        text-align: center;
        font-size: 0;
    }
    .exp-mod .ban-pg li{
        /* float: left; */
        width: 19%;
        text-align: center;
        /* border-right: 1px solid #fff; */
        display: inline-block;
        vertical-align: bottom;
        padding: 0 .05rem;
        position: relative;
    }
    .exp-mod .ban-pg li:after{
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 70%;
        background: #fff;
        bottom: 0;
        margin: auto;
    }
    .exp-mod .ban-pg .noline li:after{
        display: none;
    }
    .exp-mod .ban-pg li:last-of-type{
        border: none;
    }
    .exp-mod .ban-pg li:last-of-type:after{
        display: none;
    }
    .exp-mod .ban-pg li p{
        transition: all ease .5s 0s; 
        -moz-transition: all ease .5s 0s; 
        -webkit-transition: all ease .5s 0s;
    }
    .exp-mod .ban-pg li a{
        display: block;
        color: #fff;
        font-size: calc(12px - 0.12rem + 0.25rem);
        transition: all ease .5s 0s; 
        -moz-transition: all ease .5s 0s; 
        -webkit-transition: all ease .5s 0s;
    }

    .exp-mod .ban-pg .cs1 li{
        border: none;
        width: 16.6%;
    }
    .exp-mod .ban-pg li .tex{
        color: #5a462f;
    }
    .exp-mod .ban-pg li:hover p{
        transform:scale(1.05);
    }
    .exp-mod .ban-pg .en{
        font-size: calc(12px - 0.12rem + 0.12rem);
        text-transform: uppercase;
        font-family: "VNOptimumH";
        transition: all ease .5s 0s; 
        -moz-transition: all ease .5s 0s; 
        -webkit-transition: all ease .5s 0s;
    }
    .exp-mod .ban-pg .cn{
        font-size: calc(12px - 0.12rem + 0.22rem);
        height: 0.5rem;
        transition: all ease .5s 0s; 
        -moz-transition: all ease .5s 0s; 
        -webkit-transition: all ease .5s 0s;
    }
    .exp-mod .ban-pg li:hover .cn{
        font-weight: bold;
    }

    .exp-mod .ban-pg .ln{
        width: 24px;
        height: 1px;
        display: block;
        margin: 0.1rem auto;
        background: #5e452b;
    }

    /* 二级跳转~ */

    .prod-ban{
        display: block;
        /* height: 12.3rem; */
        height: 8.8rem;
        /* height: calc(100vh - 0.4rem); */
    }
    .prod-ban .layout{
        text-align: left;
        /* align-items: center; */
        display: flex;
        height: 100%;
    }
    .prod-ban.tx-rg .layout{
        justify-content: flex-end;

    }
    .prod-ban .tex{
        text-align: center;
        color: #4f3926;
        display: inline-block;
        max-width: 60%;
        padding-top: 2.8rem;
    }
    .prod-ban .tex .en-29{
        font-size: calc(12px - 0.12rem + 0.29rem);
        font-family: "VNOptimumH";
    }
    .prod-ban .tex .en{
        font-size: calc(12px - 0.12rem + 0.19rem);
        font-family: "VNOptimumH";
    }
    .prod-ban .tex .en1{
        font-size: calc(12px - 0.12rem + 0.16rem);
        margin-top: 0.4rem;
        font-family: "VNOptimumH";
    }
    .prod-ban .tex .cn{
        font-size: calc(12px - 0.12rem + 0.46rem);
    }
    .prod-ban .tex .cn1{
        font-size: calc(12px - 0.12rem + 0.25rem);
    }
    .prod-ban .tex .cn:before{
        content: '';
        width: 50px;
        height: 1px;
        display: block;
        margin: 0.25rem auto;
        background: #4f3926;
    }
    .prod-ban .tex .cn.no-bf:before{
        display: none;
    }
    .prod-ban .tex .en-new{
        font-size: calc(12px - 0.12rem + 0.56rem);
        font-family: "VNOptimumH";
        color: rgba(79,57,38,0.1);
        line-height: 1.5;
    }
    .prod-ban .tex .cn-ot{
        font-size: calc(12px - 0.12rem + 0.29rem);
        color: #4f3926;
        line-height: 1.5;
    }
    .ban-other .tex{
        padding-right: 2.5rem;
        padding-top: 1.9rem;
    }

    .prod-page1{
        padding: 0.25rem 0 0;
    }
    .prod-page1 .pd-video{
        width: 90%;
        /* height: 8.3rem; */
        padding-top: 50%;
        margin: 0 auto 0.9rem;
        float: none;
        background: #000;
    }

    .cheats-page{
        padding: 0 0 0.15rem;
    }

    /* 实体店 */

    .shop-mod{
        padding: 0.2rem 0 1rem;
    }
    .shop-mod .layout{
        max-width: 100%;
        padding: 0;
    }
    .shop-mod .col{
        width: 49%;
        float: left;
        margin: 0 0.5%;
    }
    .shop-mod .lt-box,
    .shop-mod .lt-box .pic{
        height: 8.23rem;
    }
    .shop-mod .lt-box{
        position: relative;
    }
    .shop-mod .lt-box:before{
        content: '';
        width: 70%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: #f6f5f2;
        z-index: -1;
    }
    .shop-mod .lt-box .pic{
        width: 100%;
    }
    .shop-mod .lt-box img{
        max-width: 100%;
        max-height: 100%;
    }
    .shop-mod .rg-box{
        padding-right: 11%;
    }
    .shop-mod .b-pic{
        display: block;
        height: 4.04rem;
        margin-bottom: 0.15rem;
        overflow: hidden;
    }
    .shop-mod .b-pic:hover .ej-pic{
        transform:scale(1.1);
    }

    .shop-mod .tex{
        position: absolute;
        left: 2rem;
        top: 0.9rem;
        text-align: left;
        color: #5a462f;
    }
    .shop-mod .tex .en{
        font-size: calc(12px - 0.12rem + 0.16rem);
        font-family: "VNOptimumH";
    }
    .shop-mod .tex .cn{
        font-size: calc(12px - 0.12rem + 0.38rem);
    }
    .shop-mod .tex .cn:before{
        content: '';
        width: 26px;
        height: 1px;
        margin: 0.15rem auto 0.15rem 0;
        display: block;
        background: #5a462f;
    }

    .shop-alb{
        /* padding: 0.2rem 0 0rem; */
    }
    .shop-alb .layout{
        max-width: 1480px;
    }
    .shop-alb .cn:after{
        margin: 0.15rem auto 0rem;
    }

    .shop-alb .content{
        padding: 0.1rem 1.5rem 0;
        position: relative;
    }

    .alb-item{
        display: block;
        width: 100%;
        height: 2.4rem;
        overflow: hidden;
    }
    .alb-item:hover .ej-pic{
        transform:scale(1.1);
    }

    .sw-btn{
        width: 0.4rem;
        height: 0.4rem;
        position: absolute;
        top: 50%;
        margin-top: -0.2rem;
        cursor: pointer;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 0.3rem 0.3rem;
        transition: all ease .3s 0s; 
        -moz-transition: all ease .3s 0s; 
        -webkit-transition: all ease .3s 0s;
    }
    .sw-btn.swiper-button-disabled{
        opacity: 0.3;
    }
    .sw-prev{
        left: 0.45rem;
        background-image: url(../images/sw-prev.png);
    }
    .sw-next{
        right: 0.45rem;
        background-image: url(../images/sw-next.png);
    }

    .shop-ban{
        height: 5.1rem;
    }
    .shop-ban .pic,
    .shop-ban .tex{
        width: 50%;
        height: 100%;
        float: left;
    }
    .shop-ban .tex{
        background: #f7f5f2;
        text-align: center;
        padding: 0 0.2rem;
        align-items: center;
        display: flex;
        color: #5a462f;
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 2;
    }
    .shop-ban .tex .con{
        flex:1;
    }
    .shop-ban.b-fr .pic,
    .shop-ban.b-fr .tex{
        float: right;
    }

    .shop-exh{
        padding: 0.8rem 0 0.6rem; 
    }
    .shop-exh .layout{
        max-width: 1650px;
    }
    .shop-exh .ex-hd{
        margin-bottom: 0.9rem;
    }
    .shop-exh .ex-hd .col{
        display: none;
    }
    .shop-exh .ex-hd .on{
        display: block;
    }
    .shop-exh .ex-item{
        display: block;
        /* height: 4.9rem; */
        width: 49%;
        float: left;
        margin: 0 0.5%;
        height: 0;
        padding-top: 30%;
        overflow: hidden;
        position: relative;
    }
    .shop-exh .ex-item .ej-pic{
        position: absolute;
        left: 0;
        top: 0;
    }
    .shop-exh .ex-item:hover .ej-pic{
        transform:scale(1.1);
    }
    .shop-exh .s-it{
        float: left;
        width: 32.3%;
        height: 1.7rem;
        line-height: 1.7rem;
        text-align: center;
        color: #fff;
        font-size: calc(12px - 0.12rem + 0.38rem);
        position: relative;
        margin: 0 0.5%;
        cursor: pointer;
    }
    .shop-exh .s-it:after{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.5);
    }
    .shop-exh .s-it .tt{
        position: relative;
        z-index: 2;
    }
    .alb-pop{
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 9;
    }
    .alb-pop .content{
        width: 80%;
        height: 80%;
        position: absolute;
        left: 10%;
        top: 10%;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .alb-pop .content img{
        max-width: 100vh;
        max-height: 100vw;
    }
    .alb-pop .con-box{
        position: relative;
    }
    .alb-pop .close{
        width: 40px;
        height: 40px;
        background: url(../images/icon-close1.png) no-repeat;
        background-position: center center;
        background-size: 23px 23px;
        position: absolute;
        right: 0.13rem;
        top: 0.13rem;
        cursor: pointer;
    }



    /* 品牌简介 */

    .ban-mod1{
        height: 8.8rem;  
        position: relative;  
    }
    .ban-mod1 .layout{
        height: 100%;
        align-items: center;
        display: flex;
    }
    .ban-mod1 .tex{
        text-align: center;
        color: #ad895a;
    }
    .ban-mod1 .cn{
        background-image:-webkit-linear-gradient(45deg,#575048,#8b7352,#d8972b); 
        -webkit-background-clip:text; 
        -webkit-text-fill-color:transparent; 
        font-size: calc(12px - 0.12rem + 0.83rem);
        margin-bottom: 0.2rem;
        /* font-family: "SourceHanSansSC ExtraLight"; */
    }
    .ban-mod1 .en{
        font-size: calc(12px - 0.12rem + 0.23rem);
        background-image:-webkit-linear-gradient(45deg,#575048,#8b7352,#d8972b); 
        -webkit-background-clip:text; 
        -webkit-text-fill-color:transparent; 
        color: #575048;
        font-family: "VNOptimumH";
    }
    .ban-mod1 .en:after{
        content: '';
        width: 0.6rem;
        height: 1px;
        background: #565049;
        display: block;
        margin: 0.35rem auto 0.3rem;
    }
    .ban-mod1 .dd{
        font-size: calc(12px - 0.12rem + 0.2rem);
        line-height: 2;
        color: #575048;
    }

    .tab-mod{
        position: absolute;
        left: 0;
        bottom: 0;
        background: #fff;
    }
    .tab-mod .item{
        width: 2.44rem;
        height: 1rem;
        float: left;
        position: relative;
        transition: all ease .5s 0s; 
        -moz-transition: all ease .5s 0s; 
        -webkit-transition: all ease .5s 0s;
    }
    .tab-mod .item:after{
        content: '';
        height: 0.7rem;
        width: 1px;
        background: #5a462f;
        position: absolute;
        right: -1px;
        top: 50%;
        margin-top: -0.35rem;
    }
    .tab-mod .item:last-of-type:after,
    .tab-mod .item.on:after{
        display: none;
    }
    .tab-mod .con{
        display: block;
        height: 100%;
        padding-left: 0.4rem;
        padding-top: 0.2rem;
        color: #5a462f;
        transition: all ease .5s 0s; 
        -moz-transition: all ease .5s 0s; 
        -webkit-transition: all ease .5s 0s;
    }
    .tab-mod .num{
        margin-bottom: 0.15rem;
        font-size: calc(12px - 0.12rem + 0.16rem);
        font-family: "VNOptimumH";
    }
    .tab-mod .tt{
        font-size: calc(12px - 0.12rem + 0.25rem);
    }
    .tab-mod .on,
    .tab-mod .item:hover{
        background: #c9bda6;
        box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
    }
    .tab-mod .on .con,
    .tab-mod .item:hover .con{
        color: #fff;
    }

    .info-page{
        padding: 0rem 0 0.5rem;
        position: relative;
    }
    .info-page:after{
        content: '';
        width: 50%;
        height: 8.1rem;
        position: absolute;
        left: 0.9rem;
        bottom: 0;
        background: #f8f7fb;
        z-index: -1;
    }

    .info-page .layout{
        max-width: 1160px;
        padding-left: 0;
        padding-right: 0;
    }
    .info-page .lt-box{
        width: 33%;
        float: left;
        padding-top: 1.1rem;
    }
    .info-page .lt-box .tex{
        font-size: calc(12px - 0.12rem + 0.16rem);
        color: #5a462f;
        line-height: 2.2;
    }
    .info-page .lt-box img,
    .info-page .rg-box img{
        max-width: 100%;
        margin-top: 0.8rem;
    }
    .info-page .rg-box{
        width: 57%;
        float: right;
    }
    .info-page .info-bt{
        margin-top: 0.55rem;
        color: #5a462f;
    }
    .info-page .info-bt .li{
        margin-bottom: 0.3rem;
        font-size: calc(12px - 0.12rem + 0.24rem);
    }
    .info-page .info-bt .im{
        /* font-weight: bold; */
        margin-right: 0.15rem;
        font-family: 'SourceHanSans CN Regular','思源黑体 CN',sans-serif;
    }


    /* 优选成分 */

    .opti-page1{
        padding: 0.5rem 0 0.3rem;
    }
    .opti-page1 .layout{
        max-width: 1480px;
    }
    .opti-page1 .hd-box{
        /* margin-bottom: 0.8rem; */
    }
    .opti-page1 .int{
        float: left;
        width: 35%;
        color: #717070;
        padding-top: 0.5rem;
        padding-left: 0.5rem;
    }
    .opti-page1 .int .tt{
        font-size: calc(12px - 0.12rem + 0.38rem);
    }
    .opti-page1 .int .tt:after{
        content: '';
        width: 0.7rem;
        height: 1px;
        background: #717070;
        display: block;
        margin: 0.25rem auto 0.2rem 0;
    }
    .opti-page1 .int .dd{
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 2;
    }
    .opti-page1 .hd-box .pic{
        width: 62%;
        float: right;
        text-align: right;
    }
    .opti-page1 .hd-box .pic video{
        width: 100%;
    }
    .opti-page1 .hd-box img{
        max-width: 100%;
    }


    .opti-item{
        width: 20%;
        float: left;
        text-align: center;
        color: #717070;
        padding: 0 0.5%;
        transition: all ease .5s 0s; 
        -moz-transition: all ease .5s 0s; 
        -webkit-transition: all ease .5s 0s;
    }
    .opti-item:hover{
        transform:translateY(-0.2rem);
    }
    .opti-item .pic{
        width: 100%;
        height: 0.9rem;
        line-height: 0.9rem;
        margin-bottom: 0.3rem;
    }
    .opti-item .pic img{
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
    }

    .opti-item .cn,
    .opti-item .en{
        font-size: calc(12px - 0.12rem + 0.25rem);
        font-weight: bold;
        line-height: 1.2;
    }
    .opti-item .en{
        font-weight: normal;
        text-transform: uppercase;
        font-family: "VNOptimumH";
    }
    .opti-item .lb{
        font-size: calc(12px - 0.12rem + 0.18rem);
        font-weight: bold;
        margin-bottom: 0.1rem;
    }
    .opti-item .ll{
        width: 40px;
        height: 2px;
        background: #717070;
        display: block;
        margin: 0.15rem auto;
    }

    .opti-item .dd{
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 2;
    }

    .opti-ban{
        height: 3.46rem;
    }


    .opti-page2{
        padding: 0.5rem 0 0.1rem;
    }
    .opti-page2 .hd-box{
        text-align: center;
        color: #535353;
        margin-bottom: 0.4rem;
    }
    .opti-page2 .hd-box .tt{
        font-size: calc(12px - 0.12rem + 0.38rem);
        margin-bottom: 0.15rem;
    }
    .opti-page2 .hd-box .dd{
        font-size: calc(12px - 0.12rem + 0.16rem);
    }

    .opti-page2 .content{
        text-align: center;
    }
    .opti-page2 .content img{
        max-width: 100%;
    }


/* 社会责任 */

.duty-page1{
    padding: 1.2rem 0 1.1rem;
}
.duty-page1 .layout{
    max-width: 1360px;
}
.duty-page1 .tex{
    width: 32%;
    float: left;
    color: #5a462f;
    text-align: left;
}
.duty-page1 .tex .tt{
    font-size: calc(12px - 0.12rem + 0.29rem);
    /*  font-weight: bold; */
    font-family: "SourceHanSans CN Medium","思源黑体 CN Medium",sans-serif;
}
.duty-page1 .tex .tt:after{
    content: '';
    width: 0.7rem;
    height: 1px;
    background: #5a462f;
    display: block;
    margin: 0.2rem auto 0.2rem 0;
}
.duty-page1 .tex .dd{
    font-size: calc(12px - 0.12rem + 0.17rem);
    line-height: 1.8;
}
.duty-page1 .rg-box{
    float: right;
    text-align: right;
    position: relative;
    /*  width: 65%; */
}
.duty-page1 .rg-box:before{
    content: '';
    width: 3.95rem;
    height: 6.15rem;
    background: #f8f7fb;
    position: absolute;
    right: 0;
    z-index: -1;
    margin-top: -0.75rem;
}
.duty-page1 .rg-box .pic{
    width: 7.8rem;
    height: 4.55rem;
    margin-right: 0.5rem;
}
.duty-page1 .rg-box .pic img{
    max-width: 100%;
}
.duty-page1 .rg-box .lb{
    font-size: calc(12px - 0.12rem + 0.23rem);
    margin-top: 0.2rem;
    margin-right: 0.5rem;
    color: #5a462f;
}


.duty-page2{
    /* padding: 1.45rem 0 1.3rem; */
    background: #f8f7fb;
}
.duty-page2 .layout{
    position: relative;
}

.dytt-mod{
    text-align: left;
    color: #5a462f;
}

.dytt-mod .en{
    font-size: calc(12px - 0.12rem + 0.38rem);
    text-transform: uppercase;
    font-family: "VNOptimumH";
}
.dytt-mod .en:after{
    content: '';
    width: 0.5rem;
    height: 1px;
    background: #5a462f;
    display: block;
    margin: 0.2rem auto 0.2rem 0;
}
.dytt-mod .dd{
    font-size: calc(12px - 0.12rem + 0.22rem);
    line-height: 2;
}

.duty-page2{
    height: 5.8rem;
}
.duty-page2 .layout{
    max-width: 1920px;
    height: 100%;
    padding: 0;
}
.duty-page2 .tex{
    float: right;
    width: 50%;
    height: 100%;
    position: relative;
}
.duty-page2 .pic{
    width: 50%;
    height: 100%;
    float: left;
}
.duty-page2 .dytt-mod{
    position: absolute;
    left: 0.8rem;
    bottom: 0.6rem;
}
.duty-page3{
    padding: 1rem 0 1.4rem;
}
.duty-page3 .tt-mod4{
    padding-bottom: 0.1rem;
}
.duty-page3 .layout{
    max-width: 1580px;
}



.duty-page4{
    background: #f8f7fb;
    height: 5.8rem;
    margin-bottom: 0.8rem;
}
.duty-page4 .layout{
    height: 100%;
    max-width: 1920px;
    padding: 0;
}
.duty-page4 .pic{
    width: 50%;
    height: 100%;
    float: right;

}
.duty-page4 .tex{
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
}
.duty-page4 .dytt-mod{
    position: absolute;
    right: 0.8rem;
    bottom: 0.6rem;
    text-align: right;
}
.duty-page4 .dytt-mod .en:after{
    margin-left: auto;
    margin-right: 0;
}

.nw-item1{
    width: 32.6%;
    text-align: center;
    float: left;
    display: block;
    margin: 0 0.3%;
}
.nw-item1 .pic{
    width: 100%;
    height: 2.9rem;
    margin-bottom: 0.1rem;
    overflow: hidden;
}
.nw-item1 .tex{
    height: 0.54rem;
    line-height: 0.54rem;
    background: #f8f7fb;
    padding: 0 0.15rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #5a462f;
}
.nw-item1:hover .ej-pic{
    transform:scale(1.1);
}


.nw-item2{
    width: 49%;
    text-align: center;
    float: left;
    display: block;
    margin: 0 0.5%;
}
.nw-item2 .pic{
    width: 100%;
    height: 4.5rem;
    margin-bottom: 0.1rem;
    overflow: hidden;
}
.nw-item2 .tex{
    height: 0.68rem;
    line-height: 0.68rem;
    background: #f8f7fb;
    padding: 0 0.15rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #5a462f;
}
.nw-item2:hover .ej-pic{
    transform:scale(1.1);
}



/* 科研实力 */

.scie-page3{
    padding: 0.6rem 0 0.4rem;
}
.scie-page3 .gui{
    text-align: center;
    margin-top: 0.4rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #5a462f;
}

.scie-page1 .layout{
    max-width: 1350px;
}
.scie-page1 .rg-box:before{
    display: none;
}

.scie-page1 .rg-box .pic{
    margin-right: 0;
    height: auto;
}
.scie-page1 .col-fr{
    position: relative;
    margin-top: 0.5rem;
}

.scie-page1 .col-fr .tex{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;

}
.scie-page1 .tx-rg .tt:after{
    margin: 0.2rem 0 0.2rem auto;
}

.scie-page1 .col-fr .rg-box{
    float: left;
}

.sci-ban{
    height: 4.77rem;
}
.scie-page2{
    margin-top: -1.5rem;
    padding-top: 0.4rem;
    position: relative;
}
.scie-page2 .layout{
    max-width: 1360px;
}
.scie-page2 .layout:before{
    content: '';
    height: 3.2rem;
    width: 13.6rem;
    background: #f8f7fb;
    position: absolute;
    top: 0;
}

.scie-page2 .tt-mod{
    position: relative;
    margin-bottom: 0.2rem;
}

.scie-page2 .gui{
    text-align: center;
    margin-top: 0.3rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #5a462f;
}
.scie-page2 .content{
    padding: 0 0.5rem;
    position: relative;
    z-index: 2;
}
.scie-page3 .content{
    margin-top: 0.45rem;
}
.scie-page3 .layout{
    max-width: 1630px;
}

.tm-item{
    width: 16%;
    text-align: center;
    float: left;
    display: block;
    margin: 0 0.3%;
}
.tm-item .pic{
    width: 100%;
    height: 2.5rem;
    margin-bottom: 0.1rem;
    overflow: hidden;
}
.tm-item .tex{
    height: 0.4rem;
    line-height: 0.4rem;
    background: #f8f7fb;
    padding: 0 0.15rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #5a462f;
}
.tm-item:hover .ej-pic{
    transform:scale(1.1);
}

/* 产品详情 */

.pban-mod{
    display:block;
    width: 100%;
    height: 8.8rem;
}
.pban-mod .layout{
    height: 100%;
    max-width: 1480px;
    position: relative;
    padding-top: 2rem;
}

.pban-mod .tex-box{
    text-align: left;
    color: #5a462f; 
    /*max-width: 50%;*/
}
.pban-mod .tex-box.cl1{
    color: #4e535b;
}
.pban-mod .tex-box.cl2{
    color: #604b2f;
}
.pban-mod .tex-box.cl3{
    color: #23374b;
}
.fix-tex .tex-box{
    position: fixed;
    top: 24%;
    display: none;
}
.fix-tex.active .tex-box{
    display: block;
}
.fix-tex.static .tex-box{
    position: absolute;
    display: block;
}
.pban-mod.tx-rg .tex-box{
    text-align: right;
}
.pban-mod.tx-rg .tex-gra{
    width: 50%;
    margin-left: 50%;
    background-image: -webkit-linear-gradient( 30deg,#4f3926,#4f3926,#4f3926,#9f7840,#9f7840,#523b27);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pban-mod .tex-box .en{
   font-size: calc(12px - 0.12rem + 0.42rem);
   margin-bottom: 0.1rem;
   text-transform: uppercase;
   font-family: "VNOptimumH";
}
.pban-mod .tex-box .en-58{
    font-size: calc(12px - 0.12rem + 0.58rem);
}

.pban-mod .tex-box .cn{
   font-size: calc(12px - 0.12rem + 0.41rem);
   margin-bottom: 0.3rem;  
}
.pban-mod .tex-box .cn:after{
    content: '';
    display: block;
    width: 0.8rem;
    height: 1px;
    background: #565049;
    margin-top: 0.26rem;
}
.pban-mod .tex-box .cn-50{
    font-size: calc(12px - 0.12rem + 0.5rem);
}
/*.pban-mod .tex-box .dd:before{
    content: '';
    width: 70px;
    height: 1px;
    background: #5a462f;
    display: block;
    margin: 0.3rem auto 0.3rem 0;
}*/
.pban-mod .tex-box.cl1 .dd:before{
    background: #4e535b;
}
.pban-mod .tex-box.cl2 .dd:before{
    background: #604b2f;
}
.pban-mod .tex-box.cl3 .dd:before{
    background: #23374b;
}
.pban-mod.tx-rg .tex-box .dd:before{
    margin-left: auto;
    margin-right: 0;
}

.pban-mod .tex-box .dd{
   font-size: calc(12px - 0.12rem + 0.22rem);
   margin-bottom: 0.35rem;  
}

.pban-mod .tex-box .spe{
   font-size: calc(12px - 0.12rem + 0.16rem);
   margin-bottom: 0.45rem;
   font-family: 'SourceHanSans CN Regular','思源黑体 CN',sans-serif;
}

.pban-mod .tex-box .pri{
   font-size: calc(12px - 0.12rem + 0.27rem);
   margin-bottom: 0.3rem;  
   font-family: 'SourceHanSans CN Regular','思源黑体 CN',sans-serif;
}
.pban-mod .tex-box .more{
    height: 0.32rem;
    line-height: 0.32rem;
    width: 0.92rem;
    text-align: center;
    border: 1px solid #5a462f;
    display: block;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #5a462f;
    margin-top: 1.1rem;
}
.pban-mod.tx-rg .tex-box .more{
    margin-left: auto;

}
.pban-mod .tex-box .btn{
    display: inline-block;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #d02c25;
    margin-right: 0.03rem;
    padding: 0 0.12rem;
    font-size: calc(12px - 0.12rem + 0.18rem);
    border-radius: 0.04rem;
    color: #fff;
    font-family: 'SourceHanSans CN Regular','思源黑体 CN',"思源黑体 CN DemiLight",sans-serif;
    position: relative;
}
.pban-mod .tex-box .btn:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #d02c25;
    border-radius: 0.04rem;
    box-sizing:border-box;
}
.pban-mod .tex-box .btn:before{
    content: '';
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.05rem;
    display: inline-block;
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.pban-mod .tex-box .ic1:before{
    background-image: url(../images/icon-tm.png);
}
.pban-mod .tex-box .ic2:before{
    background-image: url(../images/icon-jd.png);
}
.pban-mod .tex-box .ic2{
    color: #d02c25;
    background: #fff;
}

.pban-mod .tex-box .sup{
    vertical-align: super;
    display: inline-block;
    transform: scale(0.24) translate(-0.12rem,-0.2rem);
    width: 0;
    transform-origin: left;
}
.pban-mod .lb-box{
    font-size: 8px;
    position: absolute;
    left: 0;
    bottom: 0.3rem;
    line-height: 1.6;
    width: 100%;
    color: #4f3926;
    transform: scale(.66);
    transform-origin: left bottom;
    font-family: 'NotoSansHans Thin';
}
.pban-mod .lb-box.fs-12{
    transform: scale(1);
    font-size: 12px;
}
.pban-mod .tx-rg .lb-box{
    text-align: right;

}
.pban-mod .cl-gro{
    margin-top: 0.4rem;
    color: #5a462f;
    font-size: 10px;
}
.pban-mod .cl-gro li{
    float: left;
    margin-right: 0.2rem;
}
.pban-mod .cl-gro span{
    width: 11px;
    height: 11px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.pban-mod .lab{
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    background:url(../images/bg-lab.png) no-repeat center;
    background-size: 100% 100%;
    margin-bottom: 0.6rem;
    color: #4f3926;
    font-size: calc(12px - 0.12rem + 0.16rem);
    position: absolute;
}
.pban-mod.tx-rg .lab{
    margin-left: auto;
}
.pban-mod .lab span{
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
}
.pban-mod .f-it{
    width: 1.66rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    color: #5a462f;
    position: absolute;
    opacity: 0;
}
.pban-mod .f-it.active{
    opacity: 1;
}
.pban-mod .f-it .ani{
    width: 100%;
    height: 100%;
    background:url(../images/bg-lab1.png) no-repeat center;
    background-size: 100% 100%;
}
.pban-mod .f-it .ct{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.pban-mod .f-it .c1{
    font-size: calc(12px - 0.12rem + 0.23rem);
}
.pban-mod .f-it .c1 span{
    font-size: 8px;
}
.pban-mod .f-it .c2{
    font-size: calc(12px - 0.12rem + 0.2rem);
    letter-spacing: 0.1rem;
    text-indent: 0.1rem;
}

.ani-modu1 .f-it:nth-of-type(1){
    transform:scale(0.58);
    left: 48%;
    top: 71%;
}
.ani-modu1 .f-it:nth-of-type(2){
    transform:scale(0.65);
    left: 59%;
    top: 77%;
}
.ani-modu1 .f-it:nth-of-type(3){
    transform:scale(0.68);
    left: 72%;
    top: 74%;
}
.ani-modu1 .f-it:nth-of-type(4){
    transform:scale(0.75);
    left: 83%;
    top: 62%;
}
.ani-modu1 .f-it:nth-of-type(5){
    transform:scale(0.87);
    left: 89%;
    top: 40%;
}
.ani-modu1 .f-it:nth-of-type(6){
    left: 85%;
    top: 17%;
}


.ani-modu2 .f-it:nth-of-type(1){
    transform: scale(0.63);
    left: 44%;
    top: 53%;
}
.ani-modu2 .f-it:nth-of-type(2){
    transform: scale(0.68);
    left: 58%;
    top: 62%;
}
.ani-modu2 .f-it:nth-of-type(3){
    transform: scale(0.72);
    left: 72%;
    top: 52%;
}
.ani-modu2 .f-it:nth-of-type(4){
    transform:scale(0.85);
    left: 81%;
    top: 32%;
}



.pd-video1{
    /* height: 12.3rem; */
    height: 9.37rem;
    width: 100%;
    position: relative;
}
.pd-video1 .vd-post{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.pd-video1 .vd-post:before{
    content: '';
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/icon-play.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.55rem;
    margin-left: -0.55rem;
    cursor:pointer;
}
.pd-video1 video{
    width: 100%;
    height: 100%;
    background: #000;
}

.prod-page .s-col{
    width: 23%;
    /* width: 25%; */
    float: left;
    text-align: center;
}
.prod-page .s-col.w-25{
    width: 25%;
}
.s-col .pro-item1{
    width: 100%;
}
.prod-page .s-lb{
    font-size: calc(12px - 0.12rem + 0.25rem);
    height: calc(12px - 0.12rem + 0.25rem);
    color: #5a462f;
    margin-bottom: 0.2rem;

}
.prod-page .s-sy{
    width: 2%;
    float: left;
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.25rem);
    color: #5a462f;
    margin-top: 3.5rem;
}
.prod-page .s-sy.add:before{
    content: '';
    width: 0.35rem;
    height: 0.35rem;
    text-align: center;
    display: inline-block;
    background:url(../images/icon-add.png) no-repeat center;
    background-size: 100% 100%;
}
.s-col .pro-item1{
    margin-bottom: 0rem;
}
.s-col .pro-item1 .pic{
    /* height: 4.9rem;
    line-height: 4.9rem; */
}


.ptt-mod{
    text-align: left;
    color: #5a462f;
}
.ptt-mod .en{
    font-size: calc(12px - 0.12rem + 0.16rem);
    font-family: "VNOptimumH";
}
.ptt-mod .cn{
    font-size: calc(12px - 0.12rem + 0.25rem);
    font-family: "NotoSansHans DemiLight","思源黑体 CN DemiLight",sans-serif;
}
.ptt-mod .cn:before{
    content: '';
    width: 32px;
    height: 1px;
    background: #5a462f;
    display: block;
    margin: 0.2rem 0;
}
.ptt-mod.rg{
    text-align: right;
}
.ptt-mod.rg .cn:before{
    margin-left: auto;
}


.pban-mod .ptt-mod{
    position: absolute;
    top: 0.9rem;
}
.pban-mod .ptt-mod.lt{
    left: 0;
}
.pban-mod .ptt-mod.rg{
    right: 0;
}


/* 招聘页面 */

.job-page{
    height: 8.8rem;
    padding-top: 0.6rem;
}

.job-page .layout{
    max-width: 1450px;
}
.job-page .content{
    height: 6.35rem;
    background: rgba(255,255,255,0.7);
    margin-top: 0.3rem;
    padding: 1rem 0.5rem 0;
}

.trea-item{
    width: 20%;
    float: left;
    text-align: center;
    padding: 0 0.38rem;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.trea-item:hover{
    transform:translateY(-0.2rem);
}
.trea-item .icon{
    height: 1rem;
    line-height: 1rem;
    margin-bottom: 0.65rem;
}
.trea-item .icon img{
    max-width: 100%;
    max-height: 100%;
}

.trea-item .tt{
    font-size: calc(12px - 0.12rem + 0.25rem);
    color: #2b2824;
    margin-bottom: 0.5rem;

}
.trea-item .dd{
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #575048;
    line-height: 2;
    text-align: left;
    height: 1.75rem;
    position: relative;
}
.trea-item .dd:after{
    content: '';
    width: 40px;
    height: 2px;
    background: #7d7973;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 0;
}


.job-list{
    padding: 1.1rem 0 1.2rem;
}
.job-list .layout{
    max-width: 1480px;
    padding-left: 0;
    padding-right: 0;
}

.job-tab{
    text-align: center;
    margin-bottom: 1.3rem;
}
.job-tab li{
    display: inline-block;
    border-left: 1px solid #2b2824;
}
.job-tab li:first-of-type{
    border: none;
}
.job-tab li a{
    display: inline-block;
    padding: 0 0.4rem;
    font-size: calc(12px - 0.12rem + 0.25rem);
    color: #2b2824;
}
.job-list .layout{
    max-width: 1450px;
}
.job-list .content{
    padding: 0 1.5rem;
    position: relative;
}
.job-list .sw-btn{
    width: 35px;
    height: 35px;
    position: absolute;
    margin-top: -18px;
}
.job-list .sw-prev{
    left: 0rem;
    background-image: url(../images/sw-prev1.png);
}
.job-list .sw-prev:hover{
    background-image: url(../images/sw-prev1-sel.png);
}
.job-list .sw-next{
    right: 0rem;
    background-image: url(../images/sw-next1.png);
}
.job-list .sw-next:hover{
    background-image: url(../images/sw-next1-sel.png);
}

.jn-gro{
    width: 30%;
    float: left;
    border-right: 3px solid #5a462f;
}
.jn-gro .it{
    font-size: calc(12px - 0.12rem + 0.25rem);
    color: #2b2824;
    padding-left: 1.2rem;
    position: relative;
    margin-bottom: 1.25rem;
    cursor: pointer;
    font-family: 'SourceHanSans CN Regular','思源黑体 CN',sans-serif;
}
.jn-gro .it:after{
    content: '';
    width: 18px;
    height: 18px;
    border: 3px solid #5a462f;
    border-radius: 100%;
    position: absolute;
    right: 0;
    margin-right: -13px;
    background: #fff;
    z-index: 3;
}

.j-intr{
    margin-left: 30%;
    padding-left: 1.1rem;
    position: relative;
}
.j-intr:before{
    content: '';
    height: 100%;
    width: 3px;
    background: #5a462f;
    position: absolute;
    left: -3px;
    top: 0;

}
.j-intr .i-it{
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #575048;
    line-height: 2;
    /* display: none; */
}
.j-intr .col{
    margin-bottom: 0.6rem;
}

/* .j-intr .i-it.on{
    display: block;
} */

.pban-mod .swiper-container{
    width: 100%;
    height: 100%;
}
.swiper-pagination-bullet-active{
    background: #c9bda6;
}


.step-page{
    padding: 0.6rem 0rem 0rem;
    height: 8.8rem;
}
.tt-mod5{
    margin-bottom: 0.3rem;
    color: #565049;
}
.tt-mod5 .en{
    font-size: calc(12px - 0.12rem + 0.41rem);
    font-family: "VNOptimumH";

}
.tt-mod5 .cn{
    font-size: calc(12px - 0.12rem + 0.41rem);
}
.tt-mod5 .cn:before{
    content: '';
    width: 0.74rem;
    height: 1px;
    background: #565049;
    margin: 0.35rem auto 0.3rem 0;
    display: block;
}

.ste-item{
    position: relative;
    display: block;
    width: 31%;
    margin: 0 1.15%;
    float: left;
    padding: 0.6rem 0.3rem 0.4rem;
}
.ste-item3{
    width: 25%;
    padding: 1.2rem 0.1rem 0.4rem;
    margin: 0;
}
.ste-item .ic{
    width: 1rem;
    height: 0.8rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.ste-item .ic img{
    max-width: 100%;
    max-height: 100%;
}
.ste-item .pic{
    /* height: 3.67rem; */
    width: 100%;
    box-shadow: -0.18rem 0.18rem 0.28rem rgba(116,129,193,0.3); 
    margin-bottom: 0.6rem;
    overflow: hidden;
    height: 0;
    padding-top: 93%;
    position: relative;
}
.ste-item .pic .ej-pic{
    position: absolute;
    left: 0;
    top: 0;
}
.ste-item .pic:hover .ej-pic{
    transform:scale(1.1);
}
.ste-item .tex{
/*  padding-right: 50%; */
 height: 1rem;
 position: relative;
 z-index: 1;
}

.ste-item .tt{
    color: #6574bd;
    font-size: calc(12px - 0.12rem + 0.22rem);
    margin-bottom: 0.1rem;
    font-weight: bold;
    background-image: -webkit-linear-gradient(45deg,#7ea8db,#6473bb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.ste-item .dd{
    color: #545454;
    font-size: calc(12px - 0.12rem + 0.16rem);
    margin-bottom: 0.12rem;
}
.ste-item .lb{
    color: #545454;
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.ste-item .pro{
    width: 40%;
    height: 2.9rem;
    line-height: 2.9rem;
    text-align: right;
    position: absolute;
    right: 0.2rem;
    bottom: 0.3rem;
}
.ste-item .pro img{
    /* max-width: 100%; */
    max-height: 100%;
    vertical-align: bottom;
}
.ste-item2{
    padding-top: 1rem;
}
.ste-item2 .pic{
    margin-bottom: 0.5rem;
}
.ste-item2 .lb{
    font-size: calc(12px - 0.12rem + 0.2rem);
}
.ste-item2 .ic{
    width: auto;
    height: 1.28rem;
    left: 0.3rem;
}
.ste-item2 .ic{
    left: 0.1rem;
}
.ste-item2 .tex{
    height: auto;
}

.ste-item1{
    display: block;
    width: 26%;
    /* margin: 0 1.15%; */
    /* float: left; */
    padding-top: 0.2rem;
}
.ste-item1 .ic{
    margin-bottom: 0.1rem;
    height: 0.9rem;
}
.ste-item1 .ic img{
    height: 100%;
}
.ste-item1 .pic{
    width: 100%;
    /* height: 3.9rem; */
    border: 2px solid #535353;
    margin-bottom: 0.2rem;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
    position: relative;
}
.ste-item1 .ej-pic{
    position: absolute;
    left: 0;
    top: 0;
}
.ste-item1 .lb{
    color: #4e535b;
    font-size: calc(12px - 0.12rem + 0.22rem);
    width: 125%;
}
.ste-item1 .cl-w{
    color: #dce1e7;
}
.ste-item1 .cl-1{
    color: #5a462f;
}
.ste-item1 .pic:hover .ej-pic{
    transform:scale(1.1);
}
.flex-between{
    justify-content: space-between;
    display: flex;
}
.flex-between.pd-70{
    padding: 0 0.7rem;
}
.flex-between.pd-140{
    padding: 0 1.4rem;
}
.flex-between.pd-110{
    padding: 0 1.1rem;
}
.pd-70 .ste-item1{
    width: 28%;
}
.ste-item1.ste-item4{
    width: 24%;
}
.ste-item1.ste-item4 .pic{
    padding-top: 136%;
    border: none;
    margin-top: -0.25rem;
}
.ste-item1.ste-item4 .lb{
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.ste-item1.ste-item4 .ic{
    position: relative;
    z-index: 2;
}
.ste-item1.ste-item5{
    position: relative;
}
.ste-item1.ste-item5:before{
    content: '';
    width: 110%;
    height: 0;
    padding-top: 91%;
    background: #bdddec;
    position: absolute;
    left: -5%;
    top: 1.1rem;
}
.ste-item1.ste-item5 .pic{
    padding-top: 70%;
    border-radius: 5px;
    border: 2px solid #fff;
    margin-bottom: 0;
}
.ste-item1.ste-item5 .ic{
    margin-left: -0.5rem;
    margin-bottom: 0;

}
.ste-item1.ste-item5 .tex{
    position: relative;
    z-index: 2;
    height: 0.7rem;
    line-height: 0.7rem;
}
.ste-item1.ste-item5 .lb{
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.ste-item1.ste-item6 .ic{
    height: 0.8rem;
}
.ste-item1.ste-item6 .lb{
    font-size: calc(12px - 0.12rem + 0.18rem);
}
.ste-item7{
    width: 50%;
    float: left;
}
.ste-item7 .pic{
    width: 50%;
    float: left;
    height: 0;
    padding-top: 45%;
    border: 2px solid #775f36;
    position: relative;
}
.ste-item7 .ej-pic {
    position: absolute;
    left: 0;
    top: 0;
}
.ste-item7 .tex{
    width: 50%;
    float: left;
    padding-top: 0.6rem;
    padding-left: 0.4rem;
}
.ste-item7 .ic{
    height: 0.44rem;
}
.ste-item7 .ic img{
    max-width: 100%;
    max-height: 100%;
}
.ste-item7 .ln{
    width: 0.55rem;
    height: 1px;
    background: #5a462f;
    display: inline-block;
    margin: 0.25rem 0;
}
.ste-item7 .lb{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #5a401c;
    line-height: 1.5;
    width: 105%;
}
.ste-item7.it-fr .pic,
.ste-item7.it-fr .tex{
    float: right;
}
.ste-item7.it-fr .tex{
    padding-left: 0;
    padding-right: 0.4rem;
    text-align: right;
}

.ste-mod{
    padding: 0 14%;
    margin-top: 0.7rem;
}

.decl-page{
    height: 8.8rem;
    padding-top: 0.7rem;
}
.decl-page .layout{
    max-width: 1200px;
}
.decl-page .pg-box{
    background: rgb(255,255,255,0.7);
    padding-top: 0.35rem;
    padding-bottom: 0.3rem;
    height: 8.1rem;
}
.decl-page .content{
    padding: 0.1rem 1rem;
    font-size: calc(12px - 0.12rem + 0.19rem);
    color: #4f3926;
    line-height: 1.6;
    height: 5.7rem;
}
.decl-page .f-bold{
    font-weight: bold;
}




@media screen and (max-width: 1800px){
    .hm-pro .layout,
    .hm-video .layout{
        max-width: 1300px;
    }

}
@media screen and (max-width: 1740px){
    .layout{
        /* padding: 0 1.7rem; */
        padding: 0 1.1rem;
    }
    .prod-page .layout{
        padding: 0 0.5rem;
    }
    .prod-page .m-pro,
    .prod-page .pd-video{
        padding-top: 43%;
    }
    .prod-page1 .pd-video{
        padding-top: 50%;
    }
    .prod-ban.tx-rg .layout{
        padding: 0 0.8rem;
    }
    .prod-ban .tex{
        max-width: 55%;
    }
    .header .layout{
        padding: 0 0.7rem;
    }
    .pban-mod .lb-box{
        left: 1.1rem;
    }
    .pban-mod .ptt-mod.lt{
        left: 1.1rem;
    }
    .pban-mod .ptt-mod.rg{
        right: 1.1rem;
    }
    .pro-item1 .cn {
        font-size: calc(12px - 0.12rem + 0.23rem);
    }
    .ste-item1{
        width: 28%;
    }
    .ste-item1 .ic{
        height: 0.8rem;
    }
    .ste-item1.ste-item5:before{
        top: 1rem;
        padding-top: 98%;
    }
    .ste-item{
        padding-top: 0.4rem;
    }
    .ste-item.ste-item2{
        padding-top: 0.9rem;
        padding-left: 0.15rem;
        padding-right: 0.15rem;
    }
    .ste-item .ic{
        height: 0.7rem;
    }
    .ste-item2 .ic{
        height: 1.1rem;
    }
    .ste-item2 .lb {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .ste-item .pic{
        /* height: 3.2rem; */
        margin-bottom: 0.5rem;
    }
    .ste-item .pro{
        height: 2.7rem;
        line-height: 2.7rem;
        width: 35%;
    }
    .ste-mod {
        padding: 0 10%;
    }
}
@media screen and (max-width: 1700px){
    .pban-mod .lb-box{
       /*  padding: 0 0.4rem; */
    }
    .ban-fix{
        height: 9rem;
    }
    .news-page{
        margin-top: 8rem;
    }
    .ban-art{
        height: 11rem;
    }
    .anti-page .tex{
        /* width: 78%; */
    }
    .prod-page .pd-video{
        /* height: 6.6rem; */
    }

    .pro-item1 .pic{
        /* height: 4.4rem;
        line-height: 4.4rem; */
    }
    .exp-mod{
        height: 8.3rem;
    }
    .duty-page1 .rg-box{
        width: 65%;
    }
    .pban-mod .f-it{
        margin-left: -0.7rem;
    }
    .ste-item1{
        width: 28%;
    }
    .ste-item1 .lb {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .shop-mod .rg-box{
        padding-right: 7%;
    }
    .shop-mod .tex{
        left: 1.3rem;
    }

}

@media screen and (max-width: 1640px){
    .layout{
       /*  padding: 0 1.7rem; */
    }
    .prod-ban.tx-rg .layout{
        padding: 0 0.5rem;
    }
    .prod-ban .tex{
        max-width: 50%;
    }
    .prod-page .layout{
        padding: 0 0.8rem;
    }
}


@media screen and (max-width: 1600px){
    .hm-pro .layout,
    .hm-video .layout{
        padding: 0 5%;
    }
    .video-mod{
        /* height: 7.2rem; */
    }
    .pro-item{
        height: 3.8rem;
    }
    .pban-mod{
        height: 8.3rem;
    }
    .pd-video1{
        height: 8.3rem;
    }
    .prod-ban{
        height: 8.3rem;
    }
    .step-page{
        height: 8.3rem;
    }
    .ban-mod,
    .ban-mod1{
        height: 8.3rem;
    }
    .ban-fix{
        height: 9rem;
    }
    .ban-mod.ban-art{
        height: 11rem;
    }
    .job-page{
        height: 8.3rem;
        padding-top: 0.4rem;
    }
    .job-page .content{
        height: 6rem;
    }
    .ste-item1 .ic{
        height: 0.7rem;
    }
    .ste-item1.ste-item5:before{
        top: 0.9rem;
    }
    .pban-mod .layout{
        padding-top: 1.5rem;
    }
    .pban-mod .f-it{
        margin-top: -0.7rem;
    }
    .trea-item .dd {
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 1.6;
    }
    .pro-item1{
        margin-bottom: 0.7rem;
        /* padding-top: 0.2rem; */
    }
    .ste-item .pro{
        width: 28%;
        height: 2.6rem;
    }
    .ste-item .tex{
        /* padding-right: 35%; */
    }
    .ste-mod {
        padding: 0 7%;
    }
    .job-list .sw-prev{
        left: 0.6rem;
    }
    .job-list .sw-next{
        right: 0.6rem;
    }


}

@media screen and (max-width: 1500px){
    .hm-pro .layout,
    .hm-video .layout{
        padding: 0 11%;
    }
    .video-mod{
        /* height: 6.2rem; */
    }
    .ban-fix{
        height: 8rem;
    }
    .ban-art{
        height: 10rem;
    }
    .news-page{
        margin-top: 6.8rem;
    }
    .anti-page .tex{
        /* width: 76%; */
    }
    .pro-item1 .en {
        font-size: calc(12px - 0.12rem + 0.12rem);
    }
    .ban-mod1 .cn {
        font-size: calc(12px - 0.12rem + 0.9rem);
    }
    .fix-tex .tex-box{
     /* top:26%; */
 }

 .art-page .layout{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.info-page .layout{
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}
 .news-page .layout,
 .noti-page .layout{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
 }



}

@media screen and (max-width: 1340px){
    .anti-page .tex{
        /* width: 81%; */
    }
    .fix-tex .tex-box{
        top: 18%;
    }
    .pro-item1 .cn {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }

}


.pban-mod .active .ani{  animation:fangda 2s cubic-bezier(0, 0, 0, 0) alternate;}
@keyframes fangda{
    0%{ transform:scale(0.5); opacity: 0.5; }
    50%{transform:scale(0.75)) opacity: 1; }
100%{transform:scale(1);  }
}


.goods-list{
    display: flex; flex-wrap: wrap;
}
.goods-list .pro-item1{
    display: flex; flex-direction: column; justify-content: space-between; align-items: center; 
}
.goods-list .s-col .pro-item1{ height: 100%; }
.goods-list .pro-item1 .tex{
    flex: 1; display: flex; align-items: center; justify-content: space-between; flex-direction: column;
}


.job-list-wrap .content{
    display: none;
}
.job-list-wrap .content:first-of-type{
    display: block;
}


.md-introduce__item{
    display: none;
}
.md-introduce__item:first-of-type{
    display: block;
}