.border { width: 100%; }

.img { width: 100%; }

.imgs { width: 100%; }

.nav { width: 100%; height: 80px; box-shadow: 0px 1px 0px 0px #E6E6E6; }

.nav ul { display: flex; align-items: center; justify-content: center; }

.nav ul li { padding-top: 32px; margin: 0 20px; font-size: 16px; color: #4D4D4D; }

.news { /* width: 1276px; */ margin-top: 82px; }

.news-border { margin-top: 54px; }

.news-border p { text-indent: 2em; font-size: 17px; color: #666666; line-height: 34px; }

.pic { display: flex; margin-top: 93px; }

.pic-img { width: 50%; }

.other { padding-left: 100px; flex: 1; background-color: #133984; }

.pic-top { margin-top: 12%; width: 128px; height: 32px; font-size: 32px; font-weight: 400; color: #FFFFFF; line-height: 30px; }

.pic-english { height: 12px; font-size: 16px; font-weight: 400; color: #FFFFFF; line-height: 30px; }

.pic-footer { padding-right: 17%; margin-top: 8%; }

.pic-footer p { font-size: 17px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 44px; }

.pic-footer p:first-child { margin-bottom: 5%; }

.times { margin-top: 80px; margin-bottom: 42px; }

.times .comm_title { color: #333333 !important; }

.times comm_small { color: #333333 !important; }

.times .times-other { margin-top: 92px; display: flex; }

.times .times-other img { width: 420px; height:540px }

.times .times-news { display: flex; flex-direction: column; overflow: auto; max-height: 540px; max-width:780px }

.times-news .t-news-top { display: flex; font-size: 18px; font-weight: bold; color: #333333; line-height: 30px; padding-left: 39px;  display:inline-block }

.times-news .t-news-top img { margin-top: 5px; width: 22px; height: 22px;    vertical-align: sub; }

.times-news .t-news-bor { font-size: 16px; font-weight: 400; color: #666666; line-height: 30px; margin-bottom: 52px; padding-left: 70px; }

.border-footer { width: 100%; height: 640px; background: url("../imgs/Companyprofile/07.jpg"); background-size: 100% 100% !important; }

.border-footer .comm_title { padding-top: 70px; color: #FFFFFF; }

.border-footer .card { padding-top: 57px; }

.border-footer .comm_small { color: #FFFFFF; }

.card { display: flex; }

.card .card_one { display: flex; align-items: center; flex-direction: column; width: 200px; height: 340px; background-color: #fff; text-align: center; margin-right: 16px; }

.card .card_one .big { font-size: 20px; font-weight: bold; color: #333333; line-height: 30px; padding-top: 50px; }

.card .card_one .bgc { margin: 0 auto; margin-top: 24px; width: 20px; height: 3px; background-color: #1B51BC; }

.card .card_one .small { padding: 30px 40px 0 40px; font-weight: 400; color: #666666; line-height: 30px; font-size: 15px;word-break:break-all; width:100% }

.card .card_one:nth-child(6) .small, .card .card_one:nth-child(2) .small { text-align: justify;text-justify:inter-ideograph }

@media screen and (max-width:768px) {
    .border { /* margin-top: 50px; */ }
    .border .imgs { width: 100%; }
    .nav ul li { margin: 0 10px; }
    .news-border { margin-top: 30px; }
    .news-border p { font-size: 14px; margin: 0 20px; line-height: 25px; }
    .pic { display: block; }
    .pic .pic-img { width: 100%; }
    .pic .other { overflow: hidden; padding: 0; text-align: center; }
    .pic .other .pic-top { width: 100%; margin-top: 10%; text-align: center; }
    .pic .other .pic-footer { padding: 0 20px 10%; }
    .times-other { display: flex; flex-direction: column; width: 100%; }
    .times .times-other img { width: 100%; }
    .times-other .times-news { padding-top: 40px; width: 100%; overflow: auto; }
    .times-other .times-news .t-news-top { display: flex; flex-direction: row; }
    .times-other .times-news .t-news-top img { width: 22px; margin-top: 5px; }
    .times-other .times-news .t-news-bor { padding-right: 30px; margin-bottom: 30px; }
    .border-footer { width: 100%; height: auto; }
    .card { display: block; }
    .card .card_one { width: 100%; text-align: center; height: auto; min-height: 160px; }
    .card .card_one .small { padding-bottom: 30px; }
}
