/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);
html, body { height:100%;}
body {	margin:0; text-align:center; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#363636; line-height:18px; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; color:#0000ee;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover {	color:#9b348b; text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.top-Box, .menu-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1000px; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

.logo { float:left;}

.top-right { position:absolute; top:19px; right:26px;}
.search { background:url(../images/search-bg.gif) no-repeat; height:25px; width:151px; padding:3px 0 0 24px; font-size:12px; color:#000; float:left;}
.search-txt { float:left; width:102px; border-width:0; background:none; padding-top:2px;}
.search-btn { float:left; width:22px; height:22px;}
.lang { float:left; font-size:12px; color:#333; padding-top:3px;display: flex;}
.lang a { display:inline-block; padding-left:7px; margin-left:7px; background:url(../images/dot.png) no-repeat 0px 8px!important; color:#767676;}
.lang a:first-child { background:none;}
.lang a:hover { color:#333;}

.menu-box { float:right; padding-right:67px; padding-top:60px;}
#menu_text{display:none;}

.menuzord-menu>li:first-child { display:none;}

.footer-box { color:#848484; font-size:11px; line-height:14px; text-align:right; clear:both; padding-top:25px;
display: flex;align-items: center;flex-direction: row-reverse;}
.footer-box a { color:#848484;}
.footer-box a:hover { text-decoration:underline; color:#848484;} 
.footer-box span { display:inline-block;}
.footer-box > div { float:right; padding-left:10px;}



.banner-box-rwd { clear:both; display:none;}

.index-main-Box { position:absolute; z-index:999; width:100%;height:100%; }
.index-main { max-width:1000px; margin:0 auto; text-align:left; clear:both; position:relative; height:100%;}
.centered-btns_tabs { display:none;}

.index-content { position:absolute; top:75%;}
.index-about { float:left; width:50%; font-family:Verdana, sans-serif;}
h1 { font-size:18px; color:#2743A3; padding-bottom:8px;}
.index-about-pto { float:left; width:35%;}
.index-about-pto img { width:100%;}
.index-about-data { float:left; width:65%; padding-left:13px;}

.index-pro { float:left; width:50%; padding-left:30px; padding-top:29px;}
.index-pro li { float:left; width:20%; padding:0 2px;}
.index-pro li img { width:100%;}
.index-pro li span { padding:0px 5px 0 5px; line-height:16px; display:block;}



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


.banner-box { display:none;}
.banner-box-rwd { display:block;}
.index-content { padding:20px 10px; position:inherit; top:auto;}


}

@media only screen and (max-width: 768px) {
.top-right { display:none;}
.menu-box { padding-top:30px; padding-right:0px; position: absolute; z-index: 999; width: 100%;}
#menu_text{    display: block;
    position: absolute;
    right: 33px;
    top: 44px;
    color: #BF9C19;
    font-weight: bold;
    font-size: 13px;}
.menuzord-menu>li:first-child { display:block; padding:10px;border-bottom: 1px solid #F0F0F0}
.menuzord-menu > li { background:none !important;}


.index-about, .index-pro { width:100%; padding:0 0 15px 0;}
}

@media only screen and (max-width: 570px) {
.footer-box { text-align:center; padding-top:10px;flex-direction: column;}
.footer-box > div { float:none; padding-left:0; display:block;}


}

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



}

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


.index-about-pto, .index-about-data { width:100%;}
.index-pro li { width:32%; display:inline-table; float:none; padding-bottom:10px;}

}

ul.lan_inside{display: none;background-color: #dab400;color: white;border-radius: 10px 0px 0px 0px;position: relative;z-index: 999;}
ul.lan_inside li a{background: none!important;color: white!important;padding-top: 3px;padding-bottom: 3px;}
  ul.lan_inside{margin-top: 2px;-webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));}
  ul.lan_inside li:hover{border-bottom: 0.1px white solid;}