.main h1{font-size: 25px;color: #000000;height: 70px;line-height: 70px;float: left;margin-right: 15px;}
.main .total{color: #838383;font-size: 14px;padding-top: 26px;}
.main .total b{color: #000000;}
.main .left{clear: both;float: left;width: 294px;background-color: #FFFFFF;}
.main .left h2{font-size: 17px;color: #000000;height: 50px;line-height: 50px;padding-left: 15px;font-weight: bold;}
.main .left h2:before{display:none;}
.main .left ul{padding-bottom: 20px;width: 298px;}
.main .left li{line-height: 16px;padding: 7px 0 7px 15px;font-size: 13px;color: #000000;cursor: pointer;}
.main .left li:hover{color: #3462C1;text-decoration: underline;}
.main .right{float: right;width: 1089px;}
.main .right dl,.main .category-item{padding: 13px;background-color: #FFFFFF;margin-bottom: 17px;}
.main .right dt{line-height: 24px;}
.main .right dt img{border: 1px solid #F2F3F5;max-width: 70px;max-height: 70px;float: left;margin-right: 11px;}
.main .right dt a{font-size: 17px;color: #000000;display: inline-block;margin-top: 23px;font-weight: bold;padding: 0 7px 0 3px;}
.main .right dt a:hover{background-color: #3462C1;color: #FFFFFF;}
.main .right dt s{font-size: 12px;color: #838383;text-decoration: none;display: inline-block;}
.main .right dd{clear: both;padding: 10px 0;}
.main .category-item{clear: both;}
.main .right dd::after,.main .category-item:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
.main .right dd a,.main .category-item a{float: left;line-height: 16px;padding: 10px 4px;width: 50%;}
.main .right dd a i,.main .category-item a i{color: #838383;font-style: normal;margin-left: 7px;display: inline-block;}
.main .right dd a:hover,.main .category-item a:hover{background-color: #3462C1;color: #FFFFFF;}
.main .right dd a:hover i,.main .category-item a:hover i{color: #FFFFFF;}
body.scroll .main .left .catalog{position: fixed;background-color: #fff;top: 118px;overflow-y: auto;max-height: 90% !important;overscroll-behavior: none;}
body.scroll .sitemap + .main .left .catalog{position: static;}
body.scroll-sitemap .main .left .catalog{position: fixed!important;}
body.scroll-catalog .main{position: relative;}
body.scroll-catalog .main .left .catalog{position: absolute!important;top:auto;bottom:92px;}
/*letter*/
.main dl.letter{clear:both;background-color: #FFFFFF;padding: 8px 0;line-height: 36px;margin-bottom: 24px;}
.main dl.letter dt{float: left;padding: 0 14px;font-size: 16px;color: #000000;}
.main dl.letter dt:before{display:none;}
.main dl.letter dd{text-align: center;}
.main dl.letter dd a{text-decoration: none;display: inline-block;width: 36px;text-align: center;margin: 0 6px;cursor: pointer;font-size: 14px;}
.main dl.letter dd a:hover{background-color: #3462C1;color: #FFFFFF;}
.main .parts-list{margin-bottom: 24px;background-color: #FFFFFF;padding: 18px 22px;}
.main .parts-list .list{clear: both;}
.main .parts-list .list li{border-bottom: 1px dotted #eee;}
.main .parts-list .list li:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
.main .parts-list .list a{float: left;width: 226px;line-height: 16px;padding: 10px 7px;font-size: 14px;}
.main .parts-list .list a:hover{background-color: #3462C1;color: #FFFFFF;}
/*main top*/
.top{background-color: #A3A9B5;padding: 0 18px;color: #FFFFFF;}
.top .crumbs,.top .crumbs a,.top .crumbs a:after{color: #FFFFFF;}
.top h1{font-size: 32px;height: 60px;line-height: 60px;}
.top .total{line-height: 42px;font-size: 14px;}
/*filters*/
.filters{padding: 0 18px;background-color: #FFFFFF;}
.filters h2{font-size: 17px;line-height: 56px;}
.filters h2.icon-down{display:none;}
.filters .filters-box{overflow-x: auto;width: 100%;}
.filters .filters-list{width: 2440px;}
.filters .item{float: left;min-width: 200px;margin-right: 10px;height: 270px;padding: 5px;background-color: #EFF0F4;border: none;}
.filters .item strong{color: #383838;font-size: 15px;margin: 0;padding: 0;display: block;width: 100%;line-height: 36px;}
.filters .item span{position: relative;height: 30px;line-height: 32px;display: block;margin-bottom: 6px;}
.filters .item span:before{position: absolute;right: 5px;top: 6px;color: #A3A7B0;font-size: 18px;}
.filters .item span input{width: 100%;padding-left: 8px;height: 30px;border: 1px solid #E5E5E6;border-radius: 5px;outline: none;}
.filters .item ul{height: 186px;border: 1px solid #3462C1;padding: 5px 0;background-color: #FFFFFF;overflow-y: auto;}
.filters .item li{color: #383838;font-size: 13px;line-height: 22px;height: 22px;overflow: hidden;cursor: pointer;padding-left: 8px;padding-right: 5px;}
.filters .item li:hover{background-color: #F1F1F1;}
.filters .item li.selected{color: #3462C1;background-color: #F1F1F1;font-weight: bold;}
.filters .item li s{text-decoration: none;color: #BBBBBB;margin-left: 3px;}
.filters .filters-btn{padding: 20px 0;}
.filters .filters-btn s{float: left;line-height: 36px;padding: 0 18px;text-decoration: none;font-size: 15px;border: 1px solid #FF4200;color: #FF4200;border-radius: 5px;margin-right: 11px;cursor: pointer;}
.filters .filters-btn s:before{margin-right: 7px;}
.filters .filters-btn s.icon-reset:hover{background-color: #FF4200;color: #FFFFFF;}
.filters .filters-btn s.more{color: #56B39D;border: 1px solid #56B39D;}
.filters .filters-btn s.more:hover{background-color: #56B39D;color: #FFFFFF;}
.filters .filters-btn s.apply{background-color: #939BAA;color: #FFFFFF;border: none;/*! float: right;*/}
.filters .filters-btn s.apply:hover{background-color: #1F1F1F;}
/*product list*/
.product-list{background-color: #FFFFFF;}
.product-list h2{font-size: 20px;color: #000000;text-transform: uppercase;font-weight: bold;padding-left: 18px;line-height: 80px;float: left;}
.product-list .pager{text-align: right;margin-right: 15px;}
.product-list .product-list-box{clear: both;border-top: 1px solid #CECECE;overflow-x: auto;}
.product-list .product-list-box table{border-collapse: separate;table-layout: fixed;}
.product-list .product-list-box tbody{position: relative;}
.product-list .product-list-box th,.product-list-box td{border-bottom: 1px solid #EFEFEF;font-size: 13px;color: #383838;}
.product-list .product-list-box th{height: 50px;background-color: #F8F8F8;text-align: center;border-left: 1px solid #EFEFEF;color: #383838;width:130px;}
.product-list .product-list-box td{padding:0 5px;line-height:20px;word-wrap: normal;word-break: normal;text-align: center;}
.product-list .product-list-box td.rohs,.product-list .product-list-box td.no-rohs{text-align: center;}
.product-list .product-list-box td.rohs:before,.product-list .product-list-box td.no-rohs:before{content: "";background-image: url("../images/pdf_icon.png");background-repeat: no-repeat;font-size: 40px;width: 36px;height: 24px;display: inline-block;}
.product-list .product-list-box td.no-rohs:before{background-position: -40px 0;}
.product-list .product-list-box td b{display: block;color: #383838;margin-top: 5px;}
.product-list .product-list-box td a{color: #000000;}
/*product list width*/
.product-list .product-list-box th:nth-child(-n+7),.product-list .product-list-box th:last-child{background-color: #EEEEEE;}
.product-list .product-list-box th:nth-child(1){width:80px;}
.product-list .product-list-box th:nth-child(2){width:108px;}
.product-list .product-list-box th:nth-child(3),.product-list .product-list-box th:nth-child(4),.product-list .product-list-box th:nth-child(5){width:160px;}
.product-list .product-list-box th:nth-child(6){width:100px;}
.product-list .product-list-box th:nth-child(7){width:100px;}
.product-list .product-list-box td:nth-child(1) label{position: absolute;width: 100%;height: 100%;cursor: pointer;left: 0;top: 0;}
.product-list .product-list-box td:nth-child(1) label:before{content:"";width: 14px;height: 14px;border: 1px solid #CCCCCC;display: block;position: absolute;left: 50%;top: 50%;background-color: #FFFFFF;margin-left: -7px;margin-top: -7px;border-radius: 3px;}
.product-list .product-list-box td:nth-child(1) label:after{opacity:0;content:'';position:absolute;width:8px;height:4px;background:transparent;top:50%;left:50%;border:2px solid #FFFFFF;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-left: -4px;margin-top: -3px;}
.product-list .product-list-box td:nth-child(1) input[type=checkbox]:checked+label:before{background-color: #FF0C10;border: 1px solid #FF0C10;}
.product-list .product-list-box td:nth-child(1) input[type=checkbox]:checked+label:after{opacity:1;}
.product-list .product-list-box td:nth-child(2) img{max-width:100px;display: block;margin: 0 auto;}
.product-list .product-list-box td:nth-child(3) a{color: #25427C;font-size: 14px;}
.product-list .product-list-box td:nth-child(3) a i{font-style:normal;color:#3462C1;}
.product-list .product-list-box td a:hover{text-decoration: underline;}
.product-list .product-list-box td:last-child input{height: 34px;width: 140px;border: 1px solid #EFEFEF;text-align: center;border-radius: 5px;display: inline-block;}
.product-list .product-list-box td:last-child button{display: inline-block;width: 140px;height: 34px;line-height: 34px;background-color: #3462C1;text-align: center;color: #FFFFFF;border-radius: 5px;margin-top: 7px;outline: none;border: none;cursor: pointer;}
.product-list .product-list-box td:last-child button:hover{background-color: #EE5A00;}
/*product list scroll*/
.product-list .product-list-box tr > *:nth-child(-n+7),.product-list .product-list-box tr > *:last-child{position: sticky;z-index: 1;}
.product-list .product-list-box tr > td:nth-child(-n+7),.product-list .product-list-box tr > td:last-child{background-color: #FFFFFF;}
.product-list .product-list-box tr > *:nth-child(1){left: 0;}
.product-list .product-list-box tr > *:nth-child(2){left: 80px;}
.product-list .product-list-box tr > *:nth-child(3){left: 188px;text-align: left;}
.product-list .product-list-box tr > *:nth-child(4){left: 348px;text-align: left;}
.product-list .product-list-box tr > *:nth-child(5){left: 508px;text-align: left;}
.product-list .product-list-box tr > *:nth-child(6){left: 668px;}
.product-list .product-list-box tr > *:nth-child(7){left: 768px;}
.product-list .product-list-box tr > *:last-child{right: 0px;text-align: center;width: 150px;padding: 5px 0;}
.product-list .product-list-title,.product-list .product-list-scroll{display:none;position: fixed;top: 118px;left: 0;width: 100%;height:50px;z-index: 2;overflow: hidden;}
.product-list .product-list-title .box{overflow-x: auto;}
.product-list .product-list-scroll{display:block;bottom: -32px;z-index: 9;top: auto;}
.product-list .product-list-scroll .box{overflow-x: auto;top: -50px;position: relative;}
/*detail*/
.detail{background-color: #FFFFFF;}
.detail.pane{padding-top: 22px;}
.detail h2{font-size: 25px;color: #1F1F1F;font-weight: bold;padding-bottom: 15px;}

.detail.top{min-height: 144px;background-color: #1F1F1F;}
.detail.top .title{float: left;}
.detail.top .title h1{font-size: 35px;color: #fff;font-weight: normal;}
.detail.top .title h3{font-size: 15px;color: #C0C0C0;line-height: 22px;}

.detail.top .add-cart{display: flex;float: right;align-items: center;margin-top: 24px;}
.detail.top .add-cart .qty{display: flex;align-items: center;}
.detail.top .add-cart .qty dt{font-size: 16px;color: #fff;margin-right: 21px;}
.detail.top .add-cart .qty dd{height: 42px;width: 318px;display: flex;align-items: center;border: 2px solid rgba(255,255,255,0.29);border-radius: 25px;padding: 7px;}
.detail.top .add-cart .qty dd button{width: 28px;height: 28px;display: inline-block;border: none;background-color: rgba(255,255,255,0.55);outline: none;font-size: 20px;cursor: pointer;border-radius: 50%;flex-shrink: 0;}
.detail.top .add-cart .qty dd button:hover{background-color: rgba(255,255,255,1);}
.detail.top .add-cart .qty dd input{width: 100%;height: 100%;border: none;outline: none;text-align: center;font-size: 18px;background-color: transparent;color: #fff;font-weight: bold;}
.detail.top .icon-cart{background-color: #fff;color: #000000;font-size: 16px;font-weight: bold;line-height: 20px;padding: 12px 19px 10px 50px;border-radius: 3px;font-family: Arial;position: relative;margin-left: 22px;cursor: pointer;border: none;transition: all .3s;text-transform: capitalize;}
.detail.top .icon-cart::before{position: absolute;left: 14px;font-size: 22px;top: 10px;}
.detail.top .icon-cart:hover{background-color: #0059BD;color: #fff;}
.detail.top .rfq{background-color: #1B5FEB;color: #fff;font-size: 20px;font-weight: bold;padding: 0 28px;border-radius: 3px;margin-left: 10px;height: 42px;line-height: 42px;transition: all .3s;}
.detail.top .rfq:hover{background-color: #0059BD;}

.detail .info{display: flex;justify-content: space-between;padding-bottom: 34px;padding-top: 19px;}
.detail .info .left{flex-shrink: 0;width: 690px;}
.detail .info .left dl{margin-bottom: 20px;}
.detail .info .left dl dt{font-size: 20px;font-weight: bold;color: #1F1F1F;line-height: 24px;margin-bottom: 8px;}
.detail .info .left dl dd{font-size: 14px;color: #1F1F1F;line-height: 27px;display: flex;}
.detail .info .left dl dd span{color: #787878;width: 214px;display: inline-block;margin-right: 23px;flex-shrink: 0;}
.detail .info .left dl dd a{color: #3462C1;}
.detail .info .left dl dd .pdf-box a{display: block;}
.detail .info .left dl dd .pdf-box a:hover{text-decoration: underline;}
.detail .info .right{flex-shrink: 0;width: 690px;}

.detail .info .stock{float: left;}
.detail .info .stock p{font-weight: bold;font-size: 18px;color: #1F1F1F;margin-bottom: 58px;margin-top: 89px;}
.detail .info .stock p span{font-weight: normal;color: #787878;}
.detail .info .stock p b{color: #3462C1;}
.detail .info .stock dl dt{font-size: 20px;color: #1F1F1F;line-height: 24px;font-weight: bold;margin-bottom: 12px;}
.detail .info .stock dl dd{font-size: 14px;color: #787878;line-height: 20px;}
.detail .info .stock dl dd span{color: #1F1F1F;}
.detail .info .stock dl dd a{color: #3462C1;}

.detail .info .pic{width: 237px;float: right;text-align: center;margin-bottom: 73px;}
.detail .info .pic img{margin: 0 auto;display: block;max-width: 100%;}
.detail .info .pic .image-box{border: 1px solid #000;height: 256px;line-height: 256px;text-align: center;}
.detail .info .pic > a{display: block;position: relative;border: 1px solid #000;height: 256px;line-height: 256px;margin-bottom: 11px;}
.detail .info .pic > a img, .detail .info .pic .image-box img{max-width: 90%;display: inline-block;vertical-align: middle;margin: 0 auto;}
.detail .info .pic .gallery{width: 182px;margin: 0 auto;}
.detail .info .pic .flexslider .slides>li{width: 50px;height: 50px;text-align: center;margin-right: 16px;border: 1px solid #a3a3a3;cursor: pointer;line-height: 50px;}
.detail .info .pic .flexslider .slides>li img{display: inline-block;vertical-align: middle;}
.detail .info .pic .flexslider .slides>li.select{border-color: #0059BD;}
.detail .info .pic .flexslider:hover .flex-direction-nav .flex-prev{left: -35px !important;}
.detail .info .pic .flexslider:hover .flex-direction-nav .flex-next{right: -35px !important;}
.detail .info .pic .flex-direction-nav a{height: auto;margin: 0;transform: translateY(-50%);}
.detail .info .pic .flex-direction-nav a:before{font-size: 18px;}


.detail .form-box{width: 100%;text-align: center;}
.detail .form-box .global_form{width: 100%;display: flex;flex-direction: column;height: 0;overflow: hidden;transition: all .3s;margin-top: 13px;}
.detail .form-box .qty{display: flex;align-items: center;width: 100%;background-color: #1b5feb;padding: 11px 0;margin-bottom: 10px;}
.detail .form-box .qty dt{font-size: 18px;color: #fff;margin-right: 21px;padding-left: 14px;font-weight: bold;}
.detail .form-box .qty dd{height: 42px;width: 100%;display: flex;align-items: center;border: 2px solid #fff;border-radius: 25px;padding: 7px;margin-right: 12px;}
.detail .form-box .qty dd button{width: 28px;height: 28px;display: inline-block;border: none;background-color: rgba(255,255,255,0.55);outline: none;font-size: 20px;cursor: pointer;border-radius: 50%;flex-shrink: 0;}
.detail .form-box .qty dd button:last-child{color: #0059BD;background-color: #fff;}
.detail .form-box .qty dd input{width: 100%;height: 100%;border: none;outline: none;text-align: center;font-size: 18px;background-color: transparent;color: #fff;font-weight: bold;}


.detail .form-box .global_form ul li{width: 100%;position: relative;}
.detail .form-box .global_form ul li label.require::after{position: absolute;right: 14px;}
.detail .form-box .global_form ul li.coms{height: 50px;}


.detail .form-box .quick-rfq{font-size: 20px;color: #1B5FEB;font-weight: bold;line-height: 20px;padding: 8px 77px;border: 1px solid #000;display: inline-block;border: 1px solid #BDBDBD;border-radius: 25px;position: relative;font-family: Arial;cursor: pointer;margin-top: 17px;}
.detail .form-box .quick-rfq::before{position: absolute;right: 24px;color: #787878;}
.detail .form-box .quick-rfq:hover{background-color: #1B5FEB;color: #fff;border-color: transparent;}
.detail .form-box .quick-rfq:hover::before{color: #fff;}

.detail .datasheet{padding-bottom: 28px;}
.detail .datasheet iframe{width: 1400px;height: 800px;}

.detail .comparison{padding-bottom: 33px;}
.detail .comparison .table-box{position: relative;width: 100%;overflow: auto;border: 1px solid #CCD2E0;}
.detail .comparison table{text-align: left;border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;}
.detail .comparison table th,.detail .comparison table td{height: 40px;padding-left: 10px;position: relative;font-size: 14px;color: #1F1F1F;}
.detail .comparison table th{font-size: 15px;font-weight: bold;color: #fff;background-color: #ccd2e0;width: 0;position: sticky;left: 0;z-index: 1;padding-left: 0;transition: all .3s;overflow: hidden;height: 0;white-space: nowrap;}
.detail .comparison table.expand th{width: 299px;padding-left: 16px;height: 40px;}
.detail .comparison table th::before{width: calc(100% - 23px);content: '';position: absolute;bottom: 0;height: 1px;background-color: #fff;opacity: 0.25;}
.detail .comparison table th.menu{position: sticky;left: 0;z-index: 1;width: 23px;padding: 0;cursor: pointer;z-index: 2;text-align: center;}
.detail .comparison table th.menu::before{position: absolute;top: 50%;color: #fff;}
.detail .comparison table th.menu i::before{transform: rotate(-90deg);transition: all .2s;}
.detail .comparison table.expand th.menu{left: 299px;}
.detail .comparison table.expand th.menu i::before{transform: rotate(90deg);}
.detail .comparison table tr:first-of-type td:before{width: calc(100% - 37px);content: '';position: absolute;bottom: 0;height: 1px;background-color: #CCD2E0;}
.detail .comparison table td{width: 275px;border-right: 1px solid #CCD2E0;}
.detail .comparison table td:last-of-type{border-right: none;}
.detail .comparison table b{display: block;font-size: 18px;color: #1d1f20;line-height: 20px;margin-top: 12px;margin-bottom: 6px;}
.detail .comparison table .image-box{width: 110px;height: 110px;display: flex;justify-content: center;align-items: center;}
.detail .comparison table .image-box img{width: 100%;}
.detail .comparison table a{color: #3462C1;}


.detail .related-products{padding-bottom: 34px;}
.detail .related-products h2{margin-bottom: 28px;}
.detail .related-products ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.detail .related-products ul li{width: calc(20% - 40px);height: auto;margin-bottom: 36px;}
.detail .related-products ul li a{display: block;height: 100%;color: #858585;font-size: 13px;padding: 2px;}
.detail .related-products ul li a .image-box{width: 110px;height: 110px;display: flex;justify-content: center;align-items: center;}
.detail .related-products ul li a .image-box img{width: 100px;height: 100px;}
.detail .related-products ul li a s{height: 30px;display: block;overflow: hidden;}
.detail .related-products ul li a b{display: block;font-size: 16px;color: #1d1f20;line-height: 20px;margin-bottom: 4px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.detail .related-products ul li a:hover{box-shadow: 0 1px 8px rgb(0, 0, 0, .2);}
.detail .related-products ul li a:hover b{color: #0059BD;}

.support{display: flex;padding-bottom: 47px;}
.support .payment{display: flex;justify-content: space-between;flex-wrap: wrap;flex: 1;flex-shrink: 0;}
.support .payment > div{width: 100%;max-width: 688px;}
.support .payment > div h2{font-size: 25px;color: #1F1F1F;line-height: 27px;font-family: Arial;}
.support .payment dl{display: flex;flex-wrap: wrap;justify-content: space-between;}
.support .payment dl dt{width: 100%;font-size: 14px;color: #858585;line-height: 22px;}
.support .payment dl dd{width: 158px;height: 115px;}
.support .payment dl dd a{display: block;width: 100%;height: 100%;position: relative;}
.support .payment .left{margin-bottom: 78px;}
.support .payment .left > dl dt{margin-bottom: 27px;}
.support .payment .left > dl dd{height: 52px;}
.support .payment .left > dl dd a::before{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../images/cert.jpg') no-repeat 0 -131px;width: 158px;height: 32px;}
.support .payment .left > dl dd:nth-of-type(1){width: 145px;}
.support .payment .left > dl dd:nth-of-type(1) a::before{width: 145px;}
.support .payment .left > dl dd:nth-of-type(2){width: 71px;}
.support .payment .left > dl dd:nth-of-type(2) a::before{background-position: -189px -127px;width: 71px;height: 42px;}
.support .payment .left > dl dd:nth-of-type(3){width: 101px;}
.support .payment .left > dl dd:nth-of-type(3) a::before{background-position: -294px -133px;width: 101px;height: 35px;}
.support .payment .left > dl dd:nth-of-type(4) a::before{background-position: -18px -202px;height: 46px;}
.support .payment .left > dl dd:nth-of-type(5) a::before{background-position: -215px -205px;height: 43px;}
.support .payment .right > dl dt{display: flex;justify-content: space-between;align-items: center;}
.support .payment .right > dl dt p{font-size: 14px;color: #858585;margin-bottom: 8px;line-height: 22px;}
.support .payment .right > dl dt a{color: #3462C1;}
.support .payment .right > dl dt a:hover{color: #0059BD;border-color: #0059BD;}
.support .payment .right > dl dd{margin-top: 12px;width: 116px;}
.support .payment .right > dl dd a::before{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../images/cert.jpg') no-repeat -2px -3px;width: 116px;height: 115px;}
.support .payment .right > dl dd:nth-of-type(2) a:before{background-position: -123px -3px;}
.support .payment .right > dl dd:nth-of-type(3) a:before{background-position: -241px -3px;}
.support .payment .right > dl dd:nth-of-type(4) a:before{background-position: -360px -15px;width: 122px;height: 77px;}
.support .payment .right > dl dd:nth-of-type(5) a:before{background-position: -488px 0;width: 98px;height: 98px;}
.support .news{flex: 1;flex-shrink: 0;margin-left: 27px;}
.support .news h2{display: flex;justify-content: space-between;font-size: 25px;color: #1F1F1F;line-height: 27px;font-family: Arial;margin-bottom: 8px;}
.support .news h2 a::before{transform: rotate(-90deg);font-size: 18px;color: #1F1F1F;}
.support .news h2 a:hover::before{color: #0059BD;}
.support .news ul li{margin-bottom: 12px;}
.support .news ul li:last-child{margin-bottom: 0;}
.support .news ul li a{display: flex;}
.support .news ul li a .image-box{width: 150px;height: 94px;flex-shrink: 0;margin-right: 12px;text-align: center;}
.support .news ul li a .image-box img{max-width: 100%;max-height: 100%;}
.support .news ul li a h3{font-size: 16px;color: #1D1F20;line-height: 20px;margin-top: 12px;}
.support .news ul li a h3 span{font-size: 13px;color: #858585;line-height: 20px;display: block;margin-top: 4px;}
.support .news ul li a:hover h2{color: #0059BD;}

.hot-parts h2{font-size: 25px;color: #1F1F1F;line-height: 27px;display: flex;justify-content: space-between;}
.hot-parts h2 a::before{transform: rotate(-90deg);font-size: 18px;color: #1F1F1F;}
.hot-parts h2 a:hover::before{color: #0059BD;}
.hot-parts ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hot-parts ul li{width: 20%;margin-bottom: 28px;}
.hot-parts ul li a{display: block;font-size: 13px;color: #858585;padding: 4px 0;position: relative;}
.hot-parts ul li a h3{display: block;font-size: 16px;color: #1D1F20;line-height: 20px;margin-bottom: 8px;font-weight: normal;}
.hot-parts ul li a:hover::before{content: '';position: absolute;left: -12px;top: 0;box-shadow: 0 1px 8px rgba(0,0,0,.2);width: 100%;height: 100%;}
.hot-parts ul li a:hover h3{color: #0059BD;}

/*magnifier*/
.magnifier-thumb-wrapper{position: relative;display: block;top: 0;left: 0;}
.magnifier-lens{position: absolute;border: solid 1px #CCCCCC;z-index: 1000;top: 0;left: 0;overflow: hidden;}
.magnifier-loader{position: absolute;top: 0;left: 0;border: solid 1px #CCCCCC;color: #FFFFFF;text-align: center;background: transparent;background: rgba(50, 50, 50, 0.5);z-index: 1000;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232,endColorstr=#7F323232)";filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232,endColorstr=#7F323232);}
.magnifier-loader-text{font: 13px Arial;margin-top: 10px;}
.magnifier-large{position: absolute;z-index: 100;}
.magnifier-preview{padding: 0;width: 100%;height: 150px;position: relative;overflow: hidden;}
.magnifier-preview img{position: absolute;top: 0;left: 0;}
.opaque{opacity: .5;filter: alpha(opacity=50);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.hidden{display: none;}
/*compare-button*/
.compare-button{display:none;height: 60px;position: fixed;bottom: 10px;background-color: #CCCCCC;left: 100px;border-radius: 10px;z-index: 9999;padding: 12px 20px;text-align: center;}
.compare-button button{display: inline-block;color: #FFFFFF;background-color: #3462C1;padding: 10px 20px;border-radius: 8px;margin: 0 7px;border: 1px solid transparent;cursor: pointer;}
.compare-button button:hover{background-color: #EE5A00;}
.compare-button button.compare{border: 1px solid #3462C1;background-color: #FFFFFF;color: #000000;}
.compare-button button.compare:hover{background-color: #3462C1;color: #FFFFFF;}
.compare-button button.disable{color: #BBBBBB;background-color: #FEFEFE;border: 1px solid #DDDDDD;}
/*compare*/
.compare{background-color: #FFFFFF;padding-bottom: 30px;}
.compare .crumbs{padding-left: 17px;}
.compare h1{padding-left: 17px;}
.compare .compare-box{clear: both;border-top: 1px solid #CECECE;overflow-x: auto;}
.compare .compare-box table{border-collapse: separate;table-layout: fixed;}
.compare .compare-box table th,.compare .compare-box table td{padding: 13px 0;line-height: 20px;border-bottom: 1px solid #EEEEEE;padding-left: 15px;font-size: 13px;border-right: 1px solid #EEEEEE;}
.compare .compare-box table th{background-color: #F8F8F8;text-align: left;color: #838383;position: sticky;z-index: 1;left: 0;width: 260px;border-left: 1px solid #EEEEEE;}
.compare .compare-box table td{width: 280px;font-size: 14px;}
.compare .compare-box table tr:nth-child(3) td{font-weight: bold;color: #383838;}
.compare .compare-box table td.rohs,.compare .compare-box table td.no-rohs,.compare .compare-box table td.pdf{position: relative;padding-left: 55px;}
.compare .compare-box table td.rohs:before,.compare .compare-box table td.no-rohs:before,.compare .compare-box table td.pdf:before{content: "";background-image: url("../images/pdf_icon.png");background-repeat: no-repeat;font-size: 40px;width: 36px;height: 24px;position: absolute;left: 13px;top: 50%;margin-top: -12px;}
.compare .compare-box table td.no-rohs:before{background-position: -40px 0;}
.compare .compare-box table td.pdf{padding-left: 40px;}
.compare .compare-box table td.pdf:before{background-position: -80px 0;width: 21px;height: 26px;margin-top: -13px;}
.compare .compare-box table td img{display: block;max-width: 60px;max-height: 60px;}
.compare .compare-box table tr.part td{position: relative;}
.compare .compare-box table tr.part td a{font-size: 18px;color: #383838;}
.compare .compare-box table tr.part td s{text-decoration: none;position: absolute;right: 1px;top: 50%;margin-top: -15px;cursor: pointer;width: 30px;height: 30px;text-align: center;border-radius: 3px;}
.compare .compare-box table tr.part td s:before{overflow: hidden;line-height: 30px;font-size: 20px;}
.compare .compare-box table tr.part td s:hover{background-color: #3462C1;color: #FFFFFF;}
.compare .compare-box table tr.rfq > *{border-bottom: 2px solid #DDDDDD;}
.compare .compare-box table tr.rfq td{position: relative;}
.compare .compare-box table tr.rfq button{position: absolute;}
.compare .compare-box table tr.rfq button:hover{background-color: #EE5A00;color: #FFFFFF;border-radius: 3px;}
.compare .compare-box table tr.rfq button.icon-plus{left: 140px;}
.compare .compare-box table tr.rfq button.icon-minus{left: 15px;}
.compare .compare-box table tr.rfq input{border-bottom: 1px solid #ddd;width: 150px;height: 38px;float: left;border: none;text-align: center;outline: none;font-size: 14px;color: #000000;}
.compare .compare-box table tr.rfq button{width: 32px;height: 38px;border: none;background-color: transparent;float: left;font-size: 16px;color: #ACACAC;cursor: pointer;}
.compare .compare-box table tr.rfq s{height: 36px;line-height: 36px;border: none;padding: 0 26px;margin-left: 17px;background-color: #939BAA;border-radius: 5px;font-size: 15px;color: #FFFFFF;float: left;cursor: pointer;margin-top: 2px;text-decoration: none;}
.compare .compare-box table tr.rfq s:hover{background-color: #3462C1;}
/*sitemap*/
.sitemap{background-color: #FFFFFF;position: relative;}
.sitemap:before{content: "";width: 100%;height: 1px;background-color: #DDDDDD;position: absolute;left: 0;top: 50%;margin-top: -40px;}
.sitemap:after{content: "";width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background-color: #DDDDDD;}
.sitemap .pane{position: relative;}
.sitemap .pane .sitemap-box h1{font-size: 30px;color: #FFFFFF;font-weight: bold;width: 240px;height: 240px;background-color: #3462C1;text-align: center;line-height: 240px;border-radius: 50%;position: absolute;left: 50%;margin-left: -120px;top: 50%;margin-top: -160px;z-index: 2;}
.sitemap .pane:before{content: "";width: 0;height: 0;border-top: 23px solid #3462C1;border-right: 23px solid transparent;border-left: 23px solid transparent;position: absolute;bottom: -23px;left: 50%;margin-left: -23px;}
.sitemap .pane .sitemap-box dl{float: left;width: 50%;height: 280px;padding-top: 54px;}
.sitemap .pane .sitemap-box dt{font-size: 20px;color: #000000;line-height: 40px;text-transform: uppercase;font-weight: bold;}
.sitemap .pane .sitemap-box dd{padding: 9px 0;width: 540px;}
.sitemap .pane .sitemap-box dl:nth-child(2n+1),.sitemap .pane .sitemap-box dl:nth-child(2n+1) dd{float: right;text-align: right;}
.sitemap .pane .sitemap-box dl:nth-child(2n+1) dd a{margin-left: 60px;margin-right: 0;}
.sitemap-box dd a{font-size: 14px;color: #828282;margin-right: 60px;display: inline-block;height: 40px;}

@media screen and (max-width: 768px)
{
	.main .left,.main dl.letter,.filters,.filters .filters-btn s.apply{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
	.main:before{content: "";position: fixed;width: 100%;height: 100%;z-index: 9999;background-color: #000000;opacity: 0.3;top: 0;left: 0;display: none;}
	.main h1{font-size: 16px;float: none;margin: 0;padding-left: 0.5rem;line-height: 30px;height: 30px;}
	.main .total{padding: 0 0 0 0.5rem;line-height: 40px;}
	/*subnav*/
	.main .left,.main dl.letter,.filters{width: 80%;float: none;position: fixed;right: -80%;top: 0;z-index: 10000;}
	.main .left h2,.main dl.letter dt,.filters h2.icon-down{position: fixed;height: 38px;line-height: 38px;background-color: #939BAA;color: #FFFFFF;padding: 0 12px 0 45px;border-radius: 20px 0 0 20px;right: 0;top: 120px;}
	.main .left h2:before,.main dl.letter dt:before,.filters h2.icon-down:before{display:block;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);width: 30px;height: 30px;background-color: #858D9C;position: absolute;left: 5px;border-radius: 50%;text-align: center;line-height: 30px;top: 4px;}
	/*left*/
	.main .left ul{background-color: #EFF0F4;overflow-y: auto;}
	.main .left li{background-color: #FFFFFF;margin-bottom: 10px;}
	/*right*/
	.main .right{float: none;width: auto;}
	.main .right dl{padding: 0.5rem;}
	.main .right dt img{margin-right: 7px;}
	.main .right dt a{margin: 0;padding-left: 0;margin-top: 10px;}
	.main .right dt s{display: block;}
	.main .right dd a,.main .category-item a{float: none;width: auto;display: block;}
	.main .right + .letter{display: none !important;}
	/*letter*/
	.main dl.letter{display: none;padding: 0;width: 104px;right: -104px;}
	.main dl.letter:last-child{display:block;}
	.main dl.letter dt{top: 144px;float: none;}
	.main dl.letter dd a{width: 40px;height: 40px;}
	.main .parts-list{padding: 0.5rem;}
	.main .parts-list h1{float: left;height: 40px;line-height: 40px;margin-right: 5px;}
	.main .parts-list .list li{border-bottom:none;}
	.main .parts-list .list a{width: 50%;}
	/*main top*/
	.top{padding: 0 0.5rem;background-color: #EFF0F4;}
	.top .crumbs,.top .crumbs a,.top .crumbs a::after{color: #000000;}
	.top .crumbs{padding-left: 0;}
	.top h1{color: #000000;font-size: 16px;height: 30px;line-height: 30px;}
	.top .total{color: #838383;}
	.top .total b{color: #3B6FB7;}
	/*product-list*/
	.product-list h2{display: none;}
	.product-list .pager{text-align: center;padding-bottom: 10px;margin-right:0;}
	.product-list .product-list-box thead{display: none;}
	.product-list .product-list-box th,.product-list-box td{border-bottom: none;}
	.product-list .product-list-box tr{display: block;border-bottom: 1px solid #DDDDDD;padding: 0 0 20px 30%;position: relative;}
	.product-list .product-list-box td{display: block;padding: 0;padding-right: 0.5rem;}
	.product-list .product-list-box td:nth-child(1) label:before{left: 5px;margin-left: 0;}
	.product-list .product-list-box td:nth-child(1) label:after{left: 5px;margin-left: 3px;}
	.product-list .product-list-box td:nth-child(2) img{max-width: 90%;}
	.product-list .product-list-box td:last-child input{width: 90%;}
	.product-list .product-list-box td:last-child button{width: 90%;}
	/*product list scroll*/
	.product-list .product-list-box tr > *:nth-child(-n+7),.product-list .product-list-box tr > *:last-child{position: static;}
	.product-list .product-list-box tr > *:nth-child(1){position: absolute;left: 0;width: 30%;height: 40px;}
	.product-list .product-list-box tr > *:nth-child(2){position: absolute;left: 0;width: 30%;top: 40px;}
	.product-list .product-list-box tr > *:nth-child(3){padding: 10px 0;}
	.product-list .product-list-box tr > *:last-child{position: absolute;left: 0;bottom: 20px;width: 30%;}
	/* details */
	.detail h1{font-size: 20px;}
	.detail.top{height: auto;}
	.detail.top .title{margin-left: 8px;float: unset;}
	.detail.top .add-cart{float: unset;flex-wrap: wrap;justify-content: center;padding-bottom: 24px;}
	.detail.top .add-cart .qty{padding: 0 8px;margin-bottom: 12px;}
	.detail.top .add-cart .qty dd{width: 100%;}
	.detail.top .icon-cart{margin-right: 12px;}
	.detail.top a.rfq{font-size: 16px;padding: 0 20px;margin: 0;}
	.detail .info{flex-direction: column;padding: 0 8px;}
	.detail .info .left{width: 100%;}
	.detail .info .left dl{margin-bottom: 0;}
	.detail .info .left dl dd{flex-direction: column;}
	.detail .info .right{margin-left: 0;width: 100%;}
	.detail .info .stock{float: unset;}
	.detail .info .stock p{margin: 0;padding-top: 20px;padding-bottom: 8px;}
	.detail .info .pic{margin: 20px auto 0;float: unset;}
	.detail .form-box{margin-bottom: 20px;}
	.detail .form-box .quick-rfq{margin: 14px 0;}
	.detail .datasheet{padding: 0 8px 28px;}
	.detail .datasheet iframe{width: 100%;margin: 0 auto;}
	.detail .comparison{padding: 0 8px 28px;}
	.detail .comparison table th{font-size: 14px;}
	.detail .comparison table.expand th{padding-left: 8px;width: 267px;}
	.detail .comparison table.expand th.menu{width: 23px;left: 267px;padding-left: 0;}
	.detail .related-products{padding: 0 8px 34px;}
	.detail .related-products ul{align-items: center;}
	.detail .related-products ul li{width: 49%;height: auto;margin-bottom: 18px;}
	.detail .related-products ul li a{box-shadow: 0 1px 8px rgb(0, 0, 0, .2);padding: 8px;}
	.support{flex-direction: column;padding: 0 8px;}
	.support .payment .left{margin-bottom: 36px;}
	.support .payment dl dd{margin-bottom: 12px;}
	.support .payment dl{justify-content: space-around;}
	.support .news ul li a h3{margin-top: 0;}
	.hot-parts{padding: 24px 8px 0;}
	.hot-parts ul li{width: 49%;}
	.hot-parts ul li a{overflow: hidden;}
	.hot-parts ul li a:hover::before{left: -6px;width: 105%;}

	/*compare-button*/
	.compare-button{height: auto;left: auto;right: 5px;padding: 10px 5px;}
	.compare-button a{display: block;}
	.compare-button a.compare{margin-bottom: 10px;}
	/*.compare*/
	.compare .compare-box table th{width: 180px;}
	.sitemap:before,.sitemap:after,.sitemap .pane:before{display:none;}
	.sitemap .pane .sitemap-box{padding-top: 70px;padding-bottom: 30px;}
	.sitemap .pane .sitemap-box h1{width: 70px;height: 70px;text-indent: -999px;font-size: 1px;top: 40px;margin-top: 0;margin-left: -35px;background-image: linear-gradient(120deg,#04636d,#259c81);}
	.sitemap .pane .sitemap-box h1:before{content: "";width: 49px;height: 47.5px;background-image: url("../images/logo.png");background-repeat: no-repeat;background-position: 0 -29.5px;background-size: 98.5px auto;position: absolute;left: 50%;margin-left: -25.5px;top: 6px;}
	.sitemap .pane .sitemap-box dl{float: none;width: auto;height: auto;text-align: center;}
	.sitemap .pane .sitemap-box dt{text-transform: none;color: #FFFFFF;background-color: #3462C1;display: inline-block;padding: 0 30px;border-radius: 20px;font-size: 16px;height: 36px;line-height: 36px;position: relative;}
	.sitemap .pane .sitemap-box dt:before{content: "";width: 2px;height: 48px;background-color: #6EBEAB;position: absolute;left: 50%;margin-left: -1px;top: -50px;}
	.sitemap .pane .sitemap-box dd{float: none;text-align: center;width: auto;}
	.sitemap .pane .sitemap-box dl:nth-child(2n+1),.sitemap .pane .sitemap-box dl:nth-child(2n+1) dd{float: none;text-align: center;}
	.sitemap-box dd a{margin: 0 15px !important;height: auto;line-height: 24px;padding: 5px 0;}

}