nav,nav .navbar-nav .menu span,nav .navbar-nav .menu span::after,nav .navbar-nav .menu span::before,nav .navbar-nav>li a,nav .navbar-nav>li .child,nav .navbar-nav>li .child li a,nav .navbar-nav>li::after{transition:all 0.3s ease-in-out}@media screen and (max-width: 768px){.main{width:100%}}body,ul,li,figure{margin:0;list-style:none;padding:0;font-family:"Al-R",Arial, Helvetica, sans-serif}::selection{background:#2f84ba;color:#fff}::-moz-selection{background:#2f84ba;color:#fff}::-webkit-selection{background:#2f84ba;color:#fff}i{font-style:normal}h1,h2,h3,h4,h5,h6,figure{font-weight:normal;margin:0;padding:0}a{text-decoration:none}.none{display:none}.line{width:1.24rem;height:.07rem;background:#2f84ba}.main{width:1280px;margin:0 auto}header{width:100%;font-size:0;display:block;z-index:2;background:#fff}header .main{display:flex;justify-content:space-between;align-items:center}header .header-left .logo{display:inline-block}header .header-left .logo img{max-width:100%;height:.6rem;display:inline-block;vertical-align:middle}header .header-left .logo span{max-width:100%;display:inline-block;vertical-align:middle;color:#0499d7;font-size:.3rem;font-weight:bold;margin-left:.1rem}.header-right{height:100%}nav{display:block;position:relative;font-size:0;height:100%}nav .navbar-nav{display:inline-block;vertical-align:middle;margin-left:.6rem;height:100%}nav .navbar-nav .menu{display:none}nav .navbar-nav>li{display:inline-block;position:relative;padding:.27rem 0;vertical-align:middle}nav .navbar-nav>li:not(:last-of-type){margin-right:.36rem}nav .navbar-nav>li a{line-height:1.5;color:#5d5d5e;font-size:.18rem}nav .navbar-nav>li .child{display:block;position:absolute;width:1.5rem;background:#2f84ba;opacity:0;pointer-events:none;margin-top:.27rem;z-index:3}nav .navbar-nav>li .child li{line-height:.6rem;height:.6rem;display:block;text-align:left}nav .navbar-nav>li .child li a{color:#fff;display:block;font-size:.14rem;padding:.2rem}nav .navbar-nav>li .child li a:hover{background:#04a7eb}nav .navbar-nav>li::after{content:"";width:0;height:0;border-bottom:.05rem solid #2f84ba;position:absolute;left:0%;width:100%;opacity:0;top:0}nav .navbar-nav>li:hover a,nav .navbar-nav>li.active a{color:#5d5d5e}nav .navbar-nav>li:hover::after,nav .navbar-nav>li.active::after{opacity:1}nav .navbar-nav>li:last-of-type{margin-right:0}@media screen and (min-width: 768px){nav .navbar-nav>li.language{margin-right:.18rem}nav .navbar-nav>li:hover::after{opacity:1}nav .navbar-nav>li:hover .child{opacity:1;pointer-events:auto}}