﻿:root{--hovercolor:#0B1B2B;--fontcolor:#0B1B2B;--titlecolor:#0B1B2B;--introcolor:#555555;--headercolor:#0B1B2B;--footercolor:#4C555E;--prosaspectratio:1/1;--newssaspectratio:4/3;--hometitlefont:40px;--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;--fontsize32:32px;--fontsize34:34px;--fontsize36:36px;--fontsize38:38px;--fontsize40:40px;--fontsize48:48px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontbold8:800;--fontbold9:900;--borderradius:5px;--fontfamily:"Roboto Slab","Open Sans","Roboto","Poppins","Oswald","Noto Sans","Montserrat",sans-serif}
@media (max-width:1440px){:root{--hometitlefont:34px}}
@media (max-width:1024px){:root{--hometitlefont:26px}}
*,body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,li,p,table,td,th,ul{padding:0px;margin:0px;box-sizing:border-box}
html{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;background:#e5e5e5;overflow-x:hidden}
body{margin:0px auto;background:#FFFFFF;overflow-x:hidden;}
@media (min-width:1025px) {
  
.swiper-box{position: relative;}
.swiper-index{height: auto;}
header .top-box{position: static;}
header .top-box .info{padding: 0;align-items: center;}
header .top-box .info .right ul.sj{align-items: center;}

.lang{z-index:99999;text-align:left;position:relative}
.lang-icon{display:flex;align-items:center;justify-content:center;min-width:140px;height:40px;border-radius:25px;;padding:0px 15px;color:#FFFFFF;border:none;cursor:pointer;font-size:var(--fontsize16);user-select:none;white-space:nowrap}
.lang-icon img{width:20px}
.lang-icon span{position:relative;padding-right:18px;margin-left:6px;font-size:var(--fontsize14)}
.lang-icon span::before{content:"";position:absolute;right:4px;top:13px;width:8px;height:1px;background:#FFFFFF;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0;top:13px;width:8px;height:1px;background:#FFFFFF;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #ebeef5;border-radius:var(--borderradius);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(20%)}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 7px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #ebeef5;border-left:1px solid #ebeef5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-drop.lang-flex .lang-arrow{left:79%}
.lang-wrap{list-style:none;width:140px;padding:8px 0;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33.3333%}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:var(--fontsize12);padding:10px 12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){
.lang{transition:all .2s linear}
.lang-icon{min-width:inherit;background:0 0}
.lang-icon img{width:28px;filter:invert(70%)}
.lang-icon span{display:none}
.lang-drop{display:none}
.lang-drop.lang-flex{position:fixed;width:95%;right:auto;left:50%;transform:translateX(-50%)}
.lang-drop.lang-flex .lang-arrow{left:84%}
.lang-drop.lang-flex .lang-wrap{width:100%}
.lang-drop.active{display:block;top:calc(100% + 3px)}}

.nobanner header .top-box .info{color: #000;}
.nobanner header .top-box .info .left span{color: inherit;}
.nobanner header .top-box .info .left span a,.nobanner header .top-box .info .left span a:visited{color: inherit}
.nobanner .lang-icon{color: #000;}
.nobanner .lang-icon span::after,.nobanner .lang-icon span::before{background: #000;}
}
li,ol,ul{list-style:none}
main.index{margin-top: 0;}

