﻿/** sidebar **/
#sidebar{ width:280px; height:auto; overflow:hidden; float: left;}
#main_right{ width:910px; height:auto; overflow:hidden; float: right;}



#cpbt{ background: #da0000; height: 60px; text-align: center; padding-top: 20px;}
#pro_list32 { border: 1px solid #e6e6e6;}
#pro_list32 .bigtitle{ background: url(/App/Home/View/Default/Public/Image/lb_bj.png) no-repeat left center; height:40px; line-height:40px; padding-left:20px; margin-bottom: 1px;}
#pro_list32 .bigtitle a{ color: #666; margin-left: 25px;font-size:17px;}
#pro_list32 .smalltitle{ float: left; background: url(/App/Home/View/Default/Public/Image/left_icon.png) no-repeat 7px center; padding-left: 25px; width: 114px; line-height: 25px; margin-bottom: 5px;}
#pro_list32 .smalltitle a{font-size:14px; color:#666;}



/** main **/ 
.main{ width:1200px; height:auto; overflow:hidden; padding:30px 0;margin: 0 auto;}

.picMarquee2{ width:920px;  overflow:hidden; position:relative; }
.picMarquee2 .bd{ padding:0px; margin:0;}
.picMarquee2 .bd ul{ overflow:hidden; zoom:1; }
.picMarquee2 .bd ul li{ margin:0 20px 30px 0; float:left; width:286px; height: 250px; overflow:hidden; background: #e2e2e2; border: 1px solid #e2e2e2; text-align:center; transition:0.3s all 0s linear;}
.picMarquee2 .bd ul li img{ width:288px; height:216px; transition:0.3s all 0s linear;}
.picMarquee2 .bd ul li .pic_title{ color:#666666; line-height: 30px; text-align: center;}
.picMarquee2 .bd ul li:hover{ background: #0c46a6; border: 1px solid #0c46a6;}
.picMarquee2 .bd ul li:hover .pic_title{ color: #fff;}
.picMarquee2 .picList{width:306px; height:auto; float:left; }


/***************global*****************/
.pro33 li{float:left; margin:0 5px 10px; background:#fff; width:215px; height:200px; text-align:center; border:1px solid #efefef; font-size:13px; transition:0.3s all 0s linear;}
.pro33 img{ max-width:215px; height:161px;}
.pro33 li span{height:30px; line-height:30px;font-size:14px; color:#666;}

.picLwz{ width:100%; display:block;transition:all 0.5s; text-indent:30px;background:url(/App/Home/View/Default/Public/Image/prowz1.png) no-repeat 20px 10px;}

.pro33 li:hover{ background:#da0000;}
.pro33 li:hover span{ color:#fff;}

/*************index&goods**************/


@media(max-width:1024px)
{
	.main{width:100%;}
	#sidebar{width:23%;}
	#main_right{width:75%;}
	.pro33 li{margin: 0 10px 10px;}
}

@media(max-width:768px)
{
	#sidebar{width:30%;}
	#main_right{width:70%;}
	.pro33 li{width: 45%;margin: 1% 2%;}
	
	
}

@media(max-width:640px)
{
	#pro_list32 .smalltitle, #cpbt{display:none;}
	#sidebar{width:100%;}
	#pro_list32 .bigtitle{width: 48%;margin: 1%;float:left;box-sizing: border-box;}
	#pro_list32 .clear{clear:none;}
	#main_right{width:100%;}
	.pro33 img{width:100%;height:121px;}
	.pro33 li{height:auto;}
	
}
