@charset "UTF-8";


.case{margin: 0 auto !important;}

.case_list{width: 98%;height: auto;overflow: hidden;margin: 0 auto;}
.case_list a{width: 33.1%;float: left;height: auto;background-color: #042943;color: #fff;text-align: center;font-size: 2.5rem;margin: 0.3% 0 0 0.3%;border-radius: 5px;cursor: pointer;padding: 0.5% 0;}
.case_list a:nth-child(1){margin-left: 0;}
.case_list a:nth-child(4){margin-left: 0;}
.case_list a.active{background-color: #ff8518;}
.case_list a span{display: block;font-size: 1rem;/*text-transform: uppercase;*/margin-top: -6%;}

.all_look{width: 98%;height: auto;margin: 3% auto;overflow: hidden;}
.all_look .tit_home span{margin-bottom: 2%;}
.all_look a{width: 32.5%;display: inline-block;font-size: 1.6rem;text-align: center;color: #fff;margin-top: 1%;padding: 1.5% 0;border-radius: 5px;}
.look1{background-color: #7061b8;}
.look2{background-color: #4fa3b7;}
.look3{background-color: #e64784;}
.look4{background-color: #c6a14e;}
.look5{background-color: #43c273;}
.look6{background-color: #e25c59;}
.look7{background-color: #d849cc;}
.look8{background-color: #95bb54;}
.look9{background-color: #46b8ae;}


.case_box{width: 100%;background-color: #fff;overflow: hidden;}
.case_box .case_more{width: 49% !important;margin: 2% auto 0;}
.case_box a.rightf{background-color: #004986;}
.case_box dl{width: 100%;height: auto;margin: 2% auto 0;background-color: #ececec;padding: 3% 0;overflow: hidden;}
.case_box dl:first-child{margin-top: 0;}
.case_box dl dt{width: 98%;margin: 0 auto;}
.case_box dl dd{width: 98%;margin: 0 auto;}

.list_fy{background-color: #ececec;}


@media screen and (min-width:320px) and (max-width:359px){
	.case_list a{font-size: 2rem;}
}
@media screen and (min-width:375px) and (max-width:414px){
	
}	
@media screen and (min-width:376px) and (max-width:400px){
	
	
}	
@media only screen and (min-width: 401px){
	
}	
@media only screen and (min-width: 428px){

}	
@media only screen and (min-width: 640px){	

	.case_list a{font-size: 30px;}
	.case_list a span{font-size: 16px;margin-top: -8px;}
}