/*****************************************************中部产品,搜索,推荐****************************************************************/ .products { width: 1193px; margin: 0 auto; padding-top: 20px; padding-bottom: 10px; border: 0px solid red; } /***********************************左侧产品分类与推荐****************************************/ .products .productsleft { float:left; width: 962px; } /**************************产品分类*****************************/ .products .productsleft .class { padding-top: 10px; padding-bottom: 10px; padding-left:20px; padding-right:20px; border: 1px solid #e0e0e0; } .products .productsleft .class .clearfix { display: block; min-height:250px; } .products .productsleft .class .clearfix .classmenu { float:left; margin: 0 auto; width: 210px; margin-left:10px; margin-right:10px; border: 0px solid red; line-height:300px; } .products .productsleft .class .clearfix .classmenu .menutitle { line-height:25px; } .products .productsleft .class .clearfix .classmenu .menutitle a { font-size:16px; color:#005bac; } .products .productsleft .class .clearfix .classmenu hr { border:0px none #e1e1e1; background-color:#e1e1e1; color:#e1e1e1; height:1px; } .products .productsleft .class .clearfix .classmenu ul { -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; padding-left: 0px; width:100%; border: 0px solid red; list-style:none; } .products .productsleft .class .clearfix .classmenu ul li{ padding-left: 10px; line-height: 30px; background:url(/uploads/image/images/productleftnavtitle3.png) no-repeat left; } .products .productsleft .class .clearfix .classmenu ul li a{ font-size:12px; color:#4e4a47; text-decoration:none; } /**************************产品推荐*****************************/ .products .productsleft .tuijian { margin-top:20px; height:250px; border: 1px solid #e0e0e0; } .products .productsleft .tuijian .tuijiantitle { padding-top:10px; padding-left:10px; border: 0px solid #e0e0e0; height:30px; background-color:#ebebed; vertical-align:middle; } .products .productsleft .tuijian .tuijiantitle .tuijiantitletxt { float:left; font-size:16px; padding-left:20px; color:#005bac; } .products .productsleft .tuijian .tuijiantitle .tuijiantitleroll { float:right; } .products .productsleft .tuijian .tuijiantitle .tuijiantitleroll .imgroll { float:left; margin-right:20px; height:20px; width:20px; border: 0px solid #999; } .products .productsleft .tuijian .tuijiancontent { height: 185px; position: relative; width: 960px; overflow:hidden; padding-top:15px; padding-bottom:15px; } .products .productsleft .tuijian .tuijiancontent ul { margin: 0px; padding: 0px; position: relative; list-style-type: none; z-index: 1; left: 0px; } .products .productsleft .tuijian .tuijiancontent li {float: left; border-right: 1px solid #dedede; height: 180px; width: 155px; padding-right: 18px; padding-left: 18px; overflow: hidden; } .products .productsleft .tuijian .tuijiancontent li .tuijianitem1 { padding-top: 24px; position: relative; width: 110px; height: 80px; padding-left: 32px; } .products .productsleft .tuijian .tuijiancontent li .tuijianitem1 img { width: 110px; height: 80px; } .products .productsleft .tuijian .tuijiancontent li .tuijianitem2 { color: #c4261d; font-family: "微软雅黑"; font-size: 16px; line-height: 18px; text-align: center; } .products .productsleft .tuijian .tuijiancontent li .tuijianitem2 a { text-decoration:none; color: #c4261d; font-size: 12px; } .products .productsleft .tuijian .tuijiancontent li .tuijianitem3 { color: #4f4e4e; font-family: "微软雅黑"; line-height: 18px; text-align: center; }