.list {

display: flex;

padding: 30px 0;

}

.list_left {

width: 350px;

border-right: 1px solid #E2E2E2;

}

.list_left > div > h1 {

line-height: 70px;

}

.list_left > div:first-child ul > li > a {

display: inline-block;

padding: 20px 90px;

color: #898989;

border-bottom: 1px solid #E2E2E2;

font-size: 20px;

}

.list_left > div:first-child ul > li > a.active {

background: #D22829;

color: #fff;

}

.list_left > div:nth-child(2) {

margin-top: 100px;

}

.list_left > .bd ul {

margin-top: 10px;

margin-right: 5px;

}

.list_left > .bd ul a {

display: flex;

border-bottom: 1px solid #E2E2E2;

padding: 15px 10px 15px 0;

}

.list_left > .bd ul a > div:first-child {

width: 105px;

text-align: center;

}

.list_left > .bd ul a > div:first-child h1 {

color: #D12829;

margin-bottom: 15px;

font-family: Impact;

letter-spacing: 5px;

font-size: 40px;

}

.list_left > .bd ul a > span:nth-child(2) {

width: 5px;

height: 5px;

border-radius: 50%;

background: #D12829;

margin-top: 8px;

margin-right: 7px;

}

.list_left > .bd ul a > div:nth-child(3) {

flex: 1;

}

.list_left > .bd ul a > div:nth-child(3) > p:first-child {

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

text-align: justify;

font-size: 16px;

}

.list_left > .bd ul a > div:nth-child(3) > p:nth-child(2) {

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

text-align: justify;

font-size: 13px;

}

.list_right {

flex: 1;

}

.list_right > div:nth-child(3) {

width: 100%;

display: flex;

justify-content: center;

margin: 40px auto;

display: none;

}

.list_right > div:nth-child(3) > a {

width: 180px;

height: 50px;

color: #fff;

background-color: #D12829;

border-radius: 25px;

display: flex;

justify-content: center;

align-items: center;

font-size: 18px;

}

.list_right > div:nth-child(4) > div > a {

display: flex;

align-items: center;

border-bottom: 2px solid #E2E2E2;

padding: 20px 0;

margin-left: 20px;

}

.list_right > div:nth-child(4) > div > a > div:first-child {

width: 150px;

height: 120px;

display: flex;

justify-content: center;

align-items: center;

overflow: hidden;

display: none;

}

.list_right > div:nth-child(4) > div > a > div:first-child img {

width: 100%;

}

.list_right > div:nth-child(4) > div > a > div:nth-child(2) {

margin: 0 20px;

display: flex;

align-items: center;

flex-direction: column;

}

.list_right > div:nth-child(4) > div > a > div:nth-child(2) h1 {

color: #D12829;

font-family: Impact;

letter-spacing: 10px;

font-size: 50px;

margin-bottom: 30px;

margin-top: 20px;

}

.list_right > div:nth-child(4) > div > a > div:nth-child(3) {

flex: 1;

position: relative;

padding-left: 20px;

}

.list_right > div:nth-child(4) > div > a > div:nth-child(3) > span {

position: absolute;

top: 7px;

left: 0;

width: 8px;

height: 8px;

border-radius: 50%;

background: #D12829;

}

.list_right > div:nth-child(4) > div > a > div:nth-child(3) > div {

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 3;

-webkit-box-orient: vertical;

text-align: justify;

}

.list_right > div:nth-child(4) > div > a > div:nth-child(3) > p {

line-height: 1em;

font-size: 20px;

margin-bottom: 25px;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

}

.list_right > div:nth-child(2) {

display: flex;

margin-left: 20px;

display: none;

}

.list_right > div:nth-child(2) > div {

width: 50%;

}

.list_right .right {

background: #fff;

padding: 7px;

}

.list_right .left {

margin-right: 5px;

}

.list_right .left > a {

display: flex;

justify-content: center;

overflow: hidden;

position: relative;

height: 336px;

}

.list_right .left > a img {

height: 100%;

}

.list_right .left > a div {

position: absolute;

bottom: 0;

width: 100%;

height: 30px;

background: rgba(0, 0, 0, 0.5);

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

color: #fff;

display: flex;

align-items: center;

}

.list_right .left > a div span {

width: 7px;

height: 7px;

border-radius: 50%;

background: #D12829;

display: inline-block;

margin: 0 10px;

}

.list_right .right > div:first-child > p:first-child {

font-size: 18px;

color: #D12829;

text-align: center;

}

.list_right .right > div:first-child > p:nth-child(2) {

font-size: 12px;

text-align: center;

padding: 10px 0 7px 0;

border-bottom: 1px solid #E2E2E2;

}

.list_right .right > div:first-child > p:nth-child(3) {

text-align: justify;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 3;

-webkit-box-orient: vertical;

margin: 10px;

}

.list_right .right > div:first-child > div {

width: 100%;

display: flex;

justify-content: right;

margin: 7px 0 30px 0;

}

.list_right .right > div:first-child > div > a {

width: 110px;

height: 30px;

border-radius: 25px;

background: #E2E2E2;

display: flex;

justify-content: center;

align-items: center;

}

.list_right .right > div:nth-child(2) > a {

display: flex;

align-items: center;

border-bottom: 1px solid #E2E2E2;

padding: 5px 0;

}

.list_right .right > div:nth-child(2) > a > span:first-child {

width: 5px;

height: 5px;

border-radius: 50%;

background: #D12829;

}

.list_right .right > div:nth-child(2) > a > span:nth-child(2) {

width: 70%;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

margin: 0 10px;

}

.list_right > h1 {

line-height: 70px;

margin-left: 20px;

margin-bottom: 20px;

border-bottom: 1px solid #D22829;

display: inline-block;

width: 170px;

}

.right > div:nth-child(2) > a:first-child {

display: none;

}

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

.breadcrumb {

width: 98% !important;

}

.wapper {

width: 100%;

}

body {

background: #FFFFFF;

font-size: 14px;

}

.list-wapper {

background-color: #ffffff;

}

.list_right > div:nth-child(2) {

margin-left: 0;

}

.list {

display: flex;

padding: 30px 0;

flex-wrap: wrap;

}

.list > .list_left > div > ul {

display: flex;

flex-wrap: wrap;

}

.list > .list_left > div > ul > li {

margin: 7px;

}

.list_right {

flex: auto;

}

.list_left {

width: 100%;

}

.list_left > div:first-child ul > li > a {

padding: 20px 72px;

}

.kdsfj {

width: 90vw;

}

.about-us-mg-bottom-item img {

width: 150px;

height: 200px;

}

.swiper-container1 {

margin-bottom: 0;

}

.bd {

display: none;

}

.list_right > div:nth-child(4) > div > a {

padding: 20px 10px;

margin-left: 0;

}

.list_left > div > h1 {

margin-left: 20px;

}

.wapper {

width: 100%;

}

.list_right > div:nth-child(4) > div > a > div:nth-child(3) > p {

line-height: 1em;

font-size: 20px;

margin-bottom: 25px;

width: 575px;

word-break:keep-all;

white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;

}

}