.H_110 { height: 110px; }
.header {  position: fixed; background: #fff; left: 0px; width: 100%; top: 0px; z-index: 99; }
.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 a { font-size: 16px; background: url('../images/icon56.png') no-repeat left center; padding: 20px 0px; padding-left: 28px; margin-right: 20px;  } */

.header .item .lang { margin-right: 10px; }
.header .item .lang a { margin-right: 5px; }
.header .item .lang a img { display: inline-block; vertical-align: middle; margin-right: 2px; margin-top: -2px; }

.header .item .lang a.active { color: #03a0e3; }
.header .item .lang a:hover { color: #02a1e4;  }

.header .item .search { display: inline-block; vertical-align: middle; }
.header .item .slink { background: url('../images/icon2.png') no-repeat right center; width: 60px; height: 70px; border-left: 1px solid #cccccc; margin-left: 40px; display: block; } 

/* 鏍稿績閮ㄥ垎 */
.header .header-nav { margin-right: 10px; }
.header .header-nav .nav-ul>li { float: left; padding: 0px 12px; color: #fff; position: relative; }
.header .header-nav .nav-ul>li>a { display: inline-block; vertical-align: middle;  line-height: 110px; text-transform: uppercase; color: #333; font-size: 14px; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; cursor: pointer; }
.header .header-nav .nav-ul>li.active>a { color: #e91d2d !important; }
.header .header-nav .nav-ul>li:hover>a { color: #03a0e3 !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 #03a0e3; }
.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: #03a0e3; color: #fff; border-bottom: 1px solid #03a0e3; } 

.phone_vid { 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 15px; }
.header .header-nav .nav-ul2 { left: 14px; }
.header .header-nav .nav-ul>li>a { line-height: 110px; }

}


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

.header .header-nav .nav-ul>li { padding: 0px 5px; }
.header .header-nav .nav-ul>li>a { font-size: 16px; }
.header .item .lang a { font-size: 14px; margin-right: 10px; }

}

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

.header .header-nav .nav-ul>li { padding: 0px 3px; }
.header .header-nav .nav-ul>li>a { font-size: 14px; }
.header .item .lang a { padding-left: 0px; background: none; }

}



/* @media screen and (max-width:880px) { */

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

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

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

.phone_header .lang { margin-top: 10px; }
.phone_header .lang a { display: block; color: #fff; padding: 10px 15px; }
.phone_header .lang a.active { background: #9d2f31; color: #fff; }
.phone_header .lang a img { display: inline-block; vertical-align: middle; margin-right: 3px; margin-top: -2px; }

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

.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: #333; height: 2px; width: 30px; margin: 6px auto;border-radius: 50px; }
.phone_header .close { background: url('../images/close.png') no-repeat center center; background-size: 16px 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: 13px; 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: 46px;  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;  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: 15px; 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: 15px; }   
.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; }


}