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

}

.message-content {

margin-left: 20px;

}

.form-item{

padding: 10px 0 10px 140px;

}

.form-item input,

.form-item-input textarea{

width: 100%;

border-radius: 8px;

}

.form-item-input select{

padding: 3px 20px;

color: #D12829;

border-radius: 5px;

}

.form-item label{

background: #D12829;

color: #fff;

border-radius: 8px;

}

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

}

.message-content{

padding: 20px;

}

}