/*鍏叡閮ㄥ垎*/
.wrap{width:81.25vw;max-width:100%;margin:0 auto}
.w1200{width:1200px;max-width:100%;margin:0 auto}
@media (max-width:1620px){ .wrap{width:86.25vw} }
@media (max-width:1440px){ .wrap{width:90.25vw} }
@media (max-width:1280px){ .wrap, .w1200{width:92.25vw} }
@media (max-width:1024px){ .w1200, .wrap{width:100%;padding:0 15px} }

body.cur, html.cur{width:100%;height:1000%;position:fixed;overflow:hidden}

#animation_container{width:100vw;height:100vh;position:fixed;top:0px;left:0px;width:100%; height:100%;z-index:9999999;background-color:#fff}
#animation_container.cur{display:none}
#animation_container .bg{width:100vw;height:100vh;background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;top:0;left:0;-webkit-filter:blur(4px);-moz-filter:blur(4px);-ms-filter:blur(4px);filter:blur(4px);transition:4s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s;-webkit-transition:4s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s;-moz-transition:4s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s}
#animation_container .bg.cur{-webkit-filter:blur(0);-moz-filter:blur(0);-ms-filter:blur(0);filter:blur(0)}
.canlogo{position:fixed;top:40%;left:50%;margin-left:-193px;z-index:9999}
.canlogo img{opacity:0;transform:scale3d(1.4,1.4,1.4);-webkit-transform:scale3d(1.4,1.4,1.4);-moz-transform:scale3d(1.4,1.4,1.4);transition:4s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s;-webkit-transition:4s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s;-moz-transition:4s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s}
.canlogo.cur img{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
#animation_container.cur .hexagon{display:none}
.hexagon{position:absolute;width:44px;height:20px;background-color:rgba(255,255,255,0.8);z-index:99}
.hexagon:after{content:"";border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:14px solid rgba(255,255,255,0.8);position:absolute;top:-14px;left:0}
.hexagon:before{content:"";border-left:22px solid transparent;border-right:22px solid transparent;border-top:14px solid rgba(255,255,255,0.8);position:absolute;bottom:-14px;left:0}
.hexagon:nth-of-type(1),
.hexagon:nth-of-type(6),
.hexagon:nth-of-type(9),
.hexagon:nth-of-type(13){width:30px;height:16px}
.hexagon:nth-of-type(1):after{border-left:15px solid transparent;top:-8px;border-right:15px solid transparent;border-bottom:8px solid rgba(255,255,255,0.8)}
.hexagon:nth-of-type(1):before{border-left:15px solid transparent;bottom:-8px;border-right:15px solid transparent;border-top:8px solid rgba(255,255,255,0.8)}
.hexagon:nth-of-type(6):after{border-left:15px solid transparent;top:-8px;border-right:15px solid transparent;border-bottom:8px solid rgba(255,255,255,0.8)}
.hexagon:nth-of-type(6):before{border-left:15px solid transparent;bottom:-8px;border-right:15px solid transparent;border-top:8px solid rgba(255,255,255,0.8)}
.hexagon:nth-of-type(9):after{border-left:15px solid transparent;top:-8px;border-right:15px solid transparent;border-bottom:8px solid rgba(255,255,255,0.8)}
.hexagon:nth-of-type(9):before{border-left:15px solid transparent;bottom:-8px;border-right:15px solid transparent;border-top:8px solid rgba(255,255,255,0.8)}
.hexagon:nth-of-type(13):after{border-left:15px solid transparent;top:-8px;border-right:15px solid transparent;border-bottom:8px solid rgba(255,255,255,0.8)}
.hexagon:nth-of-type(13):before{border-left:15px solid transparent;bottom:-8px;border-right:15px solid transparent;border-top:8px solid rgba(255,255,255,0.8)}
.hexagon:nth-of-type(1){left:46%;top:18%;animation:xuanzhuan 4s linear 0s infinite normal;-webkit-animation:xuanzhuan 4s linear 0s infinite normal;-moz-animation:xuanzhuan 4s linear 0s infinite normal}
.hexagon:nth-of-type(2){left:18%;top:36%;animation:xuanzhuan 4s linear 0s infinite normal;-webkit-animation:xuanzhuan 4s linear 0s infinite normal;-moz-animation:xuanzhuan 4s linear 0s infinite normal}
.hexagon:nth-of-type(3){left:30%;top:45%;animation:xuanzhuanb 6s linear 0s infinite normal;-webkit-animation:xuanzhuanb 6s linear 0s infinite normal;-moz-animation:xuanzhuanb 6s linear 0s infinite normal}
.hexagon:nth-of-type(4){left:25%;top:73%;animation:xuanzhuan 1.5s linear 0s infinite normal;-webkit-animation:xuanzhuan 1.5s linear 0s infinite normal;-moz-animation:xuanzhuan 1.5s linear 0s infinite normal}
.hexagon:nth-of-type(5){left:78%;top:80%;animation:xuanzhuac 4s linear 0s infinite normal;-webkit-animation:xuanzhuanc 4s linear 0s infinite normal;-moz-animation:xuanzhuanc 4s linear 0s infinite normal}
.hexagon:nth-of-type(6){left:84%;top:36%;animation:xuanzhuanc 6s linear 0s infinite normal;-webkit-animation:xuanzhuanc 6s linear 0s infinite normal;-moz-animation:xuanzhuanc 6s linear 0s infinite normal}
.hexagon:nth-of-type(7){left:32%;top:88%;animation:xuanzhuad 1s linear 0s infinite normal;-webkit-animation:xuanzhuand 1s linear 0s infinite normal;-moz-animation:xuanzhuand 1s linear 0s infinite normal}
.hexagon:nth-of-type(8){left:65%;top:48%;animation:xuanzhuan 1.5s linear 0s infinite normal;-webkit-animation:xuanzhuan 1.5s linear 0s infinite normal;-moz-animation:xuanzhuan 1.5s linear 0s infinite normal}
.hexagon:nth-of-type(9){left:15%;top:57%;animation:xuanzhuac 6s linear 0s infinite normal;-webkit-animation:xuanzhuanc 6s linear 0s infinite normal;-moz-animation:xuanzhuanc 6s linear 0s infinite normal}
.hexagon:nth-of-type(10){left:60%;top:84%;animation:xuanzhuan 4s linear 0s infinite normal;-webkit-animation:xuanzhuan 4s linear 0s infinite normal;-moz-animation:xuanzhuan 4s linear 0s infinite normal}
.hexagon:nth-of-type(11){left:76%;top:24%;animation:xuanzhuanb 1s linear 0s infinite normal;-webkit-animation:xuanzhuanb 1s linear 0s infinite normal;-moz-animation:xuanzhuanb 1s linear 0s infinite normal}
.hexagon:nth-of-type(12){left:72%;top:64%;animation:xuanzhuand 2s linear 0s infinite normal;-webkit-animation:xuanzhuand 2s linear 0s infinite normal;-moz-animation:xuanzhuand 2s linear 0s infinite normal}
.hexagon:nth-of-type(13){left:46%;top:78%;animation:xuanzhuad 4s linear 0s infinite normal;-webkit-animation:xuanzhuand 4s linear 0s infinite normal;-moz-animation:xuanzhuand 4s linear 0s infinite normal}
.hexagon.cur{animation:initial !important}


@keyframes xuanzhuan{
from {opacity:0.3}
to {opacity:1}
}
@-moz-keyframes xuanzhuan{
from {opacity:0.3}
to {opacity:1}
}

@-webkit-keyframes xuanzhuan{
from {opacity:0.3}
to {opacity:1}
}

@keyframes xuanzhuanb{
from {opacity:0.3;transform:translate3d(0,0,0)}
to {opacity:1;transform:translate3d(60px,100px,0)}
}
@-moz-keyframes xuanzhuanb{
from {opacity:0.3;-moz-transform:translate3d(0,0,0)}
to {opacity:1;-moz-transform:translate3d(100px,60px,0)}
}

@-webkit-keyframes xuanzhuanb{
from {opacity:0.3;-webkit-transform:translate3d(0,0,0)}
to {opacity:1;-webkit-transform:translate3d(60px,100px,0)}
}

@keyframes xuanzhuanc{
from {opacity:0.3;transform:translate3d(0,0,0)}
to {opacity:1;transform:translate3d(-60px,80px,0)}
}
@-moz-keyframes xuanzhuanc{
from {opacity:0.3;-moz-transform:translate3d(0,0,0)}
to {opacity:1;-moz-transform:translate3d(-60px,80px,0)}
}

@-webkit-keyframes xuanzhuanc{
from {opacity:0.3;-webkit-transform:translate3d(0,0,0)}
to {opacity:1;-webkit-transform:translate3d(-60px,80px,0)}
}

@keyframes xuanzhuand{
from {opacity:0.3;transform:scale(0.5)}
to {opacity:1;transform:scale(1.0)}
}
@-moz-keyframes xuanzhuand{
from {opacity:0.3;-moz-transform:scale(0.5)}
to {opacity:1;-moz-transform:scale(1.0)}
}

@-webkit-keyframes xuanzhuand{
from {opacity:0.3;-webkit-transform:scale(0.5)}
to {opacity:1;-webkit-transform:scale(1.0)}
}


/* 婊氬姩鏉 */
body::-webkit-scrollbar{width:8px}
/* 婊氬姩鏉℃粦鍧 */
body::-webkit-scrollbar-thumb{background-color:#0f7c8c}
/* 婊氬姩鏉″灞傝建閬 */
body::-webkit-scrollbar-track{background-color:#e9fcff}

/* 鍏ㄩ儴鍏叡 */
.head{width:100%;height:100px;position:relative}
.logoimg{height:100px;line-height:100px}
.logoimg img{display:inline-block;vertical-align:middle}
.navitem{position:relative}
.navitemname:after{content:"";width:100%;height:100%;position:absolute;top:100%;left:0;background-color:#0f7c8c;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:100px;height:100px;color:#fff;font-size:16px;position:relative;z-index:3}
.navitemname{padding:0 1.354vw;position:relative;height:100px;overflow:hidden}
.navitemname a.showname{font-size:16px;color:#333}
.navchildbox{width:850px;position:absolute;left:0;top:150px;background-color:#fff;z-index:-1;visibility:hidden;opacity:0}
.navchildbox .navchilditems{width:290px;background-color:#f4f4f4;padding:40px}
.navchildbox .navchilditem{height:65px;padding:0 40px;position:relative;overflow:hidden;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.navchildbox .navchilditem a{display:block;line-height:65px;color:#666}
.navchildbox .navchilditem:after{content:"";width:9px;height:14px;position:absolute;top:50%;margin-top:-7px;right:-9px;background-image:url(../img/navright.png);background-repeat:no-repeat;background-position:center center;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.navchildbox .rightbox{width:560px;padding:54px 60px 60px 58px;border-top:1px solid #f3f9fd}
.navchildbox .rightbox .title{color:#444;font-weight:bold;font-size:24px}
.navchildbox .rightbox .text{margin-top:28px;color:#666;line-height:2.143;height:90px;overflow:hidden}
.navchildbox .rightbox .img{margin-top:58px}
.navchildbox .rightbox .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.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{left:auto;right:0}

.search{margin-left:1.4vw}
.searchbtn{width:auto;height:100px;text-align:center;line-height:100px;cursor:pointer}
.searchbtn.cur{transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg)}
.searchbox{width:0;height:100px;background-color:#fff;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:#333;border-bottom:1px solid #ddd}
.searchbox .searchform .input input:focus{border-bottom-color:#d50900}
.searchbox .searchform .input input::-webkit-input-placeholder{color:#999}
.searchbox .searchform .btn{height:74px;text-align:center;line-height:74px;cursor:pointer}
.searchbox.cur{width:100%;padding:13px 50px;opacity:1}
.wapbtnbox{width:96px;height:96px;position:relative;cursor:pointer;overflow:hidden;display:none}
.wapbtnbox div{width:26px;height:3px;background-color:#0f7c8c;border-radius:2px;position:absolute;right:0}
.wapbtnbox div:nth-of-type(1){top:38px}
.wapbtnbox div:nth-of-type(2){top:46px}
.wapbtnbox div:nth-of-type(3){top:54px}
.wapbtnbox.cur div:nth-of-type(1){top:44px;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:44px;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:0.4vw}
.navlantop{padding:0 10px;cursor:pointer}
.navlantop .text{line-height:100px;font-size:16px}
.navlantop .icon{line-height:100px;margin-left:8px}
.navlantop .icon img{display:inline-block}
.navlanitems{width:138px;position:absolute;top:140px;right:0;background-color:#0f7c8c;padding:0 15px;z-index:-1;opacity:0;visibility:hidden}
.navlanitem{height:60px;line-height:60px;display:block;color:#fff;margin-right:15px}
.navlanitem:nth-last-of-type(1){margin-right:0}
.navtel{margin-left:0.4vw}
.navtel .name{line-height:100px}
.navtel .text{font-family:'dinbold';color:#d56418;font-size:18px;line-height:100px}
.navlan.cur .navlanitems{visibility:visible;opacity:1;z-index:12;top:60px}
.navlan.cur .navlantop .text{color:#0f7c8c}
.navlan.cur .navlantop .icon img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.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}

.foottop{padding:100px 0 94px;border-bottom:1px solid #eee}
.footewmbox{width:130px}
.footewmbox .img{width:130px;height:130px;text-align:center;line-height:130px;background-color:#f6f6f6}
.footewmbox .img img, .footfriend .top .icon img{display:inline-block;vertical-align:middle}
.footewmbox .text{margin-top:16px;color:#868585;text-align:center}
.footfriend{margin-top:36px;position:relative}
.footfriend .top{width:260px;height:56px;border:1px solid #eee;padding:0 20px;cursor:pointer}
.footfriend .top .name{line-height:54px;color:#868585}
.footfriend .top .icon{line-height:54px}
.footfriend.cur .top .icon img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.footfriend.cur .footfrienditems{bottom:44px;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:4.6875vw}
.foottopmaplist:nth-last-of-type(1){margin-right:0}
.foottopmaplist .name a{color:#3d4144;font-size:18px;font-weight:bold;line-height:1}
.foottopmaplist .child{margin-top:36px;max-width:98px}
.foottopmaplist .child .list{color:#8f8e8e;margin-bottom:12px;line-height:20px;display:block}
.foottopmaplist .child .list:nth-last-of-type(1){margin-bottom:0}
.foottopmaplist .child .list:hover, .footbot .maplist:hover{color:#0f7c8c}
/* .foottopmaplist .child .list:hover{border-bottom-color:#0f7c8c} */
.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;}
.footjd{margin-top:30px}

@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 .navitemname .hidename{color:#fff}
    .navitem:hover .hidename,
    .navitem:hover .showname,
    .navitem.cur .hidename,
    .navitem.cur .showname{transform:translateY(-100px);-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px)}
    .searchbtn:hover{transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg)}
    .searchbox .searchform .btn:hover img{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5)}
    .navitem:hover .navitemname:after{top:0}
    .navitem.cur .navitemname:after{top:0}
    .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)}

    .navchildbox .navchilditem:hover{background-color:#0f7c8c}
    .navchildbox .navchilditem:hover:after{right:20px}
    .navchildbox .navchilditem:hover a{color:#fff}

    .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:54px;opacity:1;visibility:visible;z-index:9}
    .navitem:hover .navchildbox{visibility:visible;opacity:1;top:100px;z-index:13}
    .footewm:hover .hidebox{top:72px;visibility:visible;z-index:3;opacity:1}
    .navchildlist:hover:after{border-color:#00a5e2}

    .navitem:nth-of-type(3) .navchildlistname a:hover,
    .navitem:nth-of-type(4) .navchildlistname a:hover,
    .navitem:nth-of-type(5) .navchildlistname a:hover,
    .navitem:nth-of-type(6) .navchildlistname a:hover,
    .navitem:nth-of-type(7) .navchildlistname a:hover{color:#d60c03}
	
	
}

@media (max-width:1800px){
    .navitemname{padding:0 1.1vw}
}

@media (max-width:1620px){
    .navitemname{padding:0 0.95vw}
    .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 0.7vw}
    .search{margin-left:1vw}
    .logo img{width:240px}
    .navitemname a.showname, .navitemname a, .navlantop .text{font-size:14px}
    .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:3.5vw}
}

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

@media (max-width:1024px){
    .headtop .box, .navline, .navitemname a.hidename, .footmap, .footcon, .footboxright, .navtel, .search{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;position:relative;transition:0.5s ease-in-out 0.5s;-webkit-transition:0.5s ease-in-out 0.5s;-moz-transition:0.5s ease-in-out 0.5s}
    .head.cur{transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    /* .logo{height:60px;line-height:60px} */
    .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}
    /* .headright{float:left} */
    .search{margin-left:0}
    .searchbtn{width:16px;height:60px;margin-top:0;background-color:transparent;line-height:60px}
    .wapbtnbox{width:36px;height:60px}
    .wapbtnbox div:nth-of-type(1){top:20px}
    .wapbtnbox div:nth-of-type(2){top:28px}
    .wapbtnbox div:nth-of-type(3){top:36px}
    .wapbtnbox.cur div:nth-of-type(1),
    .wapbtnbox.cur div:nth-of-type(3){top:28px}
    .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 15px}
    .navitemname:after, .navchildlistname:after{content:"";width:3px;height:18px;background-color:#0f7c8c;position:absolute;top:50%;margin-top:-8.5px;right:22.5px;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:18px;height:3px;background-color:#0f7c8c;position:absolute;top:50%;margin-top:-1.5px;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:18px}
    .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:fixed;top:60px;left:100%;margin-left:0;background-color:#fff;z-index:12;border-top:1px solid #d6d6d6;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{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}
    .wapsearch .searchform{width:100%}
    .navchildbox{position:static;background-color:transparent;visibility:visible;opacity:1;width:100%;padding:0 0 0px;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%}
    .navchildbox .rightbox{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;background-color:#fcfcfc}
    .searchbox .searchform .btn{height:40px;line-height:40px}
    .searchbox .close{line-height:40px}
    .navchildbox .navchilditems{width:100%;background-color:#f6f6f6;padding:0}
    .navchildbox .navchilditem{border-bottom:1px solid #d6d6d6}
    .navchildbox .navchilditem:nth-last-of-type(1){border-bottom:0}
    .navchildbox .navchilditem a{font-size:16px;color:#666}
    .logoimg{height:60px;line-height:60px}
    .navlanitems{left:auto;right:0}
    .navlanitem{height:40px;line-height:40px;margin-right:10px}
    .foottopmap{display:none}
    .foottop{padding:40px 0 30px;border-bottom:none}
    .footewmbox{float:left;width:110px}
    .footfriend{float:left;margin-top:0;width:calc(100% - 130px);margin-left:20px}
    .footfriend .top, .foottopleft{width:100%}
    .footewmbox .text{margin-top:10px}
    .footfriend .top{padding:0 15px;height:46px}
    .footfriend .top .name, .footfriend .top .icon{line-height:44px}
    .footbot{display:none}
    .foottopleft .footbotleft, .foottopleft .copybox{display:block}
    .footewmbox .img{width:110px;height:110px;line-height:110px}
    .footewmbox .img img{width:100px;height:100px}
	.footjd{float:left;width:100%;margin-top:20px}
	
	#animation_container{display:none}
}

@media (max-width:370px){
    .logo img{width:159px}
}

/* 瀛愰〉闈㈠叕鍏 */
.pcpagenavbox{width:calc(100% - 9.375vw);height:66px;padding:0 0 0 2.597vw;position:absolute;left:9.375vw;bottom:0;background-color:#ededed}
.pcpagenav .pcpagenavlist{font-size:14px;padding:0 1.5625vw;position:relative;overflow:hidden;z-index:2;line-height:66px;;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.pcpagenav .pcpagenavlist a:after{content:"";width:0;height:3px;background-color:#0f7c8c;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}
.pcpagenav .pcpagenavlist a{display:block;position:relative;z-index:3;color:#666;padding:0;font-size:14px}
.pcpagenav .pcpagenavlist.cur a, .pcpagenav .pcpagenavlist:hover a{color:#0f7c8c;font-weight:bold}
/* .pcpagenav .pcpagenavlist.cur,
.pcpagenav .pcpagenavlist:hover{background-color:#fff} */
.pcpagenav .pcpagenavlist.cur a:after,
.pcpagenav .pcpagenavlist:hover a:after{width:100%}
.pcpagenavr{width:29.6875vw;line-height:66px;padding-left:2.083vw;background-color:#f6f6f6}
.pcpagenavr img{display:inline-block;vertical-align:middle;margin-bottom:2px}
/* .pcpagenavr img.icon{margin:0 10px} */
.pcpagenavr a{color:#999}
.pcpagenavr .icon{margin:0 0}
.pcpagenavr span{display:inline-block;color:#999}
.pcpagenavr a.cur{color:#0f7c8c;font-weight:bold}

.wappagenav{display:none;position:relative}
.wappagenav .wappagenavname{display:block;color:#fff;background-color:#0f7c8c;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:50%;left:50%;margin-left:-37.5vw;margin-top:-32px;z-index:2}
.pageban .textbox .cntitle{color:#fff;font-size:48px;opacity:0;transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);transition:2s ease-in-out 0s;-webkit-transition:2s ease-in-out 0s;-moz-transition:2s ease-in-out 0s}
/* .pageban .textbox .entitle{color:#fff;font-size:24px;font-family:'twcen';opacity:0;transform:translateX(200px);-webkit-transform:translateX(200px);-moz-transform:translateX(200px);transition:2s ease-in-out 1.3s;-webkit-transition:2s ease-in-out 1.3s;-moz-transition:2s ease-in-out 1.3s} */
.pageban .textbox.cur .cntitle,
.pageban .textbox.cur .entitle{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}
.pageban .wapimg{display:none}

.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 13px;height:34px;line-height:32px;color:#999;background-color:#f6f6f6;border-radius:5px;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:#0f7c8c;color:#fff;border-color:#0f7c8c}
.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:#0f7c8c;line-height:48px;color:#fff;text-align:center;;display:none}

.pagebox{background-color:#f6f6f6;padding-left:9.375vw;padding-bottom:100px}
.pagewrap{padding-right:9.375vw;background-color:#fff;padding-top:80px;padding-bottom:100px;padding-left:100px}

@media (max-width:1620px){
    .pageban .textbox{margin-left:-39vw}
    .pcpagenavbox{width:calc(100% - 6.875vw);left:6.875vw}
    .pagebox{padding-left:6.875vw;padding-bottom:100px}
    .pagewrap{padding-right:6.875vw}
}

@media (max-width:1440px){
    .pageban .textbox{margin-left:-42vw}
    .pcpagenavbox{width:calc(100% - 4.875vw);left:4.875vw}
    .pcpagenav .pcpagenavlist{padding:0 1.1625vw}
    .pagebox{padding-left:4.875vw;padding-bottom:70px}
    .pagewrap{padding-right:4.875vw}
}

@media (max-width:1280px){
    .pageban .textbox{margin-left:-44vw}
    .pcpagenavbox{width:calc(100% - 3.875vw);left:3.875vw}
    .pagebox{padding-left:3.875vw;padding-bottom:50px}
    .pagewrap{padding-right:3.875vw}
    .pcpagenav .pcpagenavlist{padding:0 0.8vw}
    .pcpagenavbox{padding:0 0 0 1vw}
}

@media (max-width:1024px){
    .pcpagenavbox, .pager, .pageban .img{display:none}
    .wappagenav, .wappager, .pageban .wapimg{display:block}
    .pageban .wapimg img{width:100%}
    .pageban .textbox{left:0;margin-left:0;margin-top:-12px}
    .pageban .textbox .cntitle{font-size:18px;transition:2s ease-in-out 0s;-webkit-transition:2s ease-in-out 0s;-moz-transition: 2s ease-in-out 0s}
    .pageban .textbox .entitle{font-size:14px;margin-top:2px;transition:2s ease-in-out 0.3s;-webkit-transition:2s ease-in-out 0.3s;-moz-transition: 2s ease-in-out 0.3s}
    .pageban .img, .pageban{height:auto;background-image:none}
    .pageban .img{position:static}
    .pageban .showimg img{opacity:1;visibility:visible}
    .pagebox{padding:15px}
    .pagewrap{padding:50px 15px}
    
}

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