@charset "UTF-8";.header{width:100%;position:fixed;left:0;top:0;z-index:999;text-align:center;height:68px}.header .logo{float:left;display:block;display:flex;align-items:center}.header .logo img{display:block;width:auto;height:40px}.header .logo .title{font-size:28px;font-weight:200;line-height:68px;color:#8dc21f;margin-left:10px}.header .nav{display:block;float:right}.header .nav .nav-item{float:left;font-size:16px;color:#fff;padding:0 24px;position:relative}.header .nav .nav-item>a{display:block;color:#fff;font-weight:200;line-height:68px;position:relative}.header .nav .nav-item>a::after{content:"";width:0;height:2px;background-color:#8dc21f;position:absolute;left:0;bottom:12px;transition:all .3s ease-in-out}.header .nav .nav-item .nav-sub{position:absolute;right:22px;top:45px;background-color:#fff;width:240px;text-align:left;opacity:0;visibility:hidden}.header .nav .nav-item .nav-sub .nav-grid{overflow:hidden;position:relative}.header .nav .nav-item .nav-sub .nav-grid::after{content:"";position:absolute;top:24px;bottom:24px;right:50%;width:1px;background-color:#d8d8d8}.header .nav .nav-item .nav-sub .nav-grid li{float:left;width:50%;text-align:center;padding:24px 0 20px;position:relative}.header .nav .nav-item .nav-sub .nav-grid li::after{content:"";position:absolute;left:0;bottom:0;right:0;height:1px;background-color:#d8d8d8;width:100%}.header .nav .nav-item .nav-sub .nav-grid li:nth-of-type(2n)::after{left:-16px}.header .nav .nav-item .nav-sub .nav-grid li:nth-of-type(2n-1)::after{left:16px}.header .nav .nav-item .nav-sub .nav-grid li::nth-last-of-type(1)::after,.header .nav .nav-item .nav-sub .nav-grid li::nth-last-of-type(2)::after{content:"";height:0}.header .nav .nav-item .nav-sub .nav-grid li img{display:inline-block;width:42px;height:auto}.header .nav .nav-item .nav-sub .nav-grid li p{font-size:12px;line-height:16px;margin-top:10px}.header .nav .nav-item .nav-sub .nav-grid li p:nth-of-type(2){font-size:13px;zoom:.8;margin-top:5px;color:#999}.header .nav .nav-item .sub-plan{width:220px;padding:10px 0}.header .nav .nav-item .sub-plan .nav-list li{margin-left:20px;margin-right:20px;height:40px;line-height:40px;position:relative}.header .nav .nav-item .sub-plan .nav-list li::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#d8d8d8}.header .nav .nav-item .sub-plan .nav-list li:nth-last-of-type(1)::after{display:none}.header .nav .nav-item .sub-plan .nav-list li a{display:block;font-size:12px;color:#000;line-height:40px}.header .nav .nav-item .sub-plan .nav-list li a:hover{color:#8dc21f}.header .nav .nav-item .sub-plan .nav-list li a img{display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:10px}.header .nav .nav-item .sub-new{font-size:12px;padding:18px 28px 20px;width:180px}.header .nav .nav-item .sub-new a{cursor:pointer}.header .nav .nav-item .sub-new a:hover{color:#8dc21f}.header .nav .nav-item .sub-new .left{float:left;position:relative}.header .nav .nav-item .sub-new .left::after{position:absolute;right:-20px;top:17px;content:"";display:block;width:1px;height:40px;background-color:#d8d8d8}.header .nav .nav-item .sub-new .left img{width:36px;height:36px;margin-top:10px}.header .nav .nav-item .sub-new .left p{margin-top:5px}.header .nav .nav-item .sub-new ul{float:right}.header .nav .nav-item .sub-new ul li{display:block;line-height:40px}.header .nav .nav-item .sub-new ul li img{display:inline-block;vertical-align:middle;margin-right:8px;width:24px;height:24px}.header .header-tools{padding:5px 0;float:right;padding:5px 0}.header .header-tools>li{line-height:60px;position:relative}.header .header-tools>li:hover .header-en-popup{opacity:1;visibility:visible}.header .header-tools .header-icon{cursor:pointer;font-size:24px;font-weight:400;padding:0 15px;color:#fff}.header .header-tools .header-en-popup{opacity:0;visibility:hidden;position:absolute;right:0;top:54px;background-color:#fff;width:255px;padding:28px 36px;box-sizing:border-box}.header .header-tools .header-en-popup li{line-height:36px;text-align:left}.header .header-tools .header-en-popup a:hover{color:#8dc21f;cursor:pointer}.header .header-tools .header-en-popup a .icon{color:#8dc21f;font-weight:600}.header_white .header{position:relative}.header_white .header .nav .nav-item>a{color:#333}.header_black{position:fixed!important;background-color:#707070}.header_black .nav .nav-item>a{color:#fff!important}@media screen and (min-width:100px){.nav_toggle{display:none}.dropdown{display:none}.header .nav .close_warp{display:none}.header .nav .nav-item:hover .nav-item-a:after{width:100%}.header .nav .nav-item:hover .nav-sub{opacity:1;visibility:visible;top:67px;transition:.5s cubic-bezier(.77,0,.175,1)}}