@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  outline: none;
}
html {
  height: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: none;
  font-size: 87.5%;
}
body {
  font-family: 'Microsoft Yahei';
  font-size: 14px;
  background-color: #fff;
}
body {
  min-width: 1000px;
}
a {
  text-decoration: none;
  color: #1694c8;
}
a:hover {
  color: #f60;
}
input, select, textarea {
  font-family: 'Microsoft Yahei';
  resize: none;
  overflow: visible;
}
li {
  list-style: none;
}
input[type="button"], input[type="submit"], img {
  border: 0;
}
input[type="button"], input[type="submit"] {
  cursor: pointer;
}
a, input[type="button"], button, input[type="submit"], input[type="reset"]{
    -webkit-appearance:none;
}
input[type="text"], textarea{
  background-color:#fff;
}
.clear {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.wrapper {
  width: 1200px;
  margin: 0 auto;
}
body{
	min-width: 1220px;
}

.layout-wrap{
    width: 1200px;
    margin: 0 auto;
}
.layout-f-l{
	float: left;
}
.layout-f-r{
	float: right;
}
.clear {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.radius{
	border-radius: 5px;
}
a:hover{
	color: #f60;
}
textarea, .layui-textarea{
	resize: none;
}

.text-l{
    text-align: left !important;
}
.text-c{
    text-align: center !important;
}
.c-red{
	color: red;
}
.fs-14{
	font-size: 14px;
}
.msg{
	height: 35px;
}





/*商品列表*/
.product .layui-card {
  display: block;
  border: 1px solid #ccc;
}
.product .layui-card .item-pic {
  height: 290px;
  width: 100%;
}
.product .layui-card:hover {
  border-color: #f60;
}
.product .layui-card-body {
  line-height: 20px;
  border-bottom: 1px solid #eee;
  height: 42px;
}
.product .layui-card-header {
  border-bottom: 0;
  padding-right: 0;
  padding-left: 8px;
}
.product .price {
  font-size: 16px;
  color: #f60;
  margin-right: 5px;
}
.product .mktprice {
  font-size: 12px;
  color: #666666;
  text-decoration: line-through;
}
.product .addcart {
  border-left: 1px solid #eee;
  padding: 0 5px;
  cursor: pointer;
}
.product .addcart i {
  margin-right: 5px;
}
.product .addcart:hover {
  color: #f60;
}

/*分页*/
.page {
  text-align: center;
  margin-top: 20px;
}
.page .layui-laypage a:hover {
  color: #f60;
}
.page .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: #000;
}


.guide{
	margin: 15px auto;
}
.guide *{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
.guide .layui-breadcrumb a{
	max-width: 15em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*操作提示*/
.prompt .layui-card{
	margin-top: 30px;
	border: 1px solid #ddd;
	text-align: center;
}
.prompt .box {
  padding: 30px;
  font-size: 30px;
  text-align: center;
}
.prompt .layui-icon {
  font-size: 30px;
  margin-right: 10px;
}
.prompt .success .layui-icon {
  color: #5FB878;
}
.prompt .error .layui-icon {
  color: #D63E05;
}
.prompt .subText{
	font-size: 16px;
	margin-top: 10px;
	color: #999;
}

.layui-fixbar .layui-badge-dot{
	min-width: 10px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: -8px;
	top: -8px;
	font-size: 12px;
	width: auto;
	padding: 0 5px;
	border-radius: 50px;
}
.layui-fixbar li{
	border: 1px solid #ddd;
	color: #999;
	width: 34px;
	height: 34px;
	font-size: 20px;
	line-height: 34px;
}
.layui-fixbar .layui-fixbar-top{
	font-size: 34px;
}


/*0711修改*/
.productNew .productNew-L{
	width: 228px;
}
.productNew .productNew-R{
	width: 972px;
}
.productNew .product-item{
	height: 651px;
	background: #e2e2e2;
    position: relative;
}
.productNew .product-item img{
	width: 100%;
	height: 318px;
}
.productNew .itemlist{
	position: absolute;
    left: 24px;
    bottom: 30px;
}
.productNew .itemlist li{
    float: left;
    margin: 0 18px 13px 0;
    text-align: center;
}
.productNew .itemlist li a{
    font-size: 13px;
    color: #333;
}
.productNew .itemlist li a:hover{
	color: #f60;
}

.productNew .layui-card .item-pic{
	height: 210px;
}
.productNew .layui-card-body{
	padding: 10px;
}
.productNew .layui-card-header{
	padding-left: 3px;
}
.productNew .price{
	font-size: 15px;
}
.productNew .addcart{
	padding: 0 3px;
	font-size: 12px;
}
.productNew .addcart i{
	margin-right: 2px;
}

/*筛选条件*/
.filtrateList .content{
	margin-top: 20px;
}
.filtrateList ul{
	padding: 15px 0;
	border: 1px solid #ccc
}
.filtrateList ul li{
	float: left;
	width: 10%;
	text-align: center;
	line-height: 2;
	font-size: 13px
}

/*右侧客服悬浮窗*/
#floatDivBoxs{
	width: 95px;
	background:#fff;
	position:fixed;
	top:100px;
	right:0;
	z-index:999;
	border-radius: 0 0 0 10px;
}
#floatDivBoxs .floatDtt{
	width:100%;
	height: 34px;
	line-height: 34px;
	background:#77D295;
	color:#fff;
	font-size: 14px;
	text-indent: 18px;
	position:relative;
}
#floatDivBoxs .floatDqq{
	padding: 0 10px;
	border-radius: 0 0 0 10px;
}
#floatDivBoxs .floatDqq li{
	height: 34px;
	line-height: 34px;
	font-size: 12px;
	border-bottom:1px solid #e3e3e3;
}
#floatDivBoxs .floatDqq li:last-child{
	border-bottom: 0;
}
.floatShadow{
	background:#fff;
	box-shadow: -2px 0 3px rgba(0,0,0,0.1);
	border-radius: 0 0 0 10px;
	/* overflow: hidden; */
}
#rightArrow{
	width: 34px;
	height: 34px;
	background:#5fb878 url(../img/common/online_arrow2.png) no-repeat;
	position:fixed;
	top:100px;
	right:95px;
	z-index:999;
	border-radius: 50px 0 0 50px;
}
#rightArrow:hover{
	background-color:#54b670;
}
#rightArrow a{
	display:block;
	height: 34px;
}
#floatDivBoxs .floatDqq li img{
	width: 18px;
}
/*头部*/
.header{width:100%;min-width:1200px;}
.header>.head_top{height:40px;background: #E8E8E8;}
.header>.head_top>.head{padding-top: 12px;}
.header>.head_top>.head>.head_indexLink{float: left;color:#2D3236;font-size: 12px;padding-right:12px;/* border-right: 1px solid #595959; */height:15px;line-height: 15px;}
.header>.head_top>.head>a:hover{color:#0056b3;}
.header>.head_top>.head>.head_login{float: right;}
.header>.head_top>.head>.head_login>li{float:left;padding-right: 12px;border-right: 1px solid #595959;margin-right: 10px;height:15px;line-height: 15px;}
.header>.head_top>.head>.head_login>li>img{width:14px;height:14px;vertical-align: middle;}
.header>.head_top>.head>.head_login>li>a{color:#31312F;font-size: 12px;}
.header>.head_top>.head>.head_login>li>a:hover{color:#e83632;}

.header>.header_foot>a.logo{float: left;height:60px;margin-top: 24px;}
.header>.header_foot>a.logo>img{width:200px;height:60px;}
.header>.header_foot>.search_box{float: left;margin-top: 30px;margin-left: 140px;}
.header>.header_foot>.search_box>form{float:left;font-size: 12px;}
.header>.header_foot>.search_box>form>.search_text{border:2px solid #034390;}
.header>.header_foot>.search_box>form>.search_text>input.input_text{float:left;height:30px;width:474px;border: none;padding:4px 10px;box-sizing: border-box;}
.header>.header_foot>.search_box>form>.search_text>.input_btn{
    float: right;
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    cursor: pointer;
    background: #034390;
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.header>.header_foot>.search_box>form>.search_text>a.input_btn{float:right;font-size:18px;font-weight:700;color:#FFFFFF;cursor:pointer;background:#034390;width:70px;height:30px;text-align: center;text-align: center;line-height: 30px;}
.header>.header_foot>.search_box>form>.hotText{color:#333;height:12px;line-height: 12px;margin-right: 4px;margin-top: 8px;}

.header>.header_foot>.search_box>form>.hotText>div.hotTit,.header>.header_foot>.search_box>form>.hotText>ul.hotList,.header>.header_foot>.search_box>form>.hotText>ul.hotList>li{float: left;}
.header>.header_foot>.search_box>form>.hotText>ul.hotList{width:476px;}
.header>.header_foot>.search_box>form>.hotText>ul.hotList>li{margin-right: 6px;margin-bottom: 4px;}
.header>.header_foot>.search_box>form>.hotText>ul.hotList>li>a{color:#333;}
.header>.header_foot>.search_box>form>.hotText>ul.hotList>li>a:hover{color:#e83632;}

.header>.header_foot>.search_box>.car{float:left;width:126px;height:32px;line-height: 32px;background: #FFFFFF;margin-left: 130px;border:1px solid #03448C;text-align: center;}
.header>.header_foot>.search_box>.car>a{color:#fff;float:left;height:32px;width:126px;font-size: 12px;color:#333;cursor:pointer;}
.header>.header_foot>.search_box>.car>a:hover{color:#03448C;border:1px solid #03448C;height:30px;width:124px;line-height:30px;}
/*底部*/
.footer{width:100%;min-width:1200px;margin-top: 40px;background: #3a3a3a;padding:28px 0;}
.footer>.footerBox{font-size: 12px;padding-bottom: 14px;border-bottom:1px solid #FFFFFF;}
.footer>.footerBox .footer_l{float:left;}
.footer>.footerBox .footer_l>h3{font-size: 36px;margin-bottom: 15px;color:#FFFFFF;}
.footer>.footerBox .footer_l>ul{width:370px;}
.footer>.footerBox .footer_l>ul>li{line-height: 24px;font-size: 14px;color:#FFFFFF;}
.footer>.footerBox .footer_r{float: right;padding-right: 45px;padding-top: 43px;}
.footer>.footerBox .footer_r>.footer_list{float: left;margin-left: 58px;}
.footer>.footerBox .footer_r>.footer_list a{color:#FFFFFF;font-size: 14px;line-height: 24px;}
.footer>.footerBox .footer_r>.footer_list>div>a{font-size: 16px;}
.footer>.foot_link{margin-top: 13px;}
.footer>.foot_link>ul{float: left;}
.footer>.foot_link>ul>li{padding:0 13px;line-height: 20px;border-left:1px solid #FFFFFF;float: left;}
.footer>.foot_link>ul>li:first-child{border:0;}
.footer>.foot_link>ul>li>a{color:#FFFFFF;font-size: 14px;line-height: 20px;padding:0 13px;}
.footer>.foot_link>.firmInfo{/* float: left; */color:#FFFFFF;text-align: center;}
.footer>.foot_link>.firmInfo>a{color:#FFFFFF;}
/*nav*/
.nav{width:100%;min-width:1200px;margin-top: 16px;border-bottom: 1px solid #03448E;}
.nav>.navbar{position: relative;}
.nav>.navbar>.allClass{cursor:pointer;float:left;width:160px;background:#024490;color:#FFFFFF;padding-left:14px;box-sizing: border-box;height:40px;line-height: 40px;margin-right: 17px;}
.nav>.navbar>.allClass>i,.nav>.navbar>.allClass>span{float: left;font-size: 16px;font-weight: bold;}
.nav>.navbar>.allClass>span{margin-left: 8px;}
.nav>.navbar>ul,.nav>.navbar>ul>li{float:left;}
.nav>.navbar>ul>li{margin: 0 27px;height:40px;line-height: 40px;}
.nav>.navbar>ul>li>a{font-size: 20px;font-weight: 500;color:#333;}
.nav>.navbar>ul>li.hover>a,
.nav>.navbar>ul>li>a:hover{color:#f60;}
.nav>.navbar>.allClassMenuBox{position: absolute;top: 41px;left:0px;z-index: 9999;}
.nav>.navbar>.allClassMenuBox>.menuBox{display: none;float:left;box-shadow:1px 2px 5px #EEEEEE;background:#fff;width:1000px;min-height: 500px;z-index: 999;box-sizing: border-box;}
.nav>.navbar>.allClassMenuBox>.noBlock{display: none;}
.nav>.navbar>.allClassMenuBox>.overBlock{display:block;}
.nav>.navbar>.allClassMenuBox>.menuBox>.menu_l{float: left;width:750px;min-height: 480px;padding: 20px 20px 0; }
.nav>.navbar>.allClassMenuBox>.menuBox>.menu_l>li{margin-bottom: 10px;}
.nav>.navbar>.allClassMenuBox>.menuBox>.menu_l>li>a.tit{width:110px;float: left;color:#333;line-height: 22px;text-align: right;}
.nav>.navbar>.allClassMenuBox>.menuBox>.menu_l>li>a.tit>span{font-size: 14px;font-weight: bold;cursor: pointer;float: left;width: 90px;}
.nav>.navbar>.allClassMenuBox>.menuBox>.menu_l>li>a.tit>span:hover{color:#EA7098;}
.nav>.navbar>.allClassMenuBox>.menuBox>.menu_l>li>a.tit>i{font-style: normal;vertical-align: middle;float: right;width:20px;}

.nav>.navbar>.allClassMenuBox>.menuBox>.menu_l>li>.nav_list{float: right;width: 620px;margin-left: 20px;border-bottom: 1px dashed #ccc;padding-bottom: 10px;}
.nav>.navbar>.allClassMenuBox>.menuBox>.menu_l>li>.nav_list>a{float: left;height:22px;line-height: 22px;padding: 0 5px; color:#666;margin-bottom: 2px;cursor: pointer;}
.nav>.navbar>.allClassMenuBox>.menuBox>.menu_l>li>.nav_list>a:hover{color:#EA7098;}
.nav>.navbar>.allClassMenuBox>.menuBox>.menu_r{float: right;width:210px;min-height: 500px;background: #fff;}
.nav > .navbar > .allClassMenuBox > .menuBox > .menu_r>ul{padding-top:20px;}
.nav>.navbar>.allClassMenuBox>.menuBox>.menu_r>ul>li,.nav>.navbar>.allClassMenuBox>.menuBox>.menu_r>ul>li>a{float: left;}
.nav>.navbar>.allClassMenuBox>.menuBox>.menu_r>ul>li>a>img{    vertical-align: middle;max-width: 99px;max-height: 55px;width: auto;height: auto;}

.menuImgList{float: left;width:210px;min-height:500px;background: #0056B3;}
.nav>.navbar>.allClassMenuBox>.allClass_list{width:160px;background: #6C6E6B;min-height: 500px;float: left;}
.nav>.navbar>.allClassMenuBox>.allClass_list>li{height:31.2px;line-height: 31.2px;position: relative;color:#FFF;}
.nav>.navbar>.allClassMenuBox>.allClass_list>li>a{color:#FFFFFF;font-size: 14px;margin-left: 43px;}
.nav>.navbar>.allClassMenuBox>.allClass_list>li.over{background: #FFFFFF;}
.nav>.navbar>.allClassMenuBox>.allClass_list>li>a.overColor{color:#333;}
.nav>.navbar>.productList_allClassMenuBox>ul{background:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);display: block;width: 160px;min-height: 500px;float: left;}
.nav>.navbar>.productList_allClassMenuBox>.allClass_list{display:none;background:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)}
.nav>.navbar>.productList_allClassMenuBox>ul>li{height:31.2px;line-height: 31.2px;position: relative;color:#FFF;}
.nav>.navbar>.productList_allClassMenuBox>ul>li>a{color:#FFFFFF;font-size: 14px;margin-left: 43px;}
.nav>.navbar>.productList_allClassMenuBox>.otherOverBlock{display: block;}

.nav>.navbar>.indexMoreBtn{position:relative;float:left;height:40px;width:200px;text-align:center;line-height: 40px;font-size: 16px;cursor: pointer;}
.nav>.navbar>.indexMoreBtn>img{height:24px;vertical-align: middle;}
.nav>.navbar .moreDownList{width: 200px;background: #FFFFFF;position: absolute;top:41px;right:0;z-index:999;border:1px solid #D0D0D0;border-top:none;display: none;}
.nav>.navbar .moreDownList>ul>li{height:40px;line-height: 40px;text-align: center;}
.nav>.navbar .moreDownList>ul>li:hover{background: #F2F2F2;}
.nav>.navbar .moreDownList>ul>li>a{color:#333333;font-size: 14px;}