*{margin:0;padding:0;text-decoration:none}
body{width:100%;overflow-x:hidden;margin:0;padding:0}
header{background-color:#fff;height:84px;width:100%;display:flex;align-items:center;position:fixed;top:0;z-index:11}
header a{display:flex}
header a img{height:auto}
header .logo{padding-left:2rem}
header .nav{padding-left:1.2rem;display:flex}
header .nav .nav_ul{color:rgba(34,34,34,.6);display:flex;align-items:center;flex-direction:column;justify-content:center;height:84px;margin:0 .4rem;font-weight:600}
header .nav .nav_ul.act{position:relative}
header .nav .nav_ul.act:after{content:"";display:block;width:100%;height:4px;background-color:#0059df;position:absolute;bottom:0}
header .nav .nav_ul .cn{font-size:16px;transition:.4s;white-space:nowrap}
header .nav .nav_ul .en{font-size:11px;transition:.4s;white-space:nowrap}
header .nav .nav_ul:hover .cn{transform:translateY(-2px)}
header .nav .nav_ul:hover .en{transform:translateY(2px)}
header .search{margin-left:.4rem;display:flex;align-items:center;cursor:pointer}
header .search .search-btn{font-size:0;margin-right:.15rem}
header .search .search-input{width:0;height:.5rem;background-color:#eee;border-radius:50px;display:flex;transition:.5s}
header .search.search_active .search-input{width:1.9rem}
header .search .search-input input{width:100%;height:100%;background-color:transparent;border-radius:50px;border:none;padding-left:20px;max-width:1.4rem;font-size:14px;color:#bbb}
header .search .search-input input:-ms-input-placeholder{font-size:14px;color:#bbb}
header .search .search-input input:input-placeholder{font-size:14px;color:#bbb}
header .search .search-input input::-webkit-input-placeholder{font-size:14px;color:#bbb}
header .search .search-input input:focus{border:none;outline:0}
header .search .search-input .clear{font-size:0;margin:auto 0}
header .search .search-input .clear img{width:100%}
header .nav .nav_ul .en{transition:.4s;opacity:0;text-transform:uppercase}
header .nav .nav_ul:hover .en{opacity:1;color:#333}
header .nav .nav_ul:hover .cn{color:#222}
header .nav .nav_ul.act .en{opacity:1;color:#333}
header .nav .nav_ul.act .cn{color:#222}
header .nav li{list-style:none;position:relative}
header .nav li .box2{font-size:16px;position:absolute;top:84px;width:100%;flex-direction:column;align-items:center;background-color:#fff;transition:all 1s;opacity: 0;height: 0;overflow: hidden;}
.box2 li{width:100%;display:flex;justify-content:center}
header .nav li:hover .box2{height:auto;opacity: 1;}
.box2>li>a{padding:20px 0;display:flex;justify-content:center;width:100%;color:#333}
header .nav li .box2 li a:hover{background-color:rgba(51,51,51,.2)}
.float{position:fixed;bottom:20px;right:0;z-index:2}
.float .lis{font-size:16px;color:#fff;width:56px;display:flex;align-items:center;justify-content:center;background:rgba(51,51,51,.28);height:48px;cursor:pointer;position:relative;overflow:hidden}
.float .lis:nth-of-type(1){height:57px;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex-direction:column}
.float .lis:nth-of-type(2){height:57px;display:flex;flex-direction:column}
.float .lis:nth-last-of-type(1){border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.float .lis:hover{background:#f22929}
.float .lis .ins{display:flex;align-items:center;width:56px;justify-content:center}
.float .lis:nth-of-type(3):hover{width:max-content;min-width:56px}
.ds{display:flex;white-space:nowrap;position:absolute;left:0;align-items:center;overflow:hidden}
.nom{width:130px;display:none}
.float .lis:hover .nom{display:block}
.float{width:56px}
.float .lis{display:flex}
.float .lis .ins{display:flex}
.float .lis:nth-of-type(3){transition:left .5s;left:0;font-weight:700}
.float .lis:nth-of-type(3):hover{min-width:56px;left:-130px}
.nom{display:none}
.float .lis:nth-of-type(3):hover .nom{display:flex;white-space:nowrap}
.float .lis:nth-of-type(1)::after,.float .lis:nth-of-type(2)::after,.float .lis:nth-of-type(3)::after{content:'';display:block;width:20px;height:2px;background-color:#fff;position:absolute;bottom:0;opacity:.5}
.float .lis:nth-of-type(1):hover::after,.float .lis:nth-of-type(2):hover::after,.float .lis:nth-of-type(3):hover::after{opacity:0}
.footer{font-size:12px;color:#999;line-height:.5rem;text-align:center;margin-top:.3rem}
@media screen and (max-width:1900px){
header .nav .nav_ul{margin:0 .2rem}
}
@media screen and (max-width:1500px){
header .search{display:none}
}
@media screen and (max-width:1280px){
header .logo,header .nav{padding-left:2rem}
}