.case-list {
    height: 27.3rem;
    background: #F8FBFE;
    font-size: 3.2rem;
    border:0.2rem  solid #E8E8E8;
}
.case-list>ul {
    width: 89.3rem;
    margin: 0 auto;
}

.case-list>ul>li {
    float: left;
    width: 12.8rem;
    height: 27.7rem;
    line-height: 9.7rem;
    margin-left: 12.7rem;
    cursor: pointer;
}
.banner .swiper-slide p.pc{
	bottom: 8.2rem!important;
}
.banner .swiper-slide .title-h2{
	top: 52rem!important;
}

.banner .swiper-slide .title-p {
    top: 47rem!important;
}

.banner .swiper-slide .title-p1 {
    top: 60rem!important;
}

.case-list>ul>li:first-child {
    margin-left: 0;
}

.case-list li{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.case-list .line{
	display: inline-block;
	width:16rem;
	border-bottom: .8rem solid rgba(0,0,0,0);
}
.case-list .act{
	color: #338EF9;
}
.case-list .act .line {
	display: inline-block;
	width:16rem;
    border-bottom: .8rem solid #338EF9;
}

/* .case-list>ul>li:hover {
    color: #338EF9;
    border-bottom: .8rem solid #338EF9;
} */


.list-details>div {
    float: left;
    width: 33%;
    border: 0.2rem solid #E8E8E8;
    border-top: none;
    padding: 6.5rem;
    box-sizing: border-box;
    font-size: 2.2rem;
    color: #3F4150;
    line-height: 4.2rem;
}

.list-details>div>span {
    color: #8C94A4;
}

.list-details>div>a {
    font-size: 2.6rem;
    line-height: 3.9rem;
    display: block;
    height: 8rem;
    cursor: pointer;
}

.list-details>div>a:hover {
    color: #338EF9;
}

.list-details>div>p {
    width: 35.6rem;
    height: 8.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 2rem 0 8rem;
}

.list-details>div>img {
    width: 38.4rem;
}

.list-details .more-btn {
    width:35.6rem;
	height:13.6rem;
	border:0.2rem solid #338EF9;
	line-height:13.6rem;
	text-align:center;
	font-size:4.8rem;
	color:#338EF9;
	cursor:pointer;
	padding:0;
	margin:6rem 0 9rem;
}

.banner.detial .swiper-slide h2 {
    font-size: 3.6rem;
}

.banner.detial .swiper-slide p {
    font-size: 2.2rem;
}

.detial .news-right {
    width: 49rem;
    box-shadow:0rem 0rem 2.6rem 0rem rgba(208,208,208,0.5);
    padding: 4rem 5.2rem 5rem 4.8rem;
    box-sizing: border-box;
}

.content-box.detial {
    margin-top:17rem;
}

.detial .cont-left {
    font-size: 2.2rem;
    line-height: 4rem;
    width: 97.5rem;
    text-align: center;
}

.detial .cont-left p {
    margin-bottom:4rem;
    text-align: left;
}

.detial .cont-left img {
    margin-bottom: 4rem;
    width: 84.3rem;
}

.detial .news-right .title {
    font-size: 3.2rem;
    color: #3F4150;
    font-weight: 400;
    width: 13rem;
    margin-bottom: 3.5rem;
}

.detial .news-right .title>div {
    width: 3.8rem;
    height:0.4rem;
    background: #FF2852;
    margin: 0 auto;
	margin-top: 1rem;
}

.detial .cont-right {
    font-size: 2.2rem;
    padding-bottom: 2.2rem;
}

.detial .cont-right>div{
	padding: 2.5rem 0 2.2rem 0;
	border-bottom: 0.2rem solid #EAEAEA;
}

.detial .cont-right>div:first-child{
	padding-top: 0;
}

.detial .cont-right h6 {
    color: #8C94A4;
    line-height: 4.2rem;
    font-weight: 400;
    margin-bottom: 1.6rem;
}

.detial .cont-right p {
    line-height: 4rem;
}

.go-back {
    width: 16.2rem;
    height: 5.6rem;
    line-height: 5.6rem;
    border: 0.2rem solid #338EF9;
    font-size: 1.8rem;
    color: #338EF9;
    text-align: center;
    cursor: pointer;
    margin: 8.3rem 0;
}
.swiper-slide{
	height: auto!important;
}
.list-details.page-show>div:nth-child(2),.list-details.page-show>div:nth-child(5),.list-details.page-show>div:nth-child(8){
	border-left: none;
	border-right: none;
}
.page-box{
	width: 100%!important;
	display: flex;
	justify-content: center;
}