body {
font-family: 'Roboto', sans-serif;
margin: 0;
font-size: 14px;

background-color: #ffffff;
}

a{outline: none;  text-decoration: none; }

h1{font-size:1.3em; font-weight: bold; margin:0 0 15px 0;   line-height: 1.2em; margin-right: 10px;}

h2{font-size:1.2em;  margin:0 0 13px 0; line-height: 1.2em; font-weight: 300; margin-right: 10px;   clear: both;}

h3{font-size:1.1em; font-weight: bold; margin:0 0 13px 0; line-height: 1.2em; margin-right: 10px;}

.textt{ line-height: 1.2; font-size: 1.1em; }
.textt img{margin:0 25px 20px 0; float:left; max-width: 822px;}
.textt p{margin-right: 10px;}

.textt ul, .textt ol{margin-right: 15px; margin-left: 25px; padding: 0 0 0px 0;  display:block; clear: both;}
.textt ul li, .textt ol li{padding: 7px 0 7px 7px; float: left; width:100%;}
.textt ul li:last-child, .textt ol li:last-child{margin-bottom:20px;}

.top{
  width: 100%;
  background-color: #fff;
  position: relative;
  text-align: center;
}


.top_all{
width: 100%;
text-align: center;
padding:85px 0 0 0;
}


.top_slide{
height: auto;
width: 100%;
text-align: center;
z-index: 1;
margin: 0 auto;
}
.banner{
  height: 556px;
  width: 100%;
 background-position: bottom center;

 }

 .top_slide_sm{
  height: 556px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  }
  
  .banner_sm{
    height: 556px;
    width: 100%;
   background-position: bottom center;

   }
 



.logo{
width: 140px;
height: 85px;
display: inline-block;

}

.logo img{
  padding:0px 0 0 0;
  width: 142px;
}

.top_fix{
  position: fixed;
  background-color: #fff;
  height: 85px;
  width: 100%;
  top:0px;
  z-index: 100;
  box-shadow: 0 8px 36px -6px rgba(0, 0, 0, 0.5);
}

.logo_sm{
  position: absolute;
  top:0px;
  left:-25px;
}

.top_menu{
height: 85px;
max-width: 1040px;
margin: 0 auto;
display: block;
}

.lang{
  width:70px;
  height: 85px;
  display: inline-block;
  position: relative;
}

.lang_in{
margin:0 auto;
width:70px;
left:0px !important;
color: #888;
font-weight: bold;
}

.lang a{
 font-weight: bold;
color: #888;
padding:0 5px 0 5px;
}

.lang a:hover{
color: #FF6800;
}


.menubar{
  width:800px;
  height: 85px;
  display: inline-block;
position: relative;  z-index: 100;
}

.menu, .lang_in{
  position: absolute;
  top:37px;
  left:40px;
}

.menu ul {
margin: 0;
padding: 0;
list-style: none;  z-index: 100;
}

.menu ul li {
display: inline-block;
margin-left: 60px;  z-index: 100;
}

.menu ul li:first-child{margin-left:0}

.menu ul li a{
color: #888;
width: auto;
display: inline-block;
font-weight: bold;
z-index: 100;
}

.menu ul li a:hover{
/*background-image: url(../images/menu_bg.png);
background-repeat: no-repeat;
background-position: center bottom;*/
color: #FF6800;
}

.menu ul li ul {
  display: none;
  list-style: none;
  z-index: 100;
}

.menu ul li:hover ul {
  list-style: none;
z-index: 1000;
  display: block;
  position: absolute;

width: 200px;

}





.popup{
  z-index: 100;
  display: block;
  border-radius: 18px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff; 
  border-bottom: solid 2px #fff; 
  border-left: solid 2px #fff; 
  padding: 10px 10px 10px;
  text-align: left;
  background-color: #FF6800;
  position: relative;
}
.popuparrow{
  text-align:left;
  margin:0 !important;

  padding:0 !important;
  position: absolute;
  height: 15px;
}

.popuparrow img{
  position: relative;
  bottom: -7px;
  left: 22px;
  z-index: 105;
}

.menu ul li ul li{
text-align: center;

white-space: nowrap;
display: block;
margin:5px 0 5px 0px;
padding:0 20px 0 20px;

}

.menu ul li ul li:hover{

font-weight: bold;}

.menu ul li ul li a{ margin: 5px 0 5px 0; padding:0; color: #fff;}

.menu ul li ul li a:hover{
color: #000;
}

.container{  width:100%;}

.container_sm{  width:100%;
padding-top: 180px;}

.container_in{
max-width:1040px;  margin:0 auto; 

}

.content{
max-width: 1040px;

padding:2px 0 20px 0px;



}


.footer{
margin:0;
height: 190px;
width:100%;
background-color: #E6E6E6;
}

.footer_in{
max-width:960px;
margin:0 auto;
padding:40px 0 0 0;
font-size: 1em;
text-align: center;
}

.footercont{
  vertical-align: top;
}

.footmenu{
  max-width: 650px;
  display: inline-block;
}

.social{
  width:150px;
  display: inline-block;
  float: right;
  text-align: right;
  position: relative;
}
.social_in{
position: absolute;
top:-5px;
right:0px;
}
.social img{
height:  23px;
width: 23px;
opacity: 0.8;
padding:0 5px 0 5px;
}

.social img:hover{
  opacity: 1;
}

.footmenu a{
padding:0 30px 0 0;
color: #888;
font-weight: bold;
font-size:0.9em;
}

.footmenu a:hover{
color: #FF6800;
  }

.footbot{
  padding:38px 0 0 0;
  text-align: center;
  width: 100%;
  color: #888;
  line-height: 23px;
  font-size:0.8em;
}

.footbot a{
  color: #888;
  font-weight: bold;

 margin:7px 0 0px 0;
}


.logo_foot{

  width: 150px;
  display: inline-block;
position: relative;
float: left;;
}

.logo_foot img{
  width:100px;
  position: absolute;
  top:-23px;
  left:0px;
}



.clear{
  clear: both;
}

.col{
  max-width: 1040px;
  clear: both;

display: block;}

.col1p, .col2p{
  float:left;
  width:520px;
}
.col2t, .col1t{
  float:right;
  width:440px;
  padding:40px 40px 40px 40px;
  line-height: 25px;
}
.col1t{
  float:left;
}
.col2p{
  float: right;
}






@media (max-width:1040px) {
  .menubar{
    width:700px;
  }
.footmenu{
  float: unset !important;
}
.social{
  float: unset !important;
  width: 100% !important;
  padding: 10px 0 0 0;
}
.footbot{
  padding:20px 0 0 0;
}

}



@media (max-width:800px) {
  .menubar{
    width:600px;
  }


}