@charset "utf-8";

.container {
	width: 1200px;
	margin: 0 auto;
}
.plr10{
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}

body{
	padding-top: 80px;
}
/* 顶部导航 */
.office-header{
	padding-top: 22px;
	padding-left: 2%;
	height: 80px;
	width: 100%;
	background-color: #fff;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	box-shadow: 0px 0px 10px 1px #ccc;
}
.logo-box{
	width: 153px;
	height: 36px;
}
.logo-box img{
	display: block;
	width: 100%;
	height: 100%;
}

/*城市名称 */
.head-city {
	font-size: 14px;
	color: #000;
	padding: 0px 0px 0px 30px;
	background: url(../images/selectionBox_icon.png) left 10px center no-repeat;
	position: relative;
	line-height: 20px;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	margin: 8px 0px 0px 10px;
}

.office-nav{
	width: 800px;
	overflow: hidden;
	height: 40px;
	margin-left: 1.4%;
}
.office-nav ul{
}
.phone-box{
	margin-right: 2%;
}
.office-nav li{
	float: left;
	font-size: 14px;
	color: #000000;
	line-height: 14px;
	padding: 12px 2px 12px 2px;
	margin-right: 28px;
	cursor: pointer;
}
.office-nav li:last-child{
	margin-right: 0px;
}

.phone-num{
	margin-top: 3px;
	margin-left: 10px;
}
.office-nav .active{
	font-size: 14px;
	font-weight: 700;
	color: #ce2222;
	border-bottom: 3px solid #ce2222;
}


/*图片轮播 start*/
.flexslider{
	position:relative;
	overflow:hidden;
	background-size: cover  !important;
	//background:url(../images/office-topic/loading.gif) 50% no-repeat;
}
.slides{
	position:relative;
	z-index:1;
}
.slides li{
	height: 600px;
	background-position: center;
	background-size: cover  !important;
	float: left;
	margin-right: -100%;
	position: relative;
	opacity: 0;
	display: block;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
}
.flex-control-nav{
	position:absolute;
	bottom:10px;
	z-index:2;
	width:100%;
	text-align:center;
}
.flex-control-nav li{
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 5px;
	*display:inline;
	zoom:1;
}
.flex-control-nav a{
	display:inline-block;
	width:13px;
	height:15px;
	line-height:40px;
	overflow:hidden;
	background:url(../images/office-topic/dot.png) right 0 no-repeat;
	cursor:pointer;
}
.flex-control-nav .flex-active{
	background-position:0 0;
}

.flex-direction-nav{
	position:absolute;
	z-index:3;
	width:100%;
	top:45%;
}
.flex-direction-nav li a{
	display:block;
	width:50px;
	height:100px;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	top:50%;
	margin-top: -25px;
}
.flex-direction-nav li a.flex-prev{
	left:80px;
	background:url(../images/office-topic/be-left-lb.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next{
	right:80px;
	background:url(../images/office-topic/be-right-lb.png) center center no-repeat;
}
/*图片轮播 end*/

/* 空间定制 */
.customize{
	height: 82px;
	width: 100%;
	background: #eeeeee;
}
.customize a{
	display: block;
	width: 180px;
	height: 44px;
	background-color: #ce2222;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	border-radius: 24px;
	margin-top: 19px;
}
.cust-text{
	width: 414px;
	height: 34px;
	background: url(../images/office-topic/cust-text_bg.png) no-repeat;
	background-size: cover;
	text-align: center;
	font-size: 16px;
	color: #000000;
	line-height: 34px;
	margin-top: 24px;
	margin-left: 23px;
}
.cust-phone{
	font-size: 20px;
	color: #333333;
	margin-top: 24px;
}
.cust-phone span{
	font-size: 26px;
	color: #333333;
}




/*公用title*/
.zs_title{
	text-align: center;
}
.title-bor{
	margin-bottom: 11px;
}
.title-bor h3{
	display: inline-block;
	font-size: 36px;
	color: #000;
	line-height: 36px;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: lighter;
	position: relative;
	font-weight: 400;
}
.zs_title p{
	font-size: 14px;
	color: #999999;
	line-height: 14px;
}
.title-bor i{
	display: block;
	width: 58px;
	height: 1px;
	background: #d8d8d8;
	position: absolute;
	top: 19px;
}
.title-bor .left{
	left: -57px;
}
.title-bor .right{
	right: -57px;
}
.mt70{
	margin-top: 70px;
}
/*公用title--*/




/* 经典案例 */
.case{
	margin-top: 30px;
}
.mt100{
	margin-top: 100px;
}
.mb35{
	margin-bottom: 35px;
}

/* .caseMenu{
	font-size:14px;
	height:34px;
	margin-bottom:30px;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	font-weight: 400;
} 
.caseMenu li{
	float: left;
	width: 120px;
	text-align:center;
}
.caseMenu li a{
	display:block;
	height:34px;
	line-height:34px;
	transition:all 0.1s;
	color:#000;
	position: relative;
}	



*/

/* 
*  by yangzhanguo
*  经典案例菜单样式修改 2015/05/29
*/
.caseMenu{
	font-size:.9vw;
	height:2vw;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	font-weight: 400;
}

.caseMenu li{
	float: left;
	width: 120px;
	text-align:center;
}
.caseMenu li a{
	display:block;
	height:2vw;
	line-height:2vw;
	transition:all 0.1s;
	color:#000;
	position: relative;
}
.slash{
	position: absolute;
	right: -2px;
	top: 0px;
	font-size: 15px;
	color: #ccc;
}
.caseMenu li.on a,.caseMenu li a:hover{
	background:#ce2222;
	color:#fff;
}
.caseMain{
	overflow:hidden;
	position:relative;
}
.caseBox li{
	float: left;
	width: 375px;
	height:297px;
	position:relative;
	margin:0 37px 0px 0;
	line-height:20px;
}
.caseBox li img{
	width:375px;
	height: 218px;
	transition: all 0.3s;
	display: block;
	overflow: hidden;
}
.caseBox li img:hover{
	/* border-radius: 8px; */
	box-shadow: 0px 0px 10px 2px #ccc;
}
.caseMain i {
	display: inline-block;
	height: 10px;
	width: 1px;
	background: #dddddd;
}
.font{
	text-align: center;
	height: 83px;
	padding-top: 15px;
	box-sizing: border-box;
}
.caseBox li h4{
	line-height: 16px;
	font-size: 16px;
	color: #000;
	font-weight:normal;
	overflow:hidden;
}
.caseBox li p span{
	font-size: 14px;
	line-height: 14px;
	color: #999999;
}
.caseBox li p{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.caseBox li.c3,.caseBox li.c6{
	margin-right:0;
	float: left;
	margin-left:0px;
}
.caseBox li.c9{
	float: right;
	margin-right:0;
}

.case-more{
	display: block;
	margin: 0 auto;
	width: 180px;
	height: 46px;
	border: 1px solid #e5e5e5;
	border-radius: 28px;
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	color: #333333;
	transition: all 0.3s;
	margin-top: 15px;
}
.case-more:hover{
	background: #ce2222;
	color: #fff;
}
body .hide{
	display: none;
}


/* 解读空间设计 */
.unfasten{
	height: 714px;
	background: #fafafa;
}
.unfasten .container{
	padding-top: 48px;
	box-sizing: border-box;
}
.unfasten-box{
	margin-top: 30px;
}
.unfasten-left{
	width: 160px;
	height: 548px;
	border-left: 1px dotted #999999;
	padding-left: 30px;
	box-sizing: border-box;
	margin-right: 24px;
}
.unfasten-item{
	width: 124px;
	height: 29px;
	background-color: #fafafa;
	border-radius: 25px;
	line-height: 29px;
	text-align: center;
	color: #333333;
	font-size: 14px;
	position: relative;
	margin-bottom: 6px;
	cursor: pointer;
}
.unfasten-item i{
	display: block;
	width: 13px;
	height: 13px;
	background: url(../images/office-topic/unfasten-item-ico.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 8px;
	left: -37px;
}
.unfasten-item b{
	display: block;
	width: 13px;
	height: 8px;
	background-color: #fff;
	position: absolute;
	left: -37px;
	top: 0px;
}
.unfasten-item.active{
	background-color: #ce2222;
	color: #fff;
	font-weight: 700;
}
.unfasten-item.active i{
	background: url(../images/office-topic/unfasten-item-ico-active.png) no-repeat;
	background-size: cover;
}
.unfasten-item:hover{
	background-color: #ce2222;
	color: #fff;
	font-weight: 700;
}
.unfasten-item:hover i{
	background: url(../images/office-topic/unfasten-item-ico-active.png) no-repeat;
	background-size: cover;
}

.unfasten-right{
	width: 1015px;
	height: 550px;
}
.unfasten-right-item{
	width: 1015px;
	height: 549px;
	cursor: pointer;
}
.unfasten-right-item>img{
	display: block;
	width: 100%;
	height: 100%;
}



/* 合作客户 */
.teamwork-box{
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-radius: 15px;
	border-radius: 0;
	margin-top: 30px;
}
.teamwork-item{
	width: 199.84px;
	height: 81px;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}
.teamwork-item img{
	display: block;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.bor-radio-l{
	border-top-left-radius: 15px;
}
.bor-radio-lb{
	border-bottom-left-radius: 15px;
}
.bor-radio-r{
	border-top-right-radius: 15px;
}


/*新增报名部分*/
.mete-room{
	height: 150px;
	background: url(../images/office-topic/biaodan_bg.jpg) no-repeat;
	background-position: center;
	margin-top: 70px;
	padding-top: 31px;
	box-sizing: border-box;
}
.mete-room p{
	font-size: 24px;
	line-height: 24px;
	color: #fff;
}
.mete-room p span{
	color: #fff;
	font-size: 12px;
	margin-left: 9px;
}
.mete-room .bor_1{
	display: inline-block;
	width: 2px;
	height: 24px;
	background-color: #fff;
	vertical-align: -4px;
	margin-right: 15px;
}
.input-box{

	height: 40px;
	border-radius: 20px;
	overflow: hidden;
	background-color: #fff;
	padding-left: 19px;
	box-sizing: border-box;
}
.input-box .bor_2{
	display: inline-block;
	width: 16px;
	height: 15px;
	background: url(../images/office-topic/input_ico2.png) no-repeat;
	background-size: contain;
	vertical-align: -2px;
}
.input-box .bor_3{
	display: inline-block;
	width: 10px;
	height: 16px;
	background: url(../images/office-topic/bd_ico2.png) no-repeat;
	background-size: contain;
	vertical-align: -3px;
}
.input-box span{
	display: inline-block;
	height: 10px;
	width: 1px;
	background-color: #dddddd;
	margin-left: 8px;
	margin-right: 6px;
}
.mete-room-btnbox .room-bjinput{
	width: 210px;
	height: 40px;
	border: none;
}

.mete-room-btnbox .room-btn {
	width: 173px;
	height: 40px;
	background-color: #ce2222;
	border-radius: 20px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
.mt18{
	margin-top: 18px;
}
.input-box p{
	display: inline-block;
	font-size: 14px;
	color: #000;
	line-height: 14px;
	margin-right: 6px;
}
input::-webkit-input-placeholder{
	color:#8f8f8f;
}
input::-moz-placeholder{
	/* Mozilla Firefox 19+ */
	color:#8f8f8f;
}
input:-moz-placeholder{
	/* Mozilla Firefox 4 to 18 */
	color:#8f8f8f;
}
input:-ms-input-placeholder{
	/* Internet Explorer 10-11 */
	color:#8f8f8f;
}
.acreage .bor_2{
	background: url(../images/office-topic/input_ico1.png) no-repeat;
	background-size: contain;
	vertical-align: -2px;
}

/* 竣工项目 */
.completion{
	padding-bottom: 70px;
}
.completion-box{
	margin-top: 30px;
}
.completion-img {
	width: 384px;
	height: 219px;
	overflow: hidden;
	cursor: pointer;
}
.completion-img img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.6s;
}
.completion-img:hover img{
	transform: scale(1.2, 1.2);
}
.completion-item {
	display: inline-block;
	width: 384px;
	margin-bottom: 17px;
}
.completion-text {
	height: 60px;
	background-color: #fff;
}
.completion-text p {
	font-weight: 400;
	line-height: 60px;
	font-size: 16px;
	color: #000;
}
.completion-text .fr {
	display: block;
	width: 130px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-color: #ffffff;
	color: #000;
	font-size: 14px;
	border-radius: 25px;
	cursor: pointer;
	margin-top: 14px;
	border: 1px solid #e5e5e5;
}
.mt60{
	margin-top: 60px;
}
.completion-text .fr:hover{
	background-color: #ce2222;
	color: #fff;
}
.completion-box {
	text-align: center;
}
.mr25{
	margin-right: 20px;
}


/* 智能报价 */
.quote{
	width: 100%;
	height: 440px;
	background: url(../images/office-topic/quote_bg.jpg) no-repeat;
	background-size: cover;
	padding-top: 60px;
	box-sizing: border-box;
}
.quote h3{
	font-size: 34px;
	color: #000000;
	line-height: 34px;
	text-align: center;
	font-weight: 400;
}
.quote-box{
	margin-top: 40px;
}
.quote-item{
	width: 395px;
	position: relative;
	transition: all 0.5s;
	cursor: pointer;
}
.quote-item:hover{
	margin-top: -10px;
	transform: all 1s;
}
.quote-num{
	height: 25px;
}
.quote-num img{
	display: block;
	height: 100%;
	margin: 0 auto;
}
.quote-radio{
	width: 152px;
	height: 152px;
	background: url(../images/office-topic/quote-item-bg.png) no-repeat;
	background-size: cover;
	margin: 0 auto;
	margin-top: 20px;
	padding-top: 40px;
	box-sizing: border-box;
}
.quote-radio p{
	width: 62px;
	font-size: 28px;
	color: #000000;
	letter-spacing: 3px;
	margin: 0 auto;
}
.quote-text{
	margin-top: 21px;
}
.quote-text p{
	font-size: 14px;
	color: #333333;
	text-align: center;
	line-height: 19px;
}
.arrow{
	display: block;
	width: 36px;
	height: 3px;
	background: url(../images/office-topic/arrow.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 123px;
	right: -27px;
}

/* 公开透明 */
.public{
	padding-top: 70px;
	padding-bottom: 70px;
}
.public>h3{
	font-size: 34px;
	color: #000000;
	font-weight: 400;
	text-align: center;
	line-height: 34px;
}
.public-box{
	margin-top: 40px;
}
.public-item{
	width: 390px;
	height: 138px;
	background: #eeeeee;
	padding-left: 27px;
	padding-top: 40px;
	box-sizing: border-box;
	margin-right: 15px;
	cursor: pointer;
	transition: all 0.4s;
}
.public-item:hover{
	box-shadow: 0px 0px 16px 3px #d6d6d6;
	margin-top: -6px;
}
.public-img{
	margin-right: 18px;
}
.public-img img{
}
.public-text{
	margin-top: 5px;
}
.public-text h5{
	font-size: 20px;
	color: #111111;
	line-height: 20px;
	font-weight: 400;
	margin-bottom: 15px;
}
.public-text p{
	font-size: 14px;
	color: #666666;
	line-height: 14px;
}
body .mr-none{
	margin-right: 0px;
}

/* 标准硬装 */
.hard-load{
	width: 100%;
	height: 801px;
	background: url(../images/office-topic/hard-load-bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.hard-load>h3{
	font-size: 36px;
	color: #ffffff;
	line-height: 36px;
	text-align: center;
	font-weight: 400;
	padding-top: 82px;
	box-sizing: border-box;
}
.hard-radio-box{
	margin-top: 57px;
	padding-left: 197px;
	box-sizing: border-box;
}
.hard-radio{
	width: 124px;
	text-align: center;
	margin-right: 112px;
}
.hard-radio-img{
	width: 110px;
	height: 110px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 23px;
	transition: all 1s;
	cursor: pointer;
}
.hard-radio-img:hover{
	transform: rotateY(180deg);
}
.hard-radio-img img{
	display: block;
	width: 100%;
	height: 100%;
}
.hard-radio-text{
	font-size: 20px;
	color: #ffffff;
}
.hard-load-box{
	margin-top: 50px;
}
.hard-load-item{
	width: 600px;
	height: 119px;
	background-color: #fff;
	padding-top: 38px;
	padding-left: 39px;
	box-sizing: border-box;
}
.hard-load-item.bg-gray{
	background: #dbdbdb;
}
.hard-load-num{
	width: 40px;
	margin-right: 20px;
}
.hard-load-num img{
	display: block;
	width: 100%;
}
.hard-load-text{

}
.hard-load-text h5{
	font-size: 18px;
	color: #000000;
	line-height: 18px;
	font-weight: 400;
	margin-bottom: 14px;
}
.hard-load-text p{
	font-size: 14px;
	color: #666666;
	line-height: 14px;
}
.last-hard p{
	line-height: 18px;
}


/* 项目施工工序 */
.serial{

}
.serial-box{
	margin-top: 40px;
	padding-left: 60px;
	box-sizing: border-box;
}
.serial-item{
	width: 118px;
	text-align: center;
	margin-right: 74px;
}
.serial-item-img{
	width: 118px;
	height: 118px;
	position: relative;
}
.serial-item-img img{
	display: block;
	width: 100%;
	height: 100%;
}
.serial-item-img i{
	display: block;
	width: 8px;
	height: 16px;
	background: url(../images/office-topic/arrow-right.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 54px;
	right: -28px;
}
.serial-item-text{
	margin: 0 auto;
	width: 100px;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	margin-top: 20px;
	padding-top: 3px;
	padding-bottom: 6px;
}
.serial-item-text h5{
	font-size: 16px;
	color: #000000;
	line-height: 16px;
	margin-bottom: 14px;
}
.serial-item-text p{
	font-size: 16px;
	color: #000000;
	line-height: 16px;
}
.serial-cutover{
	margin-top: 50px;
}
.cutover-left{

}

.cutover-left-item{
	width: 860px;
	height: 530px;
	position: relative;
}
.cutover-left-item>img{
	display: block;
	width: 100%;
	height: 100%;
}
.cutover-bot{
	width: 860px;
	height: 81px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 20px;
	box-sizing: border-box;
}
.cutover-bot-title{

}
.cutover-bot-title .bot-num{
	font-size: 30px;
	color: #ffffff;
	line-height: 81px;
	vertical-align: 0px;
	margin-right: 4px;
}
.cutover-bot-title span{
	font-size: 22px;
	color: #ffffff;
	vertical-align: 3px;
}
.cutover-bot-text{
	height: 38px;
	border-left: 1px solid #fff;
	padding-left: 20px;
	box-sizing: border-box;
	margin-top: 22px;
	margin-left: 20px;
}
.cutover-bot-text p{
	font-size: 14px;
	color: #ffffff;
	line-height: 12px;
	margin-bottom: 6px;
}
.cutover-bot-text p:first-child{
	margin-top:-6px;
	// margin-bottom: 12px;
}

.cutover-right{
	width: 330px;
	margin-left: 10px;
	height: 530px;
	overflow: hidden;
}
.cutover-right-item{
	width: 160px;
	height: 80px;
	border: 1px solid #e5e5e5;
	padding-top: 13px;
	box-sizing: border-box;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.cutover-right-num{
	font-size: 15px;
	color: #333333;
	width: 22px;
	height: 17px;
	padding-bottom: 5px;
	text-align: center;
	border-bottom: 1px solid #c1c1c1;
	margin: 0 auto;
}
.cutover-right-item p{
	font-size: 15px;
	color: #333333;
	line-height: 15px;
	text-align: center;
	margin-top: 13px;
}
.cutover-right-item.active{
	background-color: #ce2222;
	border-color: #ce2222;
}
.cutover-right-item.active .cutover-right-num{
	color: #fff;
	border-color: #fff;
}
.cutover-right-item.active p{
	color: #fff;
}
.cutover-right-item:hover{
	background-color: #ce2222;
	border-color: #ce2222;
}
.cutover-right-item:hover .cutover-right-num{
	color: #fff;
	border-color: #fff;
}
.cutover-right-item:hover p{
	color: #fff;
}

/* 优势服务 */
.superiority{
	background-color: #f3f3f6;
	height: 826px;
	padding-top: 70px;
	box-sizing: border-box;
}
.superiority-box{
	margin-top: 30px;
}
.strength-item{
	width: 358px;
	margin-right: 63px;
	margin-bottom: 20px;
}
body .mb-none{
	margin-bottom: 0px;
}
.strength-item-img{
	width: 358px;
	height: 160px;
	overflow: hidden;
	cursor: pointer;
}
.strength-item-img img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.8s;
}
.strength-item-img:hover img{
	transform: scale(1.2, 1.2);
}
.strength-item-text{
	text-align: center;
	box-sizing: border-box;
	padding-top: 20px;
	height: 100px;
	box-sizing: border-box;
}
.strength-item-text h4{
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	line-height: 16px;
	margin-bottom: 5px;
}
.strength-item-text p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.mb20{
	margin-bottom: 20px;
}

/* 底部 */
.footer{
	height: 60px;
	width: 100%;
	background: #858585;
	text-align: center;
	line-height: 60px;
	font-size: 14px;
	color: #ffffff;
}



/* 2025/05/28  by:yangzhanguo  */
/* 新增案例展示样式 */
#caseTop{
	display: flex;
	gap: 1.0416vw;
}
#caseList2{
	display: grid;
	grid-template-columns: 1fr 1fr;


	
gap: 1.0416vw;
}
#caseBottom{
	padding-top:1.0416vw ;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1.0416vw;
}
.firsetCase{
	width: 48.5416vw;
	height: 27.9166vw;
	position: relative;
	overflow: hidden;
}
.firsetCase img {
	width: 100%;
	height: 100%;
}
.firsetCase .text,.caseItem .text{
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: 0;
	bottom:0;
	color: #fff;
	height: 2.3958vw;
	line-height:2.3958vw ;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	padding: 0 1.0416vw;
	box-sizing: border-box;
	}
.firsetCase .text h4,.caseItem .text h4{
	font-size: .9375vw;
	font-weight: 400;
	max-width:10vw ;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.firsetCase .text p,.caseItem .text p{
	font-size: .7291vw;
}
/* 第一个和 第二个 caseItem*/

.caseItem{
	width:24.6875vw ;
	height: 13.4375vw;
	position: relative;
	overflow: hidden;
}
#caseBottom .caseItem:first-child,#caseBottom .caseItem:nth-child(2){
	width:23.75vw ;
}
.caseItem img {
	width: 100%;
	height: 100%;
	display: block;
}