@font-face{
    font-family:"ProductSan";
    src:url('../fonts/zrht.TTF');
}

@font-face{
    font-family:"EnFontAlibaba";
    src:url('../fonts/albb.ttf');
}
html, body {
    height: 100%; /* 使 html 和 body 的高度为 100% */
    margin: 0; /* 去掉默认的外边距 */
}

.footers {
    margin-top: auto; /* 将底部推到最底部 */
    background-color: #f1f1f1; /* 设置底部背景颜色 */
    text-align: center; /* 文本居中 */
    padding: 10px 0; /* 设置内边距 */
}
*{ margin:0; padding:0;  font-family: 'Microsoft YaHei';}
body{margin:0; padding:0; font-family: "Microsoft YaHei UI,Microsoft YaHei"; overflow-x: hidden; font-size:12px!important; background:#F5F5F5;
    display: flex;
    flex-direction: column; /* 垂直排列 */}
/**{ margin:0; padding:0;  font-family: 'Microsoft YaHei';}
body{margin:0; padding:0; font-family: "Microsoft YaHei UI,Microsoft YaHei"; overflow-x: hidden; font-size:12px!important; background:#F5F5F5; }*/
img{ border: none; vertical-align:bottom;}
ul,li{ list-style: none;}
i{ font-style: normal;}
a,a:hover{ text-decoration: none;}
video,img{ outline: none;}
.clear{clear:both; width:100%; height:0; line-height:0; overflow: hidden; }
input{ outline: none; border:none;}

.header{ width:100%; height:39px; background:#333333}
.headTop{ width:1444px; height:39px; margin:0 auto; }
.headTop ul .firstLi{ float:left; width: 280px;}
.headTop ul .firstLi a{  float:left; width:85px; height:39px; line-height:39px; text-align:left; font-size:16px; color:#fff;}
.headTop ul .lastLi{ float:right; width:600px; margin-top:12px; }
.headTop ul .lastLi dl{ float:left; height:15px; line-height:15px;  padding:0 15px; border-right:1px solid #b0b0b0}
.headTop ul .lastLi dl:last-child{ border-right:none;}
.headTop ul .lastLi dl a,.headTop ul .lastLi a{ color:#b0b0b0;}
.headTop ul .lastLi dl:first-child a{ padding:0 5px;}

.headBox{ width:100%; height:135px; background:#ffffff;}
.headBody{ width:1444px; height:135px; margin:0 auto; }
.headBody .logo{ margin-top:25px; margin-bottom:20px; display: block; float:left; }

/* .serachDiv{ width:752px; height:38px; margin-top:50px; float:right; background:#fff;border: 2px solid #FFA813;}
.serachDiv .ser-box{    float: left;    width: 684px;    height: 38px;}
.serachDiv .ser-box input{width: 660px;margin-left: 12px;height: 38px;line-height: 38px;font-size: 18px;color: #333333;}
.serachDiv button{float: right;width: 68px;height: 38px;line-height: 38px;text-align: center;background-color: #FFA813;border: none;font-size: 18px;color: #fff;cursor: pointer;} */

.serachDiv{ width:640px; height:80px; margin-top:30px; float:right; background:#fff;}
.serachMain{ width:638px; height:48px; border:1px solid #DDDDDD; background:#ffffff;display: flex;}
.serachMain li{ float:left; width:103px; height:48px; line-height:48px; cursor: pointer; border-right:1px solid #DDDDDD; color:#999999; background:#F6F6F6; text-align:center; position:relative; z-index: 9;}
.serachMain li img{ width:6px; height:6px;  position:absolute; top:20px; right:20px;}
.serachMain li:nth-child(4) img{ width:6px; height:6px;  position:absolute; top:20px; right:10px;}
.serachMain li select{ width:85%; height:48px; margin:0 auto; border:none; background:none; outline: none;}
.serachMain li dl{ width:103px; height:48px; line-height:48px; cursor: pointer; margin-left:-1px; background:#F6F6F6; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;}
.serachMain li dl:first-child{ border-top:1px solid #DDDDDD;}
.serachMain li dl:hover{ background:#fff;}

.serachMain dl{ border-right:none; background:#fff;flex:1;display: flex;}
.serachMain dl input{ flex: 1; height:48px; float:left; line-height:48px; text-indent: 1rem; position:relative}
.serachMain dl img{ width: 28px; height:28px; z-index: 5; top:10px; right:10px; position:relative;}
.serachTag{ margin-top: 6px;}
.serachTag a{ float:left; padding:5px 13px; position:relative; color:#999999;}
.serachTag a.active{ color:#ff0000!important;}
.serachTag a img{ position:absolute; top:0px;}
.serachTag a:hover{ text-decoration:underline;}

.serachHideDiv { position:relative; z-index: 9; background:#fff; display: none;  left:-111px; top:10px; width:748px; height:auto; border:2px solid #ff5b01}
.serachHideDiv .serDiv{ display: none;}
.serachHideDiv .active{ display: block;}
.serDiv .arrow {position: absolute; top: -10px; display: block; width: 0;  height: 0;  border-color: transparent;  border-style: solid; border-width: 10px; border-top-width: 0; border-bottom-color: #ff6008; z-index: 10;}

.serDiv .close { position:absolute; z-index: 20; cursor: pointer; right:10px; top:5px; margin-top: 5px; font-size: 20px;  line-height:20px!important; filter: alpha(opacity=100); opacity: 1; color: #a0a0a0; font-weight: 400;}
.shBox{ width:100%; height:auto; }
.shBox .shTr{ width:100%; height:60px; }
.shBox .shTr .shTrSerach{ float:left; position:relative}
.shBox .shTr .shTrSerach input{ margin:10px 0 10px 10px; width:200px; height:30px; line-height:30px; text-indent: 10px; float:left; border:1px solid #e0e0e0}
.shBox .shTr .shTrSerach img{ position:absolute; right:5px; top:15px; width:20px; height:20px;}

.shBox .shTr span.stTag{ width:auto; height:30px; line-height:30px; margin:10px 10px 10px 0px; float:left;}
.shBox .shTr span.stTag dd{ padding:0 10px; float:left;}
.shBox .shTr span.stit{ height:30px; line-height:30px; margin:10px 10px; display: block; float:left;}
.serDiv .arrow:after {position: absolute; top: 2px; left: -9px; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 9px; border-top-width: 0; content: " ";
    border-bottom-color: #fff;}

.serDiv .shReEnBox{  width:100%; height:auto; line-height:30px; margin-bottom:10px;}
.serDiv .shReEnBox .rTag{ height:40px; line-height:40px;  background:#f2f2f2}
.serDiv .shReEnBox .rTag span{ height:30px; line-height:30px; padding:0 15px; border-right:1px solid #e3e3e3; cursor: pointer;}
.serDiv .shReEnBox .rTag span:first-child{ border:none;}
.serDiv .shReEnBox .rTag span:hover,.serDiv .shReEnBox .rTag span.act{ color:#ff6000; text-decoration: underline;}
.rBodyList{padding-top: 10px;}
.rBodyList dl{
    width: 20%;
    float: left;
    text-indent: 1.5rem;
    position: relative;
    cursor: pointer;
   }

/* 流程 */
.lcDiv{float: right;margin-top: 28px;}
.lcDiv ul{
    width: 495px;
    height: 48px;
    position: relative;
}
.lcDiv ul li{
    width: 70px;
    float: left;
    position: relative;
    z-index: 9;
    margin-right: 64px;
    text-align: center;
}
.lcDiv ul li:first-child{    margin-left: 15px;}
.lcDiv ul li:last-child{    margin-right: 0;}

.lcDiv ul li .lc-num{
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    background-color: #E5E5E5;
    color: #B0B0B0;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.lcDiv ul::after{
    content: "";
    height: 5px;
    width: 420px;
    background-color: #E5E5E5;
    position: absolute;
    left: 40px;
    top: 9px;
    z-index: 1;
}
.lcDiv ul .act-lc .lc-num::after{
    content: "";
    height: 5px;
    width: 120px;
    background-color: #E5E5E5;
    position: absolute;
    left: -110px;
    top: 9px;
    z-index: 1;
    background-color: #FE5454;
}
.lcDiv ul .act-lc .lc-num{color: #fff;background-color: #FE5454;}
.lcDiv ul li:first-child  .lc-num::after{display: none !important;}
.lc-text{margin-top: 6px;}




.btBoxT{ width:100%; height:84px; background:url('../img/btBlue.png') no-repeat center #3389E4;}
.btBoxT ul{ width:1444px; height:84px; margin:0 auto;}

.btBoxT ul li{ width:25%; height:84px; float:left; text-align:center;}
.btBoxT ul li:last-child{ background:none;}
.btBoxT ul li span{display: block; width: 240px; text-align: left; line-height:20px!important; margin:23px auto; color:#fff; font-size:19px;} 
.btBoxT ul li span em{ font-style: normal; line-height:20px!important; font-size:12px;}
.btBoxT ul li span img{ float:left; margin-right:10px; margin-top:-10px;}


.btBoxM{ width:100%; height:219px; background:#fff; }
.btBoxMDiv{ width:1444px; height:auto; margin:0 auto;}
.btBoxMDiv .menu{ width:939px; height:219px; background:url('../img/bline.png') no-repeat right; float:left;}
.btBoxMDiv .menu li{ width:20%; float:left;}
.btBoxMDiv .menu li .menuOne{ width:90px; height:40px; line-height:38px; font-size:14px; font-weight: 600; margin-top:15px; margin-bottom: 5px; color:#808080;}
.btBoxMDiv .menu li .menuOne em{ width:40px; height:2px; line-height:2px; display: block; background:#3389E4;}
.btBoxMDiv .menu li a{ width:90px; line-height:20px; display: block; color:#A9A9A9}
.btBoxMDiv .menu li a:hover{ color:#ff5b01; text-decoration: underline;}
.btBoxMDiv .Us{ width:305px; height:219px; float:right;}
.btBoxMDiv .Us .tel{ font-weight: 600; font-size: 24px; margin-top:20px; color:#ff5b01;font-family: ProductSan;}
.btBoxMDiv .Us dl{ width:100%; text-align:center; margin:15px auto;}
.btBoxMDiv .Us .hfont{color:#999999}
.btBoxMDiv .Us .kkbox span{ width:128px; height:28px; line-height:28px; display: block; border:1px solid #ff5b01; background:#fff; color:#ff5b01; margin:0 auto; cursor: pointer; }
.btBoxMDiv .Us .kkbox span img{ position:relative; top:0px;}


.btBoxB{ width:100%; height:105px; background:#F5F5F5}
.btBoxBDiv{ width:1444px; height:105px; margin:0 auto; }
.btBoxBDiv .btMenu{ width:770px; float:left;}
.btBoxBDiv .btMenu .btnNav{ width:100%; height:20px; margin-top:30px;}
.btBoxBDiv .btMenu  a{padding:0 10px; border-right:1px solid #A9A9A9; color:#A9A9A9; display: block; float:left;}
.btBoxBDiv .btMenu .btnNav a:first-child{ padding-left:0px;}
.btBoxBDiv .btMenu .copyDiv{ width:100%; height:20px; color:#A9A9A9;}


.iconDiv { width:460px; float:right; margin-top:40px;}
.iconDiv span{ float:right; margin-right:5px;}
/* -------------------------------------------------------------- */
@keyframes opaDiv {
    0% { opacity: 0;}
    100% { opacity: 1;} 
}

@-webkit-keyframes opaDiv /* Safari 与 Chrome */
{
    0% { opacity: 0;}
    100% { opacity: 1;} 
}

@keyframes hoverImg
{
    from {transform: scale(1)}
    to {transform: scale(1.2)}
}
@-webkit-keyframes hoverImg /* Safari 与 Chrome */
{
    from {transform: scale(1)}
    to {transform: scale(1.2)}
}

@keyframes hoverImgSmall1
{
    from {transform: scale(1.2)}
    to {transform: scale(1)}
}
@-webkit-keyframes hoverImgSmall1 /* Safari 与 Chrome */
{
    from {transform: scale(1.2)}
    to {transform: scale(1)}
}


/* 浮动客服 */
.nfleftMenu{ width:87px; height:auto; border: 1px solid #ff5454; background:#ff5454; position:fixed; bottom:15%; right:1%; border-radius: 3px;z-index: 9999;}
.top-img{ position:absolute; top:-50px;}
.nfleftMenu ul{width:82px; height:auto; margin:2px auto 0px;}
.nfleftMenu ul>li{ height:87px; border-bottom: 1px dashed #ff5454; text-align: center; cursor: pointer;color:#787878; line-height:50px; background:#fff;}
.nfleftMenu ul li:first-child{ border-radius: 5px 5px 0px 0px;}
.nfleftMenu ul li:first-child:hover .nfloatewm{ display: block; animation: floatShowDiv .3s forwards;}
.nfleftMenu ul>li:hover{ background:#ffeeee; color:#ff5454!important}
.nfleftMenu ul li dl{ display: block; position:relative; top:23px;  margin:0px auto 10px; background:url('../img/iconList.png') no-repeat; width:21px; height:20px!important; background-position: -4px 0px!important; }
.nfleftMenu ul li:hover dl{ background-position-x: -34px!important;}
.nfleftMenu ul li:last-child{ border-radius: 0px 0px 3px 3px; border-bottom: none; }
.nfleftMenu ul li.carBtn{ position:relative;}
.nfleftMenu ul li.carBtn span{ width:18px; height:18px; line-height:18px; border:2px solid #fff; top:15px; right:15px; color:#fff; font-size:16px; position:absolute; border-radius: 50%; margin:0 auto; background:red; }
.nfleftMenu .ani{
    animation: hoverImgSmall1 .2s;
} 

.nfloatbtMenu{ height:36px; background:#ff5454; text-align: center; color:#fff; cursor: pointer;}
.nfloatbtMenu dl:first-child svg{ font-weight: 700!important; margin:0 auto;}

.nfloatewm{ width:160px; height:180px; border:1px solid #ff5454; position:relative; left:-175px; top:-70px; background:#fff; line-height:18px!important; border-radius: 3px; display: none;}
.nfloatewm .kfwechat{padding-top:5px!important; margin-bottom:5px!important; }
.nfloatewm .kefu10{ position:absolute; right:-12px; top:40px;}

@keyframes floatShowDiv
{
    from { opacity: 0.1;  left: -100px; }
    to {  opacity: 1;  left: -172px; }
}
@-webkit-keyframes floatShowDiv /* Safari 与 Chrome */
{
    from { opacity: 0.1;  left: -100px; }
    to {  opacity: 1;  left: -172px; }
}

.redfont{ color:red!important;}
/* 公用列表页样式 */
/* 商品列表 标题行样式 */
.listBodyBox{ width:1440px; height:auto; margin: 0 auto; border:1px solid #ebebeb;}
.listBodyBox>li:first-child{ width:100%; height:40px!important; line-height:40px!important; background:#f8f8f8; border-bottom:1px solid #ebebeb; color:#929292; }
.listBodyBox li{ width:1441px; height:122px; line-height:122px; margin:0 auto; display: flex;  text-align:center; border-bottom:1px solid #ebebeb; }
.listBodyBox li:hover{ background:#f8f8f8; cursor: pointer;}
.listBodyBox>li:first-child .zj,.listBodyBox>li:first-child .dj{ font-size:12px; font-weight: 500; color:#929292}


/* 商品介绍 */
.listBodyBox li .spjs{ width:325px; position:relative; margin-left:7px;}
.spjs .picImg{ width:82px; height:82px; margin-top:20px; margin-left:6px; background:#2c2d31; float:left; position:relative; text-align:center;display:flex;justify-content: center;
    align-items: center;}
.spjs .picImg img{ vertical-align: top;  max-width:82px; max-height:82px;}
.spjs .art{ width:180px; height:82px; margin-left:90px; margin-top:20px;}
.spjs .art dl:first-child{ height:35px; line-height:35px; color:#000000;}
.spjs .art dl{ width:210px; height:25px; line-height:25px; text-align: left; float:left; margin-left:15px;    white-space:nowrap; text-overflow:ellipsis; overflow: hidden; cursor: pointer; position: relative; color:#a9a9a9;}


/* 商品介绍经过浮动图片箭头 */
.spjs .jtDiv{ width:20px; height: 20px; position: relative; z-index: 10; top:-50px; float:right; right:-120px; display: none; }
.spjs:hover .jtDiv{ display: block!important;}
.jtDiv img{ width:20px; height: 22px; position: absolute; left:-5px;}
/* 商品介绍浮动图片内容 */
/* .spjs .hideDiv{ position:relative;  z-index: 10;  width: auto; height:auto; border:3px solid  #ff6008; background:#fff; text-align: center; float:right; top:-200px; right:-110px; display: none; box-shadow: 0px 0px 10px #a5a5a5;left: auto;} */
/*.spjs .hideDiv {position: relative;z-index: 10;width: auto;height: auto;float: right;top: -85px;left: auto;right: -20px;display: none;}*/
.spjs .hideDiv img{ margin:5px 5px!important; cursor: pointer;}
.spjs:hover .hideDiv{ display: block!important;}

/* 商品列表 （时间） */
.listBodyBox li .sj{ width:168px;}
/* 商品列表 （库存） */
.listBodyBox li .kc{ width:128px;}
/* 商品列表 （总价） */
.listBodyBox li .zj{ width:135px; color:#f36b15; font-size: 16px; font-weight: 600;}
/* 商品列表 （单价） */
.listBodyBox li .dj{ width:148px; color:#f36b15; font-size: 16px; font-weight: 600;}

/* 卖家信息 */
.listBodyBox li .mjxx{ width:236px;}
.mjxx dl:first-child{ margin-top:45px;}
.mjxx dl{ overflow: hidden; height:30px; line-height:30px; color:#878787; display: block; white-space:nowrap; text-overflow:ellipsis;}
.mjxx dl img{ width:25px; height:25px; position: relative; top:-2px; border-radius: 50%; margin-right:7px;}
.mjxx dl.xy img{ width: 19px !important;; height: 15px !important;; position: relative; top:-0px; border-radius: 50%; margin-right:0px;}

/* 操作 */
.listBodyBox li .cz{ width:290px;}
.cz a,.cz .gwcBtn,.cz .ljgmBtn{  cursor: pointer; padding:0 15px; margin-top:48px; background:#fff; border:1px solid #fe5454; color:#fe5454; display: block; float:left; margin-right:5px; border-radius: 3px;}
.cz a{height:33px; line-height:33px;}
.cz .gwcBtn, .cz .ljgmBtn{height:35px; line-height:35px;}
.cz .gwcBtn{ padding:0 5px!important;}
.cz .ljgmBtn{ padding:0 25px!important; background:#fe5454; color:#fff; margin-right:0!important;}
.cz a:hover{ color:#ebebeb; background:#fe5454;}
.cz a.ljgmBtn:hover{ background:#fff; color:#fe5454}

.hr{
    width: 100%;
    height: 2px;
    background-color: #FF5B01;
    box-shadow: RGBA(255, 102, 0, .42) 0 2px 4px 0;
    margin-bottom: 22px;
}

.nfloatewm .kfwechat {width: 150px;height: 150px;}