﻿@charset "utf-8"; 
:root{ --fontfamily:"Public Sans", serif;}
#liproducts .nav1 ul{width:auto;}
@media (min-width:1025px) {header{height: 120px;}
header>.container{height: 80px;}}
.head-top{height: 40px;background: #2055a2;color: #fff;transition: all .2s linear;}
.head-top .container{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;height: 100%;}
.head-top .l-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.head-top .left{display:flex;align-items:center;color:#fff}
.head-top .left a{color: #fff;}
.head-top .left .item{display:inline-flex;align-items:center}
.head-top .left .item:last-child{margin-left:20px}
.head-top .left .item em{margin-right:5px}
.head-top .left .item a:hover{text-decoration:underline}
.head-top .right{display:flex;align-items:center}
.head-top .right>ul{display:flex;flex-wrap:wrap;margin-right:10px}
.head-top .right>ul a{background:#1a4482;border-radius:5px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#fff;margin-left:10px;transition:all .1s linear}
header.fixhead .head-top{height: 0;opacity: 0;}
@media (max-width:1024px){header .head-top{display:none}}
@media (min-width: 1025px){.fixhead{height: 80px;}}
.home-page .swiper-slide .more{position: absolute;bottom: 30px;left: 40%;padding: 0 15px;transform: translateX(-50%);font-size: var(--fontsize20);background: #fff;border-radius: 10px;transition: all .3s linear;}
.home-page .swiper-slide .more:hover{background:var(--color);color:#fff}
  @media (min-width:768px){.nav>li{position:relative}
.nav>li>a .inmenu-img{position:absolute;top:0px;right:-12px;max-width:30px}
}