.demo1 {
    max-width: 100vw;
}

.header {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9;
    width: 100%;
}

.header::before {
	position: absolute;
	display: block;
	width: 100%;
	background: url("../images/header-bg.png");
	content: "";
	top: 0px;
	left: 0px;
	height: 300px;
	z-index: 0;
}



.wrap {
    height: 950px;
    display: flex;
    flex-direction: column;
}

.banner .swiper-pagination-bullet,
.banner .swiper-button-next,
.banner .swiper-button-prev,
.specialContent .swiper-button-next,
.specialContent .swiper-button-prev {
    border: 1px solid transparent;
    outline: none;
}

.tab_bar_box {
    display: none;
}

.headSearch {
    position: relative;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 50px;
    margin-right: 80px;
    padding: 0px 11%;
    box-sizing: border-box;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.3) 100%);
    transition: top .5s ease-in-out;
}

.line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 121%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
}

.headSearch.hidden {
    position: relative;
    top: -50px;
}

.headSearch .lineClass,.headSearch .schoolClass{
    margin-right: 20px;
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-weight: 600;
}
.headSearch .lineClass{display:none;}
.searchClass {
    display: flex;
    background-color: rgb(153, 153, 153);
    padding: 0px 6px;
    border-radius: 20px;
    height: 30px;
}

.inputClass {
    background-color: rgb(153, 153, 153);
    height: 24px;
    border-radius: 20px;
    border-width: 0px;
}

.searchClass input:focus {
    border: 1px solid transparent;
    outline: none;
}

.headSearch .searchButton {
    margin: auto 6px;
    background: url("../images/homeSearch.png") 0% 0% / 100% 100%;
    width: 14px;
    height: 14px;
    outline: none;
    border: none;
    margin-top: 8px;
}

.schoolClass a {
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.schoolClass a:hover {
    color: rgb(255, 200, 37);
}

.headSearch img {
    margin-right: 130px;
}

.friendshipLinkContent a:hover {
    color: rgb(255, 200, 37);
}

.tab_bar {
    width: 100vw;
    width: -webkit-fill-available;
    height: 132px;
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    justify-content: space-around;
    padding: 0 20px;
    position: fixed;
    top: 50px;
    transition: background-color, top 0.3s ease, color 0.3s ease;
}

.space-between {
    justify-content: space-between;
}

.tab_bar.active {
    background: #144fa7;
    position: fixed;
    top: 0;
    color: #5e80ab;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.tab_bar.active .logo img{margin-top:8px;}
.tab_bar>.tabs>.tab {
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.tab_bar>.tabs>.tab:hover {
    color: rgb(255, 200, 37);
}
.tab_bar>.tabs>.tab a{color:#fff;}
.tab_bar .logo {
    height: 110px;
    width: 439px;
    background-size: contain;
    background-position: center;
    margin-left: -19%;
}

.tab_bar .tabs {
    height: 78px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 28px;
    color: rgb(255, 255, 255);
    margin-left: -13%;
    position: relative;
}


.hidden {
    display: none !important;
}

.tab_bar .action_block {
    height: 78px;
    display: flex;
    align-items: center;
    background: #fefefe;
}


.tab_bar .tabs .tab {
    padding: 10px 0;
    position: relative;
    display: block;
    text-align: center;
}

.tab_bar>.tabs>.tab {
    cursor: pointer;
    padding: 0px 16px;
    font-size: 20px;
    color: rgb(255, 255, 255);
    font-weight: 600;
}

.overviewTabContent {
    display: none;
    position: absolute;
    top: 100%;
    flex-direction: column;
    align-items: center;
    font-size: .75em;
    padding-top: 10px;
    color: rgb(255, 255, 255);
    width: 165%;
    left: -32%;
}

.tab_bar .tabs .tab:hover .overviewTabContent {
    display: flex;
}
.overviewTabContent a{font-weight:normal;}
.overviewTabContent>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgb(76, 114, 176);
    margin-top: 14%;
}

.overviewTabContent>div div:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgb(255, 200, 37);
}

.overviewTabContent>div div {
    padding: 10px 15px;
}

.contentTitleClass {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px;
}

.tab_bar .tabs .tab:hover .overviewTabContent:before {
    content: "";
    width: 25%;
    height: 2px;
    background-color: rgb(255, 200, 37);
    position: absolute;
    top: 21px;
}

.tab_bar .tabs:hover .overviewTabContent {
    color: rgb(255, 255, 255);
}

.middleImgClass {
    width: 800px;
    height: 60px;
}

.personnelItemImg {
    height: 220px;
    z-index: 1;
    transition: all 0.5s ease-out 0s;
}

.personnelItemImg>div {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.perContentList {
    position: relative;
    z-index: 2;
    background: #fff;
}

.personnelTitleImgClass .active {

    z-index: 1;
}

.personnelItemClass:hover .personnelItemImg {

    transform: scale(1.2);
}

.personnelItemClass:hover {

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.middleImg {
    margin: 220px 0px 0px 150px;
    max-width: 200px;
    max-height: 273px;
    background-size: 100% 100%;
}

.newsNoticeClass {
    display: flex;
    background: url("../images/newsbackground.png") 0% 0% / 100% 100%;
}

.newsDiv {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 46.5px;
    border-bottom: 1px dashed rgb(153, 153, 153);
}

.newsContentClass {
    display: flex;
    margin: auto 0px;
    width: 80%;
    height: 100%;
}

.newsSecondRight {

    width: 49%;
}

.newsBlueClass {
    margin: auto 10px;
    width: 5px;
    height: 5px;
    min-width: 5px;
    border-radius: 3px;
    background-color: rgb(55, 144, 255);
}

.newsNotice {
    margin: 40px auto;
    display: flex;
    justify-content: space-between;
}

.newsTitleContent {
    display: flex;
    margin: auto 0px;
}

.news {
    width: 66%;
}

.newsFirstLine {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
}

.newsSecondLine {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: calc(100% - 90px);
}

.newsFirstLeft .spImg,
.noticeFirstLeft .spImg {
    margin-top: 18px;
    margin-right: 10px;
}

.specialFirstLine .spImg {
    margin-top: 4px;
    margin-right: 10px;
}

.newsFirstLeft .newsText li,
.noticeFirstLeft .newsText li,
.specialFirstLine .newsText li {
    display: flex;
    flex-direction: column;
}

.newsFirstLeft .tit,
.noticeFirstLeft .tit,
.specialFirstLine .tit {
    margin-bottom: 2px;
}

.newsText span,
.noticeFirstLeft .newsText span,
.specialFirstLine .newsText span {
    font-size: 10px;
}

.newsFirstLeft ul,
.noticeFirstLeft ul,
.specialFirstLine ul {
    display: flex;
    align-items: center;
}

.newsSecondLeft {
    width: 48.5%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    font-size: 16px;
}

.newsSecondLeft .newsSecondLeftImg {
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-out 0s;
    height: calc(100% - 90px);
}

.newsSecondLeft:hover .newsSecondLeftImg {
    transform: scale(1.1);
}

.newsSecondLeft .newsSecondLeftImg .swiper-wrapper {
    height: 100%;
}

.newsSecondLeft .newsSecondLeftImg .swiper-wrapper .swiper-slide>div {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.news .newsFirstLine a:hover,
.notices a:hover {
    color: rgb(203, 153, 0);
}

.newsRightTitleClass {
    margin-left: 10px;
    height: 100%;
}

.newsTitleClass {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    font-size: 10px;
    border-bottom: 2px dotted rgb(121, 120, 120);
}

.newsRightTitle {
    display: flex;
    align-items: center;
}

.dotImgClass {
    margin-right: 5px;
}

.newsTitleText {
    margin: auto 0px;
    font-size: 16px;
   
    padding-right: 1px;
}

.newsTitleText>a:hover {
    color: rgb(23, 44, 237);
}

.newsTimeText {
    margin: auto 0px;
    font-size: 16px;
}

.newsSecondLeftContent {
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
    background: #fff;
    height: 90px;
    padding-left: 19px;
    margin-top: 10px;
}

.contentTitleClass>a {
    color: rgb(0, 80, 160);
    font-weight: 550;
    font-size: 16px;
}

.timeClass {
    padding-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.timeImgClass {
    padding-right: 5px;
    display: flex;
    align-items: center;
}

.timeText {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: rgb(153, 153, 153);
}

.notices {
    width: 31.5%;
}

.noticesFirstLine {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 80px;
}

.noticesSecondLine {
    background-color: rgb(255, 255, 255);
}

.noticesSecondContent .noticeContent:first-child {
    margin-top: 0px;
}

.noticesSecondContent .noticeContent:last-child {
    margin-bottom: 0px;
}

.noticesSecondContent a {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.contactContentSecondLine .ContentColumn div{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 204px;
    margin: 5px 0;
}
.noticesSecondContent p {
    width: calc(100% - 93px);
    line-height: 27px;
}

.noticeContent {
    display: flex;
    height: 73px;
    transition: all 0.5s ease 0s;
    margin: 4px 0px 3px;
    padding: 11px 0px 7px;

}

.noticeContent p {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.noticeContent:hover {
    background: rgb(6, 95, 172);
}

.noticeContent:hover .noticeTimeContent {
    background: transparent;
}

.noticeContent:hover .noticeTimeContent {
    color: rgb(255, 255, 255);
}

.noticeTimeContent:hover {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.noticeContent:hover a p {
    color: rgb(255, 255, 255) !important;
}

.noticeTimeContent {
    width: 80px;
    height: 54px;
    background: rgb(234, 246, 255);
    padding: 8px 0px 20px;
}

.noticeTimeText {
    width: 80px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgb(234, 245, 255);
}

.noticeTimeTextDay {
    font-size: 20px;
    text-align: center;
    /* padding-top: 0px; */
}

.noticeTimeTextYear {
    font-size: 12px;
    text-align: center;
}

.noticeTitleContent {
    display: flex;
    align-items: center;
}

.noticeTitleText {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
}

.noticeFirstRight>a>img {
    border-radius: 13px;
}

.noticeFirstLeft {
    margin-left: 10px;
}

.newsFirstRight {
    padding-top: 4px;
    padding-left: 12px;
    font-weight: bold;
    background-image: url("..//images/more01.png");
    width: 86px;
    height: 26px;
    color: rgb(255, 255, 255);
}

.personnelClass {
    display: flex;
    flex-direction: column;
    background-image: url("../images/blueB.png");
    background-size: 100% 100%;
}

.personnelContent .list {
    top: 168px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 50px;
}

.personnelItemClass {
    list-style-type: none;
    /* padding: 0;   */
    display: flex;
    flex-direction: column;
    margin: 0px;
    width: 23%;
    height: 88%;
    background-color: white;
    overflow: hidden;
    position: relative;
    font-size: 16px;
}

.personnelTitleViewClass ul li:hover~.content {
    display: block;
}

.personnelItemImg {
    width: 23%;
    min-width: 100%;
    background-size: 100% 100%;
    z-index: 1;
}

.search_an {
    display: none;
}

.personnelTitleViewClass {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px auto;
    width: 100%;
}

.personnelTitleClass {
    margin: 14px auto 10px;
    max-width: 90%;
    /* min-height: 2%; */
    line-height: 27px;
    /* font-size: 14px; */
    color: rgb(51, 51, 51);
    font-weight: 700;
    display: -webkit-box;
    /* 忙鈥斅♀�瀎lexbox茂录艗莽鈥澛ぢ号絊afari氓鈥櫯扖hrome莽拧鈥灻ε嘎惷ぢ衡�好р�八喢ε撀� */
    -webkit-line-clamp: 2;
    /* 茅鈩⒙惷ニ喡睹λ溌久ぢ好♀�灻∨捗︹�⒙� */
    -webkit-box-orient: vertical;
    /* 氓啪鈥毭р�郝疵︹�撀姑ヂ愨�樏ε解�櫭ニ嗏�斆ヂ惷モ�ζ捗绰� */
    overflow: hidden;
    /* 茅拧聬猫鈥斅徝β郝⒚モ�÷好♀�灻モ�犫�γヂ� */
    text-overflow: ellipsis;
    /* 猫露鈥γモ�÷好┢捖ニ嗏�犆р�澛撀伱р�⒙ッヂ徛访÷ぢ好寂捗ぢ解�犆ヅ撀库劉茅鈥∨捗ヂ徛р�澛ぢ号矫ヂ嶁�⒚∨捗︹�撯�∶ε撀β郝⒚モ�÷� */
    height: 54px;
}

.personnelContentClass {
    margin: 6px auto 20px;
    max-width: 90%;
    line-height: 24px;
    color: rgb(153, 153, 153);
    font-size: 14px;
    text-align: justify;
    display: -webkit-box;
    /* 忙鈥斅♀�瀎lexbox茂录艗莽鈥澛ぢ号絊afari氓鈥櫯扖hrome莽拧鈥灻ε嘎惷ぢ衡�好р�八喢ε撀� */
    -webkit-line-clamp: 3;
    /* 茅鈩⒙惷ニ喡睹λ溌久ぢ好♀�灻∨捗︹�⒙� */
    -webkit-box-orient: vertical;
    /* 氓啪鈥毭р�郝疵︹�撀姑ヂ愨�樏ε解�櫭ニ嗏�斆ヂ惷モ�ζ捗绰� */
    overflow: hidden;
    /* 茅拧聬猫鈥斅徝β郝⒚モ�÷好♀�灻モ�犫�γヂ� */
    text-overflow: ellipsis;
    /* 猫露鈥γモ�÷好┢捖ニ嗏�犆р�澛撀伱р�⒙ッヂ徛访÷ぢ好寂捗ぢ解�犆ヅ撀库劉茅鈥∨捗ヂ徛р�澛ぢ号矫ヂ嶁�⒚∨捗︹�撯�∶ε撀β郝⒚モ�÷� */
}

.personnelDetailsClass {
    margin: 12px auto 16px 13px;
    color: rgb(0, 105, 199);
    font-family: Georgia;
    font-style: italic;
    font-weight: bolder;
}

.personnelTitleImgClass {
    display: flex;
    align-items: center;
    margin-left: 20%;
}

/* .personnelTitleImgClass .active::before{
    background-image: url(../images/personnelTraining.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    content: '';
    width: 14%;
    height: 74px;
    position: absolute;
    bottom: 0px;
    left: 21%;
    z-index: -1;
} */
.personnelTitleImgClass .active {
    background-image: url(../images/personnelTraining.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;

}

.personnelTitleImgClass li {
    margin: 0px 17.5px;
    padding: 8px 35px 0px;
    height: 72px;
}

.personnelTitleImgClass li:hover {
    background-image: url("../images/personnelTraining.png");
}


.personnelTitleImgClass li a {
    display: block;
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: bold;
    white-space: nowrap;
}

.personnelMore {
    position: relative;
    top: -105px;
    left: 88%;
    width: 69px;
    height: 27px;
    /* background-color: #4CAF50; */
    border: 1px solid rgb(255, 255, 255);
    /* color: rgb(255, 255, 255); */
    border-radius: 30% / 100%;
    padding: 2px 6px;
}

.personnelMore a {
    color: rgb(255, 255, 255);
}

.personnelMore a:hover {
    color: rgb(203, 153, 0);
}

.specialClass {
    height: 432px;
    background-image: url("../images/friendshipLink.png");
}


.specialFirstLine {
    display: flex;
    align-items: end;
    justify-content: center;
    height: 100px;
    margin-bottom: 40px;
}

.specialThirdLine {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
}

.friendshipLinkText {
    display: flex;
    margin-top: 45px;
}

.friendshipLinkContent>ul>li {
    margin-right: 62px;
    list-style-type: disc;
    font-size: 16px;
}

.friendshipLinkContent {
    display: flex;
    margin-left: 21px;
}

.friendshipLinkContent a {
    align-items: center;
    font-size: 16px;
    line-height: 27px;
    /* display: flex; */
    margin: 0px 0px;
    position: relative;
    padding-left: 17px;
    margin-right: 17px;
}

.friendshipLinkContent a::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: rgb(0, 0, 0);
    border-radius: 50%;
    left: 0px;
    top: calc(50% - 2.5px);
    display: none;
}

.friendshipLinkText p {
    margin-top: -2px;
    margin-left: 9px;
    font-size: 22px;
    padding-left: 26px;
}

.specialSecondBlueImgLeft,
.specialSecondBlueImgRight {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 99;
}

.swiper {
    margin-left: 50px;
    margin-right: 50px;
    height: auto;
}

.banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
}

.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: rgb(203, 153, 0);
    width: 40px;
    height: 10px;
    border-radius: 30% / 100%;
}

.swiper-wrapper {
    height: 100%;
}

.special .swiper-button-prev {
    left: 0px;
}

.special .swiper-button-next {
    right: 5px;
}


.specialContent .swiper-wrapper {
    position: relative;
    /* overflow: hidden; */
    z-index: 2;
}

.specialContent .swiper-slide {
    position: relative;
    z-index: 1;
}

.specialContent .swiper {
    padding: 0 20px;
    height: 156px;
}
.specialContent .swiper-slide>a{   width: 100%;
    height: 100%;}
.specialContent .swiper-slide>a>div {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 105% 115%;
    transition: transform 0.5s ease;
}

.specialContent .swiper-slide:hover>div {
    transform: scale(1.1);
}

.swiper.banner {
    margin: 0;
}

/* .swiper.banner,.swiper.banner .swiper-slide{
    width: 100vw !important;
} */

.specialContent .swiper-slide {
    /* width: 327px !important;*/
    height: 156px !important; 
    overflow: hidden;
}

.special .swiper-slide {
    overflow: hidden;
    position: relative;
}

.special img {
    transition: transform 0.6s ease;
}

.blueLeftButton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -21px;
    width: 40px;
    height: 40px;
    z-index: 20;
}

.blueRightButton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -19px;
    width: 40px;
    height: 40px;
    z-index: 20;
}

.footerClass {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 250px;
    background-image: url("../images/footBackground.png");
}

.footerFirstLine {
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 100%; */
    height: 80%;
}

.footerFirstColumn {
    display: flex;
    align-items: center;
    width: 100%;
    height: 92px;
    margin-left: 1%;
}

.footerSecondLine {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    color: rgb(255, 255, 255);
    background: rgba(100, 100, 100, 0.5);
}

.footerCopyrightImg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-left: 5px;
}

.footerSecondColumn {
    color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column !important;
    justify-content: center;
    width: 100vw;
    height: 'unset' !important;
    margin: 10px 0 !important;
}

.footerThirdColumn {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgb(255, 255, 255);
    margin-right: 13%;
    width: 9%;
    margin-left: 18%;
/*     top: 10px; */
    margin-top: 40px;
    /* align-items: center; */
    margin-right: 1%;
    /* justify-content: center; */
}

.footerThirdColumn .btn {
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
    /* top: 1px; */

    border: 10px solid white;
    border-width: 10px;
}

.footerThirdColumn .title {
    margin-top: 10px;
    margin-bottom: 37px;
}

.firstContent {
    margin-top: 33px;
    margin-right: 13px;
}

.firstContentImageClass {
    display: flex;
    align-items: end;
    width: 20px;
    height: 100px;
}

.contentImage {
    width: 18px;
    height: 60px;
}

.contactContentFirstLine {
    text-align: center;
    width: 100%;
    font-weight: 550;
    font-size: 16px;
}
.contactClass{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.contactContentSecondLine{
    display: flex;
    flex-direction: column;
    
    margin-top: 10px;
}

.contactContentSecondLine .ContentColumn{
    /* width: 170px; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex: 1;
}
.contactContentSecondLine .ContentColumn:nth-child(1) div,
.contactContentSecondLine .ContentColumn:nth-child(2) div{
    position: relative;
    margin-bottom: 0;
}
.contactContentSecondLine .ContentColumn:nth-child(1) div:nth-child(1):before,
.contactContentSecondLine .ContentColumn:nth-child(2) div:nth-child(1):before{
    content: '';
    position: absolute;
    width: 26px;
    height: 42px;
    left: 0;
    background-image: url(../images/address.png);
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
    background-repeat: no-repeat;
    background-size: contain;
}
.contactContentSecondLine .ContentColumn:nth-child(2) div:nth-child(1):before{
    bottom: 0;
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
}


.secondContentColumn {
    margin-left: -10px;
    margin-right: 11px;
    font-size: 16px;
}

.contactContentThirdLine {
    /* font-size: 16px; */
}

.PostalodeCodeFirstLine {
    margin-bottom: 10px;
}

.PostalodeCodeColumn {
    display: flex;
    flex-direction: column;
    justify-content: end;
    margin-left: 2%;
    font-size: 16px;
}

.newsFirstLine {
    margin-bottom: 32px;
}

.newsFirstLeft {
    display: flex;
    align-items: center;
}

.newsFirstLeft div {
    margin-left: 18px;
}

.newsFirstLeft div h1 {
    display: block;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    margin: 3px 0px 6px !important;
}

.newsFirstLeft div span {
    font-size: 12px;
    line-height: 10px;
    display: block;
    height: 10px;
}

@media (max-width: 1860px) {
.tab_bar .logo{width: 364px;margin-left: 0;}
.tab_bar .tabs{margin-left:0;}
}

@media (max-width: 1700px) {
.tab_bar>.tabs>.tab{padding: 0 10px;font-size: 18px;}
}


@media (max-width: 1550px) {
    .footerFirstColumn {
        margin-left: -2%;
    }

    .footerSecondColumn {
        margin-left: 12%;
    }

    .footerThirdColumn {
        margin-right: 1%;
        margin-left: 16%;
    }
}

@media (max-width: 1500px) {
    .w1440 {
        width: 100%;
        padding: 0px 3%;
    }

    .tab_bar .logo {
        width: 268px;
    }

    .friendshipLinkText {
        flex-wrap: wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .perContentList {

        padding-top: -6%;

        margin-top: -21%;
    }

    .friendshipLinkContent {
        flex-wrap: wrap;
    }

    .firstContent .content {
        margin-top: 40px;
        width: 22px;
        height: 50px;
        margin-right: -9px;
        margin-left: -2px;
    }

    .friendshipLinkText p {
        display: flex;
        justify-content: center;
        /* 忙掳麓氓鹿鲁氓卤鈥γぢ嘎� */
        align-items: center;
        /* 氓啪鈥毭р�郝疵ヂ扁�γぢ嘎� */
    }
   .newsContentClass{width: 76%;}
    
}

@media (max-width: 1430px) {
    .tab_bar .tabs {
        height: 78px;
        display: flex;
        flex-direction: row;
        left: 6%;
        align-items: center;
        padding: 0px 28px;
        color: rgb(255, 255, 255);
        margin-left: -12%;
        position: relative;
    }

    .tab_bar .logo {
        height: 110px;
        left: 10%;
        width: 439px;
      
        background-size: contain;
        background-position: center;
        margin-left: -5%;
    }

    .tab_bar .logo {
        /* height: 110px; */
        left: 10%;
        width: 268px;
        /* background: url("../images/logo.png") no-repeat; */
        /* background-size: contain; */
        /* background-position: center; */
        /* margin-left: -5%; */
    }
}

@media (max-width: 1320px) {
    .newsDiv {
        height: 72.5px;
    }

    .newsTitleText {
        overflow: hidden;
        /* 茅拧聬猫鈥斅徝β郝⒚モ�÷好♀�灻モ�犫�γヂ� */
        white-space: nowrap;
        /* 茅藴虏忙颅垄忙鈥撯�∶ε撀β嵚⒚∨� */
        text-overflow: ellipsis;
        /* 氓艙篓忙鈥撯�∶ε撀β郝⒚モ�÷好︹�斅睹λ溌久ぢ好撀伱р�⒙ッヂ徛� */
    }

    .newsContentClass {
        display: flex;
        margin: auto 0px;
        width: 70%;
        height: 100%;
        /* margin-left: -38px; */
    }

    .header .banner {
        width: 100%;
    }

    .newsSecondLeftImg {
        width: 100%;
        height: 100%;
    }

    .newsSecondRight>.newsDiv:not(.newsSecondRight > .newsDiv:nth-child(1),
        .newsSecondRight > .newsDiv:nth-child(2),
        .newsSecondRight > .newsDiv:nth-child(3),
        .newsSecondRight > .newsDiv:nth-child(4),
        .newsSecondRight > .newsDiv:nth-child(5)) {
        display: none;
    }

    .newsTitleText,
    .newsTimeText {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow: hidden;
        /* 茅拧聬猫鈥斅徝β郝⒚モ�÷好♀�灻モ�犫�γヂ� */
        white-space: nowrap;
        /* 茅藴虏忙颅垄忙鈥撯�∶ε撀β嵚⒚∨� */
        text-overflow: ellipsis;
        /* 氓艙篓忙鈥撯�∶ε撀β郝⒚モ�÷好︹�斅睹λ溌久ぢ好撀伱р�⒙ッヂ徛� */
    }

    .noticeContent p {
        font-size: 16px;
    }

    .specialClass .swiper {
        width: 90%;
        height: 90%;
    }

    .friendshipLinkText {
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .friendshipLinkText {
        margin-top: 42px;
    }

    .friendshipLinkContent li {
        margin-top: 10px;
        margin: 0 -13px;
    }

}

@media (max-width: 1250px) {
    .tab_bar .logo {
        /* height: 110px; */
        left: 10%;
        width: 220px;
        /* background: url("../images/logo.png") no-repeat; */
        /* background-size: contain; */
        /* background-position: center; */
        /* margin-left: -5%; */
    }

    /* .tab_bar .logo{
        width: 35%;
        margin-left: -11%;
    } */
}
@media (max-width: 1235px) {
    .contactClass img{
        display: none;
    }
}
@media (max-width: 1200px) {
   .tab_bar{padding:0;}
   .line{display:none;}
   .tab_bar .logo img{margin-top: 27px !important;}
    .tab_bar .logo {
        /* height: 110px; */
        left: 10%;
        width: 268px;
        /* background: url("../images/logo.png") no-repeat; */
        /* background-size: contain; */
        /* background-position: center; */
        /* margin-left: -5%; */
    }

    .tab_bar>.tabs>.tab {
        /* cursor: pointer; */
        /* padding: 0px 16px; */
        font-size: 16px;
        /* color: rgb(255, 255, 255); */
        /* font-weight: 600; */
    }

    .newsNotice {
        display: block;
    }

    .news,
    .notices {
        width: 100%;
    }

    .notices {
        margin-top: 30px;
    }

    .footerThirdColumn .btn {
        border: 5px solid rgb(255, 255, 255);
    }

    .newsSecondLeft {
        width: 460px;
        height: 370px;
    }

    .newsSecondRight {
        width: 58%;
    }

    .friendshipLinkText {
        margin: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        /* flex-wrap: wrap; */
        justify-content: center;
        /* align-items: center; */
        margin-top: 45px;
    }

    .friendshipLinkContent li {
        margin: 0 30px
    }


}

@media (max-width: 1200px) {
    .tab_bar .logo {
        /* margin-left: -15%; */
    }

    .friendshipLinkContent li {
        margin: 0 -13px;
    }


     .tab_bar.active {
  	display: inline;
  }

  .tab_bar .logo {
  	margin-left: 10px;
  }

  .search_btn {
  	display: block;
  	height: 20px;
  	display: none;
  }

  .search_an {
  	display: block;
  	position: absolute;
  	/* width: 23px; */
  	height: auto;
  	top: 50%;
  	/* right: 22%; */
  	right: calc(93px);
  	transform: translateY(-50%);
  	/* transform: translateX(10px); */
  	cursor: pointer;
  	z-index: 99;
  }

  .search_an img {
  	vertical-align: baseline;
  	width: 100%;
  }

  .nav {
  	display: block;
  }

  .minimenu {
  	width: 28px;
  	height: 21px;
  	display: block;
  	right: 0;
  	top: 0px;
  	margin: auto;
  	margin-right: 5%;
  	bottom: 0;
  	overflow: hidden;
  	z-index: 99;
  	cursor: pointer;
  	position: absolute;
  }

  .minimenu span {
  	float: left;
  	width: 100%;
  	background: #ffffff;
  	transition: all 0.4s ease;
  	margin-top: 7px;
  	height: 2px;
  }

  .minimenu span:first-child {
  	margin-top: 0;
  }

  .minimenu.open span:nth-child(1) {
  	transform: rotate(45deg);
  	margin-top: 10px;
  }

  .minimenu.open span:nth-child(2) {
  	transform: rotate(-45deg);
  	margin-top: -2px;
  }

  .minimenu.open span:nth-child(3) {
  	opacity: 0;
  }

  .tab_bar {
  	position: absolute;
  	top: -11px;
  	height: 104px;
  	width: 100%;
  	background: #144fa7;
  	font-size: 16px;
  	z-index: 2;
  	left: 0;
  	display: inline;
  }

  .tab_bar .tabs .tab {
  	display: none;
  }

  .tab_bar .tabs .tab span {
  	font-size: 16px;
  }






}

@media (max-width: 1126px) {
    .tab_bar .tabs {
        padding: 5px 0px;
    }

}

@media (max-width: 1126px) {
    .perContentList {
        /* padding-top: -6%; */
        margin-top: -62px;
    }

}

@media (max-width: 1025px) {
    .personnelItemImg {
        width: 100%;
        /* height: 100%; */
    }

    .friendshipLinkText {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;


    }

    .friendshipLinkContent li {
        margin: 0 24px;
    }

    .friendshipLinkText p {
        margin-top: -2px;
        margin-left: -50px;
        font-size: 22px;
        /* padding-left: 1px; */
    }

    .friendshipLinkContent {
        display: flex;
        margin-left: -30px;
    }
}

@media (max-width: 1024px) {
    .perContentList {
        margin-top: -73px;
    }

    .personnelItemClass {
        height: 475px;
    }

    .newsSecondLeft {
        width: 460px;
        height: 370px;
    }

    .newsSecondLeftImg {
        width: 100%;
        height: 280px;
    }

    .personnelItemClass {
        width: 48%;
        margin-bottom: 30px;
    }

    .personnelTitleImgClass {
        margin-left: 0px;
    }

    .personnelTitleImgClass li {
        margin: 0px;
        /* padding: 8px 20px 0px; */
        height: 60px;
    }

    .personnelTitleImgClass li a {
        font-size: 20px;
        margin-top: 10px;
    }

    .personnelItemImg {
        height: 360px;
    }

    .personnelTitleImgClass .active::before {
        display: none;
    }

    .personnelDetailsClass {
        margin-left: 20px;
    }

    .specialClass .swiper {
        margin-bottom: 40px;
    }

    .friendshipLinkContent li a {
        display: block;
        margin-left: 26px;
        margin-right: -65px;
    }

    /* .perContentList{
        margin-top: 34px;
    }
    .personnelDetailsClass{
        margin-left: 20px;
    }
    .personnelContentClass{
        margin-bottom: 90px;
    } */
    .footerThirdColumn .btn {
        border: 5px solid rgb(255, 255, 255);
    }

    /* .footerFirstColumn{
        margin-left: -25%;
    }
    .footerThirdColumn{
        margin-right: -15%;
    } */
    .footerSecondColumn {
        margin-left: 10%;
        margin-right: 10%;
        white-space: nowrap;
        /* 茅藴禄忙颅垄忙鈥撯�∶ε撀β嵚⒚∨� */
    }

}

@media (max-width: 1050px) {
    .header .tab_bar span {
        font-size: 12px;
    }

}


@media (max-width: 990px) {
    .tab_bar {
        padding: 0 0px;
    }
}

@media (max-width: 950px) {
  

    .perContentList {
        margin-top: -291px;
    }

   

    .personnelItemImg {
        height: 587px;
    }

    .personnelItemClass {
        height: 468px;
    }

   
    .footerSecondColumn {
        /* margin-right: -3%; */
        /* margin-left: 2%; */
    }

    .friendshipLinkText {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;


    }

    .friendshipLinkContent li {
        margin: 0 24px;
    }

    .friendshipLinkText p {
        margin-top: -2px;
        margin-left: -50px;
        font-size: 22px;
        /* padding-left: 1px; */
    }

    .friendshipLinkContent {
        display: flex;
        margin-left: -30px;
    }

    .newsTitleText a {
        padding-right: 10px;
        /* display: -webkit-box; */
        /* 忙鈥斅♀�瀎lexbox茂录艗莽鈥澛ぢ号絊afari氓鈥櫯扖hrome莽拧鈥灻ε嘎惷ぢ衡�好р�八喢ε撀� */
        overflow: hidden;
        /* 茅拧聬猫鈥斅徝β郝⒚モ�÷好♀�灻モ�犫�γヂ� */
        text-overflow: ellipsis;
        /* 猫露鈥γモ�÷好┢捖ニ嗏�犆р�澛撀伱р�⒙ッヂ徛访÷ぢ好寂捗ぢ解�犆ヅ撀库劉茅鈥∨捗ヂ徛р�澛ぢ号矫ヂ嶁�⒚∨捗︹�撯�∶ε撀β郝⒚モ�÷� */
        white-space: nowrap;
        /* 茅藴虏忙颅垄忙鈥撯�∶ε撀β嵚⒚∨� */
    }

    .personnelTitleImgClass .active::before {
        display: none;
    }

    .personnelItemImg>div {
        height: 52%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /* background-position: center; */
    }

    .personnelContentClass {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

}

@media (max-width: 900px) {
    .perContentList {
        margin-top: -297px;
    }

    .newsTitleText,
    .noticeTimeContent {
        font-size: 16px;
        /* font-weight: 700; */
    }

    .footerClass {
        display: flex;
        flex-wrap: wrap;
    }

    .footerThirdColumn {
        /* font-size: 13px; */
    }

    .personnelItemClass {
        height: 100%;
    }

}

@media (max-width: 840px) {
    .footerClass {
        height: 410px;

    }

    .footerSecondColumn {
        color: rgb(255, 255, 255);
        display: flex;
        flex-direction: row;
        /* width: 31%; */
        margin-left: -3%;
        /* height: 88px; */
        margin-top: 14px;
        margin-bottom: 20px;
        text-align: center;
        white-space: nowrap;
    }

    .footerFirstLine {
        padding: 10px;
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 90%;
        text-align: center;
    }

    .footerFirstColumn {
        display: flex;
        align-items: center;
        width: 35%;
        margin-top: 53px;
        height: 92px;
        margin-left: 0%;
    }

    .footerThirdColumn {
        margin-top: 2px;
        margin-right: 10%;
        width: 100vw;
        text-align: center;
    }

    .footerThirdColumn .btn {

        border: 3px solid rgb(255, 255, 255);
    }

    .w1440 {
        overflow: hidden;
    }

    .perContentList {

        margin-top: -315px;
    }
}

@media (max-width: 780px) {
    .perContentList {
        margin-top: -339px;
    }
}

@media (max-width: 750px) {
    .footerSecondColumn {
        color: rgb(255, 255, 255);
        display: flex;
        flex-direction: row;
        /* width: 31%; */
        /* height: 88px; */
        margin-top: 14px;
        margin-bottom: 20px;
        text-align: center;
        margin-left: -14%;
        white-space: nowrap;
    }

    .perContentList {
        margin-top: -345px;
    }

}

@media (max-width: 740px) {
    .perContentList {
        margin-top: -345px;
    }
}

@media (max-width: 710px) {
    .perContentList {
        margin-top: -356px;
    }
}

@media (max-width: 800px) {

    .personnelTitleImgClass .active::before {
        display: none;
    }

    .personnelItemImg>div {
        height: 52%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /* background-position: center; */
    }

    /* .perContentList{
        margin-top: -59%;
    } */
    /* .perContentList{
        margin-top: -351px;
    } */
    .personnelContentClass {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .newsSecondLine {
        display: block;
    }

    .newsSecondLeft,
    .newsSecondRight {
        width: 100%;
        height: 430px;
    }

    .newsSecondRight {
        margin-top: 30px;
    }

    .personnelContentClass {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .personnelTitleClass {
        display: -webkit-box;
        /* 忙鈥斅♀�瀎lexbox茂录艗莽鈥澛ぢ号絊afari氓鈥櫯扖hrome莽拧鈥灻ε嘎惷ぢ衡�好р�八喢ε撀� */
        -webkit-line-clamp: 2;
        /* 茅鈩⒙惷ニ喡睹λ溌久ぢ好♀�灻∨捗︹�⒙� */
        -webkit-box-orient: vertical;
        /* 氓啪鈥毭р�郝疵︹�撀姑ヂ愨�樏ε解�櫭ニ嗏�斆ヂ惷モ�ζ捗绰� */
        overflow: hidden;
        /* 茅拧聬猫鈥斅徝β郝⒚モ�÷好♀�灻モ�犫�γヂ� */
        text-overflow: ellipsis;
        /* 猫露鈥γモ�÷好┢捖ニ嗏�犆р�澛撀伱р�⒙ッヂ徛访÷ぢ好寂捗ぢ解�犆ヅ撀库劉茅鈥∨捗ヂ徛р�澛ぢ号矫ヂ嶁�⒚∨捗︹�撯�∶ε撀β郝⒚モ�÷� */
    }

    .friendshipLinkText {
        /* flex-wrap: wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; */
    }

    .friendshipLinkText {
        height: 100%;
        width: 100%;
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        /* display: -webkit-box; */
        /* -webkit-line-clamp: 2; */
        /* -webkit-box-orient: vertical; */
    }

    .footerThirdColumn .btn {
        border: 5px solid rgb(255, 255, 255);
    }

    .friendshipLinkContent {

        word-wrap: break-word;

        width: 96%;
    }

    .specialContent {

        /* height: 176px; */

    }

    .friendshipLinkText {

        /* height: 107px; */
    }

}

@media (max-width: 670px) {
    .perContentList {
        margin-top: -367px;
    }
   .line{display:none;}
}

@media (max-width: 620px) {
    .personnelMore {
        top: -29px;
    }
}

@media (max-width: 600px) {
    .newsSecondLeft{height:360px;}
   .newsSecondRight{height:auto;}
    .friendshipLinkText {
        flex-wrap: wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .friendshipLinkContent {
        flex-wrap: wrap;
    }

    .personnelTitleImgClass .title {
        margin-right: 3px;
    }
    .footerFirstColumn{
        
width: 40px;
    }
	

}

@media (max-width: 500px) {
    .footerSecondColumn {
        color: rgb(255, 255, 255);
        display: flex;
        flex-direction: row;
        /* width: 31%; */
        /* height: 88px; */
        margin-top: 14px;
        margin-bottom: 20px;
        text-align: center;
        margin-left: -55%;
        white-space: nowrap;
    }

    /* .personnelTitleImgClass title{
        margin-right: 50px;
    } */
}

@media (max-width: 600px) {
    .tab_bar .logo {
        height: 110px;
        /* margin-left: 185%; */
        width: -14%;
        width: 210px;
        margin-left: 10px;
    }

    .personnelTitleImgClass li {
        margin: 0px;
        padding: 4px 10px 0px;
        height: 50px;
    }

    .noticesSecondContent p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .newsTitleText {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

    }

    .newsFirstLeft {
        display: flex;
        align-items: center;
        margin-right: -31px;
    }

    .sonnelTitleImgClass li a {
        font-size: 17px;
    }

    .personnelItemClass {
        width: 103%;
        margin-bottom: 30px;
        height: 395px;
    }

    .personnelItemClass {
        width: 103%;
        margin-bottom: 30px;
        height: 529px;
    }

    .perContentList {
        margin-top: -258px;
    }

    .personnelTitleImgClass {
        margin-left: 0px;
    }

    .personnelTitleImgClass li {
        margin: -12px;
        margin-top: 10px;
        padding: 7px 22px 0px;
        height: 60px;
    }

    .friendshipLinkText {
        flex-wrap: wrap;
        overflow: hidden;
        -webkit-box-orient: vertical;
        white-space: nowrap;
        /* 茅藴禄忙颅垄忙鈥撯�∶ε撀β嵚⒚∨� */
        margin-top: -24px;
    }

    .footerClass {
        height: 410px;
    }

    .footerSecondColumn {
        color: rgb(255, 255, 255);
        display: flex;
        flex-direction: row;
        /* width: 31%; */
        /* height: 88px; */
        margin-top: 14px;
        margin-bottom: 20px;
        margin-left: -6%;
        /* margin-right: -56%; */
        white-space: nowrap;
    }

    .footerFirstLine {
        padding: 10px;
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 85%;
    }

    .footerFirstColumn {
        display: flex;
        align-items: center;
        width: 43%;
        margin-top: 53px;
        height: 92px;
        margin-left: 8%;
    }

    .footerThirdColumn {
        width: 100vw;
        /* min-height: 148px; */
    }
    .footerThirdColumn .btn {
        /* width: 100vw; */
        border: 3px solid rgb(255, 255, 255);
    }

    .specialClass {
        /* height: 465px; */
    }

    .friendshipLinkContent {
        margin-top: 8px;
    }

    .secondContentColumn {
        margin-left: -113px;
        margin-right: 11px;
        /* font-size: 5px; */
    }

    .footerThirdColumn {
        margin-right: 14%;
        margin-left: 12%;
    }

    .personnelTitleImgClass .active::before {
        background-image: url(../images/personnelTraining.png);
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: 40px 40px;
        content: '';
        width: 57%;
        height: 55px;
        position: absolute;
        bottom: -9px;
        left: -4%;
        z-index: -1;
    }

    .personnelTitleImgClass .active::before {
        display: none;
    }

    .personnelTitleImgClass li:hover {
        background-image: url("../images/personnelTraining.png");
    }

    .specialClass .swiper {
        width: 74%;
    }

    .specialContent .swiper-button-next,
    .specialContent .swiper-button-prev {
        border: none;
    }
}
@media (max-width: 480px) {
    .footerSecondColumn{
        margin-left: -3%;
        /* white-space: normal; */
    }
    .contactClass img{
        display:none;
    }
}
@media (max-width: 440px) {
    .perContentList {
        margin-top: -265px;
    }

    .personnelItemClass {
        height: 490px;
    }

    .personnelTitleImgClass li a {
        margin-top: 7px;
        /* margin-right: 4px; */
    }
}

@media (max-width: 420px) {
    .personnelTitleImgClass li a {
        margin-top: 3px;
        /* margin-right: 4px; */
    }
}

@media (max-width: 400px) {
    .personnelTitleImgClass li a {
        margin-top: 10px;
        /* margin-right: 4px; */
    }

    .perContentList {
        margin-top: -268px;
    }

    .personnelItemClass {
        /* width: 103%; */
        /* margin-bottom: 30px; */
        height: 428px;
    }

    .personnelTitleImgClass .title {
        margin-right: -7px;
    }
}

@media (max-width: 399px) {
    .perContentList {
        margin-top: -285px;
    }

    .personnelItemClass {
        /* width: 103%; */
        /* margin-bottom: 30px; */
        height: 500px;
    }

}