@charset "UTF-8";

.swiper-button-prev{
	background-image: url("../images/icon/icon-prev.png");
}
.swiper-button-next{
	background-image: url("../images/icon/icon-next.png");
}

.qual_part{
	width: 100%;
    background: #fff;
    margin-top: 15px;
    -webkit-box-shadow: 0 2px 5px 0 #e0e0e0;
    -moz-box-shadow: 0 2px 5px 0 #e0e0e0;
    box-shadow: 0 2px 5px 0 #e0e0e0;
}
.qual_root{
	width: 800px;
	display: inline-block;
}

.qual{
	width: 780px;
	display: inline-block;
	border:1.5px solid #fff;
}
.qual:hover{
	border-color: #bf0000;
}
.qual .left{
	width: 60px;
	height:72px;
	display: inline-block;
	margin-left: 30px;
}
.qual .right{
	width: 680px;
	padding: 10px 30px 20px 30px;
	display: inline-block;
	vertical-align: top;
}
.qual .right1{
	padding-top: 30px;
}
.qual .right ul li{
	display: inline-block;
	margin-left: 20px;
	line-height: 30px;
}
.qual .grade2{
	background: url("../images/grade2.png") no-repeat;
	background-size:60px 60px;
	background-position: bottom;
}
.qual .grade3{
	height:91px;
	background: url("../images/grade3.png") no-repeat;
	background-size:60px 60px;
	background-position: bottom;
}
.qual .grade1{
	background: url("../images/grade1.png") no-repeat;
	background-size:60px 60px;
	background-position: bottom;
}


.case{
	width: 252px;
    height: 265px;
    background: #fff;
    display: inline-table;
    margin-left: 26px;
    padding: 16px 16px 25px 16px;
    border-radius:5px;
    -webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;/* Safari 和 Chrome */
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease;/* Firefox 4 */
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all; 
	-o-transition-timing-function: ease;/* Opera */
}
.case:hover{
	cursor:pointer;
	-webkit-transition:all 1s; 
    -moz-transition:all 1s;
    -o-transition:all 1s;
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-box-shadow:2px 2px 5px #333; 
    -webkit-box-shadow:2px 2px 5px #333;
    box-shadow:2px 2px 5px #333;
}
.case1{
	margin-left: 0px;
}
.case .case_img{
	width: 220px;
	height: 165px;
}
.case .case_name{
	margin-top: 10px;
	height: 45px;
}
.case .time{
	float: left;
    background: url(../images/icon/icon-time.png) no-repeat;
    background-size: 12px;
    background-position-y: 3px;
    font-size: 12px;
    color: #828282;
    text-indent: 18px;
    margin-top: 10px;
}
.case .look{
	float: right;
    background: url(../images/icon/icon-look.png) no-repeat;
    background-size: 19px;
    background-position-y: 2px;
    font-size: 12px;
    color: #828282;
    margin-top: -18px;
    text-indent: 21px;
}