@charset "utf-8";
::selection{ background-color: #E13300; color: white; }
::moz-selection{ background-color: #E13300; color: white; }
::webkit-selection{ background-color: #E13300; color: white; }

body {
	background-color: #fff;
	/*margin: 40px;*/
	font: 0.8em normal Helvetica, Arial, sans-serif;
	color: #4F5155;
	-webkit-text-size-adjust:none;
	margin:0;
}
h1, h2, h3, h4, h5, h6{margin:0;font-weight:normal;}
a {
	color: #003399;
	background-color: transparent;
	font-weight: normal;
	/*text-decoration:none;*/
}
a:hover{text-decoration:underline;}

h1,h2{color:#333;background-color: transparent;	font-weight: normal;}
h1{font-size:1.3em;}
h2{font-size:1.2em;}
h1 a{text-decoration:none;color:#333;}
h1.ptitle{font-size:1.6em;}
h2.name,h2.name1{padding:5px 5px;font-size:1.2em;}
h2.name,h2.name a{color:#c63;}

ul,ol{margin:0;padding:0;}
li{list-style:none;}
li{line-height:1.24;}
form{margin:0;}
table{border-collapse:collapse;}
.pg{clear:both;width:1000px;height:auto;margin:0 auto;position:relative;}
.pg10{clear:both;width:980px;height:auto;margin:0 auto;position:relative;padding:10px;}
a{color:#2518b5;text-decoration:none;}
a:hover {text-decoration: underline;}
a img {border:0;}
.box1{
	border: 1px solid #D0D0D0;
	-webkit-box-shadow: 0 0 8px #D0D0D0;
	background:#666;
}
#id_div_banner img{display:block;width:1000px;}

.hid{display:none;}
.txthid{text-indent: -9999em;}
.pline{clear:both;}
.h5{height:5px;}
.h10{height:10px;}
.txtcenter{text-align:center;}
.grad_bg_color {
	background-color: #eee;
	background: #f0f0f0;
	background: -moz-linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	background: -webkit-linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	background: -o-linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	background: linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f0f0f0');
}

.phead{background:url(/_img/logo.png) no-repeat left 5px;height:60px;margin-top:5px;}
.phead h1{position: absolute;margin-left:65px;margin-top:25px;font-size:1.6em;}
.phead h2{position: absolute;margin-left:65px;margin-top:0px;color: #bbb;font-size: 1em;}
.phead .search{width:400px;float:right;height:64px;border:0px solid red;}

.pnav{text-align:right;margin-top:-30px;}
.pnav li{display:inline-block;position:relative;font-size:14px;}
.pnav li.l a{display:inline;padding:10px 15px;}
.pnav li.l a:hover{background:#999;color:#fff;}
.pnav li.at a{color:#ff6600;text-decoration:none;}

.home_cats{}
.home_cats h1,#id_fp h1{font-size:1.2em;}
.home_cats .l1 li {height:110px;width:116px;padding-top:10px;vertical-align: middle;border:2px solid #fff;overflow: hidden;float:left;text-align:center;margin-bottom:10px;margin-right:5px;}
.home_cats .l1 li a{display:block;}
.home_cats .l1 li:hover{border:2px solid #000;}

#id_fp{/*float: left;width:760px;margin-left:10px;*/}
#id_fp ul li{float:left;width:16%;height:130px;overflow:hidden;vertical-align:top;margin-top:10px;}
#id_fp ul li.l{margin-right:0px;}
#id_fp ul li.r{margin-left:6px;}
#id_fp ul li img{width:120px;height:90px;border:1px solid #ccc;}
#id_fp ul li a{display:block;line-height:1.5em;vertical-align:top;font-size:0.8em;}
/*categories*/
.hs_list{}
.hs_list h1{font-size:2em;}
.hs_list span.open,.hs_list span.close{margin-left:5px;width:22px;height: 16px;cursor: pointer;background-image: url(/_img/ico_ud.png);background-repeat: no-repeat;}
.hs_list span.open{display:none;background-position: -1px -77px;}
.hs_list span.open:hover{background-position: -1px -3px;}
.hs_list span.close{display:inline-block;background-position:-57px -77px;}
.hs_list span.close:hover{background-position: -57px -3px;}
.hs_list .txthid{position: absolute;}

.hs_i{font-size:0.8em;color:#ccc;margin:2px 0;}
.hs_list ul li{float:left;width:140px;height:130px;overflow:hidden;vertical-align:top;margin-bottom:10px;}
.hs_list ul li.l{margin-right:0px;}
.hs_list ul li.r{margin-left:6px;}
.hs_list ul li img{width:120px;height:90px;border:1px solid #ccc;}
.hs_list ul li a{display:block;width:120px;line-height:1.5em;vertical-align:top;font-size:0.8em;}

.hs_list .onehs{display:table;}
.hs_list .onehs .ps{display:none;}

.ml0{}
.ml1{margin-left:20px;}
.ml2{margin-left:40px;}
.ml3{margin-left:60px;}
.ml4{margin-left:80px;}
.ml5{margin-left:100px;}
#id_hs_path {}
.hs_path li a{color:#66f;}
.hs_path li.i{display:table;overflow: hidden;}
.hs_path .i a:hover{color:#00c;}
.hs_path .ia {background-image: url(/_img/ico_jt.png);overflow: hidden;	display:block;	background-repeat: no-repeat;	padding-left:20px;}
.hs_path .iao{	background-position: 0px 0px;}
.hs_path .iac{	background-position: 0px -170px;}
.hs_path .title {font-size:1.3em;color:#c63;}
.hs_path .sm{display:none;	border: 1px solid #D0D0D0;	-webkit-box-shadow: 0 0 8px #D0D0D0;	background:#fff;	width: 650px;	padding:10px;position:absolute;	z-index: 99;}
.hs_path .sm ol{max-height:300px;	overflow-y: auto;	overflow-x:hidden;}
.hs_path .sm ol a:hover{background:#f0f0f0;}
.hs_path .sm li{margin:5px 0;}
/*cat list*/
.cat_list {}
.cat_list .l1 li,.cat_list .l2 li {padding:10px 5px 0 5px;border:2px solid #fff;overflow: hidden;float:left;text-align:center;margin-bottom:5px;margin-right:5px;}
.cat_list .l1 li:hover,.cat_list .l2 li:hover{border:2px solid #000;}
.cat_list li a{display:block;}
.cat_list .l1 li {height:110px;width:116px;}
.cat_list .l2 li {height:130px;width:310px;}
.cat_list .l3 li {padding:5px;}
/*hs code*/
div.nav a,div.nav b{padding:3px 10px;border:1px solid #ccc;margin:0 2px;}

/*products*/
#id_art_p {}
.art_p {margin-top:10px;width:700px;float:left;padding:20px;}
.art_p h1.name{font-size:2em;text-align:center;margin:10px;}
.art_p .hs_path .vi{}
.art_p .hs_path .vi a{font-size:0.9em;color:#99f;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.art_p .des p{margin:5px 0;line-height:1.2em;}
.art_p .des img{display:block;margin:5px 0;max-width:700px;}
.art_p .imgs {}
.art_p .imgs ul {text-align:center;}
.art_p .imgs ul li{display: inline-block;width:140px;overflow:hidden;vertical-align:top;}
.art_p .imgs ul li img{width:120px;height:90px;border:0px solid #ccc;padding:3px;background:#fff;}
.art_p p{line-height:150%;margin:10px 0;}
table.proper {width:100%;}
table.proper td{width:50%;}
table.proper tr.d td{font-weight:bold;}
table.proper td.l{text-align:right;}
.about_s{width:240px;margin-left:760px;padding-top:20px;}
.about_s p{font-size:0.9em;}
.about_s h2 a{text-decoration: none;}
.about_s img.logo{max-height:90px;display:block;}
.about_s .product li{padding:3px 0;}
.about_s .product li a{color:#00802a;}
/*suppliers*/
.art_s {margin-top:10px;width: 700px;float:left;padding:20px;}
.art_s h1.name{font-size:2em;text-align:center;margin:10px;}
.art_s section {padding:10px 0;}
.art_s h2.til{font-size:1.5em;}

.ptop{
	width: 100%;
	height: 20px;
	background: #f0f0f0;
	background: -moz-linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	background: -webkit-linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	background: -o-linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	background: linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f0f0f0');
	border-bottom: 1px solid #dcdcdc;
	_overflow: hidden;
	}
.pfoot{
	font-size: 1em;
	border-top: 1px solid #D0D0D0;
	line-height: 32px;
	margin: 20px 0 0 0;
	background: #f0f0f0;
	background: -moz-linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	background: -webkit-linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	background: -o-linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	background: linear-gradient(-90deg, #fcfcfc 0%, #f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f0f0f0');
	_overflow: hidden;
}
.pfoot a{color:#666;margin-right:10px;}
.pfoot .copyright{float:right;}
.ptop a{color:#999;}
.ptop span.l{}
.ptop span.r{float:right;}
/**/
.w8fc,.w8fc a{color:#fff;}
.w8c1 {background:#dd9524;}
.w8c2 {background:#009f00;}
.w8c3 {background:#d44a27;}
.w8c4 {background:#bb1d48;}
.w8c5 {background:#5d5d5d;}
.w8c6 {background:#00879d;}
.w8c7 {background:#094db5;}
.w8c8 {background:#2b83ee;}
.w8c9 {background:#613cbb;}
.w8c10{background:#2c87ef;}
.w8c11{background:#9a00a2;}
.w8c12{background:#00869c;}
.w8c13{background:#006ac1;}
.w8c14{background:#004d60;}
.w8c15{background:#00c13f;}
.w8c16{background:#ff981d;}
.w8c17{background:#e56c19;}
.w8c18{background:#ff2e12;}
.w8c19{background:#AA40FF;}
.w8c20{background:#1fAeff;}
.w8c21{background:#1b58b8;}
.w8c22{background:#56c5ff;}
.w8c23{background:#569ce3;}
.w8c24{background:#00d8cc;}
.w8c25{background:#00aaaa;}
.w8c26{background:#91d100;}
.w8c27{background:#e1b700;}
.w8c28{background:#00a4a4;}
.w8c29{background:#ff7d23;}
.w8c30{background:#696969;}

.brand_nav{padding:10px 0;}
.ulbrands{}
.ulbrands h1 {font-size:1.2em;}
.ulbrands .brand {width:160px;height:160px;overflow:hidden;float:left;text-align:center;padding:5px;margin-bottom:10px;margin-right:10px;}
.brand div.logo {height:110px;width:160px;vertical-align: middle;display:table-cell;text-align:center;}
.brand div.logo img{max-width:96px;max-height:96px;}
.brand h2{font-size:1.1em;text-align:center;}
.brand p.note {height:40px;width:160px;line-height:1em;color:#ccc;vertical-align: middle;display:table-cell;text-align:center;}
.brand a{color:#fff;display:block;}
.brand a:hover{}
article.brand,article.about_qd {padding:20px;}
article.brand p,article.about_qd p{line-height:150%;margin:10px 0;}
article.brand h1,article.about_qd h1{color:#333;font-size:2em;text-align:center;}
article.brand h2,article.about_qd h2{color:#999;}
article.brand p.logo{text-align:center;padding:10px 0;}
article.about_qd {/*background-image: url(/_img/qingdao_map.png);background-repeat: no-repeat;*/}
article.about_qd p img {max-width:960px;}

.id_lw_show{text-align:center;padding:10px;}
.id_lw_show a{padding:5px 10px;background:#fc3; font-size:1.2em;}
#id_lw_show{position:fixed;bottom:0;left:45%;}
#id_lw_show{width:210px;height:30px;text-indent: -9999em;}
#id_lw_show,#id_lw_close{cursor: pointer;}
#id_lw_show,#id_lw_frm h2 {background-image: url(/_img/feedback.png);background-repeat: no-repeat;}
#id_lw_show.s0{display:none;}
#id_lw_show.s2{background-position:0px -230px;}
#id_lw_show.s3{background-position:0px -260px;}
#id_lw_show.s4{background-position:0px -290px;}
#id_lw_show.s5{background-position:0px -320px;}
#id_lw_show.s6{background-position:0px -350px;}
#id_lw_close {margin-left:30px;}
#id_lw_frm{width:510px;padding:20px 30px;line-height:30px;}
#id_lw_frm h2{text-indent: -9999em;line-height:30px;}
#id_lw_frm h2.s0{display:none;}
#id_lw_frm h2.s1{background-position:0px 0px;}
#id_lw_frm h2.s2{background-position:0px -30px;}
#id_lw_frm h2.s3{background-position:0px -60px;}
#id_lw_frm h2.s4{background-position:0px -90px;}
#id_lw_frm h2.s5{background-position:0px -120px;}
#id_lw_frm h2.s6{background-position:0px -150px;}
#id_lw_frm .input {padding:2px 1px;}
#id_lw_frm .btn {}
#id_lw_frm .btn input{width:100px;padding:5px;}
#id_lw_frm textarea{width:500px;height:80px;}
.home_banner{
	height: 500px;
    background-image: url(http://img.tcntcn.com/a_d_s/covid-19.jpg);
    background-repeat: no-repeat;
    background-position: center;
	position:relative;
}
.home_banner h1{
	text-shadow: 2px 2px 0px #fff;
    font-size: 36px;
    text-align: center;
    top: 60%;
    position: absolute;
    width: 100%;
}