/*public*/
.fl{display:inline;float:left;}
.fr{display:inline;float:right;}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden;}

.cf {
	zoom: 1;}
.pb10{padding-bottom:10px;}
.mt10{margin-top:10px;text-align:center;}
/*main*/
@media screen and (min-width: 1000px){

}

.case {
	width: 250px;
	margin: 10px auto;
	/*background: #fff;*/
	padding: 15px;
	/*box-shadow: 0 0 10px #ccc;*/
	position: absolute;
	top:90px;
	right: 220px;}
@media screen and (max-width: 999px){
	.case{
		right: calc(50% - 140px);
		top: 280px;}
}

.case .title {
	height: 20px;
	/*border-bottom: 3px solid #e7e7e7;*/
	padding-bottom: 10px;}
.case .title h2{ font-size: 20px;font-family: "microsoft yahei";}
.case .title-list{ position: relative; top: 6px;}


.case .title-list li {
	width: 78px;
	line-height: 30px;
	text-align: center;
	float: left;
	display: inline;
	/*border-radius: 40px;*/
	border: 1px solid gray;
	color: gray;
	margin-left: 2px;}

.case .title-list li.on {
	color: white;
	background-color: #1093d5;}

.case .title-list p {
	position: absolute;
	top: 24px;
	left: 0px;
	width: 78px;
	height: 7px;
	border-top: 3px solid #0c4ebf;
	overflow: hidden;
	text-align: center;}

.case .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #0c4ebf #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}

.qls ul{
	position: absolute;
	left: 0px;
	width: 255px;}

@media screen and (min-width: 1000px){

}
.qls {
	height: 550px;
	position: relative;
	overflow: hidden;
	display: none;
	margin-top: 20px;}
.qls-wrap .show{ display: block;}

.qls-wrap .qls li {
	float: left;
	display: inline;
	margin-left: 18px;
	/*background: #f3f3f3;*/
	height: 110px;
	position: relative;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;}
.qls-wrap .qls ul li:nth-child(odd){
	margin-left: 8px;}
.qls-wrap .qls ul li:nth-child(even){
	margin-left: 3px;}


.qls-wrap .qls li.ml0 {}

.qls-wrap .qls li a.imgwrap {
	display: block;
	width: 120px;
	height: 95px;
	background: #4e978e;
	text-align: center;
        border-radius: 4px;}



.qls-wrap .qls ul :nth-child(2n)  a.imgwrap{background:#5eb3bf;}
.qls-wrap .qls ul :nth-child(3n)  a.imgwrap{background:#3c98b3;}
.qls-wrap .qls ul :nth-child(4n) a.imgwrap{background:#386fb2;}
.qls-wrap .qls ul :nth-child(5n) a.imgwrap{background:#635cbd;}
.qls-wrap .qls ul :nth-child(6n) a.imgwrap{background:#7d6cb5;}
.qls-wrap .qls ul :nth-child(7n) a.imgwrap{background:#56aab6;}
.qls-wrap .qls ul :nth-child(8n) a.imgwrap{background:#48969f;}
.qls-wrap .qls ul :nth-child(9n) a.imgwrap{background:#3790aa;}
.qls-wrap .qls ul :nth-child(10n) a.imgwrap{background:#2ab2d9;}


.qls-wrap .qls li a.imgwrap:hover{ background: #ff9900;}
.qls-wrap .qls li p {
	color: white;
	line-height: 22px;
	position: absolute;
	top:70px;
	font-size: smaller;
	width: 120px;
	text-align: center;}
.qls-wrap .qls li p.fuwuqi{
	font-size: 8px;}
.qls-wrap .qls li p a{ color: #666666; text-decoration: none;}
.qls-wrap .qls li p a:hover{ color: #0c4ebf; text-decoration: none;}