#nav .categories ul{display:block;}
#index .banner{margin-left: 270px;margin-top: 10px;float: left;width: 1130px;}
/*banner*/
#banner{height: 330px;background-color: #EEEEEE;margin-bottom: 5px;overflow: hidden;}
#banner .flexslider{margin: 0;border: none;background-color: transparent;}
#banner img{display:block;}
#banner dl{left: 20px;top: 40px;position: absolute;}
#banner dt{font-size: 26px;text-transform: uppercase;font-weight: bold;color: #FFFFFF;line-height: 40px;}
#banner dd{line-height: 30px;color: #FFFFFF;}
#banner ul.category{position: absolute;top: 120px;left: 20px;column-count: 2;column-gap: 0;-webkit-column-count: 2;-webkit-column-gap: 0;-moz-column-count: 2;-moz-column-gap: 0;}
#banner ul.category li{line-height: 24px;padding-left: 15px;padding-right: 15px;position: relative;}
#banner ul.category li:before{content:"";width: 6px;height: 6px;background-color: #FFFFFF;position: absolute;left: 0;top: 9px;}
#banner ul.category li a{color: #FFFFFF;font-size: 14px;text-shadow: -1px 3px 2px #000000;}
#banner a.btn{display: inline-block;position: absolute;bottom: 45px;left: 20px;border: 1px solid #FFFFFF;height: 32px;line-height: 32px;padding-left: 15px;padding-right: 20px;color: #FFFFFF;font-size: 14px;font-weight: bold;text-decoration: none;text-transform: uppercase;}
#banner a.btn:after{content: ">";margin-left: 15px;}
#banner a.btn:hover{background-color: #FF6600;}
/*diff*/
#banner li dl.bannerText-A dd{font-size: 18px;font-weight: bold;}
#banner li dl.bannerText-B{top: 50px;}
#banner li dl.bannerText-B dt{font-size: 20px;width: 586px;line-height: 24px;padding-bottom: 10px;}
#banner li dl.bannerText-B dd{width: 660px;line-height: 20px;text-shadow: 2px 4px 4px #000000;font-size: 15px;}
#banner li dl.bannerText-C dt{font-size: 20px;}
#banner li dl.bannerText-C dd{font-size: 17px;line-height: 20px;}
/*banner tab*/
#index ul.tab {margin-left: 270px;}
#index ul.tab li{background-color: #F5F5F5;width: 371px;height: 42px;float: left;text-align: center;margin-left: 8px;padding-top: 90px;font-size: 15px;color: #3B3B3B;position: relative;}
#index ul.tab li:first-child{margin-left: 0;}
#index ul.tab li:before{content: "";width: 80px;height: 80px;position: absolute;background-image: url("../images/home-icon.png?202006021128");top: 0;left: 50%;margin-left: -40px;}
#index ul.tab li:nth-child(2):before{background-position: 0 -80px;}
#index ul.tab li:nth-child(3):before{background-position: 0 -160px;}
/*recommend*/
.recommend{margin-top: 20px;}
.recommend .tab{line-height: 42px;border-bottom: 2px solid #E4E4E4;height: 42px;}
.recommend .tab s{display: inline-block;text-decoration: none;min-width: 220px; max-width:20%; height:44px; overflow:hidden;text-align: center;padding: 0 20px;font-size: 16px;position: relative;cursor: pointer;margin-left: 4px;}
.recommend .tab s:before{content: "";width: 100%;height: 2px;background-color: #C7C7C7;position: absolute;bottom: -2px;left: -4px;border-left: 4px solid #FFFFFF;border-right: 4px solid #FFFFFF;}
.recommend .tab s:first-child{margin-left: 0;}
.recommend .tab s.c{background-color: #265db7;color: #FFFFFF;height: 44px;}
.recommend .tab s.c:before{display: none;}
.recommend ul.list{display:none;}
.recommend ul.list li{float: left;width: 240px;height: 290px;padding-top: 10px;border-top: 1px dotted #B5B5B5;padding-right: 48px;line-height: 20px;}
.recommend ul.list li img.m,.recommend ul.list li a img{display: block;margin: 0 auto; width: 128px; }
.recommend ul.list li:nth-child(5n){margin-right: 0;padding-right: 0;}
.recommend ul.list li:nth-child(-n+5){border-top: none;}
.recommend ul.list li h6{font-size: 14px;}
.recommend ul.list li h6 a{color: #515151;font-weight: bold;}
.recommend ul.list li p{color: #787878;}
.recommend ul.list li em{color: #265db7;font-weight: bold;}
.category h2{font-size: 18px;color: #363636;line-height: 56px;}
.category .select{border-top: 2px solid #265db7;border-left: 1px solid #D6D6D6;border-right: 1px solid #D6D6D6;border-bottom: 1px solid #D6D6D6;height: 112px;position: relative;padding: 0 22px;}
.category .select s.icon-left{left: 0;}
.category .select s{width: 22px;height: 60px;background-color: #F1F1F1;position: absolute;top: 50%;margin-top: -30px;text-decoration: none;z-index: 3;cursor: pointer;}
.category .select s:before{color: #787878;font-size: 20px;margin-top: 20px;margin-left: 0;text-align: center;width: 24px;margin-right: 0;}
.category .select s:hover{background-color: #265db7;}
.category .select s:hover:before{color: #FFFFFF;}
.category .select s.icon-right{right: 0;}
.category .select .box{overflow: hidden;}
.category .select ul{width: 10000px;padding-top: 10px;}
.category .select li{width: 113px;float: left;position: relative;padding-top: 56px;text-align: center;height: 32px;overflow: hidden;line-height: 16px;cursor: pointer;border-radius: 10px;padding-bottom: 5px;margin: 0 5px;}
.category .select li i,.category .select li a{font-style: normal;height: 32px;overflow: hidden;display: block;text-decoration: none;}
.category .select li:before{content: "\E809";font-family: snsii;position: absolute;left: 0;color: #787878;font-size: 32px;top: 15px;margin: 0;width: 36px;height: 36px;text-align: center;line-height: 36px;left: 50%;margin-left: -18px;}
.category .select li.capacitors:before,.category .select li.crystals-oscillators-resonators:before{content: "\E801";}
.category .select li.industrial-controls:before{content: "\E802";}
.category .select li.sensors-transducers:before,.category .select li.connectors-interconnects:before{content: "\E803";}
.category .select li.motors-solenoids-driver-boards-modules:before{content: "\E804";}
.category .select li.power-supplies-board-mount:before{content: "\E805";}
.category .select li.prototyping-products:before{content: "\E806";}
.category .select li.isolators:before,.category .select li.tools:before,.category .select li.test-and-measurement:before,.category .select li.tapes-adhesives:before,.category .select li.static-control-esd-clean-room-products:before,.category .select li.maker-diy-educational:before,.category .select li.magnetics-transformer-inductor-components:before,.category .select li.kits:before,.category .select li.hardware-fasteners-accessories:before,.category .select li.cables-wires-management:before,.category .select li.cables-wires:before,.category .select li.cable-assemblies:before,.category .select li.battery-products:before{content: "\E807";}
.category .select li.optoelectronics:before,.category .select li.potentiometers-variable-resistors:before,.category .select li.inductors-coils-chokes:before{content: "\E808";}
.category .select li.integrated-circuitsics:before,.category .select li.rf-if-and-rfid:before,.category .select li.memory-cards-modules:before{content: "\E809";}
.category .select li.transformers:before{content: "\E810";}
.category .select li.switches:before,.category .select li.networking-solutions:before{content: "\E811";}
.category .select li.relays:before,.category .select li.discrete-semiconductor-products:before{content: "\E812";}
.category .select li.circuit-protection:before,.category .select li.resistors:before,.category .select li.connectors-interconnects:before{content: "\E813";}
.category .select li.filters:before,.category .select li.fans-thermal-management:before{content: "\E814";}
.category .select li.power-supplies-external-internaloff-board:before,.category .select li.embedded-computers:before,.category .select li.development-boards-kits-programmers:before,.category .select li.computers-office-components-accessories:before{content: "\E815";}
.category .select li.soldering-desoldering-rework-products:before,.category .select li.line-protection-distribution-backups:before{content: "\E816";}
.category .select li.optical-inspection-equipment:before{content: "\E818";}
.category .select li.circuit-protection:before,.category .select li.boxes-enclosures-racks:before,.category .select li.audio-products:before{content: "\E819";}
.category .select li:hover{background-color: #265db7;color: #FFFFFF;}
.category .select li:hover:before,.category .select li:hover i,.category .select li:hover a{color: #FFFFFF;}
.category ol li{float: left;width: 250px;height: 80px;background-color: #F1F1F1;padding: 10px;margin-top: 18px;margin-left: 12px;}
.category ol li:nth-child(5n+1){margin-left: 0;}
.category ol li img{max-width: 80px;float: left;}
.category ol li p{width: 160px;float: right;}
.category ol li a{color: #303030;font-weight: bold;display: inline-block;max-height: 32px;line-height: 16px;overflow: hidden;padding: 3px 0;}
.category ol li i{font-style: normal;color: #787878;display: block;line-height: 16px;}
.category ol li em{font-weight: bold;color: #265db7;}
/*manufacturers*/
.manufacturers{margin-top: 30px;}
.manufacturers h2{font-size: 18px;font-weight: bold;color: #363636;border-bottom: 2px solid #C7C7C7;line-height: 46px;padding-left: 5px;}
.manufacturers h2 a{float: right;padding-right: 10px;font-size: 12px;color: #777777;}
.manufacturers ul li{float: left;width: 213px;border-top: 1px dotted #B5B5B5;padding-right: 20px;height: 80px;padding-top: 20px;}
.manufacturers ul li:nth-child(6n){padding-right: 0;}
.manufacturers ul li:nth-child(-n+6){border-top: none;}
.manufacturers ul li a img{max-width: 80%;display: block;margin: 0 auto;}
/*news*/
.bottom{border: 1px solid #E6E6E6;margin-bottom: 30px;}
.bottom dl.news{border-left: none;width: 638px;}
.bottom dl.news dd{clear: both;}
.bottom dl.news dd i{float: right;padding-right: 15px;color: #777777;}
.bottom dl{float: left;height: 180px;border-left: 1px dotted #B5B5B5;line-height: 24px;padding-left: 27px;margin-top: 17px;margin-bottom: 15px;}
.bottom dl dt{line-height: 40px;color: #4A4A4A;font-weight: bold;font-size: 16px;}
.bottom dl.choose{width: 330px;padding-left: 36px;}
.bottom dl.choose dd{color: #666666;}
.bottom dl.choose dd a{background-color: #265db7;color: #FFFFFF;display: block;width: 220px;padding-left: 20px;height: 38px;line-height: 38px;font-size: 16px;font-weight: bold;text-decoration: none;}
.bottom dl.choose dd a:after{content: ">";float: right;margin-right: 20px;font-family: Tahoma,Arial;font-weight: normal;font-size: 20px;}
.bottom dl.product-index{width: 340px;}
.bottom dl.product-index dd a{display: inline-block;margin-right: 10px;}
.bottom dl.hot-product{width: 670px;padding-left: 36px;}
.bottom dl.hot-product dd{display: inline-block; width:33%; height:1rem; overflow: hidden;}
/*lang*/
@media screen and (min-width: 768px)
{
	html[lang="pl"] #index ul.info li,html[lang="ie"] #index ul.info li{padding-left: 70px;}
	html[lang="hu"] #index ul.info li{padding-left: 55px;}
	html[lang="hu"] #index ul.info li a{padding: 9px 0;}
	html[lang="by"] #index ul.info li a,html[lang="rs"] #index ul.info li a,html[lang="lk"] #index ul.info li a,html[lang="ge"] #index ul.info li a{padding: 9px 2px;}
	html[lang="ru"] #index ul.info li a,html[lang="pl"] #index ul.info li a,html[lang="ro"] #index ul.info li a,html[lang="gr"] #index ul.info li a{padding: 9px 5px;}
	html[lang="hr"] #index ul.info li a,html[lang="cz"] #index ul.info li a,html[lang="al"] #index ul.info li a{padding: 9px 6px;}
	html[lang="ie"] #index ul.info li a,html[lang="ba"] #index ul.info li a,html[lang="lt"] #index ul.info li a,html[lang="kn"] #index ul.info li a{padding: 9px 9px;}
	html[lang="it"] #index ul.info li a,html[lang="es"] #index ul.info li a,html[lang="de"] #index ul.info li a,html[lang="tr"] #index ul.info li a,html[lang="pt"] #index ul.info li a,html[lang="bg"] #index ul.info li a,html[lang="vn"] #index ul.info li a,html[lang="tj"] #index ul.info li a{padding: 9px 10px;}
	html[lang="ua"] #index ul.info li a,html[lang="sk"] #index ul.info li a,html[lang="mg"] #index ul.info li a{padding: 9px 12px;}
	html[lang="az"] #index ul.info li a,html[lang="kh"] #index ul.info li a{padding: 9px 16px;}
	html[lang="mm"] #index ul.info li a{padding: 3px 20px;}
	html[lang="jp"] #index ul.info li a{display: block;margin-right: 25px;}
	html[lang="gr"] #index ul.info li a,html[lang="kn"] #index ul.info li a{font-size:12px;}
	html[lang="ph"] #index ul.info li a{margin-top: -1px;font-size: 12px;margin-right: 5px;padding: 3px 20px;}
	html[lang="ta"] #index ul.info li a{font-size: 12px;margin-right: 5px;padding: 2px;}
	html[lang="te"] #index ul.info li a{padding: 2px 3px;margin-right: 5px;}
	html[lang="kn"] .recommend .tab s{min-width:126px;}
	html[lang="ta"] .recommend .tab s{min-width:169px;}
	html[lang="bg"] .recommend .tab s{min-width:187px;}
	html[lang="al"] .recommend .tab s{min-width:206px;}
	html[lang="by"] .recommend .tab s{min-width:209px;}
	html[lang="gr"] .recommend .tab s,html[lang="ht"] .recommend .tab s{min-width:211px;}
	html[lang="pt"] .recommend .tab s{min-width:213px;}
	html[lang="gl"] .recommend .tab s{min-width:214px;}
	html[lang="es"] .recommend .tab s{min-width:218px;}
	html[lang="ua"] .recommend .tab s{min-width:219px;}
	html[lang="lt"] .recommend .tab s{min-width:220px;}
	html[lang="kh"] .recommend .tab s{min-width:224px;}
	html[lang="eu"] .recommend .tab s{min-width:225px;}
	html[lang="bd"] .recommend .tab s{min-width:226px;}
	html[lang="tj"] .recommend .tab s{min-width:227px;}
	html[lang="sk"] .recommend .tab s,html[lang="gu"] .recommend .tab s{min-width:228px;}
	html[lang="ro"] .recommend .tab s,html[lang="cz"] .recommend .tab s{min-width:230px;}
	html[lang="rs"] .recommend .tab s,html[lang="nl"] .recommend .tab s,html[lang="mg"] .recommend .tab s,html[lang="mr"] .recommend .tab s{min-width:231px;}
	html[lang="no"] .recommend .tab s,html[lang="dk"] .recommend .tab s,html[lang="my"] .recommend .tab s{min-width:232px;}
}
@media screen and (max-width: 767px)
{
	.recommend ul.list li:nth-child(-n+2){border-top: none;}
	.recommend ul li img.m{display: block;margin: 0 auto;}
	.recommend ul.list li a{display: block;width: 100%;}
	.manufacturers ul li:nth-child(-n+2){border-top: none;}
	#index .banner{display: none;}
	#index ul.info{width: auto;float: none;height: auto;}
	#index ul.info li{padding-top: 1rem;height: auto;min-height: 66px;padding-bottom: 10px;}
	#index ul.info li:before{line-height: 60px;}
	#index ul.info li a{margin-left: 1rem;}
	.recommend .tab{display: none;}
	.recommend ul.list li{width: 50%;text-align: center;padding-right: 0;height: 330px;}
	.recommend ul.list li:nth-child(-n+5){border-top: 1px dotted #B5B5B5;}
	.category .select{display: none;}
	.category ol li{float: none;width: auto;height: auto;margin-top: 5px;margin-left: 0 !important;}
	.category ol li img{margin-right: 10px;max-height: 60px;}
	.category ol li p{width: auto;float: none;}
	.manufacturers ul li{width: 50%;padding-top: 1rem;padding-bottom: 1rem;height: auto;}
	.manufacturers ul li:nth-child(-n+6){border-top: 1px dotted #B5B5B5;}
	.bottom dl{float: none;height: auto;border-left: none;border-top: 1px dotted #B5B5B5;width: auto !important;padding-left: 1rem;margin: 0 0.5rem;padding-bottom: 1rem;}
	.bottom dl.news dd{margin-top: 20px;min-height: 48px;}
	.bottom dl.product-index dd a{padding: 3px 0;border: 1px solid #eee;margin: 5px 5px;width: 30px;text-align: center;}
	.bottom dl.hot-product{ padding-left: 0;}
	.bottom dl.hot-product dd{display: inline-block; width:100%; height:1.2rem; overflow: hidden;}
	#index ul.tab {margin-left: 0; padding-right: 5px;}
	#index ul.tab li{ float: none;margin-bottom: 5px; padding-bottom: 8px; height:auto; margin-left: 0; width:100%;}
}