@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font:15px "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;color:#000; background:#FFF;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}
a {font-size:15px;color:#000;}
a:link{text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;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,textarea{vertical-align:middle;color:#636363;font:14px Verdana,Helvetica,sans-serif;outline:none;background: #fff;}
.bot{padding:5px 15px 5px 15px;border:none;color:#FFF; text-align:center; background:#000;font-size:16px;color:#fff;cursor:pointer;border-radius: 5px;}
.clear{clear:both;height:10px;}
.red{color:#ff0000; display:inline;}
.tip{position:absolute;visibility:hidden;background:#FFEFEF;border:#f96 1px solid;padding:5px;color:#009933;line-height:20px;}

.header{position:fixed;top:0;width:100%;height:auto;top:0px;background:rgba(0, 0, 0, 0.3); z-index:9;}
.header:hover{background: #000;}
.headeron{background: #000;}
#he{margin:auto;width:100%;overflow:hidden;}
#helist{margin:auto;width:95%; display: flex; justify-content: center;align-items: center;color: #fff;}
#helist a{color: #fff;}
#logo{width:auto;height:auto; overflow:hidden;}
#logo img{height:50px;}

#h_nav{margin-left: 20px; flex:1;}
#h_nav li{display:inline-block;margin:0;width:auto;text-align:center;}
#h_nav li:hover{}
#h_nav a{display:inline-block;padding:10px 10px 10px 10px; font-size:14px; font-weight:bold;}
#h_nav a:hover{}
#h_nav a img{vertical-align:middle;}
#h_nav span{margin-top:0px;}
#h_nav .nav_line{width:0px;text-align:center; background:#FFF;}

#h_nav .h_class_list{position:absolute;padding:0;margin-top:0px;left:0px;width:100%;height:auto;z-index:9999999;/*visibility:hidden;*/background:#000; display:none;}
#h_nav .h_class_list_show{margin:auto; padding: 50px 0px 50px 0px;width: 95%; height:auto;overflow: hidden;}
#h_nav .h_class_list_show a{padding:10px 0px 10px 0px; width:100%;font-weight:normal;text-align:left;height:auto;line-height: normal;}
#h_nav .h_class_list_show a:hover{ border-bottom:none;}
#h_nav .h_class_list_show ul{}
#h_nav .h_class_list_show .c{display:block; padding:0px;float:left;width:20%;overflow:hidden;}
#h_nav .h_class_list_show .cs{width:100%;height:auto;overflow:hidden;}
#h_nav .h_class_list_show .cs a{padding:5px;  color: #999;}
#h_nav .h_class_list_show .cs a:hover{ color:#fff;}
#h_nav .h_class_list_show .csn{float:left;width:170px;}
#h_nav .h_class_list_show .t{float:left;width:20%;text-align: left;padding:10px 0px 10px 0px;color: #999;font-weight: bold;cursor: pointer;}
#h_nav .h_class_list_show .t::before{content:" "; display:inline-block; width: 5px; height: 5px;background: #999; border-radius: 50%;margin-right: 10px;}
#h_nav .h_class_list_show .tl{display: none; border-top: #999 1px solid; margin-top: 20px; padding-top: 20px;}
#h_nav .h_class_list_show .tline{clear: both; }
#h_nav .h_class_content_show{margin:auto; padding: 50px 0px 50px 0px;width: 95%; height:auto;overflow: hidden;color: #999;}
#h_nav .h_class_content_show a{color: #999;}
#h_nav .h_class_content_show img{max-width: 100%;}

#show_nav{width: auto;}
#show_nav span{font-size: 30px; cursor: pointer; margin-left: 30px;}
#show_nav i{position: absolute; padding: 0px 5px 0px 5px;border-radius: 5px; background:#ff0000; color: #fff;font-size: 10px; margin-top: -5px; margin-left: -10px;font-style: normal; }

#h_search_show{position:absolute;padding:0;margin-top:0px;left:0px;width:100%;height:auto;z-index:9999999;/*visibility:hidden;*/background:#000; display:none;}
#search{margin: 50px auto 100px auto;width: 90%; display: flex;justify-content: center;align-items: center;border-bottom: #999 1px solid;}
#search #search_txt{flex:1;height:28px;line-height:28px;border:#000 1px solid; background:#000;border-radius:3px; color:#999;}
#search #search_submit{color:#FFF;cursor:pointer;}

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

#float_top{position:fixed;top:0;background:#000;width:100%;z-index:9999;display:none; }
.ftop{margin:auto;width:1200px;display: flex;justify-content: center;align-items: center;}
.ftop .logo{ display:block; float:left; width:10%; cursor:pointer;}
.ftop .logo img{ height:30px;}
.ftop .nav{ display:block; float:left;width:75%;text-align:center;}
.ftop .nav li{ display:inline-block; padding:7px 10px 7px 10px;cursor:pointer;}
.ftop .nav li a{display:inline-block;color:#FFF;font-size:14px; border-bottom:#000 1px solid;}
.ftop .nav li a:hover{border-bottom:#fff 1px solid;}
.ftop .button{display:block; float:left;width:15%; text-align:right;}
.ftop .button span{display:inline-block;padding:0px 10px 0px 10px; cursor:pointer;}
.ftop .button i{ font-size:20px; color:#FFF;}
.ftop .button p{ position:absolute; margin-top:-10px;display:inline-block;background:#FFF; color:#000; font-size:11px; border-radius:5px; font-weight:normal; font-style:normal; padding:2px;}

#footers{clear:both;margin:auto; margin-top:50px; padding:20px 0px 20px 0px;width:100%;height:auto;overflow:hidden;background:#000;}
#footers #f_contents{margin:auto;width:95%;}
#footers #f_mail{display:block;float:left;width:50%;height:auto; overflow:hidden;}
#footers #f_mail li{}
#footers #f_mail #f_title{font-size:16px; color:#FFF;}
#footers #f_mail #f_input{ margin-top:20px;width:500px;}
#footers #f_mail #f_input #special_mail{ height:28px; border:#fff 1px solid; width:380px; line-height:25px; text-indent:10px;border-radius: 5px;}
#footers #f_mail #email_submit{height:30px;background:#000; color:#FFF;border:#fff 1px solid; cursor:pointer;border-radius: 5px;}
#footers #f_ico{display:block;float:left;width:50%;padding:30px 0px 30px 0px;height:auto; overflow:hidden; text-align:center;}
#footers #f_ico span{display:inline-block; margin:0px 10px 0px 10px;padding:5px;width:20px; height:20px; line-height:20px;border-radius:50%;color:#fff; border:#fff 1px solid; font-size:15px; text-align:center;cursor: pointer;}
#footers #f_ico span:hover{color:#999; border:#999 1px solid;}


#footer{clear:both;margin:auto;width:100%;height:auto;overflow:hidden;}
#footer #f_nav{margin:auto; padding:0; width:95%;height: auto; padding:30px 0px 30px 0px;overflow:hidden;}
#footer #f_nav ul{display:block; float:left;margin:0; padding:0; width:16.6%;}
#footer #f_nav li{padding-top:10px;}
#footer #f_nav li a{}
#footer #f_nav .qrcode{ margin-top:10px;text-align:center;}
#footer #f_nav .qrcode img{ width:50%;border-radius: 5px;}
#footer #f_nav #f_n_title{font-weight:bolder;}
#footer #f_txt{margin:20px;text-align:center;}
#footer #f_content{margin:20px;text-align:center;}

#footer_fixed{position:fixed;margin:auto; padding: 8px 0px 8px 0px; bottom:0px;left:0px;right:0px;width:100%; height:auto;background:#fff;z-index:999; display: flex; justify-content: center; align-items: center; visibility:hidden; border-top:#cdcdcd 0.01rem solid;}
/* #footer_fixed::before{content:'';display:block;position: absolute;width:100%; bottom: 30px; left:0px;height:1px;background-color:#cdcdcd; -webkit-transform: scaleY(0.5);transform:scaleY(0.5);} */
#footer_fixed .fl{width:0px;}
#footer_fixed .ff{flex:1;width:0;text-align:center; color:#999; cursor:pointer; font-size:11px;}
#footer_fixed span{font-size:28px; color:#000;}
#footer_fixed a{display:block; width:100%; height:100%; color:#000; font-size:11px;}
#footer_fixed img{ width:20px;}
#footer_fixed p{ display:block;}

#float_right{position:fixed;right:2px;bottom:10%;height:auto;width:50px;height:auto;z-index:999;}
#float_right div{ margin-bottom:10px;padding:10px;width:30px; height:30px;background:#000;text-align:center;border-radius:5px;cursor:pointer;}
#float_right div span{ font-size:30px; color:#fff;}
#float_right div img{ width: 100%;}
#float_right .totop{background:#cdcdcd;}
#float_right .totop span{ font-size:30px; color:#FFF;}


.show_bg{position:fixed;z-index:999999;width:100%;height:100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3); display:none;}

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

.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: #000;
}
@media screen and (min-width: 1024px) {
  .weui_dialog {
    width: 35%;
  }
}

@media screen and (max-width: 1200px) {
  body{font:14px;}
  a {font-size:14px;}
  #show_nav span{font-size: 26px;  margin-left: 26px;}
}

@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:13px;}
a {font-size:13px;}
input,select{-webkit-appearance:none;}
#helist{width: auto; padding: 0px 10px 0px 10px;}
#logo img{ height:40px;}
#h_nav{ display:none;}
#show_nav{flex:1;text-align: right;}
#show_nav span{font-size:calc( 100% / 0.55);margin-left: 10px;}

#footers {width:100%;}
#footers #f_contents{width:100%;}
#footers #f_mail{width:100%; text-align:center;}
#footers #f_mail #f_title{font-size:14px; color:#FFF;}
#footers #f_mail #f_input{ margin-top:20px;width:100%;}
#footers #f_mail #f_input #special_mail{ width:80%;}
#footers #f_mail #email_submit{height:28px; font-size:10px; padding:0px 2px 0px 2px;}
#footers #f_ico{width:100%;padding:30px 0px 10px 0px;}
#footers #f_ico span{margin:0px 5px 0px 5px;padding:5px;width:12px; height:12px; line-height:12px;font-size:10px;}

#footer{margin-bottom:50px;}
#footer #f_nav{width: 95%;}
#footer #f_nav ul{display:block; float:left;margin:0; padding:0; width:50%;}
#footer #f_nav ul:nth-child(5){display: none;}
#footer #f_nav ul:nth-child(6){display: none;}
#footer #f_txt{margin:20px;text-align:center; border-top:#ddd 0.01rem solid;}

#footer_fixed{ visibility:visible;}

#float_right{right:2px;bottom:10%;width:50px;}
#float_right div{ margin-bottom:10px;padding:10px;width:30px; height:30px;background:#000;text-align:center;border-radius:5px;cursor:pointer;}
#float_right div span{ font-size:30px; color:#fff;}
#float_right div img{ width: 100%;}
#float_right .totop{padding:5px;width:20px; height:20px; margin-left: 10px;}
#float_right .totop span{ 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 #ccc;
    text-indent: .15em;
    line-height: 1; 
}
input[type="radio"]:checked + label::before {
    background-color: #ccc;
    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;
}
}