@charset "utf-8";
body{background: #fff;}
.chaxun-box {width:100%}
.chaxun-box .cx-logo{width:100%;margin:40px 0;text-align:center}
.chaxun-box .cx-logo .imglogo{height:60px}
.chaxun-box .cx-title{width:100%;height:40px;text-align:center;border-bottom:1px solid #027cff}
.chaxun-box .cx-title .items{display:inline-block;width:15%;height:40px;background:#cacaca}
.chaxun-box .cx-title .items.on{background:#027cff}
.chaxun-box .cx-title .items a{color:#fff;display:block;font-size:16px;text-align:center;line-height:40px}
.chaxun-box .cx-content{background:#f2f2f2;padding:30px}

.chaxun-box .cx-content ul{float:left;width:910px}
.chaxun-box .cx-content ul li{float:left;border:1px solid #027cff;height:30px;width:31%;margin:10px 1%}
.chaxun-box .cx-content ul li label{font-size:15px;line-height:30px;width:60px;text-align:center;display:block;float:left}
.chaxun-box .cx-content ul li input{width:200px;border:none;height:24px;padding: 3px 11px;}

.chaxun-box .cx-content ul li .layui-select-title .layui-input{height: 30px;width: 222px;}

 /*.chaxun-box .cx-content ul li select{display:block;width:196px;border:none;height:30px;font-size:14px;color:#565656}*/
.chaxun-box .cx-content .submit{width:220px;float:right;margin:10px 0 }
.chaxun-box .cx-content .submit .cxbtn{}
.chaxun-box .cx-content .submit .cxbtn .btn{border:none;background:#027cff;height:30px;width:100%;font-size:15px;color:#fff}
.chaxun-box .cx-content .submit .types{margin-top:24px;height:30px;line-height:30px;font-size:14px}
.chaxun-box .cx-content .submit .types .layui-form-radio{margin-top: 0;}
.chaxun-box .cx-content .submit .types input[type="radio"]{vertical-align:middle;padding:0;margin:0 5px}


.xinghaobox .xh-title{width:100%;height:40px;text-align:center;border-bottom:1px solid #027cff}
.xinghaobox .xh-title .items{display:inline-block;width:15%;height:40px;background:#cacaca}
.xinghaobox .xh-title .items.on{background:#027cff}
.xinghaobox .xh-title .items a{color:#fff;display:block;font-size:16px;text-align:center;line-height:40px}



.xh-brand{width:1200px;margin:0 auto;position:relative;padding:10px 0}
.xh-brand .xbbox{width:100%}
.xh-brand .xbbox ul{overflow:hidden}
.xh-brand .xbbox ul li{float:left;width:171px;border-right:1px solid #ddd}
.xh-brand .xbbox ul li a{display:block}
.xh-brand .xbbox ul li img{width:145px;height:73px;margin:0 auto;display:block}
.xh-brand .control{}
.xh-brand .control .next, .xh-brand .control .prev{cursor:pointer;position:absolute;top:50%;display:block;width:30px;height:30px;background-image:url(../image/arrows01.png);background-repeat:no-repeat}
.xh-brand .control .next{left:-20px;background-position:0 -30px}
.xh-brand .control .prev{right:-20px;background-position:0 0px}
.xh-brand .control .next:hover, .xh-brand .control .prev:hover{background-image:url('../image/arrows02.png')}
.tuijian{float:right;width:244px}
.tuijian ul{}
.tuijian ul li{margin-bottom:10px;position:relative;box-shadow:0 0 8px rgba(0, 0, 0, 0.15);margin:7px;padding:10px;background:#fff;overflow:hidden}
.tuijian ul li .items{display:block;width:210px;transition:all 0.3s}
.tuijian ul li .tj-title{position:absolute;top:0;left:0;width:30px;height:30px;line-height:16px;opacity:0.8;text-align:center;color:white;font-size:12px;background-color:#f87506;padding:2%}
.tuijian ul li .gg-icon{position:absolute;bottom:12px;right:12px;z-index:10}
.tuijian ul li .gg-icon img{height:12px;display:block}
.tuijian ul li:hover .items{transform:scale(1.1)}
/*型号列表*/ .list{float:left;overflow:hidden;width:226px;margin:6px 0 6px 15px;position:relative;background-color:white;border:1px solid #f6f6f6;box-shadow:0 0 8px rgba(0, 0, 0, 0.15)}
.list .pic{text-align:center;overflow:hidden;position:relative;width:229px;height:175px;display:table-cell;vertical-align:middle}
.list .pic img{max-width:219px;max-height:160px;border:none}
.list .infobox{float:left;width:100%}
.list .infobox .title{font-size:14px;height:40px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-align:left;padding-left:5%;padding-right:5%}
.list .infobox .chicun{font-size:12px;height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:5%;padding-right:5%}
.list .infobox .pinpai{font-size:12px;padding-top:2%;padding-left:5%;padding-right:5%}
.list .infobox .leixing{padding-left:5%;padding-right:5%;font-size:12px;height:23px;line-height:15px;height:50px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.list:nth-child(5n+1){margin-left:0}
.list:hover{border:1px solid #999999}
.xinghaobox{}
.xinghaobox .main{width:1200px;margin:0 auto}
.xinghaobox .cx-logo{width:100%;margin:40px 0;text-align:center}
.xinghaobox .cx-logo .imglogo{height:60px}
.xinghaobox .xh-title{width:100%;height:40px;border-bottom:1px solid #027cff;text-align:center}
.xinghaobox .xh-title .item{display:inline-block;width:15%;height:40px;background:#cacaca}
.xinghaobox .xh-title .item.on{background:#027cff}
.xinghaobox .xh-title .item a{color:#fff;display:block;font-size:16px;text-align:center;line-height:40px}
.chaxunbox{}
.chaxunbox .tjlist{height:26px;line-height:26px;font-size:14px;padding:10px 0}
.chaxunbox .tjlist .spbt{float:left;font-size:15px;width:80px}
.chaxunbox .tjlist .selected{border:1px solid #ddd;float:left;margin:0 5px;padding:0 10px}
.chaxunbox .tjlist .selected label{font-size:14px}
.chaxunbox .tjlist .selected a{font-size:18px}
.chaxunbox .tiaojian-box{border:1px solid #ddd;background:#f2f2f2}
.chaxunbox .tiaojian-box .item-1{height:40px;border-bottom:1px solid #ddd}
.chaxunbox .tiaojian-box .item-1 .shaixuan{font-size:14px;line-height:40px;padding:0 20px}
.chaxunbox .tiaojian-box .item-1 .shaixuan span{font-weight:bold}
.chaxunbox .tiaojian-box .item-2{overflow:hidden;border-bottom:1px solid #ddd;position:relative}
.chaxunbox .tiaojian-box .item-2 .bt, .chaxunbox .tiaojian-box .item-3 .bt, .chaxunbox .tiaojian-box .item-4 .bt{float:left;width:96px;text-align:center;line-height:70px;font-size:14px}
.chaxunbox .tiaojian-box .item-2 .pplist{float:right;background:#fff;width:1000px;padding:15px 80px 15px 10px;height:50px;overflow:hidden}
.chaxunbox .tiaojian-box .item-2 .pplist a{font-size:14px;line-height:30px;display:inline-block;margin-right: 10px;}
.chaxunbox .tiaojian-box .item-2 .pplist.active{height:auto}

.chaxunbox .tiaojian-box .item-2 .gengduo{position:absolute;right:10px;top:20px;cursor:pointer}
.chaxunbox .tiaojian-box .item-2 .gengduo .tupian{background:url(../image/bearing_pic_icon.png) no-repeat center center;text-indent:-2em;overflow:hidden;display:block;float:left;width:24px}
.chaxunbox .tiaojian-box .item-2 .gengduo .tupian.on{background-image:url(../image/bearing_pic_icon_active.png)}
.chaxunbox .tiaojian-box .item-2 .gengduo .wenzi{background:url(../image/bearing_text_icon.png) no-repeat center center;text-indent:-2em;overflow:hidden;display:block;float:left;width:24px}
.chaxunbox .tiaojian-box .item-2 .gengduo .wenzi.on{background-image:url(../image/bearing_text_icon_active.png)}
.chaxunbox .tiaojian-box .item-2 .gengduo .on{color:#f00}
.chaxunbox .tiaojian-box .item-2 .pppiclist{float:right;background:#fff;width:1000px;padding:15px 80px 15px 10px;height:138px;overflow:hidden}
.chaxunbox .tiaojian-box .item-2 .pppiclist a{display:block;border:1px solid #ddd;float:left;margin:2px;width:134px}
.chaxunbox .tiaojian-box .item-2 .pppiclist a img{width:80px;height:40px;display:block;margin:0 auto}
.chaxunbox .tiaojian-box .item-2 .pppiclist a span{display:block;text-align:center;font-size:12px;line-height:14px;padding:0 10px;height:28px;margin-top:2px}
.chaxunbox .tiaojian-box .item-2 .pppiclist.active{height:auto}
.chaxunbox .tiaojian-box .item-2 .hidden{display:none}


.chaxunbox .tiaojian-box .item-3{overflow:hidden;border-bottom:1px solid #ddd;position:relative}
.chaxunbox .tiaojian-box .item-3 .ctlist{float:right;background:#fff;width:1000px;padding:15px 80px 15px 10px;height:50px;overflow: hidden;}
.chaxunbox .tiaojian-box .item-3 .ctlist a{font-size:14px;line-height:30px;display:inline-block;margin-right: 10px;}
.chaxunbox .tiaojian-box .item-3 .ctlist.active{height: auto;}

.chaxunbox .tiaojian-box .item-3 .ctpiclist{float:right;background:#fff;width:1000px;padding:15px 80px 15px 10px;max-height:260px;overflow:hidden}
.chaxunbox .tiaojian-box .item-3 .ctpiclist a{display:block;border:1px solid #ddd;float:left;margin:2px;width:134px}
.chaxunbox .tiaojian-box .item-3 .ctpiclist a img{width:120px;height:auto;display:block;margin:0 auto}
.chaxunbox .tiaojian-box .item-3 .ctpiclist a span{display:block;text-align:center;font-size:12px;line-height:14px;padding: 0 10px;height:28px;margin-top: 2px;}
.chaxunbox .tiaojian-box .item-3 .hidden{display:none}

.chaxunbox .tiaojian-box .item-3 .gengduo{position:absolute;right:10px;top:20px;cursor:pointer}
.chaxunbox .tiaojian-box .item-3 .gengduo .tupian{background:url(../image/bearing_pic_icon.png) no-repeat center center;text-indent:-2em;overflow:hidden;display:block;float:left;width:24px}
.chaxunbox .tiaojian-box .item-3 .gengduo .tupian.on{background-image:url(../image/bearing_pic_icon_active.png)}
.chaxunbox .tiaojian-box .item-3 .gengduo .wenzi{background:url(../image/bearing_text_icon.png) no-repeat center center;text-indent:-2em;overflow:hidden;display:block;float:left;width:24px}
.chaxunbox .tiaojian-box .item-3 .gengduo .wenzi.on{background-image:url(../image/bearing_text_icon_active.png)}
.chaxunbox .tiaojian-box .item-3 .gengduo .on{color:#f00}


.chaxunbox .tiaojian-box .item-4{overflow:hidden}
.chaxunbox .tiaojian-box .item-4 .xhlist{float:right;background:#fff;width:1070px;padding:19px 10px 19px 10px}
.chaxunbox .tiaojian-box .item-4 .xhlist ul{}
.chaxunbox .tiaojian-box .item-4 .xhlist ul li{border:1px solid #027cff;width:186px;margin-right:10px;float:left}
.chaxunbox .tiaojian-box .item-4 .xhlist label{font-size:14px;width:50px;height:30px;line-height:30px;text-align:center;display:block;float:left;background:#f2f2f2}
.chaxunbox .tiaojian-box .item-4 .xhlist input[type='text']{border:none;line-height:30px;width:126px;height:30px;padding:0 5px}
.chaxunbox .tiaojian-box .item-4 .xhlist ul li:last-child{border:none;width:120px;margin:0}
.chaxunbox .tiaojian-box .item-4 .xhlist .btn{border:none;height:30px;line-height:30px;background:#027cff;color:#fff;font-size:14px;width:120px}
.path{width:100%;line-height:40px;font-size:14px}
.path a{}
.xinghao{width:100%;overflow:hidden}
.xinghao .xinghao-info{float:left;width:920px;box-shadow:0 0 8px rgba(0, 0, 0, 0.15);margin:7px}
.xinghao .xinghao-info .pro_pic{}
.xinghao .xinghao-info .canshu{float:left;margin-left:30px;margin-top:10px;width: calc(100% - 450px);}
.xinghao .xinghao-info .canshu ul{}
.xinghao .xinghao-info .canshu ul li{font-size:14px;line-height:40px}
.xinghao .xinghao-info .canshu ul li:first-child{font-size:16px;border-bottom:1px solid #ddd;font-weight:bold}
.xinghao .xinghao-info .thumblist{width: 100%; padding-top: 5px;}
.xinghao .xinghao-info .thumblist img{margin-left: 10px;border: 1px solid #ddd;cursor: pointer;}
.xinghao .xinghao-info .thumblist .on{border-color:#FF6600;}
.xinghao .xinghao-info .thumblist .im{}
.xinghao .xinghao-info .thumblist img:first-child{margin-left: 0;}

.xinghao .gongyings{width:220px;float:right;box-shadow:0 0 8px rgba(0, 0, 0, 0.15);margin:7px;padding:15px}
.xinghao .gongyings .btitle{font-size:16px;border-bottom:1px solid #ddd;height:40px;line-height:40px}
.xinghao .gongyings .gylists{width:100%}
.xinghao .gongyings .gylists ul{}
.xinghao .gongyings .gylists ul li{border-bottom:1px solid #ddd;overflow:hidden;padding:10px 0}
.xinghao .gongyings .gylists ul li p{font-size:14px;line-height:21px;padding:0;margin:0}
.xinghao .gongyings .gylists ul li a{float:right}
.datail-box{float:left;width:930px}
.datail-box .xiangqing-box{float:left;width:900px;box-shadow:0 0 8px rgba(0, 0, 0, 0.15);padding:10px;margin:7px}
.datail-box .xiangqing-box .xq-title{height:40px;border-bottom:1px solid #ddd}
.datail-box .xiangqing-box .xq-title .item{float:left;line-height:40px;font-size:16px;padding:0 10px;cursor: pointer;}
.datail-box .xiangqing-box .xq-title .item.on{border-bottom:2px solid #027cff;height:39px}
.datail-box .xiangqing-box .dcanshu{margin-top:20px}
.datail-box .xiangqing-box .dcanshu table{width:100%;border-collapse:collapse}
.datail-box .xiangqing-box .dcanshu table td{border:1px solid #ddd;font-size:14px;font-size:14px;padding:8px 20px}
.datail-box .xiangqing-box .dcanshu table td.hd{background:#f2f2f2}
.datail-box .xiangqing-box .xq-content{font-size:14px;padding:15px 0;line-height:24px}
.catalog_box{width:100%;padding:20px 0}
.catalog_box .items{float:left;width:50%;margin:5px 0}
.catalog_box .items p{margin:0;padding:0}
.catalog_box .items p span{display:block;width:140px;font-size:14px;line-height:30px;float:left;text-align:right}
.catalog_box .items p select{display:block;width:200px;height:30px;border:1px solid #ddd;padding:0 10px;font-size:14px;color:#565656}
.catalog_box button[type="reset"]{border:none;font-size:14px;background:#027cff;color:#fff;cursor:pointer}
.catalog_form{}
.tuijian{float:right;width:244px}
.tuijian ul{}
.tuijian ul li{position:relative;box-shadow:0 0 8px rgba(0, 0, 0, 0.15);margin:7px;padding:10px;background:#fff;overflow:hidden}
.tuijian ul li .items{display:block;width:210px;transition:all 0.3s}
.tuijian ul li .tj-title{position:absolute;top:0;left:0;width:30px;height:30px;line-height:16px;opacity:0.8;text-align:center;color:white;font-size:12px;background-color:#f87506;padding:2%}
.tuijian ul li .gg-icon{position:absolute;bottom:12px;right:12px;z-index:10}
.tuijian ul li .gg-icon img{height:12px;display:block}
.tuijian ul li:hover .items{transform:scale(1.1)}

.listbody{width: 100%;}
.listbody .lists{overflow: auto;}
.listbody .lists .tablist{width: 100%;}
.listbody .lists .tablist thead th{background:#f2f2f2;min-width: 120px; height: 30px;padding: 10px 10px;border: 1px solid #ddd;text-align: center; font-weight: bold;color:#333;font-size: 15px;line-height: 30px;}
.listbody .lists .tablist tbody td{background:#fff;height: 30px;padding: 5px 10px;border: 1px solid #ddd;text-align: center;color:#565656;font-size: 14px;line-height: 30px;cursor: pointer;}
.listbody .lists .tablist thead th:first-child{position: sticky;left: 0px;z-index: 333;word-break: keep-all !important;}
.listbody .lists .tablist tbody td:first-child{position: sticky;left: 0px;z-index: 333;word-break: keep-all !important;}