html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  outline: 0;
}
div {
  margin: 0 auto;
}
body {
  margin: 0 auto;
  font-family: "Helvetica Neue", Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', Arial,sans-serif;
  font-size:14px;
  color: #242424;
  background: #fff;
}
ul,li{ list-style:none;}
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  font-family: 'Century Gothic', "Helvetica Neue", Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', Arial, sans-serif;
}
h1,h2,h3{font-weight: normal;}

.fl{float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: block; clear: both;}

a{
  text-decoration: none;
  color:#000;
}
.wcenter{ width: 990px; margin: 0 auto; }
/*头部*/
.head{ background:#fff; }
.head .apptip{ height: 50px; line-height: 50px; font-size: 16px; color:#fff; text-align: center; background: #242424 }
.head .apptip a{ margin-left:15px; padding:3px 15px; background: #5d5757; color: #fff; }
.head .logo_ct{ padding:25px 0 20px; }
.head .logo_ct .logo{ margin-right: 35px; }
.head .logo_ct .txt{ font-size: 16px; padding-left:10px; padding-top:12px; }
.head .logo_ct .change a{ float: left; display: block; margin-right: 15px; text-align: center; color: #424242; line-height: 34px; border-radius:20px; width: 80px; height: 34px; border:1px solid #424242;}
.head .logo_ct .change a.on{ background: #424242; color: #fff; }

/*底部*/
.foot .foot_con1{ background: #5d5757; color: #fff; padding:30px 0; }
.foot .foot_con1 .foot_link{ width:468px; margin-right: 30px; }
.foot_con1 .ftitle{ text-align: center; }
.foot_con1 .ftitle h2{ font-size: 20px; font-weight: bold;}
.foot_con1 .ftitle .weblink{ line-height: 30px; }
.foot_con1 .ftitle .weblink span{ position: relative; }
.foot_con1 .ftitle .weblink span:before,.foot_con1 .ftitle .weblink span:after{ position: absolute; content: ''; width: 22px; height: 1px; background: #fff; top:9px; }
.foot_con1 .ftitle .weblink span:before{ left:-28px; }
.foot_con1 .ftitle .weblink span:after{ right:-28px; }

.foot_con1 .wuliu a span,.foot_con1 .wuliu .ico,.right_nav .tel_title span i,.right_nav .ol_kefu span i,.right_nav .wei_ico,.right_nav .gotop{ background: url(img/common_ico.png) no-repeat;}
.foot_con1 .help_link ul{ float: left; width:20%; text-align: center; line-height: 24px; }
.foot_con1 .help_link ul a{ color: #fff; }
.foot_con1 .help_link ul a:hover{ text-decoration: underline; color: #f3e5a7; }
.foot_con1 .foot_code{ padding-top:10px; }
.foot_con1 .foot_code p{ text-align: center; padding-top:5px;}
.foot_con1 .foot_contact{ margin-right:20px; width:320px; padding-top:30px; line-height: 25px; }
.foot_con1 .wuliu1{ padding-top:10px;}
.foot_con1 .wuliu{ margin-bottom: 10px; }
.foot_con1 .wuliu .ico{ float: left; width: 26px; height: 18px; margin-top:5px; margin-right: 8px; }
.foot_con1 .wuliu .ico.jp{ background-position: 0 -21px;  }
.foot_con1 .wuliu a{ float: right; display: block; padding:0 10px; height: 25px; margin-right: 22px; border:1px solid #fff; color: #fff; text-align: center; }
.foot_con1 .wuliu a span{ padding-right: 20px; background-position: 65px -58px;  }

.right_nav{ position: fixed; left:50%; margin-left:500px; top:20%; width: 108px; background-color: #fff; overflow: hidden; font-size: 14px; text-align: center; border:1px solid #424242; border-radius:8px; }
.right_nav .tel{ padding:18px 0 10px; }
.right_nav .tel_title span{ position: relative; font-weight: bold; padding-left:18px;}
.right_nav .tel_title span i{ position: absolute; left: 0; top:2px; width: 15px; height: 15px; background-position: -36px 0; }
.right_nav .ol_kefu{ display: block; height: 29px; line-height: 28px; color: #fff; margin:0 8px 15px; border-radius:15px; background: linear-gradient(#767676, #363636); }
.right_nav .ol_kefu:hover{background: linear-gradient(#363636,#767676);}
.right_nav .ol_kefu span{ position: relative; padding-left:15px; }
.right_nav .ol_kefu span i{ position: absolute; left: 0; top:4px; width: 11px; height: 11px; background-position: -59px 0;}
.right_nav .wei_ico{ width: 37px; height: 31px; margin: 0 auto 5px; background-position: -63px -18px; }
.right_nav .kefu_code{ padding:10px 0 5px; }
.right_nav .kefu_name{ padding-bottom: 5px; }
.right_nav .gotop{ display: block; height:30px; background-position:-35px -59px;}
.right_nav .gotop:hover{ background-color:#f8f8f8;  }

.foot_con2 { padding: 20px 0 15px; }
.foot_con2 .payment_title { font-size: 14px; text-align: center;}
.foot_con2 .payment_wrap { width: 472px; margin: 13px auto 0; }
.foot_con2 .payment_wrap li { float: left;}
.foot_con2 .payment_wrap li i {display: block; width: 118px; height: 44px; background: url('img/payment.jpg') no-repeat;}
.foot_con2 .payment_wrap .wx i { background-position: 0 0;}
.foot_con2 .payment_wrap .wx i { background-position: -118px 0;}
.foot_con2 .payment_wrap .visa i { background-position: -236px 0;}
.foot_con2 .payment_wrap .delivery i { background-position: -354px 0;}
.foot_con3 { border-top: 1px solid #e5e5e5;padding: 30px 0 70px; }
.foot_con3 p { text-align: center; color: #999999; font-size: 14px; }

.tanw .tanw_view .close{ background:url(img/index/index_ico.png) no-repeat;}
.tanw{ display: none; }
.tanw .tanwbg{ position: fixed; z-index: 1000; top:0; left: 0; width: 100%; height: 100%; background: #000; opacity:0.5; }
.tanw .tanw_view{ position: fixed; z-index: 2000; top:20%; left: 0; right:0; margin: 0 auto; width:637px; height: 356px; background: #fff; }
.tanw .tanw_view .close{ position: absolute; display: block; right:0; top:-24px; width: 22px; height: 22px; background-position: 6px -256px; }