.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;

display: none;

}

.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>h1 {

line-height: 70px;

margin-left: 20px;

margin-bottom: 20px;

border-bottom: 1px solid #D22829;

display: inline-block;

width: 170px;

}

.xmtjz {

margin-left: 20px;

display: flex;

flex-wrap: wrap;

}

.xmtjz>div {

width: 25%;

box-sizing: border-box;

}

.xmtjz>div:hover>:nth-child(2),

.xmtjz>div:hover>:first-child>span {

display: block;

}

.xmtjz>div>div:first-child {

display: flex;

justify-content: center;

align-items: center;

height: 130px;

border: 1px solid #E2E2E2;

position: relative;

}

.xmtjz>div>div:first-child>img {

width: 186px;

}

.xmtjz>div>div:first-child>span {

position: absolute;

bottom: 0px;

width: 0;

height: 0;

border-left: 13px solid transparent;

border-right: 13px solid transparent;

border-bottom: 15px solid #D12829;

display: none;

}

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

position: relative;

width: 400%;

padding: 20px;

box-sizing: border-box;

display: none;

border-left: 1px solid #E2E2E2;

border-right: 1px solid #E2E2E2;

}

.xmtjz>div:nth-child(4n-1)>div:nth-child(2) {

left: -414px;

}

.xmtjz>div:nth-child(2n)>div:nth-child(2) {

left: -207px;

}

.xmtjz>div:nth-child(4n)>div:nth-child(2) {

left: -621px;

}

.xmtjz>div:first-child>div:nth-child(2),

.xmtjz>div:nth-child(4n+1)>div:nth-child(2){

left: 0;

}

.yqlj {

display: flex;

width: 100%;

}

.yqlj>div:first-child {

display: flex;

justify-content: center;

align-items: center;

overflow: hidden;

margin-right: 20px;

}

.yqlj>div:first-child>img {

width: 100%;

}

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

flex: 1;

}

.menu {

display: flex;

justify-content: space-between;

}

.yqlj>div:nth-child(2)>p:first-child,

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

padding: 15px 20px 15px 0;

font-size: 20px;

border-bottom: 2px solid #D12829;

display: inline-block;

}

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

text-align: justify;

margin: 20px 0;

text-indent: 2em;

}

.yqlj>div:nth-child(2)>div:nth-child(3)>a,

.yqlj1>a {

white-space: nowrap;

color: #D12829;

overflow: hidden;

text-overflow: ellipsis;

}

.yqlj>div:nth-child(2)>div:nth-child(3)>div,

.yqlj1>div {

display: flex;

}

.yqlj>div:nth-child(2)>div:nth-child(3)>div>div,

.yqlj1>div>div {

overflow: hidden;

text-align: center;

}

.yqlj>div:nth-child(2)>div:nth-child(3)>div>div>img,

.yqlj1>div>div>img {

height: 70px;

}

.yqlj>div:nth-child(2)>div:nth-child(3)>div>div>p,

.yqlj1>div>div>p {

line-height: 20px;

}

.yqlj>div:nth-child(2)>div:nth-child(3)>div>div+div,

.yqlj1>div>div+div {

margin-left: 10px;

}

.yqlj .yqlj1 {

display: block;

}

.yqlj .yqlj1>div {

flex-wrap: wrap;

margin-top: 15px;

}

.yqlj .yqlj1>div>div+div {

margin-left: 0 !important;

}

.yqlj .yqlj1>div>div {

width: 18% !important;

height: auto !important;

margin-bottom: 10px;

}

.yqlj .yqlj1>div>div>img {

height: 100px !important;

}

.yqlj .yqlj1>div>div:not(:nth-child(5n)) {

margin-right: calc(5% / 2);

}

@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;

}

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

width: 150px;

height: 200px;

}

.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%;

}

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

width: 200%;

}

.xmtjz>div:nth-child(2n)>div:nth-child(2) {

left: -371px;

}

.xmtjz>div:nth-child(4n-1)>div:nth-child(2) {

left: 0;

}

.xmtjz>div {

width: 50%;

}

}