@charset "utf-8";
/* CSS Document */

/*分类*/
.nav .cate{ display:block !important; box-shadow:none;}

/*banner*/
.ibanner{ height:443px; overflow:hidden; position:relative; box-shadow:0 0 10px 3px rgba(185,191,200,0.2);}
.ibanner .bd{ position:relative; width:696px; height:100%; z-index:0; margin:0 0 0 242px;}
.ibanner .bd ul{ display:block;}
.ibanner .bd ul li a,
.ibanner .bd ul li a img{ display:block; width:100%; height:443px;}
.ibanner .hd{ overflow:hidden; position:absolute; left:50%; bottom:20px; transform:translateX(-50%); z-index:1;}
.ibanner .hd ul{ display:block; height:8px; text-align:center; overflow:hidden; zoom:1;}
.ibanner .hd ul li{ display:inline-block; vertical-align:top; width:8px; height:8px; line-height:99; background:#fff; overflow:hidden; border-radius:4px; opacity:0.75; cursor:pointer; margin:0 4px;}
.ibanner .hd ul li.on{ width:52px; opacity:1;}

/*工具块*/
.tools{ width:262px; height:443px; background:#fff; overflow:hidden; position:absolute; right:0; top:0; z-index:3;}
.tools .user{ line-height:1; overflow:hidden; padding:36px 32px 28px;}
.tools .user img{ display:block; width:64px; height:64px; border-radius:50%; float:left; box-shadow:0 0 5px rgba(237,227,227,0.85); margin:0 20px 0 0;}
.tools .user em{ display:block; color:#333; font-size:16px; overflow:hidden; margin:14px 0 0;}
.tools .user span{ display:block; color:#666; font-size:14px; overflow:hidden; margin:10px 0 0;}
.tools p{ display:block; text-align:center; padding:0 0 48px;}
.tools p a{ display:inline-block; vertical-align:top; width:92px; line-height:36px; color:#d81e06; font-size:14px; border:1px solid #d81e06; border-radius:10px; margin:0 2px;}
.tools a.log{ color:#fff; background:#d81e06;}
.tools .code{ text-align:center;}
.tools .code img{ display:block; height:142px; margin:0 auto;}
.tools .code span{ display:block; line-height:1; color:#666; font-size:14px; padding:12px 0 0;}

.main{ width:100%; background:url(../images/icons/main_bg.jpg) center no-repeat; background-size:cover;}
.main .content{ width:1200px; margin:0 auto; position:relative;}

.ibox{ background:#fff url(../images/icons/bg0.jpg) center bottom no-repeat; background-size:100% auto; padding:0 28px; border-radius:24px; overflow:hidden; box-shadow:0 0 10px 3px rgba(185,191,200,0.2); margin:28px 0 0;}
.ibox h2{ display:block; line-height:110px; color:#333; font-size:28px; overflow:hidden; padding-left:44px;}
.ibox h2 font{ font-size:14px; font-weight:normal; margin:0 0 0 2em;}
.ibox h2 a{ display:block; font-size:16px; font-weight:normal; float:right;}
.ibox h2 a:hover{ color:#d81e06; text-decoration:underline;}

.box1 h2{ background:url(../images/icons/ico_fire.png) left center no-repeat;}
/*
.box1 ul{ display:block; overflow:hidden; margin:0 -9px; padding:0 0 40px;}
.box1 ul li{ display:block; width:20%; float:left;}
.box1 ul li a{ display:block; margin:0 9px;}
.box1 ul li a img{ display:block; width:100%; height:162px;}
.box1 ul li a span{ display:block; line-height:2; color:#333; font-size:16px; text-align:center; padding:12px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box1 ul li a:hover span{ color:#d81e06;}
.box1 ul li b.price{ display:block; line-height:38px; color:#d81e06; font-size:18px; text-align:center;}
*/
.box1 .hot{ overflow:hidden; padding:0 0 40px;}
.box1 .hot .swiper-button-prev,
.box1 .hot .swiper-button-next,
.box1 .hot .swiper-pagination{ display:none;}
.box1 .hot .swiper-wrapper{ transition-timing-function:linear;}
.box1 .hot .swiper-slide a{ display:block;}
.box1 .hot .swiper-slide a img{ display:block; width:100%; height:162px;}
.box1 .hot .swiper-slide a span{ display:block; line-height:2; color:#333; font-size:16px; text-align:center; padding:12px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box1 .hot .swiper-slide a:hover span{ color:#d81e06;}
.box1 .hot .swiper-slide b.price{ display:block; line-height:38px; color:#d81e06; font-size:18px; text-align:center;}

.box2 h2{ background:url(../images/icons/ico_you.png) left center no-repeat;}
.box2 h2 a{ display:none;}
.box2 h2 em{ display:block; font-size:16px; font-weight:normal; float:right; padding:35px 0; margin:0 16px 0 0;}
.box2 h2 em span{ display:block; width:6.5em; line-height:2.375; text-align:center; border:1px solid #ddd; border-radius:6px; float:left; margin:0 1em 0 0; cursor:pointer; user-select:none;}
.box2 h2 em span.cur{ color:#fff; background:#d81e06; border-color:#d81e06;}
.box2 ul.list{ display:none; font-size:16px; overflow:hidden; margin:0 -14px; padding:0 0 10px;}
.box2 ul.list li{ display:block; width:25%; box-sizing:border-box; padding:0 14px 28px; float:left;}
.box2 ul.list li a.pic{ display:block; overflow:hidden;}
.box2 ul.list li a.pic img{ display:block; width:100%; height:202px;}
.box2 ul.list li b.price{ display:block; line-height:1.45; color:#d81e06; font-size:1.375em; padding:0.65em 0 0; color:#999; font-weight:normal; font-size:1.175em; padding:0;}
.box2 ul.list li a.title{ display:block; line-height:2.25; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; padding:0.375em 0 0; font-size:1.125em;}
.box2 ul.list li a.title:hover{ color:#d81e06;}
.box2 ul.list li p{ display:block; line-height:2; color:#999; font-size:0.875em; overflow:hidden;}
.box2 ul.list li p span{ display:block; float:left; margin-right:1em;}
.box2 ul.list li p span img{ display:block; height:20px; float:left; margin:4px 6px 0 0;}
.box2 ul.list li a.comp{ display:block; line-height:2.5; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box2 ul.list li a.comp:hover{ color:#d81e06;}

.main .ads{ overflow:hidden; margin:28px 0 0;}
.main .ads a{ display:block; width:calc(20% - 12.8px); margin:0 0 0 16px; float:left;}
.main .ads a:first-child{ margin:0;}
.main .ads a:only-child{ width:100%;}
.main .ads a img{ display:block; width:100%;}

.box3 h2{ background:url(../images/icons/ico_news.png) left center no-repeat;}
.box3 dl{ display:block; font-size:16px; overflow:hidden;}
.box3 dl dt{ display:block; width:574px; float:left; margin:0 28px 40px 0;}
.box3 dl dt a{ display:block; position:relative;}
.box3 dl dt a img{ display:block; width:100%;}
.box3 dl dt a span{ display:block; width:100%; box-sizing:border-box; line-height:3.625; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.5); padding:0 1em; position:absolute; left:0; bottom:0; z-index:2;}
.box3 dl dd{ display:block; overflow:hidden;}
.box3 dl dd p.tab{ display:block; line-height:2.5em; color:#333; overflow:hidden; border-bottom:1px solid #ddd;}
.box3 dl dd p.tab a{ display:none; float:right;}
.box3 dl dd p.tab a:hover{ color:#d81e06;}
.box3 dl dd p.tab em{ display:block; padding:0 1em; float:left; cursor:pointer; user-select:none; margin:0 1em 0 0;}
.box3 dl dd p.tab em.cur{ color:#fff; background:#d81e06;}
.box3 dl ul{ display:none; overflow:hidden; padding:10px 0 0;}
.box3 dl ul li{ display:block; line-height:2.875; overflow:hidden;}
.box3 dl ul li::before{ content:''; display:block; width:6px; height:6px; background:#d81e06; border-radius:50%; float:left; margin:1.5em 0.625em -1.5em 0; transform:translateY(-50%);}
.box3 dl ul li a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box3 dl ul li a:hover{ color:#d81e06;}
.box3 dl ul li span{ display:block; color:#666; float:right; margin-left:10%;}

.box4{ margin-bottom:48px;}
.box4 h2{ background:url(../images/icons/ico_hammer.png) left center no-repeat;}
.box4 p.tab{ display:block; width:292px; height:284px; font-size:14px; overflow:hidden; background:#f2f2f2; box-sizing:border-box; padding:1px 0; float:left; margin:0 14px 48px 0;}
.box4 p.tab a{ display:block; line-height:47px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-left:4px solid #f2f2f2; padding:0 22px; cursor:pointer; user-select:none;}
.box4 p.tab a em{ display:block; width:4.5em; float:left; margin:0 0.25em 0 0;}
.box4 p.tab a.cur{ background:#fff; border-color:#d81e06;}
.box4 .tbox{ display:none; font-size:16px; overflow:hidden;}
.box4 .tbox a.pic{ display:block; overflow:hidden; float:left; margin-right:24px;}
.box4 .tbox a.pic img{ display:block; width:372px; height:284px;}
.box4 .tbox a.comp{ display:block; line-height:2; color:#333; font-size:1.375em; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box4 .tbox p{ display:block; line-height:1.875; color:#666; overflow:hidden;}
.box4 .tbox h5.cmt{ line-height:2; color:#d81e06; font-size:1.375em; overflow:hidden; padding-left:2em; background:url(../images/icons/ico_info.png) left center no-repeat; margin:10px 0 0;}
.box4 .tbox .txt{ line-height:1.875; color:#666;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}












/**/