/* CSS Document */
*{padding:0;margin:0;line-height:inherit}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }

@font-face {
	font-family: "onestfont"; /* Project id 3487115 */
	src: url('onest.woff2?t=1656394845671') format('woff2'), url('onest.ttf?t=1656394845671') format('truetype');
}
body, input, select, button, textarea {
	font-size: 14px;
	font-family: "onestfont",Arial,"Microsoft YaHei",Tahoma,Helvetica,sans-serif;
	color: #333333;
}
body{min-width: 1600px;background: #f4f4f4}
button,input,select,textarea{ margin: 0; padding: 0; outline: none;border:none;background: none;}
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body { line-height: 150%; }
a, a:link {color: inherit;text-decoration: none;cursor: pointer;padding: 0;line-height: inherit;margin: 0;}
a:visited {  }
a:active, a:hover { text-decoration: none; color:#000000; }
a:focus { outline: none; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
/*--input--*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}   
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
b{ font-weight:normal;}
.blank10{ width:100%; height:10px; line-height:10px; clear:both; overflow:hidden;}

/*#e60019 hover #ff0000*/
.col{width:100%;height: auto;}
.wrapper{max-width:1520px;height: auto;margin:0 auto;min-width: 1200px;}
.wrapper1200{max-width:1200px;height: auto;margin:0 auto;min-width: 1200px;}
.img{width:100%;height: auto;}
.con{width:100%;height: auto; }
.pagemain{width:100%;height: auto;margin-top: 177px; min-width:1600px; margin-bottom:30px}

/*.3s动画过渡*/
.transtion_3s{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.transtion_4s{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.transtion_6s{-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s;}

/*showUp*/
.imgBox_hover:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.trunTopBox_hover:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.shadowBox_hover:hover{  -webkit-transform: translate(0, -5px);
        -ms-transform: translate(0, -5px);
            transform: translate(0, -5px);
    -webkit-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.05); }

/*--pagingbar--*/

/*--pagingbar--*/
.pagingbar{width:100%; height:auto; text-align:center; float:left; margin: 30px 0;}
.pagingbar .blue{text-align: center;}
.pagingbar .blue A{width: auto;height: 60px;color: #ffffff;font-size: 16px;line-height: 60px;text-align: center;display: inline-block;margin: 0 5px;padding: 0 15px;box-sizing: border-box;min-width: 60px;background-color: #e6e6e6;}

.pagingbar .blue A:active{color: #fff;background: #e60019;width: auto;height: 36px;font-size: 14px;padding: 0 25px;line-height: 36px;text-align: center;display: inline-block;margin: 0 5px;box-sizing: border-box;}
.pagingbar .blue span.current{color: #fff;background: #e60019;width: auto;height: 60px;font-size: 16px;padding: 0 25px;line-height: 60px;text-align: center;display: inline-block;margin: 0 5px;box-sizing: border-box;}
.pagingbar .blue span.disabled{color: #fff;background: #ebebeb;}

 .pagingbar .blue A:hover{color: #fff;background: #e60019;width: auto;height: 60px;font-size: 16px;padding: 0 25px;line-height: 60px;text-align: center;display: inline-block;margin: 0 5px;box-sizing: border-box;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}

/* 导航栏 */ 
.header{ position: fixed; top: 0; width: 100%; z-index: 999 ; box-shadow: 0 0px 3px #cccccc; min-width:1600px } 
.header.headerfixed{position: fixed;z-index: 1000;background: #FFFFFF;box-shadow: 0 10px 10px rgba(0,0,0,0.1);left: 0;top: 0;}

.header-top{ font-size: 14px; line-height: 36px; height: 36px; width: 100%; background-color: #f4f4f4; } 
.header-top a{ color: #1e50a2; } 
.lang{ float: right; padding-left:30px; cursor: pointer} 
.lang img{ vertical-align: middle; margin-bottom: 2px; } 
.user{ float: right; } 
.user a:last-child{ margin-left:32px ; }  
.header-mid{ background-color: #ffffff; width: 100%; height: 90px; } 
.header .logo{ float: left; padding-top:15px ; } .logo img:last-child{margin-top: 3px;margin-left: 10px;} 
.search{ float: left; margin: 25px 0; width: 640px; height: 40px; background-color: #ffffff;  margin-left: 69px; }  
.search input{ border-radius:  20px 0 0 20px ; border: solid 2px #1e50a2; border-right: 0px; float: left; font-size: 14px; padding-left: 25px; height: 36px; width: 473px; } 
.search .btnsearch{ border-radius: 0 20px  20px 0; float: right; width: 140px; height: 40px; background-color: #1e50a2; color: #ffffff; cursor: pointer;  text-align:center; line-height:40px} 
.search .btnsearch:hover{ background-color: #e60019; }
.shop{float: right;margin-top: 36px;} 
.shop a{margin-left: 12px;line-height: 29px;float: left;} 
.shop a img{margin-right: 8px;vertical-align: baseline;} 
.header-btm{ background-color: #ffffff; border-top: #f4f4f4 1px solid; height: 50px; line-height: 50px; } 
.header-btm a{ float: left; margin-left:50px ; }
.header-btm a.current,.header-btm a.current {font-weight:bold; color:#1e50a2	} 
.huilv{ float: right!important; margin-right: 0px !important; } 
.all-category{ position: relative; margin-right: 30px!important; } 
.all-category>*{ float: left; } 
.all-category>img{ margin-top: 19px; } 
.all-category>img:last-of-type{ margin-top: 24px !important; } 
.all-category>*{ padding-right:10px; }    
.all-category:hover>.all-cate{ display: block; } 
.all-cate{ top: 50px; position: absolute; display:none; height: auto; min-height:300px; width: 750px; background-color: white; }
.all-cate li {width:150px; display:block; float:left }
	.all-cate li a:hover { color:#e60019}
/*购物车*/
.header  .cart_con{width:auto;line-height: 39px;position: relative;cursor: pointer}
.header  .cart_con .N{display:none; width:auto;position: absolute; top:-10px;right:58px;color:#FFF;font-size:12px; text-align:center; font-weight:bold; line-height:20px; min-width:20px; height:20px; border-radius:10px; background:#e60012}
.header  .cart_con .V{width:auto;position: absolute; top:-10px;right:0;color:#e60012;font-size:14px; font-weight:bold; line-height:10px;display:none;}
.header  .cart_con .txt_cart{}

.cart_list::after{
	content: "";
	position: absolute;
	right: 20px;
	top: -5px;
	width: 8px;
	height: 8px;
	margin-left: 0;
	border-top: 1px solid #ebeced;
	border-left: 1px solid #ebeced;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #fff;
}
.cart_list{	top: 50px;	right: 0;  position: absolute;	width: 260px;	box-sizing: border-box;
	height: 0px;	opacity: 0;	z-index: -1;	background-color: transparent;
	-webkit-transform: translate(0%, 50%);
	-ms-transform: translate(0%, 50%);
	transform: translate(0%, 50%);
	-webkit-transform: translate3d(0%, 50%, 0);
	transform: translate3d(0%, 50%, 0);
	overflow:hidden;
	}
.cart_list .cart_li{width:100%;height: 50px;margin-bottom:10px; margin-left: 0}
.cart_list .cart_li .proimg{width:50px;height: 50px;margin-right: 10px;display: inline-block;background-color: #ececec}
.cart_list .cart_li .rg {width: 170px;}
.cart_list .cart_li .rg .fs1{font-size: 14px;color: #000000;line-height: 22px;}
.cart_list .cart_li .rg .fs2{font-size:16px;color: #000000;line-height: 26px;}
.cart_list .btnmore{width:100%;height: 36px;line-height: 36px;text-align: center;font-size: 14px;background-color: #ececec;color: #999999;margin-top: 10px;}
.cart_list .btnmore:hover{background-color: #e60019;color: #FFFFFF}
.header  .cart_con:hover .cart_list {
    height: auto;
    box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 20%);
    position: absolute;
    z-index: 10000;
    background-color: #ffffff;
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    overflow: inherit;
    padding: 30px 15px 20px 15px;
}

/*询单*/
.xj {
	z-index: 99;
	height: auto;
	width: 60px;
	top: 50%;
	right: 0;
	position: fixed;
	font-size: 14px;
	text-align: center;
	color: #1e50a2;
	background-color: #FFF;
	padding: 6px;
	border-radius: 10px;
	box-shadow: 0 0 5px #CCC;
}
.xun {
	border-radius: 50%;
	background-color: #1e50a2;
	overflow: hidden;
	margin-bottom: 5px;
} 
.xun img{ margin: 11px 0 11px 0;  } 

.navbar{width:100%;height: auto;font-size: 14px;color: #999999;line-height: 66px;}
.title1{width:100%;height: auto;font-size: 26px;color: #000000;line-height: 46px;font-weight: bold;margin-bottom: 28px;}

/*footer*/
.footer{width:100%;height: auto;background-color: #FFF;padding: 60px 0 30px 0; min-width:1600px}
.footer .wrapper{width:1200px;}
.footer .row1{width:100%;}
.footer .row1 .left{width: 400px;}
.footer .row1  .left .logo{width: 100%;height: auto;}
.footer .row1  .left .logo img{width:auto;height:auto;}
.footer .row1 .left .changelang{display: inline-block;background-color: rgba(0, 0, 0, 0.05);color: #000;padding: 10px;font-size: 14px;margin-top: 46px;cursor: pointer;}
.footer .row1 .left .changelang .icn_lang::before{content:'';display: inline-block;width: 21px;height: 16px;margin-right: 10px;background-repeat: no-repeat;background-size: contain;background-position: center;vertical-align:middle;margin-top: -2px;}
.footer .row1 .left .changelang .icn_lang.icn_cn::before{background-image: url("../images/cn.png");}
	.footer .row1 .left .changelang .icn_lang.icn_en::before {
		background-image: url("../images/en.png");
	}
	.footer .row1 .left .changelang .icn_lang.icn_ru::before {
		background-image: url("../images/ru.png");
	}
	.footer .row1 .left .changelang .icn_lang.icn_es::before {
		background-image: url("../images/es.png");
	}
.footer .row1 .left .changelang:hover{background-color: #e60019}
.footer .row1 .center{width: 800px;display: flex;color: #000;}

.footer .row1 .center .ul{margin-right:25px;}
.footer .row1 .center .ul:last-child{margin-right: 0}
.footer .row1 .center .ul .fsh2{width:100%;font-size: 16px;line-height: 22px;margin-bottom: 30px;}
.footer .row1 .center .ul .fs1{width: 100%;font-size: 14px;line-height: 30px;}
.footer .row1 .center .ul2{margin-left: 20px;}
.footer .row1 .center .ul .ewm{width:103px;height: 103px;}

.footer .row2{width:100%;height: auto;margin-top: 40px;position: relative;}
.footer .row2 .fs1{width:100%;font-size: 14px;color: #000;line-height: 58px;}
.footer .row2 .post_con{width:250px;height: 56px;border-radius: 3px;background-color: #FFFFFF;box-sizing: border-box;overflow: hidden;margin-bottom: 35px;}
.footer .row2 .post_con .inp{width:176px;border:none;background-color: transparent;height: 52px;margin: 0;font-size: 14px;line-height: 56px; border:2px solid #e60019; padding:0 10px; }
.footer .row2 .post_con .btn{width:50px;height: 56px;background-color: #e60019;background-image: url("../images/turn_right_2.png");background-repeat: no-repeat;background-position: center;background-size: 9px 17px;border-radius: 0 3px 3px 0;}
.footer .row2 .post_con .btn:hover{background-color: #FF0000}
.footer .row2 .p{width:100%;font-size: 14px;color: #000;line-height: 30px;}

.footer .row2 .sahre_con{position: absolute;right: 0;top: 0;}
.footer .row2 .sahre_con .fs1{width:auto;}
.footer .row2 .sahre_con .icn{width:38px;height: 38px;margin-right: 20px;}
.footer .row2 .sahre_con .icn:last-child{margin-right: 0}





/*窗口弹框样式*/
.window_msak{width:100%;height: 100%;position: fixed;z-index: 101;background-color: #FFFFFF;left: 0;top: 177px;}
.window_msak .wrapper{width:1200px;}
.window_msak .wrapper .con{margin-top: 30px;position: relative;width: 100%;}
.window_msak .wrapper .con .btnclose{position: absolute;top: 0;right: 0;background-image: url("../images/header_nav_close.png");width: 31px;height: 30px;display: inherit;background-position: center;background-repeat: no-repeat;cursor: pointer}
.window_msak .title{width:100%;text-align: center;font-size: 36px;font-weight: bold;color: #333333;line-height: 65px;}
.window_msak .infotxt{width:100%;text-align: center;font-size: 22px;color: #333333;line-height: 40px;margin-top: 12px;margin-bottom: 30px;}

.window_msak.closeLy{	
	z-index: 0;
	-webkit-transform: translate(0%, 100%);
	-ms-transform: translate(0%, 100%);
	transform: translate(0%, 100%);
	-webkit-transform: translate3d(0%, 100%, 0);
	transform: translate3d(0%, 100%, 0);
	overflow:hidden;}


/*选择语言*/
.lang_main{width:100%;}
.lang_main .tab_nav{width:100%;height:65px;background-color: #f5f5f5;text-align: center;}
.lang_main .tab_nav .tab_li{line-height: 65px;margin: 0 15px;font-size: 16px;color: #333333;height: 65px;display: inline-block;border-bottom: 2px solid #f5f5f5;box-sizing: border-box;}
.lang_main .tab_nav .tab_li:hover,.lang_main .tab_nav .tab_li.current{border-bottom: 2px solid #333333;color: #000000}
.lang_main .tab_list{padding-left:560px; margin-top: 54px;display: flex;flex-wrap: wrap;flex-direction: column;height: 250px;}
.lang_main .tab_list .lang_li{flex: 1;margin-bottom: 30px;font-size: 16px;color: #0e75ba;}
.lang_main .tab_list .lang_li .icn_lang{width:36px;height: 27px;margin-top: -2px;margin-right: 10px;}
.lang_main .tab_list .lang_li:hover,.lang_main .tab_list .lang_li.current{color:#e6001a}


/*头部选择语言*/
.header-top .lang{ position:relative; text-align:right; }
.header-top .lang:hover .top_lang{ display:block}
.top_lang {
	width: 150px;position:absolute; height:170px; top:36px; right:0; z-index:9999;background:#FFF;  border-radius:20px; border:1px solid #1e50a2;display:none}
.top_lang .tab_li{line-height: 65px;margin: 0 15px;font-size: 16px;color: #333333;height: 65px;display: inline-block;border-bottom: 2px solid #f5f5f5;box-sizing: border-box;}
.top_lang .tab_nav .tab_li:hover,.top_lang .tab_nav .tab_li.current{border-bottom: 2px solid #333333;color: #000000}
.top_lang .tab_list{padding-left:20px; margin-top: 20px;display: flex;flex-wrap: wrap;flex-direction: column;flex-wrap:nowrap;height: 50px;}
.top_lang .tab_list .lang_li{display:flex;margin-bottom: 10px;font-size: 16px;color: #0e75ba; }
.top_lang .tab_list .lang_li .icn_lang{width:36px;height: 27px;margin-top: 3px;margin-right: 10px;}
.top_lang .tab_list .lang_li:hover,.top_lang .tab_list .lang_li.current{color:#e6001a}








/*询盘弹框*/
.ordermask-wrapper {
	display: flex;
	width: 100%;
	height: 0;
	align-items: center;
	justify-content: center;
	margin: 0px auto;
	padding: 0px auto;
	left: 0;
	top: 0;
	overflow: hidden;
	position: fixed;
	background: rgb(0, 0, 0, 0.5);
	z-index: -1;
	-webkit-transform: translate(0%, 50%);
	-ms-transform: translate(0%, 50%);
	transform: translate(0%, 50%);
	-webkit-transform: translate3d(0%, 50%, 0);
	transform: translate3d(0%, 50%, 0);
}
	.ordermask-wrapper.show {
		height: 100%;
		z-index: 10000;
		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
		-webkit-transform: translate3d(0%, 0%, 0);
		transform: translate3d(0%, 0%, 0);
	}
.ordermask {
	width: 440px;
	box-sizing: border-box;
	padding: 0 30px;
	background: #FFFFFF;
	border-radius: 4px;
	height: auto;
	overflow: hidden;
}


.ordermask .con2{width:100%;height: auto;position: relative;}
.ordermask .fs18{width:100%;font-size: 18px;line-height: 60px;margin-top: 10px;border-bottom: 1px solid #e4e4e4;color: #000000;}
.ordermask .tb{width:100%;height: auto;margin-top: 10px;}
.ordermask .tb .tr{width:100%;line-height: 36px;}
.ordermask .tb .th{color: #000000;margin-right: 10px;}
.ordermask .tb .td{color: #000000;flex: 1;}
.ordermask .tb .inp{width:100%;border: none;background-color: transparent;}
.ordermask .tb .textarea{width:100%;border-radius: 4px;background-color: #f2f2f2;box-sizing: border-box;padding: 0 10px;min-height: 110px;}
.ordermask .btnpost{color:#FFFFFF;background-color: #e60012;border-radius: 4px;display: inline-block;height: 30px;padding:0px 20px; line-height: 30px;text-align: center;font-size: 14px;margin-left: 66px;margin-top: 20px;margin-bottom: 20px;}
.ordermask .btnpost:hover{background-color: #ff8739}
.ordermask .btnclose{width:30px;height: 30px;background-image: url("/CN/common/images/close.png");background-repeat: no-repeat;display: block;position:absolute;top:20px;right: 30px;cursor: pointer;}



.hide-box {
	background-color: #fff;
	z-index: 999;
	position: fixed;
	right: -610px;
	bottom: 20px;
	height: 70vh;
	width: 610px;
	border-radius: 10px;
	box-shadow: 0 0 5px #999;
}

.hide-box-top {
	background-color: #fff;
	width:100%;
}
.rfq-top { width:100%;}

.rfq {
	float: left;
	width: 155px;
	padding-left: 15px;
	border-bottom: 4px #1e50a2 solid;
	margin-bottom:5px;
}

.to-rfq {
	margin-top: 17px;
	margin-right: 10px;
	float: right;
	width: 120px;
	height: 36px;
	background-color: #1e50a2;
	color: #fff;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;

}

.rfq-title {
	line-height: 36px;
	font-size: 20px;
	font-weight: bold;
	color: #1e50a2;
	display:flex
}

.rfq-id {
	line-height: 30px;
}
.rfq-table-top {
width:100%; display:flex}
.rfq-table-top span {
	float: left;
	display: block;
	width: 145px;
	line-height: 35px;
	background-color: #1e50a2;
	color: #fff;
	text-align: center;
	border-right: 1px solid;
}

.table-list {
	line-height: 30px;
	text-align: center;
	display:flex
}

	.table-list span {
		text-align: center;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		float: left;
		display: block;
		width: 145px;
		line-height: 30px;
	}

		.table-list span img {
			vertical-align: middle;
			height: 60px;
			width: 60px;
		}

.table-btn {
	cursor: pointer;
	display: inline-block;
	border-radius: 4px;
	background-color: #1e50a2;
	color: #fff;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top:10px;
}

.rfq-table-top span:first-child,
.rfq-table-top span:last-child,
.table-list span:first-child, .table-list span:last-child {
	width: 80px;
}

.b {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.rfq-table {
	height: 100%;
	width: 100%;
	top: 0;
	display: block;
	overflow-y: scroll;
}

	.rfq-table::-webkit-scrollbar {
		width: 4px;
	}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	border-color: rgb(0, 0, 0,0);
}

/*定义滑块 内阴影+圆角*/
.rfq-table::-webkit-scrollbar-thumb {
	background-color: #d9d9d9;
	border-radius: 2px;
}

.hide-btn {
	cursor: pointer;
	border-radius: 0 4px 4px 0;
	background-color: #1e50a2;
	left: 0;
	top: 45%;
	position: absolute;
	height: 80px;
	width: 25px;
	line-height: 80px;
	color: #fff;
}

.hide-box-bottom {
	position: absolute;
	bottom: 0;
	height: 80px;
	width: 100%;
	background-color: #1e50a2;
}


@media  (min-width: 1000px) and (max-width: 1540px){
	body{min-width: 100%;}
	.wrapper{max-width:1200px;min-width:1000px}
	.header {min-width: 100%;}
	.header .wrapper{min-width: 98%;max-width: 98%;}
	.search{width: 40%;}
	.search input{width: 70%;box-sizing: border-box;height: 40px;}
	.search .btnsearch{width: 30%;}
	.shop a span{display:none;}
	.pagemain{min-width:100%;}
	
	.footer {
	/*max-width: 1200px;*/	
		min-width: 1000px;
	}
	.footer .wrapper{max-width:1200px;min-width:1000px;width:auto;}
	.footer .row1 .left{width: 320px;}
	
}


/* styles.css */
.lazy {
	width: 100%;
	height: auto;
	background-color: #f0f0f0; /* 占位色 */
	display: block;
}

.lazy.img {
	display: none; /* 初始隐藏实际的图片 */
}