/* manufacturers */
.manufacturers h1{color: #222222;font-weight: bold;margin-bottom: 15px;font-size: 26px;width: 100%;display: block;}
.manufacturers .brand-index-box{width: 100%;color: #fff;background: #8f93a9;display: flex;align-items: center;padding: 18px;}
.manufacturers .recommend-btn{display: block;width: 180px;max-width: 100%;min-width: 120px;border-radius: 20px;font-size: 14px;font-family: Tahoma;font-weight: bold;text-align: center;color: #6a6f8a;background-color: #6a6f8a;flex-shrink: 0;padding: 0 !important;}
.manufacturers .brand-indexs{display: flex;justify-content: space-evenly;width: 100%;align-items: center;flex-wrap: wrap;}
.manufacturers .brand-indexs li{display: block;min-width: 30px;color: #fff;font-size: 14px;text-align: center;padding: 0 14px;border-radius: 5px;transition: all 0.3s;height: 35px;line-height: 35px;cursor: pointer;}
.manufacturers .brand-indexs li:hover{color: #fff;background-color: #6a6f8a;}
.manufacturers .brand-indexs li.actived{color: #6a6f8a;background-color: #fff;}
.manufacturers .brand-content{position: relative;margin-bottom: 59px;}
.manufacturers .flexslider{border: none;border-radius: 0;}
.manufacturers .flexslider .flex-viewport{height: 610px;overflow-y: auto!important;}
.manufacturers .brand-content .slides{display: flex;flex-wrap: wrap;}
.manufacturers .brand-content .slides li{flex-shrink: 0;}
.manufacturers .brand-content .slides li a{width: calc(100% / 7);height: 88px;position: relative;display: flex;justify-content: center;align-items: center;cursor: pointer;float: left;border: 1px solid #dcdcdc;margin-top: -1px;}
.manufacturers .brand-content .slides li a img{max-width: 90%;max-height: 95%;width: auto;}
.manufacturers .brand-content .slides li a .mask{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background-color: rgba(26, 27, 33, .5);color: #fff;font-size: 14px;text-align: center;display: none;}
.manufacturers .brand-content .slides li a .mask b{display: block;font-size: 16px;margin-top: 28px;margin-bottom: 12px;}
.manufacturers .brand-content .slides li a:hover .mask{display: block;}
.manufacturers .flex-control-nav{height: 45px;background-color: #d3d4db;display: flex;align-items: center;padding: 0 20px;}
.manufacturers .flex-control-nav li{height: auto;width: 100%;background: #ffffff8a;margin: 0 auto;}
.manufacturers .flex-control-nav li a{height: 4px;width: 100%;background: #ffffff8a;margin: 0 auto;}
.manufacturers .flex-control-paging li a.flex-active{height: 8px;width: 100%;background: #fff;margin: 0 auto;}
.manufacturers .flex-direction-nav .flex-prev{left: -50px !important;}
.manufacturers .flex-direction-nav .flex-next{right: -50px !important;}
/* details */
.details .top{height: 440px;background: #3f404d url('../images/manufacturers-detail-bg.jpg') no-repeat right bottom;color: #fff;text-align: center;}
.details .top .limit{position: relative;height: 100%;}
.details .top .breadcrumbs a{color: #fff;}
.details .top .white-brand-box{width: 321px;padding: 0 70px;max-width: 100%;background: #ffffff;border-radius: 50px;margin: auto;line-height: 70px;}
.details .top .white-brand-box img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 70px;}
.details .top h1{font-size: 24px;color: #ffffff;margin: 16px auto;font-weight: normal;}
.details .top ul{width: 564px;height: 76px;display: flex;justify-content: space-between;position: absolute;bottom: 30px;left: 0;right: 0;margin: 0 auto;}
.details .top ul li{width: calc(50% - 47px);height: 100%;flex-shrink: 0;font-size: 14px;border-radius: 45px;background: rgba(67, 69, 82, 0.35);box-shadow: inset 4px 6px 5px 0px rgba(0, 0, 0, 0.05);}
.details .top ul li h5{font-size: 16px;margin-top: 14px;margin-bottom: 8px;}
.details .top a.icon-mail{position: absolute;bottom: 30px;right: 0;width: 235px;max-width: 100%;height: 76px;border-radius: 40px;margin-left: 10px;box-shadow: inset -2px -2px 10px -2px rgb(255 255 255 / 75%);line-height: 76px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;padding-top: 18px;}
.details .top a.icon-mail::before{position: absolute;top: 9px;left: 0;right: 0;margin: 0 auto;font-size: 32px;}
.details .top a.icon-mail:hover{background-color: #ff6d0c;color: #fff;}
.details .left{float: left;width: 33%;}
.details .left h1{padding: 20px 0 22px;color: #222222;font-weight: bold;font-size: 20px;border-bottom: 3px solid #8f93a9;}
.details .left dl{width: 100%;padding: 16px 0;border-bottom: 1px dashed #e7e7e7;}
.details .left dl dt{font-size: 15px;font-weight: bold;cursor: pointer;color: #222222;position: relative;}
.details .left dl dt::before{position: absolute;right: 12px;display: none;}
.details .left dl dt.actived::before{display: block;}
.details .left dl dt span{font-weight: normal;color: #c0c0c0;margin-left: 5px;}
.details .left dl dd a{display: block;color: #677283;margin-top: 10px;font-size: 14px;}
.details .left dl dd a span{color: #c0c0c0;}
.details .left dl dd a:hover{color: #ff6d0c;}
.details .left + .right{width: 66%;}
.details .left + .right ul li{width: 50%;}
.details .right{float: right;width: 100%;height: auto;}
.details .right h1{padding: 20px 0 22px;color: #222222;font-weight: bold;font-size: 20px;}
.details .right ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.details .right ul li{font-size: 13px;color: #868a97;line-height: 22px;border: 1px solid #e7e7e7;padding: 15px;padding-bottom: 0;margin-bottom: 10px;width: 33.33%;}
.details .right ul li:nth-child(2n){border-left: none;}
.details .right ul li .image-box{float: left;width: 100px;height: 100%;overflow: hidden;background-color: #fff;}
.details .right ul li .image-box img{max-width: 100%;max-height: 100px;}
.details .right ul li dl{border-bottom: 1px solid #e7e7e7;padding-bottom: 10px;}
.details .right ul li dl dt{font-size: 15px;font-weight: bold;color: #0a0a0a;margin-bottom: 5px;}
.details .right ul li dl dd{font-size: 13px;color: #868a97;line-height: 22px;}
.details .right ul li dl dd span{width: 90px;text-align: right;display: inline-block;margin-right: 4px;}
.details .right ul li dl dd a::before{margin-right: 4px;}
.details .right ul li b{font-size: 13px;color: #868a97;line-height: 50px;}
.details .right ul li b span{color: #5691d4;font-weight: normal;}
.details .right ul li > a{float: right;width: fit-content;margin-top: 10px;height: 30px;color: #323554;font-size: 13px;font-weight: bold;letter-spacing: 1px;border: 1px solid #e0e0e0;border-radius: 4px 4px 4px 4px;background: #ffffff;cursor: pointer;line-height: 30px;padding: 0 20px;text-align: center;}
.details .right ul li > a:hover{background-color: #595c75;color: #fff;}
.details .head{clear: both;}
@media screen and (max-width: 768px)
{
	.manufacturers.limit{width: 100%;padding: 0 8px;}
	.manufacturers .brand-index-box{display: none;}
	.manufacturers h1{margin-bottom: 12px;}
	.manufacturers h1 a{float: left;margin-top: 8px;margin-left: 0;margin-right: 8px;}
	.manufacturers .brand-content ul li{width: 50%;}
	.manufacturers .brand-content ul li a{width: unset;}
	.manufacturers .brand-content .icon-right, .icon-left{display: none;}
	/* manufacturers-details */
	 .details .top{height: auto;}
	.details .top .limit{width: 100%;padding: 0 8px;overflow: hidden;}
	.details .top ul{position: static;margin-top: 110px;flex-direction: column;height: auto;justify-content: center;width: 235px;}
	.details .top ul li{width: 100%;margin-bottom: 18px;height: 76px;background: rgba(67, 69, 82, .75);}
	.details .top a.icon-mail{position: relative;width: 235px;display: block;margin: 0 auto 30px;bottom: 0;}
	.details > .limit{width: 100%;padding: 0 8px;}
	.details .left{width: 100%;}
	.details .left + .right{width: 100%;}
	.details .left + .right ul li{width: 100%;}
	.details .right{width: 100%;}
	.details .right ul li{width: 100%;}
	.details .right ul li:nth-child(2n){border-left: 1px solid #e7e7e7;}
}