.sm2024-bnr-index{
width:1010px;
/*padding-top:20px;*/
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.sm2024-bnr-index img{
max-width:100%;
height:auto;
border-radius:15px;
}
.sm2024-bnr-box{
/*border-radius:15px;*/
/*box-shadow:0px 0px 15px #ddd;*/
border-left:2px solid #07a3d2;
border-right:2px solid #07a3d2;
border-bottom:2px solid #07a3d2;
box-sizing:border-box;
}
.sm2024-bnr-box.box1{
background-color:#fff;
/*border-radius:15px;*/
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.sm2024-bnr-box-inner{
padding:20px 30px;
}
.sm2024-bnr-contents dl{
	width:100%;

}
.sm2024-bnr-contents dl dt{
width:100%;
margin-bottom:15px;
position: relative;
}
.sm2024-bnr-contents dl dt>h4{
color:#07a3d2;
line-height:100%;
font-size:18px;
position:relative;
letter-spacing: .15rem;
}
.sm2024-bnr-contents dl dt>h4::before,
.sm2024-bnr-contents dl dt>h4::after{
content: "";
position: absolute;
top:45%;
width: 70px;
height: 1px;
background-color:#07a3d2;
z-index:10;
}
.sm2024-bnr-contents dl dt>h4::before{
left:25%;
}
.sm2024-bnr-contents dl dt>h4::after{
right:25%;
}


.sm2024-banner-flex{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}

.sm2024-banner{
width:290px;
margin:0 auto;
text-align:center;
}
.sm2024-banner a{
display:block;
text-decoration:none;
}
.sm2024-img{
}
.sm2024-name>p{
display:none;
margin-top:10px;
font-size:16px;
color:#222;
}


@media screen and (min-width: 248px) and (max-width: 768px){

.sm2024-bnr-index{
width:96%;
/*padding-top:10px;*/
margin-bottom:10px;
}
.sm2024-bnr-index img{
border-radius:5px;
}
.sm2024-bnr-box-inner{
padding:15px 15px;
}
.sm2024-bnr-contents dl dt{
width:100%;
margin-bottom:10px;
}



.sm2024-bnr-contents dl dt{
cursor: pointer;
}
.sm2024-bnr-contents dl dt:after{
  content: "";
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  display: inline-block;
  width: 7px;
  height: 7px;
  transform: rotate(-135deg);
  position: absolute;
  right: 8px;
  top: 32%;
  transition: transform .4s;
}
.sm2024-bnr-contents dl dt.is-open::after{
transform: rotate(45deg);
}
.sm2024-bnr-contents dl dt:before{
  content: "";
background-color:#07a3d2;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 2px;
  top:0%;
border-radius:100px;
}
.sm2024-bnr-contents dl dd{
height: 0;
opacity: 0;
transition: height 0.4s, padding 0.4s, opacity 0.4s, display 0.4s;
}
.sm2024-bnr-contents dl dd.is-open{
height:auto;
opacity: 1;
}


.sm2024-bnr-contents dl dt>h4{
font-size:16px;
text-align:left;
}
.sm2024-bnr-contents dl dt>h4::before,
.sm2024-bnr-contents dl dt>h4::after{
display:none;
}

.sm2024-banner{
width:32%;
margin-bottom:0px;
}
.sm2024-name>p{
display:block;
margin-top:5px;
font-size:12px;
}

}