.tem98-header{width:100%;color:#666;position:relative;z-index:40;} .tem98-header .header{background-color:#fff;} .tem98-header .head_bottom{background-color:inherit;} .tem98-header a{color:inherit;} .tem98-header.show-full .container{padding:0;width:100%;} .tem98-header .container{padding:0;} .tem98-header .head_top{background-color:#333;width:100%;position:relative;z-index:22;color:#fff;} .tem98-header .head_top .con{width:98%;margin:auto;height:40px;font-size:12px;} .tem98-header .head_bottom .con{width:98%;margin:auto;height:70px;position:relative;} .tem98-header .head_top .con .head_editor{height:100%;line-height:40px;float:left} .tem98-header .head_top .con .icon{float:right;height:100%;user-select:none;} .tem98-header .head_top .con .icon .icons{float:left;position:relative;} .tem98-header .head_top .con .icon .icons .txt{line-height:40px;display:block;cursor:pointer;padding:0 8px;transition:.3s;height:40px;} .tem98-header .head_top .con .icon .icons .txt .icon-people4{margin-right:2px;} .tem98-header .head_top .con .icon .icons:last-child .txt{padding-right:0;} .tem98-header .head_top .con .icon .icons.language .txt img{width:30px;height:30px;} .tem98-header .head_top .con .icon .icons.language .txt span{vertical-align:middle;} .tem98-header .head_top .con .icon .icons.language .txt{padding-right:30px;} .tem98-header .head_top .con .icon .icons.language .txt:after{content:"";display:block;position:absolute;right:8px;top:50%;margin-top:-4px;width:0;height:0;border:8px solid rgba(0,0,0,0);border-top-color:inherit;border-right-width:5px;border-left-width:5px;} .tem98-header .head_top .icon ul{position:absolute;top:100%;right:0;white-space:nowrap;color:#666;background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.1);border-radius:4px;} .tem98-header .head_top .icon .language ul{z-index:4;transform:translateY(6px);opacity:0;visibility:hidden;transition:.3s;} .tem98-header .head_top .icon .language ul.active{transform:translateY(0);opacity:1;visibility:visible;} .tem98-header .head_top .icon ul li a{padding:10px 16px;display:block;} .tem98-header .head_top .icon ul li a:hover{background-color:rgba(0,0,0,.05);} .tem98-header .head_top .icon img{width:20px;height:20px;vertical-align:middle;margin-right:8px;max-width:none;} .tem98-header .head_top .icon .lan{vertical-align:middle;} .tem98-header .head_bottom .logo{float:left;height:70px;line-height:50px;width:250px;padding:10px 0;} .tem98-header .head_bottom .logo a{display:block;height:100%;} .tem98-header .head_bottom .logo img{vertical-align:middle;max-width:100%;max-height:100%;} .tem98-header .head_bottom .navigation{float:right;width:calc(100% - 250px);height:70px;} .tem98-header .head_bottom .navigation .search{float:right;height:70px;padding-left:30px;padding-top:15px;position:relative;z-index:4;} .tem98-header .head_bottom .navigation .search .icon_bx{float:right;height:40px;line-height:40px;width:40px;text-align:center;cursor:pointer;position:relative;margin-left:10px;} .tem98-header .head_bottom .navigation .search .icon_bx>span{display:block;width:100%;height:100%;line-height:40px;font-weight:bold;font-size:20px;} .tem98-header .head_bottom .navigation .search .icon_bx>.txt{display:block;width:100%;height:100%;line-height:42px;position:relative;} .tem98-header .head_bottom .navigation .search .icon_bx>.txt>span{font-weight:bold;font-size:20px;} .tem98-header .head_bottom .navigation .search .icon_bx>.txt i{position:absolute;top:0;right:0;display:block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;font-size:8px;color:#fff;font-style:normal;} .tem98-header .head_bottom .navigation .search .icon_bx>span:hover, .tem98-header .head_bottom .navigation .search .icon_bx>.txt:hover{opacity:.6} .tem98-header .head_bottom .navigation .search .icon_bx.active>span{opacity:.6} .tem98-header .head_bottom .navigation .search .icon_bx.active .search_box{opacity:1;visibility:visible;} .tem98-header .head_bottom .navigation .search .icons.language{float:right;width:40px;height:40px;line-height:40px;position:relative;} .tem98-header .head_bottom .icons.language .img_txt{display:block;width:100%;position:relative;text-align:center;line-height:40px;font-size:0;} .tem98-header .head_bottom .icons.language .img_txt img{width:30px;height:30px;margin:0;} .tem98-header .head_bottom .icons.language .img_txt span{vertical-align:middle;} .tem98-header .head_bottom .icon ul{position:absolute;top:100%;right:0;white-space:nowrap;color:#666;background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.1);border-radius:4px;} .tem98-header .head_bottom .icons.language ul{z-index:4;transform:translateY(6px);opacity:0;visibility:hidden;transition:.3s;position:absolute;top:100%;right:0;white-space:nowrap;color:#666;background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.1);border-radius:4px;line-height:20px;} .tem98-header .head_bottom .icons.language ul.active{transform:translateY(0);opacity:1;visibility:visible;} .tem98-header .head_bottom .icons.language ul li a{padding:10px 16px;display:block;} .tem98-header .head_bottom .icons.language ul li a:hover{background-color:rgba(0,0,0,.05);} .tem98-header .head_bottom .icons.language img{width:20px;height:20px;vertical-align:middle;margin-right:8px;max-width:none;} .tem98-header .head_bottom .icons.language .lan{vertical-align:middle;} .tem98-header .head_bottom .navigation nav{float:right;position:relative;} .tem98-header .head_bottom .search_box{position:absolute;top:100%;width:300px;height:70px;z-index:20;right:0;opacity:0;visibility:hidden;transition:.3s;margin-top:10px;border-radius:8px;box-shadow:0 2px 12px rgba(122,122,122,.1)} .tem98-header .head_bottom .search_box form{width:100%;height:100%;position:relative;padding:15px;background-color:#fff;border-radius:8px;} .tem98-header .head_bottom .search_box form .header_search_select{text-align:left;line-height:24px;} .tem98-header .head_bottom .search_box form input{width:100%;height:100%;border:none;background:none;outline:none;padding:0 40px;border-bottom:1px solid;border-color:rgba(255,255,255,.1)} .tem98-header .head_bottom .search_box form button{position:absolute;left:15px;top:15px;height:40px;width:40px;border:none;background:0;outline:none;font-size:18px;} .tem98-header .head_bottom .search_box form i{position:absolute;right:15px;top:15px;width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:24px;cursor:pointer;opacity:0.6;transition:.3s} .tem98-header .head_bottom .search_box form i:hover{opacity:1} .tem98-header .head_bottom .navigation nav .lr{display:none;} .tem98-header .head_bottom .navigation .search_btn_{display:none;} @media (min-width:993px){ .tem98-header{height:110px;} .tem98-header .head_bottom .navigation .search .icons.language{display:none;} .tem98-header .head_top .con .icon .icons .txt{opacity:.8} .tem98-header .head_top .con .icon .icons .txt:hover{opacity:1;} .tem98-header .head_bottom .navigation nav .nav{overflow:visible;white-space:nowrap;position:relative;} .tem98-header .head_bottom .navigation nav .nav>ul{display:flex;line-height:70px;margin-left:0;transition:.3s;position:absolute;left:0;top:0;} .tem98-header .head_bottom .navigation nav .nav>ul>li>.text{position:relative;font-size:16px;} .tem98-header .head_bottom .navigation nav .nav>ul>li>.text.active:after{content:"";border-bottom:4px solid;display:block;height:0;width:100%;position:absolute;bottom:0;left:0;} .tem98-header .head_bottom .navigation nav .nav>ul li:hover>.text{opacity:.6;} .tem98-header .head_bottom .navigation nav .nav>ul>li .text a{padding:0 15px;display:block;position:relative;transition:0s;} .tem98-header .head_bottom .navigation nav .nav>ul>li>.text>a{padding:0 22px} .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child>.text:after{border:none;} .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia:before{content:"";width:0px;height:0px;position:absolute;display:block;top:50%;right:14px;border:6px solid transparent;border-top-color:inherit;margin-top:-3px;transition:.3s;border-right-width:5px;border-left-width:5px;} .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia a{padding-right:34px;} .tem98-header .head_bottom .navigation nav .nav>ul li{position:relative;} .tem98-header .head_bottom .navigation nav .nav>ul ul{background-color:#fff;position:absolute;top:100%;left:0;line-height:initial;box-shadow:0 4px 12px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition: all .3s;pointer-events:none;padding:10px 6px;border-radius:6px;} .tem98-header .head_bottom .navigation nav .nav>ul ul>li{background-color:inherit;} .tem98-header .head_bottom .navigation nav .nav>ul ul ul{left:100%;top:0;background-color:inherit;} .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child ul, .tem98-header .head_bottom .navigation nav .nav>ul>li:nth-last-child(2) ul{left:auto;right:0} .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child ul ul, .tem98-header .head_bottom .navigation nav .nav>ul>li:nth-last-child(2) ul ul{right:100%} .tem98-header .head_bottom .navigation nav .nav>ul li:hover>ul{opacity:1;visibility:visible;pointer-events:auto;margin-top:-10px} .tem98-header .head_bottom .navigation nav .nav>ul ul li .text a{padding-top:12px;padding-bottom:12px} .tem98-header .head_bottom .navigation nav.add{padding:0 20px;height:100%;} .tem98-header .head_bottom .navigation nav{background:none!important;} .tem98-header .head_bottom .navigation nav.add .lr{position:absolute;left:0;top:0;width:100%;height:0;z-index:8;display:block;} .tem98-header .head_bottom .navigation nav.add .lr .left, .tem98-header .head_bottom .navigation nav.add .lr .right{position:absolute;top:20px;height:30px;width:20px;cursor:pointer;line-height:30px;text-align:center;color:#fff;font-size:20px;border-radius:2px;opacity:.6;transition:.3s} .tem98-header .head_bottom .navigation nav.add .lr .left:hover, .tem98-header .head_bottom .navigation nav.add .lr .right:hover{opacity:1} .tem98-header .head_bottom .navigation nav.add .lr .left{left:0;} .tem98-header .head_bottom .navigation nav.add .lr .right{right:0;} .tem98-header .head_bottom .navigation nav.add .nav{overflow:hidden;height:100%;} .tem98-header .head_bottom .navigation nav.add .nav.hig{height:650px;} .tem98-header .head_bottom{top:-90px;left:0;width:100%;} .tem98-header .head_bottom.fixeds{position:fixed;transition:.3s;box-shadow:0 0 12px rgba(0,0,0,.1);z-index:99;} .tem98-header .head_bottom.fixeds.top_show{top:0;} body.cms_product .tem98-header .head_bottom.fixeds{position:relative;top:0;} } .tem98-header .nav_button{display:none;} @media (max-width:992px){ .tem98-header .head_bottom .icons.language .img_txt img{display:none;} .tem98-header{height:60px;} .tem98-header .header{position:fixed;left:0;top:0;width:100%;z-index:1000;} .tem98-header .head_top{display:none;} .tem98-header .head_top .con .head_editor span{font-size:12px!important;} .tem98-header .head_top .con{width:94%;} .tem98-header .head_bottom .con{height:60px;width:94%;} .tem98-header .head_bottom .search_box form i{opacity:.9;} .tem98-header .head_bottom .logo{width:auto;height:60px;padding:10px 0;line-height:40px;} .tem98-header .head_bottom .navigation{width:auto;height:60px;position:relative;} .tem98-header .head_bottom .navigation .search{height:60px;padding:0;padding-top:10px;} .tem98-header .head_bottom .navigation .search .icon_bx{margin:0;} .tem98-header .head_bottom .navigation nav{position:fixed;width:100%!important;max-width:400px!important;top:60px;left:0;box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateX(50px);opacity:0;visibility:hidden;transition:.3s;max-height:400px;overflow-x:hidden;overflow-y:auto;z-index:999;} .tem98-header .head_bottom .con.active .navigation nav{transform:translateX(0);opacity:1;visibility:visible;} .tem98-header .head_bottom .navigation nav .nav>ul>li>.text{position:relative;border-bottom:1px solid rgba(122,122,122,.1)} .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child>.text{border-bottom:none;} .tem98-header .head_bottom .navigation nav .nav>ul>li>.text:after{content:"";display:block;position:absolute;right:0;top:20px;bottom:20px;border-right:1px solid;border-color:rgba(122,122,122,.1);} .tem98-header .head_bottom .navigation nav .nav>ul>li .text a{padding:10px 20px;display:block;position:relative;transition:0s;} .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child>.text:after{border:none;} .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia:before{content:"";width:0px;height:0px;position:absolute;display:block;top:50%;right:18px;border:4px solid transparent;border-top-color:inherit;margin-top:-2px;transition:.3s} .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia{padding:10px 20px;padding-right:30px;position:relative;} .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia a{padding:0;display:inline;} .tem98-header .head_bottom .navigation nav .nav>ul li{position:relative;} .tem98-header .head_bottom .navigation nav .nav>ul ul{display:none;padding:10px 0;background:none!important;} .tem98-header .head_bottom .navigation nav .nav>ul ul .text.xia, .tem98-header .head_bottom .navigation nav .nav>ul ul .text a{padding-left:30px;} .tem98-header .head_bottom .navigation nav .nav>ul ul ul .text.xia, .tem98-header .head_bottom .navigation nav .nav>ul ul ul .text a{padding-left:40px;} .tem98-header .nav_button{outline:none;border:0;width:40px;height:40px;padding:10px;transition:all .45s;z-index:99;display:block;background:0;float:left;margin-top:10px;margin-right:6px;} .tem98-header .nav_button .nav_button_icon{position:relative;width:16px;height:16px;margin:auto;} .tem98-header .nav_button .nav_button_icon span{display:block;position:absolute;right:0;left:0;height:0px;transition:all .15s;border-bottom:2px solid;} .tem98-header .nav_button .nav_button_icon span:after{content:"";display:block;width:2px;height:0;border-bottom:2px solid;position:absolute;left:-4px;} .tem98-header .nav_button .nav_button_icon span:nth-child(1){top: 50%;transform: translate3d(0,-50%,0);} .tem98-header .nav_button .nav_button_icon span:nth-child(2){top: 0;transform: translateZ(0) rotate(0) scaleX(1);} .tem98-header .nav_button .nav_button_icon span:nth-child(3){bottom: 0;transform: translateZ(0) rotate(0) scaleX(1);} .tem98-header .head_bottom .con.active .nav_button .nav_button_icon span:nth-child(1){opacity:0;} .tem98-header .head_bottom .con.active .nav_button .nav_button_icon span:nth-child(2){transform: rotate(45deg) translate3d(5px,5px,0);} .tem98-header .head_bottom .con.active .nav_button .nav_button_icon span:nth-child(3){transform: rotate(-45deg) translate3d(5px,-5px,0);} .tem98-header .head_bottom .con.active .nav_button .nav_button_icon span:after{display:none;} } @media (max-width:360px){ .tem98-header .head_bottom .navigation .search{display:none;position:absolute;top:100%;right:0;width:100px;background-color:#fff;color:#333;box-shadow:0 4px 12px rgba(0,0,0,.2);padding-right:10px;border-radius:4px;} .tem98-header .head_bottom .navigation .search.active{display:block;} .tem98-header .head_bottom .navigation .search_btn_{display:block;width:20px;height:40px;margin-top:10px;} .tem98-header .head_bottom .navigation .search_btn_>span{display:block;border:2px solid;height:0;width:0;border-radius:50%;position:absolute;left:50%;margin-left:-2px;top:50%;} .tem98-header .head_bottom .navigation .search_btn_>span:nth-child(1){margin-top:-8px;} .tem98-header .head_bottom .navigation .search_btn_>span:nth-child(2){margin-top:-2px;} .tem98-header .head_bottom .navigation .search_btn_>span:nth-child(3){margin-top:4px;} }