@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,dt,dl{display:block;list-style:none;margin:0;padding:0;}
form,p{margin:0px;}
input,select{vertical-align:middle;color:#636363;font-size:13px;}
.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: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;margin:0;width:100%;height:auto;top:0px;background:#FFF; z-index:99;}
#welcome{margin:0;width:100%;height:35px;line-height:35px;background:#f2f2f2;border-bottom:#dedede 1px solid;}
#welcome ul{margin:auto;width:1200px;height:auto; overflow:hidden;}
#welcome li{display:block; float:left; width:50%;}
#welcome #wel{}
#welcome #wer{text-align:right;}
#welcome #wer span{padding-left:10px;}
#welcome #wer .phone{font-weight:bolder; color:#0fa0ec;}

#he{margin:auto;width:1200px;height:75px;overflow:hidden; }
#logo{display:block;float:left;margin-top:10px;width:45%;height:auto; overflow:hidden;}
#logo img{height:57px;}

#search{display:block;float:left;margin-top:10px;width:30%;}
#search .search_txt{padding:0px; border:0;width:320px;height:36px; text-indent:5px;line-height:38px;border:#0094e7 2px solid; background:#fff;color:#999; border-top-left-radius:5px;border-bottom-left-radius:5px;}
#search #search_submit{display:inline-table; vertical-align:middle;cursor:pointer; background:#0094e7; color:#FFF; line-height:40px; height:40px; width:40px;border-top-right-radius:5px;border-bottom-right-radius:5px; text-align:center;}
#search #search_link{ margin-top:5px;font-size:12px; color:#666;}

#cart{display:block;float:left;margin-top:20px;width:25%;height:auto; overflow:hidden; text-align:center;}
#cart i{font-size:30px; color:#0094e7;}
#cart span{ position:absolute;padding:0px 10px 0px 10px;background:#ffa940;color:#fff; border-radius:5px; font-size:10px; margin-top:-5px; margin-left:-10px;}

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

#nav{margin:auto;width:100%;overflow:hidden; border-bottom:#0094e7 2px solid;} 
#navs{margin:auto;width:1200px;}
#h_navs{ display:block; float:left;width:240px;line-height:50px;color:#FFF; background:#0094e7; text-indent:10px; font-size:16px;border-top-left-radius:5px;border-top-right-radius:5px; cursor:pointer;}

/*一级菜单*/
#h_navs:hover{position: absolute;z-index:9;}

/*二级菜单*/
#h_navs ul li ul{display:none;}
#h_navs ul li ul li{width:240px;height:40px; line-height:40px;background:#0fa0ec;border-bottom:solid 1px #0094e7; font-size:13px;}
#h_navs ul li ul li a{ color:#FFF;}
#h_navs ul li:hover ul{display:block;position:relative;width:120px;}
#h_navs ul li ul li:hover{background:#fff; color:#0fa0ec;}
#h_navs ul li ul li:hover a{ color:#0094e7;}
/*三级菜单*/
#h_navs ul li:hover ul li ul{display:none; background:#FFF;width:560px; border:#ededed 1px solid; border-left:none; box-shadow: 5px 5px 5px rgba(0,0,0,0.07);}
#h_navs ul li:hover ul li ul li{ height:auto; line-height:normal;}
#h_navs ul li:hover ul li:hover ul{display:block; position: relative; left: 240px; top:-41px;}
#h_navs ul li:hover ul li:hover ul li{padding:5px;width:550px;background:#FFF;border-bottom:none; height:auto; overflow: hidden;}
#h_navs ul li:hover ul li:hover ul li dt{width:530px; border-bottom:#0fa0ec 1px solid; height:30px;overflow: hidden;}
#h_navs ul li:hover ul li:hover ul li dt a{color:#0fa0ec; font-weight:bolder;}
#h_navs ul li:hover ul li:hover ul li dl{clear:both; margin-top:10px;width:530px; height:auto; overflow: hidden;color:#999;}
#h_navs ul li:hover ul li:hover ul li dl a{ padding:10px;color:#333;}



#h_nav{margin-left:300px;width:auto; height:50px;overflow:hidden;} 
#h_nav li{display:inline-block;margin:0;width:auto;height:50px;text-align:center;}
#h_nav li:hover{}
#h_nav a{display:inline-block;padding:0 20px 0px 20px;height:50px;line-height:50px; font-size:15px; font-weight:bolder;}
#h_nav a:hover{ border-bottom:#000 2px solid;}
#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;left:0; right:0;padding:0;margin-top:0px; margin-left:0px;width:100%;height:auto;z-index:9999999;/*visibility:hidden;*/background:#fff; display:none;border-top:#000 1px solid;border-bottom:#000 1px solid;}
#h_nav .h_class_list_show{margin:auto;width:1200px;height:auto;}
#h_nav .h_class_list a{padding:0;width:100%;font-size:14px;font-weight:normal;text-align:left;}
#h_nav .h_class_list a:hover{ border-bottom:none;}
#h_nav .h_class_list ul{}
#h_nav .h_class_list .c{display:block; padding:20px 0px 20px 0px;float:left;margin-right:20px;width:170px;overflow:hidden;}
#h_nav .h_class_list .ct{width:340px; }
#h_nav .h_class_list .cs{width:100%;font-weight:bolder;height:auto;overflow:hidden;}
#h_nav .h_class_list .cs a{font-weight: bold;}
#h_nav .h_class_list .csn{float:left;width:170px;}

#hsearch{ display:none;}

#footers{clear:both;margin:auto; margin-top:50px; padding:20px 0px 20px 0px;width:100%;height:auto;overflow:hidden;background:#333;}
#footers #f_contents{margin:auto;width:1200px;}
#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:25px; border:#fff 1px solid; width:380px; line-height:25px;}
#footers #f_mail #email_submit{height:30px;background:#666; color:#FFF;border:none;cursor:pointer;}
#footers #f_ico{display:block;float:left;width:50%;padding:30px 0px 30px 0px;height:auto; overflow:hidden; text-align:center;}
#footers #f_ico i{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;}


#footer{clear:both;margin:auto; margin-top:20px;width:100%;height:auto;overflow:hidden;}
#footer #f_nav{margin:auto; padding:0; width:1200px;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%;}
#footer #f_nav #f_n_title{font-weight:bolder;}
#footer #f_navs{margin:auto; padding:0; width:100%;height: auto; padding:10px 0px 10px;overflow:hidden; background:#5e5e5e; text-align:center;color:#FFF;}
#footer #f_navs a{ padding:0px 20px 0px 20px;color:#FFF;}
#footer #f_txt{margin:20px;text-align:center;}
#footer #f_content{margin:20px;text-align:center;}
#footer #f_show_bg{width:100%; height:auto;background:#f1f1f1;}
#footer #f_show{margin:auto; padding:0; width:1200px;height: auto; padding:30px 0px 30px 0px;overflow:hidden;}
#footer #f_show ul{display:block; float:left;width:25%;}
#footer #f_show .fst{display:block; float:left; width:60px; height:60px; background:#0fa0ec; color:#FFF; font-size:30px; line-height:60px; text-align:center; border-radius:50%;}
#footer #f_show .fsc{display:block; float:left; margin-left:10px; color:#999;}
#footer #f_show .fsc span{ display:block; font-size:16px; font-weight:bolder; margin-bottom:10px; color:#333;}

#footer_fixed{position:fixed;margin:auto; padding:10px 0px 5px 0px;bottom:0px;left:0px;right:0px;width:100%; height:auto;background:#fff;z-index:999;display:-webkit-box;-webkit-box-orient:horizontal; visibility:hidden;}
#footer_fixed:after{content:'';display:block;position: absolute;width:100%;left:0px;bottom:50px;height:1px;background-color:#cdcdcd; -webkit-transform: scaleY(0.5);transform:scaleY(0.5);}
#footer_fixed .fl{width:0px;}
#footer_fixed .ff{-webkit-box-flex:1;width:0;text-align:center; color:#999; cursor:pointer; font-size:11px;}
#footer_fixed i{font-size:18px; color:#666;}
#footer_fixed a{display:block; width:100%; height:100%; color:#999; font-size:11px;}
#footer_fixed p{position:absolute; display:inline;padding:0px 5px 0px 5px;background:#ffa940;color:#fff; border-radius:5px; font-size:10px; margin-top:-40px; margin-left:5px; font-size:11px;}
#footer_fixd img{ width:20px;}
#footer_fixed span{ display:block;}


#float_right{position:fixed;right:0px;bottom:10%;height:200px;width:50px;height:auto;z-index:999999999;}
#float_right li{margin-top:10px;width:50px;height:50px;background:#999999;text-align:center;cursor:pointer;}
#float_right i{margin-top:10px;font-size:30px; color:#FFF;}
#float_right .side_word{padding:5px 10px 5px 10px;width:30px;height:40px;background:#0094e7;color:#FFF;display:none;}
#float_right .side_word a{color:#FFF;}
#float_right .side_tel{position:absolute;top:10px;right:-150px;width:150px;height:50px;line-height:50px;background:#0094e7;color:#FFF; font-size:20px;}
#float_right .side_susp{position:absolute;right:50px; margin-top:-82px;width:135px;display:none;}
#float_right .side_susp .code_right{float:left;padding:5px;width:120px;background:#0094e7;}
#float_right .side_susp .code_right img{ width:100%;}
#float_right .side_susp .arrow_right{float:right;margin-top:55px;width:0;height:0;border-top:5px solid transparent; border-bottom: 5px solid transparent;border-left: 5px solid #0094e7;}

#float_right #frt{line-height:30px;background:#a0602d;color:#FFF;}
#float_right #frl{margin:auto;width:80px;padding:5px 0px 5px 0px;border-bottom:#ccc 1px solid; color:#a0602d;cursor:pointer;}
#float_right #frl #frwx{position:absolute;margin-left:-100px;margin-top:-15px;background:#ECDEDD; padding:5px; display:none;}
#float_right #frl #ftel{font-size:10px;}
#float_right #frb{cursor:pointer;}

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

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

@media screen and (min-width: 1400px) {
#welcome ul{width:90%;}
#he{width:90%;}
#navs{width:90%;}
#h_nav .h_class_list_show{width:90%;}
#footers #f_contents{width:90%;}
#footer #f_nav{width:90%;}
#footer #f_show{width:90%;}
}

@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:12px;}
a {font-size:12px;}
input,select{-webkit-appearance:none;}

#header{ display:none;}
#heclear{display:none;}
#nav{display:none;}


#welcome{height:30px;line-height:30px;}
#welcome ul{width:98%;}
#welcome #wel .scurr{display: inline;}
#welcome #wer span{display:none;}
#welcome #show_home{display:inline;}
#header{border-bottom:none;-moz-box-shadow: none;box-shadow:none;}
#he{width:100%; height:40px;}
#logo{margin-top:5px;width:100%;text-align:center;}
#logo img{ height:30px;}
#h_nav{ display:none;}

#search{position:absolute;top:50px;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;}
#heclear{height:70px;}

#hsearch{display:block; margin:10px;background:#e7e7e7; height:auto; overflow:hidden; border-radius:5px;}
#hsearch .search_txt{padding:0px; border:0;width:100%;height:36px; text-indent:5px;line-height:38px;border:0px; background:#e7e7e7;color:#999; }
#hsearch #search_submit{ display:inline-block;vertical-align:middle;cursor:pointer; color:#000; line-height:40px; height:40px; width:40px;text-align:center; margin-left:-40px;}

#footer{ margin-bottom:50px;}
#footer #f_show_bg{ display:none;}
#footer #f_nav{ display:none;}
#footer #f_navs{ display:none;}
#f_txt img{width:98%;}

#footer_fixed{ visibility:visible;}
#float_right{right:2px;bottom:10%;width:30px; display:none;}


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