.article-detail{
margin-top: 40px;
margin-bottom: 0;
}
.artice-banner img{
height: 321px;
object-fit: contain;
}
.article-detail-content{
padding: 43px 205px 60px;
}
.breadcrumbs{
display: flex;
}
.breadcrumbs li{
font-size: 13px;
font-weight: 400;
font-family: var(--font3);
color: var(--primary-color);
letter-spacing: 0.5px;
}
.breadcrumbs li a{
color: #73787E;
position: relative;
padding-right: 30px;
display: inline-block;
}
.breadcrumbs li a::before,.breadcrumbs li a::after{
content: "";
position: absolute;
border-right: 1px solid #667085;
height: 32%;
z-index: -1;
right: 16px;
}
.breadcrumbs li a::before{
top: 30%;
transform: translateY(-50%);
transform: skewX(45deg);
}
.breadcrumbs li a::after{
bottom: 3px;
top: auto;
transform: skewX(-45deg);
}
.article-detail .article-detial-list h2{
font-size: 39px;
font-weight: 500;
font-family: var(--font1);
letter-spacing: 0.5px;
color: var(--black);
padding: 17px 0 15px;
line-height: 1.3;
}
.article-detail .article-detial-list span{
color: var(--primary-color);
font-size: 18px;
font-weight: 400;
font-family: var(--font3);
letter-spacing: -0.2px;
padding-bottom: 46px;
display: block;
}
.article-detail .article-detial-list p{
font-size: 18px;
font-weight: 400;
font-family: var(--font3);
color: #474C52;
letter-spacing: 0.2px;
line-height: 1.5;
}
.article-detail .article-detial-list h3{
font-size: 25px;
font-weight: 500;
font-family: var(--font1);
color: #474C52;
letter-spacing: 3.5px;
padding: 29px 0;
}
.article-detail .article-detial-list ul{
padding: 0 0 25px 26px;
}
.article-detail .article-detial-list ul li{
list-style-type: disc;
font-size: 18px;
font-family: var(--font3);
line-height: 1.5;
color: #474C52;
letter-spacing: 0.1px;
}
.article-detail .article-detial-list img{
margin: 43px 0 18px;
height: 397px;
object-fit: cover;
}
.article-detail footer{
margin-top: 0;
}
@media only screen and (min-width:768px) and (max-width:1280px) {
.article-detail{
margin-top: 3.125vw;
}
.artice-banner img{
height: 25.078vw;
}
.article-detail-content{
padding: 3.359vw 16.016vw 4.688vw;
}
.breadcrumbs li{
font-size: 1.016vw;
letter-spacing: 0.039vw;
}
.breadcrumbs li a{
padding-right: 2.344vw;
}
.breadcrumbs li a::before,.breadcrumbs li a::after{
right: 1.25vw;
}
.article-detail .article-detial-list h2{
font-size: 3.047vw;
letter-spacing: 0.135vw;
padding: 1.328vw 0 1.172vw;
}
.article-detail .article-detial-list span{
font-size: 1.406vw;
letter-spacing: -0.016vw;
padding-bottom: 3.594vw;
}
.article-detail .article-detial-list p{
font-size: 1.406vw;
letter-spacing: 0.016vw;
}
.article-detail .article-detial-list h3{
font-size: 1.953vw;
letter-spacing: 0.273vw;
padding: 2.266vw 0;
}
.article-detail .article-detial-list ul{
padding: 0 0 1.953vw 2.031vw;
}
.article-detail .article-detial-list ul li{
font-size: 1.406vw;
letter-spacing: 0.008vw;
}
.article-detail .article-detial-list img{
margin: 3.359vw 0 1.406vw;
height: 31.016vw;
}
}
@media all and (max-width:767.9px) {
.article-detail{
margin-top: 10.667vw;
}
.artice-banner img{
height: 111.733vw;
}
.article-detail-content{
padding: 9.6vw 0 21.867vw;   
}
.breadcrumbs li{
font-size: 3.467vw;
letter-spacing: 0.133vw;
}
.breadcrumbs li a{
padding-right: 8vw;
}
.breadcrumbs li a::before,.breadcrumbs li a::after{
right: 4.267vw;
}
.article-detail .article-detial-list h2{
font-size: 6.667vw;
letter-spacing: 0.125vw;
padding: 3.733vw 0 2.933vw;
line-height: 1.3;
}
.article-detail .article-detial-list span{
font-size: 4.267vw;
letter-spacing: -0.053vw;
padding-bottom: 12.267vw;
}
.article-detail .article-detial-list p{
font-size: 4.267vw;
letter-spacing: 0.053vw;
}
.article-detail .article-detial-list h3{
font-size: 6.667vw;
letter-spacing: 0.933vw;
padding: 10.667vw 0 6.933vw;
}
.article-detail .article-detial-list ul{
padding: 0 0 6.667vw 6.933vw;
}
.article-detail .article-detial-list ul li{
font-size: 4.267vw;
letter-spacing: 0.027vw;
}
.article-detail .article-detial-list img{
margin: 10.4vw 0 0vw;
height: 105.867vw;
}
}