/*time set*/
#banner .flex-control-nav li a,#banner ul li.banner001 .btn a,.manufacturers li a,.recommend ul.type li:before,.latest-products .flex-control-nav li a,.news ul.headline li a,.news ul.headline li a::before{-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;}
/*banner*/
#banner{position: relative;overflow:hidden;}
#banner ul.slides{height: 404px;}
#banner ul.slides>li{height: 100%;background-repeat: no-repeat;background-position: center 0;color: #FFFFFF;}
#banner ul.slides>li .btn a{color: #FFFFFF;font-size: 17px;font-weight: bold;padding: 0 30px;border: 2px solid #FFFFFF;height: 32px;line-height: 32px;display: inline-block;margin-right: 15px;text-decoration: none;}
#banner ul.slides>li .btn a:hover{background-color: #11B085;}
#banner ul li.banner001{background-image: url("../images/banner/bg001.jpg");}
#banner ul li.banner001 h1{text-align: center;padding-top: 70px;font-size: 24px;line-height: 30px;}
#banner ul li.banner001 strong{text-align: center;font-size: 20px;display: block;line-height: 24px;}
#banner ul li.banner001 p{font-size: 18px;text-align: center;width: 850px;margin: 15px auto;}
#banner ul li.banner001 .btn{text-align: center;padding-top: 30px;}
#banner ul li.banner001 .btn a{height: 36px;line-height:36px;padding: 0 46px;color: #16B287;background-color: #FFFFFF;display: inline-block;font-size: 22px;text-transform: uppercase;text-decoration: none;border: 1px solid transparent;}
#banner ul li.banner001 .btn a:hover{background-color: #11B085;color: #FFFFFF;border: 1px solid #FFFFFF;}
#banner ul li.banner002{background-image: url("../images/banner/bg002.jpg");}
#banner ul li.banner002 h1{padding-top: 30px;font-size: 27px;line-height: 60px;text-transform: uppercase;}
#banner ul li.banner002 dl{width: 660px;}
#banner ul li.banner002 h1:before,#banner ul li.banner002 dl:before,#banner ul li.banner002 dl:after{content: "";background-image: url("../images/banner/banner002.jpg");background-repeat: no-repeat;width: 200px;height: 134px;position: absolute;font-size: 200px;border: 3px solid #FFFFFF;}
#banner ul li.banner002 h1:before{top: 190px;left: 50%;margin-left: 60px;}
#banner ul li.banner002 dl:before{top: 138px;left: 50%;margin-left: 280px;background-position: -1em 0;}
#banner ul li.banner002 dl:after{top: 85px;left: 50%;margin-left: 500px;}
#banner ul li.banner002 dt{height: 32px;line-height: 32px;font-size: 15px;font-weight: bold;}
#banner ul li.banner002 dd{font-size: 15px;padding-bottom: 20px;}
#banner ul li.banner003{background-image: url("../images/banner/bg003.jpg");}
#banner ul li.banner003 h1{padding-top: 65px;font-size: 24px;line-height: 60px;}
#banner ul li.banner003 li{height: 36px;font-size: 16px;position: relative;padding-left: 16px;}
#banner ul li.banner003 li:before{content: "";width: 8px;height: 8px;background-color: #FFFFFF;position: absolute;left: 0;top: 6px;}
#banner .flex-control-nav{bottom: 10px;z-index: 2;}
#banner .flex-control-nav li{margin: 0 5px;}
#banner .flex-control-nav li a{width: 6px;height: 20px;border-radius: 0;background-color: #FFFFFF;opacity: 0.35;box-shadow: none;margin-top: 20px;border-top: 0px solid #FFFFFF;}
#banner .flex-control-nav li a.flex-active{margin-top: 0px;border-top: 20px solid #FFFFFF;opacity: 1;}
/*more*/
.moreBtn{height: 32px;line-height: 32px;position: absolute;top: 24px;right: 5px;}
.moreBtn:before{content: "";width: 6px;height: 6px;position: absolute;background-color: #D8D8D8;border-radius: 50%;left: 13px;top: -3px;}
.moreBtn a{border: 1px solid #D8D8D8;border-radius: 16px;display: block;text-decoration: none;padding: 0 15px 0 20px;}
.moreBtn a:before{float: right;margin-top: 11px;margin-left: 7px;}
.moreBtn a:after{content: "";width: 7px;height: 7px;background-color: #FFFFFF;position: absolute;top: 0px;left: 6px;}
.moreBtn a:hover{background-color: #11B085;color: #FFFFFF;border: 1px solid #11B085;}
.moreBtn a:hover:after{visibility: hidden;}
/*manufacturers*/
.manufacturers h2{text-align: center;padding-top: 36px;font-size: 24px;font-weight: bold;}
.manufacturers strong{display: block;text-align: center;color: #AAAAAA;font-weight: normal;font-size: 13px;line-height: 20px;}
.manufacturers ul{padding-top: 30px;padding-bottom: 40px;}
.manufacturers li{width: 206px;height: 74px;float: left;text-align: center;margin: 0 12px;}
.manufacturers li a{display: block;padding-top: 10px;height: 64px;border: 1px solid transparent;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.manufacturers li a:hover{border: 1px solid #D7D7D7;-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;}
.manufacturers li a img{max-width: 80%;max-height: 50px;margin: 0 auto;}
/*title*/
.latest-products h2,.categories h2,.news h2,.hotparts h2{height: 80px;line-height: 80px;font-size: 22px;text-transform: uppercase;font-weight: bold;border-bottom: 1px solid #E4E4E4;}
/*recommend*/
.recommend{position: relative;overflow: hidden;}
.recommend h2{border-bottom: none;font-size: 18px;height: 80px;line-height: 80px;font-weight: bold;width: 360px;float: left;}
.recommend ul.type{float: left;border-bottom: 1px solid #E4E4E4;height: 80px;line-height: 80px;width: 1040px;}
.recommend ul.type li{float: left;color: #444851;font-size: 14px;padding: 0 30px;position: relative;cursor: pointer;}
.recommend ul.type li:before{content: "";width: 60px;height: 3px;position: absolute;left: 50%;margin-left: -30px;background-color: #11B085;top: 54px;opacity: 0;}
.recommend ul.type li.active{color: #2D2D2D;font-weight: bold;}
.recommend ul.type li:hover:before,.recommend ul.type li.active:before{opacity: 1;}
.recommend .ad{width: 360px;float: left;}
.recommend .ad a.icon-right{width: 332px;height: 220px;display: block;padding-left: 14px;background-image: url("../images/ad.jpg");background-repeat: no-repeat;background-position: 0 -226px;margin-top: 13px;color: #FFFFFF;font-size: 14px;line-height: 24px;text-decoration: none;padding-top: 6px;position: relative;}
.recommend .ad a.icon-right:first-child{margin-top: 0;background-position: 0 0;}
.recommend .ad a.icon-right:before{width: 34px;height: 34px;position: absolute;background-color: #FFFFFF;text-align: center;line-height: 34px;color: #2084E3;bottom: 20px;left: 15px;border: 1px solid transparent;}
.recommend .ad a.icon-right:hover:before{background-color: #09BF8F;color: #FFFFFF;border: 1px solid #FFFFFF;}
.recommend .ad a.icon-right b{font-size: 26px;display: block;line-height: 40px;text-transform: uppercase;}
.recommend .sliders-layer{float: left;width: 1040px;height: 464px;overflow: hidden;}
.recommend ul.slides li span{float: left;padding-top: 20px;border-bottom: 1px dotted #CDCDCD;height: 206px;position: relative;width: 339px;margin-right: 11px;}
.recommend ul.slides li span:nth-child(3n){margin-right: 0;}
.recommend ul.slides li span dt{font-size: 15px;color: #262626;font-weight: bold;line-height: 30px;}
.recommend ul.slides li span dd{color: #939393;}
.recommend ul.slides li span>img{position: absolute;max-height: 40px;right: 10px;top: 20px;}
.recommend ul.slides li span s{font-size: 22px;text-decoration: none;position: absolute;bottom: 28px;left: 5px;padding-left: 24px;}
.recommend ul.slides li span s:before{content: "USD";background-color: #E00000;padding-left: 5px;transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);position: absolute;font-size: 12px;font-style: normal;left: -7px;top: 6px;line-height: 20px;font-weight: bold;color: #FFFFFF;letter-spacing: 2px;}
.recommend ul.slides li span s b{font-size: 30px;}
.recommend ul.slides li span a{width: 136px;height: 136px;position: absolute;right: 5px;bottom: 10px;border: 1px solid #FFFFFF;}
.recommend ul.slides li span a:hover{border: 1px solid #11B085;}
.recommend ul.slides li span a img{display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
/*latest-products*/
.latest-products{position: relative;}
.latest-products ul.slides{height: 430px;overflow: hidden;}
.latest-products ul.slides li span{width: 336px;height: 108px;float: left;border-bottom: 1px dotted #CDCDCD;margin-right: 16px;padding-top: 15px;padding-bottom: 15px;}
.latest-products ul.slides li span:nth-child(4n){margin-right: 0;}
.latest-products ul.slides li a{float: left;width: 70px;height: 64px;margin-right: 7px;}
.latest-products ul.slides li a img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;}
.latest-products ul.slides li p{color: #939393;float: left;width: 258px;line-height: 18px;}
.latest-products ul.slides li p strong{font-size: 15px;color: #262626;line-height: 18px;padding-bottom: 5px;display: inline-block;}
.latest-products .flex-control-nav{top: 37px;right: 0;bottom: auto;width: auto;}
.latest-products .flex-control-nav li a{width: 11px;height: 11px;border-radius: 0;background: #DCDCDC;box-shadow: none;border: 1px solid #FFFFFF;}
.latest-products .flex-control-nav li a.flex-active{background-color: #FF7E00;border: 1px solid #FF7E00;}
/*categories*/
.categories{position: relative;}
.categories ul li{width: 446px;float: left;padding: 30px 0;color: #B2B2B2;border-bottom: 1px dotted #CDCDCD;margin-right: 30px;}
.categories ul li:nth-child(3n){margin-right: 0;}
.categories ul li a{height: 22px;line-height: 22px;color: #3A3A3A;font-weight: bold;font-size: 14px;}
.categories ul li s{color: #6E6E6E;text-decoration: none;}
/*news*/
.news{position: relative;}
.news h2{border-bottom: none;}
.news ul.headline{width: 626px;float: left;}
.news ul.headline li{float: left;width: 300px;height:200px;margin-right: 2px;position: relative;overflow: hidden;margin-bottom: 2px;}
.news ul.headline li a{position: absolute;width: 290px;color: #FFFFFF;font-size: 13px;font-weight: bold;padding: 5px;left: 0;top: 0;height: 190px;padding-top: 160px;text-decoration: none;z-index: 2;}
.news ul.headline li:before{content: "";position: absolute;left: 0;top: 0;background-color: #000000;z-index: 1;width: 100%;height: 100%;opacity: 0.45;}
@media screen and (min-width: 768px)
{
	.news ul.headline li:hover a{padding-top: 200px;}
	.news ul.headline li:hover:before{opacity: 0;}
}
.news ul.headline li img{max-width: 100%;display: block;margin: 0 auto;}
.news ul.list{float: left;width: 774px;}
.news ul.list li a{color: #626262;line-height: 16px;}
.news ul.list li b{color: #B2B2B2;font-weight: normal;margin-bottom: 16px;display: inline-block;}
/*hot parts*/
.hotparts ul{padding-bottom: 30px;}
.hotparts ul li{float: left;width: 155px;padding-top: 15px;}
.hotparts ul li a{color: #989898;}
.hotparts ul li a:hover{color: #11B085;}
@media screen and (max-width: 768px)
{
	/*hot parts*/
	.hotparts ul li{padding-left: 3%;width: 47%;}
	.news ul.headline li img{margin-left: 0.5rem;width: 40%;}
	.news ul.headline li a:before{display: none;}
	.news ul.headline li::after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
	/*news*/
	.news ul.headline{width: auto;float: none;}
	/*categories*/
	.categories ul li{padding-left: 1rem;padding-top: 20px;padding-bottom: 20px;width: auto;float: none;margin-right: 0;}
	.recommend ul.slides{width: auto;float: none;margin: 0 5px;border-left: 1px solid #ddd;}
	.recommend .moreBtn,.recommend ul.type,.recommend .ad{display: none;}
	/*recommend*/
	.recommend h2{width: auto;float: none;}
	/*time set*/
	#banner .flex-control-nav li a,#banner ul li.banner001 .btn a,.manufacturers li a,.recommend ul.type li:before,.latest-products .flex-control-nav li a,.news ul.headline li a,.news ul.headline li a::before{}
	/*banner*/
	#banner{display: none;}
	#banner ul.slides{}
	#banner ul.slides>li{}
	#banner ul.slides>li .btn a{}
	#banner ul.slides>li .btn a:hover{}
	#banner ul li.banner001{}
	#banner ul li.banner001 h1{}
	#banner ul li.banner001 strong{}
	#banner ul li.banner001 p{}
	#banner ul li.banner001 .btn{}
	#banner ul li.banner001 .btn a{}
	#banner ul li.banner001 .btn a:hover{}
	#banner ul li.banner002{}
	#banner ul li.banner002 h1{}
	#banner ul li.banner002 dl{}
	#banner ul li.banner002 h1:before,#banner ul li.banner002 dl:before,#banner ul li.banner002 dl:after{}
	#banner ul li.banner002 h1:before{}
	#banner ul li.banner002 dl:before{}
	#banner ul li.banner002 dl:after{}
	#banner ul li.banner002 dt{}
	#banner ul li.banner002 dd{}
	#banner ul li.banner003{}
	#banner ul li.banner003 h1{}
	#banner ul li.banner003 li{}
	#banner ul li.banner003 li:before{}
	#banner .flex-control-nav{}
	#banner .flex-control-nav li{}
	#banner .flex-control-nav li a{}
	#banner .flex-control-nav li a.flex-active{}
	/*more*/
	.moreBtn{}
	.moreBtn:before{}
	.moreBtn a{}
	.moreBtn a:before{}
	.moreBtn a:after{}
	.moreBtn a:hover{}
	.moreBtn a:hover:after{}
	/*manufacturers*/
	.manufacturers h2{padding-top: 0;}
	.manufacturers strong{padding: 0 10px;}
	.manufacturers ul{padding-bottom: 10px;border-bottom: 1px solid #DDDDDD;}
	.manufacturers li{width: 50%;margin: 0;}
	.manufacturers li a{}
	.manufacturers li a:hover{}
	.manufacturers li a img{}
	/*title*/
	.latest-products h2,.categories h2,.news h2,.hotparts h2{padding-left: 1rem;}
	/*recommend*/
	.recommend{}
	.recommend h2{text-align: center;}
	.recommend ul.type{}
	.recommend ul.type li{}
	.recommend ul.type li:before{}
	.recommend ul.type li.active{}
	.recommend ul.type li:hover:before,.recommend ul.type li.active:before{}
	.recommend .ad{}
	.recommend .ad a.icon-right{}
	.recommend .ad a.icon-right:first-child{}
	.recommend .ad a.icon-right:before{}
	.recommend .ad a.icon-right:hover:before{}
	.recommend .ad a.icon-right b{}
	.recommend .sliders-layer{float: none;width: auto;height: auto;overflow: visible;}
	.recommend ul.slides li span{float: left;width: 49%;display: block;margin-right: 0;border-right: 1px solid #ddd;padding-top: 0;border-bottom: none;}
	.recommend ul.slides li span dl{border-top: 1px solid #ddd;padding-top: 10px;padding-left: 7px;}
	.recommend ul.slides li span:nth-child(3n){}
	.recommend ul.slides li span dt{}
	.recommend ul.slides li span dd{}
	.recommend ul.slides li span>img{position: static;max-width: 40%;margin-top: 15px;margin-left: 3%;}
	.recommend ul.slides li span s{bottom: 16px;font-size: 16px;}
	.recommend ul.slides li span s:before{}
	.recommend ul.slides li span s b{font-size: 22px;}
	.recommend ul.slides li span a{width: 57%;height: auto;border: none;}
	.recommend ul.slides li span a:hover{}
	.recommend ul.slides li span a img{}
	/*latest-products*/
	.latest-products{}
	.latest-products ul.slides{}
	.latest-products ul.slides li span{display: flex;width: auto;margin-right: 5px;margin-left: 5px;}
	.latest-products ul.slides li span:nth-child(4n){}
	.latest-products ul.slides li a{width: 60%;}
	.latest-products ul.slides li a img{}
	.latest-products ul.slides li p{width: auto;float: none;}
	.latest-products ul.slides li p strong{}
	.latest-products .flex-control-nav{}
	.latest-products .flex-control-nav li a{}
	.latest-products .flex-control-nav li a.flex-active{}
	/*categories*/
	.categories{}
	.categories ul li{}
	.categories ul li:nth-child(3n){}
	.categories ul li a{}
	.categories ul li s{}
	/*news*/
	.news{}
	.news h2{}
	.news ul.headline{}
	.news ul.headline li{float: none;border-top: 1px dotted #DDDDDD;padding-bottom: 7px;width: auto;height: auto;padding-top: 7px;display: flex;}
	.news ul.headline li a{position: static;padding-top: 0;color: #000000;height: auto;width: 100%;padding-right: 0;}
	.news ul.headline li:before{display: none;}
	.news ul.headline li img{}
	.news ul.list{float: none;width: auto;padding: 0 0.5rem;padding-top: 15px;}
	.news ul.list li a{font-size: 14px;line-height: 18px;}
	.news ul.list li b{}
	/*hot parts*/
	.hotparts ul{}
	.hotparts ul li{}
	.hotparts ul li a{}
	.hotparts ul li a:hover{}
}