锘?*氓鈥βモ€β泵┢捖ニ嗏€?/
.wrap{width:80vw;max-width:100%;margin:0 auto}
.w1200{width:1200px;max-width:100%;margin:0 auto}
@media (max-width:1620px){ .wrap{width:84vw} }
@media (max-width:1440px){ .wrap{width:88vw} }
@media (max-width:1280px){ .wrap, .w1200{width:92vw} }
@media (max-width:1024px){ .w1200, .wrap{width:100%;padding:0 15px} }

/* 忙禄拧氓艩篓忙聺隆 */
body::-webkit-scrollbar{width:8px}
/* 忙禄拧氓艩篓忙聺隆忙禄鈥樏ヂ濃€ */
body::-webkit-scrollbar-thumb{background-color:#191919;border-radius:8px}
/* 忙禄拧氓艩篓忙聺隆氓陇鈥撁ヂ扁€毭铰┞佲€ */
body::-webkit-scrollbar-track{background-color:#f4f2f4}

/* 氓鈥β┢捖モ€βモ€β */
.head{width:100%;height:90px;position:fixed;z-index:19;background-color:rgba(0,0,0,0.8)}
.head.pagehead{background-color:transparent}
.pagehead.active{background-color:rgba(0,0,0,0.8)}
.head.cur{background-color:#fff;border-bottom:1px solid #e8e8e8}
.logoimg{width:181px;height:50px;display:block;margin-top:20px;background-image:url(../img/logo.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.head.cur .logoimg{background-image:url(../img/logo_cur.png)}
/* .navitem{position:relative} */
.navitemname a.hidename:after{content:"";width:0;height:3px;position:absolute;bottom:0;left:0;background-color:#5a0060;z-index:auto;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.navitemname a{display:block;line-height:90px;height:90px;color:#5a0060;font-size:14px;font-weight:bold;position:relative;z-index:3}
.navitemname{padding:0 1.614vw;position:relative;height:90px;overflow:hidden}
.navitemname a.showname{font-size:14px;color:#fff}

.head.cur .navitemname a.showname{color:#666667}
.navchild{width:100%;position:absolute;left:0;top:110px;padding:56px 0 120px;background-color:#fff;z-index:-1;visibility:hidden;opacity:0;}
.navchild .box{padding:0 9.635vw 0 6.979vw}
.navchilditems{/* width:calc(100% - 308px) */}
.navchilditem{/* width: 25%; */padding: 0 5.75vw 0 5.9vw;border-left:1px solid #e8e8e8;}
.navchilditem .gadson{padding-bottom:80px}
.navchilditem .name a{color:#3f3f3f;font-size:15px;font-weight:bold}
.navchilditem .name{margin-bottom:22px}
.navchilditem .gadsonlist{margin-bottom:10px;color:#848484;display:block;padding-right:10px;position:relative;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.navchilditem .gadsonlist:after{content:"";width:9px;height:14px;position:absolute;top:50%;margin-top:-7px;right:-30px;opacity:0;background-repeat:no-repeat;background-position:right center;background-image:url(../img/navgadmore.png);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.navchilditem .gadsonlist:hover{color:#5a0060}
.navchilditem .gadsonlist:hover:after{right:0;opacity:1}
.navrecpro .title{color:#3f3f3f;font-size:15px;font-weight:bold}
.navrecpro .bot{display:block;margin-top:22px}
.navrecpro .bot .name{color:#848484;margin-top:14px;height:19px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.navrecpro .bot .img img{height:201px}
.navrecpro .bot:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.navrecpro .bot:hover .name{color:#5a0060}

.search{margin-left:2.083vw}
.searchbtn{width:18px;height:18px;margin-top:36px;text-align:center;cursor:pointer;background-image:url(../img/searchbtn.png);background-repeat:no-repeat;background-position:center center}
.searchbtn.cur{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}
.head.cur .searchbtn{background-image:url(../img/searchbtn_cur.png)}
.searchbox{width:0;height:100px;background-color:rgba(0,0,0,0.8);position:absolute;top:100%;right:0;z-index:4;opacity:0}
.searchbox .close{line-height:74px;cursor:pointer}
.searchbox .close:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.searchbox .searchform .input{width:calc(100% - 80px);margin:0 20px}
.searchbox .searchform .input input{width:100%;height:74px;font-size:24px;text-align:center;position:relative;background-color:transparent;color:#fff;border-bottom:1px solid #fff}
.searchbox .searchform .input input:focus{border-bottom-color:#5a0060}
.searchbox .searchform .input input::-webkit-input-placeholder{color:rgba(255,255,255,0.8)}
.searchbox .searchform .btn{height:74px;text-align:center;line-height:74px;cursor:pointer}
.searchbox.cur{width:100%;padding:13px 50px;opacity:1}
.wapbtnbox{width:34px;height:34px;margin-top:13px;margin-left:20px;background-color:#520157;border-radius:8px;position:relative;cursor:pointer;overflow:hidden;display:none}
.wapbtnbox div{width:16px;height:2px;background-color:#fff;border-radius:2px;position:absolute;right:9px}
.wapbtnbox div:nth-of-type(1){top:10px}
.wapbtnbox div:nth-of-type(2){top:16px}
.wapbtnbox div:nth-of-type(3){top:22px}
.wapbtnbox.cur div:nth-of-type(1){top:16px;background-color:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wapbtnbox.cur div:nth-of-type(2){right:-100%;opacity:0}
.wapbtnbox.cur div:nth-of-type(3){top:16px;background-color:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}
.logo img, .searchbtn img, .searchbox .searchform .btn img, .searchbox .close img, .footfrienbox .icon img, .waplpgo img{display:inline-block;vertical-align:middle}
.wapsearch, .waplpgo{display:none}
.navlan{position:relative;margin-left:6.25vw}
.navlanlist{display:block;color:#fff;line-height:90px;font-weight:bold}
.navlanlist:nth-of-type(2){font-weight:normal;font-family:Arial;margin-left:1.302vw}
.head.cur .navlanlist{color:#666667}
.searchformwap{display:none;width:calc(100% - 30px);padding:0 20px;border-radius:40px;height:40px;background-color:#f5f5f5;margin:15px auto 0;border:1px solid #d6d6d6}
.searchformwap .input{width:calc(100% - 38px);margin-right:20px}
.searchformwap .input input{width:100%;height:38px;background-color:transparent}
.searchformwap .btn{height:38px;line-height:38px}
.searchformwap .btn img{display:inline-block;vertical-align:middle}

.foot{background-color:#1f1f1f}
.foottopleft{width:400px}
.foottop{padding:118px 0 0}
.footewmbox{width:400px}
.footewmbox .img{width:120px;height:120px}
.footfriend .top .icon img{display:inline-block;vertical-align:middle}
.footewmbox .text{color:#fff;text-align:center;margin-bottom:24px}
.footfriend{margin-top:60px;position:relative}
.footfriend .top{width:246px;height:42px;border:1px solid rgba(193,193,193,0.3);padding:0 20px;cursor:pointer}
.footfriend .top .name{line-height:40px;color:#868585}
.footfriend .top .icon{line-height:40px}
.footfriend.cur .top .icon img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.footfriend.cur .footfrienditems{bottom:42px;opacity:1;visibility:visible;z-index:9}
.footfrienditems{width:100%;position:absolute;bottom:0;left:0;background-color:#fff;box-shadow:0px 4px 22px 0px rgba(0,0,0,0.06);opacity:0;visibility:hidden;z-index:-1}
.footfrienditem{display:block;height:42px;line-height:42px;padding:0 20px}
.foottopmaplist{margin-right:7.8125vw}
.foottopmaplist:nth-last-of-type(1){margin-right:0}
.foottopmaplist .name a{color:#dfdfdf;font-weight:bold;line-height:1}
.foottopmaplist .child{margin-top:26px}
.foottopmaplist .child .list{color:#6b6b6b;margin-bottom:10px;display:block}
.foottopmaplist .child .list:nth-last-of-type(1){margin-bottom:0}
.foottopmaplist .child .list:hover, .footbot .maplist:hover{color:#fff;font-weight:bold}
.footbot{padding:30px 0}
.footbot .maplist{color:#8f8e8e;font-size:12px;margin-right:20px;line-height:18px}
.footbot .maplist:nth-last-of-type(1){margin-right:0}
.copybox{color:#8f8e8e;font-size:12px;line-height:18px}
.copybox a{font-size:12px}
.foottopleft .footbotleft, .foottopleft .copybox{display:none}
.foottopleft .footbotleft, .foottopleft .copybox{width:calc(100% - 130px);margin-left:20px;margin-top:15px}
.foottopleft .footbotleft .maplist{color:#8f8e8e;font-size:12px;margin-right:10px}
.foottop{position:relative}
.scrolltop{width:74px;height:74px;position:absolute;top:122px;right:38px;cursor:pointer;background-color:rgba(0,0,0,0.2);text-align:center;line-height:74px}
.scrolltop img{display:inline-block;vertical-align:middle;margin-bottom:4px;position:relative;z-index:3}
.scrolltop:after{content:"";width:100%;height:0px;background-color:#5a0060;position:absolute;bottom:0;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.scrolltop:hover:after{height:100%}

.navitem:nth-of-type(1),
.navitem:nth-of-type(2),
.navitem:nth-of-type(4),
.navitem:nth-of-type(5){position:relative}

.navitem:nth-of-type(1) .box,
.navitem:nth-of-type(2) .box,
.navitem:nth-of-type(4) .box,
.navitem:nth-of-type(5) .box{padding:0}

.navitem:nth-of-type(1) .navchild,
.navitem:nth-of-type(2) .navchild{width:648px;height:304px;left:-85px;padding:50px 45px 50px 50px}
.navitem:nth-of-type(4) .navchild,
.navitem:nth-of-type(5) .navchild{width:648px;height:304px;left:auto;right:0;padding:50px 45px 50px 50px}

.navitem:nth-of-type(1) .navchild .navchilditems,
.navitem:nth-of-type(2) .navchild .navchilditems,
.navitem:nth-of-type(4) .navchild .navchilditems,
.navitem:nth-of-type(5) .navchild .navchilditems{width:calc(100% - 368px);margin-right:60px}

.navitem:nth-of-type(1) .navchild .navchilditem,
.navitem:nth-of-type(2) .navchild .navchilditem,
.navitem:nth-of-type(4) .navchild .navchilditem,
.navitem:nth-of-type(5) .navchild .navchilditem{width:100%;margin-bottom:10px;padding:0;border-left:none}

.navitem:nth-of-type(1) .navchild .navchilditem:nth-last-of-type(1),
.navitem:nth-of-type(2) .navchild .navchilditem:nth-last-of-type(1),
.navitem:nth-of-type(4) .navchild .navchilditem:nth-last-of-type(1),
.navitem:nth-of-type(5) .navchild .navchilditem:nth-last-of-type(1){margin-bottom:0}

.navitem:nth-of-type(1) .navchild .navchilditem .name,
.navitem:nth-of-type(2) .navchild .navchilditem .name,
.navitem:nth-of-type(4) .navchild .navchilditem .name,
.navitem:nth-of-type(5) .navchild .navchilditem .name{color:#848484;margin-bottom:0}

.navitem:nth-of-type(1) .navchild .navchilditem .name a,
.navitem:nth-of-type(2) .navchild .navchilditem .name a,
.navitem:nth-of-type(4) .navchild .navchilditem .name a,
.navitem:nth-of-type(5) .navchild .navchilditem .name a{color:#848484;position:relative}

.navitem:nth-of-type(1) .navchild .navchilditem .name a:after,
.navitem:nth-of-type(2) .navchild .navchilditem .name a:after,
.navitem:nth-of-type(4) .navchild .navchilditem .name a:after,
.navitem:nth-of-type(5) .navchild .navchilditem .name a:after{content:"";width:9px;height:14px;position:absolute;top:50%;margin-top:-7px;right:0;opacity:0;background-image:url(../img/navgadmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}

.navitem:nth-of-type(1) .navchild .navchilditem .name a:hover:after,
.navitem:nth-of-type(2) .navchild .navchilditem .name a:hover:after,
.navitem:nth-of-type(4) .navchild .navchilditem .name a:hover:after,
.navitem:nth-of-type(5) .navchild .navchilditem .name a:hover:after{right:-44px;opacity:1}

.navitem:nth-of-type(1) .navchild .navchilditem .name a:hover,
.navitem:nth-of-type(2) .navchild .navchilditem .name a:hover,
.navitem:nth-of-type(4) .navchild .navchilditem .name a:hover,
.navitem:nth-of-type(5) .navchild .navchilditem .name a:hover{color:#5a0060}




@media (min-width:1024px){
    .headlanbox:hover .headlanitems{visibility:visible;opacity:1;top:28px}
    .headlanbox:hover .headlantop .icon img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
    .navitem:hover .hidename:after{width:100%}
    .navitem:hover .hidename,
    .navitem:hover .showname{transform:translateY(-90px);-webkit-transform:translateY(-90px);-moz-transform:translateY(-90px)}
    .searchbtn:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}
    .searchbox .searchform .btn:hover img{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5)}
    .navitem:hover .navitemname:after{width:100%}
    .navlan:hover .navlanitems{visibility:visible;opacity:1;z-index:12;top:100px}
    .navlan:hover .navlantop .text{color:#0f7c8c}
    .navlan:hover .navlantop .icon img,
    .footfriend:hover .top .icon img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}

    /* .navitemname a:hover, .headnavitem .navchilditem:hover{color:#004c8e} */
    /* .footfrienditem:hover{background-color:#0f7c8c;color:#fff} */
    /* .footfriend:hover .footfrienbox{background-color:#0f7c8c;border-color:#004c8e} */
    /* .footfriend:hover .name{color:#fff} */
    .footfriend:hover .footfrienditems{bottom:42px;opacity:1;visibility:visible;z-index:9}
    .navitem.cur .navchild{visibility:visible;opacity:1;top:90px;z-index:13;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .footewm:hover .hidebox{top:72px;visibility:visible;z-index:3;opacity:1}
    .navchildlist:hover:after{border-color:#00a5e2}

}


@media (max-width:1620px){
    .navchildbox{width:680px}
    .navchildbox .navchilditems{width:200px;padding:30px}
    .navchildbox .navchilditem{padding:0 25px}
    .navchildbox .rightbox{width:480px;padding:40px 50px 50px 44px}
}

@media (max-width:1440px){
    .navitemname{padding:0 1.2vw}
    /* .search{margin-left:1vw} */
    .logo img{width:240px}
    .navchildbox{width:580px}
    .navchildbox .rightbox .title{font-size:20px}
    .navchildbox .navchilditems{width:180px;padding:20px}
    .navchildbox .navchilditem{padding:0 15px;height:52px}
    .navchildbox .navchilditem a{line-height:52px}
    .navchildbox .rightbox{width:400px;padding:25px 35px 35px 30px}
    .navchildbox .rightbox .text{line-height:1.8;height:76px;margin-top:18px}
    .navchildbox .rightbox .img{margin-top:35px}
    .foottopmaplist{margin-right:6vw}
    .scrolltop{width:54px;height:54px;right:15px;line-height:54px}
}

@media (max-width:1367px){
    .scrolltop{width:44px;height:44px;right:15px;line-height:44px}
}

@media (max-width:1280px){
    .navitemname{padding:0 0.5vw}
    .search{margin-left:0.8vw}
    .logo img{width:200px}
    .foottopmaplist{margin-right:4vw}
}

@media (max-width:1024px){
    .headtop .box, .navline, .navitemname a.hidename, .footmap, .footcon, .footboxright, .navtel, .scrolltop{display:none}
    .wapsearch, .wapbtnbox, .waplpgo, .searchformwap{display:block}
    .headtop .wrap{padding:0}
    .head.active{overflow:initial}
    .headbox{height:60px}
    .head{height:60px;z-index:12;overflow:hidden}
    .head.cur{overflow:initial}
    .logo img{width:180px}
    .waplpgo{width:120px;height:60px;line-height:60px;position:absolute;top:0;left:50%;margin-left:-60px}
    .navlantop .text, .navlantop .icon{line-height:60px}
    /* .search{float:left} */
    .search{margin-left:20px}
    .searchbtn{width:18px;height:60px;margin-top:0;background-color:transparent;line-height:60px}
    /* .wapbtnbox{width:36px;height:60px} */
    .head .box{position:static;overflow:initial}
    .navitems{width:100%;max-height:calc(100vh - 140px);overflow-y:auto}
    .navitem{padding:0;width:100%;border-bottom:1px solid #f3f3f3}
    .navitemname{height:52px;position:relative;padding:0 30px}
    .navitemname.cur{border-bottom:1px solid #f3f3f3}
    .navitemname:after, .navchildlistname:after{content:"";width:4px;height:14px;background-color:#4c4c4c;position:absolute;top:50%;margin-top:-7px;right:20px;left:auto;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .navitemname:before, .navchildlistname:before{content:"";width:14px;height:4px;background-color:#4c4c4c;position:absolute;top:50%;margin-top:-2px;right:15px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .navchildlistname.cur:after,
    .navchildlistname.cur:before{background-color:#e60012;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
    /* .navitemname.cur{background-color:#0f7c8c} */
    .navitemname.cur a.showname{color:#fff}
    /* .navitemname.cur:before{background-color:#fff} */
    .navitemname.cur:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);opacity:0}
    .navitemname a{height:52px;line-height:52px;display:inline-block;font-size:18px}
    .navitemname a.showname, .navitemname a{font-size:16px}
    /* .navitem:nth-of-type(1) .navitemname a{display:block}
    .navitem:nth-of-type(1) .navitemname:after,
    .navitem:nth-of-type(1) .navitemname:before{display:none} */
    .navleft{width:100%;height:calc(100vh - 62px);position:absolute;top:60px;left:100%;margin-left:0;background-color:#fff;z-index:12}
    /* .navleft.cur{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} */
    .navleft.cur{left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .wapsearch .searchform{width:100%}
    .navchild{position:static;background-color:transparent;visibility:visible;opacity:1;width:100%;padding:5px 0;height:auto;display:none;transition:initial;-webkit-transition:initial;-moz-transition:initial}
    .navitem:nth-of-type(3) .navchildbox, .navitem:nth-of-type(4) .navchildbox, .navitem:nth-of-type(5) .navchildbox, .navitem:nth-of-type(6) .navchildbox, .navitem:nth-of-type(7) .navchildbox{margin-left:0;width:100%}
    .navitem:nth-of-type(3) .navchildlist, .navitem:nth-of-type(4) .navchildlist, .navitem:nth-of-type(5) .navchildlist, .navitem:nth-of-type(6) .navchildlist, .navitem:nth-of-type(7) .navchildlist{padding:0}
    .navchildlist{margin:0;width:100%;text-align:left;line-height:40px;display:block;color:#999;padding:0;border-right:none}
    .wapsearch{width:100%}
    /* .navchild{position:static;padding:0;z-index:3;visibility:visible;opacity:1;display:none} */
    .navchild .box{padding:0}
    .navchild .navrecpro{display:none}
    .searchbox .searchform .input input{height:40px;text-align:left;font-size:16px;color:#333;padding-right:20px}
    .searchbox .searchform .input input::-webkit-input-placeholder{color:#999}
    .searchbox.cur{padding:15px}
    .searchbox{height:70px;top:60px}
    .searchbox .searchform .btn{height:40px;line-height:40px}
    .searchbox .close{line-height:40px}
    .navchild .navchilditems{width:100%;background-color:#fff;padding:0}
    .navchild .navchilditem{width:100%;border-left:none;padding:0 30px}
    .navchilditem .name{margin-bottom:0}
    .navchild .navchilditem:nth-last-of-type(1){border-bottom:0}
    .navchild .navchilditem .name a{font-size:14px;color:#929292;font-weight:normal;line-height:40px;display:block}
    .navitem:nth-of-type(3) .navchilditem .name{position:relative}
    .navitem:nth-of-type(3) .navchilditem .name:after{content:"";width:4px;height:14px;background-color:#4c4c4c;position:absolute;top:50%;margin-top:-7px;right:10px;left:auto;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .navitem:nth-of-type(3) .navchilditem .name:before{content:"";width:14px;height:4px;background-color:#4c4c4c;position:absolute;top:50%;margin-top:-2px;right:5px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .navitem:nth-of-type(3) .navchilditem .name a{display:inline-block}
    .navitem:nth-of-type(3) .navchilditem .name.cur:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);opacity:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .navchilditem .gadson{padding:0;display:none}
    .navchilditem .gadsonlist{margin-bottom:0;line-height:30px;padding:0 15px}
    .logoimg{width:110px;height:31px;margin-top:14px}
    .navlanlist{line-height:60px}
    .navlanlist:nth-of-type(2){margin-left:10px}
    .foottopmap{display:none}
    .foottop{padding:55px 0 0;border-bottom:none}
    .footewmbox{float:none;width:calc(100% - 130px);margin:0 auto}
    .footfriend{float:none;width:calc(100% - 130px);margin:30px auto 0}
    .footfriend.cur .footfrienditems{bottom:42px;opacity:1;visibility:visible;z-index:9}
    .footfriend .top, .foottopleft{width:100%}
    .footewmbox .text{margin-top:0;margin-bottom:20px;font-size:12px}
    .footfriend .top{padding:0 15px;height:46px}
    .footfriend .top .name, .footfriend .top .icon{line-height:44px}
    .footbotleft{width:100%;text-align:center}
    .footbot .maplist{display:inline-block;float:none;margin:0 2.2vw}
    .copybox{text-align:center;margin-top:25px}
    .foottopleft .footbotleft, .foottopleft .copybox{display:block}
    .footewmbox .img{width:100px;height:100px;margin:0 auto}
    .footewmbox .img img{width:100px;height:100px}
    .footbot{padding:30px 0 40px}
    .head.pagehead{position:relative}
    .head.pagehead{background-color:rgba(0,0,0,0.8)}
    .navitem:nth-of-type(1) .navchild,
    .navitem:nth-of-type(2) .navchild,
    .navitem:nth-of-type(4) .navchild,
    .navitem:nth-of-type(5) .navchild{width:100%;height:auto;left:auto;right:0;padding:5px 0}
    .navitem:nth-of-type(1) .navchild .navchilditems, .navitem:nth-of-type(2) .navchild .navchilditems, .navitem:nth-of-type(4) .navchild .navchilditems, .navitem:nth-of-type(5) .navchild .navchilditems{width:100%}
    .navitem:nth-of-type(1) .navchild .navchilditem, .navitem:nth-of-type(2) .navchild .navchilditem, .navitem:nth-of-type(4) .navchild .navchilditem, .navitem:nth-of-type(5) .navchild .navchilditem{padding:0 30px;margin-bottom:0n}
}

@media (max-width:370px){
    .footewmbox{width:calc(100% - 60px)}
    .footfriend{width:calc(100% - 60px)}
    .footbot .maplist{margin:0 1.4vw}
}

/* 氓颅聬茅隆碌茅聺垄氓鈥βモ€β */
.pcpagenav{width:100%;height:90px;background-color:rgba(255,255,255,0.9);position:absolute;bottom:0;left:0;z-index:3;text-align:center}
.pcpagenavlist{display:inline-block;margin-right:-4px;position:relative;overflow:hidden;padding:0 1.6666vw}
.pcpagenavlist:after{content:"";width:100%;height:100%;position:absolute;top:100%;left:0;background-image:url(../img/pagenavbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.pcpagenavlist a{color:#999;position:relative;z-index:3;line-height:90px;display:block}
.pcpagenavlist a:after{content:"";width:12px;height:12px;border-radius:12px;border:3px solid #fff;box-sizing:border-box;position:absolute;left:50%;margin-left:-6px;bottom:-20px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.pcpagenavlist.cur a, .pcpagenavlist:hover a{color:#fff}
.pcpagenavlist.cur:after, .pcpagenavlist:hover:after{top:0}
.pcpagenavlist.cur a:after, .pcpagenavlist:hover a:after{bottom:16px}

.pcpagenavr .icon img{display:inline-block}
.pcpagenavr .text{color:#7b7b7b}
.pcpagenavr .text.cur{color:#5a0060}

.wappagenav{display:none;position:relative}
.wappagenav .wappagenavname{display:block;color:#fff;background-color:#520157;font-size:16px;line-height:48px;position:relative}
.wappagenav .wappagenavname:after{content:"";width:2px;height:14px;background-color:#fff;position:absolute;top:50%;right:21.5px;margin-top:-7px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname:before{content:"";width:14px;height:2px;background-color:#fff;position:absolute;top:50%;right:15px;margin-top:-1px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname.cur:after,
.wappagenav .wappagenavname.cur:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wappagenav .wappagenavitems{width:100%;max-height:250px;overflow-y:auto;padding:0;display:none;background-color:#fff;z-index:10;position:absolute;top:48px;left:0;box-shadow:0px 6px 28px rgba(0,0,0,0.08)}
.wappagenav .wappaganavlist{width:100%;float:none;border-bottom:1px solid #ddd;padding:0 15px;z-index:99;background-color:#fff}
.wappagenav .wappaganavlist:nth-last-of-type(1){border-bottom:none}
.wappagenav .wappaganavlist a{width:100%;line-height:40px;color:#666;font-size:14px;border-top:none;display:block}

.pageban{position:relative;overflow:hidden}
.pageban .textbox{position:absolute;top:75%;left:50%;margin-left:-40vw;margin-top:-55px;z-index:2;opacity:0}
.pageban .textbox .cntitle{color:#fff;font-size:36px;margin:18px 0 28px}
.pageban .textbox .entitle{color:#fff;font-size:16px;font-weight:bold;font-family:Arial}
.pageban .textbox .line{width:31px;height:2px;background-color:#fff}
.pageban .textbox.cur{top:50%;opacity:1}

.pager{text-align:center}
.pager .list.pagexx{font-family:氓庐鈥姑ぢ解€? 'SimSun'}
.pager .list, .pager .pageritems, .pager .text, .pager .pagernum{display:inline-block;margin:0 6px}
.pager .list{padding:0 14px;height:36px;line-height:36px;color:#bdbdbd;background-color:transparent;border-radius:6px;font-family:Arial;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.pager .text{background-color:transparent}
.pager .pagernum input{width:36px;height:36px;display:inline-block;border:1px solid #dcdcdc;margin-right:-4px;color:#666;text-align:center}
.pager .list.cur, .pager .list.btn, .pager .list:hover{background-color:#5a0060;color:#fff;border-color:#5a0060}
.pager .list input{width:100%;height:100%;padding:0px 5px;background-color:transparent;color:rgba(77,77,77,0.5);text-align:center}
.pager .list input:hover{color:#fff}
.wappager{width:100%;height:48px;background-color:#5a0060;line-height:48px;color:#fff;text-align:center;;display:none}

.pagebox{background-color:#fafafa}

@media (max-width:1620px){
    .pageban .textbox{margin-left:-42vw}
}

@media (max-width:1440px){
    .pageban .textbox{margin-left:-44vw}
    .pageban .textbox .cntitle{font-size:28px}
    .pcpagenav{height:70px}
    .pcpagenavlist a{line-height:70px}
    .pcpagenavlist.cur a:after, .pcpagenavlist:hover a:after{bottom:6px}
}

@media (max-width:1280px){
    .pageban .textbox{margin-left:-46vw}
}

@media (max-width:1024px){
    .pcpagenavbox, .pager, .pcpagenavr, .pcpagenav{display:none}
    .wappagenav, .wappager{display:block}
    .pageban .textbox{left:0;margin-left:0;margin-top:-25px}
    .pageban .textbox .cntitle{font-size:18px;margin:4px 0 6px;transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition: 1s ease-in-out 0s}
    .pageban .textbox .entitle{font-size:12px;transition:1s ease-in-out 0.3s;-webkit-transition:1s ease-in-out 0.3s;-moz-transition: 1s ease-in-out 0.3s}
    .pageban .img, .pageban{height:auto;background-image:none}
    .pageban .img{position:static}
    .pageban .showimg img{opacity:1;visibility:visible}
    .pageban .textbox .line{width:21px}
}

@media (max-width:370px){
    
}