/*mobile top*/
.m-header{
    background:#fff url(../images/topbg.png) center center no-repeat;
	overflow: hidden;
	
}
.m-header a{
	color: #FFFFFF;
    width: 100%;
    height: 100%;
    display: block;
}
.m-header .m-top{
	padding: 7px 1px;
}
.m-header .m-top .logo{
	width:55px;height:55px; float:left;margin-right:5px;
}
.m-header .m-top .webname{ margin-top:3px; line-height:30px; font-size:24px; font-family:"Microsoft Yahei"; font-weight:800; color:#018bd4;}
.m-header .m-top .webname2{ line-height:20px; font-size:14px; letter-spacing:1px; font-family:"Microsoft Yahei"; font-weight:400; color:#555; padding-left:2px;}
.m-header .m-freephone .up{
	margin:0px;
}
.m-header .m-freephone .up img{
	float:left; display:block;
	height:30px;
}
.m-header .m-freephone .up span{
	float:left; display:block;margin-top: 10px;
    margin-left: 2px;height:20px;
}
.m-header .m-freephone .down{
	color: #FF6600!important;;
	font-weight:bold;
	letter-spacing: 2px;
}
.m-header .m-nav{
background-color:#0068b7;
}
.m-header .m-nav>div{
	padding-left:1px; padding-right:1px; font-size:16px; color:#FFFFFF;    text-align: center;     margin:12px 0px;
	line-height: 25px;
}
.m-header .m-nav>div:not(:last-child){
	border-right:1px solid #00a0e9;
}
.m-header .navbar-toggle{
    margin: 0;
    padding: 0;
    right: calc(50% - 11px);
	height: 25px;
}
.col-xs-6{ float:left;width:50%;}

.pageHeader{position:absolute; top:0; left:0; width:100%; height:44px;line-height:44px;  color:#fff; background: #00bf49; z-index:99; }
.pageHeader h1{ font-size:18px; text-align:center; font-weight:normal }
.selectAdd{width:100px;height:16px; padding:14px 0;position:absolute;left:.71428em;top:0;color:#fff}
.selectAdd span{display:inline-block;height:100%; padding-right:5px; line-height:16px; vertical-align:top; font-size:14px;}
.selectAdd s{width:16px;height:16px; background:url(/img/index/addArrow.png) center no-repeat; background-size:10px auto; display:inline-block; vertical-align:top}
.indexLogin{width:2.8571em;height:100%; background:url(/img/index/headerIcon.png) center no-repeat; background-size:16px auto; position:absolute;top:0;right:0;}
.sliderBanner{height:auto;overflow:hidden; position:relative}
.sliderBanner a, .sliderBanner a img{display:block}
.indexSlider{ overflow:hidden; position:relative}
.index_slidebox_btn{position:absolute;width:100%;height:.2em;bottom:0;left:0}
.index_slidebox_btn ul{display:-webkit-box;height:100%; background: rgba(51,51,51,0.5);overflow:hidden} 
.index_slidebox_btn ul li{height:100%; -webkit-box-flex:1}
.index_slidebox_btn ul li.active{background:#65c201}
.indexSearch{height:2em; width:20em; line-height:2em; position:absolute; bottom:1em;left:50%;margin-left:-10em; border:.21428em solid rgba(0,0,0,0.1); border-radius:11em;overflow:hidden;}
.indexSearch p{height:100%;background:#fff; font-size:.85714em; text-align:center}
.indexSearch p s{display:inline-block; width:.9em;height:100%; margin-right:10px; background:url(/img/index/searchIcon.png) center no-repeat; background-size:contain; vertical-align:top}
.indexSearch p span{display:inline-block;vertical-align:top}
.itemAll{padding:.71428em 0; margin-bottom:.72em; overflow:hidden; position:relative; background:#fff; border-bottom:1px solid #e5e5e5}
.itemList li{ display:block;}
.itemList li a{width:25%;height:5.4285em;float:left; box-sizing:border-box; position:relative; text-align:center}
.itemList li a em{display:block;height:3.14em;}
.itemList li a.cncnIcon_1 em{background:url(/img/index/cncnIcon_1.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_2 em{background:url(/img/index/cncnIcon_2.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_3 em{background:url(/img/index/cncnIcon_3.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_4 em{background:url(/img/index/cncnIcon_4.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_5 em{background:url(/img/index/cncnIcon_5.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_6 em{background:url(/img/index/cncnIcon_6.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_7 em{background:url(/img/index/cncnIcon_7.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_8 em{background:url(/img/index/cncnIcon_8.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_9 em{background:url(/img/index/cncnIcon_9.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_10 em{background:url(/img/index/cncnIcon_10.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_11 em{background:url(/img/index/cncnIcon_11.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_12 em{background:url(/img/index/cncnIcon_12.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_13 em{background:url(/img/index/cncnIcon_13.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_14 em{background:url(/img/index/cncnIcon_14.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_15 em{background:url(/img/index/cncnIcon_15.png) center no-repeat; background-size:contain}
.itemList li a.cncnIcon_16 em{background:url(/img/index/cncnIcon_16.png) center no-repeat; background-size:contain}
.itemList li a span{display:block;line-height:2rem;  font-size:1em; color:#333}
.nowActive{position:absolute;top:0;left:0;width:100%;}
.nowActive i{padding:.08em .3em; border:1px solid #3498db; color:#3498db; border-radius:1.5em; font-size:.64285em; white-space:nowrap; display:inline-block; background:#fff}
.nowActive s{position:absolute;bottom:-3px; left:50%; margin-left:-.9em; width:0;height:0; border:5px solid; border-color:#fff transparent transparent transparent; border-bottom:none}
.itemPointer{height:.6em;width:100%;position:absolute;left:0; bottom: .7em; text-align:center; display:none}
.itemPointer li{height:100%;width:.6em;border-radius:.3em;margin:0 .4em; display:inline-block; background:#cccccc;overflow:hidden; text-indent:99999px;vertical-align: top;}
.itemPointer li.active{background:#65c201}
.allActive{height:10em; border:1px solid #e5e5e5; border-right:none;border-left:none; background:#fff; margin-bottom:.72em}
.allActive li{padding:.72em; box-sizing:border-box;}
.allActive li a{display:block; height:100%}
.allActive li a h2{font-size:1.071em; line-height:1.2em;padding-bottom:0.3em; font-weight:normal; }
.allActive li a p{font-size:.71428em; color:#999;}
.allActive li:nth-child(1){width:42%;height:100%;border-right:1px solid #e5e5e5; }
.allActive li:nth-child(2){width:58%;height:46%; border-bottom:1px solid #e5e5e5;float:left}
.allActive li:nth-child(3){width:29%;height:54%; border-right:1px solid #e5e5e5; float:left}
.allActive li:nth-child(4){width:29%;height:54%; border-right:1px solid #e5e5e5; float:left}
.allActive li:nth-child(1) a h2{color:#e74c3c}
.allActive li:nth-child(2) a h2{color:#f39c12}
.allActive li:nth-child(3) a h2{color:#18b4ed}
.allActive li:nth-child(4) a h2{color:#2ecc71}
.allContent{border:1px solid #e5e5e5; border-width:1px 0 1px 0; background:#fff; overflow:hidden; margin:0px 1% 20px 1%;width:98%;}
.adindex{width:98%;margin-bottom:20px;margin:0px 1% 20px 1%;}
.adindex img{width:100%;}
.contentType{display:-webkit-box;}
.contentType li{height:3.3em; -webkit-box-flex:3; text-align:center; line-height:3.3em;border-bottom:1px solid #e5e5e5;font-size:1.1428em; box-sizing:border-box}
.contentType li.on{border-bottom:2px solid #65c201; color:#65c201}
.contentList{padding-left:.71em; margin-bottom:.71em}
.contentList li{padding:1.5em 0; border-top:1px solid #e5e5e5;}
.contentList li:first-child{ border-top:0;}
.contentList li a{display:-webkit-box}
.contentList.grid-mode + .contentType{
    margin-bottom: 10px;
}
.contentList.grid-mode {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom:0;
}

.contentList.grid-mode li {
    width: 49%;
    float: none;   
    background: #fff;
    padding: 0;
    overflow: hidden;
}
.contentList.grid-mode li:nth-child(-n+2) {
    margin-top: 20px;
}
.contentList.grid-mode li a{
     display: flex;
    flex-direction: column; /* 内容纵向排列 */
}

.contentList.grid-mode li .contentPic {
    position: relative;
    width: 100%;
    height: 0;       
    padding-bottom: 100%;
    overflow: hidden;
}
.contentList.grid-mode li .contentPic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保证图片不变形被裁切填充 */
}

.contentList.grid-mode li .contentText {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.contentList.grid-mode li .contentText p{
    margin-bottom: 0;
    line-height: 1.3;
}

.contentList.grid-mode li .contentText .contentPrice {
    display: none;
}

.contentType {
    position: relative; 
}

/* 修复后的切换按钮样式 */
.layout-toggle {
    position: absolute;
    right: 15px;         /* 距离右侧的边距 */
    top: 50%;            /* 垂直方向居中 */
    transform: translateY(-50%); /* 修正垂直居中的偏移量 */
    padding: 4px 12px;   /* 上下 4px，左右 12px 的内边距 */
    font-size: 13px;     /* 字体大小 */
    color: #666;         /* 字体颜色 */
    background-color: #fff; /* 背景色 */
    border: 1px solid #ddd; /* 细边框 */
    border-radius: 20px; /* 圆角，让它看起来像个胶囊按钮 */
    line-height: normal; /* 重置行高，防止被父元素拉长 */
    height: auto;        /* 高度自适应内容 */
    cursor: pointer;     /* 鼠标移上去显示小手 */
    z-index: 10;         /* 确保在最上层，可点击 */
}

/* 鼠标悬停时的效果（可选） */
.layout-toggle:hover {
    color: #333;
    border-color: #bbb;
    background-color: #f9f9f9;
}

.contentPic{width:8em;height:6em;margin-right: 1em; display:block;border-radius: 3px; overflow:hidden; position:relative}
.contentPic em{position:absolute;top:.5em;left:.5em;font-size:.714em;padding:0 .3em; line-height:1rem; background:rgba(0,0,0,.5);color:#fff; border-radius:2px;}
.contentPic img{display:block}
.contentText{-webkit-box-flex:1;padding-right:.71em; box-sizing:border-box}
.contentText p{overflow:hidden;text-overflow: ellipsis;display: block; line-height:1.6em; color:#333; font-size:16px; margin-bottom:10px;}
.contentText p .icon_gg{ display:inline-block; margin:-1px 1px 0 0; padding:0 1px; line-height:16px; vertical-align:middle; color:#fff; font-size:12px; border-radius:2px; background:#9da3ab; }

.jdPic{width:100%;padding: 1em; display:block;border-radius: 3px; overflow:hidden; box-sizing:border-box}
.jdPic img{display:block;width:100%;}
.jdText{width:100%;padding:0px 1em 1em 1em; display:block; box-sizing:border-box; position:relative; height:2em; line-height:2em; color:#333; font-size:1.1428em; margin-bottom:10px;  }
.jdText span{display:block; position:absolute; text-align:right;right:1em; top:0px;color:#f60}

.contZl{padding: .4em 0; }
.contZl em{font-size:0.825em;color:#888; display:inline-block;line-height:1.5rem;  border:1px solid #fa0; padding:0 .5em;margin-right:.3em; box-sizing:border-box;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.contentText span{font-size:12px;color:#888;float: right;display: flex;align-items: center;}
.contentPrice{color:#f60; font-size:1.0em; line-height:1.8rem; display:inline-block}
.contentPrice font{font-size:1.6em; font-family:Arial; font-weight:bold}
.allMore{ display:block; margin:15px 10px; border:#e4e4e4 solid 1px; border-radius:30px; color:#666666; text-align:center; height:2.6em; line-height:2.6em; font-size:0.9em}

.icon_nao{ background:url(../../img/wuyi/naozhong.png) no-repeat; background-size:100% 100%; width:1.07rem; height:1.1rem; display:inline-block; vertical-align:top; margin:0.1rem 0.2rem;}
.icon_right{ background:url(../../img/wuyi/rightzhi.png) no-repeat; width:0.572rem; height:0.9rem; display:inline-block;background-size:100% 100%; margin:0.1rem 0 0 0.2rem;}
.miaosha{ background:#fff; border:#e4e4e4 solid 1px; border-width:1px 0 1px 0; margin-bottom:0.72rem; padding:0.72rem 0;}
.miaosha .top{font-size:1rem; font-style:italic; font-weight:bold; color:#f0293e; padding:0 0.72rem;}
.miaosha .top a{ float:right; font-weight:normal; font-style:initial; color:#fff; background:#f0293e; padding:0.1rem 0.5rem; border-radius:2rem; font-size:0.9rem;}
.miaosha .list{ overflow:hidden; clear:both;overflow-x:auto;}
.miaosha .list img{ width:8.64rem; height:5.76rem; display:block;border-radius:3px 3px 0 0;}
.miaosha .list .th{ display:none;}
.miaosha .list .a{ overflow:hidden; position:relative; padding-top:0.5rem; width:75.5rem; height:9.4rem;}
.miaosha .list a{ float:left; width:8.64rem; margin-left:0.72rem;}
.miaosha .list .con{ border:#e4e4e4 solid 1px; border-top:0; border-radius:0 0 3px 3px; padding:0 0.4rem; overflow:hidden; height:3.5rem;}
.miaosha .list .t{color:#333; font-size:0.792rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1.4rem;}
.miaosha .list .jindu,.miaosha .list .time_go{ display:none;}
.miaosha .list .left{ float:left;}
.miaosha .list .left font{ display:block; font-size:0.72rem; color:#999; text-decoration:line-through; line-height:0.72rem;}
.miaosha .list .left span{ color:#ff6600; line-height:1rem;}
.miaosha .list .left span b{ font-size:1.296rem;}
.miaosha .list .right{ float:right; width:3.6rem; background:#ff5d62; color:#fff; height:1.7rem; line-height:1.7rem; text-align:center; font-size:0.8rem;}
.miaosha .list .city{ position:absolute; font-size:0.72rem; color:#fff; background:rgba(0,0,0,0.6); height:1.15rem; line-height:1.15rem; padding:0 0.4rem; margin-top:4.62rem;}

.clear,.cf{clear:both;}
.filter{box-shadow:0 1px 3px #ddd;background-color:#fff;border:1px solid #dedede;padding:0 10px}
.filt-item{border-bottom:1px solid #dfdfdf; clear:both}
.filt-item.end{border:none}
.filt-item dt{line-height:24px;padding:10px 0px 0px 0px}
.filt-item dd{line-height:24px;padding:10px 0}
.filt-item dt{float:left;color:#626262;font-size:15px;position:relative;z-index:1;padding-left:45px;text-align:right;padding-right:3px}
.filt-item dt i{position:absolute;width:35px;height:35px;left:0px;top:5px;background:url(/images/search_ico24.png) no-repeat 0 -4px}
.filt-item dd{width:auto;font-size:14px;float:left}
.filt-item dd .sea-sup li,.filt-item dd .sea-sub li{float:left;margin-right:5px}
.filt-item dd .sea-sup li a,.filt-item dd .sea-sub li a{float:left;padding:0 8px; color:#333}
.filt-item dd .sea-sup li a.on,.filt-item dd .sea-sub li a.on{border-radius:3px;color:#fff;background-color:#093}
.filt-item dd .sea-sub{margin-top:6px;padding:5px 0;background-color:#f0f0f0}
.filt-time dd{line-height:28px;padding:8px 0}
.filt-date{height:18px;line-height:18px;padding:4px 5px;width:150px;border:1px solid #ddd;border-radius:2px;font-size:13px;color:#666;float:left;margin-right:10px}
#TimeBut{height:28px;padding:0 16px;border-radius:3px;cursor:pointer;color:#fff;line-height:28px;float:left;font-size:15px}

.filt-item dt i.item-2{background-position:0 -50px}
.filt-item dt i.item-3{background-position:0 -161px}
.filt-item dt i.item-4{background-position:0 -219px}
.filt-item dt i.item-5{background-position:5px -270px}
.filt-item dt i.item-6{background-position:5px -315px}
.filt-item dt i.item-7{background-position:-3px -98px}

.product-detail .contents .summary .box .box-list h1,.clude{ line-height:30px; background-color:#f5f5f5; padding:0px 10px; font-size:18px; font-weight:bold;color:#F60; margin:10px auto;}
.product-detail .contents .summary .box .box-list em{ line-height:20px; height:20px; padding:5px 10px; margin:3px; color:#fff; border:solid 0px #999;
background-color:#093;
-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  display:inline-block;
  white-space:nowrap;
}
.lxrenshu{ width:150px; float:left;}

.teamUl{margin-top:0px;}
.teamUl li{ background:#fff; margin:15px auto; width:95%; background-color:#f9f9f9; padding:15px; border:solid 1px #ddd;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}
.teamUl li.nor{ }
.teamUl li img{width:100%;}
.teamUl li p{padding:10px 20px 0;margin:0;font-size:16px;color:#555}
.teamUlTitle{padding:20px 20px 10px 20px;font-size:18px; color:#333;border-bottom:solid 1px #ddd}
.teamUlTag{padding:0 0 0 20px;}
.teamUlTag span,.teamUlTag a{ border-radius:100px;height:30px;padding:0 15px;line-height:30px; display:inline-block;border:1px solid #666;margin-right:5px;color:#666; text-decoration:none;font-size:12px;}
.teamUlTag a:hover{border:1px solid #f60;color:#f60;}

.total{padding: .71428em 0;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;}
.total .cw{ width:100%; display:none; padding:10px 0px 20px 0px; font-family:Microsoft Yahei; font-size:1.4em; text-align:center; font-weight:800; color:#090;letter-spacing:2px;}
.total .cw span{color:#f88030}
.total ul{width:98%; margin:0px auto; padding:0px;}
.total ul li{
	width:33.333%; 
	float:left; 
	overflow:hidden; 
	line-height:20px; 
	text-align:center;
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box;
	box-sizing: border-box; 
	border-right:solid 2px #eee;
	font-size:.85714em;
	}
.total ul li.lb{background:url("../images/lb.png") 10px center no-repeat;}	
.total ul li.lc{border-right:0px; background:url("../images/lc.png") 10px center no-repeat;}
.total ul li span{ font-size:2.2em; font-weight:600; display:block; color:#f88030}
.total ul li.la span{color:#000}
.total ul li.la b{color:#f88030;font-size:2em;font-weight:800;font-family:Microsoft Yahei;}

@media screen and (min-width:320px){
.total .cw{ width:100%; display:block; padding:5px 0px 10px 0px;}
.total ul li span{font-size:1.8em;}
.total ul li{padding-left:20px;font-size:.7142em;}
.total ul li.la{padding-left:0px;}
.total ul li.lb{background:url("../images/lb2.png") 5px center no-repeat;}	
.total ul li.lc{border-right:0px; background:url("../images/lc2.png") 5px center no-repeat;}	
}
@media screen and (min-width:360px){
	
}
@media screen and (min-width:400px){
.total ul li.lb{background:url("../images/lb2.png") 10px center no-repeat;}	
.total ul li.lc{border-right:0px; background:url("../images/lc2.png") 10px center no-repeat;}		
}


#cbinfo {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: .2rem .3rem 1rem .3rem;
    background: white;
	margin-bottom:10px;
	border-bottom: 1px solid #e5e5e5;
}
#cbinfo h2.inh2{
    color: #083;
    font-size: 1.3rem;
	text-align:center;
	font-weight:600
}
#cbinfo h2.inh2 i{
    color: #f90;
	font-style:normal;
}

#cbinfo .sub-line {
    width: 98%;
    height: 2px;
    margin: .8rem auto;
    background-color: #083;
    position: relative;
    text-align: center;
}
#cbinfo .sub-line:before {
    content: '';
    width: 5px;
    height: 2px;
    position: absolute;
    left: 5%;
    background: #083;
}
#cbinfo .sub-line span {
    display: inline-block;
    background: white;
    color: #083;
    transform: translateY(-8px);
    padding: 0 .5rem;
}
#cbinfo .sub-line:after {
    content: '';
    width: 5px;
    height: 2px;
    position: absolute;
    right: 5%;
    background: #083;
}
#cbinfo ul {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
	 padding-top:5px;
	
}
#cbinfo li {
    width: 33.3333%;
    text-align: center;
    position: relative;
    color: #81511c;
}
#cbinfo li a {
    color: #81511c;
}
#cbinfo li a .menu-icon {
    width: 39px;
    height: 39px;
    margin: 0 auto;
}
#cbinfo li a .menu-icon img{
    width: 100%;
}
.contact-box{
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    padding: 10px;
}