.xm-part-one {
    width: 100%;
    height: 799px;
    position: relative;
    color: #fff;
}

.xm-part-one .slogan {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.xm-part-one .slogan h1 {
    font-weight: lighter;
    font-size: 78px;
}

.xm-part-one .slogan h1 b {
    color: #ff0000;
    font-weight: 500;
}

.xm-part-one .slogan p {
    font-size: 62px;
    font-weight: lighter;
    letter-spacing: 15px;
}

.xm-part-one .bottom-slogan {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: 10px;
}

.xm-part-one .bottom-slogan p.small {
    font-size: 14px;
    letter-spacing: 2px;
    margin-top: 5px;
}

.xm-part-news {
    padding: 100px 0;
    background: linear-gradient(to top right, #CEC5BC, #D9C1A9);
}

.xm-part-news .homeNews-tit h1 {
    position: relative;
    padding: 8px 30px;
}

.xm-part-news .homeNews-tit h1::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #42413F;
}

.xm-part-news .homeNews-list {
    padding: 100px 0;
    width: 100%;
    overflow: hidden;
}

.homeNews-list .homeNews-item {
    color: #333;
}

.homeNews-item .item-pic {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.homeNews-item .item-pic::before {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    padding-top: 133.33%;
}

.homeNews-item .item-pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.homeNews-item .item-info {
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
}

.homeNews-item .item-tit {
    color: #000;
}

.home-page .xm-homePart {
    width: 80%;
    margin: -3px auto 0;
    height: 788px;
}

.xm-homePart {
    width: 100%;
    height: 985px;
    margin-top: -3px;
    position: relative;
}

.xm-homePart .slogan {
    position: absolute;
    left: 50%;
    top: 43%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.xm-homePart.xm-part-innovation .slogan {
    cursor: pointer;
}

.xm-homePart .slogan h1 {
    font-size: 135px;
    letter-spacing: 20px;
}

.xm-homePart .slogan h1.en{
    font-size: 75px;
    text-align: center;
    color: #ff0000;
}

.xm-homePart .slogan p {
    font-size: 42px;
    text-align: center;
    letter-spacing: 3px;
}

.xm-homePart .sloganText {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30%;

}

.xm-homePart .sloganText p {
    font-weight: lighter;
    color: #ffffffab;
    font-size: 44px;
    letter-spacing: 16px;
}

.xm-homePart .sloganText p.en{
    font-size: 40px;
}

.innovation-menu {
    background-color: #000;
    width: 100%;
    height: 0px;
    overflow: hidden;
    transition: height .5s ease-in-out;
}

.innovation-menu.show {
    height: 533px;
}

.innovation-menuList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 65px;
    height: 100%;
    box-sizing: border-box;
}

.innovation-menuList .innovation-menuItem {
    width: 470px;
    height: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.innovation-menuList .innovation-menuItem h1 {
    color: #fff;
    font-size: 36px;
}

.industry-menu {
    background-color: #000;
    width: 100%;
    height: 0px;
    overflow: hidden;
    transition: height .5s ease-in-out;
}

.industry-menu.show {
    height: 533px;
}

.industry-menu .menuList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 65px;
    height: 100%;
    box-sizing: border-box;
}

.industry-menu .menuList .menuItem {
    width: 470px;
    height: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.industry-menu .menuItem h1 {
    color: #fff;
    font-size: 36px;
}

/* meida */
#media-page {
    width: 100%;
    height: 100%;
    background-color: #c5c5bc;
}

.meida-list {
    padding: 100px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 130px;
}

.meida-list .meida-item {
    width: 704px;
    height: 908px;
    position: relative;
}

.meida-list .meida-item .meida-itemImg {
    width: 100%;
    height: 100%;
}

.meida-itemImg img {
    width: 100%;
    height: 100%;
}

.mediaShowBox {
    padding: 200px 0;
    box-sizing: border-box;
    background-color: #fff;
}

.mediaShowConten p {
    text-align: center;
}

.mediaShowContact {
    margin: 100px auto;
    width: 800px;
}

.mediaShowContact .ms-title {
    font-family: 'ITCA';
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: -30px;
}

.mediaShowContact .ms-content {
    border: 8px solid #000;
    padding: 50px 80px;
}

.mediaShowContact .ms-content p {
    font-size: 28px;
    line-height: 2;
}

.meidShowCode {
    margin: 100px auto;
}

.meidShowCode ul {
    text-align: center;
}

.meidShowCode ul li {
    display: inline-block;
    margin: 0 50px;
}

.meidShowCode ul li img {
    width: 200px;
    height: 200px;
}

.meidShowCode ul li p {
    font-size: 28px;
    font-weight: bold;
}

/* brand */
#brand-page {
    width: 100%;
    height: 100%;
}

#brand-page .brand-part-title {
    height: 1068px;
    padding: 100px 100px;
    text-align: center;
    box-sizing: border-box;
    background-color: #000;
}

#brand-page .brand-part {
    height: 1068px;
    padding: 100px 100px;
    text-align: center;
    box-sizing: border-box;
}

#brand-page .brand-part .brand-container {
    border: 3px solid #000;
}

#brand-page .brand-container {
    width: 100%;
    height: 100%;
    border: 3px solid #ccc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 50px;
    position: relative;
}

.brand-container .head-msg {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #000;
    width: 588px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    border: 1px solid #ccc;
    color: #ccc;
    box-sizing: border-box;
    font-size: 20px;
}

.brand-container .main-tit {
    color: #fff;
}

.brand-container .main-tit .num {
    font-size: 80px;
    letter-spacing: 5px;
    font-family: 'Din';
}

.brand-container .main-tit h1 {
    font-size: 180px;
}

.brand-container .f-msg {
    color: #ff0000;
    font-weight: lighter;
    font-size: 84px;
    font-family: 'Din';
    letter-spacing: 5px;
}

/* Fashion */
#fashion-news {
    background: #fff;
}

.fashion-container {
    width: 1430px;
    margin: 0 auto;
    padding: 50px 0;
}

.back-menu {
    margin-left: -30px;
    font-size: 30px;
}

.back-menu i {
    font-size: 30px;
    color: #0F6AB4;
    font-weight: bold;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    transition: all .3s ease-in-out;
}

.back-menu a {
    color: #333;
    font-size: 30px;
    transition: opacity .3s ease-in-out;
}

.back-menu a:hover {
    opacity: .5;
}

.fashion-nav {}

.fashion-nav .fashion-navItem {
    float: left;
    height: 60px;
    line-height: 60px;
    padding: 0 50px;
    border-right: 1px solid #ddd;
    transition: background .3s;
}

.fashion-navItem.active {
    border-bottom: 3px solid #1F63FF;
    box-sizing: border-box;
}

.fashion-navItem:hover {
    background-color: #ddd;
}

.fashion-nav .fashion-navItem:first-child {
    border-right: 0;
    padding: 0;
}

.fashion-nav .fashion-navItem a {
    color: #333;
    font-size: 16px;
}

.fashion-nav .home-btn {
    display: block;
    width: 72px;
    height: 100%;
    background-color: #0F6AB4;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fashion-nav .home-btn i {
    font-size: 30px;
    color: #fff;
}

.fashion-articleBox {
    width: 100%;
    padding: 50px 0;
}

.fashion-articleBox .search-info {
    font-size: 24px;
    /* border-bottom: 1px solid #ddd; */
    margin-bottom: 50px;
    padding: 30px;
    border-left: 3px solid #000;
    background: #f5f5f5;
}

.fashion-articleBox .search-info p b {
    margin: 0 10px;
    color: #ff0000;
}

.fashion-articleList {}

.fashion-articleItem {
    background-color: #fff;
    width: 100%;
    padding: 14px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 50px;
}

.fashion-articleItem .pic {
    width: 300px;
    height: 273px;
    overflow: hidden;
}

.fashion-articleItem .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s;
}

.fashion-articleItem .txt {
    flex: 1;
}

.fashion-articleItem .txt .artivle-tit {
    font-size: 24px;
    color: #000;
}

.fashion-articleItem .txt .artivle-desc {
    font-size: 16px;
    margin-top: 15px;
}

.fashion-articleItem .txt .artivle-more {
    width: 140px;
    height: 42px;
    border: 1px solid #c4c4c4;
    color: #8e8e8e;
    text-align: center;
    line-height: 42px;
    display: inline-block;
    font-size: 14px;
    margin-top: 35px;
    transition: all .3s;
}

.fashion-articleItem .txt .artivle-more:hover {
    background-color: #000;
    color: #fff;
    border: 0;
}

.fashion-articleItem:hover .pic img {
    transform: scale(1.2);
}

.fashionShow-content {
    padding: 60px 0;
}

.fashionShow-content-head {
    margin-bottom: 50px;
}

.fashionShow-content-head .tit {
    font-size: 72px;
}

.fashionShow-content-head .date {
    color: #9a9a9a;
    font-size: 26px;
}

.fashionShow-content-box {
    font-size: 26px;
    color: #666;
}

.fashion-bpsPage {
    background-color: #ebebeb;
}

.fashion-bpsPage .title {
    margin-top: 80px;
    margin-bottom: 30px;
}

.fashion-bpsPage .title h1 {
    color: #fff;
    background-color: #000;
    padding: 20px 100px 20px 200px;
    display: inline-block;
    min-width: 700px;
}

.fashion-bpsPage .pic img {
    width: 100%;
}

/* innovation创新中心 */
.innovation-swiper {
    width: 100%;
    height: 1152px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.innovation-swiper img {
    width: 80%;
    /* height: 100%; */
}

.innovation-content {
    background-color: #fff;
}

.innovationNext-box {
    padding: 60px 0;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.innovationNext-box1 .txt {
    float: left;
    width: 300px;
    font-size: 22px;
    line-height: 1.5;
}

.innovationNext-box1 .pic {
    float: right;
    width: 980px;
}

.innovationNext-box1 .pic img {
    max-width: 100%;
}

.innovationNext-box2 h1 {
    text-align: center;
    line-height: 1.5;
}

.innovationNext-title {
    width: 1500px;
    margin: 0 auto;
}

.innovationNext-title h1 {
    font-size: 52px;
    position: relative;
    padding: 20px 0;
}

.innovationNext-title h1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 300px;
    height: 2px;
    background-color: #9b4d51;
}

/* about关于我们 */
.about-page {
    background-color: #fff;
    padding: 200px 0;
}

.about-page .fr {}

.about-page .about-box {
    padding: 100px 0;
    margin-top: 100px;
}

.about-page .about-box .txt {
    width: 40%;
}

.about-page .about-box .container-1430 {
    position: relative;
}

.about-box .txt .title {
    font-size: 58px;
    line-height: 1.5;
    padding: 15px 0;
    position: relative;
    margin-bottom: 50px;
}

.about-box .txt .title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2em;
    height: 3px;
    background: #97273B;
}

.about-box .txt p {
    font-size: 22px;
}

.about-box .pic {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48%;
}

.about-box .pic-r {
    right: 0;
}

.about-box .pic-l {
    left: 0;
}

.about-box .pic img {
    max-width: 100%;
}

.about-box .row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.about-page .about-bg {
    width: 100%;
    height: 470px;
    margin: 200px 0;
}

.about-box .aboutFoot-bg {
    position: absolute;
    top: -155px;
    left: 0;
    width: 100%;
    text-align: center;
    user-select: none;
    pointer-events: none;
    z-index: 0;
}

.about-box .aboutFoot-bg h1 {
    font-size: 200px;
    color: #bfbfbf;
    font-family: 'ITCA-Bold';
    opacity: .3;
    letter-spacing: 20px;
}

.about-box .about-partList {
    display: flex;
    flex-direction: row;
    column-gap: 5%;
}

.about-partList .item {
    flex: 1;
    height: 430px;
    border: 1px solid #000;
    border-radius: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 50px 30px;
}
.aboutAdd-bottom p{
    font-size: 32px;
}
.aboutAdd-bottom h3{
    font-size: 50px;
}
.about-partList .item .top {
    font-size: 28px;
    margin-bottom: 50px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.about-partList .item .top .row {
    display: flex;
    flex-direction: row;
}

.about-partList .item .top .row:nth-child(1) img {
    height: 30px;
    margin: 10px 5px;
}

.about-partList .item .top .row:nth-child(2) img {
    height: 50px;
    margin: 10px 5px;
}

.about-partList .item .bottom h1 {
    font-size: 36px;
}

.about-partList .item .bottom p {
    font-size: 20px;
    color: #8f8f8f;
}

.about-box .aboutFoot {
    padding-top: 140px;
    text-align: center;
}

.aboutFoot h1 {
    display: inline-block;
    background: #c40000;
    color: #fff;
    padding: 0 30px;
    margin-top: 80px;
    margin-bottom: 30px;
}

.aboutFoot .txt2 h2 {
    font-size: 26px;
    margin: 20px;
}

.aboutFoot .txt2 p {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

.xm-part-aboutStaff {
    height: 1299px;
}

.xm-part-aboutStaff .tips {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%);
    background-color: #fff;
    padding: 50px 100px;
}

.xm-part-aboutStaff .tips h1 {
    font-weight: 400;
    font-size: 52px;
}

.aboutStaff-page {
    padding: 100px 0;
    background-color: #cbc4bc;
    margin-top: -5px;
}

.aboutStaff-page .aboutStaff-list {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.aboutStaff-page .aboutStaff-list .aboutStaff-item {
    display: block;
    width: calc(33.3% - 33px);
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
}

.aboutStaff-item .aboutStaff-pic {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.aboutStaff-item:hover .aboutStaff-pic {
    transform: scale(1.1);
}

.aboutStaff-item .tit {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    height: 80px;
    background-color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.aboutStaff-item .tit h3 {
    font-size: 22px;
    color: #333;
}

.aboutStaff-item .tit p {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

#about-show {
    background-color: #fff;
    padding: 100px 0;
}

#about-show .back-menu {
    margin-bottom: 50px;
}

.staffShow-page .staffShow-pic {
    text-align: center;
    width: 300px;
    height: 300px;
    margin: 20px auto;
}

.staffShow-page .staffShow-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.staffShow-page .staffShow-title {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 60px;
}

.staffShow-page .staffShow-title h1 {
    font-size: 30px;
    line-height: 1.5;
}

.staffShow-page .staffShow-title p {
    font-size: 20px;
}

.staffShow-page .staffShow-dot {
    text-align: center;
}

.staffShow-content {
    padding: 15px;
    font-size: 18px;
    color: #666;
}

.xm-part-contact {
    height: 913px;
}

.aboutContact-page {
    padding: 100px 0;
    background-color: #fff;
}

.aboutContact-page .form-group {
    margin: 40px 0;
}

.aboutContact-page .form-group .form-tit {
    margin-bottom: 20px;
    font-size: 20px;
}

.aboutContact-page .form-group .mt-radio {
    margin: 10px 20px;
    font-size: 18px;
}

.aboutContact-page .form-group input[type="radio"] {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-top: -3px;
}

.aboutContact-page .form-group input[type="text"] {
    width: 650px;
    padding: 15px;
    font-size: 20px;
    border: 1px solid #ccc;
    transition: all .3s ease-out;
}

.aboutContact-page .form-group input:focus {
    outline: 1px solid #e9ab4f;
}

.aboutContact-page .form-group textarea:focus {
    outline: 1px solid #e9ab4f;
}

.aboutContact-page .form-group textarea {
    width: 900px;
    height: 150px;
    padding: 15px;
    font-size: 20px;
    border: 1px solid #ccc;
    transition: all .5s ease-out;
}

.aboutContact-page .submit-btn .btn {
    cursor: pointer;
    display: inline-block;
    width: 450px;
    height: 55px;
    background-color: #000;
    color: #fff;
    font-size: 20px;
    transition: opacity .3s ease-in-out;
}

.aboutContact-page .submit-btn .btn:hover {
    opacity: .6;
}

.aboutContact-page .contact-map {
    display: block;
    width: 1280px;
    height: 566px;
    margin: 100px auto 50px auto;
}

.aboutAdd-page {
    background-color: #cbc4bc;
    padding: 100px 0;
}

.aboutAdd-content {
    background-color: #fff;
    padding: 100px;
    text-align: center;
}

.aboutAdd-content h1 {
    font-size: 50px;
    margin-bottom: 50px;
}

.aboutAdd-content p {
    font-size: 24px;
    font-weight: lighter;
    line-height: 1.8;
    font-family: 'Microsoft YaHei';
}

.aboutAdd-bottom {
    margin-top: 100px;
    text-align: center;
    font-size: 46px;
    line-height: 1.5;
    font-weight: bold;
}

.aboutAdd-bottom a {
    color: #005aff;
    text-decoration: underline
}

.aboutTk-page {
    padding: 300px 0 100px 0;
    background-color: #CFC3BE;
}

.aboutTk-page .about-tktit {
    text-align: center;
    margin-bottom: 100px;
}

.aboutTk-page .about-tktit h2 {
    font-size: 50px;
    font-weight: bold;
}

.aboutAdd-content.text-left {
    text-align: left;
}

#integrated-page {
    background-color: #cfcfcf;
}

#integrated-page .integrated-box {
    width: 100%;
    height: 1086px;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center center;
    margin-top: -5px;
}

.industry-box {
    width: 80%;
    margin-top: -3px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.industryGuest-banner {
    width: 100%;
    height: 913px;
    position: relative;
}

.industryGuest-banner .slogan h1 {
    font-size: 106px;
    letter-spacing: 8px;
    margin-bottom: 10px;
}

.industryGuest-part1 .container-1430 {
    padding: 60px 0 30px 0;
    border-bottom: 10px solid #bf0000;
}

.industryGuest-part1 .txt1 {
    text-align: right;
    font-size: 52px;
    font-weight: bold;
    margin-bottom: 130px;
}

.industryGuest-part1 .txt1 p {
    margin-bottom: 10px;
    color: #000;
}

.industryGuest-part1 .txt1 p.en {
    color: #A9000A;
}

.industryGuest-part1 .txt2 {
    font-size: 26px;
    width: 85%;
}

.industryGuest-part1 .txt2 p {
    margin: 30px 0;
}

.industryGuest-part2 {
    text-align: center;
    padding: 30px;
}

.industryGuest-part3,
.industryGuest-part4,
.industryGuest-part5 {
    text-align: center;
}

.industryGuest-part3 img,
.industryGuest-part4 img,
.industryGuest-part5 img {
    width: 80%;
}

.industryGuest-video {
    width: 96%;
    margin: 50px auto;
    height: 700px;
    background-color: #000;
    text-align: center;
}

.industry-part-1 {
    height: 1080px;
    margin-top: -5px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    padding-bottom: 300px;
}

.industry-part-1 h2 {
    font-size: 80px;
    color: #fff;
}

.industry-part-1 p {
    font-size: 80px;
    color: #fff;
}

.innovation-box,
.innovationGDF-box {
    margin-top: -5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* innovationGdf */
.innovationGdf-part1 {
    width: 100%;
    height: 2247px;
}

.innovationGdf-part2 {
    padding: 100px 0;
    background-color: #000;
}

.innovationGdf-part2 p {
    font-size: 40px;
    color: #fff;
}

.innovationGdf-part2 p.green {
    color: #348922;
    font-size: 52px;
    font-weight: bold;
}

.innovationGdf-part3 {
    text-align: center;
    margin-top: 0px;
}

.innovationGdf-part3 img {
    width: 75%;
}

.innovationGdf-part4 {
    padding: 200px 0;
    background-color: #348922;
    text-align: center;
}

.innovationGdf-part4 span {
    background-color: #000;
    color: #fff;
    font-size: 58px;
    padding: 10px;
    line-height: 1.8;
}

.innovationGdf-part4 span b {
    font-size: 80px;
    font-weight: bold;
    margin: 0 10px;
}

.innovationGdf-FootCode {
    background-color: #000;
    padding: 100px 0;
    text-align: center;
}

.innovationGdf-FootCode p {
    font-size: 58px;
    color: #fff;
}

.innovationNr-part-banner {
    height: 913px;
}

.innovationNr-part-banner .slogan {
    width: 100%;
    text-align: center;
}

.innovationNr-part-banner .slogan p {
    color: #00af49;
    font-size: 54px;
    font-weight: bold;
}

.innovation-part .innovation-tit {
    padding: 30px 0;
    margin: 50px 0;
}

.innovation-part .innovation-tit h1 {
    font-size: 42px;
    padding: 25px 0;
    position: relative;
}

.innovation-part .innovation-tit h1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 150px;
    height: 3px;
    background-color: #15a45d;
}

.innovation-part-right,
.innovation-part-left {
    position: relative;
    margin: 150px 0;
}

.innovation-part-right .container {
    padding-left: 50%;
    text-align: justify;
}

.innovation-part-left .container {
    padding-right: 50%;
    text-align: justify;
}

.innovation-part .style-1 .tit {
    margin-bottom: 30px;
}

.innovation-part .style-1 .tit h2 {
    font-size: 36px;
    word-break: break-all;
}

.innovation-part .style-1 .tit p {
    font-weight: bold;
    font-size: 42px;
    color: #000;
}

.innovation-part .style-1 p {
    font-size: 24px;
    color: #666;
}

.innovation-part .style-1 p.desc {
    margin: 15px 0;
}

.innovation-part .style-1 li {
    font-size: 22px;
    color: #666;
    list-style: inside;
    word-break: break-all;
}

.innovation-part .style-1 .brd {
    color: #15a45d;
    border: 1px solid #000;
    padding: 0 20px;
    font-size: 28px;
    border-radius: 10px;
    display: inline-block;
    margin: 20px 0;
}

.innovation-part .style-1 .b {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-top: 30px;
}

.innovation-part-right .img-1 {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    width: 42%;
}

.innovation-part-left .img-1 {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    width: 42%;
}

.innovationNr-part-5 {
    padding: 200px 0;
    margin-top: 300px;
}

.innovationNr-part-5 .style-1 p {
    font-weight: lighter;
}

.innovationNr-part-6 .row {
    display: flex;
    justify-content: space-between;
    column-gap: 80px;
    align-items: center;
}

.innovationNr-part-6 .row .pic {
    flex: 0 0 45%;
}

.innovationNr-part-6 .txt h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

.innovationNr-part-6 p {
    font-size: 26px;
    color: #666;
}

.innovationNr-part-6 p b {
    color: #333;
}

.innovationNr-part-6 li {
    font-size: 24px;
    color: #666;
    line-height: 1.5;
}

.innovationNr-part-6 .bottom {
    margin-top: 30px;
}

.innovationNr-part-6 .line {
    margin: 130px auto;
    width: 1430px;
    height: 2px;
    background-color: #acacac;
}

.innovation-part .innovation-part-btn {
    padding: 100px 0;
    text-align: center;
}

.innovation-part-btn .btn-contact {
    display: inline-block;
    padding: 10px 50px;
    background-color: #000;
    color: #fff;
    font-size: 20px;
}

.innovation-part6 {
    background-color: #f9fcf5;
    margin-top: 0;
}


.innovation-part13 {
    background-color: #fdfbfc;
    margin-top: 0;
}

.innovation-part17 {
    background-color: #fff;
    margin-top: 0;
}

.innovation-part23,
.innovation-part66 {
    background-color: #f9fcf5;
    margin-top: 0;
}

.innovation-part28 {
    background-color: #337c3a;
    margin-top: 0;
}

.innovation-part29 {
    background-color: #23532b;
    margin-top: 0;
}

.innovation-part33,
.innovation-part55 {
    background-color: #6f8a5f;
    margin-top: 0;
}

.innovation-part54 {
    background-color: #fff;
    margin-top: 0;
}

.innovation-part6 img,
.innovation-part13 img,
.innovation-part17 img,
.innovation-part19 img,
.innovation-part23 img,
.innovation-part28 img,
.innovation-part29 img,
.innovation-part33 img,
.innovation-part54 img,
.innovation-part55 img,
.innovation-part66 img {
    width: 80%;
}



.innovationNr-part-2 {
    margin: 300px auto;
}

.innovationGyl-box {
    width: 100%;
    height: 1080px;
    margin-top: -5px;
}

.innovationGyl-box {
    font-family: 'ITCA', 'Microsoft YaHei' !important;
    color: #fff;
    position: relative;
    padding: 100px 0;
}

.innovationGyl-box1,
.innovationGyl-box2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.innovationGyl-box1 .txt {
    margin-bottom: 60px;
}

.innovationGyl-box h2 {
    font-weight: lighter;
    font-size: 64px;
    line-height: 1.5;
}

.innovationGyl-box p {
    font-size: 34px;
    font-weight: lighter;
}

.innovationGyl-box .green {
    font-size: 36px;
    color: #00af49;
}

.innovationGyl-box2 .slogan {
    position: absolute;
    width: 1430px;
    top: 20%;
}

.innovationGyl-box2 .slogan h2 {
    font-weight: lighter;
    font-size: 54px;
}
.innovationGyl-box2 .desc{
    margin-top: 100px;
}
.innovationGyl-box3 .txt-2 {
    position: absolute;
    left: 60%;
    top: 200px;
    width: 700px;
}

.innovationGyl-box3 .txt-2 p,
.innovationGyl-box3 .txt-3 p {
    font-size: 22px;
    letter-spacing: 2px;
}

.innovationGyl-box3 .txt-3 {
    position: absolute;
    top: 50%;
    left: 60%;
    width: 700px;
}

.innovationGyl-box3 .txt-3 p {
    margin-bottom: 5px;
}

.innovationGyl-box3 .txt-3 h3 {
    font-weight: lighter;
    font-size: 36px;
    margin-bottom: 60px;
}

.innovationGyl-box4 .txt-2 .box {
    padding: 30px 0;
}

.innovationGyl-box5 .box,
.innovationGyl-box9 .box {
    margin-top: 40px;
    line-height: 1.5;
}

.innovationGyl-box5 .box p.green,
.innovationGyl-box9 .box p.green {
    margin-bottom: 40px;
}

.innovationGyl-box5 .box p {
    font-size: 30px;
    line-height: 1.8;
}

.innovationGyl-box6 .txt,
.innovationGyl-box7 .txt {
    margin-top: 20px;
}

.innovationGyl-box6 .txt p,
.innovationGyl-box7 .txt p {
    font-size: 22px;
    line-height: 1.6;
}

.innovationGyl-box8 .txt p {
    font-size: 30px;
}

.innovationGyl-box8 .txt p.mb-2 {
    margin: 20px 0;
}


.innovationGyl-box10 .box {
    background-color: #37b001;
    color: #000;
    width: 1000px;
    height: 560px;
    padding: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.innovationGyl-box10 .box .top p {
    font-size: 38px;
    font-weight: bold;
}

.innovationGyl-box10 .box .top h1 {
    font-size: 72px;
}

.innovationGyl-box10 .box .bottom p {
    font-size: 24px;
    font-weight: bold;
}

.innovationGyl-box10 .box .bottom p.email {
    margin-top: 30px;
}

.innovationGyl-box .grid-list {
    display: grid;
    grid-template-columns: repeat(6, 16.66%);
    grid-row-gap: 50px;
    margin-top: 150px;
}

.innovationGyl-box .grid-list .item {
    text-align: center;
}

.innovationGyl-box .grid-list .item p {
    font-size: 18px;
}

.industryPreview-banner {
    height: 776px;
}

.industryPreview-banner .slogan {
    width: 80%;
    text-align: center;
}

.industryPreview-banner .slogan h1 {
    font-weight: 400;
    font-size: 64px;
    letter-spacing: 8px;
}

.industryPreview-banner .slogan p {
    font-size: 40px;
    font-weight: lighter;
    color: #ffffffbf;
    margin-top: 15px;
}

.industryPreview-box1 {
    width: 100%;
    height: 1156px;
}

.industryPreview-box2 {
    width: 100%;
    height: 1085px;
}

.industryPreview-box3 {
    width: 100%;
    height: 1451px;
}

.industryPreview-box4 {
    width: 100%;
    height: 2242px;
}

/* login登录 */
.login-page {
    min-height: 100vh;
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: lighter;
}

.login-box {
    width: 600px;
    margin: 0 auto;
}

.login-box .login-title {
    margin-bottom: 50px;
}

.login-box .login-title h1 {
    font-size: 58px;
    letter-spacing: 5px;
    text-align: center;
}

.login-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
}

.login-tab a {
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: 18px;
    padding: 15px 50px;
    color: #333;
}

.login-tab a:hover,
.login-tab a.active {
    border-bottom: 1px solid #333;
}

.login-form .form-group {
    margin: 20px 0;
    text-align: center;
}

.login-form .form-group .form-control {
    width: 90%;
    border: 1px solid #ccc;
    height: 50px;
    line-height: 50px;
    outline: none;
    font-size: 18px;
    padding: 0 15px;
}

.login-form .form-actions {
    margin: 20px 0;
}

.login-form .form-actions .login-btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

/*分页*/
.pager {
    text-align: center;
    margin: 20px 0;
}

.pager ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pager ul li {
    display: inline-block;
}

.pager ul li a {
    padding: 5px 15px;
    margin: 15px 5px;
    border: #dddddd solid 1px;
    display: inline-block;
}

.pager ul li a:hover {
    border: #3ea8e2 solid 1px;
    color: #3ea8e2
}

.pager ul .active a {
    border: #3ea8e2 solid 1px;
    display: inline-block;
    background-color: #3ea8e2;
    color: #fff;
}

.pager ul a:not([href]):not([class]):hover {
    border: #dddddd solid 1px;
}

.pager ul .active a:hover {
    color: #fff;
    border: #3ea8e2 solid 1px !important;
}

@media screen and (max-width: 1400px) {
    .home-page .xm-homePart{
        width: 100%;
        height: 987px;
    }
    .container-1430{
        width: 100%;
        padding: 0 10px;
    }
    .fashionShow-content-box *{
        line-height: 1.5;
    }
    .mediaShowBox{
        padding: 50px 0;
    }
    .mediaShowContact{
        width: 100%;
        margin: 20px auto;
    }
    .mediaShowContact .ms-title{
        font-size: 18px;
        margin-bottom: -20px;
    }
    .mediaShowContact .ms-content p {
        font-size: 14px;
    }
    .meidShowCode {
        margin: 20px auto;
    }
    .meidShowCode ul li{
        margin: 0 15px;
    }
    .meidShowCode ul li img{
        width: 100px;
        height: 100px;
    }
    .meidShowCode ul li p{
        font-size: 16px;
    }
    .mediaShowContact .ms-content{
        padding: 20px 10px;
        border: 5px solid #000;
    }
    .fashion-container{
        width: 100%;
    }
    .fashion-articleItem{
        flex-direction: column;
        row-gap: 20px;
    }
    .wrap+.nav-placeholder{
        display: none;
    }
    .back-menu{
        margin-left: 0;
    }
    .fashion-nav .fashion-navItem{
        height: 50px;
        line-height: 50px;
        padding: 0 30px;
    }
    .fashionShow-content{
        padding: 20px 10px;
    }
    .fashionShow-content-head .tit{
        font-size: 36px;
    }
    .fashionShow-content-head .date{
        font-size: 22px;
    }
    .industryGuest-part1 .container-1430{
        padding: 30px 10px;
    }
    .industryGuest-video{
        height: 230px;
    }
    .industryGuest-part2{
        padding: 0;
    }
    .industryGuest-part3 img, .industryGuest-part4 img, .industryGuest-part5 img{
        width: 100%;
        padding: 0 15px;
    }
    .industryGuest-part1 .txt1{
        font-size: 24px;
        margin-bottom: 30px;
    }
    .industryGuest-part1 .txt2{
        font-size: 20px;
    }
    .innovation-part .container-1430{
        width: 95%;
        overflow: hidden;
    }
    .innovationGyl-box {
        padding: 40px 0;
        min-height: 1080px;
    }
    .innovationGyl-box3 .txt-2,.innovationGyl-box3 .txt-3{
        left: 10%;
        width: 80%;
    }
    .innovationGyl-box3 .txt-2 p, .innovationGyl-box3 .txt-3 p{
        font-size: 16px;
    }
    .innovationGyl-box .grid-list .item p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .about-page{
        padding: 0;
    }
    .about-page .about-box .container-1430{
        padding: 50px 10px;
    }
    .about-page .about-box .txt{
        width: 100%;
    }
    .about-box .pic-r{
        position: relative;
        top: auto;
        transform: none;
        width: 100%;
    }
    .about-box .about-partList{
        flex-direction: column;
        row-gap: 20px;
    }
    .about-page .about-bg{
        aspect-ratio: 192 / 47;
        margin: 30px 0;
        height: auto;
    }
    .about-box .row-reverse{
        flex-direction: column;
    }
    .about-box .pic{
        position: relative;
        top: 0;
        transform: none;
        width: 100%;
    }
    .about-box .txt .title{
        font-size: 34px;
    }
    .about-page .about-box{
        padding: 0;
        margin-top: 0;
    }
    .about-box .aboutFoot-bg h1{
        font-size: 60px;
        letter-spacing: 8px;
    }
    .aboutContact-page .form-group input[type="text"]{
        width: 100%;
    }
    .aboutContact-page .form-group textarea{
        width: 100%;
    }
    .aboutContact-page .submit-btn .btn{
        width: 100%;
    }
    .aboutContact-page .contact-map{
        width: 100%;
    }
    .aboutAdd-page{
        padding: 20px 0;
    }
    .aboutAdd-content{
        padding: 50px 20px;
    }
    .aboutAdd-content h1 {
        font-size: 32px;
        margin-bottom: 16px;
    }
    .aboutAdd-bottom p{
        font-size: 24px;
    }
    .aboutTk-page{
        padding: 100px 0;
    }
    .aboutTk-page .about-tktit h2{
        font-size: 36px;
    }
    .login-box{
        width: 95%;
    }
    .login-box .login-title h1{
        font-size: 40px;
    }
    .mediaShowConten p span{
        font-size: 14px!important;
    }
    .innovation-swiper{
        height: 1440px;
    }
    .innovationNext-box{
        width: 100%;
        padding: 40px 0;
    }
    .innovation-swiper img{
        width: 100%;
    }
    .innovationNext-box1 .pic {
        float: none;
        width: 100%;
    }
    .innovationNext-box1 .txt {
        float: none;
        width: 100%;
        font-size: 14px;
    }
    .innovationNext-box2 h1{
        font-size: 22px;
    }
    .innovationNext-title h1{
        font-size: 22px;
    }
    .innovationNext-title{
        width: 100%;
        overflow: hidden;
    }
    .xm-homePart .slogan h1{
        text-align: center;
    }
    #integrated-page .integrated-box{
        height: 1358px;
        background-size: 100%;
    }
    .xm-homePart .slogan p{
        font-size: 64px;
    }
    .mediaShowConten p:first-child img{
        width: 100%!important;
    }
    .aboutStaff-page .aboutStaff-list{
        gap: 20px;
    }
    .aboutStaff-item .tit{
        line-height: 1;
    }
    .aboutStaff-page .aboutStaff-list .aboutStaff-item{
        width: calc(50% - 10px);
    }
    .aboutStaff-item .tit h3 {
        font-size: 18px;
    }
    .aboutStaff-item .tit p {
        font-size: 12px;
    }
}