﻿@charset "utf-8";
/* CSS Document */
/* CSS Document */
*{ margin:0; padding:0;/*box-sizing: border-box;*/}
li{ list-style:none;}
img{ border:0;}
em,i{ font-style:normal}
h1,h2,h3{ font-weight:normal}
input,textarea,button,select{ color:#777; outline:none; border:0; font-family:微软雅黑, Microsoft YaHei, \5FAE\8F6F\96C5\9ED1}
button{ background:none; cursor:pointer;}
input::-webkit-input-placeholder{color:#777;}
input::-moz-placeholder{color:#777;}
input:-moz-placeholder{color:#777;}
input:-ms-input-placeholder{color:#777;}
a{ text-decoration:none; color:#666;}
/*a:hover,.red{ color:#f33033}*/
.bold{ font-weight:bold; }
body{font-family:microsoft yahei; color:#777; font-size:14px; background:#f4f4f4}
.bgwhite{ background:#fff;}
.height10{ height:10px;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
.f12{ font-size:12px;}
.pd0{ padding:0;}
.border0{ border:0;}
.mt0{ margin-top:0;}
.ml10{ margin-left:10px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.wrapper{ width:1200px; margin:auto}
.more{ color:#666;}
.more:hover{color:#f33033}
.bg{background:#fff;}
.bd5{ border-radius:5px;}
.border{ border:1px solid #ddd; box-sizing:border-box;;}
 
.yanbg{background:#f33033;background:-webkit-linear-gradient(to bottom,#fd5964,#f32b2d); background: linear-gradient(to bottom,#fd5964,#f33033); }
/*头部*/
/*顶部悬浮*/
/*.zhuti{ padding-top:180px;}
.topcon{z-index: 99;position: fixed;top: 0;left: 0;width: 100%;box-shadow: 0 3px 10px 0 rgba(115,115,115,.06);}*/
.hdtop{ background:#fff; border-bottom: 1px solid #eee;height:40px;line-height:40px;color:#888;}
.hdtop p a{ margin:0 3px; color:#888}
.hdtop p a:hover{color:#f33033}
.hdtop .hdhelp{ margin:0 0 0 0px; background: url(../images/img23-pulldown.png) no-repeat 72px center;height:40px;line-height:40px;  padding:0 25px 0 10px; width:auto; box-sizing:border-box; position:relative; cursor:pointer;border:1px solid #fff; border-bottom:0;border-top:0;}
.hdtop .hdhelp:hover{background-color:#fff; border:1px solid #ddd; border-bottom:0;border-top:0;}
.hdtop .hdhelp ul{ display:none; padding:5px 0; border:1px solid #ddd; }
.hdtop .hdhelp:hover ul{ display:block; position:absolute; top:100%; left:-1px; width:130px; background:#fff; z-index:4  }
.hdtop .hdhelp ul li{ text-indent:15px; line-height:26px;}
.hdbot{ background:#fff; padding:20px 0 20px; height:90px; width:100%; min-width: 1200px; box-sizing:border-box}
.hdbot .logo{ margin:5px 0 0 0}
.search-box {float:left;width:620px;height:46px;background:#fff;padding-left:0px;display:inline; border:2px solid #f33033; border-radius:12px; position:relative; margin:0 0 0 150px }
.search-box .search-type { width:610px;margin:0px;line-height:46px;height:46px;}
.search-box .search-type a {text-decoration:none;cursor:pointer;}
.search-box .search-type input {float:left; background:#fff }
input:-internal-autofill-selected{ background:#fff}
.search-box .search-type {background:#fff  url(../images/img23-arr_bt.png) no-repeat right center;border:0; height:46px; margin:0px 0 0 10px; width:95px; color:#666; padding-left:9px;float:left;position:relative;border-radius:8px 0 0 8px; z-index:3 }
.search-box .search-part {left:0px;top:100%;width:94px;padding:3px 0px 5px;background:#fff ; position:absolute; height:auto;zoom:1; z-index:0; border:1px solid #eee;border-top:0; border-radius:0 0 8px 8px; }
.search-box .search-part ul{overflow:hidden;}
.search-box .search-part ul li{height:30px; line-height:30px;padding-left:10px;width:100%; box-sizing:border-box;  display:inline-block; cursor:pointer; }
.search-box .search-part li:hover{ color:#f33033;}
.search-box .search-text {border:0;width:360px;float:left;height:44px;color:#999;line-height:46px;padding-left:5px;margin-top:2px;font-size:14px;outline:none;}
.search-box .search-btn { border:0;width:100px;height:50px;cursor:pointer; color:#fff; font-size:16px; line-height:50px; position:absolute; right:-2px; top:-2px; border-radius:0 8px 8px 0}
.hdcart{ border:2px solid #f33033; line-height:40px; border-radius:30px;height: 40px; margin:3px 0 0 0; position:relative;background:url(../images/img23_cart.png) no-repeat 20px center; padding:0 40px 0 48px}
.hdcart .red{ color:#f33033}
.hdcart p{ line-height:40px; }
.hdcart em{ position:absolute; top:2px; background:#f33033; line-height:12px; padding:2px 5px; border-radius:7px; font-size:12px; color:#fff; margin-left:2px; display:inline-block; }
.hdcart em a{ color:#fff;}
/*导航*/
.menubig{ background:#fff; height:50px;min-width: 1200px; width:100%}
.menu-sub{width:auto!important;height:50px; position:relative;z-index:2; }
#menulist li{float:left;  width:150px; height:50px;position:relative;text-align:center;line-height:50px; font-size:18px;}
#menulist li a:link, #menulist li a:visited{color:#666; _color:#666;  }
#menulist li ul{display:none;position:absolute;z-index:999999;background:#fff; border-bottom:none;width:150px; overflow:hidden;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); padding:5px 0; border-radius:0 0 10px 10px}
#menulist li ul li{display:block; float:none;height:35px; font-size:14px;position:relative;line-height:30px; overflow:hidden; color:#666;}
#menulist li.menumoon{ width:150px; height:50px;line-height:50px;background:#f33033; background:-webkit-linear-gradient(to bottom,#fd5964,#f32b2d); background: linear-gradient(to bottom,#fd5964,#f33033); border-radius:10px 10px 0 0; cursor:pointer}
#menulist li.menumoon:first-child{ width:150px}


#menulist li.menumoon a{color:#fff;}
#menulist li.menumoon.lione a{color:#fff}
#menulist li.lione a{color:#f33033}

#menulist li.menumoon ul li a{color:#666}
#menulist li.menumoon.lione ul li a{color:#666}

#menulist li.menumoon ul{display:block;width:150px;_top:50px; _left:0; z-index:9999; }
#menulist li.menumoon ul a{display:block;height:35px;line-height:35px;width:100%; height:100%; margin:auto; font-weight:normal}
#menulist li.menumoon ul li:hover a{ color:#f33033}
#menulist li.menumoon ul a:hover{color:#fff;}


/*底部*/
.footerbox{ background:#1f1f24; overflow:hidden; padding:36px 0 0 0; margin:40px auto 0;min-width: 1200px; width:100%}
.footerbox .f-bot dl{ float:left; margin:0 100px 0 0}
.footerbox .f-bot dl dt{ font-size:16px;  margin-bottom:10px;}
.footerbox .f-bot dl dd{ line-height:34px;}
.footerbox .f-bot dl dt a{ color:rgba(255,255,255,.8)}
.footerbox .f-bot dl dd a{ color:rgba(255,255,255,.4)}
.footerbox .f-bot dl dd a:hover{color:rgba(255,255,255,.7)}
.footerbox .f-bot dl dt a:hover,.footerbox a:hover{color:rgba(255,255,255,.9)}
.footerbox .f-bot dl.lxwmbox{ margin:0; width:500px; box-sizing:border-box;border-left:1px solid rgba(255,255,255,.1); padding-left:100px;}
.footerbox .f-bot dl.lxwmbox .red{color:#f33033}
.footerbox .f-bot dl.lxwmbox .ewmbox{ float:left; width:100px; margin:8px 20px 0 0;}
.footerbox .f-bot dl.lxwmbox .ewmbox img{ width:100px; height:100px;}
.footerbox .f-bot dl.lxwmbox .botkf{ margin:15px 0 0 0}
.footerbox .f-bot dl.lxwmbox .botkf .qq{ display:inline-block; float:left; background:url(../images/img23-qqbg.png); width:115px; height:40px; text-indent:35px; line-height:38px; margin:0 10px 0 0; transition:all .4s}
.footerbox .f-bot dl.lxwmbox .botkf .qq:hover{ color:#fff;transform: translatey(-2px);}
.footerbox .f-flinks{ padding:15px 0 10px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1); overflow:hidden; margin:30px auto 0;}
.footerbox .f-flinks p{font-size:16px;  margin-bottom:15px;color:rgba(255,255,255,.8)}
.footerbox .f-flinks .linkbox a{float: left; display:inline-block;margin-right:30px;margin-bottom: 10px;}/*max-width: 110px;*/
.footerbox .f-flinks .linkbox a:hover{ color:#fff}
.footerbox .copyright-word{  text-align:left; padding:15px 0;color:rgba(255,255,255,.4); font-size:12px;}





/*右侧客服*/
.kfmenu-right{position: fixed;top: 0;right: 0;z-index: 222;width: 46px;height: 100%;padding-left: 45px;transition: all 0.3s;}
.kfmenu-right .kftitle{height:30px;line-height: 30px;padding: 0 10px;font-size: 14px;}
.kfmenu-list{width:46px;height: 100%;position: absolute;top: 0;right: 0;}
.kfmenu-bg{position: absolute;z-index: 1;width:46px;height:100%;background:rgba(0,0,0,1);opacity:0.6;}
.kfmenu-right-btns {position: absolute;top: 166px;left: 0;width: 46px;z-index: 9;}
.kfmenu-right-btns li {position: relative;float: right;width: 46px;margin-bottom: 20px;cursor: pointer;opacity: 1;transition: all 0.3s;}
.kfmenu-right-btns li.go-top{ height:46px;}
.kfmenu-right-btns li:hover{background:#f33033;background: -webkit-linear-gradient(to bottom,#fd5964,#f32b2d);background: linear-gradient(to bottom,#fd5964,#f33033);opacity: 1;}
/*.kfmenu-right-btns li div {position: absolute;top: 0;right: 0;overflow: hidden;width: 115px;z-index:1;}*/
.kfmenu-right-btns .cart_num{position: absolute;min-width: 18px;text-align: center;top:4px;right:4px;background: #f33033;line-height: 12px;padding: 2px 3px;border-radius: 7px;font-size: 12px;color: #fff;margin-left: 2px;display: inline-block; z-index:9999}

.kfmenu-right-btns .kftitle {float: left;overflow: hidden;color:#f33033;font-size: 14px;line-height: 32px;position: absolute;left: -130px;display:none;box-sizing:border-box}
.kfmenu-tel:hover .kftitle{display: block;width:130px;height:64px; padding:10px  0px; line-height:24px;text-align:center;background:#fff;border-radius:5px 0px 0px 5px;}

.kfmenu-right-btns .kftitle1 {float: left;color:#f33033;font-size: 14px;position: absolute;left: -130px;display:none;box-sizing:border-box}
.kfmenu-right-btns .kftitle1 a {color:#f33033;}

.kfmenu-right-btns .kftitle1 p {height:35px;line-height:35px;}
.kfmenu-right-btns .kftitle1 p:nth-child(1){margin-top:7px}
.kfmenu-ewm .kftitle{width:110px;height:110px;position: absolute;left: -110px;top:-23px; padding-left:8px; box-sizing:border-box}
.kfmenu-ewm .kftitle img{ margin:8px 0 0 0; width:94px; height:94px;}
.kfmenu-ewm:hover .kftitle{display: block;background:#fff;border-radius:5px 0px 0px 5px;padding-left:10px;} 
.kfmenu-right-btns .kf-icon {width: 46px;height: 64px;text-align: center;color: #fff;padding-top: 36px;font-size: 12px;display: inline-block;box-sizing: border-box;}
.kfmenu-right-btns li:nth-child(1),.kfmenu-right-btns li:nth-child(5){margin-bottom: 30px; padding-bottom:10px;}
.kfmenu-right-btns .kf-icon:after { content:""; background: url(../images/img23-right.png) no-repeat;position: absolute; top:10px; left:50%; margin-left:-11px; display:block; width:22px; height:22px;}
.kfmenu-right-btns li:nth-child(1) .kf-icon:after{ background-position:0 0}
.kfmenu-right-btns li:nth-child(2) .kf-icon:after{ background-position:-22px 0 }
.kfmenu-right-btns li:nth-child(3) .kf-icon:after{ background-position:-44px 0 }
.kfmenu-right-btns li:nth-child(4) .kf-icon:after{ background-position:-66px 0}
.kfmenu-right-btns li:nth-child(5) .kf-icon:after{ background-position:-88px 0}
.kfmenu-right-btns li:nth-child(6) .kf-icon:after{ background-position:-110px 0}
.kfmenu-right-btns li:nth-child(7) .kf-icon:after{ background-position:-132px 0}
.kfmenu-right-btns li:nth-child(2) .kf-icon:after{ top:15px;}
