.news-panel{background-color:#dfdfdf}
.news-panel .news-category{width:288px;float:left}
.news-panel .news-category h2{height:50px;line-height:50px;background-color:#1e2123;color:#fff;font-size:20px;padding-left:20px}
.news-panel .news-category ul{padding:0 10px}
.news-panel .news-category ul li{height:50px;line-height:50px;font-size:16px;border-bottom:1px dashed #838383;padding-left:10px}
.news-panel .news-category ul li:last-child{border-bottom:none}
.news-panel .news-category ul li a.curr,.news-panel .news-category ul li a:hover{color:#0a0a0a;text-decoration:underline}
.news-panel .news-list{width:1092px;float:left;background-color:#fff;padding:0 10px}
.news-panel .news-list h2{height:49px;line-height:49px;font-size:20px;padding-left:10px;border-bottom:1px solid #dbdbdb}
.news-panel .news-list ul{padding:0 10px}
.news-panel .news-list ul li{min-height:170px;border-bottom:1px dashed #dbdbdb}
.news-panel .news-list ul li .news-list-title{font-size:22px;line-height:40px;margin-top:25px;color:#001733}
.news-panel .news-list ul li .news-list-date{height:36px;line-height:36px;background:url(../images/calendar.png) no-repeat left center;padding-left:20px;color:#8b8b8b}
.news-panel .news-list ul li .news-list-introduce{color:#001733;line-height:22px}
.news-panel .news-list .pages{text-align:center}
.news-panel .news-list .pages span{float:left;margin-top:18px;padding-left:10px}
.news-panel .news-list .pages .color_blue{color:#1182b4;text-decoration:none;margin-left:10px;margin-right:15px}
.news-panel .news-list .pages a{display:inline-block;width:24px;height:24px;line-height:24px;border:1px solid #dbdbdb;border-radius:3px;margin-top:15px;margin-bottom:15px}
.news-panel .news-list .pages a.curr,.related-panel .pages a:hover{background-color:#ec4e00;border:1px solid #ec4e00;color:#fff}
.news-panel .news-list .pages .fa{color:#bcbcbc}

/*====blog===============*/
.pagecontent .slide{background-image:url(/KImages/CEC.jpg?la=en-US&amp;ts=ff0d4948-f902-452b-af62-8811d22a05d8);height:130px;width:100%;float:left}
.pagecontent .slide .silide-title{width:96%;margin:30px auto;font-size:20px;color:#fff}
.pagecontent .slide-f{background:#80b6ce;height:48px;width:100%;float:left}
.pagecontent .slide-f .silide-img{width:96%;margin:0 auto;font-size:20px;color:#fff}
.blog-div{float:left;width:100%;text-align:left;color:#333}
.blog{margin:0 0 30px 0;width:100%;background:#fff;}
.blog .bloglist{width:70%;min-height:2000px;float:left;padding:20px;}
.blog .blogborder{width:70%;float:left;padding:20px 0;margin:30px 0 0 20px;}

.blog .blogborder .blog-content{width:100%;float:left}
.blog .blogborder h1{font-size:24px;color:#333;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;}
.blog .blogborder .date{color:#666;margin-bottom:30px;}
.blog .blogborder .content{line-height:28px;margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:30px;}
.blog .blogborder .date span{margin-right:20px;}
.blog .blogborder .rel-news{background:#f7f7f7;padding:20px;}
.blog .blogborder .rel-news ul{overflow: hidden;}
.blog .blogborder .rel-news h2{font-size:20px;color:#333;margin-bottom:15px;}
.blog .blogborder .rel-news li{width:48%;float:left;margin-bottom:20px;}
.blog .blogborder .rel-news ul{margin-top:20px;}
.blog .blogborder .rel-news li h4{font-size:14px;font-weight:normal;color:#333;}
.blog .blogborder .rel-news li p{color:#666;line-height:26px;}

.news-faq{background:#f7f7f7;padding:20px;}
.news-faq dl{overflow: hidden;margin-bottom:20px;}
.news-faq h2,.news-message h2{font-size:20px;color:#333;margin-bottom:15px;}

.news-faq dt{font-size:14px;font-weight:normal;color:#333;margin-bottom:15px;}
.news-faq dd{color:#666;line-height:20px;}

.news-message{background:#f7f7f7;padding:20px;margin:20px auto;}
.news-message textarea{overflow: hidden;margin-bottom:20px;border:1px solid #eee;background:#fff;min-height:80px;width:100%;}
.news-message li input{font-size:14px;color:#333;margin-bottom:15px;border:1px solid #eee;background:#fff;margin-right:15px;padding:10px;}
.news-message .inp-sub{background:#3A5DA8;border-radius:3px;width:150px;height:35px;line-height:35px;cursor:pointer;border:0;color:#fff;margin-top:20px;}
.news-message .inp-code{width: 180pxm;margin-right:15px;float: left;border: 1px solid #eee;height: 34px;line-height: 34px;padding: 10px;box-sizing: border-box;}
.news-message .code{overflow: hidden;}

.hot-product{margin-top:20px;border:1px solid #F2F2F2;}
.hot-product h2{background:#F2F2F2;height:40px;line-height:40px;padding:10px 15px;color:#333;font-size:22px;}
.hot-product .swiper-container{padding-bottom:50px;}
.hot-product .swiper-pagination-bullet{background:#EF3F0A;width:12px;height:12px;}
.hot-product .hot-pro-box{padding:20px;}
.hot-product .swiper-slide{border:1px solid #eee;padding:15px;box-sizing: border-box;}
.hot-product .swiper-slide h4{font-size:18px;margin:15px auto;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.blog .content  h2,.blog .content  h3{font-weight:bold;width: 100%;float: left;margin:15px 0px 10px 0px; }
.blog .content h2  {font-size: 16px;font-family: Roboto,Helvetica,Tahoma,Arial,sans-serif,Microsoft YaHei;font-weight: 700; border-bottom: 8px solid #a6cdf2;}
.blog .content h2 p {line-height:20px;}

.blog .blogcate{width:25%;margin:30px 20px 0 0;padding:5px 0 20px 0;float:right;border:1px solid #e0e4e9;text-align:left}
.blog .blogcate li p{color:#666;margin-top:5px;}
.blog .subscribe{width:25%;margin:10px 5px 0 0;padding:5px 0 20px 0;float:right;border:1px solid #e0e4e9;text-align:left}
.blog .subscribe .p_img{width:99%;margin:auto;text-align:center}
.blog .subscribe div.emails_d{width:99%;margin:auto;padding:0}
.blog .subscribe div.emails_d p span.required_title {display: block;height: 12px;text-indent: 10px; color: red;}
.blog .subscribe p.ipt_p{width:88%;margin:10px auto;padding:0;float:none}
.blog .subscribe p input[type=text]{width:100%;margin:auto;height:35px;line-height:35px;border:1px solid #ddd;box-shadow:none;outline:0;border-radius:5px;text-indent:15px}
.blog .subscribe p input[type=button]{width:100%;height:35px;margin:auto;line-height:35px;color:#fff;border:1px solid #f8af24;background-color:#f8af24;box-shadow:none;outline:0;border-radius:50px}
.popular_article,.popular_parts{width:25%;margin:10px 5px 0 0;padding:5px 0 20px 0;float:right;border:1px solid #e0e4e9;text-align:left}
.popular_article .popular_contents{width:99%;margin:auto;padding:0}
.popular_article h2{color:#333;font-size:14px;font-weight:700;text-align:left;padding:5px 5px 10px;width:98%;margin:auto;height:20px;line-height:20px}
.popular_article .popular_a{width:98%;margin:auto}
.popular_article .popular_a .article_c{width:100%;float:left;margin-bottom:15px}
.popular_article .popular_a .article_c h3 a{color:#0070bb;font-size:13px;font-weight:700;line-height:20px;float:left;width:95%}
.popular_article .popular_a .article_c h3 a:hover{color:#f60;text-decoration:underline;}
.popular_article .popular_a .article_c span.span_icon{width:5%;float:left;display:block;margin:5px 0}
.popular_article .popular_a .article_c span.span_icon i{width:9px;height:9px;background-color:#f9af23;display:block;float:left}
.popular_article .popular_a .article_c p{color:#333;font-size:12px;line-height:18px}
.popular_parts .popular_contents{width:99%;margin:auto;padding:0}
.popular_parts h2{color:#333;font-size:14px;font-weight:700;text-align:left;padding:5px 5px 0px 5px;width:98%;margin:auto;height:20px;line-height:20px}
.popular_parts .parts_a {width:100%;float:left;margin:0;padding:0;}
table.popular_table{width:100%;float:left;background-color:#fff;border:none;font-size:12px;border-bottom:1px solid #ddd;}
table.popular_table:nth-last-child(1){border-bottom:none}
table.popular_table td img{padding:15px 20px 20px 6px;}
table.popular_table tr,table.popular_table tr td{padding:0;margin:auto;border:none;height:15px;vertical-align: top;}
table.popular_table tr:nth-child(1) td{width:90px;}
table.popular_table tr td a{color:#228bcf;font-weight:700;font-size:13px}
table.popular_table tr td span:nth-child(1){font-weight:400;word-break:break-all;width:35%;display:inline-block;float:left}
table.popular_table tr td span:nth-child(2){word-break:break-all;width:65%;display:inline-block;float:left}
/*table.popular_table td span.p_code{position:relative;top:-15px;left:5px;width:20%;}*/
table.popular_table td span.price_red{color:red;}

.blog {overflow: hidden;padding:0px 0 50px;}
.blog h1 {font-size: 16px;font-weight: bold;}
.blog .post{float:left;width:100%;text-align:left;border:1px solid #e0e4e9;margin:10px 0px 10px 0px;}
.blog .post a{/*color:#0070BB;*/line-height:22px;}
.blog .post .blog_share a { color:#666;font-weight:600;line-height: 22px;}
.blog .post .blog_share a:hover {text-decoration: underline;color:#f60;}
.blog .post .blog_title {width: 96%;float: left; margin: 10px 0px 5px 10px;}
.blog .post .blog_title a.blogtitle{color:#0070BB;line-height:22px;float:left;font-size:13px;}
.blog .post .blog_title h2{color:#333;font-weight:600;}
.blog .post .blog_title a.blogtitle:hover {text-decoration:underline;}
.blog .post .blog_title span.date{width:90%;display:block;float:left;margin:5px 0px 5px 0px;font-size:13px;}
.blog .post .blog_content{width:96%;float:left;margin:5px 10px 20px 10px;line-height:20px;font-size:13px;word-wrap:break-word;word-break:normal;}
.blog .post  p{width:96%;float:left;margin:5px 10px 20px 10px;line-height:20px;font-size:13px;word-wrap:break-word; word-break:normal;word-break:break-all; }
.blog .post .blog_share{width:96%;margin:20px 0px 20px 10px;}
.blog .post .blog_share .blog_addthis{float:right;margin:0px 5px 0px 0px;}
.blog .blog_content .imgleft {width:30%;float:left;margin-right:55px;}
.blog .blog_content .industry_img img{float:none;margin:0 0 0 1em;border:1px solid #fff;box-shadow:0 0 3px #ddd;box-shadow:0 0 3px rgba(0,0,0,.2);height:auto}
.blog .post .post_b_left {width:33%;float:left;padding:10px 0px;}
.blog .post .post_b_right {width: 66%;float: left;}
.inducontent {line-height: 22px}
.indubutton a{background:#ff9917;border:none;color:#fff;border-radius:3px;font-weight:700;font-size:12px;line-height:34px;padding:5px 25px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;display:inline-block;margin:20px 0px 10px 0px;}
.indubutton a:hover{text-decoration:none;background:none repeat scroll 0 0 #f8af23;color:#fff}
.seenum{display:block;width:100%;float:left}
.seenum a{font-size:13px;background:url(/KImages/view.png) no-repeat;width:20px;height:20px;display:block;float:left}
.blog .blogcate h3 {font-size:14px;font-weight:bold;padding:15px;border-bottom:1px solid #eee;margin-bottom:15px;}
.blog .blogcate h3 a{float:right;}
.blog .blogcate li{width:90%;float:left;margin:5px 0px 5px 25px; list-style:circle;position: relative;}
.blog .blogcate li span{position:absolute;right:0px;color:#999;}
.blog .blogcate li b{font-weight:normal;color:#999;}
.blog .blogcate li a{color:#333;}
.blog .blogcate li a:hover{text-decoration:underline;}
.blog .share{width:100%;float:left;margin:0px 0px 0px 0px;}
.blog .share .sharedate{float:left;text-align:left;line-height:24px;padding-left:15px;font-weight:bold;}
.blog .share .addthis_sharing_toolbox{padding:0px 15px 0px 0px;float:left;padding-left:15px;width:80%;display: flex;position: relative;top: -20px;left: 10%;}
.blog .blogborder .blog-content h1{text-align: center;}
.blog .blogborder .blog-content .share .sharedate{text-align: center;margin: auto;float: revert;}
.blog .blogborder .blog-content .content{width:98%;float:left;margin:10px 10px 20px 10px;text-align:left;line-height:20px;}
.blog .blogborder .blog-content .content p{width:98%;float:left;margin:5px 10px 5px 10px;line-height:20px;word-wrap:break-word; word-break:normal;}
.blog .blogborder .blog-content .content a{color:#0070BB;text-decoration:none;}
.blog .blogborder .blog-content .content a:hover{text-decoration:underline;width: 200px;margin: auto;padding: 30px;text-align: center;}
.blog .div_blog_page{width:280px;float:left;margin:0px 0px 20px 250px;}
.blog .div_blog_page a{color:#0070BB;padding:0px 10px;display:block;float:left;}
.blog .div_blog_page a:hover{text-decoration:underline;}
.blog .blogrelate{width:100%;float:left;text-align:left;}
.blog .blogrelate h3{font-weight:bold;font-size:14px;text-indent:10px;background:#E0E3E8;padding:10px 0px;}
.blog .blogrelate li{width:98%;float:left;margin:10px 0px 0px 10px;}
.blog .blogrelate li a{color:#0070BB;}
.blog .blogrelate li a:hover{text-decoration:underline;}
 table.catalog_table {width: 100%;float: left;}
table.catalog_table tr{width: 100%;float: left;border:none;padding:0px;}
table.catalog_table tr td {width: 100%;float: left;vertical-align: top;border-top: 1px solid #ddd;padding:3px 0px;}
table.catalog_table tr td a {font-size:15px;font-family: 'Arial,Verdana,Roboto,Helvetica,Tahoma,sans-serif,SimSun';color:#0070BB;padding:4px 10px;display:block;}
.blog .bloglist .nav-sort .page {float: right;margin: 10px 10px 0px 0px;}
.blog .blogborder .blog-content h2, .blog .blogborder .blog-content h3, .blog .blogborder .blog-content h4{font-family: 'Arial,Verdana,Roboto,Helvetica,Tahoma,sans-serif,SimSun';}
.blog .blogborder .blog-content h2 {font-size:20px;padding:8px 0px;font-weight:700;}
.blog .blogborder .blog-content h3 {font-size:18px;padding:8px 0px;font-weight:700;}
.blog .blogborder .blog-content h4 {font-size:16px;padding:8px 0px;font-weight:700;}
.blog .bloglist .nav-sort .page a{display:block;float:left;margin:6px 3px 0px 3px;width:25px;height:25px;display:block;float:left;text-decoration:none;text-align:center;line-height:25px;border:1px solid #EF3F0A;border-radius:3px;}
.blog .bloglist .nav-sort .page a:hover{background:#EF3F0A;color:#FFF;}
.blog .bloglist .nav-sort .page span{display:block;float:left;width:26px;height:27px;font-weight:bold;color:#FFF;margin-top:6px;background:#EF3F0A;text-align:center;border-radius:3px;line-height:27px;}
.blog .bloglist .nav-sort .page a.pre{background:url(../KImages/icon/previous.gif) no-repeat;border:none;width:28px;height:28px;}
.blog .bloglist .nav-sort .page a.pre:hover{background:url(../KImages/icon/pre-hover.gif) no-repeat;}	
.blog .bloglist .nav-sort .page a.next{background:url(../KImages/icon/next.gif) no-repeat;border:0px;width:28px;height:28px;}
.blog .bloglist .nav-sort .page a.next:hover{background:url(../KImages/icon/next-hover.gif) no-repeat;border:0px;}
div.new_top_contents{width:97%;margin:0px auto 20px auto;height:252px;border:1px solid #feb801;background-color:#feb801}
.blog div.content a{color:#0070BB;font-weight:600;cursor:pointer;}
.blog div.content a:hover{color:#F60;font-weight:600;cursor:pointer;text-decoration:underline;}

.hotproduct li{overflow:hidden;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
.hotproduct li .com-img{width:30%;float:left;}
.hotproduct li .note{width:65%;float:right;}
.hotproduct li h4{margin-bottom:10px;}
.hotproduct li h4 a{color:#333;font-size:14px;}
.hotproduct li .note p{font-size:12px;color:#666;}

div.content {width:97%;margin:auto;word-wrap:break-word;}
div.content p{line-height:25px;}
div.content ul {width:96%;margin:auto;}
div.content ul li{list-style:disc;padding:5px 3px;}
div.content table tr td{padding:5px 3px;}
div.new_top_contents .new_top_left{width:60%;float:left;height:250px}
div.new_top_contents .new_top_left .left_contents{width:80%;margin:20px auto}
.div_block{display:block;width:100%;float:left;margin:5px auto}
.div_block .span_floleft{color:#fff;font-weight:600;font-size:14px}
div.new_top_contents .new_top_left .entry-title{color:#fff;font-size:22px;text-align:left;}
.ayes_container{width:35px;height:35px;position:relative}
.shape{position:relative}
.shape:before{content:'';display:block;overflow:hidden;width:25px;height:25px;border-radius:80% 20%;background:#fff;border-width:3px 1.5px 1.5px 3px;transform:rotate(45deg)}
.shape:after{content:'';display:block;width:1px;height:1px;position:absolute;top:10px;left:50%;border-radius:50%;box-shadow:-5px 2px 0 5px #da981f}
.span_num_relative{position:relative;top:-23px;left:42px;font-size:16px}
div.new_top_contents .new_top_right{width:40%;float:left;height:250px;display:table}
div.right_ellipse{display:table-cell;vertical-align:middle}
div.div_ellipse{margin:auto;width:0;height:0;border-width:100px 150px;border-style:solid;border-color:#fff;border-radius:150px/100px}
img.part_img{height:150px;width:210px;border-radius:50%;position:relative;top:-70px;left:-100px}
div.partorder {width:100%;float:left;}
.partorderlist table tr.tr-head {background-color: #347AB6;color: #fff}
.marigin_top10 { margin: 10px 0px;}
.bestsales{width:100%;float:left}
.bestsales table.table_details{width:98%;margin:auto}
.bestsales table.table_details tr.tr-head{background-color:#435267;color:#fff;height:35px;line-height:35px;font-size:13px;font-weight:500;text-indent:10px}
.bestsales table.table_details td.pnext-td{display:none}
.bestsales table.table_details tbody{background-color:#f8f8f8}
.bestsales table.table_details tbody span.stock-none{display:none}
.bestsales table.table_details tbody a.part{color:#0070bb;font-size:13px;font-weight:600}
.bestsales table.table_details tbody a.part:hover{color:#f60;text-decoration:underline}
.bestsales table.table_details tbody table.price-table{color:red;font-weight:500}
.bestsales table.table_details tbody table.price-table .left_price{text-align:left;padding:3px 5px;width:66px}
.bestsales table.table_details tbody table.price-table .right_price{text-align:left;padding:3px 5px}
.bestsales table.table_details tbody .partbuy{background:#f8af24;color:#fff;border:0;width:90%;cursor:pointer;display:block;text-align:center;height:30px;line-height:30px;border-radius:5px}
.bestsales table.table_details tbody .buy{background:#f8af24;color:#fff;border:0;width:90%;cursor:pointer;text-align:center;height:30px;line-height:30px;border-radius:5px}
.bestsales table.table_details tbody tr{border-bottom:1px solid #ddd}
.bestsales table.table_details .price-table tbody tr{border:none}
.bestsales table.table_details tbody td.pn div{margin:3px 0}
.related{width:100%;float:left;margin-bottom:20px}
.blog .related .post p{width:initial;float:left;margin:10px 0;line-height:inherit;font-size:13px;word-wrap:break-word;word-break:normal;word-break:break-all}
.blog .related .post p.imgleft img{margin:0 10px}
.related h2.title_btncss{font-size:16px;border:none;height:40px;line-height:40px;background-color:#feb800;color:#fff;text-align:center;margin:auto;width:200px;border-radius:8px;border-bottom:none;border-style:none;font-weight:bolder;font-family:Roboto,Helvetica,Tahoma,Arial,sans-serif,Microsoft YaHei}
.related .relatednone{display:none}
.related .divfaq_view{margin:10px auto 0 auto;width:100%;float:left}
.related .corner{width:0;height:0;border:10px solid #333;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;margin:-10px auto -6px auto}
.related a.faq_view{background-color:#333;color:#fff;border-radius:10px;cursor:pointer;width:120px;height:26px;line-height:26px;text-align:center;font-weight:600;border:1px solid #333;margin:auto;display:block}
.related div.related_top{border-top:6px solid #fbc3ab}
.related .entry-content{clear:both}
.related .post{padding:15px 0;margin-bottom:25px;overflow:visible;position:relative;width:100%;margin:0;border:none;border-bottom:1px solid #ddd}
.related .imgleft{float:left;margin-right:25px}
.related .contents_right{float:left;width:65%;padding:20px}
.related .post-title{color:#1f1a22;word-wrap:break-word}
.related .post-title a{font-weight:bolder}
.related .related_content p.deta_pspan{width:100%;text-align:left}
.related .related_content span.span_floleft{float:left;display:inline-block;margin:0;padding:0;text-align:left}
.related .related_content span.span_floleft:nth-child(n+2){display:inline-block;margin:0 20px}
.related .related_content p.btn_pspan{margin-top:5px}
.related .related_content p a.btn{height:36px;line-height:36px;padding:0;color:#fe9d2b;font-size:15px;font-weight:700}
#respond{width:100%;float:left;margin:20px 0}
#respond h3#reply-title{padding:0 18px;font-weight:700;font-size:16px;color:#4a474b;z-index:10;position:relative;top:-15px}
.green_border{width:98%;margin:auto;z-index:1;border-bottom:8px solid #c3d600}
#respond .comment-notes{padding:0 15px 10px 15px;font-size:13px;font-weight:500}
#respond .form-group{margin-bottom:15px}
#respond input[type=text],#respond textarea{display:block;width:98%;margin:auto;text-indent:15px;height:auto;padding:10px 0;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
#respond input[type=text]{height:30px;line-height:30px;margin:0 10px;padding:0;width:90%;outline:0;box-shadow:none}
#respond input[type=text]:nth-child(n+2){padding-right:15px}
#respond .col-sm-4{width:28%;float:left}
#respond .yzmimg img{width:120px;height:30px;line-height:30px}
#respond .Score{width:100%;float:left;margin-bottom:20px;text-align:left;text-indent:15px}
#respond input[type=submit]{background:#ff9918;border:none;color:#fff;border-radius:3px;font-family:Roboto,Helvetica,Tahoma,Arial,sans-serif,Microsoft YaHei;font-weight:700;font-size:14px;line-height:34px;width:180px;text-align:center;border-radius:30px}
#respond .form-submit{width:98%;margin:auto}
#respond .errorMessage{padding-left:10px}
#respond .errorMessage2{position:relative;left:-80px}

.stocklist .tr-head {background: #f5f5f5}
.stocklist .tr-head td{border:1px solid #e0e4e9;border-right:none;padding:10px 5px;font-weight:bold;text-align:center;}
.stocklist .tr-head .hpic{width:71px;}
.stocklist .tr-head .hky-part{width:130px;}
.stocklist .tr-head .hmfg-part{width:130px;}
.stocklist .tr-head .hmfg{width:88px;}
.stocklist .tr-head .hdesc{width:195px;}
.stocklist .tr-head .hpackage{width:86px;}
.stocklist .tr-head .hpdf{width:70px;}
.stocklist .tr-head .hqty{text-align:center;width:70px;}
.stocklist .tr-head .hprice{border-right:1px solid #e0e4e9;text-align:right;padding:5px;width:98px;}
.stocklist table.brandtabel {width:98%;margin:auto;}
.partorder h2.title_btncss {font-size: 16px;border: none;height: 40px;line-height: 40px;background-color: #FEB800;color: #fff;text-align: center;margin: auto;width: 200px;border-radius: 8px;border-bottom: none;border-style: none;font-family: Roboto,Helvetica,Tahoma,Arial,sans-serif,Microsoft YaHei;font-weight: 700;}

/*====blog===============*/


@media screen and (max-width: 768px) {
    /*Blog*/
    .pagecontent .slide {height:auto;}
    .blog{/*display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;*/width:94%;margin:0 auto;padding:15px 0;}
    .blog .blogcate{width:100%;float:left;margin: 0px 5px 0px 0px;margin-top:20px;}
    .blog .bloglist{width:100%;float:left;padding:0px;}
    .blog .post{margin:10px 0 10px 0}
    .nav-sort .page a{padding:0}
    .nav-sort .page span{padding:0}
    .blog .post .blog_share .blog_addthis{float:left;margin-left:-20px;width:100%}
    .blog .post .blog_title h2 {font-size:14px;font-weight:bold;}
    .blog .post .blog_content {font-size:12px;}
    .blog .blogborder {width: 100%;overflow: hidden;}
    .pagecontent .slide .silide-title {font-size: 16px;}
    .blog .share .addthis_sharing_toolbox{width:80%;display: flex;position: relative;top: -20px;left: 20%;}
    .addthis_sharing_toolbox{margin:20px;}
    .page span,.page a  {width:20px;height:20px;line-height:20px;margin:0px 2px;}
    .nav-sort .page a {line-height: 20px;}
    .blog .post .post_b_left {width:100%;float:left;padding:10px 0px;}
    .blog .post .post_b_left img{width:100%;height:100%;object-fit: cover;}
    .blog .post .post_b_right {width: 100%;float: left;}
    .bestsales table.table_details tbody span.stock-none{display:inline-block}
    .bestsales table.table_details thead .tr-head td{display:none}
    .bestsales table.table_details thead .tr-head td.hmfg-part{display:block}
    .bestsales table.table_details tr{display:-ms-grid;display:grid;border-radius:2px;position:relative;grid-column-gap:0;grid-template-columns:49% 49%;-ms-grid-columns:49% 49%}
    .bestsales table.table_details tr td:nth-child(-n+7){border:none!important;display:-ms-grid;position:relative}
    .bestsales table.table_details .pic{grid-column:1;grid-row:2/span 4}
    .bestsales table.table_details .pic img{width:100px;height:100px;text-align:center;margin:20px auto}
    .bestsales table.table_details .pn{grid-row-start:2;grid-column-start:1;font-size:12px;text-overflow:ellipsis;align-self:center;text-align:left;padding:3px 5px;margin-left:108px;width:120%}
    .bestsales table.table_details .price{grid-row-start:3;grid-column-start:1;font-size:12px;text-overflow:ellipsis;align-self:center;text-align:left;padding:3px 5px;margin-left:108px;width:120%}
    .bestsales table.table_details .qty{grid-row-start:4;grid-column-start:1;font-size:12px;text-overflow:ellipsis;align-self:center;text-align:left;padding:3px 5px;margin-left:108px;width:120%}
    .bestsales table.table_details td.pnext-td {display:block;grid-row-start: 5;grid-column-start: 2;font-size: 12px;text-overflow: ellipsis;align-self: center;text-align: right;padding: 2px;width: 100%;}
    .bestsales table.table_details td.pnext-td a {float: right;text-align: right;font-weight: bold;color: #435267;position:relative;top:-70px;}
    .bestsales table.table_details tbody table.price-table{color:red;font-weight:500;width:80%;float:right;position:relative;top:-14px}
    .bestsales table.table_details tbody td.price span.price_call{width:80%;float:right;position:relative;top:-14px}
    .bestsales table.table_details tbody table.price-table .left_price{text-align:left;padding:1px 3px;width:66px}
    .bestsales table.table_details tbody table.price-table .right_price{text-align:left;padding:1px 3px}
    .related .contents_right {float: left;width: 90%; padding:0px 10px;}
    #respond .col-sm-4 {width: 90%;float: left;text-align:left;}
    #respond .yzmimg {padding-left: 10px;}
    #respond .yzmimg img {width: 200px;height: 33px;line-height: 33px;}
    #respond input[type=submit] {line-height: 35px;width: 210px;}
    div.new_top_contents {height:450px;}
    div.new_top_contents .new_top_left {width: 100%;float: left; height: auto;}
    div.new_top_contents .new_top_right {width: 100%;float: left; height: auto;}
    #blogcontent img {width: 80%;height: auto;}
    #blogcontent table:not(.catalog_table) {font-size:12px;overflow-x: scroll !important;display: block !important; 
    float: none !important;-webkit-overflow-scrolling: touch !important;-webkit-overflow-scrolling-x: touch;overflow: auto !important;overflow-y: scroll !important;}
    .popular_article, .popular_parts {width: 99%;margin: 10px auto;padding: 5px 0px 20px 0px;}
    .blog .subscribe {width: 99%;margin: 10px auto;padding: 5px 0px 20px 0px;}
    .blog .blogborder{box-sizing: border-box;padding:15px;margin:0;}
    .blog .blogborder .rel-news li{width: 100%;margin-bottom:13px;}
    .blog .blogborder .rel-news li p{display:none;}
    .pub-number-filter{margin:0 10px;}
}