@media screen and (min-width: 1200px ) {
	.list3_box1{position: relative; overflow: hidden; margin-bottom: 60px;}
	.list3_box1 span.pic_middle{position: absolute; width: 40px; height: 100px; line-height: 100px; top: 50%; margin-top: -50px; background: rgba(0,0,0,.3); cursor: pointer; display: none;}
	.list3_box1 span.pic_middle:hover img{transform: scale(1.1);}
	.list3_box1 span.pic_middle.btn_left{left: 0;}
	.list3_box1 span.pic_middle.btn_right{right: 0;}
	.list3_box1 ul{margin-left: -15px; width: 9999999px; height: 300px;}
	.list3_box1 ul li{float: left; width: 390px; margin-left: 15px; height: 300px; overflow: hidden; position: relative;}
	.list3_box1 li p.pic_middle{line-height: 300px; height: 300px;}
	.list3_box1 li dl{background: #2B5F8E; transition: all 0.4s; position: absolute; width: 100%; top: 260px; color: #FFFFFF;}
	.list3_box1 li dt{font-size: 16px; text-align: center; line-height: 40px; height: 40px; padding: 0 10px;}
	.list3_box1 li dd{padding: 0 40px; line-height: 25px; height: 50px; padding-top: 5px; background: url(../pic/list3_li.png) no-repeat top; margin-bottom: 5px; -webkit-line-clamp: 2;}
	.list3_box1 li:hover dl{background: rgba(0,97,255,0.8); top: 200px;}
	.list3_lable{font-size: 24px; border-left: 3px #2B5F8E solid; line-height: 24px; padding-left: 10px; margin-bottom: 20px;}
	.list3_box2{border: 1px solid #DDDDDD; position: relative; padding: 20px 0; height: 100px; margin-bottom: 50px;}
	.list3_box2 span.pic_middle{position: absolute; width: 29px; height: 100px; line-height: 100px; background: rgba(0,0,0,0.3); top: 50%; margin-top: -50px; cursor: pointer; display: none;}
	.list3_box2 span.btn_left{left: 0;}
	.list3_box2 span.btn_right{right: 0;}
	.list3_box2_pic{margin: 0 29px; overflow: hidden;}
	.list3_box2_pic ul{height: 100px;}
	.list3_box2_pic ul li{line-height: 100px; height: 100px; float: left; width: 285px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.list3_box1{position: relative; overflow: hidden; margin: 0 10px 60px;}
	.list3_box1 span.pic_middle{position: absolute; width: 40px; height: 100px; line-height: 100px; top: 50%; margin-top: -50px; background: rgba(0,0,0,.3); cursor: pointer; display: none;}
	.list3_box1 span.pic_middle:hover img{transform: scale(1.1);}
	.list3_box1 span.pic_middle.btn_left{left: 0;}
	.list3_box1 span.pic_middle.btn_right{right: 0;}
	.list3_box1 ul{margin-left: -10px; width: 9999999px; height: 300px;}
	.list3_box1 ul li{float: left; width: 390px; margin-left: 10px; height: 300px; overflow: hidden; position: relative;}
	.list3_box1 li p.pic_middle{line-height: 300px; height: 300px;}
	.list3_box1 li dl{background: #2B5F8E; transition: all 0.4s; position: absolute; width: 100%; bottom: -60px; color: #FFFFFF;}
	.list3_box1 li dt{font-size: 16px; text-align: center; line-height: 40px; height: 40px; padding: 0 10px;}
	.list3_box1 li dd{padding: 0 40px; line-height: 25px; height: 50px; padding-top: 5px; background: url(../pic/list3_li.png) no-repeat top; margin-bottom: 5px; -webkit-line-clamp: 2;}
	.list3_lable{font-size: 24px; border-left: 3px #2B5F8E solid; line-height: 24px; padding-left: 10px; margin-bottom: 20px; margin-left: 10px;}
	.list3_box2{border: 1px solid #DDDDDD; position: relative; padding: 20px 0; height: 80px; margin: 0 10px 50px;}
	.list3_box2 span.pic_middle{position: absolute; width: 29px; height: 80px; line-height: 80px; background: rgba(0,0,0,0.3); top: 50%; margin-top: -40px; cursor: pointer; display: none;}
	.list3_box2 span.btn_left{left: 0;}
	.list3_box2 span.btn_right{right: 0;}
	.list3_box2_pic{margin: 0 29px; overflow: hidden;}
	.list3_box2_pic ul{height: 80px;}
	.list3_box2_pic ul li{line-height: 80px; height: 80px; float: left;}
}
@media screen and (max-width: 767px) {
	.list3_box1{position: relative; overflow: hidden; margin-bottom: 60px;}
	.list3_box1 span.pic_middle{position: absolute; width: 30px; height: 60px; line-height: 60px; top: 50%; margin-top: -30px; background: rgba(0,0,0,.3); cursor: pointer; display: none;}
	.list3_box1 span.pic_middle:hover img{transform: scale(1.1);}
	.list3_box1 span.pic_middle.btn_left{left: 0;}
	.list3_box1 span.pic_middle.btn_right{right: 0;}
	.list3_box1 ul{margin-left: -10px; width: 9999999px; height: 300px;}
	.list3_box1 ul li{float: left; width: 390px; margin-left: 10px; height: 300px; overflow: hidden; position: relative;}
	.list3_box1 li p.pic_middle{line-height: 300px; height: 300px;}
	.list3_box1 li dl{background: #2B5F8E; transition: all 0.4s; position: absolute; width: 100%; bottom: -60px; color: #FFFFFF;}
	.list3_box1 li dt{font-size: 14px; text-align: center; line-height: 30px; height: 30px; padding: 0 10px;}
	.list3_box1 li dd{padding: 0 40px; line-height: 25px; height: 50px; padding-top: 5px; background: url(../pic/list3_li.png) no-repeat top; margin-bottom: 5px; -webkit-line-clamp: 2;}
	.list3_lable{font-size: 24px; border-left: 3px #2B5F8E solid; line-height: 24px; padding-left: 10px; margin-bottom: 20px; margin-left: 10px;}
	.list3_box2{border: 1px solid #DDDDDD; position: relative; padding: 20px 0; height: 50px; margin: 0 10px 50px;}
	.list3_box2 span.pic_middle{position: absolute; width: 29px; height: 50px; line-height: 50px; background: rgba(0,0,0,0.3); top: 50%; margin-top: -25px; cursor: pointer; display: none;}
	.list3_box2 span.pic_middle img{width: 10px;}
	.list3_box2 span.btn_left{left: 0;}
	.list3_box2 span.btn_right{right: 0;}
	.list3_box2_pic{margin: 0 29px; overflow: hidden;}
	.list3_box2_pic ul{height: 50px;}
	.list3_box2_pic ul li{line-height: 50px; height: 50px; float: left;}
}