#index{padding-top: 14px;}
#index dl.category{float: left;width: 280px;background-image: url("../images/category_bg.png");background-position: 0 40px;background-repeat: no-repeat;padding-bottom: 7px;background-color: #1E1E1E;}
#index dl.category dt{background-color: #2B2B2B;color: #FFFFFF;font-size: 18px;text-transform: uppercase;line-height: 40px;padding-left: 11px;margin-bottom: 6px;}
#index dl.category dd a{color: #ACACAC;line-height: 18px;display: block;text-decoration: none;padding: 3px 0 4px 11px;}
#index dl.category dd a:hover{background-color: #E14500;color: #FFFFFF;}
/*top*/
#top{overflow: hidden;}
#top s{background-image: url("../images/delete.png");background-repeat: no-repeat;width: 29px;height: 29px;position: absolute;top: 15px;right: 15px;z-index: 2;cursor: pointer;border-radius: 5px;}
#top s:hover{background-color: #F7763D;}
/*flexslider*/
.flexslider{border: none;background-color: transparent;border-radius: 0;margin-bottom: 0;}
.flexslider .slides>li{background-position: center 0;}
.flexslider .slides>li a.show{display: block;height: 100%;width: 100%;}
/*banner*/
#index .banner{width: 810px;float: left;margin-left: 13px;}
#index .banner .flex-control-nav{bottom: 4px;z-index: 2;}
#index .banner .flex-control-nav a{background-color: #AAAAAA;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
#index .banner .flex-control-nav a.flex-active{background-color: #FFFFFF;width: 20px;}
#index .ad{width: 286px;float: right;}
#index .ad li{position: relative;}
#index .ad li h4{font-size: 22px;color: #FFFFFF;position: absolute;left: 14px;line-height: 50px;font-weight: bold;}
#index .ad li p{position: absolute;top: 45px;color: #FFFFFF;left: 14px;font-weight: bold;font-size: 14px;width: 175px;}
#index .ad li a{display: block;}
#index .ad li a img{display: block;}
#index .ad li:last-child{margin-top: 9px;}
/*quality*/
h2.title{clear: both;text-align: center;font-size: 25px;text-transform: uppercase;color: #FFFFFF;font-weight: bold;line-height: 60px;padding-top: 10px;}
.quality ul.process{width: 988px;height: 285px;background-color: #1E1E1E;float: left;padding-top: 75px;}
.quality ul.process li{width: 197px;float: left;text-align: center;font-size: 13px;color: #FFFFFF;line-height: 18px;position: relative;}
.quality ul.process li:after,.quality ul.process li s,.quality ul.process li s:before{background-image: url("../images/quality_icon.png");background-repeat: no-repeat;}
.quality ul.process li:after{content:"";width: 9px;height: 17px;background-position: 0 -133px;position: absolute;top: 70px;right: 0;}
.quality ul.process li:last-child:after{display:none;}
.quality ul.process li s{color: #1E1E1E;font-size: 20px;width: 34px;position: relative;display: block;height: 34px;background-position: -500px 0;padding-left: 96px;padding-top: 108px;line-height: 34px;text-decoration: none;padding-right: 14px;margin: 0 auto;padding-bottom: 30px;}
.quality ul.process li s:before{position: absolute;content: "";width: 100px;height: 100px;left: 20px;top: 20px;}
.quality ul.process li:nth-child(2) s:before{background-position: -100px 0;}
.quality ul.process li:nth-child(3) s:before{background-position: -200px 0;}
.quality ul.process li:nth-child(4) s:before{background-position: -300px 0;}
.quality ul.process li:nth-child(5) s:before{background-position: -400px 0;}
/*quality report*/
.quality ul.report{width: 400px;float: right;}
.quality ul.report li{margin-top: 1px;background-color: #1E1E1E;padding: 10px;height: 69px;}
.quality ul.report li:first-child{margin-top: 0;}
.quality ul.report li a.cover{float: left;width: 70px;height: 70px;}
.quality ul.report li a.cover img{display: block;max-width: 70px;}
.quality ul.report li dl{float: left;width: 298px;margin-left: 12px;}
.quality ul.report li dt{font-size: 16px;color: #FFFFFF;line-height: 18px;padding: 3px 0;}
.quality ul.report li dd{color: #B4B4B4;font-size: 14px;}
.quality ul.report li dd s{color: #717171;text-decoration: none;margin-left: 15px;}
.quality ul.report li dd s:first-child{margin-left: 0;}
.quality ul.report li dd a{text-decoration: none;}
.quality ul.report li dd a:hover{color: #FF931F;}
/*latest-products*/
.latest-products li{width: 263px;float: left;background-color: #FFFFFF;margin-right: 21px;margin-bottom: 23px;height: 286px;position: relative;}
.latest-products li:nth-child(5n){margin-right: 0;}
.latest-products li span{display: block;padding: 20px;height: 90px;}
.latest-products li img{display: block;margin: 0 auto;}
.latest-products li span + a{font-size: 14px;color: #2F2F2F;line-height: 18px;padding: 5px 0;display: inline-block;margin: 0 12px;font-weight: bold;}
.latest-products li p{margin: 0 12px;color: #3D3D3D;line-height: 18px;}
.latest-products li .more{height: 40px;background-color: #818181;line-height: 40px;bottom: 0;position: absolute;width: 100%;}
.latest-products li .more a{border-left: 1px solid #FFFFFF;display: inline-block;background-color: #29272A;width: 136px;text-align: center;float: right;color: #FFFFFF;font-size: 14px;text-decoration: none;}
.latest-products li .more a:hover{background-color: #E14500;}
/*news*/
.news ul.Headlines li{width: 680px;float: left;}
.news ul.Headlines li:last-child{float: right;}
.news ul.Headlines li a.cover{width: 240px;height: 160px;float: left;}
.news ul.Headlines li a.cover img{max-width: 240px;display: block;}
.news ul.Headlines li dl{width: 427px;float: left;margin-left: 13px;color: #AAAAAA;}
.news ul.Headlines li dt{font-size: 14px;font-weight: bold;line-height: 18px;}
.news ul.Headlines li dd{line-height: 18px;}
.news ul.Headlines li dd strong{text-decoration: underline;color: #CCCCCC;line-height: 30px;}
.news ol{column-count: 2;column-gap: 40px;-webkit-column-count: 2;-webkit-column-gap: 40px;-moz-column-count: 2;-moz-column-gap: 40px;padding-bottom: 25px;border-top: 1px dashed #474747;margin-top: 15px;padding-top: 10px;}
.news ol li{line-height: 16px;padding: 5px 0;}
.news ol li a{color: #AAAAAA;}
.news ol li s{text-decoration: none;float: right;color: #828282;}
/*recommend*/
.recommend ul.tab{overflow: hidden;height: 40px;background-color: #3C3C3C;}
.recommend ul.tab li.cur{background-color: #29272A;border-bottom: 4px solid #D00000;height: 36px;}
.recommend ul.tab li{float: left;margin-left: 1px;background-color: #3C3C3C;height: 40px;line-height: 40px;color: #FFFFFF;padding: 0 20px;cursor: pointer;}
.recommend ol.products{padding-top: 15px;display: none;}
.recommend ol.products:nth-child(2){display: block;}
.recommend ol.products li{float: left;width: 190px;height: 32px;line-height: 16px;overflow: hidden;margin-right: 10px;margin-bottom: 10px;}
.recommend ol.products li a{color: #777777;font-size: 14px;}
/*manufacturers*/
.manufacturers li{width: 216px;float: left;margin-right: 20px;background-color: #FFFFFF;height: 90px;margin-bottom: 20px;}
.manufacturers li:nth-child(6n){margin-right: 0;}
.manufacturers li a{position: relative;display: block;padding-top: 15px;height: 75px;}
.manufacturers li a:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000000;opacity: 0;-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;}
.manufacturers li a:hover:before{opacity: 0.7;}
.manufacturers li a:hover strong{opacity: 1;}
.manufacturers li a strong{position: absolute;text-align: center;width: 80%;color: #FFFFFF;top: 30px;left: 10%;opacity: 0;}
.manufacturers li a img{max-width: 80%;display: block;margin: 0 auto;}
.manufacturers .btn{text-align: center;padding: 30px 0;}
.manufacturers .btn a{display: inline-block;padding: 0 30px;height: 38px;font-size: 18px;border: 2px solid #FFFFFF;line-height: 38px;color: #FFFFFF;text-transform: uppercase;text-decoration: none;}
.manufacturers .btn a:hover{background-color: #E14500;}
/*video*/
#VideoDiv{position: fixed;left: 50%;top: 50%;z-index: 9999;-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;width: 0;height: 0;overflow: hidden;}
#VideoDiv s{width: 600px;height: 500px;position: absolute;left: 50%;margin-left: -300px;top: 100px;z-index: 2;background-color: #999;}
#VideoDiv i{background-color: #000;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.5;z-index: 1;}
#VideoDiv.show{width: 100%;height: 100%;left: 0;top: 0;}
#VideoDiv.show i{}
@media screen and (max-width: 768px)
{
	#index dl.category{float: none;width: auto;background-position: right 40px;}
	#index dl.category dd a{padding-top: 7px;padding-bottom: 7px;}
	/*top*/
	#top{display: none;}
	/*banner*/
	#index .banner{display: none;}
	#index .ad{width: auto;float: none;margin-top: 5px;}
	#index .ad li{max-width: 286px;margin: 0 auto;}
	.quality ul.process{width: auto;height: auto;float: none;padding-top: 10px;padding-bottom: 10px;margin-bottom: 10px;}
	.quality ul.process li{float: none;width: auto;margin-bottom: 15px;}
	.quality ul.process li:after{display: none;}
	.quality ul.process li s{padding-left: 108px;padding-right: 36px;padding-top: 108px;padding-bottom: 40px;}
	/*quality report*/
	.quality ul.report{width: auto;float: none;}
	.quality ul.report li{height: 110px;padding: 5px;}
	.quality ul.report li a.cover{margin-right: 5px;width: 100px;height: 100px;}
	.quality ul.report li a.cover img{max-width: 100px;}
	.quality ul.report li dl{float: none;}
	.quality ul.report li dd s{margin-left: 7px;display: block;}
	/*latest-products*/
	.latest-products li{width: 49%;margin-right: 0;margin-bottom: 0.5rem;}
	.latest-products li:nth-child(2n){float: right;}
	/*news*/
	.news ul.Headlines li{width: auto;float: none;margin-bottom: 1rem;}
	.news ul.Headlines li a.cover{width: auto;height: auto;float: none;background-color: #FFFFFF;display: block;padding: 5px;}
	.news ul.Headlines li a.cover img{margin: 0 auto;}
	.news ul.Headlines li dl{width: auto;float: none;}
	.news ol{column-count: auto;-webkit-column-count: auto;-moz-column-count: auto;}
	.news ol li{padding-left: 0.5rem;}
	.news ol li s{float: none;display: block;}
	/*recommend*/
	.recommend ul.tab{display: none;}
	.recommend ol.products{display: block;}
	.recommend ol.products li{width: 50%;margin-right: 0;padding: 1rem;}
	/*manufacturers*/
	.manufacturers li{width: 49.5%;margin-right: 0;margin-bottom: 0.5rem;}
	.manufacturers li:nth-child(2n){float: right;}
}