@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:13px;color:#333; background:#FFF;}
a {font-size:13px;color:#333;}
a:link{text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration: none;}
a:active {text-decoration:none;}
img,a img{border:0;margin:0;padding:0;vertical-align:middle;/*image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;*/}
ul,li{display:block;list-style:none;margin:0;padding:0;}
form,p{margin:0px;}
input,select{vertical-align:middle;color:#636363;font-size:13px;background:#FFF;}
.bot{padding:5px 15px 5px 15px;border:none;color:#FFF; text-align:center; background:#000;font-size:16px;color:#fff;cursor:pointer;}
.clear{clear:both;height:0px;}
.red{color:#ff0000; display:inline;}
.tip{position:absolute;visibility:hidden;background:#FFEFEF;border:#f96 1px solid;padding:5px;color:#009933;line-height:20px;}

#header{margin:0;width:100%;height:auto; overflow:hidden;}
#welcome{margin:0;width:100%;height:55px;line-height:55px;background: rgba(0, 0, 0, 0.81);}
#welcome ul{margin:auto;width:1200px;height:auto; overflow:hidden;}
#welcome li{display:block; float:left; width:25%;color:#FFF;}
#welcome a{color:#FFF;}
#welcome i{color:#00b050; font-size:18px; width:30px;}
#welcome span{font-size:16px; margin-right:10px;}

#he{margin:auto;width:100%;height:145px;overflow:hidden;background: rgba(210, 210, 215, 0.54);}
#helist{margin:auto;width:1200px;}
#logo{display:block;float:left;margin-top:30px;width:220px;height:auto; overflow:hidden;}
#logo img{ height:75px;}

#search{display:block;float:left; margin-top:50px;width:200px;background:#f1f1f1;border-radius:3px; display:none;}
#search #search_txt{padding:0px;border:0;width:150px;height:28px; text-indent:5px;line-height:28px;border:#f1f1f1 1px solid; background:#f1f1f1;border-radius:3px; color:#999;}
#search #search_submit{display:inline-table; float:right;width:30px;height:30px;background:url(../images/search.gif); background-size:30px 30px;color:#FFF;cursor:pointer; border:none;}

#h_nav{display:block;float:left; margin-top:55px;width:980px;height:30px; overflow:hidden;}
#h_nav ul{margin:0;padding:0;}
#h_nav li{display: inline-block;float:left;margin:0;width:auto;height:30px;text-align:center;}
#h_nav li:hover{}
#h_nav a{display:inline-block;padding:0 20px 0px 20px;height:30px;line-height:30px; font-size:16px; color:#00b050;}
#h_nav a:hover{ color:#0054a6;}
#h_nav a img{vertical-align:middle;}
#h_nav span{margin-top:0px;}
#h_nav .nav_line{width:1px;height:30px;line-height:30px;text-align:center; background:#FFF;}

#h_nav .h_class_list{position:absolute;margin:0;padding:0;margin-top:0px; margin-left:0px;width:220px;height:auto;z-index:9999;/*visibility:hidden;*/background:#eeeeee;display:none;}
* html #h_nav .h_class_list {margin-left:-60px;} /* IE6 */
*+html #h_nav .h_class_list {margin-left:-60px;} /* IE7 */
#h_nav .h_class_list ul{margin:0; padding:0;text-indent:0px;}
#h_nav .h_class_list li{display:block;margin:0;padding:0;width:220px;height:35px;line-height:35px;background:none;}
#h_nav .h_class_list a{display:block;margin:0;width:180px;height:35px;line-height:35px;overflow:hidden;border-top:#dddd 1px solid;text-align:left; font-size:12px;}
#h_nav .h_class_list .csn{ position:absolute; z-index:9999; margin-top:-51px; margin-left:200px;background:#eeeeee;width:220px; display:none;}
#h_nav .h_class_list .csn a{display:block;width:160px;border-top:#eeeeee 1px solid;}

#show_nav{position:absolute;width:25px; height:25px;cursor:pointer; left:10px; margin-top:50px;display:none; font-size:20px; color:#ededed;}
#show_nav img{width:25px;}

#show_search{position:absolute;width:25px; height:25px;cursor:pointer; right:10px; margin-top:50px;display:none;font-size:20px;color:#ededed;}
#show_search img{width:25px;}

#nav{position:fixed;top:150px;width:100%; max-width:640px;background: rgba(0, 0, 0, 0.8); height:auto; overflow:hidden; display:none; z-index:9999999999;}
#nav li{ padding:10px; text-align:center;}
#nav li a{color:#fff;}

#heclear{ clear:both; width:100%; height:0px; overflow:hidden;}

.swiper-slide{}
.swiper-slide img{width:100%;}
.sw_pic{height:560px;background:no-repeat center center;background-size:cover;}
.swiper-banner{margin:auto;width:100%;}

#footer{clear:both;margin:auto;width:100%;height:auto;overflow:hidden;background:#212121; color:#bfbfbf;}
#footer a{color:#bfbfbf;}
#footer #f_mail{margin: auto; padding:0; width:1200px;padding:30px 0px 30px 0px;height:auto; overflow:hidden;}
#footer #f_mail li{display:block;float:left;}
#footer #f_mail #f_title{ width:500px;line-height:32px;font-size:16px;}
#footer #f_mail #f_title span{font-weight:normal;letter-spacing:3px;text-transform: capitalize;font-size:18px;padding-right:30px;}
#footer #f_mail #f_input{width:550px;}
#footer #f_mail #f_input #special_mail{ height:30px; border:#393939 1px solid; width:500px; line-height:30px; background:#393939;}
#footer #f_mail #email_submit{height:30px;background:#000; color:#FFF;border:none;cursor:pointer;}

#footer #f_content{margin: auto; padding:0; width:1200px;padding:20px 0px 20px 0px;height:auto; overflow:hidden;}
#footer #f_content .coleft{ float:left;width:75%;}
#footer #f_content .coright{ float:left;width:25%;}
#footer #f_content .fct{font-size:16px; height:30px;color:#FFF;}
#footer #f_content .fcl{padding:10px; padding-left:0px;}
#footer #f_content .fcl a{}
#footer #f_content .fcl i{display:inline-block; margin-right:10px;padding:5px;width:15px; height:15px; border-radius:50%;color:#00b050; border:#00b050 1px solid; font-size:15px; text-align:center;}

#footer #f_copyright{margin: auto; padding:0; width:1200px;padding:50px 0px 50px 0px;height:auto; overflow:hidden; border-top:#eaeaea 1px solid;}
#footer #f_copyright .fcc{ float:left;width:70%; font-size:16px;}
#footer #f_copyright .fci{ float:left;width:30%; text-align:center;}
#footer #f_copyright .fci i{display:inline-block; margin:0px 10px 0px 10px;padding:5px;width:20px; height:20px; line-height:20px;border-radius:50%;color:#0cdbff; border:#fff 1px solid; font-size:15px; text-align:center;}
#footer #f_copyright .fci .facebook{color:#3b5998;}
#footer #f_copyright .fci .facebook:hover{background:#3b5998; color:#FFF;}
#footer #f_copyright .fci .twitter{color:#1da1f2;}
#footer #f_copyright .fci .twitter:hover{background:#1da1f2; color:#FFF;}
#footer #f_copyright .fci .google{color:#dd4b39;}
#footer #f_copyright .fci .google:hover{background:#dd4b39; color:#FFF;}
#footer #f_copyright .fci .linkedin{color:#2b7ab7;}
#footer #f_copyright .fci .linkedin:hover{background:#2b7ab7; color:#FFF;}
#footer #f_copyright .fci .pinterest{color:#cc222a;}
#footer #f_copyright .fci .pinterest:hover{background:#cc222a; color:#FFF;}
#footer #f_copyright .fci .youtube{color:#da2824;}
#footer #f_copyright .fci .youtube:hover{background:#da2824; color:#FFF;}

#float_right{position:fixed;right:2px;bottom:10%;height:auto;width:50px;height:auto;z-index:999999999;}
#float_right .tocontact{padding:10px;width:30px; height:30px;background:#0cdbff;text-align:center;border-radius:5px;cursor:pointer;}
#float_right .tocontact i{ font-size:30px; color:#fff;}
#float_right .totop{ margin-top:10px;padding:10px;width:30px; height:30px;background:#cdcdcd;text-align:center;border-radius:5px;cursor:pointer;}
#float_right .totop i{ font-size:30px; color:#FFF;}

.result{position:fixed;z-index:9999999;top:0;left:50%;margin-left:-250px;width:500px;height:auto;_position:absolute;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));background:#ff5500;/*filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity:0.95;opacity:0.95;*/line-height:35px; text-align:center;color:#FFF; font-size:16px;display:none;}


.weui_dialog_alert{display:none;}
.weui_dialog_confirm{display:none;}

.weui_mask {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.weui_dialog {
  position: fixed;
  z-index: 999999999999;
  width: 85%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #FAFAFC;
  text-align: center;
  border-radius: 3px;
}

.weui_dialog_confirm .weui_dialog .weui_dialog_hd {
  padding: 1.2em 20px .5em;
}
.weui_dialog_confirm .weui_dialog .weui_dialog_bd {
  text-align: center;
}
.weui_dialog_hd {
  padding: 1.2em 0 .5em;
}
.weui_dialog_title {
  font-weight: 400;
  font-size: 17px;
  color:#000;
}
.weui_dialog_bd {
  padding: 0 20px;
  font-size: 15px;
  color: #888;
  word-wrap: break-word;
  word-break: break-all;
}
.weui_dialog_ft {
  position: relative;
  line-height: 42px;
  margin-top: 20px;
  font-size: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.weui_dialog_ft a {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #3CC51F;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.weui_dialog_ft a:active {
  background-color: #EEEEEE;
}
.weui_dialog_ft:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.weui_dialog_confirm .weui_dialog_ft a {
  position: relative;
}
.weui_dialog_confirm .weui_dialog_ft a:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}
.weui_dialog_confirm .weui_dialog_ft a:first-child:after {
  display: none;
}
.weui_btn_dialog.default {
  color: #353535;
}
.weui_btn_dialog.primary {
  color: #24aedd;
}
@media screen and (min-width: 1024px) {
  .weui_dialog {
    width: 35%;
  }
}

input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
input[type="radio"] + label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: 1em;
    height: 1em;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #ccc;
    text-indent: .15em;
    line-height: 1; 
}
input[type="radio"]:checked + label::before {
    background-color: #1990c6;
    background-clip: content-box;
    padding: 0em;
}


.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-fr {
  background-image: url(../images/flags/4x3/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(../images/flags/1x1/fr.svg);
}
.flag-icon-ru {
  background-image: url(../images/flags/4x3/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(../images/flags/1x1/ru.svg);
}
.flag-icon-es {
  background-image: url(../images/flags/4x3/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(../images/flags/1x1/es.svg);
}
.flag-icon-de {
  background-image: url(../images/flags/4x3/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(../images/flags/1x1/de.svg);
}
.flag-icon-gb {
  background-image: url(../images/flags/4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(../images/flags/1x1/gb.svg);
}

@media screen and (max-width: 700px) {
*{padding:0;margin:0;outline:none;-webkit-tap-highlight-color:transparent;/*-webkit-appearance: none;*/}
body{-webkit-text-size-adjust:none;margin:0 auto;font-size:12px;}
a {font-size:12px;}
input,select{-webkit-appearance:none;}

#welcome{margin:0;height:60px;line-height:30px;}
#welcome ul{width:98%;}
#welcome li{width:50%; font-size:11px; overflow:hidden;}
#welcome li a{font-size:11px;}
#welcome i{font-size:11px;width:20px;}
#welcome span{font-size:11px;}

#helist{width:100%;}
#he{width:100%; height:90px;}
#logo{ margin-top:5px;width:100%;text-align:center;}
#logo img{height:80px;}
#h_nav{ display:none;}

#search{position:absolute;top:100px;width:100%;background:#303030; height:auto; overflow:hidden; display:none; z-index:9999999999;border-radius:0px;}
#search #search_txt{padding:0px;border:0;width:80%;height:38px; text-indent:5px;line-height:38px;border:#303030 1px solid; background:#303030;border-radius:0px; color:#999;}
#search #search_submit{display:inline-table; float:right;width:40px;height:40px;background:url(../images/search.gif); background-size:40px 40px;color:#FFF;cursor:pointer; border:none;}
#show_nav{display:block;}
#show_search{display:block;}

#f_mail{display:none;}
#footer #f_content{width:100%;}
#footer #f_content .coleft{clear:both; float:none; margin:auto;width:95%;}
#footer #f_content .coright{clear:both; float:none;margin:auto; margin-top:20px;width:95%;}
#footer #f_content .fct{font-size:14px;height:30px;}
#footer #f_content .fcl{padding:5px;font-size:12px;}
#footer #f_content .fcl a{font-size:12px;}
#footer #f_content .fcl i{display:inline-block; margin-right:10px;padding:5px;width:10px; height:10px; border-radius:50%;color:#0cdbff; border:#0cdbff 1px solid; font-size:10px; text-align:center;}

#footer #f_copyright{width:100%;}
#footer #f_copyright .fcc{ clear:both; float:none; margin:auto;width:95%; text-align:center;}
#footer #f_copyright .fci{ clear:both; float:none;margin:auto; margin-top:20px;width:95%;}

#float_right{position:fixed;right:2px;bottom:10%;height:auto;width:30px;height:auto;z-index:999999999;}
#float_right .tocontact{padding:5px;width:20px; height:20px;background:#0cdbff;text-align:center;border-radius:5px;cursor:pointer;}
#float_right .tocontact i{ font-size:20px; color:#fff;}
#float_right .totop{ margin-top:5px;padding:5px;width:20px; height:20px;background:#cdcdcd;text-align:center;border-radius:5px;cursor:pointer;}
#float_right .totop i{ font-size:20px; color:#FFF;}

input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
input[type="radio"] + label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: 1em;
    height: 1em;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #;
    text-indent: .15em;
    line-height: 1; 
}
input[type="radio"]:checked + label::before {
    background-color: #1990c6;
    background-clip: content-box;
    padding: 0em;
}
input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
input[type="checkbox"] + label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 1em;
    height: 1em;
    margin-right: .4em;
    border-radius: 2px;
    border: 1px solid #ccc;
    text-indent: .15em;
    line-height: 1; 
}
input[type="checkbox"]:checked + label::before {
	content: "\2713";
    background-color: #ccc;
    background-clip: content-box;
    padding: 0em;
}
}