.whiteBg {
    background-color: white;
}

.swiper-container {
    position: relative;
}

.putBn {
    position: relative;
	overflow:hidden;
}

.putBn .swiper-slide {
    position: relative;    
    height: 980px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.putBn .btMain {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 0;
    z-index: 1;
    color: white;
    text-align: center;
    transform: translateX(-50%);
}

.putBn .btMain .title_module {
    position: absolute;
    max-width: 1000px;
    width: 100%;
    left: 50%;
    top: 45%;
    text-align: center;
    transform: translateX(-50%);
}

.putBn .btMain .b{
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}

.putBn .btMain .s {
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
}

.putBn .btMain .bn_btm {
    position: absolute;
    display: flex;
    width: 100%;
    bottom: 48px;
    align-items: center;
    justify-content: space-between;
}

.putBn .btMain .bn_btm .right {
    font-size: 15px;
}

.putBn .btMain .bn_btm .btn::after {
    display: none;
}

.putBn .btMain .bn_btm .btn {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 20px;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    margin-right: 20px;
    opacity: 1;
    vertical-align: middle;
    background-color: transparent;
}


.about_1 {
    padding: 200px 0 142px;
}

.about_1 .module_title .b {
    margin-bottom: 25px;
    font-size: 43px;
    line-height: 50px;
    font-weight: bold;
    color: var(--themaBlack);
}

.about_1 .module_title .s {
    font-size: 20px;
	max-width:600px;
    line-height: 30px;
    color: #8c8c8c;
}

.about_1 ul {
    display: flex;
    margin-top: 100px;
    align-items: center;
    justify-content: space-around;
}

.about_1 li {
    flex: 1;
    height: 240px;
    padding-left: 70px;
    padding-top: 55px;
    box-sizing: border-box;
    border-left: 1px solid #dedede;
}

.about_1 li:nth-child(5) {
    border-right: 1px solid #dedede;
}

.about_1 li p:first-child {
    margin-bottom: 15px;
    line-height: 50px;
    font-weight: bold;
    font-size: 20px;
    color: var(--themaBlue);
}

.about_1 li p:first-child span {
    display: inline-block;
    margin-right: 8px;
    font-size: 40px;
    vertical-align: middle;
}

.about_1 li p:last-child {
    line-height: 25px;
	max-width:155px;
	font-weight:bold;
    font-size: 17px;
    color: var(--themaBlack);
}

.about_2 {
    padding-top: 135px;
    padding-bottom: 165px;
}

.about_2 li {
    display: flex;
    margin-bottom: 90px;
    align-items: center;
    justify-content: space-between;
}

.about_2 li > div {
    max-width: 687px;
    width: 50%;
}

.about_2 li .title {
    margin-bottom: 30px;
	font-weight:bold;
    font-size: 30px;
    line-height: 25px;
    color: var(--themaBlack);
}

.about_2 li .txt {
    font-size: 16px;
    line-height: 25px;
    color: #8c8c8c;
}

.about_2 li .txt p {
    margin-bottom: 20px;
}

.about_2 li .putTxt {
    flex: 1;
}


.about_3 {
    position: relative;    
    height: 800px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about_3 .maxWidth {
    height: 100%;
}

.about_3 ul {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.about_3 li {
    flex: 1;
    height: 100%;
    padding: 80px 75px 0 45px;
    box-sizing: border-box;
    color: white;
    border-left: 1px solid rgba(255, 255, 255, .2);
}
.about_3 li:last-child {
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.about_3 li .b {
    margin-bottom: 25px;
    font-size: 25px;
    font-weight: bold;
}

.about_3 li .s {
    font-size: 16px;
    line-height: 25px;
}

.about_4 { padding-bottom:150px;}

.about_4 .module_title {
    max-width: 600px;
    padding: 190px 0 95px;
}

.about_4 .module_title .b {
    margin-bottom: 25px;
    font-size: 43px;
    line-height: 50px;
    font-weight: bold;
    color: var(--themaBlack);
}

.about_4 .module_title .s {
    font-size: 20px;
    line-height: 30px;
    color: #8c8c8c;
}

.about_4 ul {
    font-size: 0;
}

.about_4 li {
    display: inline-block;
    margin-bottom: 25px;
    width: calc((100% - 75px) / 4);
}

.about_4 li:not(:nth-child(4n)) {
    margin-right: 25px;
}

.about_4 li a {
    display: flex;
    height: 375px;
    cursor: pointer;
    overflow: hidden;
    background-color: #f5f5f5;
}

.about_4 li a img {
    display: block;
    margin: auto;
    max-height: 350px;
}

.about_5 {
    padding-bottom: 200px;
}

.about_5 .module_title {
    padding: 130px 0 105px;
}

.about_5 .module_title .b {
    margin-bottom: 25px;
    font-size: 43px;
    font-weight: bold;
    color: var(--themaBlack);
}

.about_5 .module_title .s {
    font-size: 20px;
    color: #8c8c8c;
    line-height: 30px;
}

.about_5 .tab {
    position: relative;
    width: 100%;
}

.about_5 .eventList li {
    display: none;
}

.about_5 .eventList li.on {
    display: flex;
    align-items: top;
    justify-content: space-between;
}

.about_5 .eventList li .left {
    flex: 1;
}

.about_5 .eventList li .left dd {
    font-size: 0;
    margin-bottom: 35px;
}

.about_5 .eventList li .left dd > div {
    display: inline-block;
    vertical-align: bottom;
}

.about_5 .time {
    line-height: 30px;
    font-size: 15px;
    color: var(--themaBlue);
}

.about_5 .time span {
  font-size: 30px;
}

.about_5 .event {
    margin-left: 80px;
    font-size: 18px;
    line-height: 30px;
    color: #8c8c8c;
}

.about_5 .yearList {
    margin-bottom: 90px;
    border-top: 1px solid #e3e3e3;
}

.about_5 .yearList li {
    display: inline-block;
    width: 80px;
    padding-top: 25px;
    color: #8c8c8c;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
}

.about_5 .yearList li.on {
    color: var(--themaBlue);
}

.flag {
    position: absolute;
    width: 80px;
    height: 1px;
    transition: all .4s;
    background-color: var(--themaBlue);
}


@media (max-width:1366px) {
.putBn .btMain .bn_btm .right{ position:relative; right:5%;}
}

@media (max-width:1024px) {
.about_5 .eventList li .right{ width:45%; margin-left:5%;}
.about_1 li{ width:19%; padding:5% 2.5%;}
.about_1 li p:first-child span{ font-size:34px;}
.about_1 li p:last-child{ font-size:16px;}
}

@media (max-width:768px) {
.putBn .swiper-slide{ height:768px;}
.putBn .btMain .title_module{ width:auto; left:0; padding:0 15px;transform:none}
.putBn .btMain .b{ font-size:32px;}
.about_2 li{ display:block; margin-bottom:10%;}
.about_2 li .title{ margin-top:30px;}
.about_2 li > div{ max-width:inherit; width:100%;}
.about_2{ padding:10% 0 15%;}
.about_2 li .title{ font-size:26px;}
.about_3{ height:600px;}
.about_3 li{ padding:10% 5%; width:25%;}
.about_3 ul{align-items: baseline;}
.about_3 li .b{ font-size:20px;}
.about_3 li .s{ font-size:15px;}
.about_4 .module_title,.about_5 .module_title{ padding:15% 0 10%;}
.about_4 li{width: calc((100% - 25px) / 2);}
.about_4 li:not(:nth-child(4n)){ margin-right:0}
.about_4 li:not(:nth-child(2n)){ margin-right:25px;}
.about_4,.about_5{ padding-bottom:15%;}
.about_5 .eventList li.on{ display:block}
.about_5 .eventList li .right{ width:100%; margin-left:0}
.about_1 li{ width:31.33%; float:left; padding:5%;}
.about_1 ul{ display:block; overflow:hidden; margin-top:10%;}
.about_1{ padding:20% 0 15%;}
}

@media (max-width:640px) {
.putBn .swiper-slide{ height:550px;}
.putBn .btMain .b{ font-size:23px; line-height:30px;}
.putBn .btMain .s{ font-size:18px; line-height:25px;}
.putBn .btMain .bn_btm .right{ font-size:12px;}
.about_2 li .title{ font-size:22px;}
.about_2 li .txt{ font-size:15px;}
.about_3 ul{ display:block}
.about_3 li{ width:49%; float:left; height:340px;border-right: 1px solid rgba(255, 255, 255, .2); margin-left:-1px;}
.about_3{ height:auto; overflow:hidden;}
.about_4 .module_title .b,.about_5 .module_title .b{ font-size:30px; line-height:35px;}
.about_4 .module_title .s,.about_5 .module_title .s{ font-size:16px;}
.about_4 li a img{ width:80%;}
.about_4 li a{ height:auto; padding:20% 0;}
.about_5 .eventList li .left dd > div{ display:block}
.about_5 .eventList li .left dd{ margin-bottom:7.5%;}
.about_5 .event{ display:block; margin-left:0; font-size:16px;}
.about_5 .yearList li{ width:19%;}
.about_5 .yearList{ margin-bottom:10%;}
.about_5 .yearList li{ font-size:16px;}
.about_1 .module_title .b{ font-size:30px;}
.about_1 .module_title .s{ font-size:16px;}
.about_1 li{ width:49%;}
}