header {
    background-color: transparent;
}

header .putLogo{background: url(../img/hlogo2.png) no-repeat center;background-size: cover;}
header.fixHead .putLogo{background: url(../img/hlogo.png) no-repeat center !important;background-size: cover;}

header .menus{background: url(../img/menuss.png) no-repeat center;background-size: contain !important;}
header.fixHead .menus{background: url(../img/menus.png) no-repeat center !important;background-size: contain !important;}


.headerdiv{ display:none}

header .menu > li > a {
    color: white;
}


.part_1 .ctMain {
    font-size: 60px;
}

.part_3 .banner{ height:auto;}

.part_3 {
    color: white;
}

.part_3 .flexBetween {
    padding: 145px 0;
    align-items: flex-end;
}

.part_3 .leftPic p {
    font-size: 130px;
    font-weight: lighter;
}

.part_3 .leftPic p span {
    font-weight: bold;
}

.part_3 .rightTxt .p1 {
    font-size: 26px;
}

.part_3 .rightTxt .p2 {
    margin: 200px 0 75px;
    font-size: 45px;
}

.part_3 .rightTxt .p3 {
    max-width: 690px;
    font-size: 18px;
    line-height: 26px;
}

.part_2 {
    
    
}

.part_2 .banner {
    height: 1375px;
    padding-top: 235px;
    background-size: initial;
    background-position: 100% 120%;
}

.part_2 .rightTxt {
    max-width: 705px;
	margin-left:5%;
}

.part_2 .rightTxt .p1 {
    font-size: 30px;
    color: var(--themaGreen);
}

.part_2 .rightTxt .p2 {
    margin: 10px 0 150px;
    font-size: 40px;
    color: var(--themaBlack);
}

.part_2 .rightTxt .p3 {
    font-size: 18px;
    line-height: 26px;
    color: var(--themaFontBlack);
}

.part_2 .leftPic p {
    padding-top: 60px;
    font-size: 130px;
    color: var(--themaGreen);
}

.part_7 {
    padding: 205px 0 255px;
}

.part_7 .partTitle {
    margin-bottom: 110px;
    font-size: 40px;
	font-weight:bold;
}

.part_7 video {
	width:100%;
    border-radius: 20px;
    overflow: hidden;
}

.part_6 .banner {
    height: 985px;
    padding-top: 145px;
    color: white;
}

.part_6 .partTitle {
    margin-bottom: 240px;
    font-size: 40px;
	font-weight:bold;
}

.part_6 ul {
    display: flex;
    height: 495px;
}

.part_6 ul li {
    display: flex;
    width: 25%;
    flex-direction: column;
    padding-top: 145px;
    padding-left: 65px;
}

.part_6 ul li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.part_6 ul .p1 {
    margin-bottom: 25px;
    font-size: 60px;
    line-height: 30px;
}

.part_6 ul .p2 {
    font-size: 20px;
    line-height: 30px;
}

.part_5 {
    position: relative;
    height: 1350px;
    padding-top: 80px;
    margin-bottom: 8px;
}

.part_5 .banner {
    position: absolute;
    height: 721px;
    width: 100%;
    bottom: 0;
    left: 0;
}

.part_5 .partTitle {
	font-weight:bold;
    margin-bottom: 130px;
    font-size: 40px;
    line-height: 50px;
    color: var(--themaBlack);
}

.part_5 ul {
	display:flex;
    font-size: 0;
}

.part_5 li {
    display: inline-block;
    width: calc((100% - 204px) / 3);
    padding-top: 25px;
    padding-right: 5px;
    border-top: 3px solid var(--themaGreen);
}

.part_5 li:not(:nth-child(3n)) {
    margin-right: 102px;
}

.part_5 li .p1 {
	font-weight:bold;
    margin-bottom: 30px;
    font-size: 25px;
    color: var(--themaBlack);
}

.part_5 li .p2 {
    font-size: 17px;
    line-height: 25px;
    color: var(--themaFontBlack);
}

.part_4 {
    
    margin-bottom: 250px;
}

.part_4 .swiper {
    position: relative;
    height: 986px;
    padding-top: 205px;
    overflow: hidden;
    background: url(../img/about1.png) no-repeat center center;
	background-size:contain;
}

.part_4 .swiper-wrapper {
    height: auto;
}

.part_4 .swiper-slide {
    width: auto;
}

.part_4 .swiper-slide:nth-child(1n) {

}

.part_4 .swiper-slide:nth-child(2n) {
    margin-top: 80px;
}

.part_4 .swiper-slide:nth-child(3n) {
    margin-top: -100px;
}

.part_4 .putImg {
    width: auto;
    border: 2px solid var(--themaGreen);
}

.part_4 .year {
    position: absolute;
    left: -65px;
    top: 185px;
    line-height: 1;
    font-size: 80px;
    font-weight: bold;
    color: var(--themaGreen);
}

.part_4 .disc {
    margin-top: 60px;
    font-size: 22px;
    color: var(--themaBlack);
}

.part_4 .btmPagination {
    margin-top: 93px;
    color: var(--themaGreen);
}

.part_4 .btmPagination .p1 {
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px;
}

.part_4 .btmPagination .btm {
    align-items: center;
}

.part_4 .btmPagination .p2 {
    font-size: 100px;
    line-height: 80px;
    font-weight: bold;
}

.part_4 .btmPagination .leftTxt {
    margin-right: 85px;
}

.part_4 .btmPagination .rightPagination {
    position: relative;
    max-width: 1060px;
    flex: 1;
}

.part_4 .btmPagination .swiper-pagination-progressbar {
    width: 100%;
    height: 1px;
    background-color: #e9e9e9;
}

.part_4 .btmPagination .swiper-pagination-progressbar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translateY(-50%);
    background-color: var(--themaGreen);
}

.part_4 .btmPagination .swiper-pagination-progressbar-fill {
    background-color: var(--themaGreen);
}

.part_4 .btmPagination .putHistoryYear {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    color: var(--themaBlack);
    font-size: 20px;
}

.part_4 .btmPagination .putHistoryYear p {
    margin-top: 25px;
    cursor: pointer;
    transition: all .2s;
}

.part_4 .btmPagination .putHistoryYear p.on {
    color: var(--themaGreen);
}


@media (max-width:1024px) {
.part_1 .banner{ height:auto; padding:35% 0;}
.part_1 .banner .ctMain{ position:static;transform:none;}
}

@media (max-width:768px) {
.part_1 .ctMain{ font-size:45px;}
.part_2 .flexBetween,.part_3 .flexBetween{ display:block}
.part_2 .banner{ height:auto; padding:25% 0;}
.part_2 .rightTxt{ max-width: inherit; width:100%; margin-left:0}
.part_2 .leftPic p,.part_3 .leftPic p{ padding:0 0 30px 0; font-size:100px;}
.part_3 .flexBetween{ padding:25% 15px;}
.part_4 .swiper{ height:auto; padding:25% 0;}
.part_4{ margin-bottom:20%;}
.part_5{ height:auto; padding-bottom:20%; padding-top:0}
.part_5 .banner{background-size: contain; z-index:-1;background-position: center bottom;}
.part_7{ padding:15% 0 20%;}
.part_6 .banner{ height:auto; padding-top:20%;}
.part_6 ul li{ width:49%; display:inline-block; overflow:hidden; padding:20% 5%; margin:2.5% 0;}
.part_6 ul{ display:block; height:auto;}
.part_6 ul li:nth-child(2n){ border:0 !important;}
}

@media (max-width:640px) {
.part_1 .ctMain{ font-size:34px;}
.part_2 .leftPic p,.part_3 .leftPic p{font-size:65px;}
.part_2 .rightTxt .p2,.part_3 .rightTxt .p2{ font-size:32px; margin-bottom:20%;}
.part_3 .rightTxt .p2{ margin:25% 0 15%;}
.part_2 .rightTxt .p1{ font-size:26px;}
.part_5 .partTitle,.part_6 .partTitle,.part_7 .partTitle{ font-size:28px; margin-bottom:15%;}
.part_5 ul{ display:block}
.part_5{ padding-bottom:35%}
.part_5 li{ width:100%; margin:5% 0 !important}
.part_4 .putImg{ width:100%;}
.part_4 .putImg img{ width:100%;}
.part_4 .swiper-slide{ width:100%;}
.part_4 .year{ position:static; padding:25px 15px 15px 15px;}
.part_4 .disc{ padding:0 15px; margin-top:0}
.part_4 .btmPagination .rightPagination{ display:none}
.part_4 .btmPagination .p2{ font-size:65px;}
.part_4 .swiper-slide:nth-child(2n){ margin-top:0;}
.part_6 ul .p2{ font-size:18px;}
.part_6 ul .p1{ font-size:45px;}
}