/*产品首页样式 THE*/
.ProductCatBox { margin-bottom:20px; display:flex;border: solid 1px #eee; border-radius:8px; overflow:hidden;}
.ProductCatAD { width:300px; position:relative;}
.ProductCatAD img { width:100%;}
.ProductCatAD strong { position:absolute; display:block; font-size:22px; top:30px; left:25px; box-sizing:border-box; width:80%;}
.ProductCatAD strong a { color:#111;font-weight:800;}
.ProductCatList { display:flex; flex:1; overflow:hidden; background:#fff; padding:30px;}
.ProductCatList dl { width:23.5%; margin-right:2%;}
.ProductCatList dl:nth-child(4n+4) { margin-right:0;}
.ProductCatList dl:nth-child(1n+5) { margin-top:2%;}
.ProductCatList dl dt { font-size:16px; margin-bottom:20px; font-weight:700;}
.ProductCatList dl dt a { color:#000;font-weight:800;} 
.ProductCatList dl dd { }
.ProductCatList dl dd a { display:block; line-height:2; font-size:14px; color:#666;}
.ProductCatList dl dd a:hover { color:#001a4e;text-decoration: underline;}
.ProductCatList dl dd a:last-child { color:#001a4e;}

.SellTitle { text-align:center;margin-bottom: 30px;}
.SellTitle strong { display: block;font-size: 26px;color: #000;text-align: center;font-weight:800;}
.SellIndexHot { }
.SellIndexHot ul { display:flex; flex-wrap:wrap; background:#fff; padding:30px 30px 10px 15px; border: solid 1px #eee;border-radius:8px; overflow:hidden; box-sizing:border-box;}
.SellIndexHot ul li { margin:0 0 20px 15px;}
.SellIndexHot ul li a { display:block; border:1px solid #ddd; border-radius:3px; line-height:32px; font-size:14px; padding:0 15px; background:#f5f7fa; color:#111; cursor:pointer;}
.SellIndexHot ul li:hover a { border:1px solid #001a4e; background:#001a4e; color:#fff;}

.SellIndexHot dl { display:flex; flex-wrap:wrap; background:#fff; border: solid 1px #eee;border-radius:8px; overflow:hidden;}
.SellIndexHot dl dd { padding:30px; width:50%; box-sizing:border-box;}
.SellIndexHot dl dd:nth-child(2) { border-left:1px solid #eee;}
.SellIndexHot dl dd strong { display:block; font-size:18px; color:#000;font-weight:800;}
.SellIndexHot dl dd p { font-size:14px; color:#666; margin:15px 0;}
.SellIndexHot dl dd a { display:inline-block; border:1px solid #ddd; border-radius:30px; line-height:32px; font-size:14px; padding:0 15px; color:#111; background:#f5f7fa; cursor:pointer;}
.SellIndexHot dl dd:nth-child(1) a { border:1px solid #4e6ef2;color:#4e6ef2; background:none;}
.SellIndexHot dl dd:nth-child(1) a i { margin-right:10px;}
.SellIndexHot dl dd:nth-child(1) a:hover { border:1px solid #4e6ef2;color:#fff; background:#4e6ef2;}
.SellIndexHot dl dd:nth-child(2) a:hover { border:1px solid #001a4e; background:#001a4e; color:#fff;}
/*产品首页样式 END*/

/*列表页样式 THE*/
.SellNumFound { margin-bottom:20px; font-size:14px;}
.SellNumFound b { font-size:20px; color:#111;}
.SellNumFound em { margin:0 10px; color:#f60; font-weight:700;}
.SellNumFound span { color:#999;}

.SellMainBox { display:flex;}
.SellMainBoxL { width:250px; margin-right:16px;}
.SellMainBoxL.on { position:relative;}
.SellMainBoxR { flex:1; overflow:hidden;min-height:1000px;}

.SellAllMenuBox { border:1px solid #eee; background:#fff; border-radius:8px; overflow:hidden;}
.SellAllMenuBox .SellAllMenu { padding:20px 20px;}
.SellAllMenuBox.on { position:fixed; top:95px; width:250px; box-sizing:border-box;max-height: 89.4vh;}
.SellMainBoxL.on .SellAllMenuBox.on { position:absolute; top:auto; bottom:0;}

.SellAllMenuBox.on .SellAllMenu { overflow-y: auto; max-height: 89.4vh;}

.SellAllMenu::-webkit-scrollbar { width: 4px; display:none;}
.SellAllMenu:hover::-webkit-scrollbar { display:block;}
.SellAllMenu::-webkit-scrollbar-track { background-color: #fff;}
.SellAllMenu::-webkit-scrollbar-thumb { background-color: #ddd; border-radius:8px;}

.SellAllMenuTit { display:flex; align-items: center;}
.SellAllMenuTit em { margin-right:8px;}
.SellAllMenuTit em i { display:block; width:16px; height:3px; background:#222; border-radius:1px;}
.SellAllMenuTit em i:nth-child(2) { width:12px; margin:3px 0;}
.SellAllMenuTit strong { font-size:19px;}

.SellAllMenu dl { margin-top:15px;}
.SellAllMenu dl dt { margin-bottom:6px;display:flex; align-items:center;border-bottom:#eee 1px solid;padding-bottom:10px}
.SellAllMenu dl dt strong { font-weight:800;font-size:16px; color:#333;}
.SellAllMenu dl dt strong:before{content:"";height:14px;width:4px;margin-top:3px;background:#333;float:left;margin-right: 5px;border-radius:2px}
.SellAllMenu dl dt i { margin-left:auto; transition:all .3s;}
.SellAllMenu dl dt.on i { transform: rotate(180deg);}
.SellAllMenu dl dd { }
.SellAllMenu dl dd p { display:block; line-height:30px; font-size:14px;}
.SellAllMenu dl dd p a { color:#666; display:inline-block;}
.SellAllMenu dl dd p a:hover { text-decoration: underline;}
.SellAllMenu dl dd p i { color:#999; font-size:13px;}

.SellListHot ul { display:flex; flex-wrap:wrap; background:#fff; padding:15px 15px 5px 0; border: solid 1px #eee; border-radius:8px; overflow:hidden; box-sizing:border-box;}
.SellListHot ul li { margin:0 0 10px 15px;}
.SellListHot ul li a { display:block; border:1px solid #ddd; border-radius:3px; line-height:32px; font-size:14px; padding:0 15px; background:#f5f7fa; color:#111; cursor:pointer;}
.SellListHot ul li:hover a { border:1px solid #001a4e; background:#001a4e; color:#fff;}

.SellListBox { background:#fff; padding:20px; border: solid 1px #eee; border-radius:8px;}

.SellList { }
.SellList ul { }
.SellList ul li { display:flex;}
.SellList ul li:nth-child(1n+2) { margin-top:20px;}
.SellList ul li .image { width:260px;border: solid 1px #eee; border-radius:8px; overflow:hidden;}
.SellList ul li .image img { width:100%;}
.SellList ul li .text { margin:0 1vw; flex:1; overflow:hidden;}
.SellList ul li .text strong { font-size:18px; line-height:1.4; margin-bottom:12px;}
.SellList ul li .text strong a { color:#111; font-weight:800;}
.SellList ul li .text strong a:hover { text-decoration: underline;}
.SellList ul li .text .Price { font-size:24px; font-weight:800; color:#4e6ef2;margin-bottom:12px;}
.SellList ul li .text .Price i { font-size:14px; color:#999; font-weight:400;}
.SellList ul li .text em { display:block; margin-bottom:12px; font-size:14px; color:#222; margin-bottom:12px;}
.SellList ul li .text p { font-size:14px; color:#999; line-height:1.6;}
.SellList ul li .Intro { width:330px;}
.SellList ul li .Intro h3 { font-size:16px;margin-bottom:12px;line-height:1.4; display:block;}
.SellList ul li .Intro h3 a { color:#222;}
.SellList ul li .Intro h3 a:hover { text-decoration: underline;}
.SellList ul li .Intro .Icon { margin-bottom:20px;}
.SellList ul li .Intro .Icon img { height:16px; margin-right:10px;}
.SellList ul li .Intro em { font-size:14px; color:#999; display:block; margin-bottom:12px;}
.SellList ul li .Intro .Btn { display:flex;}
.SellList ul li .Intro .Btn a { display:flex; justify-content: center; align-items: center;border:1px solid #ddd; border-radius:30px; height:32px; font-size:13px; padding:0 15px; color:#111;  cursor:pointer; transition:all .3s; margin-bottom:10px;}
.SellList ul li .Intro .Btn a:nth-child(1n+2) { margin-left:10px;}
.SellList ul li .Intro .Btn a i { margin-right:8px; font-size:17px;}
.SellList ul li .Intro .Btn a:nth-child(1) { border:1px solid #4e6ef2;color:#fff; background:#4e6ef2;}
.SellList ul li .Intro .Btn a:nth-child(2) { border:1px solid #001a4e;color:#001a4e;}
.SellList ul li .Intro .Btn a:hover { opacity:.9;}
@media(max-width:1580px){
.SellList ul li .Intro { width:200px;}
.SellList ul li .Intro .Btn {flex-direction: column;}
.SellList ul li .Intro .Btn a:nth-child(1n+2) { margin-left:0;}
}

/*列表页样式 END*/

/*内容页样式 THE*/
.SellPreview { background:#fff;padding:20px;border:#eee 1px solid;border-radius:8px}
.SellPreview .SellPreviewBox { display:flex;}
.SellPreview .image { margin-right:60px;width:46%;}
.AlbumSwiper1Box { background:#fafafa; position:relative; padding:0 80px; border-radius:20px;}
.AlbumSwiper1 { overflow:hidden;}
.AlbumSwiper1 .swiper-slide { }
.AlbumSwiper1 .swiper-slide img { width:100%;}
.AlbumSwiper1Box .AlbumSwiper1Bnt { width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:50%; position:absolute; top:50%; z-index:6; cursor:pointer;box-shadow: 0px 3px 3px -3px rgb(0 0 0/.12), 0px 6px 10px 0px rgb(0 0 0/.06), 0px 9px 16px 8px rgb(0 0 0/.03); font-size:20px; transform:translate(0,-50%);}
.AlbumSwiper1Box .AlbumSwiper1Next { right:10px;}
.AlbumSwiper1Box .AlbumSwiper1Prev { left:10px;}

.AlbumSwiper2Box { margin-top:25px; position:relative; padding:0 40px; display: flex;justify-content: center;}
.AlbumSwiper2 { overflow:hidden; width:470px;}
.AlbumSwiper2 .swiper-slide { width:86px; border-radius:6px; overflow:hidden; box-sizing:border-box; margin-right:10px;}
.AlbumSwiper2 .swiper-slide:last-child { margin-right:0;}
.AlbumSwiper2 .swiper-slide.active-nav { border:2px solid #4e6ef2;}
.AlbumSwiper2 .swiper-slide img { width:100%;}
.AlbumSwiper2Box .AlbumSwiper2Bnt { height:48px; display:flex; align-items:center; justify-content:center; position:absolute; top:50%; z-index:6; cursor:pointer; transform:translate(0,-50%);}
.AlbumSwiper2Box .AlbumSwiper2Bnt i { font-size:26px;}
.AlbumSwiper2Box .AlbumSwiper2Next { right:0;}
.AlbumSwiper2Box .AlbumSwiper2Prev { left:0;}

.SellPreview .text { flex:1; overflow:hidden; padding-bottom:30px;}
.SellPreview .text h1 { font-size:22px; font-weight:800; display:block; margin-bottom:20px; color:#111;}
.SellPreview .text .Price { padding:20px 0; border-top:1px solid #e9eef4; border-bottom:1px solid #e9eef4; margin-bottom:20px;}
.SellPreview .text .Price span { font-size:28px; color:#4e6ef2; font-weight:800; display:block;}
.SellPreview .text .Price span i { font-size:18px; color:#999; font-weight:400;}
.SellPreview .text .Price font { display:block; margin-top:2px; font-size:14px; color:#666;}
.SellPreview .text strong { display:flex; align-items:center; font-size:22px; font-weight:800; color:#333;margin-bottom:15px;}
.SellPreview .text strong i { margin-left:auto;}
.SellPreview .text dl { display:flex; font-size:16px; margin-bottom:15px;}
.SellPreview .text dl dt { width:30%;}
.SellPreview .text dl dd { flex:1; overflow:hidden; font-weight:700;}
.SellPreview .text .Btn { display:flex;border-bottom:1px solid #e9eef4; margin-bottom:20px; padding-bottom:20px; margin-top:20px; }
.SellPreview .text .Btn a { display:flex; justify-content: center; align-items: center;border:1px solid #4e6ef2; border-radius:30px; height:44px; font-size:16px; padding:0 15px; color:#fff; background:#4e6ef2; cursor:pointer; transition:all .3s; max-width:49.5%; flex:1;}
.SellPreview .text .Btn a i { font-size:20px; margin-right:10px;}
.SellPreview .text .Btn a:nth-child(2) { border:1px solid #001a4e; color:#001a4e; background:none; margin-left:2%;}
.SellPreview .text .Intro { }
.SellPreview .text .Intro .User { background:url(../img/250411_10001.png) top right/auto 100% no-repeat,linear-gradient(90deg, #E6ECF2 -16%, rgb(236 241 245/.09) 105%); padding:15px; border-radius:8px; overflow:hidden; display:flex; align-items:center;}
.SellPreview .text .Intro .User s { width:50px; height:50px; display:block; overflow:hidden; border-radius:4px;}
.SellPreview .text .Intro .User s img { width:100%;}
.SellPreview .text .Intro .User font { flex:1; overflow:hidden; padding:0 15px;}
.SellPreview .text .Intro .User font h3 { font-size:17px; display:block;}
.SellPreview .text .Intro .User font h3 a { color:#333;}
.SellPreview .text .Intro .User font p { font-size:14px; margin-top:6px; color:#666;}
.SellPreview .text .Intro .User em { background:#fff; border-radius:50%; padding:8px;}
.SellPreview .text .Intro .User em a { font-size:30px; color:#111;}
.SellPreview .text .Intro .Sign { font-size:15px; position:relative; line-height:22px; margin-top:15px; color:#222; cursor:pointer;}
.SellPreview .text .Intro .Sign em { color:#4e6ef2;}
.SellPreview .text .Intro .Sign img { height:22px; margin-right:10px;}
.SellPreview .text .Intro .Sign font { position:absolute;box-shadow: 0 1px 5px 1px rgb(0 0 0/.08);background:rgb(255 255 255/.9);padding: 2px 12px;border-radius: 6px;top:0;left: 30px; display:none; color:#222; max-width:94%; box-sizing:border-box; transform:translate(0,-100%);}
.SellPreview .text .Intro .Sign font:before { content:''; display:block;width: 0;height: 0;border-width: 5px;border-style: solid;border-color: #eee transparent transparent transparent;position: absolute;bottom: -10px;left: 15px;}
.SellPreview .text .Intro .Sign font:after { content:''; display:block;width: 0;height: 0;border-width: 5px;border-style: solid;border-color: #fff transparent transparent transparent;position: absolute;bottom: -9px;left: 15px;}
.SellPreview .text .Intro .Sign:hover font { display:block;}
.SellPreview .text .Intro .Sign i { width: 5px;height: 5px; display:inline-block; background: #d1a751;transform: translate(-50%, -50%) rotate(45deg); margin-right: 22px;}
.SellPreview .text .Intro .Sign1 { padding-left:6px; margin-top:5px; color:#999;}
.SellPreview .text .Intro .Sign1 a { text-decoration: underline;}

.SellShowMain { display:flex;}
.SellShowMainL { flex:1; overflow:hidden;}
.SellShowMainR { width:300px; margin-left:20px;}
.SellShowMainR .neike.on { position:fixed; top:0; width:300px;}

.SellShowTit { margin-bottom:20px;}
.SellShowTit strong { font-size:24px;color:#000;}
.SellShowTit strong:before {width: 6px;height: 24px;background: #D7DDE6;border-radius: 2px;display: inline-block;margin-right: 12px;position: relative;top: 3px;float: left;content: "";}

.SellShowRec { background: #fff;padding: 24px 20px;border-radius: 8px;border:1px solid #eee;}
.SellShowRec .SellShowRecSwiper { overflow:hidden; position:relative;}
.SellShowRecSwiper .swiper-slide { width:20%;} 
.SellShowRecSwiper .swiper-slide .image { width:100%;}
.SellShowRecSwiper .swiper-slide .image img { width:100%; border-radius:8px;}
.SellShowRecSwiper .swiper-slide h3 { line-height:18px; margin:10px 0; font-weight:400; font-size:13px;}
.SellShowRecSwiper .swiper-slide .price { color:#4e6ef2; font-size:18px; font-weight:700;font-weight:800;}
.SellShowRecSwiper .swiper-slide .price em { color:#999; font-size:13px; font-weight:400;}
.SellShowRecSwiper .SellShowRecSBnt { height:48px; width:48px; background:rgb(255 255 255/.6); display:flex; align-items:center; justify-content:center; position:absolute; top:30%; z-index:6; cursor:pointer; border-radius:50%; transition:all .5s;}
.SellShowRecSwiper .SellShowRecSBnt:hover { box-shadow: 0px 3px 3px -3px rgb(0 0 0/.12), 0px 6px 10px 0px rgb(0 0 0/.06), 0px 9px 16px 8px rgb(0 0 0/.03); background:#fff;}
.SellShowRecSwiper .SellShowRecSBnt i { font-size:20px; color:#666;}
.SellShowRecSwiper .SellShowRecSNext { right:0;}
.SellShowRecSwiper .SellShowRecSPrev { left:0;}

.SellShowTab { height:65px; background:#fff;border-bottom:1px solid #eee; z-index:100; padding:0 24px;border-radius:8px 8px 0 0;border:#eee 1px solid;border-bottom:none; box-sizing:border-box;}
.SellShowTab.on { position:fixed; top:0; box-sizing:border-box;}
.SellShowTab ul { display:flex;}
.SellShowTab ul li { }
.SellShowTab ul li:nth-child(1n+2) { margin-left:40px;}
.SellShowTab ul li a { font-size:18px; line-height:65px; display:block;}
.SellShowTab ul li a.hover {color: #001a4e;border-bottom: 1px solid #001a4e;height: 65px;}

.SellShowDetail { border-top:none; padding:40px;background:#fff;border-radius:0 0 8px 8px;border:#eee 1px solid;border-top:none}
.SellShowDetail .slip_box1 { overflow:hidden;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.SellShowDetail .slip_box1 dl { float:left; width:33.333333%; height:22px; line-height:22px;font-size:14px; box-sizing:border-box; margin-bottom:16px;}
.SellShowDetail .slip_box1 dl dt,
.SellShowDetail .slip_box1 dl dd { float:left;}
.SellShowDetail .slip_box1 dl dt { width:35%;box-sizing:border-box; color:#999;}
.SellShowDetail .slip_box1 dl dd { width:65%; box-sizing:border-box; padding:0 10px; color:#333;}
.SellShowDetail strong.cdx_title { display:block; text-align:center; margin:50px auto 30px; position:relative; width:80%;}
.SellShowDetail strong.cdx_title span { font-size:24px!important; display:inline-block; background:#fff; font-weight:700!important; position:relative; color:#333; width:200px; padding:0 30px;}
.SellShowDetail strong.cdx_title span:before,
.SellShowDetail strong.cdx_title span:after{content: "";width: 14px;height: 14px;transform: translateY(10px) rotate(45deg);background: #adacad; display:inline-block;}
.SellShowDetail strong.cdx_title span:before { float:left;}
.SellShowDetail strong.cdx_title span:after { float:right;}
.SellShowDetail strong.cdx_title:before { content:""; display:block; background:#adacad; position:absolute; height:2px; width:100%; top:50%; left:0;}

.SellShowCat { overflow:hidden;background:#fff; padding:24px; border-radius:8px;border:1px solid #eee;}
.SellShowCat ul { overflow:hidden;}
.SellShowCat ul li { float:left; width:33.33333%; font-size:14px; margin-top:10px; line-height:20px;}
.SellShowCat ul li a { color:#666;}

.company_Contact { overflow:hidden;background:#fff; padding:24px;border-radius:8px;border:1px solid #eee;}
.company_Contact table { width:100%;border-collapse: collapse;}
.company_Contact table td { border:1px solid #ddd; font-size:14px; color:#888;padding:10px 16px;}
.company_Contact table tr td:nth-child(1) { width:100px;}
.company_Contact table tr td:nth-child(2) { color:#000}

.GoodsInfo { border-radius: 8px;padding: 20px 16px; background:#fff; margin-bottom:16px;border:1px solid #eee;}
.GoodsInfo .jianjie { display:flex; align-items:center;}
.GoodsInfo .jianjie img { width:60px; height:60px; float:left; margin-right:10px; border-radius:6px;}
.GoodsInfo .jianjie p { font-size: 13px;line-height: 18px; overflow: hidden; flex:1;}
.GoodsInfo dl { overflow:hidden; line-height:20px; margin-top:10px;font-size:15px; color:#666;}
.GoodsInfo dl dt { float:left; width:90px; margin-right:10px;}
.GoodsInfo dl dd { float:left; width:116px; text-align:right;}
.GoodsInfo dl dd b { font-size:17px; color:#4e6ef2;font-weight:800;}
.GoodsInfo .GoodsInfoBtn { margin-top:15px; padding-top:15px; border-top:1px solid #eee;}
.GoodsInfo .GoodsInfoBtn a { display: flex;justify-content: center;align-items: center;border: 1px solid #4e6ef2;border-radius: 30px;height: 44px;font-size: 16px;padding: 0 15px;color: #fff;background: #4e6ef2;cursor: pointer;transition: all .3s;}
.GoodsInfo .GoodsInfoBtn a i {font-size: 20px;margin-right: 10px;}
.GoodsInfo .GoodsInfoBtn a:hover { opacity:.9;}

.CompanyInfo { background:#fff;border-radius: 8px;padding: 30px 16px;border:1px solid #eee;}
.CompanyInfo h3 { font-size: 17px; margin-bottom:15px;}
.CompanyInfo .renzheng { display:flex; font-size:12px; line-height:16px; margin:10px 0;}
.CompanyInfo .renzheng img { margin-right:5px; height:16px;}
.CompanyInfo p { font-size: 13px;color: #666; margin-bottom:10px}
.CompanyInfo p b { color:000;}
.CompanyInfo .CompanyInfoBtn { display:flex; margin-top:30px;}
.CompanyInfo .CompanyInfoBtn a { display:flex; justify-content: center; align-items: center;border:1px solid #ddd; border-radius:30px; height:34px; font-size:14px; padding:0 15px; color:#111; background:#f5f7fa; cursor:pointer; transition:all .3s; max-width:49%; flex:1;}
.CompanyInfo .CompanyInfoBtn a i { font-size:15px; margin-right:10px;}
.CompanyInfo .CompanyInfoBtn a:nth-child(2) { margin-left:2%;}

/*内容页样式 END*/