.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;
    width: 100%;
    left: 50%;
    margin-left: 15px;
    top: 25%;
    color: white;
    text-align: left;
    transform: translateX(-50%);
}

.putBn .btMain .p1 {
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
}

.putBn .btMain .p2 {
    font-size: 43px;
    line-height: 50px;
    font-weight: bold;
}

.putBn .btMain .p3 {
    display: inline-block;
    font-size: 43px;
    line-height: 50px;
    font-weight: bold;
    background: linear-gradient(to right, #bd4a95, #1cb6cd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.putBn .btMain .p4 {
    margin: 55px 0 65px;
    font-size: 22px;
    line-height: 28px;
}

.putBn .btMain a {
	text-transform:uppercase;
    position: relative;
    display: block;
    width: 136px;
    height: 52px;
    line-height: 52px;
    color: white;
    font-size: 15px;
    text-align: center;
    background-color: var(--themaBlue);
}

.putBn .btMain a::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 3px;
    height: 33px;
    top: 50%;
    right: -11px;
    transition: all .4s;
    transform: translateY(-50%);
    background-color: var(--themaBlue);
}

.putBn .btMain a:hover::after {
    right: 0;
}

.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;
}

/* 通用标题 */
.top_nav {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.top_nav .left {
    font-size: 25px;
    line-height: 35px;
	max-width:50%;
    font-weight: bold;
    color: var(--themaBlack);
}

.top_nav .right {
    font-size: 20px;
    line-height: 45px;
    color: var(--themaBlack);
    font-weight: bold;
    border-bottom: 3px solid var(--themaBlue);
}

/* 通用标题 */

.part_1 {
    height: 985px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.part_1 .video{ position: absolute; z-index:-1;width:100%;}

.part_1 .maxWidth {
    position: relative;
    height: 100%;
}

.part_1 .title_module {
    position: absolute;
    max-width: 415px;
    width: 100%;
    top: 50%;
    left: 15px;
    color: white;
    transform: translateY(-50%);
}

.part_1 .title_module .p1 {
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
}

.part_1 .title_module .p2 {
    margin: 40px 0 60px;
    font-size: 16px;
    line-height: 23px;
}

.part_1 .title_module a {
    display: block;
    font-size: 18px;
    color: white;
    transition: all .4s;
}

.part_1 .title_module a img {
    display: inline-block;
    vertical-align: middle;
    width: 44px;
    height: 44px;
    margin-right: 20px;
}

.part_1 .title_module a:hover {
    color: var(--themaBlack);
}

.part_4 .top_nav {
    padding-top: 270px;
    margin-bottom: 85px;
}

.part_4 .btm {
    display: flex;
    height: 810px;
    bottom: 0;
    align-items: flex-start;
    justify-content: space-between;
}

.part_4 .btm .left {
    max-width: 1180px;
    width: 70%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.part_4 .btm .right {
    flex: 1;
    height: 100%;
    padding-top: 160px;
    padding-left: 110px;
    color: white;
    box-sizing: border-box;
    background-color: var(--themaBlue);
}

.part_4 .btm .module_title {
    margin-bottom: 45px;
}

.part_4 .btm .right .b {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: bold;
}

.part_4 .btm .right .s {
    font-size: 15px;
}

.part_4 .btm li {
    display: block;
    height: 130px;
    padding-top: 35px;
    color: white;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.part_4 .btm li p:last-child {
    font-size: 14px;
}

.part_4 .btm li p:first-child {
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 35px;
}

.part_5 .top_nav {
    padding: 200px 0 85px;
}

.part_5 .whiteBg {
    padding-bottom: 240px;
}

.part_5 .top_nav {
    padding: 140px 0 65px;
}

.part_6 .top_nav {
    padding: 175px 0 100px;
}

.part_6 ul {
    margin-bottom: 90px;
}

.part_2 {
    position: relative;
    padding-bottom: 250px;
}

.part_2 .top_nav {
    padding: 160px 0 130px;
}

.part_2 .three_wrap {
    position: relative;
}

.part_2 .mySwiper {
    overflow: hidden;
}

.part_2 .swiper-wrapper .swiper-slide {
    flex-direction: column;
}

.part_2 .swiper-wrapper .swiper-slide a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.part_2 .swiper-wrapper .swiper-slide .putImg {
    flex: 1;
    margin-bottom: 68px;
    overflow: hidden;
}

.part_2 .swiper-wrapper .swiper-slide p{ color:#000}

.part_2 .swiper-wrapper .swiper-slide img {
    transition: all .4s;
	max-height:250px;
}

.part_2 .swiper-wrapper .swiper-slide:hover img {
    transform: scale(1.1);
}

.float_center .swiper-button-next,
.float_center .swiper-button-prev {
    width: 50px;
    height: 50px;
    opacity: 1;
    z-index: 4;
    border-radius: 50px;
    transition: all .4s;
    background-color: var(--themaBlue);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 18px;
}

.float_center .swiper-button-next::after,
.float_center .swiper-button-prev::after {
    display: none;
}

.float_center .swiper-button-prev {
    background-position: 44% 50%;
    background-image: url(../img/news_left.png);
}

.float_center .swiper-button-next {
    background-position: 55% 50%;
    background-image: url(../img/news_right.png);
}

.float_center {
    position: absolute;
    width: 100%;
    max-width: 1680px;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}

.four_wrap {
    position: relative;
    margin-top: 45px;
    height: 696px;
}

.part_3 .swiper-container {
    overflow: hidden;
}

.part_3 .swiper-slide:hover{
    transform: scale(1);
  }

.part_3 .swiper-slide a {
    position: relative;
    display: block;
    width: 100%;
    height: 630px;
	padding:15%;
    box-sizing: border-box;
    background-color: #f5f5f5;
}

.part_3 .detail {
    
    text-align: left;
    box-sizing: border-box;
}

.part_3 .swiper-slide {
    max-width: 492px;
}

.part_3 .swiper-slide .b {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 35px;
    font-weight: bold;
    transition: all .4s;
    color: var(--themaBlack);
}

.part_3 .swiper-slide .s {
    font-size: 18px;
    line-height: 35px;
    font-weight: bold;
    color: #b4b4b4;
    transition: all .4s;
}

.part_3 .putImg {
    margin-top: 155px;
    max-width: 378px;
}

.part_3 .swiper-slide {
    background-image: none;
}

.part_3 .swiper-slide:hover{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.part_3 .swiper-slide:hover a {
    height: 630px;
    background-color: transparent;
}

.part_3 .swiper-slide:hover a p {
    color: white!important;
}

.part_3 .swiper-slide:hover .putImg {
	display:none
}

@media (max-width:1366px) {
.putBn .btMain .bn_btm .right{ position:relative; right:5%;}
.putBn .btMain .title_module{ left:0;transform:none}
}

@media (max-width:1024px) {
.part_4 .btm{ display:block; height:auto;}
.part_4 .btm .left{ width:100%; padding:25% 0;}
.part_4 .btm .right{ padding:10%;}
}

@media (max-width:768px) {
.putBn .swiper-slide{ height:768px;}
.putBn .btMain .p1{ font-size:22px;}
.putBn .btMain .p2,.putBn .btMain .p3{ font-size:34px; line-height:40px;}
.putBn .btMain .p4{ font-size:18px;}
.putBn .btMain .b{ font-size:32px;}
.part_1{ height:auto; padding:25% 0;}
.part_1 .title_module{ position:static;transform:none}
.part_1 .video{ display:none}
.part_1 .title_module .p1{ font-size:20px; line-height:30px;}
.part_1 .title_module .p2{ font-size:15px; line-height: normal}
.part_1 .title_module a{ font-size:16px;}
.part_4 .btm .right .b{ font-size:20px;}
.part_4 .btm .module_title{ margin-bottom:0}
.part_4 .btm li{ height:auto; padding-top:10%; padding-bottom:5%;}
.part_4 .btm li p:first-child{ font-size:34px;}
.part_4 .top_nav{ padding-top:15%; margin-bottom:10%;}
.part_2 .top_nav,.part_6 .top_nav,.part_5 .top_nav{ padding:15% 0;}
.part_2{ padding-bottom:20%;}
.part_6 ul{ margin-bottom:10%;}
.part_5 .whiteBg{ padding-bottom:15%;}
.part_2 .swiper-wrapper .swiper-slide a{ font-size:16px;}
.part_3 .swiper-slide .b{ font-size:24px;}
.part_3 .swiper-slide .s{ font-size:16px; line-height:25px;}
}

@media (max-width:640px) {
.putBn .swiper-slide{ height:550px;}
.putBn .btMain .bn_btm .right{ font-size:12px;}
.putBn .btMain .p1{ font-size:18px;}
.putBn .btMain .p2,.putBn .btMain .p3{ font-size:30px; line-height:36px;}
.putBn .btMain .p4{ font-size:16px;}
.part_1 .title_module .p1{ font-size:16px; line-height:25px;}
.part_1 .title_module .p2{ font-size:14px;}
.part_1 .title_module a{ font-size:15px;}
.part_4 .btm .right .b{ font-size:18px;}
.part_4 .btm li p:first-child{ font-size:30px;}
.top_nav{ display:block;}
.top_nav .left{ max-width:inherit;font-size:20px; line-height:25px;}
.top_nav .right{ font-size:18px;}
}



