/*article article-list*/
.pageination .iconfont{font-size:24px!important;line-height:32px;}
.center{display:flex;justify-content:space-between;margin-bottom:30px}
.center>.cot{width:824px}
.center>.side{width:300px}
@media screen and (max-width:1024px){
	.center{display:block}
	.center>.cot{margin-bottom:30px;width:100%}
	.center>.side{width:100%}
}
.baseModule{background-color:#fff;border-radius:4px;margin-bottom:16px;padding:20px}
@media screen and (max-width:1024px){
	.baseModule{padding:10px}
}
.base .title{align-items:center;border-bottom:1px solid #d4d4d4;display:flex;margin-bottom:16px;padding-bottom:10px;width:100%}
.base .title a{color:#333;font-size:16px;font-weight:700;margin-right:50px;position:relative}
.base .title a.active{color:#4066b8}
.base .title a.active:after{background-color:#4066b8;border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translate(-50%);width:30px}
@media screen and (max-width:1024px){
	.base .title a{font-size:12px;font-weight:700;margin-right:20px}
	.base .title a a:nth-child(3){margin-right:0}
}
.popular{display:flex;justify-content:space-between;margin-bottom:16px}
@media screen and (max-width:1024px){
	.popular{margin-bottom:20px}
}
.popular .l{width:350px}
@media screen and (max-width:1024px){
	.popular .l{width:100%}
}
.popular .l .tit{margin-bottom:10px}
.popular .l .tit .iconfont{color:#ff6221;margin-right:6px}
.popular .l ul{width:100%}
.popular .l ul li{border-bottom:1px solid #d4d4d4;display:flex;padding:16px 0}
.popular .l ul li:last-child{border:none;padding-bottom:0}
@media screen and (max-width:1024px){
	.popular .l ul li:last-child{border-bottom:1px solid #d4d4d4;padding:16px 0}
}
.popular .l ul li a{position:relative}
.popular .l ul li a img{border-radius:4px;height:70px;width:114px}
.popular .l ul li a .shadow{background-color:#00000005;height:100%;left:0;position:absolute;top:0;width:100%}
.popular .l ul li>div{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin-left:10px}
.popular .l ul li>div a{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.popular .l ul li>div a:hover{color:#4066b8;text-decoration:underline}
.popular .l ul li>div p{color:#999;display:flex;font-size:12px}
.popular .l ul li>div p span{align-items:center;display:flex;flex:2}
.popular .l ul li>div p span .iconfont{margin-right:5px}
.popular .l ul li>div p span:first-child{flex:3}
.popular .r{width:560px}
@media screen and (max-width:1024px){
	.popular .r{display:none}
}
.popular .r a{align-items:center;display:flex;height:336px;justify-content:center;position:relative;width:100%}
.popular .r a .shadow{background-color:#00000005;height:100%;left:0;position:absolute;top:0;width:100%}
.popular .r a:hover b{text-decoration:underline}
.popular .r a img{border-radius:4px;height:100%;width:100%}
.popular .r a div{background-color:#33333380;border-radius:0 4px 0 2px;bottom:0;display:flex;flex-direction:column;height:90px;justify-content:space-between;left:0;padding:10px;position:absolute;width:100%}
.popular .r a div b{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.popular .r a div p{color:#fff;display:flex;font-size:12px}
.popular .r a div p span{align-items:center;display:flex;margin-right:20px}
.popular .r a div p span .iconfont{margin-right:5px}
@media screen and (max-width:1024px){
	.popular{display:block}
}
.base .list{display:flex;flex-wrap:wrap;margin-top:20px;width:100%}
@media screen and (max-width:1024px){
	.base .list{display:block}
}
.base .list>div{height:212px;margin-bottom:10px;margin-right:16px}
@media screen and (max-width:1024px){
	.base .list>div{height:unset;margin-right:0;width:100%}
}
.base .list>div .imgBox{align-items:center;border-radius:4px;display:flex;height:132px;justify-content:center;overflow:hidden;position:relative;width:184px}
@media screen and (max-width:1024px){
	.base .list>div .imgBox{height:200px;width:100%}
}
.base .list>div .imgBox .shadow{background-color:#00000005;height:100%;left:0;position:absolute;top:0;width:100%}
.base .list>div .imgBox img{width:100% !important; height:auto !important}
.base .list>div .cotItem{background-color:#f6f8fc;border-radius:0 0 4px 4px;display:flex;flex-direction:column;height:80px;justify-content:space-between;padding:10px;width:184px}
@media screen and (max-width:1024px){
	.base .list>div .cotItem{height:80px;width:100%}
}
.base .list>div .cotItem a{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.base .list>div .cotItem a:hover{color:#4066b8;text-decoration:underline}
.base .list>div .cotItem p{align-items:center;color:#999;display:flex;font-size:12px;justify-content:space-between;margin:0;}
.base .list>div .cotItem p .iconfont{font-size:13px;margin-right:5px}
.base .list>div:first-of-type,.base .list>div:nth-of-type(10){position:relative}
.base .list>div:first-of-type .imgBox,.base .list>div:nth-of-type(10) .imgBox{align-items:center;display:flex;height:212px;justify-content:center;overflow:hidden;width:384px}
.base .list>div:first-of-type .imgBox img,.base .list>div:nth-of-type(10) .imgBox img{max-height:unset;width:100%}
@media screen and (max-width:1024px){
	.base .list>div:first-of-type .imgBox,.base .list>div:nth-of-type(10) .imgBox{height:200px;width:100%}
}
.base .list>div:first-of-type .cotItem,.base .list>div:nth-of-type(10) .cotItem{background-color:#0006;bottom:0;height:80px;left:0;position:absolute;width:100%}
.base .list>div:first-of-type .cotItem a,.base .list>div:first-of-type .cotItem p,.base .list>div:nth-of-type(10) .cotItem a,.base .list>div:nth-of-type(10) .cotItem p{color:#fff}
@media screen and (max-width:1024px){
	.base .list>div:first-of-type .cotItem,.base .list>div:nth-of-type(10) .cotItem{background-color:#f6f8fc;height:80px;position:unset;width:100%}
	.base .list>div:first-of-type .cotItem a,.base .list>div:nth-of-type(10) .cotItem a{color:#333}
	.base .list>div:first-of-type .cotItem p,.base .list>div:nth-of-type(10) .cotItem p{color:#999}
}
.base .list>div:nth-of-type(10),.base .list>div:nth-of-type(14),.base .list>div:nth-of-type(3),.base .list>div:nth-of-type(7){margin-right:0}
.pageination{display:flex;justify-content:flex-end}
.pageination li{background:#fff;border-radius:4px;height:32px;line-height:32px;margin-right:5px;min-width:32px;overflow:hidden;text-align:center}
.pageination li:last-child{margin-right:0}
.pageination li i{font-size:14px}
.pageination li i.ban{color:#ccc;cursor:not-allowed}
.pageination li a{color:#666;display:block;font-size:14px;height:32px;line-height:32px;min-width:32px;padding:0 3px;text-align:center}
.pageination li a i{color:#333}
.pageination li a:hover{background-color:#4066b8;color:#fff}
.pageination li a:hover i{color:#fff}
.pageination li a.active{background-color:#4066b8;color:#fff}
@media screen and (max-width:1024px){
	.pageination li,.pageination li a{height:28px;line-height:28px;min-width:28px}
	.pageination li a{font-size:12px;padding:0}
}
.banner{margin-bottom:16px;}
.banner a{display:inline-block;height:100%;width:100%}
.banner a img{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;border-radius:4px;}
@media screen and (max-width:1024px){
	.banner{width:100%}
}
.side>.baseModule>.cot{align-items:center;display:flex;flex-direction:column;padding-top:20px;position:relative}
.side>.baseModule>.cot>.iconfont{bottom:10px;color:#4066b808;font-size:200px;position:absolute;right:0}
.side>.baseModule>.cot>p{font-size:18px;font-weight:700;margin-bottom:30px}
.side>.baseModule>.cot>.input{margin-bottom:16px;width:100%}
.side>.baseModule>.cot>.btn{width:160px}
.side>.baseModule>.title{display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin-bottom:16px}
.side>.baseModule>.title a{color:#4066b8;font-size:14px;font-weight:400}
.side>.baseModule>.title a .iconfont:before{font-size:24px;vertical-align:middle;margin-left:-10px;margin-top:-3px;}
.side>.baseModule>.title a:hover{text-decoration:underline}
.side>.baseModule>.list li{border-bottom:1px solid #d4d4d4;display:flex;padding:16px 0}
.side>.baseModule>.list li:last-child{border-bottom:none}
.side>.baseModule>.list li>a{display:inline-block;margin-right:12px}
.side>.baseModule>.list li>a,.side>.baseModule>.list li>a .img{height:60px;width:60px;min-width:60px;max-width:60px;flex-grow:0;}
.side>.baseModule>.list li>div{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;}
.side>.baseModule>.list li>div a{color:#333;line-height:20px}
.side>.baseModule>.list li>div a:hover{color:#4066b8;text-decoration:underline}
.side>.baseModule>.list li>div p{color:#999;font-size:13px;line-height:20px;margin:0;}
.iconliulan{background:url(../images/icon_visit.png) no-repeat;width:12px;height:12px;background-size:100% auto;vertical-align:middle;margin-left:-2px;margin-top:-2px;}
.base .list>div:first-of-type .iconliulan,.base .list>div:nth-of-type(10) .iconliulan,.r .iconliulan{background-image:url(../images/icon_visit_white.png);}

/*article detail*/
.center .cot .content>h2{font-size:16px;font-weight:700;margin-bottom:20px;text-align:center}
.center .cot .content .author{display:flex;justify-content:center}
.center .cot .content .author>p{margin-right:20px}
.center .cot .content .author>p .iconfont{color:#4066b8;font-size:18px;margin-right:6px}
.center .cot .content .artInfo>.partImg{display:flex;justify-content:center}
.center .cot .content .artInfo .details{background-color:#4066b8;border-radius:4px;color:#fff;display:inline-block;margin:10px 0;padding:10px 30px;transition:all .2s}
.center .cot .content .artInfo .details:hover{background-color:#4066b8cc;box-shadow:0 0 15px -7px #ccc}
.center .cot .content .artInfo .desc{line-height:20px;margin-bottom:16px}
.center .cot .content .artInfo .videoJson{align-items:center;display:flex;flex-direction:column;margin-bottom:30px}
.center .cot .content .artInfo .videoJson .videoImg{height:314px;position:relative;width:560px}
@media screen and (max-width:1024px){
	.center .cot .content .artInfo .videoJson .videoImg{height:250px;width:100%}
}
.center .cot .content .artInfo .videoJson .videoImg img{border-radius:4px;height:100%;width:100%}
.center .cot .content .artInfo .videoJson .videoImg button{background-color:#00000080;border-radius:4px;color:#fff;cursor:pointer;height:48px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:68px}
.center .cot .content .artInfo .videoJson .videoImg button .iconfont{font-size:22px}
.center .cot .content .artInfo .videoJson .videoImg button:hover{background-color:red}
.center .cot .content .artInfo .videoJson iframe{height:314px;width:560px}
@media screen and (max-width:1024px){
	.center .cot .content .artInfo .videoJson iframe{height:250px;width:100%}
}
.center .cot .content .artInfo .videoJson>p{font-weight:700;margin-top:16px;text-align:center}
.center .cot .content .artInfo .catalog{margin-bottom:20px}
.center .cot .content .artInfo .catalog>div{font-size:16px;font-weight:700;margin-bottom:10px}
.center .cot .content .artInfo .catalog ul{border-bottom:1px solid #d4d4d4}
.center .cot .content .artInfo .catalog ul li{border-top:1px solid #d4d4d4;padding:10px 0}
.center .cot .content .artInfo .catalog ul li a{color:#4066b8}
.center .cot .content .artInfo .catalog ul li a:hover{text-decoration:underline}
.center .cot .content .artInfo .catalogContent h2{font-size:17px;font-weight:700;margin-bottom:10px}
.center .cot .content .artInfo .catalogContent>div{margin-bottom:20px}
.center .cot .content .artInfo .catalogContent .model .title>div{display:none!important}
.center .cot .content .artInfo .catalogContent .model.spec .selectAttr li{width:48%!important}
.center .cot .content .artInfo .catalogContent .model.spec .selectAttr li div:last-child{display:none}
.center .cot .content .artInfo .catalogContent table{width:100%!important;}
.center .cot .content .artInfo .catalogContent table th,.center .cot .content .artInfo .catalogContent table td{padding:10px!important;border:1px solid rgba(0,0,0,0.10)!important;}
@media screen and (max-width:1024px){
	.center .cot .content .artInfo .catalogContent .model.spec .selectAttr li{width:100%!important}
}
.center .cot .content .artInfo .catalogContent .model.spec .submit{display:none}
.center .cot .content .artInfo .part_cot h3{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:1.17em;font-weight:700;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0}
.center .cot .content .artInfo .part_cot p{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;}
.center .cot .content .artInfo .part_cot table p{margin:0;}
.center .cot .content .artInfo .part_cot strong{font-weight:700}
.center .cot .content .artInfo .part_cot em,.center .cot .content .artInfo .part_cot i{font-style:italic}
.center .cot .content .artInfo .part_cot a{color:#4066b8;font-size:14px}
.center .cot .content .artInfo .part_cot a:hover{text-decoration:underline}
.center .cot .content .artInfo .part_cot ol,.center .cot .content .artInfo .part_cot ul{padding-left:20px}
.center .cot .content .artInfo .part_cot img{max-width:100%}
@media screen and (max-width:1024px){
	.center .cot .content .artInfo .part_cot:deep(img){height:unset!important;max-width:100%}
	.center .cot .content .artInfo .part_cot:deep(iframe){height:300px;width:100%!important}
	.center .cot .content .artInfo .part_cot:deep(table){width:100%!important}
	.center .cot .content .artInfo .part_cot:deep(table) p{font-size:10px;line-height:16px;word-break:break-all}
	.center .cot .content .artInfo .part_cot:deep(table) span,.center .cot .content .artInfo .part_cot:deep(table) td{font-size:10px!important}
}
.center .cot .content .share{align-items:center;border-top:1px dashed #d4d4d4;display:flex;justify-content:flex-end;padding-top:30px;width:100%}
@media screen and (max-width:1024px){
	.center .cot .content .share{padding-top:10px}
}
.center .cot .content .share>span{color:#999;margin-right:16px}
.center .cot .content .share .item{align-items:center;display:flex}
.center .cot .content .share .item a{align-items:center;border:5px solid #fff;border-radius:50%;box-sizing:unset;color:#fff;display:flex;font-size:16px;height:30px;justify-content:center;margin-right:10px;transition:all .2s;width:30px}
.center .cot .content .share .item a:first-child{background-color:#3b569d}
.center .cot .content .share .item a:first-child:hover{border-color:#c4cce1}
.center .cot .content .share .item a:nth-child(2){background-color:#0078b6}
.center .cot .content .share .item a:nth-child(2):hover{border-color:#b2d6e9}
.center .cot .content .share .item a:nth-child(3){background-color:#1ca1f1}
.center .cot .content .share .item a:nth-child(3):hover{border-color:#bae3fb}
.center .cot .content .share .item a:nth-child(4){background-color:#474545}
.center .cot .content .share .item a:nth-child(4):hover{border-color:#c7c7c7}
.center .cot .baseModule .title,.center .cot .baseModule .title>div{margin-bottom:10px}
.center .cot .baseModule .title>div{font-size:16px;font-weight:700}
.center .cot .baseModule .title>div .iconfont{width:4px;height:20px;background:#399FD8;vertical-align:middle;margin-right:10px}
.center .cot .baseModule .title .desc{font-size:12px}
.baseModule .item{border-radius:4px;padding:10px}
.baseModule .item:nth-child(odd){background-color:#f6f8fc}
.baseModule .item p{color:#ff6221;font-weight:700;margin-bottom:10px}
.baseModule .item pre{word-wrap:break-word;font-family:initial;font-size:13px;line-height:26px;white-space:pre-wrap;border:none;background:none;padding:0;margin:0;}
.base-related .list li{border-bottom:1px solid #d4d4d4;display:flex;padding:10px 0}
.base-related .list li:last-child{border-bottom:none}
.base-related .list li .imgBox{display:inline-block;height:152px;margin-right:10px;width:252px}
@media screen and (max-width:1024px){
	.base-related .list li .imgBox{height:70px;width:122px}
}
.base-related .list li .imgBox img{border-radius:4px;height:100%;width:100%}
.base-related .list li .info{display:flex;flex:1;flex-direction:column;justify-content:space-around}
.base-related .list li .info .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:normal}
@media screen and (max-width:1024px){
	.base-related .list li .info .title{font-size:11px}
}
.base-related .list li .info .title:hover{color:#4066b8;text-decoration:unset}
.base-related .list li .info div{color:#999;display:flex}
.base-related .list li .info div span{align-items:center;display:flex;margin-right:20px}
.base-related .list li .info div span .iconfont{margin-right:5px}
@media screen and (max-width:1024px){
	.base-related .list li .info div span{font-size:10px;margin-right:5px}
	.base-related .list li .info div span .iconfont{font-size:10px}
}
.base-related .list li .info p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#999;display:-webkit-box;font-size:13px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:normal}
@media screen and (max-width:1024px){
	.base-related .list li .info p{-webkit-line-clamp:1;font-size:10px}
}
.base-related .list li .info a:hover{color:#4066b8}
.base-related .list li .info a .iconfont{font-size:11px}
@media screen and (max-width:1024px){
	.base-related .list li .info a{font-size:11px}
	.base-related .list li .info a .iconfont{font-size:10px}
}
.stock{background:#fff;display:flex;flex-direction:column;padding:20px;margin-bottom:16px;}
.stock .details{color:#333;font-size:18px;font-weight:700;text-decoration:none}
.stock .details:hover{color:#4066b8;text-decoration:underline}
.stock .mfg{font-size:12px;margin:8px 0 15px}
.stock .title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:700;line-height:30px;margin-bottom:15px;position:relative;width:100%}
.stock .title>span{color:#ff6221;margin-left:10px}
.stock .title>p{align-items:center;border-radius:50%;color:#4066b8;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:0;transition:all .3s;width:30px}
.stock .title>p:hover{background-color:#4066b81a}
.stock .cot{flex:1;width:100%}
.stock .cot>p{font-size:12px;margin-bottom:30px}
.stock .cot .rfq>p{font-size:12px;margin-bottom:25px}
.stock .cot .rfq .input,.stock .cot .rfq .select{margin-bottom:25px}
.stock .cot .rfq .btnBox{align-items:center;display:flex;justify-content:space-between}
.stock .cot .rfq .btnBox>p{color:#4066b8;cursor:pointer}
.stock .cot .rfq .btnBox>p:hover{text-decoration:underline}
.stock .cot .rfq .btnBox .btn{margin:0}
.stock .cot .buy>p{display:flex;justify-content:space-between;margin:10px 0}
.stock .cot .buy .priceList{margin-bottom:5px;position:relative}
.stock .cot .buy .priceList .head{background-color:#f6f8fc;display:flex;height:36px;line-height:36px;width:100%}
.stock .cot .buy .priceList .head p{flex:1;height:100%;text-align:center}
.stock .cot .buy .priceList ul{max-height:280px;overflow-y:auto;transition:all .5s;width:100%}
.stock .cot .buy .priceList ul::-webkit-scrollbar{width:4px}
.stock .cot .buy .priceList ul::-webkit-scrollbar-thumb{background-color:#e4e4e4;border-radius:2px}
.stock .cot .buy .priceList ul li{display:flex;font-size:13px;height:40px;line-height:40px;width:100%}
.stock .cot .buy .priceList ul li p{flex:1;height:100%;text-align:center}
.stock .cot .buy .priceList ul li:nth-child(2n){background-color:#f8f8f8}
.stock .cot .buy .btn{height:36px;margin:0 20px 0 0}
.stock .cot .buy .btn.border{background-color:#fff;border:1px solid #4066b8;color:#4066b8}
.stock .cot .buy .btn.border circle{color:#4066b8}
.stock .cot .buy .desc{color:#ff6221;margin-top:20px}
.stock .cot .buy .add{display:flex;justify-content:space-between;width:100%}
.stock .cot .buy .add p{color:#4066b8;cursor:pointer;display:inline;flex:unset;text-align:left}
.stock .cot .buy .add p:hover{text-decoration:underline}
@media screen and (max-width:1024px){
	.stock .cot .buy .add p{width:unset}
}
.stock .cot .buy .free{margin-top:20px}
.stock .cot .buy .free .btn{height:36px;margin:0}
.stock .cot .buy .free .btn.border{background-color:#fff;border:1px solid #4066b8;color:#4066b8}
.stock .cot .buy .free .btn.border circle{color:#4066b8}
@media screen and (max-width:1024px){
	.stock{height:unset;margin-bottom:10px;padding:10px;width:100%}
	.stock .title{font-size:14px}
	.stock .priceList ul{height:unset!important}
}
.iconhezuozuozhe-,.iconrili{background:url(../images/icon_hezuozhe.png) no-repeat;background-size:100% auto;width:16px;height:16px;vertical-align:middle;margin-top:-3px;}
.iconrili{background-image:url(../images/icon_rili.png);}