/*product category*/
#category{padding-bottom: 15px;}
#category h2{font-size: 14px;color: #000000;font-weight: bold;line-height: 50px; position: relative; margin-top: 44px;background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));padding: 0 10px;}
#category h2 img{border: 4px solid #333333;max-width: 75px;max-height: 75px;float: left;position: absolute;left: 0;bottom: -28px;}
#category ul{clear: both;padding: 36px 0 10px 15px;column-count: 3;-webkit-column-count: 3;-moz-column-count: 3;}
#category ul li{line-height: 18px;padding: 3px 0;}
#category ul li a{font-size: 14px;color: #000000;}
#category ul li i{color: #B4B4B4;margin-left: 7px;font-size: 14px;}
/*proudcts-list*/
#products{padding-bottom: 20px;}
#products h1{padding-left: 7px;font-size: 22px;color: #000000;line-height: 60px;}
#products .recommend{position: relative;height: 160px;background-color: #333333;margin-bottom: 10px;}
#products .recommend ul{padding: 23px 0 0 16px;}
#products .recommend li{float: left;width: 434px;color: #B4B4B4;}
#products .recommend li a{border: 4px solid #999999;float: left;margin-right: 11px;}
#products .recommend li a img{max-width: 100px;display: block;}
#products .recommend li h3{font-size: 16px;line-height: 20px;padding: 5px 0;color: #FFFFFF;font-weight: bold;}
#products .recommend li s{text-decoration: none;color: #FFFFFF;line-height: 16px;padding: 3px 0;display: block;}
#products .recommend li p{font-size: 14px;color: #FFFFFF;}
#products .recommend dl.mfg{background-image: url(../images/products-mfg.png);background-repeat: no-repeat;width: 445px;height: 144px;position: absolute;right: 0;top: -10px;padding-left: 16px;padding-bottom: 44px;padding-right: 15px;}
#products .recommend dl.mfg dt{font-size: 16px;line-height: 44px;color: #FFFFFF;padding-top: 5px;}
#products .recommend dl.mfg dd{color: #FFFFFF;line-height: 18px;}
#products .recommend dl.mfg dd img{max-width: 140px;float: left;margin-right: 10px;}
/*products-list list*/
ul.products{margin-bottom:2px;border-bottom: 1px solid #DFE9F0;padding: 8px 0;color: #22719F;}
ul.products:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
ul.products li{float: left;}
ul.products li:nth-child(1){width: 108px;height: 108px;margin-right: 27px;}
ul.products li:nth-child(2){width: 250px;}
ul.products li:nth-child(3){width: 290px;}
ul.products li:nth-child(4){width: 360px;}
ul.products li:nth-child(5){width: 220px;color: #333333;}
ul.products li:last-child{width: 115px;font-size: 14px;color: #000000;text-align: center;padding-top: 20px;line-height: 30px;position: relative;height: 88px;float: right;color: #999999;}
ul.products li:last-child a,ul.products li:last-child s.rfq{display: inline-block;color: #333333;border: 1px solid #333333;height: 30px;line-height: 30px;padding: 0 30px;text-decoration: none;}
ul.products li:last-child a:hover,ul.products li:last-child s.rfq:hover{color: #FFFFFF;background-color: #999999;border: 1px solid #999999;}
ul.products li:first-child a{display: block;border: 2px solid #333333;background-color: #FFFFFF;}
ul.products li:first-child a:hover{border: 2px solid #999999;}
ul.products li:first-child img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;height:108px;}
ul.products li:nth-child(3) a{color:#22719F;}
ul.products li b{display: block;line-height: 22px;margin-top: 28px;color: #848484;font-weight: normal;}
/*search*/
#search .info{background-color: #414141;font-size: 14px;color: #FFFFFF;}
#search .info .left{width: 968px;float: left;background-color: #474747;padding-top: 36px;padding-left: 12px;min-height: 94px;}
#search .info .left h1{font-size: 16px;line-height: 30px;}
#search .info .left h1 strong{color: #FFBB00;}
#search .info .left a{color: #65EBFF;}
#search .info .right{padding-top: 20px;padding-left: 40px;width: 300px;float: left;font-size: 12px;line-height: 20px;}
#search .info .right a.rfq{background-color: #EF5500;display: block;width: 130px;line-height: 36px;text-align: center;color: #FFFFFF;font-size: 20px;text-decoration: none;margin-top: 5px;}
#search .info .right a.rfq:before{margin-right: 5px;}
#search .info .right a.rfq:hover{background-color: #2F2F2F;}
/*search*/
#special .info{background-color: #474747;font-size: 14px;color: #FFFFFF;padding-top: 16px;padding-left: 12px;min-height: 94px;}
#special .info h1{font-size: 16px;line-height: 30px;color: #FFBB00;}
#special .info a{color: #65EBFF;}
/*grid list*/
ul.result-list{padding-bottom: 50px;}
ul.result-list li{float: left;width: 25%;padding-bottom: 28px;border-bottom: 1px dotted #5A5A5A;margin-bottom: 18px;margin-top: 10px;color: #FFFFFF;line-height: 20px;height: 110px;}
ul.result-list li a.mfg{color: #FFFFFF;display: block;}
ul.result-list li a.cover{float: left;border: 5px solid #848484;width: 100px;height: 100px;margin-right: 11px;}
ul.result-list li a.cover:hover{border-color: #EF5500;}
ul.result-list li a.cover img{display: block;}
ul.result-list li strong{line-height: 16px;padding: 5px 0;color: #65EBFF;font-size: 14px;display: block;}
ul.result-list li strong b{color: #FFBB00;}
ul.result-list li i{display:block;line-height:16px;padding:5px 0;font-style: normal;}
ul.result-list li s.rfq{display: inline-block;height: 28px;border: 1px solid #595959;padding: 0 20px;line-height: 28px;margin-top: 8px;text-decoration: none;cursor: pointer;}
ul.result-list li s.rfq:hover{background-color: #EF5500;color: #FFFFFF;border: 1px solid #FFFFFF;}
/*sitemap*/
#sitemap h1{text-align: center;font-size: 26px;text-transform: uppercase;line-height: 60px;}
#sitemap dl{padding-bottom: 15px;float: left;width: 25%;}
#sitemap dt{color: #FFBB00;font-size: 18px;font-weight: bold;line-height: 40px;}
#sitemap dd a{line-height: 20px;}
/*product-details*/
#product-details{color: #C6C6C6;}
#product-details .product-summary .product-cover{float: left;width: 338px;border: 1px solid #757575;}
#product-details .product-summary .product-cover a{display: block;width: 100%;height: 330px;padding-top: 30px;}
#product-details .product-summary .product-cover a img{display: block;max-width: 80%;margin: 0 auto;}
#product-details .product-summary .product-cover i{background-color: #FFFFFF;border: 5px solid #848484;display: block;text-align: center;height: 210px;padding-top: 90px;}
#product-details .product-summary .product-cover i img{display: block;margin: 0 auto;}
#product-details .product-summary .product-cover i.logo{height: 180px;padding-top: 120px;}
#product-details .product-summary .product-cover .tip{text-align: center;line-height: 36px;margin-top: 5px;background-color: #757575;color: #FFFFFF;postion:relative;z-index:9999;}
#product-details .product-summary .product-info{float: left;width: 500px;margin-left: 15px;}
#product-details .product-summary .product-info h1{font-size: 24px;color: #333333;line-height: 40px;}
#product-details .product-summary .product-info th,#product-details .product-summary .product-info td{border-bottom: 1px solid #DFE9F0;height: 28px;line-height: 26px;}
#product-details .product-summary .product-info th{font-weight: normal;text-align: left;padding-left: 3px;width: 130px;color: #8A8A8A;}
#product-details .product-summary .product-info td{color: #3B3B3B;}
#product-details .product-summary .product-info td a{color: #65EBFF;}
#product-details .product-summary .product-info td input.textinput{background-color: #3B3B3B;border-bottom: 1px solid #858585;border-right: 1px solid #858585;border-left: 1px solid #464645;border-top: 1px solid #464645;box-shadow: 4px 4px 4px #272727 inset;font-size: 14px;padding-left: 15px;color: #FFFFFF;height: 30px;margin: 15px 0;width: 290px;}
#product-details .product-summary .product-info td a.pdf,table.parameter td a.pdf{background-image: url("../images/pdf.png");background-repeat: no-repeat;background-position: 0 center;padding-left: 21px;margin-right: 7px;display: inline-block;}
#product-details .product-summary .product-info td.rohs,#product-details table.parameter td.rohs{background-image: url("../images/rohs.png");background-repeat: no-repeat;padding-left: 27px;height: 36px;background-position: 0 center;}
/*product price*/
#product-details .product-price{width:500px;float: right;}
#product-details .product-price .pricing{background-color: #EBF3F9;padding: 0 20px 10px 20px;margin-bottom: 10px;}
#product-details .product-price .pricing h3{line-height: 40px;font-size: 16px;color: #272727;}
#product-details .product-price .pricing th{height: 30px;font-size: 14px;width: 50%;color: #272727;text-transform: uppercase;text-align: left;}
#product-details .product-price .pricing td{height: 24px;color: #272727;}
#product-details .product-price .rfq{background-color: #EBF3F9;padding: 10px 15px;}
#product-details .product-price .rfq h2{line-height: 40px;height: 40px;font-size: 18px;color: #272727;font-weight: bold;}
#product-details .product-price .rfq .tip{color: #272727;line-height: 20px;padding-bottom: 15px;}
#product-details .product-price .rfq .tip a{color: #999999;}
#product-details .product-price ul.info{background-color: #F6FAFC;padding: 15px 10px;}
#product-details .product-price ul.info li{line-height: 26px;color: #999999;font-weight: bold;float: left;width: 50%;}
#product-details .product-price ul.info li:first-child{float: none;width: auto;}
#product-details .product-price ul.info li:last-child{float: none;width: auto;}
#product-details .product-price ul.info li s{text-decoration: none;display: inline-block;text-align: right;margin-right: 5px;color: #8A8A8A;font-weight: normal;}
#product-details .product-price ul.info li b{color: #5995B7;}
#product-details .product-rfq .description{float: left;width: 312px;background-color: #ECECEC;color: #8A8A8A;line-height: 20px;padding: 0px 14px 25px 14px;min-height: 326px;}
#product-details .product-rfq .description h2{font-size: 16px;color: #272727;text-transform: uppercase;font-weight: bold;line-height: 40px;}
#product-details .product-rfq .tip{color: #272727;line-height: 20px;padding: 0 5px;margin-bottom: 25px;}
#product-details .product-rfq .tip a{color: #22719F;}
#product-details .product-rfq .rfq-form{float: right;width: 1020px;}
#product-details .product-rfq .rfq-form h2{height: 40px;line-height: 40px;color: #272727;font-size: 14px;padding-left: 10px;background-color: #EBF3F9;font-weight: bold;}
#product-details .product-rfq dl.input{line-height: 36px;}
#product-details .product-rfq dl.input dt{float: left;padding-right: 10px;min-width: 107px;text-align: right;color: #FFFFFF;}
#product-details .product-rfq dl.message dt{height: 80px;}
#product-details .product-rfq dl.input dd{float: left;width: 132px;position: relative;}
#product-details .product-rfq dl.input dd input{width: 92%;padding-left: 8%;}
#product-details .product-rfq .textinput{font-size: 14px;color: #222222;border: none;}
#product-details .product-rfq input.textinput{height: 32px;padding-left: 10px;width: 346px;border:0.5px solid #333;}
#product-details .product-rfq dl.form{float: left;width: 500px;margin-left: 20px;background-color: #FFFFFF;line-height: 36px;border-bottom: 1px solid #DFE9F0;}
#product-details .product-rfq dl.form:nth-child(2n){margin-left: 0;}
#product-details .product-rfq dl.form dt{width: 130px;display: inline-block;text-align: right;padding-right: 10px;float: left;color: #686868;}
#product-details .product-rfq dl.form dt i{color: #E14500;margin-right: 5px;}
#product-details .product-rfq dl.form dd{display: inline-block;}
#product-details .product-rfq dl.form dd textarea{padding-top: 10px;padding-left: 10px;width: 866px;height: 60px;border: 1px solid #333;}
#product-details .product-rfq dl.form:nth-child(9),#product-details .product-rfq dl.form:nth-child(10){margin-bottom: 10px;}
#product-details .product-rfq dl.single{float: none;clear: left;width: 1020px;margin-bottom: 10px;margin-right: 0;}
#product-details .product-rfq .line{clear: both;}
#product-details .product-rfq dl.message{float: none;margin-left: 0;}
#product-details .product-rfq dl.verify input.textinput{width:60px;float: left;}
#product-details .product-rfq dl.verify span{margin-left: 5px;float: left;margin-top: 3px;line-height: 28px;}
#product-details .product-rfq dl.verify img{display: block;cursor: pointer;}
#product-details .product-rfq .btn{background-color: #333333;text-align: center;width: 180px;height: 46px;margin: 10px auto 0 auto;position: relative;overflow: hidden;float: right;border-radius: 10px;margin-right: 10px;}
#product-details .product-rfq .btn:before{position: absolute;color: #FFFFFF;font-size: 30px;top: 10px;left: 50px;}
#product-details .product-rfq .btn input{width: 100%;height: 100%;border: none;background-color: transparent;color: #FFFFFF;font-size: 20px;text-transform: uppercase;padding-left: 25px;z-index: 2;cursor: pointer;position: relative;}
#product-details .product-rfq .btn:hover{background-color: #999999;}
#product-details .product-rfq .loading:before{display:none;}
#product-details .product-rfq .loading input{padding-left:0;}
/*product parameter*/
h2.title{font-size: 19px;color: #272727;line-height: 40px;font-weight: bold;text-transform: uppercase;border-bottom: 3px solid #333333;margin-top: 15px;}
table.parameter th{font-weight: normal;height: 36px;width: 270px;text-align: right;padding-right: 12px;color: #848484;}
table.parameter td{color: #151515;}
table.parameter td a{color: #22719F;}
@media screen and (max-width: 768px)
{
	#category h2{position: static;text-align: center;padding: 0;}
	#category h2 img{position: static;display: block;float: none;margin: 0 auto;}
	#category ul{background-color: transparent;column-count: auto;-webkit-column-count:auto;-moz-column-count: auto;margin: 0 5px;padding: 10px;border: 1px solid #CCCCCC;}
	#category ul li{padding: 7px 0;}
	#products h1{font-size: 14px;line-height: 20px;padding: 10px 0.5rem;}
	#products .recommend{display: none;}
	/*products-list list*/
	ul.products{margin: 0 0 2px 0;padding: 0.5rem;}
	ul.products li{float: none;width: auto !important;height: auto !important;}
	ul.products li:nth-child(1){float: left;margin-right: 0.5rem;}
	ul.products li:nth-child(2){height: 54px !important;}
	ul.products li:nth-child(3){height: 54px !important;}
	ul.products li:last-child{text-align: left;padding-top: 0;float: none;}
	ul.products li:first-child a{width: 108px;height: 108px;}
	ul.products li b{margin-top: 0;}
	ul.products li s.rfq{position: static;float: right;margin-right: 1rem;text-align: center;}
	#search .info .left{width: auto;padding: 0.5rem;float: none;}
	#search .info .right{width: auto;float: none;padding: 0.5rem;}
	ul.result-list li{width: 50%;text-align: center;height: auto;}
	ul.result-list li a.cover{width: 110px;height: 110px;margin: 0 auto;float: none;display: block;}
	#sitemap dl{width: auto;float: none;padding: 1rem;}
	/*product-summary*/
	#product-details .product-summary{width: auto;float: none;}
	#product-details .product-summary .product-cover{width: auto;float: none;text-align: center;}
	#product-details .product-summary .product-cover a{max-width: 80%;margin: 0 auto;height: auto;min-height: 100px;}
	#product-details .product-summary .product-cover a img{max-width: 100%;}
	#product-details .product-summary .product-info,#product-details .product-summary .product-price{width: auto;float: none;margin-left: 0.5rem;}
	#product-details .product-summary .product-info th,#product-details .product-summary .product-info td{display: block;width: auto;height: auto;padding: 5px 0;}
	#product-details .product-summary .product-info th{font-weight: bold;}
	#product-details .product-summary .product-info td{padding-left: 15px;}
	#product-details .product-summary .product-info td input.textinput{margin: 0;}
	#product-details .product-summary .product-info .tip{background-image: none;padding: 0.5rem;}
	/*product-price*/
	#product-details .product-price{margin-right: 0.5rem;margin-top: 7px;}
	#product-details .product-price .pricing{width: auto;float: none;}
	#product-details .product-price ul.info{width: auto;float: none;margin-top: 0;}
	#product-details .product-price ul.info li{}
	#product-details .product-price ul.info li:first-child{float: left;width: 50%;}
	/*product-rfq*/
	#product-details .product-rfq{width: auto;float: none;margin-top: 1rem;}
	#product-details .product-rfq .description{margin: 0 0.5rem;padding-top: 7px;min-height: auto;float: none;width: auto;}
	#product-details .product-rfq .rfq-form{float:none;width:auto;margin-top: 7px;}
	#product-details .product-rfq .rfq-form h2{height:auto;}
	#product-details .product-rfq dl.form{float:none;width:auto;margin-left: 0;}
	#product-details .product-rfq dl.input dt{width: 50%;}
	#product-details .product-rfq dl.message dt{height: auto;}
	#product-details .product-rfq dl.input dd{width: 50%;}
	#product-details .product-rfq dl.input dd input{width: 100% !important;}
	#product-details .product-rfq input.textinput{width: 100%;}
	#product-details .product-rfq dl.total{padding-right: 15px;}
	#product-details .product-rfq dl.form dt{width: auto;display: block;text-align: left;float: none;padding-right: 0;padding-left: 0.5rem;}
	#product-details .product-rfq dl.form dd{display: block;}
	#product-details .product-rfq dl.form dd textarea{width: 100%;}
	#product-details .product-rfq .btn{float: none;}
	/*product parameter*/
	h2.title{padding-left: 0.5rem;}
	table.parameter th,table.parameter td{display: block;height: 24px;line-height: 24px;}
	table.parameter th{width: auto;text-align: left;font-weight: bold;padding-left: 5px;border-bottom: none;}
	table.parameter td{text-align: right;padding-right: 0.5rem;}
}