@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;color:#333; background:#FFF;}
a {font-size:14px;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{list-style-type:none;margin:0;padding:0;}
form,p{margin:0px;}
input,select{vertical-align:middle;color:#636363;font-size:14px;background:#FFF;}
.bot{padding:5px 15px 5px 15px;border:none;color:#FFF; text-align:center; background:#00aadc;font-size:16px;color:#fff;cursor:pointer;}
.clear{clear:both;height:0px;}
.red{color:#000; display:inline;}
.tip{position:absolute;visibility:hidden;background:#FFEFEF;border:#f96 1px solid;padding:5px;color:#009933;line-height:20px;}

#header{ position: fixed; margin:0;width:100%;height:auto;z-index: 99999;}
/* .header{background: #fff; -webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;} */
.header{ height: auto;}
.header_fixed{background: #fff; -webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;}

#he{margin:auto;width:100%;height:90px;overflow:hidden;}
#helist{margin:auto;width:95%; display: flex; justify-content: center;align-items: center;}
#logo{width: 350px; margin-top:20px;height:auto; overflow:hidden;}
#logo img{ height:50px;}

#h_nav{flex:1; margin-top:22px;height:30px; overflow:hidden;}
#h_nav .navc{ display: block;  float: left; margin:0;width:auto;height:30px;text-align:center;}
#h_nav .navc .ca{display:inline-block;padding:0 15px 0px 15px;height:30px;line-height:30px; font-size:16px;color:#fff;}
#h_nav .navc .ca:hover{ color:#fff;}
#h_nav span{margin-top:0px;}
#h_nav .nav_line{display: block;  float: left; width:0px;height:30px;line-height:30px;text-align:center; background:#00aadc;}

#h_nav .h_class_list{position:absolute; left:0;width:100%;height:auto; overflow: hidden;  z-index:999999;/*visibility:hidden;*/display:none;}
.h_class_list_content{margin-top: 29px; padding:30px 2.5% 30px 2.5%; background: url(../images/index_about_bg.png) #f5f5f5; background-size: cover;height:auto; overflow: hidden;}
.h_content{display: flex;text-align:left;}
.h_content .hcl{flex:1;}
.h_content .hcr{ width: 200px; text-align: center;height:auto; overflow: hidden;}
.h_content .hcr img{ max-width: 100%;border-radius: 5px;}
.navlist{ height: auto;}
.navlist ul{ display: block; float: left; width: 23%; margin: 1%; height: auto; overflow: hidden; }
.navlist .navpic img{ width: 100%; border-radius: 5px;}
.navlist .navinfo{ text-align: center;}

.navlists{ height: auto;}
.navlists ul{ display: block; float: left; width: 18%; margin: 1%; height: auto; overflow: hidden;}
.navlists a{ display: flex;align-items: center;}
.navlists .navpic{ width: 60px;}
.navlists .navpic img{ width: 50px; height: 50px; border-radius: 50%;}
.navlists .navinfo{ flex:1;}

/* .h_class_list_content ul{margin:0; padding:0;text-indent:0px;}
.h_class_list_content li{display:block;margin:0;padding:0;width:220px;height:35px;line-height:35px;background:none;}
.h_class_list_content a{display:block;margin:0;width:180px;height:35px;line-height:35px;overflow:hidden;border-top:#dddd 1px solid;text-align:left;}
.h_class_list_content .csn{ position:absolute; z-index:9999; margin-top:-51px; margin-left:200px;background:#eeeeee;width:200px; display:none;}
.h_class_list_content .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:10px;display:none; font-size:15px; color:#fff;}
#show_search{position:absolute;width:25px; height:25px;cursor:pointer; right:20px; margin-top:18px;display:;font-size:15px;color:#fff;}

.header_fixed #show_nav{color:#000;}
.header_fixed #show_search{color:#000;}
.header_fixed #h_nav .navc .ca{color: #000;}
.header_fixed #h_nav .navc .ca:hover{color: #000;}

#nav{position:fixed;top:50px;width:100%; max-width:750px;background: rgba(255, 255, 255,1); height:100%; overflow:hidden; display:none; z-index:99;}
#nav li{ padding:10px; text-align:center;}
#nav li a{color:#000;}

#search{position:fixed;top:90px;right: 0; width:30%;height:42px; overflow:hidden;z-index:999;border-radius:0px;background: #fff;display: flex; justify-content: center; visibility: hidden; border-bottom-left-radius: 5px;border-top-left-radius: 5px;}
#search #search_select{padding:0px;border:0;width:100px;height:40px; text-indent:5px;line-height:40px;border:#f6f6f6 1px solid; background:#f6f6f6;border-radius:3px; color:#000; text-align:center;}
#search #search_txt{padding:0px;border:0; flex: 1; width:auto;height:40px; text-indent:5px;line-height:40px;border:#f6f6f6 1px solid; background:#f6f6f6;border-radius:3px; color:#000; text-align:center;}
#search #search_txt::-webkit-input-placeholder {color: #666;}
#search #search_txt::-moz-placeholder {color: #666;}
#search #search_txt:-ms-input-placeholder {color: #666;}   
#search #search_submit{ width: 80px; margin-top: 0px; margin-right: 0px;  height: 42px; line-height: 42px; cursor:pointer; color:#fff;  font-size:16px; background: #007cc3; text-align: center;}


.heclear{ clear:both; width:100%; height:0px; overflow:hidden;}
.show_banner{ height: auto;}
.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%;}


.banner{margin:auto;margin-top:0px;width:100%;height:450px;overflow:hidden;background:no-repeat center center;background-size:cover;}
.banner_title{margin:auto; margin-top:120px; padding:45px 0px 40px 0px;width:100%; height:auto; overflow:hidden; text-align:center;}
.banner_title .btt{ font-size:30px; font-weight:bolder;color:#fff;}
.banner_title .btl{margin:auto; width:100px;height:1px;background: #ededed;}
.banner_title .btc{ margin-top:20px;color:#333;}
.banner_title .btc a{color:#333;}
.banner_img{ height: auto; overflow: hidden;}
.banner_img img{ width: 100%;}


#footer_mail{ width: 100%;}

#footer_mail #f_mail{margin: auto; padding:0; width:95%;padding:30px 0px 30px 0px;height:auto; overflow:hidden;}
#footer_mail #f_mail ul{display: flex;align-items: center;}
#footer_mail #f_mail #f_title{ width:300px; font-weight: bolder; font-size: 20px;}
#footer_mail #f_mail #f_title span{font-weight:normal;letter-spacing:0px;text-transform: capitalize;font-size:18px;padding-right:30px;}
#footer_mail #f_mail #f_input{width:550px; background: #f6f6f6; border: #dedede 1px solid; border-radius: 5px;}
#footer_mail #f_mail #f_input #special_mail{border: #f6f6f6 1px solid; height: 40px; background: #f6f6f6; width:500px; border-radius: 5px;}
#footer_mail #f_mail #f_input #email_submit{height:32px;background:#000;border-radius:3px; color:#fff;border:none;cursor:pointer;border-radius:5px;}
#footer_mail #f_mail #f_right{flex:1; text-align: right;}
#footer_mail #f_mail #f_right a{ display: inline-block; padding: 5px 20px 5px 20px; background: #000; border-radius: 20px; color:#fff;animation-name: contact;animation-duration: 2s;animation-iteration-count: infinite;}

@keyframes contact {
  50%  {background-color: #666;}
}

#footer{clear:both;margin:auto;width:100%;height:auto;overflow:hidden;background:#525867; color:#fff;}
#footer a{color:#fff;}

#footer #f_content{margin: auto; padding:0; width:95%;padding:50px 0px 50px 0px;height:auto; overflow:hidden; display: flex; justify-content: center;align-items: center;}
#footer #f_content .coleft{flex:2; }
#footer #f_content .coleft img{ height: 60px;}
#footer #f_content .cocenter{  flex:1;}
#footer #f_content .coright{  flex:1;}
#footer #f_content .fct{ margin-bottom: 20px; padding-bottom: 10px; font-size: 14px; font-weight: bolder; border-bottom: #747883 1px solid; width: 50%;}
#footer #f_content .fcl{padding:5px; padding-left:0px;}
#footer #f_content .fcl a{}
#footer #f_content .fcl a:hover{color:#333;}
#footer #f_content .fcl i{display:inline-block; margin-right:10px;padding:5px;width:15px; height:15px; border-radius:50%;color:#fff; border:#fff 1px solid; font-size:15px; text-align:center;}
#footer #f_content .fcl img{ width: 120px; border-radius: 10px;}

#footer #f_copyright{margin: auto; padding:20px 0px 20px 0px;height:auto; overflow:hidden; background:#525867;color:#ccc; border-top:#747883 1px solid;}
#footer #f_copyright a{color:#ccc;}
#footer #f_copyright .f_copyright{ margin:auto; width:95%;height:auto; overflow:hidden;}
#footer #f_copyright .fcc{ float:left;width:50%;}
#footer #f_copyright .fci{ float:left;width:50%; text-align:right;}
#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:#333; border:#333 1px solid; font-size:15px; text-align:center;}



#float_right{position:fixed;right:2px;bottom:10%;height:auto;width:50px;height:auto;z-index:9999;}
#float_right .tocontact{ margin-top:10px;padding:10px;width:30px; height:30px;background:#cdcdcd;text-align:center;border-radius:5px;cursor:pointer;}
#float_right .tocontact i{ font-size:30px; color:#fff;}
#float_right .tocontact:hover{background:#000;}
#float_right .cartlist{ padding:10px;width:30px; height:30px;background:#cdcdcd;text-align:center;border-radius:5px;cursor:pointer;animation-name: contact;animation-duration: 5s;animation-iteration-count: infinite;}
#float_right .cartlist i{ font-size:25px; color:#fff;}
#float_right .cartlist:hover{background:#000;}
#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;}
#float_right .totop:hover{background:#000;}

.toast{position: fixed;top: 50%;left: 50%; width:auto; height: auto;transform: translateX(-50%) translateY(-50%);background:rgba(0, 0, 0, 0.5);color:#FFF; padding: 10px 20px 10px 20px; border-radius: 5px; z-index: 9999999999; 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: #00aadc;
}
@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);
}
.flag-icon-cn {
  background-image: url(../images/flags/4x3/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(../images/flags/1x1/cn.svg);
}

@media screen and (min-width: 1400px) {
body{font-size:14px;}
a {font-size:14px;}
}

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


#helist{width:100%;}
#he{width:100%; height:50px;}
#logo{ margin-top:15px;width:100%;text-align:center;}
#logo img{height:25px;}
#h_nav{ display:none;}

.heclear{ height:0px;}


/* #search{position:fixed;top:50px; margin-top:0px; margin-left:0px; left:0;width:100%;height:100%; overflow:hidden;z-index:999;border-radius:0px;background: #fff;display: flex; justify-content: center; visibility: hidden; }
#search #search_txt{padding:0px;border:0; flex: 1; width:auto;height:40px; text-indent:5px;line-height:40px;border:#f6f6f6 1px solid; background:#f6f6f6;border-radius:3px; color:#000; text-align:center;}
#search #search_txt::-webkit-input-placeholder {color: #666;}
#search #search_txt::-moz-placeholder {color: #666;}
#search #search_txt:-ms-input-placeholder {color: #666;}   
#search #search_submit{ width: 80px; margin-top: 0px; margin-right: 0px;  height: 42px; line-height: 42px; cursor:pointer; color:#fff;  font-size:16px; background: #000; text-align: center;} */


#show_nav{display:block;}
#show_search{position:absolute;width:25px; height:25px;cursor:pointer; right:10px; margin-top:10px;display:block;font-size:15px;color:#fff;}
.show_search{display:none;}

.banner{margin:auto;margin-top:0px;width:100%;height:200px;overflow:hidden;background:no-repeat center center;background-size:cover;}
.banner_title{margin:auto; margin-top:60px; padding:30px 0px 40px 0px;width:100%; height:auto; overflow:hidden; text-align:center;}
.banner_title .btt{  font-size: 16px; font-weight:bolder;color:#fff;}
.banner_title .btl{margin:auto; width:100px;height:1px;background: #ededed;}
.banner_title .btc{ margin-top:20px;color:#333;}
.banner_title .btc a{color:#333;}


#f_mail{display:none;}
#footer #f_content{width:100%; display:none}
#footer #f_content .ul{clear:both; float:none; margin:auto;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%;font-size:10px; text-align:center;}

#footer #f_copyright{width:100%;}
#footer #f_copyright .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%;text-align:center;}


#float_right{right:2px;bottom:10%;width:30px;}
#float_right .tocontact{margin-top:5px;padding:5px;width:20px; height:20px;background: rgba(0, 0, 0, 0.3);}
#float_right .tocontact i{ font-size:18px; color:#fff;}
#float_right .cartlist{padding:5px;width:20px; height:20px;background: rgba(0, 0, 0, 0.3);}
#float_right .cartlist i{ font-size:18px; color:#fff;}
#float_right .totop{ margin-top:5px;padding:5px;width:20px; height:20px;background: rgba(0, 0, 0, 0.3);}
#float_right .totop i{ font-size:18px; color:#FFF;}

.show_feedback{width:95%;overflow-y:scroll;}
.feedbacklist{ height:auto;}
.feedbacklist .fbc{ margin-bottom:0px;}
.feedbacklist #ft i{font-size:12px;}
.feedbacklist #fi .i{ width:95%; height:20px;border:#ccc 1px solid;}
.feedbacklist #fi .s{ width:95%; height:23px;border:#ccc 1px solid;}
.feedbacklist #fi .t{ width:95%; height:80px;border:#ccc 1px solid;}
.feedbacklist #fi .b{width:95%;}

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;
}
}