@charset "utf-8";body{color: #333333;font-family: "helvetica","verdana","arial";font-size: 0.75rem;margin: 0;-webkit-text-size-adjust: none;}
body,form,img,p,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,input,button,select,textarea,fieldset{margin:0;padding:0;font-size:0.75rem;font-family: "helvetica","verdana","arial";}
a img, img{border:0;}
a:link{color:#666666;}
a:visited{color:#666666;}
a:hover{color:#EF4922;text-decoration: underline;}
a:active{color:#666666;}
a{text-decoration: none;}
h2,h3,h4,h5,h6{font-size:0.75rem;q;font-weight:normal;}
em{font-style:normal;}
ul,ol,li{list-style:none;}
.clear{height:1px;font-size:0px;clear:both;}
.h10{height:0.625rem;font-size:0px;clear:both;}
.h15{height:0.9375rem;font-size:0px;clear:both;}
.clearfix::after,ul.mfg::after,.container:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
::-moz-placeholder{color: #BDC1C2;}
::-webkit-input-placeholder{color: #BDC1C2;}
/*clear input*/
input{-webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;}
/*default set*/
.container{word-wrap: normal;word-break: normal;width:1400px;margin:0 auto;}
.drawer-toggle{display:none;}
/*top*/
#top{height: 34px;background-color: #EDEDED;line-height: 34px;}
#top .container{position: relative;}
#top span.welcome{float: left;}
#top span.welcome strong{color: #E31837;text-decoration: underline;}
#top .language{float: right;}
#top .language>a{text-decoration: none;display: inline-block;padding: 0 7px;color: #757575;cursor: pointer;position: relative;padding-left: 30px;}
#top .language a:before{content:"";background-image: url("../../images/language_21.png");background-repeat: no-repeat;width: 21px;height: 14px;position: absolute;left: 5px;top: 50%;margin-top: -8px;font-size: 28px;border: 1px solid transparent;}
#top .language>a:hover{background-color: #E31837;color: #FFFFFF;}
/*language list*/
#top .language a.en:before{background-position: 0 -1em;}
#top .language a.uk:before{background-position: 0 -2em;}
#top .language a.de:before{background-position: 0 -3em;}
#top .language a.fr:before{background-position: 0 -4em;}
#top .language a.ru:before{background-position: 0 -5em;}
#top .language a.es:before{background-position: 0 -6em;}
#top .language a.pt:before{background-position: 0 -7em;}
#top .language a.jp:before{background-position: 0 -8em;}
#top .language a.gr:before{background-position: 0 -9em;}
#top .language a.it:before{background-position: 0 -10em;}
#top .language a.kr:before{background-position: 0 -11em;}
#top .language a.ae:before{background-position: 0 -12em;}
#top .language a.tr:before{background-position: 0 -13em;}
#top .language a.pl:before{background-position: 0 -14em;}
#top .language a.fi:before{background-position: 0 -15em;}
#top .language a.in:before{background-position: 0 -16em;}
#top .language a.gu:before{background-position: 0 -16em;}
#top .language a.kn:before{background-position: 0 -16em;}
#top .language a.mr:before{background-position: 0 -16em;}
#top .language a.ml:before{background-position: 0 -16em;}
#top .language a.te:before{background-position: 0 -16em;}
#top .language a.ta:before{background-position: 0 -16em;}
#top .language a.vn:before{background-position: 0 -17em;}
#top .language a.th:before{background-position: 0 -18em;}
#top .language a.nl:before{background-position: 0 -19em;}
#top .language a.ie:before{background-position: 0 -20em;}
#top .language a.ph:before{background-position: 0 -21em;}
#top .language a.cz:before{background-position: 0 -22em;}
#top .language a.my:before{background-position: 0 -23em;}
#top .language a.fa:before{background-position: 0 -24em;}
#top .language a.hu:before{background-position: 0 -25em;}
#top .language a.hr:before{background-position: 0 -26em;}
#top .language a.sk:before{background-position: 0 -27em;}
#top .language a.si:before{background-position: 0 -28em;}
#top .language a.no:before{background-position: 0 -29em;}
#top .language a.iw:before{background-position: 0 -30em;}
#top .language a.dk:before{background-position: 0 -31em;}
#top .language a.ro:before{background-position: 0 -32em;}
#top .language a.se:before{background-position: 0 -33em;}
#top .language a.bg:before{background-position: 0 -34em;}
#top .language a.al:before{background-position: 0 -35em;}
#top .language a.et:before{background-position: 0 -36em;}
#top .language a.az:before{background-position: 0 -37em;}
#top .language a.ee:before{background-position: 0 -38em;}
#top .language a.eu:before{background-position: 0 -39em;}
#top .language a.by:before{background-position: 0 -40em;}
#top .language a.is:before{background-position: 0 -41em;}
#top .language a.ba:before{background-position: 0 -42em;}
#top .language a.za:before{background-position: 0 -43em;}
#top .language a.xh:before{background-position: 0 -43em;}
#top .language a.zu:before{background-position: 0 -43em;}
#top .language a.kh:before{background-position: 0 -44em;}
#top .language a.kz:before{background-position: 0 -45em;}
#top .language a.ht:before{background-position: 0 -46em;}
#top .language a.ng:before{background-position: 0 -47em;}
#top .language a.gl:before{background-position: 0 -48em;}
#top .language a.iq:before{background-position: 0 -49em;}
#top .language a.lv:before{background-position: 0 -50em;}
#top .language a.la:before{background-position: 0 -51em;}
#top .language a.lt:before{background-position: 0 -52em;}
#top .language a.mg:before{background-position: 0 -53em;}
#top .language a.nz:before{background-position: 0 -54em;}
#top .language a.mn:before{background-position: 0 -55em;}
#top .language a.bd:before{background-position: 0 -56em;}
#top .language a.mm:before{background-position: 0 -57em;}
#top .language a.np:before{background-position: 0 -58em;}
#top .language a.af:before{background-position: 0 -59em;}
#top .language a.mw:before{background-position: 0 -60em;}
#top .language a.lk:before{background-position: 0 -61em;}
#top .language a.tz:before{background-position: 0 -62em;}
#top .language a.tj:before{background-position: 0 -63em;}
#top .language a.pk:before{background-position: 0 -64em;}
#top .language a.ua:before{background-position: 0 -65em;}
#top .language a.uz:before{background-position: 0 -66em;}
#top .language a.ge:before{background-position: 0 -67em;}
#top .language a.rs:before{background-position: 0 -68em;}
#top .language a.id:before{background-position: 0 -69em;}
/*header*/
#header{height: 90px;}
#header a.logo{margin-top: 7px;float: left;}
#header a.logo img{display: block;}
/*header search*/
#header .search-form{width: 530px;float: left;margin-left: 200px;margin-top: 30px;}
#header .search-form #keywords{width: 477px;float: left;height: 34px;border: 1px solid #DCDCDC;padding-left: 15px;}
#header .search-form s.icon-search{width: 36px;height: 36px;text-decoration: none;background-color: #999999;float: left;position: relative;}
#header .search-form s.icon-search:before{color: #FFFFFF;text-align: center;width: 100%;line-height: 34px;margin: 0;font-size: 1.2rem;}
#header .search-form s.icon-search input{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;border: none;background-color: transparent;cursor: pointer;}
#header .search-form s.icon-search:hover{background-color: #E31837;}
/*header rfq*/
#header a.icon-mail{margin-top: 30px;float: left;margin-left: 16px;background-color: #E8E8E8;height: 36px;line-height: 36px;padding: 0 20px;color: #4B4B4B;font-size: 14px;position: relative;text-decoration: none;}
#header a.icon-mail i{font-style: normal;margin-left: 5px;}
#header a.icon-mail:before{background-color: #999999;width: 36px;height: 36px;position: absolute;right: -36px;line-height: 36px;color: #FFFFFF;font-size: 1.2rem;}
#header a.icon-mail:hover{background-color: #999999;color: #000000;}
#header a.icon-mail:hover:before{background-color: #E31837;}
/*nav*/
#nav{height: 92px;background-color: #E31837;position: relative;}
#nav .category{width: 328px;position: relative;padding-top: 10px;float: left;}
#nav .category:before,#nav .category ul:before{content: "";background-color: rgba(0,0,0,0.3);width: 100%;height: 80px;position: absolute;z-index: 10;}
#nav .category h2{font-size: 18px;line-height: 79px;padding-left: 70px;text-transform: uppercase;font-weight: bold;color: #FFFFFF;position: relative;z-index: 10;border-bottom: 3px solid #880E21;}
#nav .category > ul{position: absolute;z-index: 11;padding-top: 4px;width: 100%;display: none;}
#nav .category > ul > li{height: 38px;border-bottom: 1px solid #000000;position: relative;z-index: 12;}
#nav .category > ul > li > a{display: block;padding-left: 13px;line-height: 38px;color: #FFFFFF;border-left: 4px solid transparent;text-decoration: none;}
/*nav box*/
#nav .category li .box{position: absolute;left: 328px;top: 0;width: 1060px;padding-left: 12px;display: none;background-color: #FFFFFF;}
#nav .category li h3{line-height: 42px;color: #393939;font-size: 16px;border-bottom: 1px dotted #B7B7B7;padding-left: 8px;font-weight: bold;}
#nav .category li .item{line-height: 30px;-webkit-column-count: 3;-webkit-column-gap: 7px;-moz-column-count: 3;-moz-column-gap: 7px;padding: 8px;}
#nav .category li .item a{color: #757575;display: block;}
#nav .category li h4{border-top: 1px dotted #B7B7B7;line-height: 40px;padding-left: 8px;text-transform: uppercase;color: #8C8C8C;font-weight: bold;font-size: 14px;}
#nav .category li .manufacturer a{display: inline-block;}
#nav .category li .manufacturer img{display: block;max-height: 50px;border: 1px solid #DDDDDD;margin-right: 5px;padding: 10px;}
#nav .category li .manufacturer a:nth-child(6n) img{margin-right: 0;}
/*nav list*/
#nav ul.menu{float: right;}
#nav ul.menu:before{content: "";position: absolute;left: 0;top: 92px;background-color: #FFFFFF;height: 540px;width: 100%;z-index: 9;display: none;}
#nav ul.menu li{float: left;line-height: 92px;}
#nav ul.menu li a{display: block;padding: 0 25px;font-size: 0.875rem;color: #FFFFFF;font-weight: bold;text-decoration: none;}
#nav ul.menu li:hover a{background-color: #C1142F;}
/*nav category hover*/
#nav .category:hover > ul{background-color: #737373;display:block;}
#nav .category:hover > ul:before{display:none;}
#nav .category:hover + ul.menu:before{display:block;}
#nav .category > ul:hover > li{border-bottom: 1px solid #818181;}
#nav .category > ul > li:hover{background-color: #DCDCDC;position: static;}
#nav .category > ul > li:hover > a{border-left: 4px solid red;color: #232323;}
#nav .category > ul > li:hover .box{display:block;}
/*footer menu*/
#menu{background-color: #333333;padding-bottom: 40px;}
#menu .container{padding-top: 20px;color: #B9B9B9;}
#menu .container dl{float: left;width: 220px;}
#menu .container dt{font-size: 14px;color: #FFFFFF;text-transform: uppercase;line-height: 40px;font-weight: bold;}
#menu .container dd{line-height: 30px;}
#menu .container dd a{color: #B9B9B9;font-size: 14px;}
#menu .container .right{float: right;width: 630px;}
#menu .container .right .rfq{font-size: 14px;padding-bottom: 60px;}
#menu .container .right .rfq h3{font-size: 16px;color: #FFFFFF;font-weight: bold;text-transform: uppercase;line-height: 40px;}
#menu .container .right .rfq a{display: block;background-color: #E31837;width: 440px;padding-left: 20px;line-height: 38px;height: 38px;color: #FFFFFF;font-weight: bold;text-transform: uppercase;text-decoration: none;margin-top: 20px;position: relative;}
#menu .container .right .rfq a:before{float: right;width: 38px;height: 100%;background-color: #C70825;line-height: 38px;margin: 0;font-size: 20px;}
#menu .container .right .rfq a:hover{background-color: #000000;}
#menu .container .right .rfq a:hover:before{background-color: #999999;}
#menu .container .right .sns h3{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
#menu .container .right .sns a{width: 48px;height: 48px;font-size: 20px;text-align: center;text-decoration: none;border-radius: 7px;float: left;margin-right: 5px;}
#menu .container .right .sns a:before{line-height: 48px;margin: 0;color: #FFFFFF;font-size: 24px;text-align: center;}
#menu .container .right .sns a:hover{background-color: #E31837;}
/*footer*/
#footer{background-color: #222222;color: #979797;text-align: center;padding: 30px 0;}
#footer a{color: #FFFFFF;position: absolute;left: -9999px;}
#footer a[href^='mailto:']{position: static;}
/*pager*/
.pager{margin-bottom: 15px;}
.pager .cur{color: #A1A1A1;line-height: 30px;text-align: right;}
.pager .cur i{font-style: normal;color: #E31837;}
.pager .links{float: right;border: 1px solid #E2E2E2;border-radius: 50px;margin-left: 15px;}
.pager .links a:hover{background-color: #EEEEEE;color: #000000;}
.pager .links i,.pager .links a{float:left;width: 28px;height: 28px;text-align: center;line-height: 28px;border-radius: 50%;font-style: normal;text-decoration: none;margin: 0 5px;font-size: 14px;}
.pager .links i{background-color: #E31837;color: #FFFFFF;font-weight: bold;}
/*position*/
.position{line-height: 36px;background-color: #EDEDED;text-align: right;border-bottom: 2px solid #E31837;}
.position a{color: #555555;}
.position s{text-decoration: none;}
.form li.verify{margin: 0 auto!important;float: none!important;clear: both;text-align: center;padding-bottom: 10px;width: 180px;}
.form li.verify input{width: 40px!important;margin-right: 10px;height: 30px!important;float: left;}
.form li.verify span{float:left;}
@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:12px;font-family:"Microsoft YaHei","微软雅黑";}
	body{font-size:12px;margin:0 auto;padding-top:70px;}
	h2,h3,h4,h5,h6{font-size:12px;}
	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;}
	/*menu*/
	.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.1rem;top:0;z-index:1101;position:fixed;padding-right: 100px;}
	.drawer-left .drawer-overlay,.drawer-open .drawer-hamberger{left: 16rem;}
	.drawer-left .drawer-hamberger span{left:.1rem;position:absolute;top:6px;}
	.drawer-left .drawer-hamberger s{color: #FFFFFF;display: block;text-decoration: none;position: absolute;top: 10px;left: 35px;}
	.drawer-left .drawer-main{background-color:#FFFFFF;color:#EF3800;padding:0;width:250px;z-index:999;}
	.drawer-hamburger-icon,.drawer-hamburger-icon::after,.drawer-hamburger-icon::before{background-color:#FFFFFF;}
	.drawer--left.drawer-open .drawer-hamberger{left:13rem;}
	/*default set*/
	.container{width: auto;}
	.drawer-toggle{display: block;}
	/*top*/
	#top{position: fixed;top: 0;background-color: #E31837;width: 100%;height: 34px;color: #FFFFFF;z-index: 999;}
	#top span.welcome{display: none;}
	#top .language>a{color: #FFFFFF;}
	/*header*/
	#header{position: fixed;top: 35px;width: 100%;height: 34px;background-color: #FFFFFF;z-index: 999;}
	#header a.logo{display: none;}
	/*header search*/
	#header .search-form{width: 100%;margin: 0;float: none;}
	#header .search-form #keywords{width: 90%;padding-left: 2%;}
	#header .search-form s.icon-search{width: 10%;height: 34px;background-color: #E31837;}
	/*header rfq*/
	#header a.icon-mail{display: none;}
	/*nav*/
	#nav{height: 100%;position: fixed;background-image: url("../images/mobile_logo.png");background-repeat: no-repeat;padding-top: 70px;background-size: auto 60px;background-position: center 0;}
	#nav .category{display: none;}
	/*nav list*/
	#nav ul.menu{float: none;}
	#nav ul.menu li{float: none;line-height: 40px;}
	/*footer menu*/
	#menu{padding-bottom: 0;}
	#menu .container dl{width: auto;float: none;padding-left: 0.5rem;}
	#menu .container .right{float: none;width: auto;padding: 0 0.5rem;}
	#menu .container .right .rfq a{width: 100%;}
	/*position*/
	.position{line-height: 16px;padding: 5px;}
}