*{margin:0;padding:0;background:transparent;border:none;outline:none;font-size:1em;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;font-size:calc(80px + 20 * (100vw - 1100px) / 820);font-family:"Helvetica Neue",Helvetica,Tahoma,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
body{font-size:.14rem;line-height:1;color:#404040;background:#fff;}
input{font-size:.14rem;line-height:1;color:#404040;}
a,a:link{text-decoration:none;color:#404040;}
a:visited,a:hover,a:active{color:#404040;}
li{list-style:none;}
img{vertical-align:top;}
:focus{outline:none;}
.sp{display:none!important;}

html,body{min-width:1100px;height:100%;overflow-x:hidden;background:#fef9fb;}

#container{position:relative;height:100%;overflow:hidden;}

#gHeader{position:absolute;z-index:10;width:100%;min-width:1100px;}
#gHeader .logo{position:absolute;z-index:1;left:.7rem;top:.3rem;width:1.6rem;}
#gHeader .logo a{position:relative;display:block;padding-bottom:43.82%;}
#gHeader .logo svg{position:absolute;left:0;top:0;width:100%;height:100%;fill:#fff;transition:opacity .5s ease;}
#gHeader .logo .whiteLogo,#gHeader .logo.white svg{opacity:0;}
#gHeader .logo.white .whiteLogo{opacity:1;}

#gHeader .language{position:absolute;z-index:1;left:2.7rem;top:.78rem;color:#a61955;font-size:.16rem;cursor:pointer;transition:color .5s ease;}
#gHeader .language > p{position:relative;line-height: 0.28rem;height: 0.28rem;border: 1px solid #a61955; padding: 0 0.1rem; border-radius: 0.14rem;}
#gHeader .language > p a{color:#a61955;}

#gHeader .language > p .ch{font-size: 0.16rem;}
#gHeader .language > p .en{font-size: 0.18rem;}
#gHeader .language > p .midline{border-right: 1px solid #a61955;margin:0 0.05rem 0 0.01rem;}
#gHeader .language > p .ch:hover,#gHeader .language > p .en:hover{border-bottom: 1px solid #a61955;}
#gHeader .language.white > p .ch:hover,#gHeader .language.white > p .en:hover{border-bottom: 1px solid #fff;}

#gHeader .language ul{visibility:hidden;opacity:0;line-height:1.5;transition:visibility .5s ease, opacity .5s ease;}
#gHeader .language li a{color:#a61955;transition:color .5s ease;}
#gHeader .language:hover ul{visibility:visible;opacity:1;}
#gHeader .language.white p{border: 1px solid #fff;}
#gHeader .language.white p a{color:#fff;}
#gHeader .language.white > p .midline{border-right: 1px solid #fff;}



#gFooter{position:fixed;z-index:2;left:0;bottom:0;font-size:.15rem;width:100%;min-width:1100px;}

#telContact {display: none;}
#gFooter .contact,#telContact .contact{position:fixed;right:.1rem;bottom:26.85%;line-height:.5rem;white-space:nowrap;}
#gFooter .contact > div,#telContact .contact > div{position:relative;width:.5rem;height:.5rem;border-radius:50%;overflow:hidden;margin-top:.15rem;cursor:pointer;transition:opacity .5s ease;}
#gFooter .contact > div:before,#telContact .contact > div:before{content:'';position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;height:90%;border-radius:50%;background:#a61955;transition:background .5s ease;}
#gFooter .contact a,#telContact .contact a{display:block;width:100%;height:100%;}
#gFooter .contact svg,#telContact .contact svg{display:block;width:100%;height:100%;fill:#fff;transition:fill .5s ease;}
#gFooter .contact.white > div:before,#telContact .contact.white > div:before{background:#fff;}
#gFooter .contact.white svg,#telContact .contact.white svg{fill:#a61955;}

#gFooter .copyright{position:absolute;left:.7rem;bottom:.3rem;transition:color .5s ease;}
#gFooter .copyright.white{color:#fff;}
#gFooter .qrCode{position:absolute;right:.7rem;bottom:.3rem;width:.82rem;border:.05rem solid #fff;background:#fff;}
#gFooter .qrCode svg{display:block;width:100%;fill:#a61955;}


.navBar{position:fixed;left:0;top:0;width:100%;min-width:1100px;}

#gNav{position:absolute;right:0;top:.3rem;font-weight:bold;text-align:right;}
#gNav li > a{position:relative;display:block;font-size:.18rem;line-height:1;font-weight:bold;margin-bottom:.06rem;padding-bottom:.12rem;padding-right:.7rem;transition:color .5s ease;}
#gNav li > a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:.06rem;background:#a61955;transition:width .5s ease;}
#gNav li.on > a::after{width:100% !important;}
#gNav li.on > a:after{width:100% !important;}
#gNav li:hover > a,#gNav li.on > a{color:#a61955;}
#gNav li:hover > a:after{width:100% ;}
#gNav.white li > a{color:#fff;}
#gNav.white li > a:after{background:#fff;}

#gNav li .sub{display:none;padding:.03rem .7rem .05rem 0;}
#gNav li .sub dd{display:block;margin-bottom:.04rem;}
#gNav li .sub a{position:relative;display:inline-block;font-size:.16rem;line-height:1.625;transition:color .5s ease;}
#gNav li .sub a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#a61955;transition:width .5s ease;}
#gNav li .sub a:hover,#gNav li .sub a.on{color:#a61955;}
#gNav li .sub a:hover:after,#gNav li .sub a.on:after{width:100%;}
#gNav.white li .sub a{color:#fff;}
#gNav.white li .sub a:after{background:#fff;}

.searchBar{position:absolute;right:.7rem;top:100%;margin-top:.2rem;padding:0 .14rem;border:1px solid #a61955;transition:border-color .5s ease;border-radius:.15rem;overflow:hidden;background:#fff;display:flex;font-size:0;height: 0.28rem;}
.searchBar input{display:block;width:0rem;height:.28rem;line-height:.28rem;color:#d69eb6;transition:color .5s ease;}
.searchBar input::-webkit-input-placeholder{color:#d69eb6;transition:color .5s ease;}
.searchBar button{display:block;width:.28rem;height:.28rem;background:none;border:none;cursor:pointer;position: absolute; right: 0;}
.searchBar button svg{display:block;margin:0 auto;width:64%;height:100%;fill:#a61955;transition:fill .5s ease;}
#gNav.white .searchBar,.wapSearBar.white .searchBar{border-color:#fff;}
#gNav.white .searchBar input,.wapSearBar.white .searchBar input{color:#333;}
#gNav.white .searchBar input::-webkit-input-placeholder{color:#333;}
#gNav.white .searchBar button svg,.wapSearBar.white .searchBar button svg{fill:#8c8c8c;}

.wapSearSubmit,.wapSearBar {display: none;}




#main .hd .side{flex: 0 0 26%;padding-left:.7rem;padding-top:.81rem;box-sizing:border-box;font-size:.16rem;}
#main .hd .back{display:inline-block;line-height:.26rem;}
#main .hd .back svg{display:inline-block;vertical-align:middle;width:.3rem;height:.3rem;fill:#404040;transform:rotate(-90deg);}
#main .hd .back span{display:inline-block;vertical-align:middle;margin-left:.15rem;}

#main .bd .inner{position:relative;}
#main .bd .backTop{position:fixed;z-index:3;width:.4rem;height:.4rem;margin-left:59%;bottom:.7rem;text-align:center;line-height:1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;}
#main .bd .backTop.visible{opacity:1;visibility:visible;}
#main .bd .backTop svg{display:block;width:100%;height:100%;fill:#dfdfdf;}

.comBtn{position:relative;text-align:center;background:#a61955;color:#fff;overflow:hidden;}
.comBtn.white{background:#fff;color:#a61955;}
.comBtn span{position:relative;z-index:1;}
.comBtn svg{position:absolute;left:0;top:0;width:100%;height:100%;}

.waves{position:absolute;left:0;bottom:0;width:100%;height:25vh;}
.parallax > use{animation:move 24s linear infinite;}
.parallax > use:nth-child(1){animation-delay:-4s;}
.parallax > use:nth-child(2){animation-delay:-4s;animation-duration:10s;}

/*英文版*/
.gHeaderYy2 #gNav li > a{text-align: left;}
.gHeaderYy2 #gNav li .sub dd{text-align: left;}
.gHeaderYy2 #gNav li .sub{padding: .03rem 0rem .05rem 0;}
.gHeaderYy2 #gNav li .sub a{font-weight: normal; margin-left: 0.2rem;}
/*end英文版*/

/**layer tips**/
.layui-layer-dialog .layui-layer-content{
    font-size: 1em !important;
}
.layui-layer-tips.tipsClass .layui-layer-content{
    background-color: #a61955;
    font-size: 1em;
}
.layui-layer-tips.tipsClass i.layui-layer-TipsL, .layui-layer-tips.tipsClass i.layui-layer-TipsR{
    border-bottom-color: #a61955;
}


@media all and (max-width:1100px){
    html{font-size:80px;}
}

@media all and (max-width: 767px) {
    .pc{display:none!important;}
    .sp{display:block!important;}


    html,body{min-width:auto;font-size:50px;height:auto;}

    #container{height:auto;}

    /****/
    .wapSearBar{display: block;position: absolute; top:0;height: 1.3rem; background:#fff;width: 100%; z-index: 99;}
    .wapSearBar .searchBar{top:0; width:80%; height:0.8rem; border-radius: 0.4rem;}
    .wapSearBar .searchBar input{height: 0.8rem;}
    .wapSearBar .searchBar button{width:0.5rem; height: 0.5rem;}
    .wapSearSubmit{display:block;width:.28rem;height:.28rem;background:none;border:none;cursor:pointer;position: absolute; right: 1.8rem;top: 0.73rem;}
    .wapSearSubmit svg{display:block;margin:0 auto;width:0.3rem;height:0.3rem;fill:#a61955;transition:fill .5s ease;}
    .wapSearSubmit.white svg{fill: #fff;}

    #gHeader{min-width:auto;position:fixed;height:1.3rem;transition:background .3s ease;}
    #gHeader .logo{left:.3rem;}
    #gHeader .btnMenu{position:absolute;z-index:1;top:1.03rem;transform:translateY(-100%);right:.3rem;font-size:.3rem;color:#a61955;transition:color .5s ease;}
    #gHeader .btnMenu span:nth-child(2){display:none;}
    #gHeader .btnMenu:after{content:'';display:inline-block;vertical-align:baseline;width:.1rem;height:.1rem;margin-left:.15rem;border-radius:50%;background:#a61955;transition:background .5s ease;}
    #gHeader .btnMenu.white{color:#fff;}
    #gHeader .btnMenu.white:after{background:#fff;}

    .scrollHeader #gHeader{background:rgba(255,255,255,.87);}
    .scrollHeader #gHeader .logo svg:nth-child(1){opacity:1;}
    .scrollHeader #gHeader .logo svg.whiteLogo{opacity:0;}
    .scrollHeader #gHeader .btnMenu{color:#a61955;}
    .scrollHeader #gHeader .btnMenu:after{background:#a61955;}
    .scrollHeader #gHeader .language p{border: 1px solid #a61955;}
    .scrollHeader #gHeader .language p a{color:#a61955;}
    .scrollHeader #gHeader .language.white > p .midline{border-right: 1px solid #a61955;}
    .scrollHeader #gHeader .language.white > p:after{background:none; border-top-color: #a61955;}

    #gFooter .contact {display: none;}
    #telContact {display: block;}
    #gFooter{min-width:auto;overflow:hidden;}
    #telContact .contact{right:0.3rem;bottom:2rem;line-height:.56rem;font-size:.24rem;z-index: 9;}
    #telContact .contact div{width:0.8rem;height:0.8rem;}
    #gFooter .copyright{left:.3rem;font-size:.26rem;line-height:.56rem;}
    #telContact .contact svg{fill:#fff;}
    #telContact .contact span,#gFooter .copyright{color:#fff;}
    #telContact .contact span{left:0;bottom:100%;top:auto;padding-left:0;}
    #telContact .contact:hover .email{opacity:1;}



    .navBar{display:flex;justify-content:center;align-items:center;min-width:auto;height:100%;visibility:hidden;transition:visibility 0s linear .8s;}
    .navBar #navBg{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;}

    #gNav{position:static;text-align:center;}
    #gNav li{margin:.67rem 0;overflow:hidden;}
    #gNav li > a{transform:translateY(100%);transition:transform .5s ease;}
    #gNav li > a,#gNav li > a:hover,#gNav.white li > a{font-size:.46rem;color:#595959;}
    #gNav li > a span{padding-right:0;line-height:.96rem;}
    #gNav li > a:hover span:after{width:0;}
    #gNav li.on > a{color:#a61955;}
    #gNav li.on > a span:after{width:100%;background:#a61955;}
    #gNav.white li > a .text:after{background:#a61955;}
    #gNav li > a .text{padding-right:0;}
    #gNav li:nth-child(4):hover > a{padding-left:0;}

    .openMenu{overflow:hidden;}
    .openMenu .navBar{visibility:visible;transition-delay:0s;}
    .openMenu .navBar .circles{opacity:1;transition-delay:.3s;}
    .openMenu #gNav li > a{transform:none;transition-delay:0s;}
    #gNav.white li .sub a{color: #595959}
    #gNav.white li > a:after{background: #595959 }
    #gNav li .sub a,
    #gHeader .language > p{font-size: 0.25rem; }
    #gHeader .language > p{line-height: 0.4rem;height: 0.4rem;border: 0.015rem solid #a61955; border-radius: 0.2rem;}
    .scrollHeader #gHeader .language p{border: 0.015rem solid #a61955;}
    #gHeader .language{top:0.6rem;left: 2.2rem;}
    #gHeader .language > p .ch{font-size: 0.25rem}
    #gHeader .language > p .en{font-size: 0.27rem;}

    .openMenu #gHeader .logo svg:nth-child(1){opacity:1;}
    .openMenu #gHeader .logo svg.whiteLogo{opacity:0;}
    .openMenu #gHeader .btnMenu{color:#a61955;}
    .openMenu #gHeader .btnMenu span:nth-child(1){display:none;}
    .openMenu #gHeader .btnMenu span:nth-child(2){display:inline-block;}
    .openMenu #gHeader .btnMenu:after{background:#a61955;}
    .openMenu #gHeader .language > p{border: 0.015rem solid #a61955;}
    .openMenu #gHeader .language.white > p .midline{border-right: 1px solid #a61955;}
    .openMenu #gHeader .language > p a{color: #a61955;}
    .openMenu #gHeader .language.white > p:after {border-top-color: #a61955;}


    .navBar .circles{opacity:0;transition:opacity .5s ease;}
    .navBar .circles span{position:absolute;left:50%;top:50%;border-radius:50%;animation:molecule 3s linear 0s infinite;}
    .navBar .circles span:nth-child(1){width:1.2rem;height:1.2rem;margin-left:-3.88rem;margin-top:2.83rem;background:#f6dfe5;}
    .navBar .circles span:nth-child(2){width:.32rem;height:.32rem;margin-left:-1.94rem;margin-top:-2.78rem;background:#ebccd9;}
    .navBar .circles span:nth-child(3){width:.84rem;height:.84rem;margin-left:1.95rem;margin-top:-.4rem;background:#f7e3e8;}
    .navBar .circles span:nth-child(4){width:.64rem;height:.64rem;margin-left:3.12rem;margin-top:-3.62rem;background:#dc8aa4;}
    .navBar .circles span:nth-child(5){width:1.08rem;height:1.08rem;margin-left:3rem;margin-top:4.7rem;background:#f1cdd6;}
    .navBar .circles span:nth-child(1){animation-delay:0s;}
    .navBar .circles span:nth-child(2){animation-delay:-.3s;animation-duration:3.2s;}
    .navBar .circles span:nth-child(3){animation-delay:-.7s;animation-duration:3.5s;animation-name:molecule1;}
    .navBar .circles span:nth-child(4){animation-delay:-.5s;animation-duration:4s;}
    .navBar .circles span:nth-child(5){animation-delay:-.9s;animation-duration:3.7s;}

    .waves{width:200%;height:2rem;}

    #main .hd .side{padding-left:0;padding-top:0;font-size:.26rem;margin:0 .3rem .8rem;}
    #main .hd .back{line-height:.32rem;}
    #main .hd .back svg{width:.4rem;height:.4rem;}
    #main .hd .back span{margin-left:.25rem;}

    #main .bd .backTop{position:absolute;width:.8rem;height:.8rem;right:.3rem;bottom:0;visibility:visible;opacity:1;transform:translateY(120%);}
    #main .bd .backTop.sp{/*display:flex!important;*/ display: none !important;}

    /**layer tips**/
    .layui-layer-dialog .layui-layer-content{
        font-size: 0.3rem !important;
    }
    .layui-layer-tips.tipsClass .layui-layer-content{
        background-color: #a61955;
        font-size: 0.3rem;
    }
    .layui-layer-tips.tipsClass i.layui-layer-TipsL, .layui-layer-tips.tipsClass i.layui-layer-TipsR{
        border-bottom-color: #a61955;
    }

}

@keyframes move{
    0%{transform:translate3d(-90px, 0, 0);}
    100%{transform:translate3d(85px, 0, 0);} 
}

@keyframes molecule{
    0%{transform:translate3d(0,-10px,0);}
    25%{transform:translate3d(-10px,0,0);}
    50%{transform:translate3d(0,10px,0);}
    75%{transform:translate3d(10px,0,0);}
    100%{transform:translate3d(0,-10px,0);}
}

@keyframes molecule1{
    0%{transform:translate3d(0,-10px,0);}
    25%{transform:translate3d(10px,0,0);}
    50%{transform:translate3d(0,10px,0);}
    75%{transform:translate3d(-10px,0,0);}
    100%{transform:translate3d(0,-10px,0);}
}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}