.top {
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            z-index: 99;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 40px 0 0;
            background: url(../images/header_bg.jpg) no-repeat center center / cover;}

        .top .header_box {
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;}

        .top .header_box .logo {
            width: 500px;}

        .top .header_box .logo img {
            width: 100%;}

        .top .header_box .head-link ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;    justify-content: flex-end;
            margin-bottom: 26px;}

        .top .header_box .head-link ul .item a {
            color: #fff;
            font-size: 18px;}

        .top .header_box .head-link ul .item::after {
            content: '|';
            color: #fff;
            padding-left: 22px;
            padding-right: 17px;
            font-size: 20px;}

        .top .header_box .head-link ul .item:last-child::after {
            display: none;}

        .top .header_box .search_box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;}

        .top .header_box .search1 {
            padding-top: 2px;}

        .top .header_box .search1 form {
            height: 42px;
            border: 1px solid #fff;
            border-radius: 25px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;}

        .top .header_box .search1 form input {
            border: none;
            background: none;
            width: 168px;
            height: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #fff;
            padding-left: 26px;}

        .top .header_box .search1 form input::-webkit-input-placeholder {
            color: #fff;
            font-size: 16px;}

        .top .header_box .search1 form button {
            width: 50px;
            height: 100%;
            border: none;
            padding-left: 0;
            background: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;}

        .top .header_box .search1 form button img {
            width: 18px;
            height: 18px;}

        .top .header_box .header_nav {
            position: relative;}

        .top .header_box .icon-hamburger {
            overflow: hidden;
            text-align: center;
            display: none;}

        .top .header_box .icon-hamburger .inner {
            width: 24px;
            display: inline-block;
            overflow: hidden;}

        .top .header_box .icon-hamburger .line {
            width: 100%;
            height: 2px;
            display: block;
            background: #ffffff;
            transition: all 0.3s;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;}

        .top .header_box .icon-hamburger .line:nth-child(2) {
            margin: 6px 0;}

        .top .header_box .icon-hamburger.on .line:nth-child(1) {
            -webkit-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);}

        .top .header_box .icon-hamburger.hidden {
            display: none;}

        .top .header_box .icon-hamburger.on .line:nth-child(2) {
            opacity: 0;}

        .top .header_box .icon-hamburger.on .line:nth-child(3) {
            -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);}

        .top .header_box .icon-close {
            display: none;}

        .top .header-nav {
            margin-top: .3rem;
            width: 100%;
            height: 68px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-color: #ffffff;
            -webkit-transition: -webkit-transform 0.3s ease;
            transition: -webkit-transform 0.3s ease;
            transition: transform 0.3s ease;
            transition: transform 0.3s ease, -webkit-transform 0.3s ease;}

        .top nav.header-nav .menu {
            padding: 0;
            width: 100%;
            height: 68px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;}

        .top .nav.header-nav .menu .menu_item {
            float: none;}
.top2 {
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            z-index: 99;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 40px 0 0;
            background: url(../images/header_bg.jpg) no-repeat center center / cover;}

        .top2 .header_box {
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;}

        .top2 .header_box .logo {
            width: 500px;}

        .top2 .header_box .logo img {
            width: 100%;}

        .top2 .header_box .head-link ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;    justify-content: flex-end;
            margin-bottom: 26px;}

        .top2 .header_box .head-link ul .item a {
            color: #fff;
            font-size: 18px;}

        .top2 .header_box .head-link ul .item::after {
            content: '|';
            color: #fff;
            padding-left: 22px;
            padding-right: 17px;
            font-size: 20px;}

        .top2 .header_box .head-link ul .item:last-child::after {
            display: none;}

        .top2 .header_box .search_box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;}

        .top2 .header_box .search1 {
            padding-top: 2px;}

        .top2 .header_box .search1 form {
            height: 42px;
            border: 1px solid #fff;
            border-radius: 25px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;}

        .top2 .header_box .search1 form input {
            border: none;
            background: none;
            width: 168px;
            height: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #fff;
            padding-left: 26px;}

        .top2 .header_box .search1 form input::-webkit-input-placeholder {
            color: #fff;
            font-size: 16px;}

        .top2 .header_box .search1 form button {
            width: 50px;
            height: 100%;
            border: none;
            padding-left: 0;
            background: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;}

        .top2 .header_box .search1 form button img {
            width: 18px;
            height: 18px;}

        .top2 .header_box .header_nav {
            position: relative;}

        .top2 .header_box .icon-hamburger {
            overflow: hidden;
            text-align: center;
            display: none;}

        .top2 .header_box .icon-hamburger .inner {
            width: 24px;
            display: inline-block;
            overflow: hidden;}

        .top2 .header_box .icon-hamburger .line {
            width: 100%;
            height: 2px;
            display: block;
            background: #ffffff;
            transition: all 0.3s;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;}

        .top2 .header_box .icon-hamburger .line:nth-child(2) {
            margin: 6px 0;}

        .top2 .header_box .icon-hamburger.on .line:nth-child(1) {
            -webkit-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);}

        .top2 .header_box .icon-hamburger.hidden {
            display: none;}

        .top2 .header_box .icon-hamburger.on .line:nth-child(2) {
            opacity: 0;}

        .top2 .header_box .icon-hamburger.on .line:nth-child(3) {
            -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);}

        .top2 .header_box .icon-close {
            display: none;}

        .top2 .header-nav {
            margin-top: .3rem;
            width: 100%;
            height: 68px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-color: #033671;
            -webkit-transition: -webkit-transform 0.3s ease;
            transition: -webkit-transform 0.3s ease;
            transition: transform 0.3s ease;
            transition: transform 0.3s ease, -webkit-transform 0.3s ease;}

        .top2 nav.header-nav .menu {
            padding: 0;
            width: 100%;
            height: 68px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;}

        .top2 .nav.header-nav .menu .menu_item {
            float: none;}