.H110 { height: 110px; }
.header {  position: fixed; background: #fff; left: 0px; width: 100%; top: 0px; z-index: 999; padding-left: calc(2.083vw + 10px); padding-right: calc(2.083vw + 10px); }
.header .item { display: flex; flex-direction: row; height: 110px; align-items: center; justify-content: space-between; }
.header .item .fr { display: flex; align-items: center; }
.header .item .lang { display: inline-block; vertical-align: middle; font-size: 16px; background: url('../image/icon13.png') no-repeat left center; padding: 20px 0px; padding-left: 32px; margin-left: 20px;  }
.header .item .lang a:hover { color: #264789; }
.header .item .lang a.active { color: #264789; }
.header .item .search { display: inline-block; vertical-align: middle; }
.header .item .slink { background: url('../image/icon2.png') no-repeat right center; width: 60px; height: 70px; border-left: 1px solid #cccccc; margin-left: 40px; display: block; } 

.header .item .logo {
    width: 200px;
}

/* ��腮睡絃���ュ�� */
.header .header-nav { display: inline-block; vertical-align:top; }
.header .header-nav .nav-ul>li { float: left; padding: 0px 13px; color: #fff; position: relative; }
.header .header-nav .nav-ul>li>a { display: inline-block; vertical-align: middle;  line-height: 110px; text-transform: uppercase; color: #000; font-size: 16px; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s;  }
.header .header-nav .nav-ul>li .icon { background: url('../image/icon14.png') no-repeat left center; width: 10px; height: 6px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 8px; }
.header .header-nav .nav-ul>li.active>a { color: #264789 !important; }
.header .header-nav .nav-ul>li:hover>a { color: #264789 !important;}
.header .header-nav .nav-ul>li:hover .nav-ul2 { animation: navUp 0.5s 0s forwards; display: block; } 
.header .header-nav .nav-ul2 { position: absolute; top:90px; left: 20px; text-align: left; display: none; background: #fff; min-width: 100%;
box-shadow: 0px 0px 6px 6px rgba(29,29,29,0.08); border-top: 2px solid #264789; }
.header .header-nav .nav-ul2 li a { display: block; font-size: 14px; color: #333; padding: 9px 20px;  border-bottom: 1px solid #d9d9d9;  white-space: nowrap; cursor: pointer; }
.header .header-nav .nav-ul2 li a:hover { background: #264789; color: #fff; border-bottom: 1px solid #264789; } 

.ph_header { display: none; }


@keyframes navUp {
    from {
        opacity: 0.6;
        transform: translateY(15px);
    } to {
        opacity: 1;
        transform: translateY(0px);
    }
}


@media screen and (max-width:1620px) {

.header .header-nav .nav-ul>li { padding: 0px 10px; }
.header .header-nav .nav-ul2 { left: 14px; }
.header .item .logo img { height: 50px; }
.header .header-nav .nav-ul>li>a { font-size: 15px; }


}


@media screen and (max-width:1360px) {

.header .item .logo img { height: 50px; }
.header .header-nav .nav-ul>li>a { font-size: 14px; } 
.header .header-nav .nav-ul>li { padding: 0px 5px; }

}


@media screen and (max-width:1200px) {

.pc_header { display: none; }
.ph_header { display: block; }

.phone_header {  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); display: block; position: fixed; left: 0px; top: 0px; width: 100%; left: 0px; top: 0px; z-index:99; background: #fff; padding: 0px 20px; }

.phone_header .lang { margin-top: 20px; margin-left: 5px; }
.phone_header .lang a { display: inline-block; vertical-align: top; background: #fff; color: #333; padding: 6px 15px; }
.phone_header .lang a.active { background: #9d2f31; color: #fff; }

.phone_header .item { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 50px; position: relative; }
.phone_header .logo img { height: 36px; }

.phone_header .nav-open { position: absolute; right: 0px; top: 50%; margin-top: -15px; display: block; cursor: pointer; }
.phone_header .nav-open span { display: block; background-color: #264789; height: 2px; width: 30px; margin: 6px auto;border-radius: 50px; }
.phone_header .close { background: url('../image/close.png') no-repeat center center; background-size: 18px auto; position: absolute; right: 0px; top: 0px; width: 56px; height: 50px; display: block; }
.phone_header .header-nav { position: fixed;width: 60%;height: 100%;float: none;top: 0;left: -60%;background-color: #202020;transition: all 0.6s;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; padding-top: 50px; overflow-y: auto; }
.phone_header .header-nav .nav-ul { padding: 10px; padding-top: 0px; }
.phone_header .header-nav .nav-ul>li { float: none; align-items: center; padding:0px;  position: relative; }
.phone_header .header-nav .nav-ul>li .line { margin: 0 6px; }
.phone_header .header-nav .nav-ul>li img { margin-right: 6px; }
.phone_header .header-nav .nav-ul>li>a { font-size: 14px; color: #fff; text-transform: uppercase; }
.phone_header .header-nav .nav-ul>li>a { font-size: 15px; padding: 15px 0px;  border-bottom: 1px solid #303030;  }
.phone_header .header-nav .nav-ul>li>a { display: block; margin-right: 0px; }
.phone_header .header-nav .nav-ul>li .icon { position: absolute; right: 0px; width: 46px; height: 51px;  z-index: 3; top: 0px; display: block; cursor: pointer; } 
.phone_header .header-nav .nav-ul>li .icon:after { content: ''; display: block; width: 9px; height: 9px; top: 0px; right: 15px; border: 2px solid rgba(255,255,255,.3); border-top: 0; border-left: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; top: 20px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.phone_header .header-nav .nav-ul>li .icon.active:after { content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 20px; }   
.phone_header .header-nav .nav-ul2 { display: none; padding-left: 15px; }
.phone_header .header-nav .nav-ul2 li a { font-size: 14px; color: #a6a6a6; display: block; padding: 10px 0px; border-bottom: 1px solid #303030; position: relative; padding-left: 12px;}
.phone_header .header-nav .nav-ul2 li a:after { content: ''; width: 4px; height: 4px; position: absolute; left: 0px; top: 0px; background: #4c4c4c; top: 50%; margin-top: -2px;  }
.phone_header .header-nav.active { left: 0; }
.phone_header .nav-back.active { right: 0px; } 
.phone_header .nav-back { position: fixed;top: 0; width: 40%;height: 100%; right: -40%;background-color: rgba(0,0,0,0.4);z-index: 100;transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }


}