@font-face {
    font-family: 'alibaba';
    src: url('../font/ALIBABA-PUHUITI-REGULAR.TTF') format('truetype');
}
:root{--c:#004d93;--n:#696c74;--bw:1400px;--bc:#006abf;--br:50%;--cc:#fff;--ccsize:150px}
/* body{--saftime:0.8s;--safswtime:1s 1s;--pagecolor:#006abf;opacity:0;transition:padding-top 1s} */
body{--saftime:0.8s;--safswtime:1s 1s;--pagecolor:#006abf;transition:padding-top 1s;font-family: 'alibaba';}

/* saf-header{width:100%;position:fixed;left:0;top:0;z-index:999;display:block;background:rgba(0,0,0,0.4);transition:all 0.5s} */
saf-header{width:100%;position:fixed;left:0;top:0;z-index:999;display:block;background:rgba(0,0,0,0.4);transition:all 0.5s;box-shadow: 0 0 15px rgb(0 0 0 / 15%);}

.saf-make saf-header{position:relative;background:#222}
saf-header.on{background:rgba(0,0,0,0.4);backdrop-filter:blur(10px)}
saf-header  .saf-headerTop{background:#fff;padding:15px 0}


/* saf-header  .saf-headerTop .saf-content{display:flex;flex-wrap:wrap;color:#fff;align-items:center;width:100%;max-width:100%;padding:0 35px} */
saf-header  .saf-headerTop .saf-content{display:flex;color:#fff;align-items:center;width:var(--bw);max-width:100%;}


saf-header  .saf-headerTop .saf-content .logo{flex:1;font-size:14px;line-height:1.6}
saf-header  .saf-headerTop .saf-content .logo a{display:flex;align-items:center;width:max-content}
saf-header  .saf-headerTop .saf-content .logo a svg{width:auto;height:50px;margin-right:15px}
saf-header  .saf-headerTop .saf-content .logo a .name{color:#797c82;border-left:1px #ddd solid;padding-left:15px}
saf-header  .saf-headerTop .saf-content .logo a .name p{line-height:20px;font-size:12px}
saf-header  .saf-headerTop .saf-content .logo a .name h2{line-height:20px;text-align:center;font-size:16px}

/* saf-header  .saf-headerTop .saf-content .telBox{padding-right:15px;display:flex;align-items:center} */
saf-header  .saf-headerTop .saf-content .telBox{display:flex;align-items:center}

/* saf-header  .saf-headerTop .saf-content .telBox span{display:flex;width:40px;height:40px;background:var(--c);border-radius:50%;justify-content:center;align-items:center} */
saf-header  .saf-headerTop .saf-content .telBoxspan{display:flex;width:40px;height:40px;background:var(--c);border-radius:50%;justify-content:center;align-items:center}



saf-header  .saf-headerTop .saf-content .telBox span svg{width:auto;height:16px;fill:#fff}
saf-header  .saf-headerTop .saf-content .telBox a{display:block;color:#797c82;padding-left:10px}
saf-header  .saf-headerTop .saf-content .telBox a p{font-weight:bold;font-size:26px;color:var(--c);line-height:26px}

/* saf-header  .saf-headerTop .saf-content .telBox a em{font-size:14px;font-style:normal;display:block;line-height:16px;color:#797c82} */
saf-header  .saf-headerTop .saf-content .telBox a em{font-size:14px;font-style:normal;display:block;line-height:16px;color:var(--c)}



saf-header  .saf-headerTop .saf-content .LugBox{display:flex;align-items:center;padding:0 15px;position:relative}
saf-header  .saf-headerTop .saf-content .LugBox > a{display:block;padding:10px 0}
saf-header  .saf-headerTop .saf-content .LugBox > a  svg{width:26px;height:26px;fill:#797c82}
saf-header  .saf-headerTop .saf-content .LugRim{width:max-content;min-width:100%;background:#f5f5f5;padding:15px;position:absolute;right:0;top:100%;display:none}
saf-header  .saf-headerTop .saf-content .LugRim a{display:flex;align-items:center;opacity:0.6;color:#666}
saf-header .saf-headerTop .saf-content .LugRim a:hover{color:var(--c)}
saf-header .saf-headerNav{display:flex;flex-wrap:wrap;max-width:1600px}
saf-header .saf-headerNav .logo  a{display:block}
saf-header .saf-headerNav .logo  a svg{width:auto;height:60px}
saf-header .saf-rightBtn{display:flex;align-items:center}
saf-header .saf-rightBtn a{display:block}
saf-header .saf-rightBtn a  svg{width:26px;height:26px;fill:#797c82}
saf-header .saf-headerNav  .saf_navContent{width:100%}

/* saf-header .saf-headerNav  .saf_navContent > ul{width:100%;display:flex;flex-wrap:wrap;justify-content:center} */
saf-header .saf-headerNav  .saf_navContent > ul{width:100%;display:flex;flex-wrap:wrap;justify-content:right}
/* saf-header .saf-headerNav  .saf_navContent > ul > li{flex:1;display:flex;align-items:center} */
saf-header .saf-headerNav  .saf_navContent > ul > li{display:flex;align-items:center}

/* saf-header .saf-headerNav  .saf_navContent > ul > li:after{content:"";display:block;width:1px;height:16px;backgrourgb(0, 0, 0)fff;opacity:0.5} */
saf-header .saf-headerNav  .saf_navContent > ul > li:after{content:"";display:block;width:1px;height:16px;background:#000000;opacity:0.5}

saf-header .saf-headerNav  .saf_navContent > ul > li:last-child:after{display:none}

/* saf-header .saf-headerNav  .saf_navContent > ul > li > a{display:flex;align-items:center;padding:0 20px;line-height:60px;font-size:16px;color:#fff;flex:1;justify-content:center;transition:all 0.5s} */
saf-header .saf-headerNav  .saf_navContent > ul > li > a{display:flex;align-items:center;line-height:60px;font-size:16px;color:#000000;flex:1;justify-content:center;transition:all 0.5s}

/* saf-header .saf-headerNav .saf_navContent > ul > li:hover > a{color:#ffffff;} */
/* saf-header .saf-headerNav .saf_navContent > ul > li:hover > a{color:#ffffff;} */

saf-header .saf-headerNav  .saf_navContent > ul > li > a svg{display:none}

/* saf-header .saf-headerNav  .saf_navContent > ul > li:hover > a{background:var(--c)} */
/* saf-header .saf-headerNav  .saf_navContent > ul > li:hover > a{background:var(--c)} */

saf-header .saf-headerNav  .saf_navContent .saf_DropBox{width:100%;background:#fafafa;position:absolute;left:0;top:100%;display:none;padding:30px 0 50px;box-shadow:0 5px 10px rgba(0,0,0,0.1)}
saf-header .saf-headerNav  .saf_navContent .saf_DropBox .saf-navContent{width:100%;max-width:var(--bw);margin:0 auto;display:flex;flex-wrap:wrap}
saf-header .saf-headerNav  .saf_navContent .saf_DropBox .saf-navContent .navleft{flex:0 0 40%;padding:15px 50px 15px 15px}

/* saf-header .saf-headerNav  .saf_navContent .saf_DropBox .saf-navContent .navleft  h3{font-size:22px;line-height:1.5} */
saf-header .saf-headerNav  .saf_navContent .saf_DropBox .saf-navContent .navleft  h3{font-size:1.3vw;line-height:1.5}

/* saf-header .saf-headerNav  .saf_navContent .saf_DropBox .saf-navContent .navleft p{font-size:16px;color:#666;line-height:1.5} */
saf-header .saf-headerNav  .saf_navContent .saf_DropBox .saf-navContent .navleft p{font-size:0.9vw;color:#666;line-height:1.5}

saf-header .saf-headerNav  .saf_navContent .saf_DropBox ul{flex:1;display:flex;flex-wrap:wrap;padding:15px}
saf-header .saf-headerNav  .saf_navContent .saf_DropBox ul li{flex:0 0 33.3333%;padding:5px}

/* saf-header .saf-headerNav  .saf_navContent .saf_DropBox ul li  a{display:flex;align-items:center;padding:10px 15px;border:1px #ddd solid;border-radius:5px} */
saf-header .saf-headerNav  .saf_navContent .saf_DropBox ul li  a{display:flex;align-items:center;padding:10px 15px;border-radius:5px}

/* saf-header .saf-headerNav  .saf_navContent .saf_DropBox ul li  a:hover{color:var(--c);border-color:var(--c)} */
saf-header .saf-headerNav  .saf_navContent .saf_DropBox ul li  a:hover{color:#000000;border-color:var(--c)}

saf-header .saf-headerNav  .saf_navContent .saf_DropBox ul li  a svg{width:auto;height:12px;fill:#999;margin-left:auto}
saf-header .saf-headerNav  .saf_navContent .saf_DropBox ul li  a:hover svg{fill:var(--c)}
@media screen and (max-width:768px){
    saf-header{box-shadow:0 5px 10px rgba(0,0,0,0.1)}
    saf-header .saf-headerTop .saf-content{padding:0 15px}
    saf-header .saf-headerTop .saf-content .logo a .name{display:none}
    saf-header .saf-headerTop .saf-content .telBox{display:none}

    /* saf-header .saf-headerNav{width:100%;height:calc(100vh - 80px);position:fixed;left:100%;top:80px;background:#f5f5f5;transition:all 0.5s;padding:15px} */
    saf-header .saf-headerNav{width:100%;height:calc(100vh - 80px);position:fixed;left:100%;top:97.03px;background:#f5f5f5;transition:all 0.5s;padding:15px}

    saf-header .saf-headerNav.open{left:0}
    saf-header .saf-headerNav .saf_navContent{width:100%;height:100%;overflow-y:auto}
    saf-header .saf-headerNav .saf_navContent > ul > li{flex:0 0 100%;position:relative;display:block;border-bottom:1px #ddd solid}
    saf-header .saf-headerNav .saf_navContent > ul > li:after{display:none}
saf-header .saf-headerNav .saf_navContent > ul > li > a{color:var(--n)}

/* saf-header .saf-headerNav .saf_navContent > ul > li:hover > a{color:#fff} */
/* saf-header .saf-headerNav .saf_navContent > ul > li:hover > a{color:#fff} */

saf-header .saf-headerNav .saf_navContent .saf_DropBox{position:relative;left:0;top:0;width:100%;padding:15px;background:#fff}
saf-header .saf-headerNav .saf_navContent .saf_DropBox .saf-navContent .navleft{display:none}saf-header .saf-headerNav .saf_navContent .saf_DropBox ul{padding:0}
saf-header .saf-headerNav .saf_navContent .saf_DropBox ul li{flex:0 0 100%}
saf-header .saf-headerNav .saf_navContent .saf_DropBox ul li a{display:block;padding:10px;font-size:15px;color:var(--n)}
saf-header .saf-headerNav .saf_navContent .saf_DropBox ul li a:hover{color:var(--c)}
saf-header .saf-toggleBtn{width:50px;height:50px;display:flex;align-items:center;justify-content:flex-end;cursor:pointer}
saf-header .saf-toggleBtn span{display:block;width:30px;height:2px;background:var(--n);position:relative;transition:all 0.5s}
saf-header .saf-toggleBtn span:before{content:"";display:block;width:30px;height:2px;background:var(--n);position:absolute;left:0;bottom:10px;transition:all 0.5s}
saf-header .saf-toggleBtn span:after{content:"";display:block;width:30px;height:2px;background:var(--n);position:absolute;left:0;top:10px;transition:all 0.5s}
saf-header .saf-toggleBtn.open span{background:none}
saf-header .saf-toggleBtn.open span:before{bottom:0;transform:rotate(45deg);background:var(--c)}
saf-header .saf-toggleBtn.open span:after{top:0;transform:rotate(-45deg);background:var(--c)}}