@charset "utf-8";
body
{
	background-color:#EFEFEF;
	color:#333333;
	font-family:"Helvetica","Verdana","微软雅黑","Arial";
	font-size:14px;
	margin:0;
	-webkit-text-size-adjust:none;
}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,select,table,td,textarea,th,ul
{
	margin:0;
	padding:0;
	font-size:14px;
}
a
{
	text-decoration:none;
}
a img,img
{
	border:0;
}
a:link
{
	color:#666666;
	cursor:pointer;
}
a:visited
{
	color:#666666;
	cursor:pointer;
}
a:hover
{
	color:#F01830;
	cursor:pointer;
}
a:active
{
	color:#666666;
	cursor:pointer;
}
a
{
	text-decoration:none;
	cursor:pointer;
}
h2,h3,h4,h5,h6
{
	font-weight:400;
}
em
{
	font-style:normal;
}
li,ol,ul
{
	list-style:none;
}
.wrap
{
	margin:0 auto;
	width:1200px;
}
.white
{
	box-shadow:0 4px 10px #D1D1D1;
	background-color: #FFFFFF;
}
.list-panel
{
	background:#FFFFFF;
	box-shadow:0 4px 10px #D1D1D1;
}
.clear
{
	clear:both;
}
::-moz-placeholder
{
	color: #BDC1C2;
}
::-webkit-input-placeholder
{
	color: #BDC1C2;
}
input
{
	-webkit-appearance:none;
}
input[type=button],input[type=reset],input[type=submit],input[type=text]
{
	-webkit-appearance:none;
}
input[type="checkbox"] {
	-webkit-appearance: checkbox;
}
input[type="radio"] {
	-webkit-appearance: radio;
}
.clearfix::after
{
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
header
{
	background:#FFFFFF;
	height:125px;
	position:relative;
}
header .wrap
{
	position:relative;
	color:#939393;
}
header.drawer-toggle
{
	display:none;
}
.top-header
{
	background:#EBEBEB;
	height:28px;
	line-height:28px;
}
.top-header .top-header-left
{
	float:left;
}
.top-header .top-header-left a
{
	text-decoration:underline;
}
.top-header .top-header-left .member
{
	display:none;
}
.top-header .top-header-left span
{
	color:#7C7C81;
	font-size:13px;
	margin-right:20px;
}
.top-header .top-header-left .welcome
{
	margin-left: 20px;
}
.top-header .top-header-left .welcome:before
{
	margin-right: 5px;
	font-size: 1rem;
}
.top-header .top-header-right
{
	float:right;
}
header div.country
{
	float:right;
	border-left: 1px solid #DDDDDD;
	padding-left: 10px;
}


/*account*/
header dl.account
{
	float:right;
	position:relative;
}
header dl.account dt
{
	cursor:pointer;
	display:block;
	padding:0 10px;
	position:relative;
	text-decoration:none;
}
header dl.account:hover dt
{
	background-color:#FFFFFF;
}
header dl.account dd
{
	display:none;
	background-color:#FFFFFF;
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #FFFFFF;
	position:absolute;
	padding:5px;
	right:0;
	width:122px;
	z-index:19;
}
header dl.account dd a
{
	display:inline;
	float:left;
	height:28px;
	line-height:28px;
	padding-left:10px;
	position:relative;
	text-decoration:none;
	width:112px;
}
header dl.account dd a:hover
{
	background-color:#EC4E00;
	color:#FFFFFF;
	transition:all .2s ease 0s;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
}
header dl.account:hover dd
{
	display:block;
	animation:showLanguage .5s;
	-moz-animation:showLanguage .5s;
	-webkit-animation:showLanguage .5s;
	-o-animation:showLanguage .5s;
}
header dl.account i:before
{
	margin-left:5px;
}
header dl.lang-list
{
	float:right;
	position:relative;
	border-left: 1px solid #DDDDDD;
}
header dl.lang-list dt
{
	cursor:pointer;
	display:block;
	padding:0 32px 0 10px;
	position:relative;
	text-decoration:none;
}
header dl.lang-list dd a:before,
header dl.lang-list dt:before
{
	font-size: 28px;
	background-image:url("/images/language_21.png");
	position:absolute;
	content:" ";
	display:block;
	width:20px;
	height:14px;
}
header dl.lang-list dt:before
{
	right:7px;
	top:7px;
}
header dl.lang-list dd
{
	display:none;
	background-color:#FFFFFF;
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #FFFFFF;
	position:absolute;
	padding:5px;
	right:0;
	width:330px;
	z-index:19;
}
header dl.lang-list dd h3,
header dl.lang-list dd .btn
{
	display:none;
}
header dl.lang-list dd a
{
	display:inline;
	float:left;
	height:28px;
	line-height:28px;
	padding-left:30px;
	position:relative;
	text-decoration:none;
	width:80px;
}
header dl.lang-list dd a:before
{
	left:5px;
	margin-top:-7px;
	top:50%;
}
header dl.lang-list dd a:hover
{
	background-color:#EC4E00;
	color:#FFFFFF;
	transition:all .2s ease 0s;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
}
@media screen and (min-width:768px)
{
	header dl.lang-list:hover dt
	{
		background-color:#FFFFFF;
	}
	header dl.lang-list:hover dd
	{
		display:block;
		animation:showLanguage .5s;
		-moz-animation:showLanguage .5s;
		-webkit-animation:showLanguage .5s;
		-o-animation:showLanguage .5s;
	}
}
.lang.en .fa-caret-down
{
	margin-left:5px;
}


.lang.en:before
{
	background-position: 0 -1em;
}
.lang.uk:before
{
	background-position: 0 -2em;
}
.lang.de:before
{
	background-position: 0 -3em;
}
.lang.fr:before
{
	background-position: 0 -4em;
}
.lang.ru:before
{
	background-position: 0 -5em;
}
.lang.es:before
{
	background-position: 0 -6em;
}
.lang.pt:before
{
	background-position: 0 -7em;
}
.lang.jp:before
{
	background-position: 0 -8em;
}
.lang.gr:before
{
	background-position: 0 -9em;
}
.lang.it:before
{
	background-position: 0 -10em;
}
.lang.kr:before
{
	background-position: 0 -11em;
}
.lang.ae:before
{
	background-position: 0 -12em;
}
.lang.tr:before
{
	background-position: 0 -13em;
}
.lang.pl:before
{
	background-position: 0 -14em;
}
.lang.fi:before
{
	background-position: 0 -15em;
}
.lang.in:before
{
	background-position: 0 -16em;
}
.lang.gu:before
{
	background-position: 0 -16em;
}
.lang.kn:before
{
	background-position: 0 -16em;
}
.lang.mr:before
{
	background-position: 0 -16em;
}
.lang.ml:before
{
	background-position: 0 -16em;
}
.lang.te:before
{
	background-position: 0 -16em;
}
.lang.ta:before
{
	background-position: 0 -16em;
}
.lang.vn:before
{
	background-position: 0 -17em;
}
.lang.th:before
{
	background-position: 0 -18em;
}
.lang.nl:before
{
	background-position: 0 -19em;
}
.lang.ie:before
{
	background-position: 0 -20em;
}
.lang.ph:before
{
	background-position: 0 -21em;
}
.lang.cz:before
{
	background-position: 0 -22em;
}
.lang.my:before
{
	background-position: 0 -23em;
}
.lang.fa:before
{
	background-position: 0 -24em;
}
.lang.hu:before
{
	background-position: 0 -25em;
}
.lang.hr:before
{
	background-position: 0 -26em;
}
.lang.sk:before
{
	background-position: 0 -27em;
}
.lang.si:before
{
	background-position: 0 -28em;
}
.lang.no:before
{
	background-position: 0 -29em;
}
.lang.iw:before
{
	background-position: 0 -30em;
}
.lang.dk:before
{
	background-position: 0 -31em;
}
.lang.ro:before
{
	background-position: 0 -32em;
}
.lang.se:before
{
	background-position: 0 -33em;
}
.lang.bg:before
{
	background-position: 0 -34em;
}
.lang.al:before
{
	background-position: 0 -35em;
}
.lang.et:before
{
	background-position: 0 -36em;
}
.lang.az:before
{
	background-position: 0 -37em;
}
.lang.ee:before
{
	background-position: 0 -38em;
}
.lang.eu:before
{
	background-position: 0 -39em;
}
.lang.by:before
{
	background-position: 0 -40em;
}
.lang.is:before
{
	background-position: 0 -41em;
}
.lang.ba:before
{
	background-position: 0 -42em;
}
.lang.za:before
{
	background-position: 0 -43em;
}
.lang.xh:before
{
	background-position: 0 -43em;
}
.lang.zu:before
{
	background-position: 0 -43em;
}
.lang.kh:before
{
	background-position: 0 -44em;
}
.lang.kz:before
{
	background-position: 0 -45em;
}
.lang.ht:before
{
	background-position: 0 -46em;
}
.lang.ng:before
{
	background-position: 0 -47em;
}
.lang.ca:before
{
	background-position: 0 -48em;
}
.lang.iq:before
{
	background-position: 0 -49em;
}
.lang.lv:before
{
	background-position: 0 -50em;
}
.lang.la:before
{
	background-position: 0 -51em;
}
.lang.lt:before
{
	background-position: 0 -52em;
}
.lang.mg:before
{
	background-position: 0 -53em;
}
.lang.nz:before
{
	background-position: 0 -54em;
}
.lang.mn:before
{
	background-position: 0 -55em;
}
.lang.bd:before
{
	background-position: 0 -56em;
}
.lang.mm:before
{
	background-position: 0 -57em;
}
.lang.np:before
{
	background-position: 0 -58em;
}
.lang.af:before
{
	background-position: 0 -59em;
}
.lang.mw:before
{
	background-position: 0 -60em;
}
.lang.lk:before
{
	background-position: 0 -61em;
}
.lang.tz:before
{
	background-position: 0 -62em;
}
.lang.tj:before
{
	background-position: 0 -63em;
}
.lang.pk:before
{
	background-position: 0 -64em;
}
.lang.ua:before
{
	background-position: 0 -65em;
}
.lang.uz:before
{
	background-position: 0 -66em;
}
.lang.ge:before
{
	background-position: 0 -67em;
}
.lang.rs:before
{
	background-position: 0 -68em;
}
.lang.id:before
{
	background-position: 0 -69em;
}
.lang.kg:before
{
	background-position: 0 -70em;
}
.lang.lu:before
{
	background-position: 0 -71em;
}
.lang.mk:before
{
	background-position: 0 -72em;
}
.lang.ls:before
{
	background-position: 0 -73em;
}
.lang.ws:before
{
	background-position: 0 -74em;
}
.lang.gl:before
{
	background-position: 0 -6em;
}
.lang.co:before
{
	background-position: 0 -4em;
}
@keyframes showLanguage
{
	from{
		opacity:0;
	}to{
		opacity:1;
	}
}
@-moz-keyframes showLanguage
{
	from{
		opacity:0;
	}to{
		opacity:1;
	}
}
@-webkit-keyframes showLanguage
{
	from{
		opacity:0;
	}to{
		opacity:1;
	}
}
@-o-keyframes showLanguage
{
	from{
		opacity:0;
	}to{
		opacity:1;
	}
}
header a.logo
{
	left:0;
	position:absolute;
	top:21px;
}
header a.logo img
{
	max-height:70px;
}
header .search
{
	z-index:18;
	position:absolute;
	left:430px;
	top:32px;
}
header .search form
{
	float:left;
	padding:5px;
	position:relative;
	width:100%;
}
header .search i
{
	color:#666666;
	font-size:18px;
	left:3px;
	overflow:hidden;
	position:absolute;
	top:12px;
	text-decoration:none;
}
header .search i:before
{
	color:#999999;
	position:absolute;
	top:0;
	transition:all .2s ease 0s;
}
header .search .input_focus i:after
{
	top:0;
	transition:all .2s ease 0s;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
}
header .search input.textbox
{
	border:1px solid #9F9F9F;
	border-right:none;
	outline:0;
	color:#9F9F9F;
	height:36px;
	line-height:36px;
	padding-left:10px;
	width:400px;
	float:left;
	margin-left:5px;
}
header .search input.textbox:focus
{
	border:1px solid #9F9F9F;
	border-right:none;
}
header .search input.submit
{
	border:0;
	outline:0;
	float:left;
	text-align:center;
	width:108px;
	height:38px;
	line-height:38px;
	font-size:16px;
	background:#B60F22;
	color:#FFFFFF;
}
header .search dl.form-select-list
{
	float:left;
	position:relative;
}
header .search dl.form-select-list dt
{
	background:#FFFFFF;
	width:135px;
	height:31px;
	border:1px solid #8F8F8F;
	cursor:pointer;
	display:block;
	padding:0 5px 0 10px;
	position:relative;
	text-decoration:none;
}
header .search dl.form-select-list dt:before
{
	content:'\e802';
	float:right;
	color:#000000;
	font-weight:700;
	line-height:30px;
}
header .search dl.form-select-list dd
{
	display:none;
	background-color:#FFFFFF;
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #FFFFFF;
	position:absolute;
	padding:5px;
	right:0;
	width:140px;
	z-index:19;
}
header .search dl.form-select-list dd .btn,
header .search dl.form-select-list dd h3
{
	display:none;
}
header .search dl.form-select-list dd a
{
	display:inline;
	float:left;
	height:28px;
	line-height:28px;
	padding-left:10px;
	position:relative;
	text-decoration:none;
	width:130px;
}
header .search dl.form-select-list dd a:hover
{
	background-color:#EC4E00;
	color:#FFFFFF;
}
@media screen and (min-width:1024px)
{
	header .search dl.form-select-list:hover dt
	{
		background-color:#FFFFFF;
	}
	header .search dl.form-select-list:hover dd
	{
		display:block;
	}
}
header .cart
{
	border:1px solid #DBDBDB;
	color:#525252;
	float:right;
	text-align:center;
	height:38px;
	font-size:12px;
	line-height:38px;
	margin-top:35px;
	background-image: url("../images/cart.png");
	background-repeat: no-repeat;
	background-position: 0.7rem center;
	padding-left: 2.5rem;
	font-size: 0.75rem;
	padding-right: 1rem;
}
header .cart:hover
{
	color: #000000;
	border-bottom: 3px solid #F01830;
}
nav
{
	background-color:#F01830;
	height:46px;
}
#nav_category
{
	height:46px;
	background-color:#AE081A;
	display:inline;
	float:left;
	position:relative;
	width:232px;
}
#nav_category h1
{
	color:#FFFFFF;
	cursor:pointer;
	width:232px;
	height:46px;
	line-height:46px;
}
#nav_category h1:before
{
	float:left;
	font-size:18px;
	width:50px;
	height:30px;
	color:#DA9098;
	line-height:30px;
	margin-top:6px;
	text-align:center;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}
#nav_category h1 span
{
	display:block;
	width:232px;
	height:30px;
	line-height:30px;
	margin-top:8px;
}
#nav_category ol
{
	position:relative;
	background-color:#FFFFFF;
	width:100%;
	z-index:59;
}
#nav_category ol li
{
	width:212px;
	height:32px;
	padding:0 10px;
}
#nav_category ol li:last-child a
{
	border-bottom:none;
}
#nav_category ol li:before
{
	color:#9A9A9A;
	font-size:16px;
	margin-top:7px;
	margin-right:10px;
	position:absolute;
	right:10px;
}
#nav_category ol li a
{
	border-bottom:1px dotted #9A9A9A;
	color:#2B2B2B;
	display:block;
	line-height:30px;
    height: 30px;
	overflow: hidden;
	padding-left:10px;
	text-decoration:none;
}
#nav_category ol li div
{
	display:none;
	background-color:#CC0F24;
	left:232px;
	position:absolute;
	top:0;
	width:616px;
	min-height:385px;
}
#nav_category ol li dl
{
	padding:6px 0 5px;
}
#nav_category ol li dt
{
	display:inline;
	float:left;
	line-height:40px;
	padding-left:10px;
}
#nav_category ol li dd
{
	word-wrap:break-word;
	word-break:break-all;
}
#nav_category ol li dd a
{
	padding-left:20px;
	line-height:28px;
	display:inline-block;
	height: 28px;
	display: block;
}
#nav_category ol li:hover
{
	background-color:#CC0F24;
}
#nav_category ol li:hover:before
{
	color:#FFFFFF;
}
#nav_category ol li:hover div
{
	display:block;
}
#nav_category ol li:hover a
{
	color:#FFFFFF;
	border-bottom:#EC4E00;
}
#nav_category ol li:hover dd a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}
#nav_category ol
{
	display:none!important;
}
#nav_category:hover ol
{
	display:block!important;
}
#nav_category:hover ol
{
	display:block;
}
nav ul
{
	display:inline;
	float:left;
}
nav ul li
{
	display:inline;
	float:left;
	border-right:1px solid #C61024;
}
nav ul.clearfix li a
{
	font-size:16px;
	color:#FFFFFF;
	display:block;
	line-height:46px;
	min-width:60px;
	padding:0 41px;
	text-align:center;
	text-decoration:none;
}
nav ul.clearfix li a.active
{
	border-bottom:2px solid #EC4E00;
	height:44px;
}
nav ul li.current,
nav ul li:hover
{
	background-color:#CC0F24;
}
.position
{
	height:36px;
	line-height:36px;
	padding-left:20px;
}
.position a
{
	color:#838383;
}
.position i
{
	margin-left:5px;
	color:#838383;
}
h2.title
{
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	padding-left: 20px;
}


/*product list*/
.list-panel .list-border
{
	margin:0 20px;
	border:1px solid #DBDBDB;
}
.list-panel .list-title h2
{
	float:left;
	height:50px;
	line-height:50px;
	font-size:22px;
	padding-left:20px;
}
.list-panel .list-title p
{
	float:right;
	height:50px;
	line-height:50px;
	padding-right:20px;
	color:#575757;
}
.list-panel .list-title p span
{
	color:#447BB2;
	padding-right:10px;
}
dl.parts s
{
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	color:#333333;
}
dl.parts s:nth-child(1)
{
	width:139px;
}
dl.parts s:nth-child(2)
{
	width:169px;
}
dl.parts s:nth-child(3)
{
	width:154px;
}
dl.parts s:nth-child(4)
{
	width:240px;
}
dl.parts s:nth-child(5)
{
	width:120px;
}
dl.parts s:nth-child(6)
{
	width:90px;
}
dl.parts s:nth-child(7)
{
	width:120px;
}
dl.parts s:nth-child(8)
{
	width:119px;
}
dl.parts dt
{
	background:#A8A8A8;
	border-bottom:none;
	height:54px;
	text-align:center;
}
dl.parts dt s
{
	height:44px;
	line-height:44px;
	margin:5px 0;
	font-weight:400;
	color:#fff!important;
	border-right:1px solid #939393;
}
dl.parts dt s:last-child
{
	border-right:none;
}
dl.parts dt:hover
{
	background:#A8A8A8;
}


/*parts dd*/
dl.parts dd
{
	height:130px;
	text-align:center;
	border-bottom:1px dotted #DBDBDB;
}
dl.parts dd s
{
	word-break: break-all;
	line-height: 20px;
	padding-top: 50px;
	height: 80px;
}
dl.parts dd s:nth-child(1)
{
	position:relative;
	padding-top: 10px;
	height: 120px;
}
dl.parts dd s:nth-child(2)
{
	font-weight:700;
}
dl.parts dd s:nth-child(7)
{
	position:relative;
	color:#EC6B0D;
}
dl.parts dd s:nth-child(1) input
{
	position:absolute;
	left:5px;
	top:10px;
}
dl.parts dd s:nth-child(1) img
{
	display: block;
	margin: 0 auto;
	max-width: 100px;
}
dl.parts dd s:nth-child(5) a
{
	padding-left:25px;
	background-image:url("../images/download.png");
	background-repeat: no-repeat;
	background-position: 5px 3px;
	line-height: 24px;
	display: inline-block;
	word-wrap: break-word;
	word-break: break-all;
}
dl.parts dd s:nth-child(8) a.rfq
{
	height:30px;
	line-height:30px;
	border-radius:3px;
	color:#FFFFFF;
	background-color:#F01830;
	padding: 0px 18px;
}
dl.parts dd s:nth-child(8) a
{
	display: inline-block;
	overflow: hidden;
}
dl.parts dd s:nth-child(8) a.shoping
{
	background:url("../images/shoping.png") no-repeat;
	width:32px;
	height:28px;
	margin-right: 5px;
}
dl.parts dd s:nth-child(8) a.shoping:hover
{
	background:url("../images/shoping_hover.png") no-repeat;
}
dl.parts dd:hover
{
	background:#F5F5F5;
}


/*list page*/
.list-panel .pages
{
	text-align:center;
}
.list-panel .pages .pages-left
{
	float:left;
	position:relative;
}
.list-panel .pages .pages-left input
{
	position:absolute;
	left:10px;
	top:16px;
	border:1px solid #DDDDDD;
}
.list-panel .pages .pages-left span
{
	display:inline-block;
	line-height:44px;
	padding-left:30px;
}
.list-panel .pages .pages-right
{
	float:right;
	padding-right:10px;
}
.list-panel .pages a
{
	color:#575757;
	display:inline-block;
	width:24px;
	height:24px;
	line-height:24px;
	border-radius:3px;
	margin-top:10px;
	margin-bottom:10px;
}
.list-panel .pages a.curr,
.list-panel .pages a:hover
{
	background-color:#B60F22;
	color:#FFFFFF;
}
.list-panel .H20
{
	display:block;
	height:20px;
}
.list-panel .H80
{
	display:block;
	height:80px;
	border-bottom:1px solid #DBDBDB;
}


/*footer*/
footer
{
	margin-top:20px;
	background:#262626;
	color:#FFFFFF;
}
footer .advantage
{
	border-bottom:1px solid #484848;
	padding-top: 40px;
	padding-bottom: 40px;
}
footer .advantage dl
{
	width:210px;
	float:left;
	padding-left: 90px;
	position: relative;
	min-height: 82px;
}
footer .advantage dl:before
{
	content:"";
	background-image: url(../images/advantage.png);
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0;
	border: 1px solid #4F4F4F;
	border-radius: 50%;
}
footer .advantage dl.quality:before
{
	background-position: 0 0;
}
footer .advantage dl.onestop:before
{
	background-position: -350px 0;
}
footer .advantage dl.best:before
{
	background-position: -700px 0;
}
footer .advantage dl.large:before
{
	background-position: -1050px 0;
}
footer .advantage dt
{
	margin-top:15px;
}
footer .advantage dd
{
	font-size:12px;
	color:#868686;
	margin-top:5px;
}
footer .footer-nav
{
	margin-top:40px;
	height:215px;
}
footer .footer-nav dl
{
	width:230px;
	margin-right:10px;
	float:left;
}
footer .footer-nav dl.categories
{
	width: 330px;
}
footer .footer-nav dl:last-child
{
	margin-right:0;
}
footer .footer-nav dl dt
{
	height:40px;
	line-height:40px;
	font-size:16px;
	border-bottom:1px solid #484848;
	margin-bottom:10px;
}
footer .footer-nav dl dd
{
	color:#868686;
	line-height:24px;
}
footer .footer-nav dl.footer-nav-about
{
	width:380px;
}
footer .footer-nav dl.footer-nav-about dd
{
	padding-left:25px;
	margin-bottom:5px;
}
footer .footer-nav dl.footer-nav-about dd.add
{
	background:url("../images/add.png") no-repeat left top;
}
footer .footer-nav dl.footer-nav-about dd.tel
{
	background:url("../images/tel.png") no-repeat left center;
}
footer .footer-nav dl.footer-nav-about dd.email
{
	background:url("../images/email.png") no-repeat left center;
}
footer .copyright
{
	text-align:center;
	line-height:26px;
	background:#120F0F;
	padding: 15px 0;
}
footer .copyright .link
{
	width:600px;
	margin:0 auto;
	padding-top: 5px;
}
footer .copyright .link li
{
	float:left;
	margin-right:5px;
}
footer .copyright span
{
	display:block;
	color:#868686;
}
.search-empty-tip
{
	padding: 20px;
	padding-top: 20px;
	line-height: 32px;
	padding-top: 0;
}


/*loading*/
#loadCircle
{
	animation: 1.1s linear 0s normal none infinite running loading;
	-webkit-animation: loading 1.1s infinite linear;
	border-color: rgba(255, 255, 255, 0.2) rgba(255,255, 255, 0.2) rgba(255,255, 255, 0.2) #FFFFFF;
	border-style: solid;
	border-width: 10px;
	font-size: 0.5rem;
	height: 10px;
	left: 50%;
	margin-left: -5px;
	margin-top: -5px;
	position: absolute;
	text-indent: -9999rem;
	top: 50%;
	width: 10px;
	z-index: 999999;
}
#loadCircle,
#loadCircle:after
{
	border-radius: 50%;
	width: 20px;
	height: 20px;
}
#loadCircle.empty
{
	border-color: rgba(102, 102, 102, 0.2) rgba(102,102, 102, 0.2) rgba(102,102, 102, 0.2) #666666;
}
@-webkit-keyframes loading
{
	0%
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%
	{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8
{
	0%
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%
	{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
#loadBox
{
	background: #000000 none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999998;
}
#loadBox.empty
{
	background-color: transparent;
}
@media screen and (min-width: 768px)
{
	html[lang="gr"] nav ul.clearfix li a,
	html[lang="ph"] nav ul.clearfix li a
	{
		padding: 0 24px;
	}
	html[lang="vn"] nav ul.clearfix li a,
	html[lang="hu"] nav ul.clearfix li a,
	html[lang="fr"] nav ul.clearfix li a
	{
		padding: 0 28px;
	}
	html[lang="cz"] nav ul.clearfix li a,
	html[lang="jp"] nav ul.clearfix li a,
	html[lang="ru"] nav ul.clearfix li a,
	html[lang="es"] nav ul.clearfix li a
	{
		padding: 0 30px;
	}
	html[lang="nl"] nav ul.clearfix li a,
	html[lang="pt"] nav ul.clearfix li a,
	html[lang="de"] nav ul.clearfix li a,
	html[lang="it"] nav ul.clearfix li a,
	html[lang="pl"] nav ul.clearfix li a
	{
		padding: 0 34px;
	}
	html[lang="id"] nav ul.clearfix li a,
	html[lang="kr"] nav ul.clearfix li a
	{
		padding: 0 37px;
	}
}
@media screen and (max-width: 767px)
{
	*
	{
		tap-highlight-color:transparent;
		-webkit-tap-highlight-color:transparent;
		-ms-tap-highlight-color:transparent;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:0;
		margin:0;
	}
	body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,select,table,td,textarea,th,ul
	{
		margin:0;
		padding:0;
		font-size:.875rem;
		font-family:"Microsoft YaHei","微软雅黑";
	}
	body
	{
		font-size:.875rem;
		margin:0 auto;
		padding-top:6rem;
	}
	h2,h3,h4,h5,h6
	{
		font-size:.875rem;
	}
	select
	{
		border:solid 1px #E2E2E2;
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none;
		background-image:url("../select-sprite.html");
		background-position:right 0;
		background-repeat:no-repeat;
		background-size:auto 100%;
		border-radius:.2rem;
		padding-right:1rem;
		padding-left:.5rem;
		font-size:.875rem;
	}
	select option
	{
		font-family:"Microsoft YaHei","微软雅黑";
		font-size:.875rem;
	}
	select::-ms-expand
	{
		display:none;
	}
	.bodybody
	{
		width:auto;
	}
	input
	{
		-webkit-appearance:none;
		border-radius:0;
	}
	input[type=button],input[type=reset],input[type=submit],input[type=text]
	{
		-webkit-appearance:none;
		border-radius:0;
	}
	.wrap
	{
		width:100%;
	}
	header
	{
		height:auto;
		position:fixed;
		top:0;
		width:100%;
		z-index:99;
	}
	#banner,
	#nav_category,
	header .link,
	header .logo img,
	header .tip,
	header::before,header div.country
	{
		display:none;
	}
	header.drawer-toggle
	{
		display:block;
	}
	header .wrap
	{
		background-color:#F01830;
	}
	.top-header
	{
		height: 0;
	}
	.top-header .top-header-left
	{
		display: none;
	}
	.top-header .top-header-right
	{
		float:right;
	}
	header dl.account
	{
		display: none;
	}
	header a.logo
	{
		background-image:url("../images/mobile_logo.png");
		background-position:center;
		background-repeat:no-repeat;
		background-size:auto 95%;
		display:block;
		height:3rem;
		position:static;
	}
	.drawer-nav
	{
		z-index:101;
	}
	.drawer-overlay
	{
		z-index:100;
	}
	.drawer-hamberger
	{
		z-index:102;
	}
	.drawer-left .drawer-hamberger,
	.drawer-left .drawer-overlay
	{
		padding:1.5rem;
		top:0;
		z-index:1101;
		position:fixed;
	}
	.drawer-left .drawer-overlay,
	.drawer-open .drawer-hamberger
	{
		left:13rem;
	}
	.drawer-left .drawer-hamberger span
	{
		left:.5rem;
		position:absolute;
		top:.7rem;
	}
	.drawer-left .drawer-main
	{
		background-color:#F01830;
		color:#FFFFFF;
		padding:0;
		width:13rem;
	}
	.drawer-hamburger-icon,
	.drawer-hamburger-icon::after,
	.drawer-hamburger-icon::before
	{
		background-color:#FFFFFF;
	}
	.drawer--left.drawer-open .drawer-hamberger
	{
		left:13rem;
	}
	header dl.lang-list
	{
		position: relative;
		z-index: 9;
		margin-top: 10px;
		border-left:none;
	}
	header dl.lang-list dt::before
	{
		margin:0 auto;
		position:static;
	}
	header dl.lang-list dt
	{
		color:#FFFFFF;
		line-height:1rem;
		overflow: hidden;
		width: 60px;
		font-size: 0;
		padding: 0;
		height: 20px;
		padding-top: 4px;
	}
	header dl.lang-list dd
	{
		position: fixed;
		left: 5%;
		width: 90%;
		top: 56px;
		border: 2px solid #F01830;
	}
	header dl.lang-list dd h3,
	header dl.lang-list dd .btn
	{
		display:block;
		text-align: center;
	}
	header dl.lang-list dd h3
	{
		color: #000000;
		border-bottom: 2px solid #F01830;
		width: 80%;
		margin: 0 auto;
	}
	header dl.lang-list dd .btn
	{
		padding-top: 10px;
		clear: both;
	}
	header dl.lang-list dd .btn s
	{
		text-decoration: none;
		background-color: #F01830;
		color: #FFFFFF;
		padding: 5px 50px;
		border-radius: 3px;
	}
	header dl.lang-list dd a
	{
		width:33%;
	}
	header .search
	{
		background-color:#FFFFFF;
		float:left;
		margin:1%;
		position:static;
		width:100%;
		height:40px;
	}
	header .search input.textbox
	{
		background:0 0;
		color:#606769;
		height:30px;
		line-height:30px;
		padding-left:10px;
		width:80%;
		float:left;
		margin-left:0;
	}
	header .search input.submit
	{
		font-size:14px;
		width:18%;
		height:30px;
		line-height: 30px;
		padding:0;
	}
	header .cart
	{
		position: fixed;
		right: 1rem;
		bottom: 1rem;
		text-indent: -999px;
		border-radius: 50%;
		width: 2rem;
		height: 2rem;
		margin: 0;
		float: none;
		padding: 0;
		background-position: center;
		background-size: 1rem auto;
		line-height: 2rem;
		opacity: 0.6;
	}
	header .cart:hover
	{
		border: 1px solid #F01830;
	}
	nav ul
	{
		display:block;
		float:none;
	}
	nav ul::before
	{
		content:"Exshinetech.com";
		display:block;
		font-weight:700;
		line-height:2rem;
		text-align:center;
	}
	nav ul li
	{
		display:block;
		float:none;
		position:relative;
	}
	nav ul.clearfix li a
	{
		color:#FFFFFF;
		line-height:2.6rem;
		margin:0;
		padding:0 0 0 2rem;
		text-align:left;
	}
	nav ul.clearfix li a.active
	{
		background-color:#F13E00;
		border:medium none;
		height:auto;
	}
	nav ul.clearfix li:hover a
	{
		color:#FFFFFF;
	}
	.position
	{
		height:auto;
		line-height:30px;
	}


	/*parts*/
	dl.parts dt
	{
		display: none;
	}
	dl.parts dd
	{
		height: auto;
		position: relative;
		min-height: 7.5rem;
	}
	dl.parts dd:after
	{
		clear: both;
		content: "";
		display: block;
		height: 0;
		visibility: hidden;
	}
	dl.parts dd s
	{
		width: auto!important;
		padding-top: 0;
		position: absolute;
		left: 35%;
		line-height: 1.5rem;
		height: 1.5rem!important;
		overflow: hidden!important;
		text-align: left!important;
	}
	dl.parts dd s:nth-child(1)
	{
		left: 0;
		height: auto!important;
		width: 30%!important;
	}
	dl.parts dd s:nth-child(2)
	{
		top: 0.5rem;
	}
	dl.parts dd s:nth-child(3)
	{
		top: 2rem;
	}
	dl.parts dd s:nth-child(4)
	{
		top: 3.5rem;
	}
	dl.parts dd s:nth-child(5)
	{
		display: none;
	}
	dl.parts dd s:nth-child(6)
	{
		display: none;
	}
	dl.parts dd s:nth-child(7)
	{
		top: 5.5rem;
		position: absolute;
	}
	dl.parts dd s:nth-child(8)
	{
		top: 5rem;
		left: auto;
		right: 1rem;
		height: auto!important;
	}
	.list-panel .pages
	{
		padding:0.5rem 0;
	}
	.list-panel .pages .pages-left input
	{
		top:17px;
	}
	.list-panel .pages .pages-right
	{
		padding-right:1%;
		margin-top:8px;
	}
	.list-panel .pages .pages-right a
	{
		display:inline-block;
		margin-top:2%;
		margin-bottom:3%;
	}
	.list-panel .pages .pages-right span
	{
		display:inline-block;
		width:50%;
		float:left;
		margin-top:2%;
	}
	.list-panel .list-border
	{
		margin:0 2%;
	}
	.list-panel .list-title h2
	{
		font-size:20px;
		height: auto;
		line-height: 1.5rem;
		padding: 1rem 0 1rem 2%;
	}
	.list-panel .list-title p
	{
		padding-right:2%;
	}
	.list-panel .list-table
	{
		margin:0 2%;
	}
	footer .footer-nav dl
	{
		float: none;
		width: auto;
	}
	footer .footer-nav dl.categories
	{
		width: auto;
	}
	footer
	{
		margin-top:3%;
		padding: 0 2%;
	}
	footer .advantage
	{
		height:auto;
	}
	footer .advantage ul li
	{
		width:100%;
		padding-top: 20px;
	}
	footer .footer-nav
	{
		margin-top:20px;
		height:auto;
	}
	footer .footer-nav dl
	{
		width:96%;
		margin-left:2%;
		margin-right: 0;
	}
	footer .footer-nav dl:last-child
	{
		margin-bottom: 10px;
	}
	footer .footer-nav dl.footer-nav-about
	{
		width:96%;
		margin-left:2%;
		margin-right: 0;
	}
	footer .copyright
	{
		height:auto;
	}
	footer .copyright .link
	{
		width:auto;
		margin:0 auto;
		padding-top:15px;
	}
}