header{width:100%;height:1rem;background:#FFFFFF;box-shadow:0rem 0.01rem 0.04rem 0.01rem rgba(0,0,0,0.16);position:fixed;top:0;z-index:999}
.headBox{width:100%;height:100%;padding:0 .89rem 0 1.8rem;box-sizing:border-box;display:flex;align-items:center}
.headLogo{width:2.9rem;height:.4rem;margin-right:1.23rem}
.headRight{display:flex;height:100%}
.headNav{display:flex;align-items:center;margin-right:.45rem;height:auto;position:relative}
.headProNav{position:static}
.headNav .navOne{font-size:0.16rem;color:#333333;display:flex;transition:all .3s}
.navOne.active,.headNav:hover .navOne{color:#00ADE8}
.headNav .down{position:unset;width:.12rem;height:.06rem;margin-left:.05rem;filter:brightness(0);transition:all .3s;cursor:pointer;transform:translateX(0)}
.headNav:hover .down{filter:brightness(1)}
.navTwo{min-width:1.1rem;background:#FFFFFF;box-shadow:0rem 0.03rem 0.06rem 0.01rem rgba(0,0,0,0.1);border-radius:0rem 0rem 0.05rem 0.05rem;position:absolute;left:50%;top:100%;transform:translateX(-50%);padding:.07rem .23rem;box-sizing:border-box;display:none}
.navTwo::after{content:'';background-image:url(../twonav.html);background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;width:.14rem;height:.06rem;left:50%;transform:translateX(-50%);top:0}
.navTwo a{font-weight:400;font-size:0.16rem;color:#666666;display:flex;justify-content:center;padding:.07rem .04rem;box-sizing:border-box;white-space:nowrap;border-bottom:0.01rem solid transparent;transition:all .3s}
.navTwo a:hover{color:#00ADE8;border-bottom:0.01rem solid #00ADE8}
.headProNavTwo{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:100%;display:flex;flex-wrap:wrap;z-index:999;background:#f0f0f0; box-shadow: 0rem 0.01rem 0.04rem 0.01rem rgba(0, 0, 0, 0.16);;}
.headProNavLeft{position:relative;padding:.6rem .6rem .6rem 0;box-sizing:border-box;background:#d9d9d9}
.headProNavLeft::after{content:"";position:absolute;right:0;top:0;height:100%;width:16rem;background:#d9d9d9}
.headProNavLeft a{position:relative;z-index:2;width:2rem;height:0.5rem;border-radius:0.25rem 0.25rem 0.25rem 0.25rem;display:flex;align-items:center;justify-content:space-between;transition:all .3s;font-weight:bold;font-size:0.18rem;color:#333333;padding:0 .19rem 0 .23rem;box-sizing:border-box;margin-bottom:.25rem}
.headProNavLeft a:hover,.headProNavLeft a.active{color:#00ADE8;background:#F8F8F8}
.headProNavLeft a img{width:.08rem;height:.13rem;filter:brightness(0)}
.headProNavCenter{width:2.7rem;background:#e1e1e1;box-shadow:0rem 0rem 0rem 0rem rgba(0,0,0,0);padding-left:.6rem;padding-top:.73rem;box-sizing:border-box}
.headProNavThree{display:none}
.headProNavThree:first-child{display:block}
.headProNavThree a{width:1.3rem;padding-right:.1rem;padding-bottom: .08rem;box-sizing:border-box;transition:all .3s;display:flex;font-weight:400;font-size:0.18rem;color:#333333;display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:.15rem;border-bottom:0.01rem dotted transparent}
.headProNavThree a::before{content:'';width:0.05rem;height:0.05rem;background:#00ADE8;position:absolute;top:.09rem;left:-.13rem}
.headProNavThree a:hover,.headProNavThree a.active{color:#00ADE8;padding-right:0;border-bottom:0.01rem dotted #DBDBDB}
.headProNavThree a img{width:.05rem;height:.09rem;filter:brightness(0)}
.headProNavThree a:hover img{filter:brightness(1)}
.headProNavR{width:100%;flex:1;background-color:#f0f0f0}
.headProNavRight{width:100%;padding:.6rem 0 .65rem .5rem;box-sizing:border-box;display:none}
.headProNavRight.active{display:block}
.headProNavFour{display:none}
.headProNavFour.active{display:block}
.headProimg{width:100%;height:2.2rem;display:block;margin-bottom:.4rem}
.headProimg img{width:100%;height:100%;object-fit:cover}
.headProB{width:100%;display:flex;justify-content:space-between}
.headProBl{width:2.6rem}
.headProBlTit{font-weight:400;font-size:0.18rem;color:#333333}
.headProBl a{max-width:100%;width:fit-content;font-weight:400;font-size:0.16rem;color:#6B6B6B;margin-top:.2rem;display:block;transition:all .3s}
.headProBl a:hover{color:#00ADE8}
.headProMore{display:flex !important;align-items:center}
.headProMore img{width:.12rem;height:.12rem;margin-left:.1rem}
.headProBr{width:4.2rem;background:#F6F6F6}
.headProBrItem{display:none}
.headProBrItem.active{display:block}
.headProBrTit{font-weight:400;font-size:0.18rem;color:#333333;width:100%;display:block;margin-top:.22rem;margin-bottom:.14rem;text-align:center}
.headProRe{width:100%;height:.5rem;background:#00ADE8;display:flex;align-items:center;justify-content:center;transition:all 0.3s;box-shadow: 0rem 0.01rem 0.04rem 0.01rem rgba(0, 0, 0, 0.16);;}
.headProRe p{font-weight:400;font-size:0.18rem;color:#FFFFFF;margin:0 .15rem}
.headProRe .re{width:.22rem;height:.22rem}
.headProRer{width:.06rem;height:.1rem}
.headSearch{width:2rem;height:.35rem;border-radius:0.04rem 0.04rem 0.04rem 0.04rem;border:0.01rem solid #CFCFCF;box-sizing:border-box;display:flex;align-items:center;padding:0 .08rem;justify-content:space-between;margin-right:.19rem}
.headSearch input{font-weight:400;font-size:0.14rem;width:100%}
.headSearch input::-webkit-input-placeholder{font-weight:400;font-size:0.14rem;color:#B9B9B9}
.headSearch button{width:.2rem;height:.2rem;padding-left:.08rem;border-left:0.01rem solid #CFCFCF;flex-shrink:0}
.lang{width:0.7rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;cursor:pointer;border-radius:0.08rem 0.08rem 0.08rem 0.08rem;padding:.1rem 0;position:absolute;right:.89rem;top:.3rem}
.lang:hover{box-shadow:0rem 0rem 0.06rem 0.01rem rgba(0,0,0,0.16)}
.lang img:first-child{width:.22rem;height:.22rem;margin-right:.04rem;margin-bottom:.04rem}
.lang img:nth-child(2){width:.1rem;height:.06rem;filter:grayscale(1);transition:all .3s}
.lang:hover img:nth-child(2){filter:grayscale(0)}
.langSelect{width:100%;top:100%;background:#FFFFFF;border-radius:0rem 0rem 0.08rem 0.08rem;display:none}
.langSelect a{font-weight:400;font-size:0.16rem;color:#6B6B6B;display:flex;transition:all .3s;text-align:center;justify-content:center;white-space:nowrap;padding:.06rem 0;width:.6rem;margin:0 auto;border-bottom:.01rem solid #D8D8D8}
.langSelect a:hover{color:#00ADE8}
.langSelect a:last-child{border-bottom:0}
.hea1 .hea1_left{display:flex;width:4rem}
.hea1 .hea1_left .hea1_title{margin-bottom:0.2rem;font-family:Microsoft YaHei,Microsoft YaHei;font-weight:400;font-size:18px;color:#333333}
.hea1 .hea1_left .hea1_item{margin-bottom:0.2rem;transition:all 0.3s;font-family:Microsoft YaHei,Microsoft YaHei;font-weight:400;font-size:16px;color:#6B6B6B}
.hea1 .hea1_left .hea1_item:hover{color:#00ADE8}