.w_grid-003 {margin-left:auto;margin-right:auto;max-width:1180px;min-height:12rem;width:100%;}
.w_grid-003 > .w_grid {width:100%;position:relative;}
.w_grid-003 > div > .p_gridbox {width:100%;overflow:hidden;position:static;}
.w_grid-003 > div > .p_gridbox > .p_gridCell {float:left;position:static;}
.w_grid-003 > div > .p_gridbox > .p_gridCell:not(:empty):before {content:'';height:0.1px;display:block;}
.w_grid-003 > div > .p_gridbox > .p_gridCell:first-child {margin-left:0;clear:left;}
#w_grid-003 > div > .p_gridbox > .p_gridCell:nth-child(3n+1) {margin-left:0;clear:left;}
@media only screen and (max-width:768px) {
.w_grid-003 > div > .p_gridbox > .p_gridCell {width:100%;margin-left:0;margin-top:0rem;margin-bottom:0rem;}
}
@media only screen and (min-width:769px) {
.w_grid-003 > div > .p_gridbox > .p_gridCell {width:32.66%;margin-left:1%;margin-top:0.6rem;margin-bottom:0.6rem;}
}












#head {position:fixed;left:0;right:0;top:35px;z-index:100;margin:0 auto;  display:flex; align-items:center;  width:84%; max-width:1500px; height:90px; background:#fff; box-shadow:0 3px 4px rgba(0,0,0,0.1); border-radius:15px; transition:all .3s ease;}
#head.active {top:0px; width:100%;max-width:100%; height:73px;line-height:73px; border-radius:0px;}
@media (max-width:1024px){
#head{top:0px; width:100%;height:70px;line-height:70px; border-radius:0px;}
}

#head #logo {width:23%;}
#head #nav {width:58%;}
#head #tel {width:19%;}
@media (max-width:1024px){
#head #logo {width:29.55%;}
#head #nav {width:69.48%;}
#head #tel {width:19.96%; display:none;}
}
@media (max-width:768px) {
#head #logo {width:45%;}
#head #nav {width:55%;}
}



#logo {width:100%; display:flex; align-items:center; justify-content:center;}
@media (max-width:1024px){
#logo img{transform:scale(0.8);}
}

#nav {width:100%; margin:0;padding:0;}
@media only screen and (min-width:1025px) {
#nav .tNavBox {width:100%;height:auto;overflow:visible;background:none;}
#nav .navBtn {display:none;}
#nav .navSliBtn {display:none;}
#nav .iconJt {display:none;}
#nav .tNav {width:100%;margin:0 auto;overflow:visible;}
#nav .navUl {width:100%;display:flex;justify-content:center;font-size:0;}
#nav .navLi {padding:0 1vw;display:inline-block;font-size:1rem;position:relative;}
#nav .navLi:hover .tNavH::before {width:100%;opacity:1;}
#nav .navLi.on .tNavH::before {width:100%;opacity:1;}

#nav .tNavH {position:relative;}
#nav .tNavH::before {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:3px;background-color:#01458e;opacity:0;transition:all .5s ease;}
#nav .navName {position:relative;display:block;padding:1.75rem 0.5vw;font-size:1rem;color:#595959;transition:all .5s ease;}
#nav .navName::after {content:attr(data-title);position:absolute;top:0;left:0;transform:translateY(100%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;display:none;}
#nav .navLi:hover .navName {transform:translateY(0%);}
#nav .slidBox {position:absolute;top:100%;left:50%;margin-left:-80px;width:160px;min-width:auto;height:0;overflow:hidden;z-index:110;padding:0 5px;transition:all .5s ease;opacity:0;display:flex !important;}
#nav .navLi:hover .slidBox {height:auto;opacity:1;background:#f2f2f2;}
#nav .leftBox {position:relative;margin-right:2%;padding-right:2%;width:28%;height:auto;margin:60px 0;overflow:hidden;border-right:1px solid #eaeaea;display:none;}
#nav .navSbox {position:relative;width:100%;height:auto;overflow:hidden;font-size:0;display:flex;flex-direction:column;margin:0;white-space:nowrap;}
#nav .oneName {font-size:26px;padding-bottom:15px;color:#000;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#nav .tNavSummry {line-height:24px;width:100%;height:auto;overflow:hidden;color:#666666;font-size:14px;max-width:420px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;}
#nav .tNavMore {display:block;position:relative;height:auto;padding-top:25px;border-top:1px dashed #cccccc;margin-top:20px;cursor:pointer;}
#nav .txt {color:#000;transition:all .5s ease;}
#nav .leanMore {margin-left:2rem;transition:all .5s ease;}
#nav .tNavMore:hover .txt {color:#015bbb;margin-left:10px;}
#nav .tNavMore:hover .leanMore {color:#015bbb;}
#nav .navSli {display:inline-block;width:100%;height:100%;overflow:hidden;padding-left:0%;}
#nav .navLi:nth-child(2) .navSli {width:calc(100% /1);}
#nav .navLi:nth-child(3) .navSli {width:calc(100% /1);}
#nav .navSimg {position:relative;width:100%;height:160px;overflow:hidden;display:none;}
#nav .navImg {position:absolute;left:50%;transform:translateX(-50%) scale(1);width:auto;height:100%;transition:all .5s ease;}
#nav .navSlink {position:relative;display:block;height:42px;line-height:42px;width:100%;font-size:14px;color:#333;text-align:center;font-weight:normal;overflow:hidden;transition:all 0.3s;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .5s ease;}
#nav .navSlink::after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;opacity:0;background-color:#015bbb;transition:all .5s ease;}
#nav .navSli:hover .navImg {transform:translateX(-50%) scale(1.1);}
#nav .navSli:hover .navSlink {color:#015bbb;}
#nav .navSli:hover .navSlink::after {width:100%;opacity:1;}
}
@media only screen and (max-width:1460px) and (min-width:1025px) {
#nav .navName {padding:1.75rem 0vw;font-size:14px;}
}
@media only screen and (max-width:1024px) {
#nav .leftBox {display:none;}
#nav .navSimg {display:none;}
#nav .tNavBox {position:relative;overflow:hidden;height:70px;background:none;}
#nav .navBtn {position:absolute;top:1rem;right:1rem;background:#01458e;width:40px;height:40px;padding:10px;line-height:73px;}
#nav .navLine {display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;}
#nav .navBtnImg {display:block;width:90%;height:70%;}
#nav .tNav {position:fixed;top:70px;right:0;width:60%; height:0;overflow:hidden;z-index:999;transition:all .5s ease;}
#nav .tNavHeight {height:100%;}
#nav .slidBox {display:none;}
#nav .navUl {background:rgba(0,0,0,0.8);overflow:hidden;}
#nav .navLi {border-bottom:1px solid #696969;position:relative;}
#nav .tNavH {position:relative;height:46px;line-height:46px;padding:0 5%;font-size:1rem;transition:all .5s ease;}
#nav .tNavHBac {background-color:#01458e;}
#nav .navName {display:block;width:100%;height:100%;color:#fff;}
#nav .iconJt {position:absolute;top:0;right:2%;display:flex;width:46px;height:46px;justify-content:center;align-items:center;color:#fff;font-size:0.875rem;transition:all .5s ease;}
#nav .iconJtRotate {transform:rotate(-180deg);}
#nav .navSliBtn {height:40px;width:100%;text-align:center;}
#nav .hs {height:100%;}
#nav .navSbox {padding-bottom:30px;}
#nav .navSli {padding-left:8%;font-size:0.875rem;height:38px;line-height:38px;}
#nav .navSlink {display:block;width:100%;height:100%;color:#fff;}
}

#tel {width:100%; font-family:'Oswald',sans-serif;font-size:22px;font-weight:bold;justify-content:center;display:flex;position:relative;}
#tel::after {content:'';position:absolute;top:0;bottom:0;margin:auto;left:0;background-color:#595959;height:20px;width:2px;}
#tel a {color:#595959;}
#tel .iconfont {line-height:30px;height:30px;width:30px;text-align:center;margin-right:10px;border-radius:50%;border:1px solid #595959;display:inline-block;}
#tel .iconfont:before {content:'\e628';color:#595959;font-size:18px;text-align:center;}
@media only screen and (max-width:1200px) and (min-width:1025px) {
#tel {font-size:18px;}
#tel .iconfont {line-height:26px;height:26px;width:26px;}
}