.main dl.letter{background-color: #FFFFFF;height: 54px;line-height: 54px;text-align: center;position: relative;}
.main dl.letter dt{display:none;}
.main dl.letter a{display: inline-block;padding: 0 20px;font-size: 14px;color: #000000;}
.main dl.letter a:hover{background-color: #1b5feb;color: #FFFFFF;}
.main dl.letter .tips{position: absolute;height: 44px;background-color: #939BAA;right: 0;top: 71px;color: #FFFFFF;padding: 0 40px;line-height: 44px;font-size: 13px;}
.main dl.letter .tips:before{font-size: 20px;position: absolute;left: 17px;top: 13px;}
.main dl.letter .tips:after{content: "";width: 0;height: 0;border-right: 12px solid transparent;border-bottom: 12px solid #939BAA;border-left: 12px solid transparent;position: absolute;left: 31px;top: -12px;}
.main dl.letter .tips s.icon-del{position: absolute;right: 3px;width: 36px;height: 36px;text-align: center;text-decoration: none;top: 5px;cursor: pointer;border-radius: 5px;}
.main dl.letter .tips s.icon-del:before{font-size: 20px;overflow: hidden;line-height: 36px;}
.main dl.letter .tips s.icon-del:hover{background-color: #1b5feb;color: #FFFFFF;}
.manufacturer h1{height: 80px;line-height: 80px;font-size: 28px;color: #000000;}
.manufacturer dl.text dt{font-size: 18px;color: #000000;line-height: 36px;}
.manufacturer dl.text dd{font-size: 13px;color: #838383;line-height: 22px;}
ul.manufacturer{padding: 10px 0 30px 0;}
ul.manufacturer li{float: left;width: 278px;height: 278px;background-color: #FFFFFF;margin-left: 2px;text-align: center;margin-bottom: 12px;position: relative;}
ul.manufacturer li:nth-child(5n+1){margin-left: 0;}
ul.manufacturer li strong{display: block;line-height: 24px;font-size: 18px;color: #000000;padding: 30px 0 18px 0;}
ul.manufacturer li p{padding: 0 12px;color: #838383;font-size: 13px;line-height: 20px;display: block;height: 124px;overflow: hidden;}
ul.manufacturer li .link{border-top: 1px solid #DDDDDD;padding: 12px;line-height: 30px;position: absolute;width: 100%;bottom: 0;}
ul.manufacturer li .link a{float: left;height: 32px;width: 48%;font-size: 13px;color: #383838;border: 1px solid #efefef;border-radius: 5px;margin: 0 1%;}
ul.manufacturer li .link a:hover{background-color: #1b5feb;color: #FFFFFF;}
/*details*/
.banner{background-image: url("../images/manufacturers.jpg");background-repeat: no-repeat;background-position: center 0;height: 450px;}
.banner .crumbs,.banner .crumbs a,.banner .crumbs a:after{color: #FFFFFF;}
.banner h1{font-size: 53px;line-height: 90px;color: #FFFFFF;}
.banner .pane > a{font-size: 24px;color: #FFFFFF;display: inline-block;line-height: 36px;border-bottom: 2px solid #1b5feb;font-weight: bold;padding-bottom: 5px;}
.banner a:hover{border-bottom: 2px solid #EE5A00;}
.banner .total{padding-top: 90px;color: #FFFFFF;font-size: 15px;line-height: 30px;}
.pane > h2{font-size: 20px;color: #000000;line-height: 40px;}
.related-news{margin-top: -215px;overflow: hidden;margin-bottom: -140px;padding-bottom: 10px;}
.related-news .introduction{float: right;width: 920px;background-color: #FFFFFF;padding: 18px;color: #838383;line-height: 26px;position: relative;}
.related-news .introduction:after{content: "";width: 50%;height: 100%;position: absolute;top: 0;right: -50%;background-color: #FFFFFF;}
.related-news .introduction h2{line-height: 52px;font-size: 22px;color: #000000;font-weight: bold;}
.related-news .introduction a{color: #25427C;}
.related-news .pane > h2{clear: both;top: 20px;position: relative;padding-bottom: 30px;float: left;padding-left: 3px;}
.related-news a.more{float: right;font-size: 13px;line-height: 20px;margin-top: 40px;}
.related-news a.more:after{content: ">";margin-left: 5px;}
.related-news ul.clearfix{clear: both;}
.related-news li{float: left;width: 455px;height: 340px;background-color: #FFFFFF;margin-left: 17px;padding: 100px 22px 0 22px;box-shadow: 0 0 7px #DDDDDD;background-image: url("../images/related-news.png");background-repeat: no-repeat;background-position: right 0;}
.related-news li:first-child{margin-left: 0;}
.related-news li:nth-child(2){background-position: right -500px;}
.related-news li:nth-child(3){background-position: right -1000px;}
.related-news li a{font-size: 19px;color: #000000;padding: 15px 0;display: inline-block;}
.related-news li p{line-height: 22px;color: #a9acb3;font-size: 14px;}
.related-category{background-color: #FFFFFF;padding-top: 175px;}
.related-category h2{font-size: 20px;color: #000000;font-weight: bold;line-height: 60px;}
.related-category .item{float: left;width: 32%;margin-right: 2%;}
.related-category .item:last-child{margin-right: 0;}
.related-category .item h3{font-size: 18px;line-height: 20px;padding: 9px 0;color: #000000;font-weight: bold;}
.related-category .item p{font-size: 13px;color: #838383;display: block;line-height: 26px;}
.related-category .item ul{padding: 5px 0 20px 0;border-bottom: 3px solid #1b5feb;margin-bottom: 30px;}
.related-category .item li a{line-height: 20px;padding: 3px 0;display: inline-block;color: #000000;}
.related-category .item li i{color: #838383;display: inline-block;}
.related-products{background-color: #FFFFFF;}
.related-products ul{padding-bottom: 30px;}
.related-products li{float: left;width: 20%;color: #545454;font-size: 14px;line-height: 18px;padding: 5px 0;}
@media screen and (max-width: 768px)
{
	/*subnav*/
	.main dl.letter{-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 dl.letter{width: 80%;float: none;position: fixed;right: -80%;top: 0;z-index: 10000;}
	.main dl.letter dt{display:block;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 dl.letter dt: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;}
	/*show*/
	body.tabs .main dl.letter{right:0;}
	body.tabs .main dl.letter dt{position: static;background-color: #1b5feb;text-align: right;border-radius: 0;}
	body.tabs .main dl.letter dt:before{transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);background-color: #68BBA7;}
	.main dl.letter{width: 104px;background-color: #FFFFFF;height: auto;}
	.main dl.letter .tips{display: none;}
	.main dl.letter dd a{width: 40px;height: 40px;padding: 0;line-height: 40px;}
	.manufacturer h1{padding-left: 0.5rem;font-size: 18px;line-height: 40px;height: 40px;}
	.manufacturer dl.text{padding: 0 0.5rem;}
	.manufacturer dl.text dt{line-height: 24px;padding: 5px 0;}
	ul.manufacturer li{float: none;width: auto;height: auto;}
	ul.manufacturer li strong{margin: 0 0.5rem;}
	ul.manufacturer li p{height: auto;}
	ul.manufacturer li .link{border-top: none;position: static;text-align: center;}
	ul.manufacturer li .link a{background-color: #1b5feb;color: #FFFFFF;border-radius: 10px;margin: 0 3%;width: 44%;}
	ul.manufacturer li .link:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
	/*details*/
	.banner{background-image: url("../images/mobile_manufacturers.jpg");background-size: 100% auto;height: 400px;}
	.banner h1{font-size: 16px;padding-left: 0.5rem;line-height: 30px;}
	.banner .pane > a{font-size: 13px;margin-left: 0.5rem;padding-bottom: 0;line-height: 20px;margin-bottom: 5px;margin-top: 5px;}
	.banner .total{padding-top: 5px;padding-left: 0.5rem;line-height: 20px;}
	.pane > h2{font-size: 16px;line-height: 20px;padding: 10px 0 10px 0.5rem;font-weight: bold;}
	.related-news{margin: -220px 0.5rem 0 0.5rem;border-radius: 30px 30px 0 0;background-color: #FFFFFF;padding-bottom: 0;}
	.related-news .introduction{float: none;width: auto;color: #A6A6A6;padding-top: 10px;}
	.related-news .introduction:after{display: none;}
	.related-news .introduction h2{line-height: 40px;}
	.related-news .pane > h2{float: none;position: static;border-top: 10px solid #EFF0F4;padding-left: 0.5rem;line-height: 40px;padding-bottom: 10px;text-align: center;}
	.related-news a.more{display: none;}
	.related-news ul.clearfix{background-color: #EFF0F4;}
	.related-news li{float: none;width: auto;height: auto;padding: 0 0.5rem 30px 0.5rem;margin-left: 0;margin-bottom: 20px;}
	.related-news li:last-child{margin-bottom: 0;}
	.related-category{padding-left: 5px;margin-top: 15px;padding-top: 0;padding-right: 5px;}
	.related-category h2{padding-left: 0;}
	.related-category .item{float: none;width: auto;margin-right: 0;}
	.related-category .item ul{border-bottom: none;margin-bottom: 0;}
	.related-category .item li a{color: #5F5F5F;font-size: 14px;}
	.related-products ul{padding: 0 0.5rem 20px 0.5rem;}
	.related-products li{width: 50%;}
}