/*index*/
#index{padding-top:9px;}
#index .left{width:258px;float:left;}
#index .left .ad{border: 1px solid #CECECE;margin-bottom: 10px;}
#index .left .ad img{display:block;}
#index .right{display: inline;float: right;width: 908px;}
#index a.more{color: #3F3F3F;float: right;font-size: 12px;font-weight: normal;margin-right: 5px;}
#index a.more:after{color: #F38400;content: ">";font-size: 14px;margin-left: 4px;}
/*index category*/
#index dl.category{margin-bottom: 10px;}
#index dl.category dt{background-color: #003763;color: #FFFFFF;font-size: 20px;height: 42px;line-height: 42px;padding-left: 15px;position: relative;text-transform: uppercase;}
#index dl.category dt:before{background-color: #002E52;background-image: url("../images/category_doc.png");background-position: center center;background-repeat: no-repeat;border: 1px solid #004F83;border-radius: 5px;content: " ";height: 24px;position: absolute;right: 7px;top: 7px;width: 24px;}
#index dl.category dd{border-left: 1px solid #CECECE;border-right: 1px solid #CECECE;line-height: 28px;padding: 5px 0;}
#index dl.category dd a{color: #4E4E4E;display: block;padding-left: 15px;text-decoration: none;}
#index dl.category dd a:hover{background-color: #01213A;color: #FFFFFF;}
#index dl.category dd.more{background: -moz-linear-gradient(top, #F7F7F7 0%,#E8E8E8 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7),color-stop(100%,#E8E8E8));background: -webkit-linear-gradient(top, #F7F7F7 0%,#E8E8E8 100%);background: -o-linear-gradient(top, #F7F7F7 0%,#E8E8E8 100%);background: -ms-linear-gradient(top, #F7F7F7 0%,#E8E8E8 100%);background: linear-gradient(to bottom, #F7F7F7 0%,#E8E8E8 100%);border-bottom: 1px solid #CECECE;border-top: 1px solid #CECECE;padding: 0;}
#index dl.category dd.more a{color: #024273;font-weight: bold;position: relative;}
#index dl.category dd.more a:hover{background:none;text-decoration: underline;}
#index dl.category dd.more a:after{color: #646464;content: ">>";font-weight: normal;position: absolute;right: 10px;}
/*hot recent*/
#index .recent h3{background-color: #065FAB;color: #FFFFFF;font-size: 18px;line-height: 40px;padding-left: 15px;text-transform: uppercase;}
#index .recent ul{border-bottom: 1px solid #CECECE;border-left: 1px solid #CECECE;border-right: 1px solid #CECECE;padding: 0 10px 5px;}
#index .recent li{margin-right: 20px;overflow: hidden;padding-bottom: 5px;padding-top: 10px;}
#index .recent li a.cover{border: 1px solid #D8D8D8;display: inline;float: left;margin-right: 5px;margin-top: 2px;}
#index .recent li img{display:block;max-width: 70px;}
#index .recent li p{line-height: 18px;padding-bottom: 3px;}
#index .recent li p a{color: #454545;font-weight: bold;}
#index .recent li .text{color: #6C6C6C;line-height: 16px;max-height: 32px;overflow: hidden;}
/*banner*/
#banner{height: 268px;margin-bottom: 15px;overflow: hidden;}
/*index information*/
#index .information{border: 1px solid #CCCCCC;margin-bottom: 15px;padding: 0 9px 10px;}
#index .information dl{width: 440px;display:inline;}
#index .information dt{border-bottom: 1px solid #CCCCCC;color: #034175;font-size: 18px;font-weight: bold;height: 40px;line-height: 40px;padding-left: 5px;text-transform: uppercase;}
/*index aboutus*/
#index dl.aboutus{float: left;}
#index dl.aboutus dd{color: #454545;font-family: arial;line-height: 19px;padding: 10px 0;}
#index dl.aboutus img{float: left;margin-right: 12px;}
/*index news*/
#index dl.news{float: right;}
#index dl.news dd{border-bottom: 1px dotted #808080;line-height: 18px;padding: 5px 0 5px 15px;position: relative;}
#index dl.news dd:before{background-color: #00ABFA;content: " ";height: 5px;left: 6px;position: absolute;top: 11px;width: 5px;}
#index dl.news dd a{color: #454545;}
/*index newest*/
#index .newest{border: 1px solid #CCCCCC;overflow: hidden;margin-bottom:15px;}
#index .newest h3{border-bottom: 1px solid #CCCCCC;color: #034175;font-size: 20px;font-weight: bold;height: 40px;line-height: 40px;padding-left: 10px;text-transform: uppercase;}
#index .newest h3 s{color: #F09800;font-weight: normal;text-decoration: none;margin-left: 6px;font-size: 18px;}
#index .newest ul{width:10000px;}
#index .newest li{border-right: 1px solid #CCCCCC;float: left;padding: 20px 10px 15px;position: relative;text-align: center;width: 206px;}
#index .newest li .mfg{height: 50px;}
#index .newest li .mfg img{max-width: 130px;display: block;margin: 0 auto;max-height: 50px;}
#index .newest li .cover{height: 90px;}
#index .newest li .cover img{display: block;margin: 15px auto 0;max-height: 100%;}
#index .newest li i{height: 32px;overflow: hidden;line-height: 16px;margin: 6px 0;}
#index .newest li i a{display: block;font-weight: bold;font-size: 14px;color: #333333;margin: 7px 0;}
#index .newest li p{height: 44px;}
#index .newest li p a{color: #333333;}
#index .newest li strong{line-height: 24px;}
#index .newest li strong a{color: #1089D6;font-weight: bold;margin: 0 auto;}
/*index manufacturers*/
#index .manufacturers{border: 1px solid #CCCCCC;margin-bottom:15px;}
#index .manufacturers h2{border-bottom: 1px solid #CCCCCC;color: #034175;font-size: 20px;font-weight: bold;height: 40px;line-height: 40px;padding-left: 10px;text-transform: uppercase;}
#index .manufacturers h2 a.more{color: #F18400;text-transform: none;}
#index .manufacturers li{display: inline;float: left;padding: 15px 0;text-align: center;width: 20%;}
#index .manufacturers li a img{max-width:100%;}
/*hot parts*/
#index .hot-parts{border: 1px solid #CCCCCC;}
#index .hot-parts h2{border-bottom: 1px solid #CCCCCC;color: #034175;font-size: 20px;font-weight: bold;height: 40px;line-height: 40px;padding-left: 10px;text-transform: uppercase;}
#index .hot-parts div{padding: 7px 10px;}
#index .hot-parts div a{color: #4E4E4E;display: inline;float: left;margin-right: 15px;padding: 3px 5px;}
@media screen and (max-width: 767px)
{
	#index .left{float: none;width: auto;}
	#index .right{float: none;width: auto;display: block;}
	/*banner*/
	#banner{display: none;}
	/*index information*/
	#index .information{margin-top: 15px;}
	#index .information dl{float: none;width: auto;display: block;}
	#index .newest ul{width: auto;}
	#index .newest li{width: 47%;height: 250px;padding: 20px 1% 20px;overflow: hidden;border-bottom: 1px solid #CCCCCC;}
	#index .newest li:nth-child(2n){border-right: none;}
	#index .manufacturers li{width: 50%;}
}