.header.fixed .logo .logo-img{background-image:url(/views/res/imgs/common/logo_img_color.svg) !important}.header.fixed .fixed-wrap{background-color:#fff}.header.fixed .pc-nav .menu-list>a{color:#222}.header.fixed .pc-nav .menu-list.on .text:after{background-color:#222}
.header.fixed .menu-btn .line:before,.header.fixed .menu-btn .line:after{background-color:#fff}body.pc-nav-open{overflow:hidden}.header{position:fixed;top:0;left:0;width:100%;-webkit-transition:all .4s;transition:all .4s;z-index:700}@media screen and (min-width: 992px){.header{height:100px}}.header.fixed .fixed-wrap{border-bottom:1px solid #ddd}@media screen and (min-width: 992px){.header.fixed .header-inner{height:100px}.header.fixed .navBg{top:100px}.header.fixed .fixed-wrap{height:100px}}.header .fixed-wrap{position:fixed;top:0;left:0;width:100%;height:60px;background-color:transparent;border-bottom:1px solid transparent;transition:all .4s}@media screen and (min-width: 992px){.header .fixed-wrap{height:100px}}.header .header-inner{position:relative;display:flex;justify-content:space-between;margin:0 auto;padding:0 20px;height:60px;z-index:701}@media screen and (min-width: 992px){.header .header-inner{justify-content:flex-start;height:100px;padding:0 60px;transition:height .4s}}@media screen and (min-width: 1200px){.header .header-inner{padding:0 80px}}
.header .logo{position:relative;width:310px;height:60px;z-index:701}
@media screen and (min-width: 992px){.header .logo{width:520px;height:100%;margin-right:45px}}
.header .logo .logo-img{display:block;width:100%;height:100%;background:url(/views/res/imgs/common/logo_img_color.svg) no-repeat center/100% auto}.pc-nav-open .header .logo .logo-img{background-image:url(/views/res/imgs/common/logo_img.svg) !important}.bdlist-nav .header .logo .logo-img,.main-nav .header .logo .logo-img{background-image:url(/views/res/imgs/common/logo_img.svg)}.pc-nav{display:none}@media screen and (min-width: 992px){.pc-nav{display:flex;font-family:"Montserrat", "Noto Sans CJKKR", sans-serif}}.pc-nav .menu-list-wrap{display:flex}.pc-nav .menu-list{position:relative;display:flex;padding:0 35px}
.pc-nav .menu-list>a{position:relative;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;transition:color .4s;-webkit-transition:color .4s;cursor:pointer}.bdlist-nav .pc-nav .menu-list>a,.main-nav .pc-nav .menu-list>a{color:#fff}.pc-nav .menu-list>a .text{position:relative}.pc-nav .menu-list>a .text:after{content:"";display:inline-block;position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#222;opacity:0;transition:opacity .4s}.bdlist-nav .pc-nav .menu-list>a .text:after,.main-nav .pc-nav .menu-list>a .text:after{background-color:#fff}.pc-nav .menu-list:hover>a:after{opacity:1}.pc-nav .menu-list.on>a .text:after{opacity:1}.pc-nav .sub-menu-list-wrap{position:absolute;top:88px;left:50%;padding:20px 45px;text-align:center;z-index:1;background-color:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);transform:translateX(-50%);overflow:hidden;opacity:0;pointer-events:none;transition:top .4s,opacity .4s}.pc-nav .sub-menu-list-wrap.active{top:76px;opacity:1;pointer-events:visible}.pc-nav .sub-menu-list{white-space:nowrap}.pc-nav .sub-menu-list.on>a{color:#6400ff}.pc-nav .sub-menu-list a{position:relative;display:flex;align-items:center;justify-content:center;height:42px;font-size:18px;font-weight:600;color:#000;transition:color .4s;-webkit-transition:color .4s}.pc-nav .sub-menu-list:hover>a{color:#6400ff}.pc-nav .sub-menu-list:hover>a:after{transform:scaleX(1);-webkit-transform:scaleX(1)}.pc-nav .sub-menu-list .text{word-break:keep-all}.header-right-wrap{position:absolute;right:15px;top:0;height:100%;display:flex;align-items:center}@media screen and (min-width: 992px){.header-right-wrap{display:none}}.header-right-wrap .menu-btn-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:100%;cursor:pointer;z-index:701}.menu-btn{margin-top:-5px}.pc-nav-open .menu-btn{margin-top:0}.menu-btn .line{transition:transform .4s}.pc-nav-open .menu-btn .line{background-color:rgba(0,0,0,0) !important}
.menu-btn .line:before,.menu-btn .line:after{content:"";display:block;width:24px;height:3px;background-color:#fff;transition:transform .4s}@media screen and (min-width: 992px){.menu-btn .line:before,.menu-btn .line:after{background-color:#fff}}.bdlist-nav .menu-btn .line:before,.main-nav .menu-btn .line:before,.bdlist-nav .menu-btn .line:after,.main-nav .menu-btn .line:after{background-color:#fff}.pc-nav-open .menu-btn .line:before,.pc-nav-open .menu-btn .line:after{background-color:#fff !important}.pc-nav-open .menu-btn .line:before{-webkit-transform:translateY(0) rotateZ(135deg);transform:translateY(0) rotateZ(135deg)}.menu-btn .line:after{width:14px;transform:translateY(5px)}.pc-nav-open .menu-btn .line:after{width:24px;-webkit-transform:translateY(-3px) rotateZ(-135deg);transform:translateY(-3px) rotateZ(-135deg)}.open-nav-wrap{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background-color:#6400ff;opacity:0;transform:translateY(-100%);transition:all .4s;z-index:700;overflow-y:auto}.pc-nav-open .open-nav-wrap{opacity:1;transform:translateY(0)}.open-nav-wrap .inner-wrap{position:relative;padding:100px 20px 0;max-width:19200px;margin:0 auto}@media screen and (min-width: 768px){.open-nav-wrap .inner-wrap{padding-left:60px;padding-right:60px}}@media screen and (min-width: 992px){.open-nav-wrap .inner-wrap{display:flex;align-items:center;justify-content:center;height:100%}}.open-nav-wrap .menu-list-wrap{display:flex;flex-wrap:wrap;width:100%}@media screen and (min-width: 992px){.open-nav-wrap .menu-list-wrap{flex-wrap:nowrap}}.open-nav-wrap .menu-list-wrap>*{width:100%}@media screen and (min-width: 992px){.open-nav-wrap .menu-list-wrap>*{flex:1 1 0%}}.open-nav-wrap .menu-list{font-family:"Montserrat", "Noto Sans CJKKR", sans-serif;opacity:0;transition:opacity .4s 0.2s}.pc-nav-open .open-nav-wrap .menu-list{opacity:1}.open-nav-wrap .menu-list>a{display:flex;align-items:center;height:68px;font-size:28px;font-weight:600;color:#fff}@media screen and (min-width: 992px){.open-nav-wrap .menu-list>a{height:auto;font-size:20px;margin-bottom:30px}}.open-nav-wrap .menu-list>a.open{border-bottom:1px solid #8d49f5}.open-nav-wrap .menu-list .has-sub{position:relative}.open-nav-wrap .menu-list .has-sub:before,.open-nav-wrap .menu-list .has-sub:after{content:'';position:absolute;top:33px;right:0;display:inline-block;width:20px;height:2px;background-color:#fff;z-index:1;transition:transform .2s linear}@media screen and (min-width: 992px){.open-nav-wrap .menu-list .has-sub:before,.open-nav-wrap .menu-list .has-sub:after{display:none}}.open-nav-wrap .menu-list .has-sub:before{transform:rotate(-90deg)}.open-nav-wrap .menu-list .has-sub.open:before{transform:rotate(0)}.open-nav-wrap .menu-list .has-sub.open:after{transform:rotate(180deg)}.open-nav-wrap .sub-menu-list-wrap{display:none;padding-left:20px;padding-bottom:10px}@media screen and (min-width: 992px){.open-nav-wrap .sub-menu-list-wrap{display:block !important;padding-left:0}}.open-nav-wrap .sub-menu-list{display:flex;align-items:center;height:40px;font-size:21px;font-weight:500;color:#fff}@media screen and (min-width: 992px){.open-nav-wrap .sub-menu-list.on{color:#6400ff}}.open-nav-wrap .sub-menu-list:first-child{margin-top:12px}.open-nav-wrap .sub-menu-list a{width:100%}.open-nav-wrap .sub-menu-list .text{display:inline-flex;align-items:center;height:30px;transition:color .4s}
