.flex{ display: flex;}
.flex-align-center{ align-items: center;}
.flex-direction{flex-direction:column;}
.ms-float-l{float: left\9;}
.ms-float-r{float: right\9;}
.text-single-overflow{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.text-many-2-overflow{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.text-many-3-overflow{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.flex-align-start{ align-items: flex-start;}
.flex-direction{flex-direction:column;}
.clear::after{ content: " "; display: block; height: 0px; width: 100%; clear: both;}
.p-all-10{ padding: 10px;}
.p-all-16{ padding: 16px;}
.text-overflow{text-overflow:ellipsis;/*����...*/ display:-webkit-box; -webkit-line-clamp:1;/*��ʾ����*/ -webkit-box-orient:vertical; overflow:hidden;}

.m-t-10{ margin-top: 10px;}
.m-r-10{ margin-right: 10px;}
.m-b-10{ margin-bottom: 10px;}
.m-l-10{ margin-left: 10px;}
.m-t-20{ margin-top: 20px;}
.m-r-20{ margin-right: 20px;}
.m-b-20{ margin-bottom: 20px;}
.m-l-20{ margin-left: 20px;}


.border-box{-webkit-box-sizing: border-box; box-sizing: border-box;}
.backColorGreed{ background-color: #0f3c95;}
.backColorLightGreed{ background-color: #ecf1fd;}
.backColorYellow{ background-color: #f9932c;}
.textColorGreed{ color: #0f3c95;}

/* 顶部底部公用 start*/
#el-top-header{ height: 35px; background-color: #fafafa; border-bottom: 1px solid #eeeeee; width: 100%;}
#el-top-header .TopHeaderwrapper{ width: 1200px; margin: 0 auto; line-height: 1em; font-size: 12px;}
#el-top-header .TopHeaderwrapper .TopHeaderLeftText{ color: #7d7d7d; line-height: 35px; flex: 1; float: left;}
#el-top-header .TopHeaderwrapper .TopHeaderLeftText a{ color: #7d7d7d;}
#el-top-header .TopHeaderwrapper .TopHeaderLeftText a:hover{ color: #1ab566;}
#el-top-header .TopHeaderwrapper .TopHeaderLeftText .Thwl-icon{ margin-left: 10px;}
#el-top-header .TopHeaderwrapper .TopHeaderRightText{ color: #666666; line-height: 35px; flex: 1; text-align: right;}
#el-top-header .TopHeaderwrapper .TopHeaderRightText a{ color: #666666;}
#el-top-header .TopHeaderwrapper .TopHeaderRightText a:hover{ color: #1ab566;}
#el-top-header .TopHeaderwrapper .TopHeaderLeftText .TopHeader-login-icon, #el-top-header .TopHeaderwrapper .TopHeaderLeftText .TopHeader-register-icon{ font-size: 11px; margin-right: 3px; color: #7d7d7d;}

#footer { background-color: #ffffff;  padding-bottom: 58px;}
.footer-wrapper{ width: 1200px; margin: 0 auto;}
.footer-link-list { padding: 28px 0; border-bottom: 1px solid #e5e6e9;}
.footer-link-list .lable{ background-color: #f2f2f3; width: 120px; min-width: 120px; line-height: 25px; height: 25px; text-align: center; margin-right: 10px; float: left\9;}
.footer-link-list .content{ flex: 1; line-height: 25px; padding-left: 130px\9; min-height: 25px;}
.footer-link-list .content a{ margin: 0px 5px;}

.footer-menu{ text-align: center; padding-top: 58px; color: #6e6e6e; font-size: 15px;}
.footer-menu a{ margin: 0px 10px; color: #6e6e6e;}
.footer-menu a:hover{ color: #1ab566;}

.footer-copyright{text-align: center; padding-top: 20px;}
.footer-copyright .item{ padding: 5px 0; text-align: center; justify-content: center;}
.footer-copyright .item p{ margin-right: 8px; font-size: 12px; color: #717171; display: inline-block;}
.footer-copyright .item a{color: #717171;}
.footer-copyright .item a:hover{color: #1aad60;}
/* 顶部底部公用  end*/
.exhibition_main_item_bottom_address a .iconfont2 {
	margin-left: 0px;
}



.mainColor > .index_box .index_top_menu a.all_goods_type, .index_serch_div .serch_input_div .serch_button, .index_serch_div .serch_title_div .serch_title_item.active, .index_main .index_main_right .index_main_right_recommend_main .index_main_right_recommend_main_item .hover_div .hover_div_text, .index_quotation_box .index_quotation_menu .index_quotation_menu_item.active, .quotation_menu_item_div_right .div_right_type .div_right_type_item.active, .el-index-title .name::after, .el-home-leftLoop .hd ul li.on, .goods_header_title:after, .product_box_right_top_li:after, .product_div_item_title:after, .page .pagination li.active, .box_right_top_li::before, .quotation-wrap-menuList .quotation-wrap-menuList-li.active .title, .quotation-wrap-menuList-content .right-news-list .right-news-list-menu .rnlm-li.active .rnlm-li-title, .quotation_menu_item_div_right .div_right_type .div_right_type_item .div_right_type_item_list .list_li:hover .li_more, .company-about-more {
	background-color: #0f3c95!important;
}
.mainColor > .el-home-leftLoop .hd ul li, .index_main .index_main_menu .index_main_menu_item:hover, .supplier_recommend_item_info, .supplier_news_li_number, .product_div_item_left_info_title, .index_quotation_box .index_quotation_menu, .quotation-wrap-menuList, .quotation-news-list li span, .r_news_li_number, .ntime {
	background-color: #edf3ff!important;
}
.mainColor > .index_main .index_main_menu .index_main_menu_item>a:hover, a:hover, #el-top-header .TopHeaderwrapper .TopHeaderLeftText a:hover, .supplier_recommend_header .supplier_recommend_type .supplier_recommend_type_a.active, .supplier_recommend_item_info, .goods_header_type_item, .supplier_news_li_number, .supplier_news_li:hover .supplier_news_li_text, .product_div_item_type .product_div_item_type_a, .product_div_item_left_info_title, .text-color-green, .quotation-news-list li span, .ina, .r_news_li_number, .ntime {
	color: #45c1ef!important;
}
.mainColor .index_serch_div .serch_input_div, 
.mainColor .index_main .index_main_menu .index_main_menu_item .menu_item_list, .supplier_recommend_header .supplier_recommend_type .supplier_recommend_type_a.active, .product_div_item_left_goods_item:hover, .page .pagination li.active, .quotation-wrap-menuList-content .right-news-list .right-news-list-menu .rnlm-li.active .rnlm-li-title, .quotation_menu_item_div_right .div_right_type .div_right_type_item .div_right_type_item_list .list_li:hover .li_more {
	border-color: #0f3c95!important;
}
.mainColor .supplier_product_type_item_title:after{
	background: linear-gradient(to right,#0f3c95,rgba(0,0,0,0))!important;
}
.mainColor .product_recommend_box .product_item:hover, .mainColor .product_div_item_right .product_item {
	border-color: #c8dbff!important;
}


/*导航搜索*/
.index_box{width: 100%;background: #FFFFFF;display: block;}
.index_content{width: 1200px;margin: 0 auto;}


.index_box .index_serch_box{height: 112px;}
.index_box .index_serch_box .index_logo_div{width: 235px;margin-top: 42px\9;}
.index_box .index_serch_box .index_serch_div{flex: 1;width: 787px\9;max-width: 787px;height: 117px;background: #FFFFFF;margin-top: 21px\9;margin-left: 28px;margin-right: 13px;}
.index_box .index_content .index_inquiry_div{width: 136px;height: 55px;background: #f68a1d;border-radius: 3px;font-size: 18px;color: #FFFFFF;font-weight: bold;text-align: center;line-height: 55px;margin-top: 52px\9;cursor: pointer;}
.index_serch_div .serch_title_div{height: 31px;line-height: 31px;}
.index_serch_div .serch_title_div .serch_title_item{padding: 0px 19px 0px 18px;border-radius: 4px 4px 0px 0px;text-align: center;box-sizing: border-box;font-size: 16px;color: #313131;cursor: pointer;}
.index_serch_div .serch_title_div .serch_title_item.active{background: #0c41ad;color: #FFFFFF;}
.index_serch_div .serch_input_div{width: 100%;height: 55px;border: 2px solid #0c41ad;box-sizing: border-box;border-radius:0px 4px 4px 4px;}
.index_serch_div .serch_input_div .serch_input{flex: 1;padding-left: 22px;width: 655px\9;max-width: 655px;box-sizing: border-box;height: 51px;line-height: 51px;}
.index_serch_div .serch_input_div .serch_button{width: 128px;height: 51px;background: #0c41ad;color: #FFFFFF;font-size: 18px;font-weight: bold;text-align: center;line-height: 51px;cursor: pointer;}
.index_serch_div .serch_input_div .serch_button span{font-weight: initial;font-size:18px;margin-right: 10px;}
.index_serch_div .serch_hot_div{color: #656565;font-size: 13px;height:31px;line-height: 35px;}
.index_serch_div .serch_hot_div a{padding: 0px 5px;}
.index_box_share{width: 100%;background: #FFFFFF;display: block;}
.index_box_share .index_top_menu{justify-content: space-between;height: 50px;line-height: 50px;}
.index_box_share .index_top_menu a{font-size: 16px;color: #313131;display: inline-block\9;box-sizing: border-box;padding: 0px 13px\9;}
.index_box_share .index_top_menu a:last-child{padding-right: 13px;}
.index_box_share .index_top_menu a.no_blod{font-weight: inherit;}
.index_box_share .index_top_menu a.all_goods_type{width: 237px;max-width: 237px;min-width: 237px;font-size: 16px;color: #FFFFFF;background: #0c41ad;border-radius: 3px 3px 0px 0px;padding-left: 18px;}
.index_box_share .index_top_menu a.bold{ font-weight:bold; color:#0c41ad;}
.index_box_share .index_top_menu a.index{color: #0F3C95;}
.index_box_share .index_top_menu a.supplier{color: #e60000; font-weight:bold;}
.index_box_share .index_top_menu a.supplier span{font-size: 18px;}
.index_box_share .index_top_menu a.product{color: #0c7fee;  font-weight:bold;}
.index_box_share .index_top_menu a.opportunity{color: #835a28;  font-weight:bold;}
.index_box_share .index_top_menu a.opportunity span{font-size: 20px;}
.index_box_share .index_top_menu a.scm{color: #964adc;  font-weight:bold;}
.index_box_share .index_top_menu a.scm span{font-size: 16px;}
.index_box_share .index_top_menu a.buy{color: #113a94;  font-weight:bold;}
.index_box_share .index_top_menu a.buy span{font-size: 16px;}
.index_box_share .index_top_menu a.mailist{color: #f6891e;  font-weight:bold;}
.index_box_share .index_top_menu a.mailist span{font-size: 20px;}
.index_box_share .index_top_menu .vertical_bar_item:before{border-left: 2px solid #eaedf8;padding-left: 25px;content: "";}
/*
body {
        -webkit-filter: grayscale(100%);
    }
html {
 	filter: grayscale(100%);
 	-webkit-filter: grayscale(100%);
 	-moz-filter: grayscale(100%);
 	-ms-filter: grayscale(100%);
 	-o-filter: grayscale(100%);
 	filter: url("../fonts/83dc6f12ec664ca2ac837baa83bdc90c.woff");
 	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 	-webkit-filter: grayscale(1);
 }
*/

.top_banner{ width:935px; float:left;}
.fl{ float:left;}
.fr{ float:right;}
.cle{ clear:both;}
.ml_20{ margin-left:20px;}	
    .nav_new{ background-color: #0f3c95;}
    .nav_new .index_content a{ color: white; font-weight: normal;}
     .nav_new .index_content .font_b{ font-weight: bold;}
	 .search_new{ background-color:#FFF; height:50px; width:1200px; clear:both; margin:0px auto;}
	 .search_input{ border:#0f3c95 2px solid; height:30px; margin:8px 20px; width:530px; line-height:30px;}
	 .search_input select{ line-height:30px; border-left:#0f3c95 2px solid; border-bottom:#0f3c95 1px solid; margin:0px 5px; height:30px;}
	 .search_button{ background-color:#0f3c95; color:#FFF; width:80px; float:right; height:30px; line-height:30px;}
	 .hot_new{ margin-right:20px; color:#0f3c95;}
	 .hot_new a{ color:#535353; line-height:50px;} 
     .index_box .index_top_menu{justify-content: space-between;height: 50px;line-height: 50px; background-color: #0f3c95;}
     .index_box .index_top_menu{justify-content: space-between;height: 50px;line-height: 50px; background-color: #0f3c95;}
.index_box .index_top_menu a{font-size: 16px;color: #313131;font-weight: bold;display: inline-block\9;box-sizing: border-box;padding: 0px 13px\9;}
.index_box .index_top_menu a:last-child{padding-right: 13px;}
.index_box .index_top_menu a.no_blod{font-weight: inherit;}
.index_box .index_top_menu a.all_goods_type{width: 237px;max-width: 237px;min-width: 237px;font-size: 16px;color: #FFFFFF;background: #19884e;border-radius: 3px 3px 0px 0px;padding-left: 18px;}
.index_box .index_top_menu a.supplier{color: #e60000;}
.index_box .index_top_menu a.supplier span{font-size: 18px;}
.index_box .index_top_menu a.product{color: #0c7fee;}
.index_box .index_top_menu a.opportunity{color: #835a28;}
.index_box .index_top_menu a.opportunity span{font-size: 20px;}
.index_box .index_top_menu a.scm{color: #964adc;}
.index_box .index_top_menu a.scm span{font-size: 16px;}
.index_box .index_top_menu a.mailist{color: #f6891e;}
.index_box .index_top_menu a.mailist span{font-size: 20px;}
.index_box .index_top_menu a.buy{color: #19884E;}
.index_box .index_top_menu a.buy span{font-size: 20px;}
.index_box .index_top_menu .vertical_bar_item:before{border-left: 2px solid #eaedf8;padding-left: 25px;content: "";}